/* -------------------------------------------

Name:       Spoli
Version:    1.0
Author:	    bslthemes
Developer:  Nazar Miller (millerDigitalDesign)
Website:    https://bslthemes.com/

------------------------------------------- */
/*--------------------------------------------
1. common
    - main
    - buttons
    - typography
    - breadcrumbs
    - pagination
    - forms
    - list
    - flex
    - width
    - spaces
2. hero
    - hero 1
    - hero 2
    - hero 3
    - hero 4
3. components
    - top panel
    - services
    - timeline
    - portfolio
    - reviews
    - brands
    - blog
    - subscribe
    - price
    - statistic
    - instagram
    - prices
    - colections
    - gallery
    - accordion (faq)
    - skills
    - footer
    - publication
--------------------------------------------*/
/* -------------------------------------------

fonts

------------------------------------------- */
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");
/* -------------------------------------------

colors

------------------------------------------- */
/* -------------------------------------------

transition

------------------------------------------- */
/* -------------------------------------------

main

------------------------------------------- */
*,
*:before,
*:after {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

*,
*:focus {
  outline: inherit;
}

*::selection {
  color: inherit;
  background-color: transparent;
}

html {
  font-size: 11px;
}
@media (max-width: 2000px) {
  html {
    font-size: 10px;
  }
}
@media (max-width: 1800px) {
  html {
    font-size: 9px;
  }
}
@media (max-width: 1200px) {
  html {
    font-size: 8px;
  }
}
@media (max-width: 768px) {
  html {
    font-size: 7px;
  }
}

body {
  overscroll-behavior: none;
  font-family: "Unbounded", serif !important;
  color: #8A8A8A;
  font-size: 1.6rem;
}

.mil-page-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.mil-outside {
  position: relative;
}
.mil-outside:before {
  content: "";
  width: 25rem;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 82%);
}
@media (max-width: 1400px) {
  .mil-outside:before {
    display: none;
  }
}
.mil-outside:after {
  content: "";
  width: 25rem;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 82%);
}
@media (max-width: 1400px) {
  .mil-outside:after {
    display: none;
  }
}

@media (max-width: 992px) {
  .mil-blue-star {
    display: none;
  }
}

/* -------------------------------------------

buttons

------------------------------------------- */
.mil-btn {
  line-height: 100%;
  cursor: pointer;
  border: none;
  display: inline-flex;
  align-items: center;
  height: 6rem;
  border-radius: 6rem;
  padding: 0 4rem;
  background-color: #141414;
  color: #fff;
  letter-spacing: 1px;
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-btn.mil-sm {
  height: 4rem;
  padding: 0 2rem;
}
.mil-btn.mil-border {
  border: solid 0.1rem rgba(20, 20, 20, 0.15);
  background-color: transparent;
  color: #141414;
}
.mil-btn.mil-border.mil-invert {
  border: solid 0.1rem rgba(255, 255, 255, 0.15);
  background-color: transparent;
  color: #fff;
}
.mil-btn.mil-border.mil-invert:hover {
  border: solid 0.1rem #ff8473;
  color: #FF8473;
}
.mil-btn:hover {
  transform: scale(1.02);
  filter: brightness(150%);
}
.mil-btn:hover.mil-b-grad {
  filter: brightness(100%);
}

.mil-btn-circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 15rem;
  height: 15rem;
  border-radius: 50%;
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-btn-circle:hover {
  transform: scale(1.02);
  filter: brightness(150%);
}

.mil-btn-icon {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border: solid 0.1rem #ff8473;
  height: 6rem;
  width: 6rem;
  border-radius: 6rem;
  color: #FF8473;
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-btn-icon .fa-play {
  margin-left: 0.4rem;
}
.mil-btn-icon:hover {
  transform: scale(1.02);
  filter: brightness(150%);
}

/* -------------------------------------------

typography

------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6,
.mil-h1,
.mil-h2,
.mil-h3,
.mil-h4,
.mil-h5,
.mil-h6 {
  font-family: "Unbounded", serif !important;
  font-weight: 700;
  color: #141414;
}

a {
  text-decoration: none;
  color: inherit;
}

hr {
  height: 1px;
  border: none;
  background-color: #141414;
}

@media (max-width: 992px) {
  br {
    display: none;
  }
  br.mil-stable {
    display: block;
  }
}
.mil-ff-1 {
  font-family: "Unbounded", serif !important;
}

.mil-ff-2 {
  font-family: "Unbounded", serif !important;
}

.mil-fs-14 {
  font-size: 1.4rem;
}

.mil-fs-16 {
  font-size: 1.6rem;
}

.mil-fs-18 {
  font-size: 1.8rem;
}

.mil-fs-20 {
  font-size: 2rem;
}

.mil-fs-24 {
  font-size: 2.4rem;
}

.mil-fs-32 {
  font-size: 3.2rem;
}

.mil-fs-38 {
  font-size: 3.8rem;
}

.mil-fs-46 {
  font-size: 4.6rem;
}

.mil-fs-52 {
  font-size: 5.2rem;
}
@media (max-width: 768px) {
  .mil-fs-52 {
    font-size: 3.8rem;
  }
}

.mil-fs-64 {
  font-size: 6.4rem;
}

.mil-fs-82 {
  font-size: 8.2rem;
}

.mil-fs-142 {
  font-size: 14.2rem;
}

.mil-lh-100 {
  line-height: 100%;
}

.mil-lh-130 {
  line-height: 130%;
}

.mil-lh-150 {
  line-height: 150%;
}

.mil-fw-400 {
  font-weight: 400;
}

.mil-fw-500 {
  font-weight: 500;
}

.mil-fw-700 {
  font-weight: 700;
}

.mil-c-m-1 {
  color: #141414;
}

.mil-c-m-2 {
  color: #8A8A8A;
}

.mil-c-m-3 {
  color: #fff;
}

.mil-c-a-3 {
  color: #7152E1;
}

.mil-c-grad {
  color: #FF8473;
}

@supports (--css: variables) {
  .mil-c-grad {
    background: linear-gradient(0deg, #FF8473, #FFE588);
    color: transparent;
    background-clip: text;
  }
}
.mil-b-m-1 {
  background-color: #141414;
}

.mil-b-m-1-light {
  background-color: #191919;
}

.mil-b-m-1-soft {
  background-color: #202020;
}

.mil-b-m-2 {
  background-color: #8A8A8A;
}

.mil-b-m-2-light {
  background-color: #f0f0f0;
}

.mil-b-grad {
  background: linear-gradient(0deg, #FF8473, #FFE588);
}

/* -------------------------------------------

breadcrumbs

------------------------------------------- */
.mil-breadcrumbs {
  display: flex;
}
.mil-breadcrumbs li {
  list-style-type: none;
}
.mil-breadcrumbs li:after {
  content: "/";
  margin: 0 0.5rem;
}
.mil-breadcrumbs li a {
  color: #141414;
}
.mil-breadcrumbs li:last-child {
  cursor: not-allowed;
}
.mil-breadcrumbs li:last-child:after {
  display: none;
}
.mil-breadcrumbs li:last-child a {
  color: #8A8A8A;
  pointer-events: none;
}

/* -------------------------------------------

pagination

------------------------------------------- */
.swiper-pagination-bullet {
  opacity: 1;
  width: 3rem;
  height: 3rem;
  margin: 0 0.5rem !important;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border: solid 0.2rem transparent;
  transition: 0.2s cubic-bezier(0, 0, 0.3642, 1);
}
.swiper-pagination-bullet:after {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  background-color: #141414;
  border-radius: 50%;
  transition: 0.2s cubic-bezier(0, 0, 0.3642, 1);
}
.swiper-pagination-bullet:hover:after {
  transform: scale(1.5);
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  border-color: #FF8473;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active:after {
  transform: scale(1.5);
  background-color: #FF8473;
}

.mil-services-pagination .swiper-pagination-bullet:after {
  background-color: #fff;
}

/* -------------------------------------------

forms

------------------------------------------- */
form input, form textarea {
  background-color: transparent;
  width: 100%;
  border: none;
  height: 4rem;
  border-bottom: solid 0.1rem rgba(138, 138, 138, 0.5);
  font-family: "Unbounded", serif !important;
  font-size: 1.6rem;
  color: #8A8A8A;
  transition: 0.2s cubic-bezier(0, 0, 0.3642, 1);
}
form input::placeholder, form textarea::placeholder {
  font-family: "Unbounded", serif !important;
  font-size: 1.6rem;
}
form input:hover, form input:focus, form textarea:hover, form textarea:focus {
  border-bottom: solid 0.1rem #8a8a8a;
}
form textarea {
  padding-top: 1rem;
  height: 15rem;
}

.mil-subscribe {
  width: 100%;
  display: flex;
  align-items: center;
}
.mil-subscribe .mil-input-frame {
  width: 100%;
}

/* -------------------------------------------

list

------------------------------------------- */
.mil-check-list li {
  list-style-type: none;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
}
.mil-check-list li i {
  margin-right: 1rem;
  font-size: 1.2rem;
}
.mil-check-list li:last-child {
  margin-bottom: 0;
}

/* -------------------------------------------

flex

------------------------------------------- */
.mil-jcs {
  display: flex;
  justify-content: flex-start;
}

.mil-jce {
  display: flex;
  justify-content: flex-end;
}

.mil-jcb {
  display: flex;
  justify-content: space-between;
}

.mil-jcc {
  display: flex;
  justify-content: center;
}

.mil-aic {
  display: flex;
  align-items: center;
}

.mil-aie {
  display: flex;
  align-items: flex-end;
}

.mil-column {
  display: flex;
  flex-direction: column;
}

.mil-reverse {
  display: flex;
  flex-direction: row-reverse;
}

.mil-relative {
  position: relative;
}

.mil-tac {
  text-align: center;
}

.mil-tal {
  text-align: left;
}

.mil-rounded {
  border-radius: 50%;
}

@media (max-width: 768px) {
  .mil-sm-jcs {
    display: flex;
    justify-content: flex-start;
  }
  .mil-sm-jcc {
    justify-content: center;
  }
  .mil-sm-row {
    flex-direction: row;
  }
  .mil-sm-hidden {
    display: none;
  }
}
/* -------------------------------------------

width

------------------------------------------- */
.mil-w-12 {
  width: 1.2rem;
}

.mil-w-52 {
  width: 5.2rem;
}

.mil-w-60 {
  width: 6rem;
}

.mil-w-75 {
  width: 7.5rem;
}

.mil-w-90 {
  width: 9rem;
}

/* -------------------------------------------

spaces

------------------------------------------- */
.mil-mr-10 {
  margin-right: 1rem;
}

.mil-mr-15 {
  margin-right: 1.5rem;
}

.mil-mr-20 {
  margin-right: 2rem;
}

.mil-mr-30 {
  margin-right: 3rem;
}

.mil-mr-40 {
  margin-right: 4rem;
}

.mil-mr-50 {
  margin-right: 5rem;
}

.mil-mr-60 {
  margin-right: 6rem;
}

.mil-ml-10 {
  margin-left: 1rem;
}

.mil-ml-15 {
  margin-left: 1.5rem;
}

.mil-ml-20 {
  margin-left: 2rem;
}

.mil-ml-30 {
  margin-left: 3rem;
}

.mil-ml-40 {
  margin-left: 4rem;
}

.mil-ml-50 {
  margin-left: 5rem;
}

.mil-ml-60 {
  margin-left: 6rem;
}

.mil-mt-30 {
  margin-top: 3rem;
}

.mil-mt-60 {
  margin-top: 6rem;
}

.mil-mt-100 {
  margin-top: 10rem;
}

.mil-mt-200 {
  margin-top: 20rem;
}

.mil-mt-300 {
  margin-top: 30rem;
}


.mil-mb-5 {
  margin-bottom: 0.5rem;
}

.mil-mb-10 {
  margin-bottom: 1rem;
}

.mil-mb-15 {
  margin-bottom: 1.5rem;
}

.mil-mb-20 {
  margin-bottom: 2rem;
}

.mil-mb-30 {
  margin-bottom: 3rem;
}

.mil-mb-40 {
  margin-bottom: 4rem;
}

.mil-mb-50 {
  margin-bottom: 5rem;
}

.mil-mb-60 {
  margin-bottom: 6rem;
}

.mil-mb-80 {
  margin-bottom: 8rem;
}

.mil-mb-100 {
  margin-bottom: 10rem;
}

.mil-p-100-100 {
  padding-top: 12rem;
  padding-bottom: 12rem;
}

.mil-p-0-100 {
  padding-bottom: 12rem;
}

.mil-p-100-0 {
  padding-top: 12rem;
}

.mil-p-100-40 {
  padding-top: 12rem;
  padding-bottom: 4rem;
}

.mil-p-200-40 {
  padding-top: 20rem;
  padding-bottom: 40px;
}

.mil-p-0-40 {
  padding-bottom: 4rem;
}

.mil-p-0-85 {
  padding-bottom: 8.5rem;
}

.mil-p-100-70 {
  padding-top: 12rem;
  padding-bottom: 7rem;
}

.mil-p-100-90 {
  padding-top: 12rem;
  padding-bottom: 9rem;
}

.mil-p-100-200 {
  padding-top: 12rem;
  padding-bottom: 20rem;
}

.mil-p-200-100 {
  padding-top: 20rem;
  padding-bottom: 12rem;
}

.mil-p-200-0 {
  padding-top: 20rem;
}

.mil-p-0-70 {
  padding-bottom: 7rem;
}

.mil-p-0-90 {
  padding-bottom: 9rem;
}

.mil-p-30-30 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

@media (max-width: 992px) {
  .mil-md-mb-60 {
    margin-bottom: 6rem;
  }
  .mil-sm-p-0-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .mil-sm-p-100-100 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
  .mil-sm-p-100-0 {
    padding-top: 10rem;
    padding-bottom: 0;
  }
  .mil-sm-p-100-40 {
    padding-top: 10rem;
    padding-bottom: 4rem;
  }
}
/* -------------------------------------------

hero 1

------------------------------------------- */
.mil-hero-1 {
  position: relative;
  overflow: hidden;
  padding-top: 10rem;
  height: 100vh;
  display: flex;
  align-items: center;
}
.mil-hero-1:before {
  content: "";
  width: 60%;
  position: absolute;
  bottom: -8rem;
  left: -10%;
  height: 15rem;
  background-color: #fff;
  transform: rotate(7deg);
}
.mil-hero-1:after {
  content: "";
  width: 60%;
  position: absolute;
  bottom: -8rem;
  right: -10%;
  height: 15rem;
  background-color: #fff;
  transform: rotate(-7deg);
}
.mil-hero-1 .mil-name {
  font-family: "Unbounded", serif !important;
  font-size: 25vw;
  position: absolute;
  left: 0;
  bottom: 0;
  font-weight: 700;
  color: #fff;
}
.mil-hero-1 .container {
  position: relative;
}
.mil-hero-1 h1 {
  font-size: 8.2rem;
}
.mil-hero-1 .mil-buttons {
  display: flex;
  align-items: center;
}
.mil-hero-1 .mil-buttons .mil-btn {
  margin-left: 3rem;
}
.mil-hero-1 .mil-main-img {
  width: 160%;
  transform: translateX(-6rem);
}
@media (max-width: 992px) {
  .mil-hero-1 {
    height: auto;
  }
  .mil-hero-1:before, .mil-hero-1:after {
    display: none;
  }
  .mil-hero-1 .mil-hero-title {
    padding: 10rem 0;
  }
  .mil-hero-1 .mil-hero-title h1 {
    font-size: 6.2rem;
  }
  .mil-hero-1 .mil-main-img {
    width: 100%;
    transform: none;
    margin-bottom: 10rem;
  }
  .mil-hero-1 .mil-name {
    font-size: 48vw;
  }
}

/* -------------------------------------------

hero 2

------------------------------------------- */
.mil-hero-2 {
  border-radius: 3rem;
  width: calc(100% - 18rem);
  margin-left: 9rem;
  position: relative;
  overflow: hidden;
  margin-top: 10rem;
  height: calc(100vh - 16rem);
  display: flex;
  align-items: center;
}
.mil-hero-2 .container {
  position: relative;
}
.mil-hero-2 .mil-subtitle {
  color: #fff;
}
.mil-hero-2 .mil-h1 {
  font-size: 8.2rem;
  font-weight: 900;
}
.mil-hero-2 .mil-h1:before {
  content: "UX/UI Designer";
  position: absolute;
  background: linear-gradient(0deg, #FF8473, #FFE588);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-stroke: 13px transparent;
  padding: 0 10px 10px 10px;
}
.mil-hero-2 .mil-h1 span {
  position: relative;
  z-index: 2;
  padding: 10px;
}
.mil-hero-2 .mil-buttons {
  display: flex;
  align-items: center;
}
.mil-hero-2 .mil-buttons a + a {
  margin-left: 1.5rem;
}
.mil-hero-2 .mil-main-img {
  width: 110%;
}
.mil-hero-2 .mil-circle-frame {
  opacity: 0.15;
  position: absolute;
  filter: invert(100%);
  left: -9rem;
  top: 0;
}
@media (max-width: 992px) {
  .mil-hero-2 {
    height: auto;
    width: 100%;
    margin: 0;
    border-radius: 0;
  }
  .mil-hero-2 .mil-hero-title {
    padding: 20rem 0 10rem;
  }
  .mil-hero-2 .mil-hero-title h1 {
    font-size: 6.2rem;
  }
  .mil-hero-2 .mil-main-img {
    width: 100%;
    transform: none;
    margin-bottom: 10rem;
  }
  .mil-hero-2 .mil-circle-frame {
    left: auto;
    right: 3rem;
    top: -9rem;
  }
}

/* -------------------------------------------

hero 3

------------------------------------------- */
.mil-hero-3 {
  position: relative;
  overflow: hidden;
  padding-top: 10rem;
  height: 100vh;
  display: flex;
  align-items: center;
}
.mil-hero-3 .mil-name {
  width: 100%;
  text-align: center;
  font-family: "Unbounded", serif !important;
  font-size: 15vw;
  position: absolute;
  left: 0;
  bottom: 0;
  font-weight: 700;
  color: #f0f0f0;
}
.mil-hero-3 .container {
  position: relative;
}
.mil-hero-3 .mil-hero-title {
  margin-bottom: 12rem;
}
.mil-hero-3 .mil-h1 {
  font-size: 11rem;
  line-height: 100%;
}
.mil-hero-3 .mil-buttons {
  display: flex;
  align-items: center;
}
.mil-hero-3 .mil-buttons a + a {
  margin-left: 1.5rem;
}
.mil-hero-3 .mil-main-img {
  width: 120%;
  transform: translateX(-6rem);
}
.mil-hero-3 .mil-circle-frame {
  opacity: 1;
  position: absolute;
  z-index: 2;
  left: -20%;
  top: 0;
}
@media (max-width: 992px) {
  .mil-hero-3 {
    height: auto;
  }
  .mil-hero-3 .mil-hero-title {
    padding: 10rem 0;
    margin: 0;
  }
  .mil-hero-3 .mil-hero-title h1 {
    font-size: 6.2rem;
  }
  .mil-hero-3 .mil-main-img {
    width: 100%;
    transform: none;
    margin-bottom: 10rem;
  }
  .mil-hero-3 .mil-name {
    font-size: 15vw;
    margin-bottom: 5rem;
  }
  .mil-hero-3 .mil-circle-frame {
    left: auto;
    right: 3rem;
    top: -9rem;
  }
}

/* -------------------------------------------

hero 4

------------------------------------------- */
.mil-hero-4 {
  position: relative;
  overflow: hidden;
  padding-top: 10rem;
  height: 100vh;
  display: flex;
  align-items: center;
}
.mil-hero-4 .mil-name {
  font-family: "Unbounded", serif !important;
  font-size: 25vw;
  position: absolute;
  left: 0;
  bottom: 0;
  font-weight: 700;
  color: #fff;
}
.mil-hero-4 .container {
  position: relative;
}
.mil-hero-4 .mil-h1 {
  font-size: 8.2rem;
  line-height: 100%;
}
.mil-hero-4 .mil-title-img {
  display: flex;
  align-items: center;
}
.mil-hero-4 .mil-title-img img {
  height: 8rem;
  border-radius: 9rem;
  width: 20rem;
  object-fit: cover;
  margin-right: 2rem;
}
.mil-hero-4 .mil-buttons {
  display: flex;
  align-items: center;
}
.mil-hero-4 .mil-buttons a + a {
  margin-left: 1.5rem;
}
.mil-hero-4 .mil-main-img {
  width: 170%;
  transform: translateX(-8rem);
}
.mil-hero-4 .mil-circle-frame {
  opacity: 1;
  position: absolute;
  z-index: 2;
  left: -20%;
  top: 0;
}
@media (max-width: 992px) {
  .mil-hero-4 {
    height: auto;
  }
  .mil-hero-4 .mil-hero-title {
    padding: 10rem 0;
  }
  .mil-hero-4 .mil-hero-title h1 {
    font-size: 6.2rem;
  }
  .mil-hero-4 .mil-main-img {
    width: 100%;
    transform: none;
  }
  .mil-hero-4 .mil-name {
    font-size: 48vw;
  }
  .mil-hero-4 .mil-circle-frame {
    left: auto;
    right: 3rem;
    top: -7rem;
  }
}

pre br {
  display: block !important;
}

/* -------------------------------------------

top panel

------------------------------------------- */
.mil-top-panel {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-top-panel .mil-logo {
  /* width: 10rem;
  height: 10rem; */
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.05);
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-top-panel .mil-logo img {
  width: 3rem;
}
.mil-top-panel .mil-tp-center {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mil-top-panel .mil-tp-center ul {
  display: flex;
}
.mil-top-panel .mil-tp-center ul li {
  list-style-type: none;
  margin-right: 6rem;
}
.mil-top-panel .mil-tp-center ul li:last-child {
  margin-right: 0;
}
.mil-top-panel .mil-tp-center ul li a {
  font-family: "Unbounded", serif !important;
  font-size: 1.4rem;
  color: #141414;
  text-transform: uppercase;
  font-weight: 600;
  transition: 0.2s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-top-panel .mil-tp-center ul li a i {
  margin-right: 1rem;
}
.mil-top-panel .mil-tp-center ul li a.mil-current, .mil-top-panel .mil-tp-center ul li a:hover {
  color: #FF8473;
}
.mil-top-panel .mil-menu-btn-frame {
  width: 10rem;
  height: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.05);
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-top-panel.mil-scroll {
  background-color: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(2rem);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05);
}
.mil-top-panel.mil-scroll .mil-logo, .mil-top-panel.mil-scroll .mil-menu-btn-frame {
  /* width: 10rem;
  height: 10rem; */
  box-shadow: none;
  background-color: transparent;
}
.mil-top-panel.mil-no-anim .mil-logo, .mil-top-panel.mil-no-anim .mil-menu-btn-frame {
  width: 10rem;
  height: 10rem;
  box-shadow: none;
  background-color: transparent;
}
@media (max-width: 992px) {
  .mil-top-panel {
    background-color: #fff;
  }
  .mil-top-panel .mil-logo, .mil-top-panel .mil-menu-btn-frame {
    /* width: 10rem;
    height: 10rem; */
    box-shadow: none;
    background-color: transparent;
  }
  .mil-top-panel .container {
    display: none;
  }
}

.mil-side-menu {
  width: 60rem;
  height: 100vh;
  background-color: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(2rem);
  position: fixed;
  z-index: 998;
  top: 0;
  right: 0;
  transform: translateX(100%);
  transition: 0.6s cubic-bezier(0, 0, 0.3642, 1);
  box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.05);
}
.mil-side-menu.mil-active {
  right: 0;
  transform: translateX(0);
}
.mil-side-menu .mil-side-content {
  padding-top: 10rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.mil-side-menu .mil-side-content .mil-side-pages-menu {
  padding: 0 9rem;
  width: 100%;
  margin-bottom: 9rem;
}
@media (max-width: 992px) {
  .mil-side-menu .mil-side-content .mil-side-pages-menu {
    margin-bottom: 3rem;
  }
}
.mil-side-menu .mil-side-content .mil-side-pages-menu ul {
  padding: 0;
  margin: 0;
}
.mil-side-menu .mil-side-content .mil-side-pages-menu ul li {
  list-style-type: none;
  margin-bottom: 3rem;
}
.mil-side-menu .mil-side-content .mil-side-pages-menu ul li.mil-current > a {
  color: #FF8473;
}
.mil-side-menu .mil-side-content .mil-side-pages-menu ul li:last-child {
  margin-bottom: 0;
}
.mil-side-menu .mil-side-content .mil-side-pages-menu ul li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 3.2rem;
  font-family: "Unbounded", serif !important;
  color: #141414;
  font-weight: 700;
  transition: 0.2s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-side-menu .mil-side-content .mil-side-pages-menu ul li.mil-has-children > a:after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 100;
  content: "\f061";
  font-size: 1.4rem;
  color: #141414;
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-side-menu .mil-side-content .mil-side-pages-menu ul li ul {
  max-height: 0;
  overflow: hidden;
  transition: 0.6s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-side-menu .mil-side-content .mil-side-pages-menu ul li ul li {
  margin-bottom: 2rem;
}
.mil-side-menu .mil-side-content .mil-side-pages-menu ul li ul li:first-child {
  margin-top: 3rem;
}
.mil-side-menu .mil-side-content .mil-side-pages-menu ul li ul li:last-child {
  margin-bottom: 0;
}
.mil-side-menu .mil-side-content .mil-side-pages-menu ul li ul li a {
  font-size: 1.4rem;
  color: #141414;
  text-transform: uppercase;
  font-weight: 600;
}
.mil-side-menu .mil-side-content .mil-side-pages-menu ul li:hover > a {
  color: #FF8473;
}
.mil-side-menu .mil-side-content .mil-side-pages-menu ul li:hover > a:after {
  transform: rotate(90deg);
}
.mil-side-menu .mil-side-content .mil-side-pages-menu ul li:hover ul {
  max-height: 30rem;
}
.mil-side-menu .mil-side-content .mil-side-menu-footer {
  height: 12rem;
  padding: 0 9rem;
  background-color: #f0f0f0;
  display: flex;
  align-items: center;
}
@media (max-width: 992px) {
  .mil-side-menu {
    width: 100%;
  }
}

.mil-menu-btn {
  padding: 20px 10px 20px;
  height: 22px;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
  transform: scale(1.2);
}
.mil-menu-btn span, .mil-menu-btn span:after, .mil-menu-btn span:before {
  content: "";
  pointer-events: none;
  display: block;
  border-radius: 1px;
  width: 22px;
  height: 2px;
  background-color: #141414;
  backface-visibility: hidden;
  transition: inherit;
}
.mil-menu-btn span {
  position: relative;
  margin-left: 4px;
}
.mil-menu-btn span:after, .mil-menu-btn span:before {
  position: absolute;
  margin-left: -4px;
}
.mil-menu-btn span:before {
  top: -7px;
}
.mil-menu-btn span:after {
  top: 7px;
}
.mil-menu-btn.mil-active span {
  margin: 0;
  transform: rotate(45deg);
}
.mil-menu-btn.mil-active span:before {
  margin: 0;
  transform: translate(0px, 7px) rotate(-90deg);
}
.mil-menu-btn.mil-active span:after {
  margin: 0;
  width: 22px;
  transform: translate(0px, -7px) rotate(-90deg);
}
@media (max-width: 992px) {
  .mil-menu-btn {
    transform: scale(1);
  }
}

/* -------------------------------------------

services

------------------------------------------- */
.mil-service-card-1 {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  padding: 5rem;
  border: solid 0.1rem rgba(20, 20, 20, 0.15);
  border-radius: 2rem;
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-service-card-1 * {
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-service-card-1.mil-type-2 {
  flex-direction: row;
}
.mil-service-card-1.mil-type-2 img {
  align-self: flex-start;
}
.mil-service-card-1.mil-type-2 .mil-descr {
  width: calc(100% - 5.2rem);
}
.mil-service-card-1 ul li {
  list-style-type: none;
}
.mil-service-card-1:hover {
  background-color: #141414;
}
.mil-service-card-1:hover .mil-c-m-1 {
  color: #FF8473;
}
@supports (--css: variables) {
  .mil-service-card-1:hover .mil-c-m-1 {
    background: linear-gradient(0deg, #FF8473, #FFE588);
    color: transparent;
    background-clip: text;
  }
}
.mil-service-card-1:hover img {
  filter: invert(100%);
}

.mil-service-card-2 {
  position: relative;
  overflow: hidden;
  padding: 5rem;
  border-radius: 2rem;
}
.mil-service-card-2 svg {
  position: absolute;
  top: 0;
  right: 0;
}
.mil-service-card-2 * {
  position: relative;
}
.mil-service-card-2 .mil-icon {
  width: 7.5rem;
  height: 7.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  align-self: flex-start;
}
.mil-service-card-2 .mil-icon img {
  width: 5rem;
}
.mil-service-card-2 .mil-cont-frame {
  display: flex;
}
.mil-service-card-2 .mil-cont-frame .mil-descr {
  padding: 0 3rem;
  width: calc(100% - 7.5rem);
}
.mil-service-card-2 .mil-btn {
  margin-left: 10.5rem;
}
@media (max-width: 768px) {
  .mil-service-card-2 svg {
    display: none;
  }
  .mil-service-card-2 .mil-cont-frame {
    flex-direction: column;
  }
  .mil-service-card-2 .mil-cont-frame .mil-descr {
    padding: 0;
    width: 100%;
  }
  .mil-service-card-2 .mil-btn {
    margin-left: 0;
  }
}

/* -------------------------------------------

timeline

------------------------------------------- */
.mil-timeline {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.mil-timeline ul {
  position: relative;
  width: 100%;
}
.mil-timeline ul:before {
  content: "";
  width: 0.1rem;
  background-color: rgba(20, 20, 20, 0.15);
  height: calc(100% - 25rem);
  position: absolute;
  top: 0.8rem;
  left: 0.9rem;
}
.mil-timeline ul li {
  padding-left: 5rem;
  position: relative;
  list-style-type: none;
}
.mil-timeline ul li:before {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  border: solid 0.1rem #141414;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 0.8rem;
  left: 0;
}
.mil-timeline .mil-tl-date {
  display: inline-block;
  padding: 0.5rem 1.5rem;
  border: solid 0.1rem rgba(20, 20, 20, 0.15);
  border-radius: 5rem;
}
.mil-timeline.mil-timeline-right {
  text-align: right;
  align-items: flex-end;
}
.mil-timeline.mil-timeline-right ul:before {
  right: 0.9rem;
  left: auto;
}
.mil-timeline.mil-timeline-right ul li {
  padding-left: 0;
  padding-right: 5rem;
}
.mil-timeline.mil-timeline-right ul li:before {
  right: 0;
  left: auto;
}
@media (max-width: 768px) {
  .mil-timeline.mil-timeline-right {
    text-align: left;
    align-items: flex-start;
  }
  .mil-timeline.mil-timeline-right ul:before {
    right: auto;
    left: 0.9rem;
  }
  .mil-timeline.mil-timeline-right ul li {
    padding-left: 5rem;
    padding-right: 0;
  }
  .mil-timeline.mil-timeline-right ul li:before {
    right: auto;
    left: 0;
  }
}

/* -------------------------------------------

portfolio

------------------------------------------- */
.mil-portfolio-card {
  position: relative;
  border-radius: 2rem;
  overflow: hidden;
}
.mil-portfolio-card .mil-cover {
  border-radius: 2rem;
  overflow: hidden;
  position: relative;
  padding-bottom: 100%;
}
.mil-portfolio-card .mil-cover img {
  transform: scale(1.05);
  border-radius: 2rem;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: 0.6s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-portfolio-card.mil-angle {
  border-radius: 0;
}
.mil-portfolio-card.mil-angle .mil-cover {
  border-radius: 0;
}
.mil-portfolio-card.mil-angle .mil-cover img {
  border-radius: 0;
}
.mil-portfolio-card.mil-long .mil-cover {
  padding-bottom: calc(50% - 1.5rem);
}
@media (max-width: 992px) {
  .mil-portfolio-card.mil-long .mil-cover {
    padding-bottom: 100%;
  }
}
.mil-portfolio-card .mil-descr {
  opacity: 0;
  transform: scale(0.9);
  border-radius: 2rem;
  width: calc(100% - 6rem);
  position: absolute;
  bottom: 0;
  left: 3rem;
  padding: 2rem;
  background-color: #141414;
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-portfolio-card:hover .mil-cover img {
  transform: scale(1);
}
.mil-portfolio-card:hover .mil-descr {
  bottom: 3rem;
  transform: scale(1);
  opacity: 1;
}
@media (max-width: 992px) {
  .mil-portfolio-card .mil-cover img {
    transform: scale(1);
  }
  .mil-portfolio-card .mil-descr {
    bottom: 3rem;
    transform: scale(1);
    opacity: 1;
  }
}

.mil-down {
  display: block;
  animation: down 1s infinite;
}

@keyframes down {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-2rem);
  }
  100% {
    transform: translateY(0);
  }
}
/* -------------------------------------------

reviews

------------------------------------------- */
.mil-review-card {
  background-color: #fff;
  padding: 5rem;
  padding-top: 0;
  border-radius: 2rem;
  box-shadow: 0 3rem 3rem rgba(20, 20, 20, 0.05);
}
.mil-review-card i {
  color: rgba(20, 20, 20, 0.1);
}

/* -------------------------------------------

brands

------------------------------------------- */
.mil-brand-item {
  position: relative;
  padding-bottom: 60%;
  width: 100%;
  border: solid 0.1rem rgba(20, 20, 20, 0.15);
}
.mil-brand-item img {
  width: 80%;
  height: 80%;
  position: absolute;
  top: 10%;
  left: 10%;
  object-fit: cover;
  object-position: center;
}

/* -------------------------------------------

blog

------------------------------------------- */
.mil-blog-card {
  width: 100%;
}
.mil-blog-card .mil-cover {
  overflow: hidden;
  position: relative;
  border-radius: 2rem;
  padding-bottom: 70%;
}
.mil-blog-card .mil-cover img {
  transform: scale(1.05);
  border-radius: 2rem;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: center;
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-blog-card .mil-cover .mil-date {
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  text-align: center;
  position: absolute;
  z-index: 2;
  top: 3rem;
  left: 3rem;
  width: 7rem;
  height: 7rem;
}
.mil-blog-card.mil-type-2 {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}
.mil-blog-card.mil-type-2 .mil-cover {
  width: 40%;
  padding-bottom: 30%;
}
.mil-blog-card.mil-type-2 .mil-descr {
  width: 40%;
}
@media (max-width: 768px) {
  .mil-blog-card.mil-type-2 {
    flex-direction: column;
  }
  .mil-blog-card.mil-type-2 .mil-cover {
    width: 100%;
    padding-bottom: 70%;
    margin-bottom: 3rem;
  }
  .mil-blog-card.mil-type-2 .mil-descr {
    width: 100%;
  }
}
.mil-blog-card.mil-type-3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mil-blog-card.mil-type-3 .mil-cover {
  width: calc(50% - 3rem);
  padding-bottom: 50%;
}
.mil-blog-card.mil-type-3 .mil-descr {
  width: 50%;
}
@media (max-width: 768px) {
  .mil-blog-card.mil-type-3 {
    flex-direction: column;
  }
  .mil-blog-card.mil-type-3 .mil-cover {
    width: 100%;
    padding-bottom: 70%;
    margin-bottom: 3rem;
  }
  .mil-blog-card.mil-type-3 .mil-descr {
    width: 100%;
  }
}
.mil-blog-card:hover .mil-cover img {
  transform: scale(1);
}
.mil-blog-card:hover .mil-descr .mil-btn {
  background-color: #141414;
  color: #fff;
}

/* -------------------------------------------

subscribe

------------------------------------------- */
.mil-subscribe-images {
  position: absolute;
  pointer-events: none;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.mil-subscribe-images img {
  position: absolute;
}
@media (max-width: 992px) {
  .mil-subscribe-images {
    display: none;
  }
}

.mil-bg-text {
  text-align: center;
  font-family: "Unbounded", serif !important;
  font-weight: 700;
  font-size: calc(1rem + 12vw);
  color: #191919;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.03), -1px 1px 0 rgba(255, 255, 255, 0.03), 1px -1px 0 rgba(255, 255, 255, 0.03), -1px -1px 0 rgba(255, 255, 255, 0.03);
}
.mil-bg-text.mil-type-2 {
  color: #fff;
}
@media (max-width: 768px) {
  .mil-bg-text {
    display: none;
  }
}

/* -------------------------------------------

price

------------------------------------------- */
.mil-price-card {
  display: flex;
  flex-direction: column;
  padding: 5rem;
  border: solid 0.1rem rgba(20, 20, 20, 0.15);
  border-radius: 2rem;
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-price-card:hover {
  background-color: #141414;
}
.mil-price-card:hover .mil-to-m-3 {
  color: #fff;
}
.mil-price-card:hover .mil-to-grad {
  color: #FF8473;
}
@supports (--css: variables) {
  .mil-price-card:hover .mil-to-grad {
    background: linear-gradient(0deg, #FF8473, #FFE588);
    color: transparent;
    background-clip: text;
  }
}
.mil-price-card:hover img {
  filter: invert(100%);
}

.mil-price-card-2 {
  display: block;
  padding: 5rem;
  border: solid 0.1rem rgba(20, 20, 20, 0.15);
  border-radius: 2rem;
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-price-card-2 .mil-icon {
  width: 7.5rem;
  height: 7.5rem;
}
.mil-price-card-2:hover {
  box-shadow: 0 3rem 3rem rgba(20, 20, 20, 0.05);
  border-color: transparent;
}
.mil-price-card-2:hover .mil-btn {
  background: linear-gradient(0deg, #FF8473, #FFE588);
}

/* -------------------------------------------

statistic

------------------------------------------- */
.mil-statistics-card {
  position: relative;
}
.mil-statistics-card:before, .mil-statistics-card:after {
  content: "";
  display: block;
  border-radius: 2rem 0 0 2rem;
  background-color: #141414;
  top: 0;
  position: absolute;
  left: -9rem;
  width: calc(9rem + 1px);
  height: 100%;
}
.mil-statistics-card:after {
  right: -9rem;
  left: auto;
  border-radius: 0 2rem 2rem 0;
}

/* -------------------------------------------

instagram

------------------------------------------- */
.mil-instagram-card {
  position: relative;
  overflow: hidden;
  padding-bottom: 110%;
  width: 80%;
  margin-left: 10%;
  border-radius: 2rem;
  display: flex;
  justify-content: center;
}
.mil-instagram-card img {
  border-radius: 2rem;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: center;
  transform: scale(1.05);
  pointer-events: none;
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-instagram-card.mil-type-2 {
  padding-bottom: 100%;
  width: 100%;
  margin-left: 0;
  border-radius: 0;
}
.mil-instagram-card.mil-type-2 img {
  border-radius: 0;
}
.mil-instagram-card i {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  position: absolute;
  top: calc(50% - 2.5rem);
  display: flex;
  align-items: center;
  justify-content: center;
  transform: scale(0.5);
  opacity: 0;
  transition: 0.2s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-instagram-card:hover img {
  transform: scale(1);
}
.mil-instagram-card:hover i {
  transform: scale(1);
  opacity: 1;
}
@media (max-width: 992px) {
  .mil-instagram-card {
    transform: none !important;
    width: 100%;
    margin-left: 0;
    padding-bottom: 150%;
  }
  .mil-instagram-card img {
    transform: scale(1);
  }
  .mil-instagram-card i {
    transform: scale(1);
    opacity: 1;
  }
}

.mil-insta-fix {
  padding-top: 1%;
  padding-bottom: 1%;
}
@media (max-width: 992px) {
  .mil-insta-fix {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.mil-insta-slider-2 .swiper-wrapper {
  transition: 2s !important;
}

/* -------------------------------------------

colections

------------------------------------------- */
.mil-collection-card {
  padding: 3rem;
  border: solid 0.1rem rgba(20, 20, 20, 0.15);
  border-radius: 2rem;
}
.mil-collection-card .mil-images {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.mil-collection-card .mil-images .mil-main {
  width: calc(78% - 1.5rem);
}
.mil-collection-card .mil-images .mil-additions {
  width: 22%;
}
.mil-collection-card .mil-images .mil-additions .mil-cover {
  margin-bottom: 1.5rem;
}
.mil-collection-card .mil-images .mil-additions .mil-cover:last-child {
  margin-bottom: 0;
}
.mil-collection-card .mil-cover {
  position: relative;
  overflow: hidden;
  width: 100%;
  display: block;
  padding-bottom: 100%;
  border-radius: 1.5rem;
}
.mil-collection-card .mil-cover img {
  border-radius: 1.5rem;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  transform: scale(1.05);
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-collection-card .mil-cover:hover img {
  transform: scale(1);
}

/* -------------------------------------------

gallery

------------------------------------------- */
.mil-gallery-title-frame {
  top: -10rem;
  position: relative;
  width: calc(100% + 18rem);
  left: -9rem;
  height: 20rem;
  border-radius: 0 0 4rem 4rem;
  box-shadow: 0 3rem 3rem rgba(20, 20, 20, 0.05);
}
@media (max-width: 768px) {
  .mil-gallery-title-frame {
    display: none;
  }
}
.mil-gallery-title-frame:before {
  content: "";
  width: 100%;
  height: 10rem;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  border-radius: 0 0 4rem 4rem;
}
.mil-gallery-title-frame .mil-gallery-word {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: -70%;
  z-index: -1;
  object-fit: contain;
}
.mil-gallery-title-frame .mil-gallery-word-2 {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: -70%;
  z-index: 2;
  object-fit: contain;
}

.mil-circle-frame {
  width: 15rem;
  position: relative;
  overflow: hidden;
}

.mil-circle-text {
  border-radius: 2rem;
  text-transform: uppercase;
  font-weight: 400;
  display: flex;
  font-size: 1.4rem;
  align-items: center;
  justify-content: center;
}
.mil-circle-text img {
  position: absolute;
  width: 4rem;
}
.mil-circle-text i {
  position: absolute;
  font-size: 1.4rem;
  color: #141414;
}
.mil-circle-text.mil-size-fix {
  transform: scale(2);
}
.mil-circle-text.mil-size-fix img {
  position: absolute;
  width: 2rem;
}

.mil-content-card {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 6rem 4rem;
}

.mil-users-line {
  display: flex;
  margin: 0;
  padding: 0;
}
.mil-users-line li {
  width: 4rem;
  height: 5rem;
  list-style-type: none;
}
.mil-users-line li img {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  border: solid 0.2rem #fff;
}

.mil-gallery-link {
  display: block;
  width: 100%;
  padding-bottom: 100%;
  display: flex;
  justify-content: center;
}
.mil-gallery-link i {
  top: 40%;
  position: absolute;
  transform: rotate(45deg);
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-gallery-link:hover i {
  transform: rotate(0);
}
@media (max-width: 768px) {
  .mil-gallery-link {
    background-color: rgba(138, 138, 138, 0.1);
    padding-bottom: 40%;
  }
  .mil-gallery-link i {
    top: 30%;
  }
}

/* -------------------------------------------

accordion (faq)

------------------------------------------- */
.mil-accordion {
  text-align: left;
  background-color: #fff;
  width: 100%;
  border: none;
  outline: none;
  cursor: pointer;
  height: 6rem;
  padding: 0 3rem;
  border-radius: 9rem;
  border: solid 0.1rem rgba(20, 20, 20, 0.15);
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background-color 0.3s ease;
}
.mil-accordion .mil-icon {
  margin-left: 3rem;
  font-size: 2rem;
  transition: transform 0.3s ease;
  margin-top: -0.2rem;
}
.mil-accordion.mil-active .mil-icon {
  transform: rotate(180deg);
  margin-top: 0.2rem;
}

.mil-panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0, 0, 0.3642, 1);
  padding: 0 3rem;
}
.mil-panel p {
  padding: 1.5rem 0;
  margin: 0;
  font-size: 1.6rem;
  color: #666;
}

/* -------------------------------------------

skills

------------------------------------------- */
.mil-skill-card {
  padding: 5rem 0;
  border: solid 0.1rem rgba(20, 20, 20, 0.15);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 2rem;
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-skill-card .mil-icon {
  width: 12rem;
  height: 12rem;
  border-radius: 50%;
  background: linear-gradient(0deg, #f0f0f0, #f0f0f0);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-skill-card .mil-icon img {
  width: 6rem;
}
.mil-skill-card:hover {
  box-shadow: 0 3rem 3rem rgba(20, 20, 20, 0.05);
  border-color: transparent;
}
.mil-skill-card:hover .mil-icon {
  background: linear-gradient(0deg, #FF8473, #FFE588);
}

/* -------------------------------------------

footer

------------------------------------------- */
.mil-footer-submit {
  position: absolute;
  bottom: 0;
  right: 0;
}
.mil-footer-submit button {
  cursor: pointer;
  background-color: transparent;
  position: absolute;
  top: 0;
  right: 0;
  width: 20rem;
  height: 20rem;
  border: none;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 2rem;
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-footer-submit button:hover {
  color: #FF8473;
}
@media (max-width: 992px) {
  .mil-footer-submit {
    position: static;
    width: auto;
    height: auto;
    margin-bottom: 4rem;
  }
  .mil-footer-submit svg {
    display: none;
  }
  .mil-footer-submit button {
    width: auto;
    height: auto;
    position: static;
  }
}

.mil-social-slash {
  display: flex;
}
.mil-social-slash li {
  list-style-type: none;
  transition: 0.2s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-social-slash li:after {
  content: "/";
  margin: 0 0.5rem;
}
.mil-social-slash li:last-child:after {
  display: none;
}
.mil-social-slash li:hover a {
  color: #FF8473;
}
@supports (--css: variables) {
  .mil-social-slash li:hover a {
    background: linear-gradient(0deg, #FF8473, #FFE588);
    color: transparent;
    background-clip: text;
  }
}

/* -------------------------------------------

publication

------------------------------------------- */
.mil-page-cover {
  position: relative;
  height: 70vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-bottom: 10rem;
}
.mil-page-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 0;
  left: 0;
}
.mil-page-cover .mil-pub-title {
  border-radius: 2rem 2rem 0 0;
  width: calc(100% - 60px);
  position: absolute;
  padding: 5rem 6rem 0;
  background-color: #fff;
  left: 30px;
  bottom: -1px;
}
.mil-page-cover .mil-pub-title .mil-h1 {
  font-size: 6rem;
}
@media (max-width: 992px) {
  .mil-page-cover .mil-pub-title {
    width: calc(100% - 30px);
    left: 15px;
  }
  .mil-page-cover .mil-pub-title h1 {
    font-size: 4.6rem;
  }
}

.mil-pub-frame {
  padding: 6rem;
  border: solid 0.1rem rgba(20, 20, 20, 0.15);
  border-radius: 2rem;
}
@media (max-width: 768px) {
  .mil-pub-frame {
    padding: 3rem;
  }
}

.mil-comments {
  padding: 6rem;
  border: solid 0.1rem rgba(20, 20, 20, 0.15);
  border-radius: 2rem;
}
@media (max-width: 768px) {
  .mil-comments {
    padding: 3rem;
  }
}

.mil-comments-list > li {
  list-style-type: none;
}
.mil-comments-list > li .mil-comment {
  position: relative;
  padding-top: 4rem;
  display: flex;
  border-bottom: solid 0.1rem rgba(20, 20, 20, 0.15);
  padding-bottom: 4rem;
}
.mil-comments-list > li .mil-comment p {
  padding-right: 6rem;
}
.mil-comments-list > li .mil-comment .mil-reply {
  background-color: #f0f0f0;
  color: #141414;
  position: absolute;
  top: 4rem;
  right: 0;
  height: 3rem;
  border-radius: 3rem;
  padding: 0 1.5rem;
  display: flex;
  align-items: center;
  line-height: 100%;
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-comments-list > li .mil-comment .mil-reply:hover {
  background-color: #141414;
  color: #fff;
}
.mil-comments-list > li .mil-comment img {
  margin-right: 3rem;
  border-radius: 50%;
  width: 10rem;
  height: 10rem;
  object-fit: cover;
}
@media (max-width: 768px) {
  .mil-comments-list > li .mil-comment {
    flex-direction: column;
  }
  .mil-comments-list > li .mil-comment p {
    padding-right: 0;
  }
  .mil-comments-list > li .mil-comment img {
    width: 6rem;
    height: 6rem;
    margin-bottom: 1.5rem;
  }
}
.mil-comments-list > li ul {
  padding-left: 6rem;
}
@media (max-width: 768px) {
  .mil-comments-list > li ul {
    padding-left: 3rem;
  }
}
.mil-comments-list > li ul li {
  list-style-type: none;
  margin-bottom: 0;
}
.mil-comments-list > li:last-child {
  margin-bottom: 0;
}
.mil-comments-list > li:last-child .mil-comment {
  border-bottom: none;
  padding-bottom: 0;
}

.mil-comment-form label {
  font-family: "Unbounded", serif !important;
  font-weight: 700;
  color: #141414;
  display: block;
  margin-bottom: 1rem;
}
.mil-comment-form input {
  height: 5rem;
  border: solid 0.1rem rgba(20, 20, 20, 0.15);
  border-radius: 5rem;
  padding: 0 3rem;
  color: #141414;
  font-family: "Unbounded", serif !important;
}
.mil-comment-form input:hover, .mil-comment-form input:focus {
  border: solid 0.1rem #141414;
}
.mil-comment-form textarea {
  height: 20rem;
  border-radius: 2rem;
  padding: 2rem 3rem;
  border: solid 0.1rem rgba(20, 20, 20, 0.15);
  color: #141414;
  font-family: "Unbounded", serif !important;
}
.mil-comment-form textarea:hover, .mil-comment-form textarea:focus {
  border: solid 0.1rem #141414;
}

.mil-sidebar-item {
  padding: 5rem;
  border: solid 0.1rem rgba(20, 20, 20, 0.15);
  border-radius: 2rem;
}

.mil-search-form {
  position: relative;
  display: flex;
  align-items: center;
}
.mil-search-form input {
  padding-left: 3rem;
  height: 5rem;
  border-radius: 5rem;
  border: none;
  background-color: #f0f0f0;
  color: #141414;
}
.mil-search-form input:hover, .mil-search-form input:focus {
  border: none;
}
.mil-search-form button {
  position: absolute;
  right: 3rem;
  background-color: transparent;
  border: none;
}
.mil-search-form button:focus {
  outline: inherit;
}

.mil-category-list li {
  list-style-type: none;
  margin-bottom: 10px;
}
.mil-category-list li a {
  padding: 0 3rem;
  height: 5rem;
  border-radius: 5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: white;
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-category-list li a:after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 100;
  content: "\f061";
  font-size: 1.4rem;
  color: #141414;
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-category-list li a:hover {
  background-color: #f0f0f0;
  color: #141414;
}

.mil-blog-social {
  display: flex;
  align-items: center;
}
.mil-blog-social li {
  list-style-type: none;
  margin-right: 1rem;
}
.mil-blog-social li:last-child {
  margin-right: 0;
}
.mil-blog-social li a {
  background-color: #f0f0f0;
  height: 5rem;
  width: 5rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-blog-social li a:hover {
  color: #fff;
  background-color: #141414;
}

.mil-blog-card-xs {
  display: flex;
  align-items: center;
}
.mil-blog-card-xs .mil-cover {
  position: relative;
  width: 30%;
  padding-bottom: 30%;
}
.mil-blog-card-xs .mil-cover img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.mil-blog-card-xs .mil-descr {
  width: 70%;
  padding-left: 3rem;
}

.mil-cta {
  position: relative;
  overflow: hidden;
  border-radius: 2rem;
}
.mil-cta img {
  border-radius: 2rem;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: center;
}
.mil-cta .mil-cta-content {
  padding: 9rem 6rem;
  border-radius: 2rem;
  background: linear-gradient(0deg, rgba(255, 132, 115, 0.85), rgba(255, 229, 136, 0.85));
  text-align: center;
  position: relative;
}

.mil-tags {
  margin-left: 1.5rem;
  display: flex;
  flex-wrap: wrap;
}
.mil-tags li {
  list-style-type: none;
}
.mil-tags li:after {
  margin: 0 0.5rem;
  content: ",";
}
.mil-tags li:last-child:after {
  display: none;
}

.mil-pub-author {
  padding: 6rem;
  border: solid 0.1rem rgba(20, 20, 20, 0.15);
  border-radius: 2rem;
  display: flex;
}
@media (max-width: 768px) {
  .mil-pub-author {
    padding: 3rem;
  }
}
.mil-pub-author img {
  margin-right: 3rem;
  border-radius: 50%;
  width: 10rem;
  height: 10rem;
  object-fit: cover;
}