/*!
Theme Name: fastserver
Theme URI: http://underscores.me/
Author: Shipshape
Author URI: https://shipshape-solutions.com/hr
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: fastserver
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

fastserver is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
/* -------------------------------------------------------------
# Bootstrap
--------------------------------------------------------------*/
/*!
 * Bootstrap Grid v5.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2023 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
.container,
.container-fluid,
.container-xxl {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 1255px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1225px;
  }
}
:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 1024px;
  --bs-breakpoint-md: 1024px;
  --bs-breakpoint-lg: 1024px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1255px;
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 1024px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1024px) {
  .col-md {
    flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1024px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1255px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-inline-grid {
  display: inline-grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

@media (min-width: 1024px) {
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1024px) {
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1024px) {
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1255px) {
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-inline-grid {
    display: inline-grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}
.light {
  font-weight: 300;
}

.regular {
  font-weight: 400;
}

.medium {
  font-weight: 600;
}

.bold {
  font-weight: 700;
}

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
  color: #404040;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

label {
  display: block;
  padding: 8px 16px !important;
  color: #3D3D3D;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 13.2px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Poppins", BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  clear: both;
}

h1 {
  font-size: 56px;
  line-height: 67.2px;
}
@media (max-width: 1023px) {
  h1 {
    font-size: 48px;
    line-height: 57.6px;
  }
}

h2 {
  font-size: 48px;
  line-height: 57.6px;
}
@media (max-width: 1023px) {
  h2 {
    font-size: 32px;
    line-height: 38.4px;
  }
}

h3 {
  font-size: 32px;
  line-height: 38.4px;
}
@media (max-width: 1023px) {
  h3 {
    font-size: 24px;
    line-height: 28.8px;
  }
}

h4 {
  font-size: 24px;
  line-height: 28.8px;
}
@media (max-width: 1023px) {
  h4 {
    font-size: 18px;
    line-height: 21.6px;
  }
}

h5 {
  font-size: 18px;
  line-height: 21.6px;
}
@media (max-width: 1023px) {
  h5 {
    font-size: 16px;
    line-height: 19.2px;
  }
}

h6 {
  font-size: 16px;
  line-height: 19.2px;
}

p {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
  background: #FFF;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  position: relative;
}
@media (max-width: 1023px) {
  body {
    max-width: 430px;
    margin: 0 auto !important;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
  }
}
body.overflow {
  overflow: hidden;
}
body .container {
  width: unset;
}
body .container-fluid, body .container-xxl {
  width: unset;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: none;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

img {
  height: auto;
  max-width: 100%;
}

figure {
  margin: 1em 0;
}

table {
  width: 100%;
  border-collapse: separate;
  overflow: hidden;
}
table thead th {
  text-align: left;
  padding: 0 0 8px;
  border: none;
  color: #528CB1;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 22.4px;
}
table thead th:first-child {
  padding: 0 0 8px 24px;
  border-top-left-radius: 8px;
}
table thead th:last-child {
  padding: 0 24px 8px 0;
  border-top-right-radius: 8px;
  text-align: right;
}
table tbody tr td {
  padding: 24px 0;
  border-bottom: 1px solid #E0E0E0;
}
table tbody tr td:first-child {
  padding: 24px 0 24px 24px;
  border-left: 1px solid #E0E0E0;
}
table tbody tr td:last-child {
  padding: 24px 24px 24px 0;
  border-right: 1px solid #E0E0E0;
}
table tbody tr:first-child td {
  border-top: 1px solid #E0E0E0;
}
table tbody tr:first-child td:first-child {
  border-top-left-radius: 8px;
}
table tbody tr:first-child td:last-child {
  border-top-right-radius: 8px;
}
table tbody tr:nth-child(odd) td {
  background: #FFF;
}
table tbody tr:nth-child(even) td {
  background: transparent;
}
table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 8px;
}
table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 8px;
}

/* Links
--------------------------------------------- */
a {
  text-decoration: none;
}

/* Forms
--------------------------------------------- */
button,
input[type=button],
input[type=reset],
input[type=submit] {
  border-radius: 80px;
  padding: 16px 32px;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 600;
  transition: 0.3s ease-in-out;
  text-transform: uppercase;
  cursor: pointer;
  background: #7BC0EB;
  color: #FFF;
}
@media (max-width: 1023px) {
  button,
  input[type=button],
  input[type=reset],
  input[type=submit] {
    width: 100%;
    display: flex;
    justify-content: center;
  }
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  background: #528CB1;
  color: #FFF;
}
@media (max-width: 1023px) {
  button:hover,
  input[type=button]:hover,
  input[type=reset]:hover,
  input[type=submit]:hover {
    background: #7BC0EB;
  }
}
button:disabled,
input[type=button]:disabled,
input[type=reset]:disabled,
input[type=submit]:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
button:disabled:hover,
input[type=button]:disabled:hover,
input[type=reset]:disabled:hover,
input[type=submit]:disabled:hover {
  background: #7BC0EB;
  color: #FFF;
  opacity: 0.5;
}

.btn {
  border-radius: 80px;
  padding: 16px 32px;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-weight: 600;
  transition: 0.3s ease-in-out;
  text-transform: uppercase;
  cursor: pointer;
}
@media (max-width: 1023px) {
  .btn {
    width: 100%;
    display: flex;
    justify-content: center;
  }
}
.btn--background {
  background: #7BC0EB;
  color: #FFF;
}
.btn--background:hover {
  background: #528CB1;
  color: #FFF;
}
@media (max-width: 1023px) {
  .btn--background:hover {
    background: #7BC0EB;
  }
}
.btn--background:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.btn--background:disabled:hover {
  background: #7BC0EB;
  color: #FFF;
  opacity: 0.5;
}
.btn--nofill {
  border: 2px solid #FFF;
  color: #FFF;
}
.btn--nofill:hover {
  border: 2px solid #7BC0EB;
  color: #7BC0EB;
}
@media (max-width: 1023px) {
  .btn--nofill:hover {
    border: 2px solid #FFF;
    color: #FFF;
  }
}
.btn--nofill:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.btn--nofill:disabled:hover {
  border: 2px solid #FFF;
  color: #FFF;
  opacity: 0.5;
}
.btn--color {
  border: 2px solid #528CB1;
  color: #528CB1;
}
.btn--color:hover {
  border: 2px solid #417494;
  color: #417494;
}
@media (max-width: 1023px) {
  .btn--color:hover {
    border: 2px solid #528CB1;
    color: #528CB1;
  }
}
.btn--color:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.btn--color:disabled:hover {
  border: 2px solid #528CB1;
  color: #528CB1;
  opacity: 0.5;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color] {
  border-radius: 32px;
  border: 1px solid #E0E0E0;
  background: #FFF;
  width: 100%;
  padding: 12px 16px;
  color: #292929;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 22.4px;
  outline: #FFF;
}
input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=url]::placeholder,
input[type=password]::placeholder,
input[type=search]::placeholder,
input[type=number]::placeholder,
input[type=tel]::placeholder,
input[type=range]::placeholder,
input[type=date]::placeholder,
input[type=month]::placeholder,
input[type=week]::placeholder,
input[type=time]::placeholder,
input[type=datetime]::placeholder,
input[type=datetime-local]::placeholder,
input[type=color]::placeholder {
  color: #7A7A7A;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus {
  border: 1px solid #FFF;
  outline: 1px solid #2D9CDB;
  background: #FFF;
}
input[type=text]:focus::placeholder,
input[type=email]:focus::placeholder,
input[type=url]:focus::placeholder,
input[type=password]:focus::placeholder,
input[type=search]:focus::placeholder,
input[type=number]:focus::placeholder,
input[type=tel]:focus::placeholder,
input[type=range]:focus::placeholder,
input[type=date]:focus::placeholder,
input[type=month]:focus::placeholder,
input[type=week]:focus::placeholder,
input[type=time]:focus::placeholder,
input[type=datetime]:focus::placeholder,
input[type=datetime-local]:focus::placeholder,
input[type=color]:focus::placeholder {
  color: transparent;
}
input[type=text].wpcf7-not-valid,
input[type=email].wpcf7-not-valid,
input[type=url].wpcf7-not-valid,
input[type=password].wpcf7-not-valid,
input[type=search].wpcf7-not-valid,
input[type=number].wpcf7-not-valid,
input[type=tel].wpcf7-not-valid,
input[type=range].wpcf7-not-valid,
input[type=date].wpcf7-not-valid,
input[type=month].wpcf7-not-valid,
input[type=week].wpcf7-not-valid,
input[type=time].wpcf7-not-valid,
input[type=datetime].wpcf7-not-valid,
input[type=datetime-local].wpcf7-not-valid,
input[type=color].wpcf7-not-valid {
  border: 1px solid #F64C4C;
  background: #FDEEEE;
  color: #F64C4C;
}
input[type=text].wpcf7-not-valid:focus,
input[type=email].wpcf7-not-valid:focus,
input[type=url].wpcf7-not-valid:focus,
input[type=password].wpcf7-not-valid:focus,
input[type=search].wpcf7-not-valid:focus,
input[type=number].wpcf7-not-valid:focus,
input[type=tel].wpcf7-not-valid:focus,
input[type=range].wpcf7-not-valid:focus,
input[type=date].wpcf7-not-valid:focus,
input[type=month].wpcf7-not-valid:focus,
input[type=week].wpcf7-not-valid:focus,
input[type=time].wpcf7-not-valid:focus,
input[type=datetime].wpcf7-not-valid:focus,
input[type=datetime-local].wpcf7-not-valid:focus,
input[type=color].wpcf7-not-valid:focus {
  border: none;
  outline: 1px solid #F64C4C;
}
input[type=text].wpcf7-not-valid:focus::placeholder,
input[type=email].wpcf7-not-valid:focus::placeholder,
input[type=url].wpcf7-not-valid:focus::placeholder,
input[type=password].wpcf7-not-valid:focus::placeholder,
input[type=search].wpcf7-not-valid:focus::placeholder,
input[type=number].wpcf7-not-valid:focus::placeholder,
input[type=tel].wpcf7-not-valid:focus::placeholder,
input[type=range].wpcf7-not-valid:focus::placeholder,
input[type=date].wpcf7-not-valid:focus::placeholder,
input[type=month].wpcf7-not-valid:focus::placeholder,
input[type=week].wpcf7-not-valid:focus::placeholder,
input[type=time].wpcf7-not-valid:focus::placeholder,
input[type=datetime].wpcf7-not-valid:focus::placeholder,
input[type=datetime-local].wpcf7-not-valid:focus::placeholder,
input[type=color].wpcf7-not-valid:focus::placeholder {
  color: transparent;
}
input[type=text].wpcf7-not-valid::placeholder,
input[type=email].wpcf7-not-valid::placeholder,
input[type=url].wpcf7-not-valid::placeholder,
input[type=password].wpcf7-not-valid::placeholder,
input[type=search].wpcf7-not-valid::placeholder,
input[type=number].wpcf7-not-valid::placeholder,
input[type=tel].wpcf7-not-valid::placeholder,
input[type=range].wpcf7-not-valid::placeholder,
input[type=date].wpcf7-not-valid::placeholder,
input[type=month].wpcf7-not-valid::placeholder,
input[type=week].wpcf7-not-valid::placeholder,
input[type=time].wpcf7-not-valid::placeholder,
input[type=datetime].wpcf7-not-valid::placeholder,
input[type=datetime-local].wpcf7-not-valid::placeholder,
input[type=color].wpcf7-not-valid::placeholder {
  color: #F64C4C;
}
input[type=text]:disabled,
input[type=email]:disabled,
input[type=url]:disabled,
input[type=password]:disabled,
input[type=search]:disabled,
input[type=number]:disabled,
input[type=tel]:disabled,
input[type=range]:disabled,
input[type=date]:disabled,
input[type=month]:disabled,
input[type=week]:disabled,
input[type=time]:disabled,
input[type=datetime]:disabled,
input[type=datetime-local]:disabled,
input[type=color]:disabled {
  background: #E0E0E0;
  color: #A3A3A3;
}

input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 14px;
  height: 14px;
  border: 1px solid #A3A3A3;
  border-radius: 2px;
  position: relative;
  cursor: pointer;
}
input[type=checkbox]:checked {
  background: #7BC0EB;
  border: 1px solid #7BC0EB;
}
input[type=checkbox]:checked::before {
  content: url("./assets/icons/checkmark.svg");
  position: absolute;
  top: -5px;
  left: 0;
  z-index: 1;
}

textarea {
  border-radius: 16px;
  border: 1px solid #E0E0E0;
  background: #FFF;
  padding: 12px 16px;
  color: #292929;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 22.4px;
  width: 100%;
  height: 147px;
  resize: none;
}
textarea::placeholder {
  color: #7A7A7A;
}
textarea:focus {
  border: none;
  outline: 1px solid #2D9CDB;
  background: #FFF;
}
textarea:focus::placeholder {
  color: transparent;
}
textarea.wpcf7-not-valid {
  border: 1px solid #F64C4C;
  background: #FDEEEE;
  color: #F64C4C;
}
textarea.wpcf7-not-valid:focus {
  border: none;
  outline: 1px solid #F64C4C;
}
textarea.wpcf7-not-valid:focus::placeholder {
  color: transparent;
}
textarea.wpcf7-not-valid::placeholder {
  color: #F64C4C;
}

.custom-dropdown.os .select-wrap .default-option {
  z-index: 6;
}
.custom-dropdown.os .select-wrap .select-ul {
  z-index: 5;
}
.custom-dropdown.os .select-wrap .select-ul li {
  padding: 0;
}
.custom-dropdown.os .select-wrap .select-ul li .option {
  padding: 12px 16px;
}
.custom-dropdown.categories .select-wrap .select-ul li {
  padding: 0;
}
.custom-dropdown.categories .select-wrap .select-ul li .option p {
  padding: 12px 16px;
}
.custom-dropdown.categories .select-wrap .select-ul li .option a {
  padding: 12px 16px;
}
.custom-dropdown .select-wrap {
  position: relative;
  user-select: none;
}
.custom-dropdown .select-wrap .default-option {
  border-radius: 32px;
  border: 1px solid #E0E0E0;
  background: #FFF;
  padding: 12px 16px;
  position: relative;
  z-index: 4;
  cursor: pointer;
}
.custom-dropdown .select-wrap .default-option::before {
  content: url("./assets/icons/chevron-down.svg");
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 16px;
  transition: 0.3s ease-in-out;
  height: 16px;
}
.custom-dropdown .select-wrap input {
  display: none;
}
.custom-dropdown .select-wrap .select-ul {
  position: absolute;
  z-index: 3;
  top: 100%;
  left: 0;
  width: 100%;
  background: #FFF;
  border: 1px solid #E0E0E0;
  border-top: none;
  border-radius: 0 0 24px 24px;
  display: none;
}
.custom-dropdown .select-wrap .select-ul input {
  display: none;
}
.custom-dropdown .select-wrap .select-ul li {
  padding: 12px 16px;
  border-bottom: 1px solid #E0E0E0;
  cursor: pointer;
  transition: 0.3s ease-in-out;
}
.custom-dropdown .select-wrap .select-ul li:last-child {
  border-bottom: none;
}
.custom-dropdown .select-wrap .select-ul li:last-child:hover {
  border-radius: 0 0 24px 24px;
}
.custom-dropdown .select-wrap .select-ul li p {
  color: #7A7A7A;
  transition: 0.3s ease-in-out;
}
.custom-dropdown .select-wrap .select-ul li a {
  color: #7A7A7A;
  transition: 0.3s ease-in-out;
}
.custom-dropdown .select-wrap .select-ul li:hover {
  background: #F4F4F4;
}
@media (max-width: 1023px) {
  .custom-dropdown .select-wrap .select-ul li:hover {
    background: #FFF;
  }
}
.custom-dropdown .select-wrap .select-ul li:hover p {
  color: #3D3D3D;
}
@media (max-width: 1023px) {
  .custom-dropdown .select-wrap .select-ul li:hover p {
    color: #7A7A7A;
  }
}
.custom-dropdown .select-wrap .select-ul li:hover a {
  color: #3D3D3D;
}
@media (max-width: 1023px) {
  .custom-dropdown .select-wrap .select-ul li:hover a {
    color: #7A7A7A;
  }
}
.custom-dropdown .select-wrap .option p {
  color: #7A7A7A;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 22.4px;
}
.custom-dropdown .select-wrap .option a {
  color: #7A7A7A;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 22.4px;
  display: inline-block;
  width: 100%;
}
.custom-dropdown .select-wrap.active .select-ul {
  display: block;
  transition: 0.3s ease-in-out;
}
.custom-dropdown .select-wrap.active .default-option {
  border-radius: 24px 24px 0px 0px;
  border-bottom: 1px solid #E0E0E0;
  border-bottom: 1px solid #A3A3A3;
}
.custom-dropdown .select-wrap.active .default-option::before {
  top: 50%;
  transform: translate(0, -50%) rotate(-180deg);
  transition: 0.3s ease-in-out;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
.main-navigation {
  display: block;
  width: 100%;
}
.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}
.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
  display: block;
  left: auto;
}
.main-navigation ul ul a {
  width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}
.main-navigation li {
  position: relative;
}
.main-navigation a {
  display: block;
  text-decoration: none;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: flex;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
  display: block;
}

.post,
.page {
  margin: 0;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
  margin: 0 0 1.5em;
}
.widget select {
  max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

/* Header
--------------------------------------------- */
.header__topbar {
  border-bottom: 1px solid #E0E0E0;
  background: #F7F9FC;
  padding: 12px 0;
}
@media (max-width: 1023px) {
  .header__topbar {
    display: none;
  }
}
.header__topbar .area {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header__topbar .menu {
  display: flex;
  gap: 16px;
}
.header__topbar .menu li.current-menu-item a {
  color: #7BC0EB;
}
.header__topbar .menu li a {
  color: #666;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 15.4px;
  transition: 0.3s ease-in-out;
}
.header__topbar .menu li a:hover {
  color: #7BC0EB;
}
.header__info {
  display: flex;
  align-items: center;
  gap: 16px;
}
.header__info a {
  display: flex;
  align-items: center;
  gap: 8px;
}
.header__info a:hover p {
  color: #7BC0EB;
}
.header__info a:hover svg {
  filter: brightness(0) saturate(100%) invert(69%) sepia(59%) saturate(438%) hue-rotate(174deg) brightness(97%) contrast(90%);
}
.header__info a svg {
  transition: 0.3s ease-in-out;
}
.header__info a p {
  color: #666;
  font-size: 14px;
  line-height: 15.4px;
  transition: 0.3s ease-in-out;
}
.header__mainbar {
  background: #F7F9FC;
  padding: 16px 0;
}
@media (max-width: 1023px) {
  .header__mainbar {
    padding: 12px 4px;
    position: relative;
    z-index: 99999;
  }
}
.header__mainbar.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999999;
  transition: 0.5s ease-in-out;
}
@media (max-width: 1023px) {
  .header__mainbar.sticky {
    max-width: 430px;
  }
}
.header__mainbar .area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
@media (max-width: 1250px) {
  .header__mainbar .area {
    gap: 8px;
  }
}
.header__mainbar .area .right {
  display: flex;
  align-items: center;
  gap: 40px;
}
@media (max-width: 1250px) {
  .header__mainbar .area .right {
    gap: 8px;
  }
}
@media (max-width: 1250px) and (max-width: 1023px) {
  .header__mainbar .area .right {
    gap: 0;
  }
}
.header__mainbar .area .right .btn {
  font-size: 14px;
  line-height: 15.4px;
}
@media (max-width: 1023px) {
  .header__mainbar .area .right .btn {
    display: none;
  }
}
.header__mainbar .menu {
  display: flex;
  gap: 24px;
}
@media (max-width: 1250px) {
  .header__mainbar .menu {
    gap: 8px;
  }
}
@media (max-width: 1250px) and (max-width: 1023px) {
  .header__mainbar .menu {
    display: none;
  }
}
.header__mainbar .menu li.current-menu-item a {
  color: #7BC0EB;
}
.header__mainbar .menu li a {
  color: #292929;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 15.4px;
  transition: 0.3s ease-in-out;
}
.header__mainbar .menu li a:hover {
  color: #7BC0EB;
}
.header__mainbar .menuOpen {
  display: none;
}
@media (max-width: 1023px) {
  .header__mainbar .menuOpen {
    display: block;
    cursor: pointer;
  }
}
.header__overlay {
  display: none;
}
@media (max-width: 1023px) {
  .header__overlay.active {
    display: block;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999999;
    width: 100%;
    height: 100%;
    max-width: 430px;
    background: rgba(29, 29, 29, 0.24);
  }
}
.header__overlay.active .header__mobile-menu {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 999999;
  height: 100vh;
  width: 100%;
  max-width: 274px;
  background: #FFF;
  padding: 24px 16px 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  overflow-y: scroll;
}
.header__mobile-menu {
  display: none;
}
.header__mobile-menu .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.header__mobile-menu .header .text {
  color: #417494;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 15.4px;
}
.header__mobile-menu .header .menuClose {
  cursor: pointer;
}
.header__mobile-menu .main-links ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.header__mobile-menu .main-links ul li {
  position: relative;
}
.header__mobile-menu .main-links ul li a {
  display: block;
  border-bottom: 1px solid #F4F4F4;
  padding: 12px 0;
  color: #292929;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 17.6px;
}
.header__mobile-menu .main-links ul li a::after {
  content: url("./assets/icons/arrow-narrow-right.svg");
  position: absolute;
  top: 12px;
  right: 0;
}
.header__mobile-menu .other-links ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.header__mobile-menu .other-links ul li a {
  color: #525252;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 15.4px;
}
.header__mobile-menu .other-links ul li:first-child a {
  color: #417494;
}
.header__mobile-menu .info {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.header__mobile-menu .info a {
  display: flex;
  align-items: center;
  gap: 8px;
}
.header__mobile-menu .info a p {
  color: #666;
  font-size: 14px;
  line-height: 15.4px;
}
.header__cart {
  background: #F7F9FC;
  padding: 40px 0;
}
@media (max-width: 1023px) {
  .header__cart {
    padding: 32px 4px;
  }
}
.header__cart .area {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1023px) {
  .header__cart .area {
    flex-direction: column;
    gap: 24px;
  }
}
.header__cart .area h1 {
  color: #292929;
}
.header__cart .area .right {
  opacity: 0;
}
@media (max-width: 1023px) {
  .header__cart .area .right {
    display: none;
  }
}
.header__cart-breadcrumb {
  background: #F7F9FC;
  padding: 40px 0;
}
@media (max-width: 1023px) {
  .header__cart-breadcrumb {
    padding: 32px 4px;
  }
}
.header__cart-breadcrumb .area {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1023px) {
  .header__cart-breadcrumb .area {
    flex-direction: column;
    gap: 24px;
  }
}
.header__cart-breadcrumb .area h1 {
  color: #292929;
}
.header__cart-breadcrumb .area .left {
  order: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 1023px) {
  .header__cart-breadcrumb .area .left {
    order: 2;
    align-items: center;
  }
}
.header__cart-breadcrumb .area .left .breadcrumbs {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #292929;
  font-size: 12px;
  font-weight: 500;
  line-height: 19.2px;
}
.header__cart-breadcrumb .area .right {
  order: 2;
}
@media (max-width: 1023px) {
  .header__cart-breadcrumb .area .right {
    order: 1;
  }
}

.floating-button {
  border-radius: 32px 0px 0px 32px;
  background: #FFF;
  box-shadow: 0px 8px 40px 0px rgba(65, 116, 148, 0.08);
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 0;
  position: absolute;
  top: 567px;
  right: 0;
  z-index: 999;
  transition: 0.3s ease-in-out;
}
@media (max-width: 1023px) {
  .floating-button {
    border-radius: 32px;
    padding: 4px;
    top: 597px;
    right: 8px;
  }
}
.floating-button:hover {
  gap: 8px;
}
@media (max-width: 1023px) {
  .floating-button:hover {
    padding: 8px 12px;
  }
}
.floating-button:hover .text {
  max-width: 150px;
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
  transition-delay: 0s;
}
.floating-button.sticky {
  position: fixed !important;
  top: 210px;
  right: 0;
}
@media (max-width: 1023px) {
  .floating-button.sticky {
    right: 8px;
  }
}
.floating-button .icon {
  border-radius: 56px;
  background: #EA5326;
  padding: 8px;
  max-height: 32px;
}
@media (max-width: 1023px) {
  .floating-button .icon {
    padding: 12px;
    max-height: 38px;
    order: 2;
  }
}
.floating-button .text {
  max-width: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  white-space: nowrap;
  transform: translateX(-10px);
  transition: max-width 0.4s ease-in-out, opacity 0.3s ease-in-out, transform 0.3s ease-in-out, visibility 0s linear 0.3s;
}
@media (max-width: 1023px) {
  .floating-button .text {
    order: 1;
  }
}
.floating-button .text .first {
  color: #417494;
  font-size: 12px;
  line-height: 13.2px;
  margin-bottom: 4px;
}
.floating-button .text .second {
  display: flex;
  gap: 4px;
}
.floating-button .text .second p {
  color: #3D3D3D;
  font-size: 12px;
  line-height: 13.2px;
  min-width: 95px;
}
@media (max-width: 1023px) {
  .floating-button .text .second p {
    min-width: unset;
  }
}

#success-message {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999999999;
  padding: 16px;
  border-radius: 16px;
  border: 2px solid #D9F2E3;
  background: #D9F2E3;
  color: #27AE60;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 22.4px;
}
@media (max-width: 1023px) {
  #success-message {
    width: calc(100% - 32px);
    text-align: center;
  }
}

/* Footer
--------------------------------------------- */
.footer-contact-block {
  background: linear-gradient(245deg, rgba(20, 20, 20, 0) -0.45%, #141414 34.5%), linear-gradient(0deg, rgba(20, 20, 20, 0.8) 0%, rgba(20, 20, 20, 0.66) 34%, rgba(20, 20, 20, 0.4) 70%, rgba(20, 20, 20, 0) 100%), url("./assets/images/footer-contact-desktop.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 48px 0 32px;
  position: relative;
  /* Change later potentially */
}
@media (max-width: 1023px) {
  .footer-contact-block {
    background: linear-gradient(245deg, rgba(20, 20, 20, 0) -0.45%, #141414 34.5%), linear-gradient(0deg, rgba(20, 20, 20, 0.8) 0%, rgba(20, 20, 20, 0.66) 34%, rgba(20, 20, 20, 0.4) 70%, rgba(20, 20, 20, 0) 100%), url("./assets/images/footer-contact-mobile.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 32px 12px;
  }
}
.footer-contact-block::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(245deg, rgba(20, 20, 20, 0) -0.45%, #141414 34.5%), linear-gradient(0deg, rgba(20, 20, 20, 0.8) 0%, rgba(20, 20, 20, 0.66) 34%, rgba(20, 20, 20, 0.4) 70%, rgba(20, 20, 20, 0) 100%);
  z-index: 1;
}
.footer-contact-block__area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 3;
}
@media (max-width: 1023px) {
  .footer-contact-block__area {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }
}
.footer-contact-block__area .left {
  max-width: 496px;
}
@media (max-width: 1023px) {
  .footer-contact-block__area .left {
    max-width: unset;
  }
}
.footer-contact-block__area .left h3 {
  color: #FFF;
  margin-bottom: 8px;
}
.footer-contact-block__area .left .description p {
  color: #FFF;
  font-size: 16px;
  font-weight: 500;
  line-height: 25.6px;
}
@media (max-width: 1023px) {
  .footer-contact-block__area .left .description p {
    font-size: 12px;
    line-height: 19.2px;
  }
}
@media (max-width: 1023px) {
  .footer-contact-block__area .right {
    width: 100%;
  }
}
.footer-contact-block__area .right .btn {
  font-size: 16px;
  line-height: 17.6px;
}
@media (max-width: 1023px) {
  .footer-contact-block__area .right .btn {
    font-size: 12px;
    line-height: 13.2px;
  }
}

.footer__content {
  background: #141414;
  padding: 32px 0;
}
@media (max-width: 1023px) {
  .footer__content {
    padding: 16px 4px;
    position: relative;
  }
}
@media (max-width: 1023px) {
  .footer__content .area {
    max-width: 240px;
    margin-bottom: 32px;
  }
}
.footer__content .area .text {
  color: #FFF;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 22.4px;
  margin-bottom: 16px;
}
.footer__content .back-to-top {
  display: flex;
  justify-content: flex-end;
  cursor: pointer;
  transition: 0.3s ease-in-out;
}
@media (max-width: 1023px) {
  .footer__content .back-to-top {
    position: absolute;
    top: 16px;
    right: 16px;
  }
}
.footer__content .back-to-top:hover {
  transform: scale(1.1);
}
@media (max-width: 1023px) {
  .footer__content .back-to-top:hover {
    transform: scale(1);
  }
}
.footer__logo {
  margin-bottom: 8px;
}
.footer__info {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.footer__info a {
  display: flex;
  align-items: center;
  gap: 8px;
}
.footer__info a h6 {
  color: #A3A3A3;
  font-weight: 500;
}
.footer__menus {
  padding: 16px 0;
  display: flex;
  gap: 24px;
}
@media (max-width: 1023px) {
  .footer__menus {
    flex-direction: column;
  }
}
.footer__menu {
  max-width: 219px;
  min-width: 219px;
}
@media (max-width: 1250px) {
  .footer__menu {
    max-width: 175px;
    min-width: 175px;
  }
}
@media (max-width: 1250px) and (max-width: 1023px) {
  .footer__menu {
    max-width: unset;
    min-width: unset;
  }
}
.footer__menu .menu-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 24px;
}
.footer__menu .menu-header .title {
  color: #7BC0EB;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 15.4px;
  text-transform: uppercase;
}
.footer__menu .menu-header .line {
  background: #3D3D3D;
  height: 1px;
  flex-grow: 1;
}
.footer__menu .menu-header .plus {
  display: none;
}
.footer__menu .menu-header .minus {
  display: none;
}
@media (max-width: 1023px) {
  .footer__menu .menu-header .minus {
    display: block;
  }
}
.footer__menu .menu-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.footer__menu .menu-list--margin {
  margin-bottom: 24px;
}
.footer__menu .menu-list li a {
  color: #E0E0E0;
  font-family: "Poppins", BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 19.2px;
}
@media (max-width: 1023px) {
  .footer__socials {
    display: flex;
    justify-content: center;
  }
}
.footer__socials a {
  display: inline-block;
}
@media (max-width: 1023px) {
  .footer__socials svg {
    min-width: 41px;
    min-height: 40px;
  }
}
.footer__copyright {
  background: #000;
  padding: 16px 0;
}
@media (max-width: 1023px) {
  .footer__copyright {
    padding: 16px 4px;
  }
}
.footer__copyright .area {
  display: flex;
  justify-content: space-between;
}
.footer__copyright .area .left {
  display: flex;
  align-items: center;
  gap: 24px;
}
@media (max-width: 1023px) {
  .footer__copyright .area .left {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
}
.footer__copyright .area .left .separator {
  background: #DEDEDE;
  width: 1px;
  height: 24px;
}
@media (max-width: 1023px) {
  .footer__copyright .area .left .separator {
    display: none;
  }
}
.footer__copyright .area .right {
  display: flex;
  align-items: center;
  gap: 24px;
}
@media (max-width: 1023px) {
  .footer__copyright .area .right {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
}
.footer__copyright .area .text {
  color: #DEDEDE;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 19.2px;
}

/* Landing Block
--------------------------------------------- */
.landing-block {
  background: #F7F9FC;
}
.landing-block__image {
  position: relative;
}
@media (max-width: 1023px) {
  .landing-block__image {
    margin: 0 -12px;
  }
}
.landing-block__image .desktop {
  display: block;
  border-radius: 8px;
}
@media (max-width: 1023px) {
  .landing-block__image .desktop {
    display: none;
  }
}
.landing-block__image .mobile {
  display: none;
}
@media (max-width: 1023px) {
  .landing-block__image .mobile {
    display: block;
    width: 100%;
  }
}
.landing-block__image img {
  vertical-align: bottom;
}
.landing-block__image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #101D25 0%, rgba(32, 58, 87, 0.64) 64%, rgba(204, 51, 24, 0.56) 100%);
  border-radius: 8px;
}
@media (max-width: 1023px) {
  .landing-block__image::before {
    border-radius: 0;
  }
}
.landing-block__info {
  position: absolute;
  top: 77px;
  right: 104px;
  bottom: 77px;
  left: 104px;
}
@media (max-width: 1023px) {
  .landing-block__info {
    top: 56px;
    left: 24px;
    bottom: 56px;
    right: 24px;
  }
}
.landing-block__info .breadcrumbs {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #FFF;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  line-height: 19.2px;
  margin-bottom: 8px;
}
.landing-block__info h1 {
  color: #FFF;
  margin-bottom: 16px;
}
.landing-block__info .description {
  max-width: 703px;
}
@media (max-width: 1023px) {
  .landing-block__info .description {
    max-width: unset;
  }
}
.landing-block__info .description p {
  color: #FFF;
  font-size: 16px;
  font-weight: 500;
  line-height: 25.6px;
}
@media (max-width: 1023px) {
  .landing-block__info .description p {
    font-size: 14px;
    line-height: 22.4px;
  }
}
.landing-block__info .description p strong {
  font-size: 16px;
  line-height: 25.6px;
  font-weight: 700;
}

/* FAQ Block
--------------------------------------------- */
.faq-block {
  background: #F7F9FC;
  padding: 72px 0;
}
@media (max-width: 1023px) {
  .faq-block {
    padding: 56px 4px;
  }
}
.faq-block__item {
  padding: 16px 24px;
}
@media (max-width: 1023px) {
  .faq-block__item {
    padding: 8px 6px;
  }
}
.faq-block__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  cursor: pointer;
}
@media (max-width: 1023px) {
  .faq-block__title {
    gap: 8px;
  }
}
.faq-block__title.active .plus {
  display: none;
}
.faq-block__title.active .minus {
  display: block;
}
.faq-block__title .text {
  display: flex;
  align-items: center;
  gap: 16px;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 15.4px;
}
@media (max-width: 1023px) {
  .faq-block__title .text {
    gap: 8px;
    font-size: 12px;
    line-height: 13.2px;
  }
}
.faq-block__title .text .number {
  color: #528CB1;
}
.faq-block__title .text .title {
  color: #141414;
}
.faq-block__title .plus, .faq-block__title .minus {
  padding: 8px;
}
.faq-block__title .plus {
  display: block;
}
.faq-block__title .minus {
  display: none;
}
.faq-block__description {
  display: none;
  margin-top: 16px;
}
@media (max-width: 1023px) {
  .faq-block__description {
    margin-top: 8px;
  }
}
.faq-block__description p {
  color: #525252;
  font-size: 14px;
  font-weight: 500;
  line-height: 22.4px;
  margin-bottom: 24px;
}
@media (max-width: 1023px) {
  .faq-block__description p {
    font-size: 12px;
    line-height: 19.2px;
  }
}
.faq-block__description p:last-child {
  margin-bottom: 0;
}

/* About Us Block
--------------------------------------------- */
.about-us-block {
  background: #F7F9FC;
  padding: 72px 0;
}
@media (max-width: 1023px) {
  .about-us-block {
    padding: 56px 4px;
  }
}
.about-us-block__subtitle {
  color: #EA5326;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 15.4px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
@media (max-width: 1023px) {
  .about-us-block__subtitle {
    font-size: 12px;
    line-height: 13.2px;
  }
}
.about-us-block h2 {
  color: #292929;
  margin-bottom: 24px;
}
@media (max-width: 1023px) {
  .about-us-block .description-left {
    margin-bottom: 32px;
  }
}
.about-us-block .description-left p {
  color: #292929;
  font-size: 18px;
  font-weight: 400;
  line-height: 28.8px;
}
.about-us-block .description-right p {
  color: #292929;
  font-size: 14px;
  font-weight: 400;
  line-height: 22.4px;
  margin-bottom: 24px;
}
@media (max-width: 1023px) {
  .about-us-block .description-right p {
    font-size: 12px;
    line-height: 19.2px;
  }
}
.about-us-block .description-right p:last-child {
  margin-bottom: 0;
}
.about-us-block .description-right p strong {
  font-weight: 700;
}
.about-us-block .description-right p i {
  font-style: italic;
}

/* Partners Block
--------------------------------------------- */
.partners-block {
  background: #F7F9FC;
}
@media (max-width: 1023px) {
  .partners-block {
    padding: 0 4px;
  }
}
.partners-block .area {
  border-radius: 24px;
  background: #FFF;
  box-shadow: 0px 46px 96px 0px rgba(65, 116, 148, 0.02);
  padding: 64px 104px;
}
@media (max-width: 1023px) {
  .partners-block .area {
    padding: 56px 16px;
  }
}
.partners-block .area .subtitle {
  color: #EA5326;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 15.4px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 8px;
}
@media (max-width: 1023px) {
  .partners-block .area .subtitle {
    font-size: 12px;
    line-height: 13.2px;
  }
}
.partners-block .area h3 {
  color: #292929;
  text-align: center;
  margin-bottom: 32px;
}

.partners-slider a {
  border-radius: 8px;
  background: #FFF;
  padding: 24px;
  transition: 0.3s ease-in-out;
}
@media (max-width: 1023px) {
  .partners-slider a {
    background: #F4F4F4;
  }
}
.partners-slider a:hover {
  background: #F4F4F4;
}
.partners-slider a:hover img {
  mix-blend-mode: unset;
}
.partners-slider a img {
  transition: 0.3s ease-in-out;
  mix-blend-mode: luminosity;
}
@media (max-width: 1023px) {
  .partners-slider a img {
    mix-blend-mode: unset;
  }
}
.partners-slider.slick-initialized .slick-list {
  margin: 0 -12px;
}
@media (max-width: 1023px) {
  .partners-slider.slick-initialized .slick-list {
    margin: 0 -4px;
  }
}
.partners-slider.slick-initialized .slick-slide {
  display: flex;
  margin: 0 12px;
}
@media (max-width: 1023px) {
  .partners-slider.slick-initialized .slick-slide {
    margin: 0 4px;
  }
}
.partners-slider.slick-initialized .slick-dots {
  left: 0px;
  bottom: -16px;
}
.partners-slider.slick-initialized .slick-dots li {
  width: 16px;
  height: 4px;
  margin: 0px 2px;
}
.partners-slider.slick-initialized .slick-dots li button {
  width: 8px;
  height: 8px;
  padding: 0px;
}
.partners-slider.slick-initialized .slick-dots li button::before {
  content: "";
  opacity: 1;
  background: #D1EDFF;
  width: 16px;
  height: 4px;
  border-radius: 8px;
}
.partners-slider.slick-initialized .slick-dots li.slick-active button::before {
  content: "";
  background: #7BC0EB;
}
.partners-slider.slick-dotted.slick-slider {
  margin-bottom: 16px;
}

/* Benefits Block
--------------------------------------------- */
.benefits-block {
  background: #F7F9FC;
  padding: 72px 0;
}
@media (max-width: 1023px) {
  .benefits-block {
    padding: 56px 4px;
  }
}

.benefits-card {
  background: #F7F9FC;
  border-radius: 16px;
  padding: 16px;
  display: flex;
  gap: 16px;
}
@media (max-width: 1023px) {
  .benefits-card {
    gap: 8px;
  }
}
.benefits-card .icon {
  min-width: 42px;
  max-height: 40px;
  display: flex;
  justify-content: center;
}
.benefits-card .info .number {
  color: #528CB1;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 16px;
  line-height: 17.6px;
  margin-bottom: 8px;
}
@media (max-width: 1023px) {
  .benefits-card .info .number {
    font-size: 14px;
    line-height: 15.4px;
  }
}
.benefits-card .info h3 {
  color: #292929;
}
@media (max-width: 1023px) {
  .benefits-card .info h3 {
    font-size: 16px;
    line-height: 19.2px;
  }
}

/* Banner Block
--------------------------------------------- */
.banner-block {
  background: #F7F9FC;
}
@media (max-width: 1023px) {
  .banner-block {
    padding: 0 4px;
  }
}
@media (max-width: 400px) {
  .banner-block--hosting .banner-block__info .right .btn {
    max-width: 295px;
  }
}
@media (max-width: 400px) {
  .banner-block--hosting .banner-block__info .right .btn span {
    min-width: 247px;
  }
}
.banner-block__image {
  position: relative;
}
.banner-block__image .desktop {
  display: block;
  border-radius: 24px;
}
@media (max-width: 1023px) {
  .banner-block__image .desktop {
    display: none;
  }
}
.banner-block__image .mobile {
  display: none;
}
@media (max-width: 1023px) {
  .banner-block__image .mobile {
    display: block;
    border-radius: 24px;
    width: 100%;
  }
}
.banner-block__image img {
  vertical-align: bottom;
}
.banner-block__image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0.16) 100%), rgba(204, 51, 24, 0.64);
  border-radius: 24px;
}
.banner-block__info {
  position: absolute;
  top: 80px;
  right: 105px;
  bottom: 80px;
  left: 105px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
}
@media (max-width: 1250px) {
  .banner-block__info {
    flex-direction: column;
    justify-content: center;
  }
}
@media (max-width: 1250px) and (max-width: 1023px) {
  .banner-block__info {
    top: 56px;
    right: 24px;
    bottom: 56px;
    left: 24px;
  }
}
.banner-block__info .left {
  max-width: 598px;
}
@media (max-width: 1250px) {
  .banner-block__info .left {
    max-width: unset;
  }
}
.banner-block__info h3 {
  color: #FFF;
  margin-bottom: 16px;
}
@media (max-width: 1250px) {
  .banner-block__info h3 {
    text-align: center;
  }
}
@media (max-width: 1250px) {
  .banner-block__info .description {
    text-align: center;
  }
}
.banner-block__info .description p {
  color: #FFF;
  font-size: 16px;
  font-weight: 500;
  line-height: 25.6px;
}
@media (max-width: 1023px) {
  .banner-block__info .description p {
    font-size: 14px;
    line-height: 22.4px;
  }
}
@media (max-width: 1250px) {
  .banner-block__info .right {
    display: flex;
    justify-content: center;
  }
}
.banner-block__info .right .btn {
  font-size: 14px;
  line-height: 15.4px;
}
@media (max-width: 1250px) {
  .banner-block__info .right .btn {
    text-align: center;
  }
}
.banner-block__info .right .btn:hover {
  color: #AFE0FF;
}
@media (max-width: 1023px) {
  .banner-block__info .right .btn:hover {
    color: #FFF;
  }
}

/* Cards Block
--------------------------------------------- */
.cards-block {
  background: #F7F9FC;
  padding: 72px 0;
}
@media (max-width: 1023px) {
  .cards-block {
    padding: 56px 4px;
  }
}
@media (max-width: 1023px) {
  .cards-block--home {
    padding: 64px 4px;
  }
}
.cards-block__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 455px;
  margin: 0 auto;
}
@media (max-width: 1023px) {
  .cards-block__header {
    max-width: unset;
  }
}
.cards-block__header .subtitle {
  color: #EA5326;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 15.4px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
@media (max-width: 1023px) {
  .cards-block__header .subtitle {
    font-size: 12px;
    line-height: 13.2px;
  }
}
.cards-block__header h4 {
  color: #141414;
  text-align: center;
  margin-bottom: 40px;
}
@media (max-width: 1023px) {
  .cards-block__header h4 {
    margin-bottom: 32px;
  }
}
.cards-block__row {
  justify-content: center;
}
@media (max-width: 1250px) {
  .cards-block__row .cards-block__col {
    margin-bottom: 16px;
  }
  .cards-block__row .cards-block__col:nth-child(3) {
    margin-bottom: 0;
  }
}
@media (max-width: 1250px) and (max-width: 1023px) {
  .cards-block__row .cards-block__col:nth-child(3) {
    margin-bottom: 16px;
  }
}
.cards-block__row .cards-block__col:last-child {
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .cards-block__col {
    width: 50%;
  }
}
@media (min-width: 1024px) and (min-width: 1251px) {
  .cards-block__col {
    width: 25%;
  }
}

.hosting-card {
  border-radius: 16px;
  border: 1px solid transparent;
  background: #FFF;
  box-shadow: 0px 46px 96px 0px rgba(65, 116, 148, 0.02);
  padding: 40px 24px 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  transition: 0.3s ease-in-out;
}
@media (max-width: 1023px) {
  .hosting-card {
    border: 1px solid #E0E0E0;
    padding: 32px 24px;
    gap: 16px;
  }
}
.hosting-card:hover {
  border: 1px solid #E0E0E0;
}
.hosting-card:hover .header .title {
  color: #417494;
}
@media (max-width: 1023px) {
  .hosting-card:hover .header .title {
    color: #292929;
  }
}
.hosting-card:hover .button {
  background: #528CB1;
}
@media (max-width: 1023px) {
  .hosting-card:hover .button {
    background: #7BC0EB;
  }
}
.hosting-card .header {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 15.4px;
}
.hosting-card .header .number {
  color: #528CB1;
}
.hosting-card .header .separator {
  background: #AFE0FF;
  width: 1px;
  height: 15px;
}
.hosting-card .header .title {
  color: #292929;
  text-transform: uppercase;
  transition: 0.3s ease-in-out;
}
.hosting-card .info .price {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.hosting-card .info .price .text {
  color: #7A7A7A;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 22.4px;
  text-transform: uppercase;
  min-width: 27px;
}
.hosting-card .info .price h2 {
  color: #292929;
}
.hosting-card .info .price .measure {
  color: #292929;
  font-size: 16px;
  font-weight: 500;
  line-height: 25.6px;
  align-self: flex-end;
}
.hosting-card .info .description {
  min-height: 66px;
}
@media (max-width: 1250px) {
  .hosting-card .info .description {
    min-height: 44px;
  }
}
@media (max-width: 1250px) and (max-width: 1023px) {
  .hosting-card .info .description {
    min-height: unset;
  }
}
.hosting-card .info .description p {
  color: #3D3D3D;
  font-size: 14px;
  font-weight: 500;
  line-height: 22.4px;
}
@media (max-width: 1023px) {
  .hosting-card .info .description p {
    font-size: 12px;
    line-height: 19.2px;
  }
}
.hosting-card .features {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.hosting-card .features .feature {
  display: flex;
  align-items: center;
  gap: 8px;
}
.hosting-card .features .feature p {
  color: #3D3D3D;
  font-size: 12px;
  font-weight: 500;
  line-height: 19.2px;
}
.hosting-card .button {
  border-radius: 80px;
  background: #7BC0EB;
  padding: 16px 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  color: #FFF;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 13.2px;
  text-transform: uppercase;
  width: 100%;
  transition: 0.3s ease-in-out;
}

/* Contact Block
--------------------------------------------- */
.contact-block {
  background: #F7F9FC;
  padding: 56px 0;
}
@media (max-width: 1023px) {
  .contact-block {
    padding: 56px 4px;
  }
}
.contact-block--home {
  padding: 56px 0 72px;
}
@media (max-width: 1023px) {
  .contact-block--home {
    padding: 0 4px 64px;
  }
}
.contact-block--home .contact-block__row .info h4 {
  margin-bottom: 40px;
}
@media (max-width: 1023px) {
  .contact-block--home .contact-block__row .info h4 {
    margin-bottom: 24px;
  }
}
.contact-block__row {
  align-items: center;
}
.contact-block .form-area {
  border-radius: 16px;
  background: #FFF;
  box-shadow: 0px 46px 96px 0px rgba(65, 116, 148, 0.02);
  padding: 40px;
}
@media (max-width: 1023px) {
  .contact-block .form-area {
    padding: 40px 24px;
    margin-bottom: 32px;
  }
}
.contact-block .form-area .subtitle {
  color: #EA5326;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 15.4px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
@media (max-width: 1023px) {
  .contact-block .form-area .subtitle {
    font-size: 12px;
    line-height: 13.2px;
  }
}
.contact-block .form-area h3 {
  color: #292929;
  margin-bottom: 16px;
}
.contact-block .form-area .description {
  margin-bottom: 32px;
}
@media (max-width: 1023px) {
  .contact-block .form-area .description {
    margin-bottom: 24px;
  }
}
.contact-block .form-area .description p {
  color: #292929;
  font-size: 14px;
  line-height: 22.4px;
}
@media (max-width: 1023px) {
  .contact-block .form-area .description p {
    font-size: 12px;
    line-height: 19.2px;
  }
}
.contact-block__form .form-item {
  margin-bottom: 16px;
}
.contact-block__form .form-item--last {
  margin-bottom: 32px;
}
@media (max-width: 1023px) {
  .contact-block__form .form-item--last {
    margin-bottom: 24px;
  }
}
.contact-block__form .form-item br {
  display: none;
}
.contact-block__form .form-item .wpcf7-not-valid-tip {
  padding: 2px 16px;
  color: #F64C4C;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 22.4px;
}
.contact-block__form .form-submit {
  display: flex;
  justify-content: center;
  position: relative;
}
@media (max-width: 1023px) {
  .contact-block__form .form-submit p {
    width: 100%;
  }
}
.contact-block__form .form-submit input {
  border: 2px solid #7BC0EB;
  font-size: 14px;
  line-height: 15.4px;
}
@media (max-width: 1023px) {
  .contact-block__form .form-submit input {
    font-size: 12px;
    line-height: 13.2px;
  }
}
.contact-block__form .form-submit input:hover {
  border: 2px solid #528CB1;
}
@media (max-width: 1023px) {
  .contact-block__form .form-submit input:hover {
    border: 2px solid #7BC0EB;
  }
}
.contact-block__form .form-submit .wpcf7-spinner {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0;
}
@media (max-width: 1023px) {
  .contact-block__form .form-submit .wpcf7-spinner {
    bottom: -30px;
  }
}
.contact-block__form .wpcf7-form.invalid .wpcf7-response-output {
  margin: 16px 0 0;
  border-color: unset;
  border-radius: 16px;
  border: 2px solid #FDEEEE;
  background: #FDEEEE;
  padding: 12px 16px;
  color: #F64C4C;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 22.4px;
}
.contact-block__form .wpcf7-form.sent .wpcf7-response-output {
  margin: 16px 0 0;
  border-color: unset;
  border-radius: 16px;
  border: 2px solid #D9F2E3;
  background: #D9F2E3;
  padding: 12px 16px;
  color: #27AE60;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 22.4px;
}
.contact-block .info h4 {
  color: #292929;
  margin-bottom: 16px;
}
@media (max-width: 1023px) {
  .contact-block .info h4 {
    margin-bottom: 24px;
    text-align: center;
  }
}
.contact-block .info .items {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 1023px) {
  .contact-block .info .items {
    gap: 12px;
  }
}
.contact-block .info .items .item {
  display: flex;
  align-items: center;
  gap: 16px;
}
.contact-block .info .items .item .icon {
  background: #D1EDFF;
  padding: 12px;
  border-radius: 56px;
  max-width: 48px;
  max-height: 48px;
}
@media (max-width: 1023px) {
  .contact-block .info .items .item .icon {
    max-width: 40px;
    max-height: 40px;
  }
}
.contact-block .info .items .item .texts p {
  color: #3D3D3D;
  font-size: 16px;
  line-height: 25.6px;
}
@media (max-width: 1023px) {
  .contact-block .info .items .item .texts p {
    font-size: 12px;
    line-height: 19.2px;
  }
}
.contact-block .info .items .item .texts p:last-child {
  color: #292929;
  font-weight: 700;
}
.contact-block .info .items .separator {
  background: #D1EDFF;
  height: 1px;
  flex-grow: 1;
}

/* Company Info Block
--------------------------------------------- */
.company-info-block {
  background: #F7F9FC;
}
@media (max-width: 1023px) {
  .company-info-block {
    padding: 0 4px;
  }
}
.company-info-block .area {
  border-radius: 24px;
  background: #FFF;
  box-shadow: 0px 46px 96px 0px rgba(65, 116, 148, 0.02);
  padding: 64px 104px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (max-width: 1023px) {
  .company-info-block .area {
    padding: 40px 24px;
    gap: 24px;
  }
}
.company-info-block .area .first {
  display: flex;
  gap: 32px;
}
@media (max-width: 1023px) {
  .company-info-block .area .first {
    flex-direction: column;
    gap: 24px;
  }
}
.company-info-block .area .main-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 392px;
}
@media (max-width: 1250px) {
  .company-info-block .area .main-info {
    min-width: 282px;
  }
}
@media (max-width: 1250px) and (max-width: 1023px) {
  .company-info-block .area .main-info {
    min-width: unset;
  }
}
.company-info-block .area .main-info .item {
  display: flex;
  gap: 6px;
}
.company-info-block .area .main-info .item p {
  color: #3D3D3D;
  font-size: 16px;
  line-height: 25.6px;
}
.company-info-block .area .main-info .item p.value {
  color: #292929;
  font-weight: 500;
}
.company-info-block .area .bank {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.company-info-block .area .bank .card {
  border-radius: 8px;
  border: 1px solid #E0E0E0;
  background: #FFF;
  padding: 16px;
  min-width: 280px;
}
@media (max-width: 1250px) {
  .company-info-block .area .bank .card {
    min-width: 235px;
  }
}
@media (max-width: 1250px) and (max-width: 1023px) {
  .company-info-block .area .bank .card {
    min-width: unset;
    width: 100%;
  }
}
.company-info-block .area .bank .card .label {
  color: #3D3D3D;
  font-size: 12px;
  line-height: 19.2px;
}
.company-info-block .area .bank .card .value {
  color: #292929;
  font-size: 16px;
  font-weight: 500;
  line-height: 25.6px;
}
.company-info-block .area .description p {
  color: #3D3D3D;
  font-size: 12px;
  font-style: italic;
  line-height: 19.2px;
}

/* Blog Page
--------------------------------------------- */
.blog-page {
  background: #F7F9FC;
  padding: 72px 0 96px;
}
@media (max-width: 1023px) {
  .blog-page {
    padding: 56px 4px;
  }
}

.entry-content, .entry-footer, .page-content {
  display: none;
}

.load-more-wrap {
  display: flex;
  justify-content: center;
  margin-top: 56px;
}
@media (max-width: 1023px) {
  .load-more-wrap {
    margin-top: 32px;
  }
}

/* Blog Header
--------------------------------------------- */
.blog-header {
  margin-bottom: 56px;
}
@media (max-width: 1023px) {
  .blog-header {
    margin-bottom: 32px;
  }
}
.blog-header .area {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 40px;
}
@media (max-width: 1023px) {
  .blog-header .area {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }
}
.blog-header .area .subtitle {
  color: #EA5326;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 15.4px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
@media (max-width: 1023px) {
  .blog-header .area .subtitle {
    font-size: 12px;
    line-height: 13.2px;
  }
}
.blog-header .area h2 {
  color: #141414;
}
@media (max-width: 1023px) {
  .blog-header .area .right {
    width: 100%;
  }
}
.blog-header .area .right .custom-dropdown {
  min-width: 328px;
}
@media (max-width: 1023px) {
  .blog-header .area .right .custom-dropdown {
    min-width: unset;
  }
}

/* Blog Main Post
--------------------------------------------- */
.blog-main-post {
  display: block;
  padding: 24px 0;
  margin-bottom: 56px;
}
@media (max-width: 1023px) {
  .blog-main-post {
    padding: 0;
    margin-bottom: 24px;
  }
}
.blog-main-post:hover .blog-main-post__image {
  border-radius: 16px;
}
@media (max-width: 1023px) {
  .blog-main-post:hover .blog-main-post__image {
    border-radius: 8px;
  }
}
.blog-main-post:hover .blog-main-post__image img {
  transform: scale(1.1);
}
@media (max-width: 1023px) {
  .blog-main-post:hover .blog-main-post__image img {
    transform: scale(1);
  }
}
.blog-main-post__row {
  align-items: center;
}
.blog-main-post__image {
  overflow: hidden;
  border-radius: 16px;
}
@media (max-width: 1023px) {
  .blog-main-post__image {
    border-radius: 8px;
    margin-bottom: 16px;
  }
}
.blog-main-post__image img {
  border-radius: 16px;
  vertical-align: bottom;
  transition: 0.3s ease-in-out;
  width: 100%;
}
@media (max-width: 1023px) {
  .blog-main-post__image img {
    border-radius: 8px;
  }
}
.blog-main-post__info .category {
  color: #528CB1;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  line-height: 13.2px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.blog-main-post__info h3 {
  color: #141414;
  margin-bottom: 16px;
}
@media (max-width: 1023px) {
  .blog-main-post__info h3 {
    font-size: 16px;
    line-height: 19.2px;
    margin-bottom: 8px;
  }
}
.blog-main-post__info .excerpt p {
  color: #3D3D3D;
  font-size: 16px;
  line-height: 25.6px;
}
@media (max-width: 1023px) {
  .blog-main-post__info .excerpt p {
    font-size: 12px;
    line-height: 19.2px;
  }
}

/* Blog Posts
--------------------------------------------- */
.blog-posts__row {
  align-items: center;
  row-gap: 56px;
}
@media (max-width: 1023px) {
  .blog-posts__row {
    row-gap: 24px;
  }
}

.blog-post:hover .blog-post__image {
  border-radius: 8px;
}
.blog-post:hover .blog-post__image img {
  transform: scale(1.15);
}
@media (max-width: 1023px) {
  .blog-post:hover .blog-post__image img {
    transform: scale(1);
  }
}
.blog-post__image {
  overflow: hidden;
  border-radius: 8px;
  margin-bottom: 16px;
}
.blog-post__image img {
  border-radius: 16px;
  vertical-align: bottom;
  transition: 0.3s ease-in-out;
  border-radius: 8px;
}
@media (max-width: 1023px) {
  .blog-post__image img {
    width: 100%;
  }
}
.blog-post__info .category {
  color: #528CB1;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  line-height: 13.2px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.blog-post__info h6 {
  color: #141414;
  margin-bottom: 16px;
}
@media (max-width: 1023px) {
  .blog-post__info h6 {
    margin-bottom: 8px;
  }
}
.blog-post__info .excerpt p {
  color: #3D3D3D;
  font-size: 14px;
  line-height: 22.4px;
}
@media (max-width: 1023px) {
  .blog-post__info .excerpt p {
    font-size: 12px;
    line-height: 19.2px;
  }
}

/* Hero Block
--------------------------------------------- */
.hero-block {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.96) 0%, rgba(0, 0, 0, 0.38) 56%, rgba(0, 0, 0, 0.19) 72%, rgba(0, 0, 0, 0.14) 80%, rgba(0, 0, 0, 0) 96%);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 132px 0 32px;
}
@media (max-width: 1023px) {
  .hero-block {
    padding: 132px 12px 24px;
  }
}
.hero-block__info .breadcrumbs {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #FFF;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  line-height: 19.2px;
  margin-bottom: 8px;
}
.hero-block__info h1 {
  color: #FFF;
}
@media (max-width: 1023px) {
  .hero-block__info h1 {
    font-size: 32px;
    line-height: 38.4px;
  }
}

/* Single Post
--------------------------------------------- */
.single-post {
  background: #F7F9FC;
}
@media (max-width: 1023px) {
  .single-post--padding {
    padding: 0 4px;
  }
}
.single-post .content {
  padding: 56px 0;
}
.single-post .content .intro {
  color: #3D3D3D;
  margin-bottom: 32px;
}
.single-post .content .post-info {
  padding: 0 0 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1023px) {
  .single-post .content .post-info {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
}
.single-post .content .post-info--last {
  padding: 32px 0 0;
}
.single-post .content .post-info .left {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media (max-width: 1023px) {
  .single-post .content .post-info .left {
    justify-content: space-between;
  }
}
.single-post .content .post-info .date, .single-post .content .post-info .reading-time {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #528CB1;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 19.2px;
}
.single-post .content .post-info .right {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 1023px) {
  .single-post .content .post-info .right {
    justify-content: space-between;
  }
}
.single-post .content .post-info .right p {
  color: #525252;
  font-size: 12px;
  font-weight: 500;
  line-height: 19.2px;
}
.single-post .content .post-info .share-socials {
  display: flex;
  gap: 8px;
}
.single-post .content .post-info .share-socials .social {
  border-radius: 2px;
  border: 1px solid #F4F4F4;
  background: #FFF;
  padding: 8px;
  max-width: 30px;
  min-width: 30px;
  max-height: 30px;
  min-height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.single-post .content .gutenberg p {
  color: #3D3D3D;
  font-size: 16px;
  line-height: 25.6px;
  margin-bottom: 8px;
}
@media (max-width: 1023px) {
  .single-post .content .gutenberg p {
    font-size: 14px;
    line-height: 22.4px;
  }
}
.single-post .content .gutenberg p:last-child {
  margin-bottom: 0;
}
.single-post .content .gutenberg p strong {
  font-weight: 700;
}
.single-post .content .gutenberg p a {
  color: #2D9CDB;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 25.6px;
  text-decoration: underline;
}
@media (max-width: 1023px) {
  .single-post .content .gutenberg p a {
    font-size: 14px;
    line-height: 22.4px;
  }
}
.single-post .content .gutenberg img {
  margin: 24px 0 8px;
  width: 100%;
}
.single-post .content .gutenberg .wp-block-heading {
  color: #3D3D3D;
  font-weight: 700;
  margin: 24px 0 16px;
}

.related-articles {
  padding: 56px 0;
}
@media (max-width: 1023px) {
  .related-articles {
    padding: 24px 0;
  }
}
.related-articles .title {
  color: #528CB1;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 15.4px;
  text-transform: uppercase;
  margin-bottom: 32px;
}
@media (max-width: 1023px) {
  .related-articles .title {
    margin-bottom: 24px;
  }
}
.related-articles .items {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (max-width: 1023px) {
  .related-articles .items {
    gap: 24px;
  }
}
.related-articles .items .item:hover .item__image {
  border-radius: 8px;
}
.related-articles .items .item:hover .item__image img {
  transform: scale(1.15);
}
@media (max-width: 1023px) {
  .related-articles .items .item:hover .item__image img {
    transform: scale(1);
  }
}
.related-articles .items .item__image {
  overflow: hidden;
  border-radius: 8px;
  margin-bottom: 24px;
}
@media (max-width: 1023px) {
  .related-articles .items .item__image {
    margin-bottom: 16px;
  }
}
.related-articles .items .item__image img {
  border-radius: 16px;
  vertical-align: bottom;
  transition: 0.3s ease-in-out;
  border-radius: 8px;
}
@media (max-width: 1023px) {
  .related-articles .items .item__image img {
    width: 100%;
  }
}
.related-articles .items .item__info .category {
  color: #528CB1;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  line-height: 13.2px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.related-articles .items .item__info h6 {
  color: #141414;
}

/* No Posts
--------------------------------------------- */
.no-posts {
  background: #F7F9FC;
  padding: 56px 0;
  display: flex;
  justify-content: center;
}
@media (max-width: 1023px) {
  .no-posts {
    padding: 32px 0;
  }
}
.no-posts__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 596px;
}
@media (max-width: 1023px) {
  .no-posts__content {
    max-width: unset;
  }
}
.no-posts__content .subtitle {
  color: #EA5326;
  font-size: 14px;
  line-height: 15.4px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
@media (max-width: 1023px) {
  .no-posts__content .subtitle {
    font-size: 12px;
    line-height: 13.2px;
  }
}
.no-posts__content h3 {
  color: #292929;
  margin-bottom: 24px;
}
.no-posts__content .description p {
  color: #3D3D3D;
  font-size: 16px;
  font-weight: 500;
  line-height: 25.6px;
  margin-bottom: 32px;
  text-align: center;
}
@media (max-width: 1023px) {
  .no-posts__content .description p {
    font-size: 14px;
    line-height: 22.4px;
  }
}
.no-posts__content .button .btn {
  display: block;
  width: fit-content;
  font-size: 14px;
  line-height: 15.4px;
}
@media (max-width: 1023px) {
  .no-posts__content .button .btn {
    width: 100%;
    font-size: 12px;
    line-height: 13.2px;
  }
}

/* Blog Category
--------------------------------------------- */
.blog-category {
  background: #F7F9FC;
  padding: 72px 0 96px;
}
@media (max-width: 1023px) {
  .blog-category {
    padding: 56px 4px;
  }
}
.blog-category .posts-navigation .nav-links a {
  color: #2D9CDB;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 25.6px;
  text-decoration: underline;
}
@media (max-width: 1023px) {
  .blog-category .posts-navigation .nav-links a {
    font-size: 14px;
    line-height: 22.4px;
  }
}

/* Category Header
--------------------------------------------- */
.category-header {
  display: flex;
  justify-content: center;
  margin-bottom: 56px;
}
@media (max-width: 1023px) {
  .category-header {
    margin-bottom: 32px;
  }
}
.category-header .area {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  max-width: 596px;
}
@media (max-width: 1023px) {
  .category-header .area {
    gap: 16px;
    max-width: unset;
  }
}
.category-header .area h2 {
  color: #141414;
  text-align: center;
}
.category-header .area .archive-description p {
  color: #3D3D3D;
  font-size: 16px;
  font-weight: 500;
  line-height: 25.6px;
  text-align: center;
}
@media (max-width: 1023px) {
  .category-header .area .archive-description p {
    font-size: 14px;
    line-height: 22.4px;
  }
}

/* Next Article Block
--------------------------------------------- */
.next-article-block {
  background: #F7F9FC;
  padding: 40px 0;
}
@media (max-width: 1023px) {
  .next-article-block {
    padding: 40px 4px;
  }
}
.next-article-block h4 {
  color: #292929;
  margin-bottom: 16px;
}
.next-article-block .blog-main-post {
  margin-bottom: 0;
}

/* Portal Block
--------------------------------------------- */
.portal-block {
  background: #F7F9FC;
  padding: 72px 0;
}
@media (max-width: 1023px) {
  .portal-block {
    padding: 64px 4px;
  }
}
.portal-block__row {
  align-items: center;
}
@media (max-width: 1023px) {
  .portal-block__row {
    justify-content: center;
  }
}
@media (max-width: 1023px) {
  .portal-block__image {
    margin-bottom: 24px;
  }
}
.portal-block__image img {
  width: 100%;
}
@media (max-width: 1023px) {
  .portal-block__image img {
    width: auto;
  }
}
.portal-block__info .subtitle {
  color: #EA5326;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 15.4px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
@media (max-width: 1023px) {
  .portal-block__info .subtitle {
    text-align: center;
    font-size: 12px;
    line-height: 13.2px;
  }
}
.portal-block__info h3 {
  color: #292929;
  margin-bottom: 32px;
}
@media (max-width: 1023px) {
  .portal-block__info h3 {
    text-align: center;
    margin-bottom: 24px;
  }
}
.portal-block__info .list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 32px;
}
@media (max-width: 1023px) {
  .portal-block__info .list {
    margin-bottom: 24px;
  }
}
.portal-block__info .list__item {
  border-radius: 16px;
  padding: 8px 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.portal-block__info .list__item .number {
  color: #528CB1;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 15.4px;
}
@media (max-width: 1023px) {
  .portal-block__info .list__item .number {
    font-size: 12px;
    line-height: 13.2px;
  }
}
.portal-block__info .list__item .separator {
  background: #AFE0FF;
  width: 1px;
  align-self: stretch;
}
.portal-block__info .list__item h6 {
  color: #292929;
  font-weight: 500;
}
.portal-block__info .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: fit-content;
  font-size: 14px;
  line-height: 15.4px;
}
@media (max-width: 1023px) {
  .portal-block__info .btn {
    width: 100%;
    font-size: 12px;
    line-height: 13.2px;
  }
}

/* Advantages Block
--------------------------------------------- */
.advantages-block {
  background: #F7F9FC;
  padding: 72px 0;
}
@media (max-width: 1023px) {
  .advantages-block {
    padding: 64px 4px;
  }
}
@media (max-width: 1023px) {
  .advantages-block--hosting {
    padding: 56px 4px;
  }
}
.advantages-block--hosting .advantages-block__row {
  align-items: flex-start;
}
.advantages-block--hosting .advantages-block__col {
  align-self: stretch;
}
.advantages-block--hosting .advantages-block__info h3 {
  max-width: unset;
}
@media (max-width: 1023px) {
  .advantages-block--hosting .advantages-block__items {
    gap: 0;
    row-gap: 0;
  }
}
.advantages-block--reseller .advantages-block__row {
  align-items: center;
}
@media (max-width: 1023px) {
  .advantages-block--domain {
    padding: 56px 4px 24px;
  }
}
.advantages-block__row {
  align-items: center;
}
.advantages-block__col {
  border-right: 1px solid #E0E0E0;
}
@media (max-width: 1023px) {
  .advantages-block__col {
    border-right: none;
  }
}
.advantages-block__info {
  padding: 80px 0;
  max-width: 352px;
}
@media (max-width: 1023px) {
  .advantages-block__info {
    padding: 0 16px 24px;
    max-width: unset;
  }
}
.advantages-block__info .subtitle {
  color: #EA5326;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 15.4px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
@media (max-width: 1023px) {
  .advantages-block__info .subtitle {
    font-size: 12px;
    line-height: 13.2px;
  }
}
.advantages-block__info h3 {
  color: #292929;
  margin-bottom: 24px;
  max-width: 252px;
}
@media (max-width: 1023px) {
  .advantages-block__info h3 {
    margin-bottom: 16px;
    max-width: 230px;
  }
}
.advantages-block__info .description p {
  color: #3D3D3D;
  font-size: 16px;
  font-weight: 500;
  line-height: 25.6px;
}
@media (max-width: 1023px) {
  .advantages-block__info .description p {
    font-size: 14px;
    line-height: 22.4px;
  }
}
.advantages-block__info .link {
  color: #417494;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 15.4px;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 24px;
}
@media (max-width: 1023px) {
  .advantages-block__info .link {
    margin-top: 16px;
  }
}
.advantages-block__items {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  row-gap: 16px;
}
@media (max-width: 1023px) {
  .advantages-block__items {
    flex-direction: column;
    gap: 8px;
    row-gap: 8px;
  }
}
.advantages-block__items .item {
  border-radius: 16px;
  background: #F7F9FC;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: calc(50% - 12px);
}
@media (max-width: 1023px) {
  .advantages-block__items .item {
    padding: 16px 24px;
    gap: 8px;
    width: 100%;
  }
}
.advantages-block__items .item .header {
  display: flex;
  align-items: center;
  gap: 16px;
}
.advantages-block__items .item .header .number {
  color: #528CB1;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 16px;
  line-height: 17.6px;
  margin-bottom: 8px;
}
@media (max-width: 1023px) {
  .advantages-block__items .item .header .number {
    font-size: 14px;
    line-height: 15.4px;
  }
}
.advantages-block__items .item .header h6 {
  color: #292929;
}
.advantages-block__items .item .description p {
  color: #3D3D3D;
  font-size: 14px;
  font-weight: 500;
  line-height: 22.4px;
}
@media (max-width: 1023px) {
  .advantages-block__items .item .description p {
    font-size: 12px;
    line-height: 19.2px;
  }
}
.advantages-block__items .item .description p a {
  color: #417494;
  text-decoration: underline;
}

/* Domain Search Block
--------------------------------------------- */
.domain-search-block {
  background: #F7F9FC;
}
@media (max-width: 1023px) {
  .domain-search-block {
    padding: 0 4px;
  }
}
.domain-search-block__image {
  position: relative;
}
.domain-search-block__image .desktop {
  display: block;
  border-radius: 24px;
}
@media (max-width: 1023px) {
  .domain-search-block__image .desktop {
    display: none;
  }
}
.domain-search-block__image .mobile {
  display: none;
}
@media (max-width: 1023px) {
  .domain-search-block__image .mobile {
    display: block;
    border-radius: 24px;
    width: 100%;
  }
}
.domain-search-block__image img {
  vertical-align: bottom;
}
.domain-search-block__image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0.16) 100%), rgba(204, 51, 24, 0.64);
  border-radius: 24px;
}
.domain-search-block__info {
  position: absolute;
  top: 128px;
  right: 105px;
  bottom: 128px;
  left: 105px;
  display: flex;
  justify-content: space-between;
  gap: 24px;
}
@media (max-width: 1250px) {
  .domain-search-block__info {
    top: 100px;
    right: 60px;
    bottom: 100px;
    left: 60px;
  }
}
@media (max-width: 1250px) and (max-width: 1023px) {
  .domain-search-block__info {
    top: 72px;
    right: 24px;
    bottom: 72px;
    left: 24px;
    flex-direction: column;
    justify-content: center;
    gap: 32px;
  }
}
.domain-search-block__info .left {
  min-width: 471px;
}
@media (max-width: 1250px) {
  .domain-search-block__info .left {
    min-width: 391px;
  }
}
@media (max-width: 1250px) and (max-width: 1023px) {
  .domain-search-block__info .left {
    min-width: unset;
  }
}
.domain-search-block__info h2 {
  color: #FFF;
  margin-bottom: 16px;
}
.domain-search-block__info .description {
  max-width: 392px;
}
@media (max-width: 1250px) {
  .domain-search-block__info .description {
    max-width: 312px;
  }
}
@media (max-width: 1250px) and (max-width: 1023px) {
  .domain-search-block__info .description {
    max-width: unset;
  }
}
.domain-search-block__info .description p {
  color: #FFF;
  font-size: 16px;
  font-weight: 500;
  line-height: 25.6px;
}
@media (max-width: 1023px) {
  .domain-search-block__info .description p {
    font-size: 14px;
    line-height: 22.4px;
  }
}
.domain-search-block__info .right {
  min-width: 496px;
}
@media (max-width: 1250px) {
  .domain-search-block__info .right {
    min-width: 416px;
  }
}
@media (max-width: 1250px) and (max-width: 1023px) {
  .domain-search-block__info .right {
    min-width: unset;
  }
}
.domain-search-block__info .right form {
  margin-bottom: 24px;
}
.domain-search-block__info .right form label {
  color: #FFF;
  padding: 0 !important;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.domain-search-block__info .right form .search-box {
  border-radius: 56px;
  background: #FFF;
  box-shadow: 0px 46px 96px 0px rgba(65, 116, 148, 0.32);
  padding: 8px 8px 8px 24px;
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .domain-search-block__info .right form .search-box {
    padding: 4px 4px 4px 16px;
  }
}
.domain-search-block__info .right form .search-box .prefix {
  color: #A3A3A3;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 22.4px;
  white-space: nowrap;
}
.domain-search-block__info .right form .search-box input {
  border: none;
  outline: none;
  flex-grow: 1;
  padding: 4px;
  color: #3D3D3D;
  font-weight: 500;
}
.domain-search-block__info .right form .search-box input::placeholder {
  font-weight: 500;
}
.domain-search-block__info .right form .search-box button {
  border-radius: 56px;
  background: #EA5326;
  border: none;
  padding: 16px;
  cursor: pointer;
}
@media (max-width: 1023px) {
  .domain-search-block__info .right form .search-box button {
    padding: 12px;
    max-width: 40px;
  }
}
.domain-search-block__info .right form .search-box button .search-icon {
  max-height: 16px;
}
.domain-search-block__info .right .link {
  color: #FFF;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 15.4px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: 0.3s ease-in-out;
}
.domain-search-block__info .right .link svg {
  transition: filter 0.3s ease-in-out;
  filter: none;
}
.domain-search-block__info .right .link:hover {
  color: #AFE0FF;
}
@media (max-width: 1023px) {
  .domain-search-block__info .right .link:hover {
    color: #FFF;
  }
}
.domain-search-block__info .right .link:hover svg {
  filter: brightness(0) saturate(100%) invert(84%) sepia(10%) saturate(1911%) hue-rotate(177deg) brightness(102%) contrast(101%);
}
@media (max-width: 1023px) {
  .domain-search-block__info .right .link:hover svg {
    filter: none;
  }
}

/* Landing Slider Block
--------------------------------------------- */
.landing-slider-block {
  position: relative;
}
.landing-slider-block__container {
  width: 100% !important;
}
.landing-slider-block__container .col-lg-12 {
  position: relative;
}
.landing-slider-block__image {
  position: relative;
}
.landing-slider-block__image .desktop {
  display: block;
  width: 100%;
  height: 480px;
}
@media (max-width: 1023px) {
  .landing-slider-block__image .desktop {
    display: none;
  }
}
.landing-slider-block__image .mobile {
  display: none;
}
@media (max-width: 1023px) {
  .landing-slider-block__image .mobile {
    display: block;
    width: 100%;
    height: 500px;
  }
}
.landing-slider-block__image img {
  vertical-align: bottom;
}
.landing-slider-block__image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #101D25 0%, rgba(32, 58, 87, 0.64) 50%, rgba(204, 51, 24, 0.24) 100%);
}
.landing-slider-block__col {
  display: flex;
  justify-content: center;
}
.landing-slider-block__col .subtitle, .landing-slider-block__col h2, .landing-slider-block__col .description {
  text-align: center;
}
.landing-slider-block__col .btn {
  margin: 0 auto;
}
.landing-slider-block__info {
  position: absolute;
  top: 80px;
  bottom: 80px;
  max-width: 493px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 1023px) {
  .landing-slider-block__info {
    max-width: unset;
    left: 32px;
    right: 32px;
  }
}
.landing-slider-block__info .subtitle {
  color: #FFF;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 16px;
  line-height: 17.6px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
@media (max-width: 1023px) {
  .landing-slider-block__info .subtitle {
    font-size: 14px;
    line-height: 15.4px;
  }
}
.landing-slider-block__info h2 {
  color: #FFF;
  margin-bottom: 24px;
}
.landing-slider-block__info .description {
  margin-bottom: 32px;
}
.landing-slider-block__info .description p {
  color: #FFF;
  font-size: 16px;
  font-weight: 500;
  line-height: 25.6px;
}
@media (max-width: 1023px) {
  .landing-slider-block__info .description p {
    font-size: 14px;
    line-height: 22.4px;
  }
}
.landing-slider-block__info .description p strong {
  font-weight: 700;
}
.landing-slider-block__info .btn {
  font-size: 12px;
  line-height: 13.2px;
  width: fit-content;
  transition: 0.3s ease-in-out;
}
.landing-slider-block__info .btn:hover {
  color: #AFE0FF;
}
@media (max-width: 1023px) {
  .landing-slider-block__info .btn:hover {
    color: #FFF;
  }
}

.landing-slider .slick-dots {
  left: 0px;
  bottom: 16px;
}
.landing-slider .slick-dots li {
  width: 16px;
  height: 4px;
  margin: 0px 2px;
}
.landing-slider .slick-dots li button {
  width: 8px;
  height: 8px;
  padding: 0px;
}
.landing-slider .slick-dots li button::before {
  content: "";
  opacity: 1;
  background: #FF6638;
  width: 16px;
  height: 4px;
  border-radius: 8px;
}
.landing-slider .slick-dots li.slick-active button::before {
  content: "";
  background: #FFF;
}
.landing-slider.slick-dotted.slick-slider {
  margin-bottom: 0;
}

.landing-slider-controls {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  height: 480px;
  pointer-events: none;
}
@media (max-width: 1023px) {
  .landing-slider-controls {
    display: none;
  }
}
.landing-slider-controls .custom-prev, .landing-slider-controls .custom-next {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  pointer-events: auto;
}
.landing-slider-controls .custom-prev span, .landing-slider-controls .custom-next span {
  display: inline-block;
  height: 40px;
}
.landing-slider-controls .custom-prev span::before, .landing-slider-controls .custom-next span::before {
  display: inline-block;
  height: 40px;
}
.landing-slider-controls .custom-prev span.arrow-prev::before {
  content: url("./assets/icons/slider-chevron-left.svg");
}
.landing-slider-controls .custom-next span.arrow-next::before {
  content: url("./assets/icons/slider-chevron-right.svg");
}

/* Hosting Block
--------------------------------------------- */
.hosting-block {
  background: #F7F9FC;
  padding: 72px 0;
}
@media (max-width: 1023px) {
  .hosting-block {
    padding: 56px 4px;
  }
}
.hosting-block--reseller .hosting-card .info .description {
  min-height: unset !important;
}
.hosting-block--reseller .hosting-card .features {
  min-height: unset !important;
}
.hosting-block__header {
  display: flex;
  justify-content: space-around;
  margin-bottom: 56px;
}
@media (max-width: 1023px) {
  .hosting-block__header {
    margin-bottom: 32px;
    flex-direction: column;
    justify-content: flex-start;
    gap: 16px;
    padding: 0 8px;
  }
}
.hosting-block__header h3 {
  color: #292929;
  min-width: 394px;
  max-width: 394px;
}
@media (max-width: 1023px) {
  .hosting-block__header h3 {
    min-width: unset;
    max-width: unset;
  }
}
.hosting-block__header .description {
  max-width: 503px;
}
@media (max-width: 1023px) {
  .hosting-block__header .description {
    max-width: unset;
  }
}
.hosting-block__header .description p {
  color: #292929;
  font-size: 14px;
  line-height: 22.4px;
}
.hosting-block__header .description p strong {
  font-weight: 700;
}
.hosting-block__row {
  justify-content: center;
}
@media (max-width: 1250px) {
  .hosting-block__row .hosting-block__col {
    margin-bottom: 16px;
  }
  .hosting-block__row .hosting-block__col:nth-child(3) {
    margin-bottom: 0;
  }
}
@media (max-width: 1250px) and (max-width: 1023px) {
  .hosting-block__row .hosting-block__col:nth-child(3) {
    margin-bottom: 16px;
  }
}
.hosting-block__row .hosting-block__col:last-child {
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .hosting-block__col {
    width: 50%;
  }
}
@media (min-width: 1024px) and (min-width: 1251px) {
  .hosting-block__col {
    width: 25%;
  }
}
.hosting-block .hosting-card {
  position: relative;
  padding: 40px 24px 24px;
}
@media (max-width: 1023px) {
  .hosting-block .hosting-card {
    border: none;
  }
}
.hosting-block .hosting-card:hover {
  border: 1px solid #E0E0E0;
}
@media (max-width: 1023px) {
  .hosting-block .hosting-card:hover {
    border: none;
  }
}
.hosting-block .hosting-card:hover .header .title {
  color: #292929;
}
.hosting-block .hosting-card:hover .button {
  background: #528CB1;
}
@media (max-width: 1023px) {
  .hosting-block .hosting-card:hover .button {
    background: #7BC0EB;
  }
}
.hosting-block .hosting-card .tag {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 16px 0px 8px 0px;
  background: #EA5326;
  padding: 4px 12px;
  color: #FFF;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  line-height: 13.2px;
  text-transform: uppercase;
}
.hosting-block .hosting-card .header .title p {
  color: #292929;
  font-weight: 400;
  text-transform: uppercase;
  transition: 0.3s ease-in-out;
}
.hosting-block .hosting-card .header .title p strong {
  font-weight: 600;
}
.hosting-block .hosting-card .info .price h3 {
  color: #292929;
}
.hosting-block .hosting-card .info .description {
  min-height: 44px;
}
@media (max-width: 1250px) {
  .hosting-block .hosting-card .info .description {
    min-height: 22px;
  }
}
@media (max-width: 1250px) and (max-width: 1023px) {
  .hosting-block .hosting-card .info .description {
    min-height: unset;
  }
}
.hosting-block .hosting-card .info .description p {
  color: #525252;
}
.hosting-block .hosting-card .features {
  min-height: 372px;
}
@media (max-width: 1250px) {
  .hosting-block .hosting-card .features {
    min-height: 350px;
  }
}
@media (max-width: 1250px) and (max-width: 1023px) {
  .hosting-block .hosting-card .features {
    min-height: unset;
  }
}
.hosting-block .hosting-card .features .feature--premium p {
  font-weight: 700;
}

/* Why Hosting Block
--------------------------------------------- */
.why-hosting-block {
  background: #F7F9FC;
}
@media (max-width: 1023px) {
  .why-hosting-block {
    padding: 0 4px;
  }
}
.why-hosting-block--reseller .why-hosting-block__item h5 {
  min-height: unset;
}
.why-hosting-block .area {
  border-radius: 24px;
  background: #FFF;
  padding: 80px 105px 64px;
  display: flex;
  align-items: flex-start;
  gap: 40px;
}
@media (max-width: 1023px) {
  .why-hosting-block .area {
    padding: 56px 16px 48px;
    flex-direction: column;
    gap: 24px;
  }
}
@media (max-width: 1023px) and (max-width: 429px) {
  .why-hosting-block .area {
    align-items: center;
  }
}
@media (max-width: 1023px) {
  .why-hosting-block .area .left {
    margin: 0 auto;
  }
}
.why-hosting-block .area .left h4 {
  color: #292929;
  max-width: 206px;
}
@media (max-width: 1023px) {
  .why-hosting-block .area .left h4 {
    max-width: 150px;
  }
}
@media (max-width: 1023px) and (max-width: 1023px) {
  .why-hosting-block .area .left h4 {
    max-width: unset;
    text-align: center;
  }
}
.why-hosting-block .area .right {
  flex: 1;
  min-width: 0;
}
.why-hosting-block__wrapper {
  width: 100%;
  display: block;
}
@media (max-width: 1023px) {
  .why-hosting-block__wrapper {
    max-width: 360px;
  }
}
@media (max-width: 1023px) and (max-width: 429px) {
  .why-hosting-block__wrapper {
    max-width: 310px;
  }
}
.why-hosting-block__item h5 {
  color: #292929;
  min-height: 44px;
  margin-bottom: 16px;
}
.why-hosting-block__item .description p {
  color: #3D3D3D;
  font-size: 14px;
  font-weight: 500;
  line-height: 22.4px;
}
@media (max-width: 1023px) {
  .why-hosting-block__item .description p {
    font-size: 12px;
    line-height: 19.2px;
  }
}

.hosting-slider.slick-initialized .slick-list {
  margin: 0 -12px;
}
@media (max-width: 1023px) {
  .hosting-slider.slick-initialized .slick-list {
    margin: 0 -8px;
  }
}
.hosting-slider.slick-initialized .slick-slide {
  display: block;
  margin: 0 12px;
}
@media (max-width: 1023px) {
  .hosting-slider.slick-initialized .slick-slide {
    margin: 0 8px;
  }
}
.hosting-slider.slick-initialized .slick-dots {
  left: 0px;
  bottom: -24px;
}
.hosting-slider.slick-initialized .slick-dots li {
  width: 16px;
  height: 4px;
  margin: 0px 2px;
}
.hosting-slider.slick-initialized .slick-dots li button {
  width: 8px;
  height: 8px;
  padding: 0px;
}
.hosting-slider.slick-initialized .slick-dots li button::before {
  content: "";
  opacity: 1;
  background: #FFCDBE;
  width: 16px;
  height: 4px;
  border-radius: 8px;
}
.hosting-slider.slick-initialized .slick-dots li.slick-active button::before {
  content: "";
  background: #EA5326;
}
.hosting-slider.slick-dotted.slick-slider {
  margin-bottom: 20px;
}

/* FAQ Hosting Block
--------------------------------------------- */
.faq-hosting-block {
  background: #F7F9FC;
  padding: 72px 0;
}
@media (max-width: 1023px) {
  .faq-hosting-block {
    padding: 56px 4px 24px;
  }
}
.faq-hosting-block__col {
  border-right: 1px solid #E0E0E0;
}
@media (max-width: 1023px) {
  .faq-hosting-block__col {
    border-right: none;
  }
}
.faq-hosting-block__info {
  padding: 80px 0;
  max-width: 352px;
}
@media (max-width: 1023px) {
  .faq-hosting-block__info {
    padding: 0 16px 24px;
    max-width: unset;
  }
}
.faq-hosting-block__info .subtitle {
  color: #EA5326;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 15.4px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
@media (max-width: 1023px) {
  .faq-hosting-block__info .subtitle {
    font-size: 12px;
    line-height: 13.2px;
  }
}
.faq-hosting-block__info h3 {
  color: #292929;
  margin-bottom: 24px;
  max-width: 252px;
}
@media (max-width: 1023px) {
  .faq-hosting-block__info h3 {
    margin-bottom: 16px;
    max-width: 230px;
  }
}
.faq-hosting-block__info .description p {
  color: #3D3D3D;
  font-size: 16px;
  font-weight: 500;
  line-height: 25.6px;
}
@media (max-width: 1023px) {
  .faq-hosting-block__info .description p {
    font-size: 14px;
    line-height: 22.4px;
  }
}
.faq-hosting-block__item {
  padding: 16px 24px;
}
@media (max-width: 1023px) {
  .faq-hosting-block__item {
    padding: 8px 6px;
  }
}
.faq-hosting-block__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  cursor: pointer;
}
@media (max-width: 1023px) {
  .faq-hosting-block__title {
    gap: 8px;
  }
}
.faq-hosting-block__title.active .plus {
  display: none;
}
.faq-hosting-block__title.active .minus {
  display: block;
}
.faq-hosting-block__title .text {
  display: flex;
  align-items: center;
  gap: 16px;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 15.4px;
}
@media (max-width: 1023px) {
  .faq-hosting-block__title .text {
    gap: 8px;
    font-size: 12px;
    line-height: 13.2px;
  }
}
.faq-hosting-block__title .text .number {
  color: #528CB1;
}
.faq-hosting-block__title .text .title {
  color: #141414;
}
.faq-hosting-block__title .plus, .faq-hosting-block__title .minus {
  padding: 8px;
}
.faq-hosting-block__title .plus {
  display: block;
}
.faq-hosting-block__title .minus {
  display: none;
}
.faq-hosting-block__description {
  display: none;
  margin-top: 16px;
}
@media (max-width: 1023px) {
  .faq-hosting-block__description {
    margin-top: 8px;
  }
}
.faq-hosting-block__description p {
  color: #525252;
  font-size: 14px;
  font-weight: 500;
  line-height: 22.4px;
  margin-bottom: 24px;
}
@media (max-width: 1023px) {
  .faq-hosting-block__description p {
    font-size: 12px;
    line-height: 19.2px;
  }
}
.faq-hosting-block__description p:last-child {
  margin-bottom: 0;
}

/* SSL Block
--------------------------------------------- */
.ssl-block {
  background: #F7F9FC;
  padding: 24px 0 72px;
}
@media (max-width: 1023px) {
  .ssl-block {
    padding: 24px 0 56px;
  }
}
.ssl-block__header {
  display: flex;
  justify-content: space-around;
  margin-bottom: 56px;
}
@media (max-width: 1023px) {
  .ssl-block__header {
    margin-bottom: 32px;
    flex-direction: column;
    justify-content: flex-start;
    gap: 16px;
    padding: 0 8px;
  }
}
.ssl-block__header h3 {
  color: #292929;
  min-width: 394px;
  max-width: 394px;
}
@media (max-width: 1023px) {
  .ssl-block__header h3 {
    min-width: unset;
    max-width: unset;
  }
}
.ssl-block__header .description {
  max-width: 503px;
  margin-bottom: 16px;
}
@media (max-width: 1023px) {
  .ssl-block__header .description {
    max-width: unset;
  }
}
.ssl-block__header .description p {
  color: #292929;
  font-size: 14px;
  line-height: 22.4px;
}
.ssl-block__header .description p strong {
  font-weight: 700;
}
.ssl-block__header .link {
  color: #417494;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 15.4px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.ssl-block__row {
  justify-content: center;
}
@media (max-width: 1250px) {
  .ssl-block__row .ssl-block__col {
    margin-bottom: 16px;
  }
  .ssl-block__row .ssl-block__col:nth-child(3) {
    margin-bottom: 0;
  }
}
@media (max-width: 1250px) and (max-width: 1023px) {
  .ssl-block__row .ssl-block__col:nth-child(3) {
    margin-bottom: 16px;
  }
}
.ssl-block__row .ssl-block__col:last-child {
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .ssl-block__col {
    width: 50%;
  }
}
@media (min-width: 1024px) and (min-width: 1251px) {
  .ssl-block__col {
    width: 25%;
  }
}

.ssl-card {
  border-radius: 16px;
  background: #FFF;
  box-shadow: 0px 46px 96px 0px rgba(65, 116, 148, 0.02);
  padding: 40px 24px 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 100%;
}
@media (max-width: 1023px) {
  .ssl-card {
    gap: 16px;
  }
}
.ssl-card .header {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 15.4px;
}
.ssl-card .header--one-row {
  padding: 7px 0;
}
@media (max-width: 1250px) {
  .ssl-card .header--one-row {
    padding: 0;
  }
}
.ssl-card .header .number {
  color: #528CB1;
}
.ssl-card .header .separator {
  background: #AFE0FF;
  width: 1px;
  height: 15px;
}
.ssl-card .header .title {
  color: #292929;
  text-transform: uppercase;
}
.ssl-card .other {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
  height: 100%;
}
@media (max-width: 1023px) {
  .ssl-card .other {
    gap: 16px;
  }
}
.ssl-card .other .info .price {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.ssl-card .other .info .price h3 {
  color: #292929;
}
.ssl-card .other .info .price .measure {
  color: #292929;
  font-size: 16px;
  font-weight: 500;
  line-height: 25.6px;
  align-self: flex-end;
}
.ssl-card .other .info .description p {
  color: #3D3D3D;
  font-size: 14px;
  font-weight: 500;
  line-height: 22.4px;
}
.ssl-card .other .options {
  display: flex;
  gap: 8px;
}
.ssl-card .other .options .btn {
  font-size: 12px;
  line-height: 13.2px;
  display: flex;
  justify-content: center;
  width: 100%;
  min-height: 47px;
  max-height: 47px;
}

/* Domain Block
--------------------------------------------- */
.domain-block {
  background: #F7F9FC;
  padding: 80px 0 56px;
}
@media (max-width: 1023px) {
  .domain-block {
    padding: 56px 4px 24px;
  }
}
.domain-block__header {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 1023px) {
  .domain-block__header {
    margin-bottom: 32px;
  }
}
.domain-block__header h3 {
  color: #292929;
}
.domain-block__header .description p {
  color: #3D3D3D;
  font-size: 16px;
  font-weight: 500;
  line-height: 25.6px;
}
@media (max-width: 1023px) {
  .domain-block__header .description p {
    font-size: 14px;
    line-height: 22.4px;
  }
}
.domain-block__col {
  align-self: center;
}
.domain-block__form form label {
  color: #EA5326;
  padding: 0 !important;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.domain-block__form form .search-box {
  border-radius: 56px;
  border: 1px solid #E0E0E0;
  background: #FFF;
  padding: 8px 8px 8px 24px;
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .domain-block__form form .search-box {
    padding: 4px 4px 4px 16px;
  }
}
.domain-block__form form .search-box .prefix {
  color: #A3A3A3;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 22.4px;
  white-space: nowrap;
}
.domain-block__form form .search-box input {
  border: none;
  outline: none;
  flex-grow: 1;
  padding: 4px;
  color: #3D3D3D;
  font-weight: 500;
}
.domain-block__form form .search-box input::placeholder {
  font-weight: 500;
}
.domain-block__form form .search-box button {
  border-radius: 56px;
  background: #EA5326;
  border: none;
  padding: 16px;
  cursor: pointer;
}
@media (max-width: 1023px) {
  .domain-block__form form .search-box button {
    padding: 12px;
    max-width: 40px;
  }
}
.domain-block__form form .search-box button .search-icon {
  max-height: 16px;
}

/* Domain Offer Block
--------------------------------------------- */
.domain-offer-block {
  background: #F7F9FC;
  padding: 72px 0;
}
@media (max-width: 1023px) {
  .domain-offer-block {
    padding: 56px 4px;
  }
}
.domain-offer-block__header {
  display: flex;
  justify-content: space-around;
  margin-bottom: 64px;
}
@media (max-width: 1023px) {
  .domain-offer-block__header {
    margin-bottom: 32px;
    flex-direction: column;
    justify-content: flex-start;
    gap: 16px;
    padding: 0 8px;
  }
}
.domain-offer-block__header h3 {
  color: #292929;
  min-width: 394px;
  max-width: 394px;
}
@media (max-width: 1023px) {
  .domain-offer-block__header h3 {
    min-width: unset;
    max-width: unset;
  }
}
.domain-offer-block__header .description {
  max-width: 503px;
}
@media (max-width: 1023px) {
  .domain-offer-block__header .description {
    max-width: unset;
  }
}
.domain-offer-block__header .description p {
  color: #292929;
  font-size: 14px;
  line-height: 22.4px;
}
.domain-offer-block__header .description p strong {
  font-weight: 700;
}
@media (max-width: 1023px) {
  .domain-offer-block__desktop {
    display: none;
  }
}
.domain-offer-block__desktop .domains-table table td {
  vertical-align: middle;
}
.domain-offer-block__desktop .domains-table table td:first-child {
  max-width: 207px;
}
.domain-offer-block__desktop .domains-table table td:nth-child(2) {
  min-width: 168px;
}
.domain-offer-block__desktop .domains-table table td:last-child {
  max-width: 123px;
}
.domain-offer-block__desktop .domains-table table td .domain {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.domain-offer-block__desktop .domains-table table td .domain .extension {
  color: #141414;
  font-size: 16px;
  font-weight: 600;
  line-height: 17.6px;
}
.domain-offer-block__desktop .domains-table table td .domain .desc {
  color: #3D3D3D;
  font-size: 14px;
  font-weight: 500;
  line-height: 22.4px;
  max-width: 207px;
}
.domain-offer-block__desktop .domains-table table td .time {
  color: #292929;
  font-size: 14px;
  font-weight: 600;
  line-height: 15.4px;
  text-transform: uppercase;
}
.domain-offer-block__desktop .domains-table table td .items {
  display: flex;
  align-items: center;
  gap: 16px;
}
.domain-offer-block__desktop .domains-table table td .items .info {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  min-width: 50px;
}
.domain-offer-block__desktop .domains-table table td .items .info h5 {
  color: #292929;
}
.domain-offer-block__desktop .domains-table table td .items .info .measure {
  color: #292929;
  font-size: 12px;
  font-weight: 500;
  line-height: 19.2px;
}
.domain-offer-block__desktop .domains-table table td .items .btn {
  padding: 16px 24px;
  font-size: 12px;
  line-height: 13.2px;
}
.domain-offer-block__desktop .domains-table table td .renewal {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.domain-offer-block__desktop .domains-table table td .renewal h5 {
  color: #292929;
}
.domain-offer-block__desktop .domains-table table td .renewal .measure {
  color: #292929;
  font-size: 12px;
  font-weight: 500;
  line-height: 19.2px;
}
.domain-offer-block__mobile {
  display: none;
}
@media (max-width: 1023px) {
  .domain-offer-block__mobile {
    display: block;
  }
}
.domain-offer-block__items .item {
  padding: 8px 0;
}
.domain-offer-block__items .item:nth-child(odd) .item__boxes .box {
  background: #FFF;
}
.domain-offer-block__items .item:nth-child(even) .item__boxes .box {
  background: transparent;
}
.domain-offer-block__items .item .domain {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 8px;
}
.domain-offer-block__items .item .domain .extension {
  color: #141414;
  font-size: 16px;
  font-weight: 600;
  line-height: 17.6px;
}
.domain-offer-block__items .item .domain .desc {
  color: #3D3D3D;
  font-size: 14px;
  font-weight: 500;
  line-height: 22.4px;
}
.domain-offer-block__items .item__boxes {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.domain-offer-block__items .item__boxes .box {
  border-radius: 4px;
  border: 1px solid #E0E0E0;
  padding: 16px 8px;
  width: calc(50% - 4px);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.domain-offer-block__items .item__boxes .box .heading {
  color: #528CB1;
  font-size: 12px;
  font-weight: 700;
  line-height: 19.2px;
}
.domain-offer-block__items .item__boxes .box .time {
  color: #292929;
  font-size: 14px;
  font-weight: 600;
  line-height: 15.4px;
  text-transform: uppercase;
}
.domain-offer-block__items .item__boxes .box .info {
  display: flex;
  align-items: center;
  gap: 4px;
}
.domain-offer-block__items .item__boxes .box .info h5 {
  color: #292929;
}
.domain-offer-block__items .item__boxes .box .info .measure {
  color: #292929;
  font-size: 12px;
  font-weight: 500;
  line-height: 19.2px;
}
.domain-offer-block__items .item__boxes .box .link {
  color: #417494;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 13.2px;
  text-transform: uppercase;
}

/* Dedicated Offer Block
--------------------------------------------- */
.dedicated-offer-block {
  background: #F7F9FC;
  padding: 72px 0;
}
@media (max-width: 1023px) {
  .dedicated-offer-block {
    padding: 56px 4px;
  }
}
.dedicated-offer-block__header {
  display: flex;
  justify-content: space-around;
  margin-bottom: 64px;
}
@media (max-width: 1023px) {
  .dedicated-offer-block__header {
    margin-bottom: 32px;
    flex-direction: column;
    justify-content: flex-start;
    gap: 16px;
    padding: 0 8px;
  }
}
.dedicated-offer-block__header h3 {
  color: #292929;
  min-width: 394px;
  max-width: 394px;
}
@media (max-width: 1023px) {
  .dedicated-offer-block__header h3 {
    min-width: unset;
    max-width: unset;
  }
}
.dedicated-offer-block__header .description {
  max-width: 503px;
}
@media (max-width: 1023px) {
  .dedicated-offer-block__header .description {
    max-width: unset;
  }
}
.dedicated-offer-block__header .description p {
  color: #292929;
  font-size: 14px;
  line-height: 22.4px;
}
.dedicated-offer-block__header .description p strong {
  font-weight: 700;
}
@media (max-width: 1023px) {
  .dedicated-offer-block__desktop {
    display: none;
  }
}
.dedicated-offer-block__desktop .dedicated-servers-table table th:nth-child(6) {
  text-align: right;
}
.dedicated-offer-block__desktop .dedicated-servers-table table td {
  vertical-align: top;
}
.dedicated-offer-block__desktop .dedicated-servers-table table td:first-child {
  max-width: 207px;
}
.dedicated-offer-block__desktop .dedicated-servers-table table td .processor {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.dedicated-offer-block__desktop .dedicated-servers-table table td .processor .heading {
  display: flex;
  align-items: center;
  gap: 8px;
}
.dedicated-offer-block__desktop .dedicated-servers-table table td .processor .heading .text {
  color: #141414;
  font-size: 14px;
  font-weight: 600;
  line-height: 15.4px;
}
.dedicated-offer-block__desktop .dedicated-servers-table table td .processor .name {
  color: #292929;
  font-size: 14px;
  font-weight: 500;
  line-height: 22.4px;
}
.dedicated-offer-block__desktop .dedicated-servers-table table td .characteristics .main {
  color: #3D3D3D;
  font-size: 14px;
  font-weight: 600;
  line-height: 15.4px;
  margin-bottom: 4px;
}
.dedicated-offer-block__desktop .dedicated-servers-table table td .characteristics .other {
  color: #666;
  font-size: 12px;
  font-weight: 500;
  line-height: 19.2px;
}
.dedicated-offer-block__desktop .dedicated-servers-table table td .price {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 8px;
}
.dedicated-offer-block__desktop .dedicated-servers-table table td .price .text {
  color: #7A7A7A;
  font-size: 12px;
  font-weight: 500;
  line-height: 19.2px;
  text-transform: uppercase;
}
.dedicated-offer-block__desktop .dedicated-servers-table table td .price .info {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.dedicated-offer-block__desktop .dedicated-servers-table table td .price .info h5 {
  color: #292929;
}
.dedicated-offer-block__desktop .dedicated-servers-table table td .price .info .measure {
  color: #292929;
  font-size: 12px;
  font-weight: 500;
  line-height: 19.2px;
}
.dedicated-offer-block__desktop .dedicated-servers-table table td .actions {
  display: flex;
  justify-content: flex-end;
}
.dedicated-offer-block__desktop .dedicated-servers-table table td .actions .btn {
  padding: 16px 24px;
  font-size: 12px;
  line-height: 13.2px;
}
.dedicated-offer-block__mobile {
  display: none;
}
@media (max-width: 1023px) {
  .dedicated-offer-block__mobile {
    display: block;
  }
}
.dedicated-offer-block__items .item {
  padding: 8px 0;
}
.dedicated-offer-block__items .item:nth-child(odd) .item__boxes .box {
  background: #FFF;
}
.dedicated-offer-block__items .item:nth-child(even) .item__boxes .box {
  background: transparent;
}
.dedicated-offer-block__items .item .processor {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 16px;
}
.dedicated-offer-block__items .item .processor .heading {
  display: flex;
  align-items: center;
  gap: 8px;
}
.dedicated-offer-block__items .item .processor .heading .text {
  color: #141414;
  font-size: 14px;
  font-weight: 600;
  line-height: 15.4px;
}
.dedicated-offer-block__items .item .processor .name {
  color: #292929;
  font-size: 14px;
  font-weight: 500;
  line-height: 22.4px;
}
.dedicated-offer-block__items .item__boxes {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.dedicated-offer-block__items .item__boxes .box {
  border-radius: 4px;
  border: 1px solid #E0E0E0;
  padding: 8px;
  width: calc(50% - 4px);
}
.dedicated-offer-block__items .item__boxes .box--height {
  min-height: 93px;
}
.dedicated-offer-block__items .item__boxes .box .heading {
  color: #528CB1;
  font-size: 12px;
  font-weight: 700;
  line-height: 19.2px;
  margin-bottom: 4px;
}
.dedicated-offer-block__items .item__boxes .box .info .main {
  color: #3D3D3D;
  font-size: 12px;
  font-weight: 600;
  line-height: 13.2px;
  margin-bottom: 4px;
}
.dedicated-offer-block__items .item__boxes .box .info .other {
  color: #666;
  font-size: 12px;
  font-weight: 500;
  line-height: 19.2px;
}
.dedicated-offer-block__items .item__boxes .box .price .heading {
  margin-bottom: 8px;
}
.dedicated-offer-block__items .item__boxes .box .price .info {
  padding: 8px 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.dedicated-offer-block__items .item__boxes .box .price .info .label {
  color: #7A7A7A;
  font-size: 12px;
  font-weight: 500;
  line-height: 19.2px;
  text-transform: uppercase;
}
.dedicated-offer-block__items .item__boxes .box .price .info .value {
  display: flex;
  align-items: center;
}
.dedicated-offer-block__items .item__boxes .box .price .info .value h5 {
  color: #292929;
}
.dedicated-offer-block__items .item__boxes .box .price .info .value .measure {
  color: #292929;
  font-size: 12px;
  font-weight: 500;
  line-height: 19.2px;
}
.dedicated-offer-block__items .item__boxes .mobile-action {
  border-radius: 4px;
  background: #7BC0EB;
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(50% - 4px);
  color: #FFF;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 13.2px;
  text-transform: uppercase;
}

/* 404 Page
--------------------------------------------- */
.page-404 {
  background: #F7F9FC;
  padding: 120px 0;
}
@media (max-width: 1023px) {
  .page-404 {
    padding: 80px 4px;
  }
}
.page-404__col {
  display: flex;
  justify-content: center;
}
.page-404__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 596px;
}
@media (max-width: 1023px) {
  .page-404__content {
    max-width: unset;
  }
}
.page-404__content .subtitle {
  color: #EA5326;
  font-size: 14px;
  line-height: 15.4px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
@media (max-width: 1023px) {
  .page-404__content .subtitle {
    font-size: 12px;
    line-height: 13.2px;
  }
}
.page-404__content h3 {
  color: #292929;
  margin-bottom: 24px;
}
.page-404__content .description p {
  color: #3D3D3D;
  font-size: 16px;
  font-weight: 500;
  line-height: 25.6px;
  margin-bottom: 32px;
  text-align: center;
}
@media (max-width: 1023px) {
  .page-404__content .description p {
    font-size: 14px;
    line-height: 22.4px;
  }
}
.page-404__content .button .btn {
  display: block;
  width: fit-content;
  font-size: 14px;
  line-height: 15.4px;
}
@media (max-width: 1023px) {
  .page-404__content .button .btn {
    width: 100%;
    font-size: 12px;
    line-height: 13.2px;
  }
}

/* Calculator Block
--------------------------------------------- */
.calculator-block {
  background: #F7F9FC;
  padding: 24px 0 72px;
}
@media (max-width: 1023px) {
  .calculator-block {
    padding: 24px 4px 56px;
  }
}
.calculator-block__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  margin-bottom: 56px;
}
@media (max-width: 1023px) {
  .calculator-block__header {
    margin-bottom: 32px;
  }
}
.calculator-block__header h3 {
  color: #292929;
  text-align: center;
}
.calculator-block__header .description p {
  color: #292929;
  font-size: 16px;
  line-height: 25.6px;
  text-align: center;
}
@media (max-width: 1023px) {
  .calculator-block__header .description p {
    font-size: 14px;
    line-height: 22.4px;
  }
}
@media (max-width: 1023px) {
  .calculator-block__row {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
}
.calculator-block__row .form-hidden {
  display: none;
}
.calculator-block .options-group .heading {
  color: #528CB1;
  font-size: 14px;
  font-weight: 700;
  line-height: 22.4px;
  margin-bottom: 16px;
}
.calculator-block .options-group .options {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 1023px) {
  .calculator-block .options-group .options {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.calculator-block .options-group .options .option {
  border-radius: 8px;
  border: 1px solid #F4F4F4;
  background: #FFF;
  padding: 12px;
  cursor: pointer;
}
@media (max-width: 1023px) {
  .calculator-block .options-group .options .option {
    width: calc(50% - 4px);
  }
}
.calculator-block .options-group .options .option.active {
  border: 1px solid #E0E0E0;
  background: #F4F4F4;
}
.calculator-block .options-group .options .option .title {
  color: #3D3D3D;
  font-size: 14px;
  font-weight: 700;
  line-height: 22.4px;
  margin-bottom: 4px;
}
.calculator-block .options-group .options .option .description p {
  color: #3D3D3D;
  font-size: 12px;
  line-height: 19.2px;
}
.calculator-block .total-box {
  border-radius: 8px;
  border: 1px solid #E0E0E0;
  background: #528CB1;
  padding: 32px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
@media (max-width: 1023px) {
  .calculator-block .total-box {
    border-radius: 0;
    border: none;
    padding: 16px 24px;
    flex-direction: row;
    justify-content: space-between;
  }
}
@media (max-width: 1023px) {
  .calculator-block .total-box .info {
    width: 50%;
  }
}
.calculator-block .total-box .info .label {
  color: #FFF;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 22.4px;
  margin-bottom: 8px;
}
@media (max-width: 1023px) {
  .calculator-block .total-box .info .label {
    text-align: left;
    font-size: 12px;
    line-height: 19.2px;
    margin-bottom: 4px;
  }
}
.calculator-block .total-box .info .price {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 1023px) {
  .calculator-block .total-box .info .price {
    flex-direction: row;
    align-items: flex-end;
    gap: 8px;
  }
}
.calculator-block .total-box .info .price h3 {
  color: #FFF;
}
.calculator-block .total-box .info .price .measure {
  color: #FFF;
  font-size: 14px;
  font-weight: 500;
  line-height: 22.4px;
}
.calculator-block .total-box .options {
  width: 100%;
}
@media (max-width: 1023px) {
  .calculator-block .total-box .options {
    width: 50%;
  }
}
.calculator-block .total-box .options .btn {
  padding: 16px 24px;
  font-size: 12px;
  line-height: 13.2px;
  display: flex;
  justify-content: center;
  margin-bottom: 8px;
  width: 100%;
}
.calculator-block .total-box .options .text {
  color: #FFF;
  font-size: 12px;
  line-height: 19.2px;
  text-align: center;
}

.calculator-next-step {
  background: #F7F9FC;
  padding: 0 0 64px;
}
@media (max-width: 1023px) {
  .calculator-next-step {
    padding: 24px 4px 56px;
  }
}
.calculator-next-step__left {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 1023px) {
  .calculator-next-step__left {
    gap: 16px;
    margin-bottom: 16px;
  }
}
.calculator-next-step__left .area {
  border-radius: 8px;
  background: #FFF;
  padding: 32px;
}
@media (max-width: 1023px) {
  .calculator-next-step__left .area {
    padding: 32px 16px;
  }
}
.calculator-next-step__left .area .link {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 32px;
}
.calculator-next-step__left .area .link .icon {
  border-radius: 56px;
  background: #7BC0EB;
  padding: 4px;
  height: 24px;
}
.calculator-next-step__left .area .link h5 {
  color: #141414;
  margin-bottom: 0;
}
.calculator-next-step__left .area .selected-options {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  row-gap: 32px;
}
@media (max-width: 1023px) {
  .calculator-next-step__left .area .selected-options {
    gap: 8px;
    row-gap: 24px;
  }
}
@media (max-width: 1023px) {
  .calculator-next-step__left .area .selected-options .option {
    width: calc(50% - 4px);
  }
}
@media (max-width: 1023px) {
  .calculator-next-step__left .area .selected-options .option.cpu {
    width: 100%;
    margin-bottom: 8px;
  }
}
.calculator-next-step__left .area .selected-options .option.memorija, .calculator-next-step__left .area .selected-options .option.disk {
  min-width: 168px;
}
@media (max-width: 1250px) {
  .calculator-next-step__left .area .selected-options .option.memorija, .calculator-next-step__left .area .selected-options .option.disk {
    min-width: unset;
  }
}
.calculator-next-step__left .area .selected-options .option .heading {
  color: #141414;
  font-size: 14px;
  font-weight: 600;
  line-height: 15.4px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.calculator-next-step__left .area .selected-options .option .title {
  color: #525252;
  font-size: 16px;
  font-weight: 500;
  line-height: 25.6px;
}
.calculator-next-step__left .area .selected-options .option .description p {
  color: #525252;
  font-size: 16px;
  font-weight: 500;
  line-height: 25.6px;
}
.calculator-next-step__left .area h5 {
  color: #292929;
  margin-bottom: 24px;
}
@media (max-width: 1023px) {
  .calculator-next-step__left .area h5 {
    margin-bottom: 16px;
    font-size: 18px;
    line-height: 21.6px;
  }
}
.calculator-next-step__left .area .checkbox {
  display: flex;
  align-items: center;
  gap: 8px;
}
.calculator-next-step__left .area .checkbox p {
  color: #3D3D3D;
  font-size: 14px;
  line-height: 22.4px;
}
.calculator-next-step__right .area {
  border-radius: 8px;
  background: #FFF;
  padding: 32px 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.calculator-next-step__right .area h5 {
  color: #3D3D3D;
}
@media (max-width: 1023px) {
  .calculator-next-step__right .area h5 {
    font-size: 18px;
    line-height: 21.6px;
  }
}
.calculator-next-step__right .area .summary h5 {
  margin-bottom: 16px;
}
.calculator-next-step__right .area .summary .title {
  color: #3D3D3D;
  font-size: 14px;
  font-weight: 600;
  line-height: 15.4px;
  text-transform: uppercase;
  margin-bottom: 16px;
}
.calculator-next-step__right .area .summary ul {
  list-style-type: disc;
  padding-left: 28px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.calculator-next-step__right .area .summary ul li {
  color: #3D3D3D;
  font-size: 16px;
  font-weight: 500;
  line-height: 25.6px;
}
@media (max-width: 1023px) {
  .calculator-next-step__right .area .summary ul li {
    font-size: 14px;
    line-height: 22.4px;
  }
}
.calculator-next-step__right .area .options {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.calculator-next-step__right .area .options .separator {
  background: #8CD3FF;
  height: 1px;
  flex-grow: 1;
}
.calculator-next-step__right .area .options .price {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.calculator-next-step__right .area .options .price h2 {
  color: #292929;
}
.calculator-next-step__right .area .options .price .measure {
  color: #292929;
  font-size: 14px;
  font-weight: 500;
  line-height: 22.4px;
}
.calculator-next-step__right .area .options .btn {
  width: 100%;
  display: flex;
  justify-content: center;
  text-align: center;
  font-size: 16px;
  line-height: 17.6px;
}

.calculator-final-step {
  background: #F7F9FC;
  padding: 80px 0;
}
@media (max-width: 1023px) {
  .calculator-final-step {
    padding: 0 4px 56px;
  }
}
.calculator-final-step__image {
  position: relative;
}
.calculator-final-step__image img {
  width: 100%;
}
@media (max-width: 1023px) {
  .calculator-final-step__image img {
    display: none;
  }
}
.calculator-final-step__image .area {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 32px;
  background: #FFF;
  padding: 40px 56px;
  min-width: 600px;
}
@media (max-width: 1023px) {
  .calculator-final-step__image .area {
    position: relative;
    top: unset;
    left: unset;
    transform: unset;
    padding: 40px 24px;
    min-width: unset;
  }
}
.calculator-final-step__image .area h4 {
  color: #292929;
  text-align: center;
  margin-bottom: 24px;
}
@media (max-width: 1023px) {
  .calculator-final-step__image .area h4 {
    margin-bottom: 16px;
    font-size: 24px;
    line-height: 28.8px;
  }
}
.calculator-final-step__image .area .description {
  margin-bottom: 24px;
}
@media (max-width: 1023px) {
  .calculator-final-step__image .area .description {
    margin-bottom: 16px;
  }
}
.calculator-final-step__image .area .description p {
  color: #525252;
  font-size: 16px;
  font-weight: 500;
  line-height: 25.6px;
  text-align: center;
}
.calculator-final-step__image .area form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.calculator-final-step__image .area form button {
  border: 2px solid #7BC0EB;
  padding: 16px 24px;
  font-size: 16px;
  line-height: 17.6px;
  margin: 8px auto 0;
  width: fit-content;
}
@media (max-width: 1023px) {
  .calculator-final-step__image .area form button {
    margin: 0 auto;
  }
}
.calculator-final-step__image .area form button:hover {
  border: 2px solid #528CB1;
}
@media (max-width: 1023px) {
  .calculator-final-step__image .area form button:hover {
    border: 2px solid #7BC0EB;
  }
}

.calculator-end {
  background: #F7F9FC;
  padding: 0 0 64px;
}
@media (max-width: 1023px) {
  .calculator-end {
    padding: 0 4px 56px;
  }
}
.calculator-end__left {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 1023px) {
  .calculator-end__left {
    gap: 16px;
    margin-bottom: 16px;
  }
}
.calculator-end__left .area {
  border-radius: 8px;
  background: #FFF;
  padding: 32px;
}
@media (max-width: 1023px) {
  .calculator-end__left .area {
    padding: 32px 16px;
  }
}
.calculator-end__left .area .selected-options {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  row-gap: 32px;
}
@media (max-width: 1023px) {
  .calculator-end__left .area .selected-options {
    gap: 8px;
    row-gap: 24px;
  }
}
.calculator-end__left .area .selected-options .option {
  min-width: 164px;
}
@media (max-width: 1250px) {
  .calculator-end__left .area .selected-options .option {
    min-width: 130px;
  }
}
@media (max-width: 1250px) and (max-width: 1023px) {
  .calculator-end__left .area .selected-options .option {
    min-width: unset;
    width: calc(50% - 4px);
  }
}
.calculator-end__left .area .selected-options .option.cpu {
  width: 100%;
  min-width: unset;
}
@media (max-width: 1023px) {
  .calculator-end__left .area .selected-options .option.cpu {
    margin-bottom: 8px;
  }
}
.calculator-end__left .area .selected-options .option .heading {
  color: #141414;
  font-size: 14px;
  font-weight: 600;
  line-height: 15.4px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.calculator-end__left .area .selected-options .option .title {
  color: #525252;
  font-size: 16px;
  font-weight: 500;
  line-height: 25.6px;
}
.calculator-end__left .area .selected-options .option .description p {
  color: #525252;
  font-size: 16px;
  font-weight: 500;
  line-height: 25.6px;
}
.calculator-end__left .area h5 {
  color: #292929;
  margin-bottom: 16px;
}
.calculator-end__left .area .description {
  margin-bottom: 16px;
}
.calculator-end__left .area .description p {
  color: #525252;
  font-size: 16px;
  font-weight: 500;
  line-height: 25.6px;
}
@media (max-width: 1023px) {
  .calculator-end__left .area .description p {
    font-size: 14px;
    line-height: 22.4px;
  }
}
.calculator-end__left .area #appended-checkboxes .checkbox-items {
  display: flex;
  gap: 4px;
  margin-top: 16px;
}
@media (max-width: 1023px) {
  .calculator-end__left .area #appended-checkboxes .checkbox-items {
    flex-direction: column;
  }
}
.calculator-end__left .area #appended-checkboxes .checkbox-items label {
  color: #7A7A7A;
  font-size: 16px;
  font-weight: 500;
  line-height: 25.6px;
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 1023px) {
  .calculator-end__left .area #appended-checkboxes .checkbox-items label {
    font-size: 14px;
    line-height: 22.4px;
  }
}
.calculator-end__left .area #appended-select .custom-dropdown {
  margin-top: 16px;
}
.calculator-end__left .area .form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.calculator-end__left .area .form .form-items {
  display: flex;
  gap: 16px;
}
@media (max-width: 1023px) {
  .calculator-end__left .area .form .form-items {
    flex-direction: column;
  }
}
.calculator-end__left .area .form .form-items .form-item {
  width: 100%;
}
.calculator-end__left .area .form p {
  color: #525252;
  font-size: 14px;
  font-style: italic;
  font-weight: 500;
  line-height: 22.4px;
}
@media (max-width: 1023px) {
  .calculator-end__left .area .form p {
    font-size: 12px;
    line-height: 19.2px;
  }
}
.calculator-end__left .area .form p a {
  color: #2D9CDB;
}
.calculator-end__right .area {
  border-radius: 8px;
  border: 1px solid #8CD3FF;
  background: #FFF;
  padding: 32px 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.calculator-end__right .area h5 {
  color: #3D3D3D;
}
@media (max-width: 1023px) {
  .calculator-end__right .area h5 {
    font-size: 18px;
    line-height: 21.6px;
  }
}
.calculator-end__right .area .details p {
  color: #3D3D3D;
  font-size: 14px;
  line-height: 22.4px;
  text-transform: uppercase;
  margin-bottom: 16px;
}
.calculator-end__right .area .details ul {
  list-style-type: disc;
  padding-left: 28px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.calculator-end__right .area .details ul li {
  color: #3D3D3D;
  font-size: 16px;
  font-weight: 500;
  line-height: 25.6px;
}
@media (max-width: 1023px) {
  .calculator-end__right .area .details ul li {
    font-size: 14px;
    line-height: 22.4px;
  }
}
.calculator-end__right .area .options {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.calculator-end__right .area .options .separator {
  background: #8CD3FF;
  height: 1px;
  flex-grow: 1;
}
.calculator-end__right .area .options .price {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.calculator-end__right .area .options .price .info {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.calculator-end__right .area .options .price .info .measure {
  color: #292929;
  font-size: 14px;
  font-weight: 500;
  line-height: 22.4px;
}
.calculator-end__right .area .options .price h2 {
  color: #292929;
}
.calculator-end__right .area .options .price .text {
  color: #292929;
  font-size: 14px;
  font-weight: 500;
  line-height: 22.4px;
}
.calculator-end__right .area .options .btn {
  width: 100%;
  display: flex;
  justify-content: center;
  text-align: center;
  font-size: 16px;
  line-height: 17.6px;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;
  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

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

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}
/*# sourceMappingURL=style.css.map */