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

Name: 		Ruizarch
Version:    1.1
Author: bslthemes
Author URL: https://themeforest.net/user/bslthemes/portfolio
Developer:	Nazar Miller (millerDigitalDesign), email: miller.themes@gmail.com

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

1. common
    - main
    - typography
    - suptitle
    - link
    - button
    - breadcrumbs
    - list
    - backgrounds
    - spaces
    - 
2. components
    - scrollbar
    - background grid
    - banner
    - slider navigation
    - counters
    - illustrations
    - icons
    - services
    - portfolio
    - accordion
    - blog
    - footer
    - top panel
    - menu button
    - hover images
    - process
    - inputs
    - reviews
    - price
    - skills
    - call to action
    - sidebar
    - map
    - team
    - comments
    - filter
    - timer
    - load more

--------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&family=Sora:wght@100;200;300;400;500;600;700;800&display=swap");

#yukariok {
     position: fixed;
     bottom: 30px;
     right: 30px;
     display: none;
     background-color: #007bff;
     color: white;
     border: none;
     padding: 10px 15px;
     font-size: 26px;
     font-weight: bold;
     border-radius: 100px;
     cursor: pointer;
     z-index: 9999;
     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
     transition: opacity 0.3s ease;
}

#yukariok:hover {
     background-color: #0056b3;
}
@media (max-width: 768px) {
     #yukariok {
          display: block;
          content: "↑"; /* Bu satır sadece sembol fontu görünmezse işe yarar */
     }
}
.contact-wrapper {
     position: fixed;
     bottom: 30px;
     left: 30px;
     z-index: 1000;
}

.main-button {
     background-color: #e00000;
     color: #fff;
     border-radius: 30px;
     padding: 12px 18px;
     font-size: 16px;
     display: flex;
     align-items: center;
     gap: 10px;
     cursor: pointer;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
     transition: background-color 0.3s;
}

.main-button:hover {
     background-color: #c00000;
}

.main-button i {
     font-size: 20px;
}

.icons-container {
     position: absolute;
     bottom: 60px;
     right: 5px;
     pointer-events: none;
}

.icon-button {
     width: 45px;
     height: 45px;
     border-radius: 50%;
     background-color: #555;
     color: white;
     display: flex;
     align-items: center;
     justify-content: center;
     position: absolute;
     opacity: 0;
     /* transform: scale(0);
                    transition: all 0.5s ease; */
     box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}

.icon-button.email {
     background-color: #2b0a2e;
     transform: scale(1);
     transition: all 0.4s ease;
}
.icon-button.phone {
     background-color: #0062ff;
     transform: scale(3);
     transition: all 0.8s ease;
}
.icon-button.whatsapp {
     background-color: #25d366;
     transform: scale(2);
     transition: all 0.6s ease;
}

.contact-wrapper.active .icon-button {
     pointer-events: auto;
     opacity: 1;
     transform: scale(1);
}

/* Çeyrek daire dağılım */
.contact-wrapper.active .email {
     transform: translate(-30px, -50px);
}

.contact-wrapper.active .phone {
     transform: translate(-150px, -50px);
}

.contact-wrapper.active .whatsapp {
     transform: translate(-90px, -50px);
}

/* Mobil uyum */
@media (max-width: 600px) {
     .main-button {
          font-size: 14px;
          padding: 10px 14px;
     }
     .icon-button {
          width: 40px;
          height: 40px;
          font-size: 16px;
     }
}

.floating-icons {
     position: fixed;
     bottom: 90px;
     right: 38px;
     display: flex;
     flex-direction: column;
     gap: 10px;
     z-index: 1000;
}

.floating-icons a {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 40px;
     height: 40px;
     border-radius: 50%;
     color: white;
     background-color: #4acc3c; /* WhatsApp rengi */
     text-decoration: none;
     font-size: 18px;
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
     transition: background-color 0.3s ease;
}

.floating-icons a.phone {
     background-color: #0056b3; /* Telefon için mavi ton */
}

.floating-icons a:hover {
     opacity: 0.85;
}
/* -------------------------------------------

main

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

html,
body {
     padding: 0;
     margin: 0;
     font-family: "Sora", sans-serif;
     font-size: 15px;
     font-weight: 400;
     color: rgba(0, 0, 0, 0.7);
     line-height: 170%;
     /*overscroll-behavior: none;
  scroll-behavior: smooth;*/
}
@media screen and (max-width: 768px) {
     html,
     body {
          font-size: 14px;
     }
}

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

.container,
.container-fluid {
     position: relative;
}

.mil-relative {
     position: relative;
}

.mil-o-hidden {
     overflow: hidden;
}

.mil-flex {
     display: flex;
}

section {
     position: relative;
}
@media (max-width: 768px) {
     .main-header-two__bottom-left {
          display: none;
     }
}
/* -------------------------------------------

typography

------------------------------------------- */
h1,
.mil-h1,
h2,
.mil-h12,
h3,
.mil-h3,
h4,
.mil-h4,
h5,
.mil-h5,
h6,
.mil-h6 {
     font-family: "Sora", sans-serif;
     color: rgb(0, 0, 0);
     font-weight: 700;
     line-height: 120%;
}

h1,
.mil-h1 {
     font-size: 60px;
}
@media screen and (max-width: 992px) {
     h1,
     .mil-h1 {
          font-size: 46px;
     }
}
@media screen and (max-width: 768px) {
     h1,
     .mil-h1 {
          font-size: 42px;
     }
}
@media screen and (max-width: 576px) {
     h1,
     .mil-h1 {
          font-size: 32px;
     }
}

h2,
.mil-h2 {
     font-size: 46px;
}
@media screen and (max-width: 992px) {
     h2,
     .mil-h2 {
          font-size: 34px;
     }
}
@media screen and (max-width: 768px) {
     h2,
     .mil-h2 {
          font-size: 32px;
     }
}
@media screen and (max-width: 576px) {
     h2,
     .mil-h2 {
          font-size: 26px;
     }
}

h3,
.mil-h3 {
     font-size: 26px;
}

h4,
.mil-h4 {
     font-size: 22px;
}
@media screen and (max-width: 992px) {
     h4,
     .mil-h4 {
          font-size: 20px;
     }
}
@media screen and (max-width: 768px) {
     h4,
     .mil-h4 {
          font-size: 18px;
     }
}
@media screen and (max-width: 576px) {
     h4,
     .mil-h4 {
          font-size: 16px;
     }
}

h5,
.mil-h5 {
     font-size: 18px;
}
@media screen and (max-width: 992px) {
     h5,
     .mil-h5 {
          font-size: 21px;
     }
}
@media screen and (max-width: 768px) {
     h5,
     .mil-h5 {
          font-size: 18px;
     }
}

h6,
.mil-h6 {
     font-size: 15px;
}
@media screen and (max-width: 768px) {
     h6,
     .mil-h6 {
          font-size: 12px;
     }
}

.mil-text-xs {
     font-size: 12px;
}

.mil-text-sm {
     font-size: 14px;
}

.mil-text-lg {
     font-size: 17px;
     line-height: 220%;
}

.mil-font-2 {
     font-family: "Caveat", cursive;
}

.mil-shortened {
     padding-right: 15px;
}

.mil-upper {
     text-transform: uppercase;
}

.mil-bold {
     font-weight: 600;
}

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

blockquote {
     display: flex;
}
blockquote .mil-quote {
     display: flex;
     justify-content: center;
     align-items: center;
     width: 80px;
     height: 80px;
     background-color: rgb(12, 166, 226);
}
blockquote .mil-quote-text {
     padding: 30px;
     border-left: solid 5px rgba(0, 0, 0, 0.05);
     border-image: repeating-linear-gradient(
               -45deg,
               transparent,
               transparent 1px,
               rgba(0, 0, 0, 0.05) 1px,
               rgba(0, 0, 0, 0.05) 3px
          )
          5;
     width: calc(100% - 80px);
     font-family: "Caveat", cursive;
     font-size: 30px;
     color: rgb(0, 0, 0);
}
@media screen and (max-width: 992px) {
     blockquote .mil-quote {
          display: none;
     }
     blockquote .mil-quote-text {
          width: 100%;
     }
}

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

.mil-accent {
     color: rgb(12, 166, 226);
}

.mil-light {
     color: rgb(255, 255, 255) !important;
}
.mil-light a {
     color: rgb(255, 255, 255) !important;
}

.mil-dark {
     color: rgb(0, 0, 0);
}

.mil-light-soft {
     color: rgba(255, 255, 255, 0.5);
}
.mil-light-soft a {
     color: rgba(255, 255, 255, 0.5) !important;
}

.mil-dark-soft {
     color: rgba(0, 0, 0, 0.5);
}

.mil-marker {
     background-color: rgb(12, 166, 226);
     padding: 0 5px;
}

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

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

.mil-right {
     text-align: right;
}

@media screen and (max-width: 576px) {
     .mil-sm-center {
          text-align: center;
     }
}

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

suptitle

------------------------------------------- */
.mil-suptitle {
     font-family: "Sora", sans-serif;
     display: inline-block;
     position: relative;
     padding-bottom: 10px;
     color: rgb(0, 0, 0);
     font-weight: 600;
}
@media screen and (max-width: 768px) {
     .mil-suptitle {
          font-size: 12px;
     }
}
.mil-suptitle:after {
     content: "";
     position: absolute;
     bottom: 0;
     left: 0;
     height: 5px;
     width: 60px;
     background-color: transparent;
     border: 3px solid rgba(0, 0, 0, 0.1);
     border-image: repeating-linear-gradient(
               -45deg,
               transparent,
               transparent 1px,
               rgba(0, 0, 0, 0.1) 1px,
               rgba(0, 0, 0, 0.1) 3px
          )
          3;
     transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-suptitle.mil-light:after {
     background-color: transparent;
     border: 3px solid rgba(255, 255, 255, 0.1);
     border-image: repeating-linear-gradient(
               -45deg,
               transparent,
               transparent 1px,
               rgba(255, 255, 255, 0.1) 1px,
               rgba(255, 255, 255, 0.1) 3px
          )
          3;
}

.mil-divider-sm {
     height: 5px;
     width: 60px;
     background-color: transparent;
     border: 3px solid rgba(0, 0, 0, 0.1);
     border-image: repeating-linear-gradient(
               -45deg,
               transparent,
               transparent 1px,
               rgba(0, 0, 0, 0.1) 1px,
               rgba(0, 0, 0, 0.1) 3px
          )
          3;
     transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}

.mil-divider-lg {
     height: 5px;
     width: 100%;
     background-color: transparent;
     border: 3px solid rgba(0, 0, 0, 0.1);
     border-image: repeating-linear-gradient(
               -45deg,
               transparent,
               transparent 1px,
               rgba(0, 0, 0, 0.1) 1px,
               rgba(0, 0, 0, 0.1) 3px
          )
          3;
     transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}

.mil-center .mil-suptitle:after {
     left: calc(50% - 30px);
}
.mil-center .mil-divider-sm {
     margin-left: auto;
     margin-right: auto;
}

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

link

------------------------------------------- */
.mil-link {
     cursor: pointer;
     display: inline-flex;
     align-items: center;
     color: rgb(0, 0, 0);
     font-weight: 600;
}
@media screen and (max-width: 768px) {
     .mil-link {
          font-size: 12px;
     }
}
.mil-link .mil-arrow {
     margin-left: 15px;
     width: 40px;
     height: 40px;
     background-color: rgb(12, 166, 226);
     display: flex;
     justify-content: center;
     align-items: center;
     transition: 0.2s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-link .mil-arrow.mil-light {
     background-color: rgb(255, 255, 255);
}
.mil-link:hover .mil-arrow {
     margin-left: 20px;
}
.mil-link.mil-left-link {
     flex-direction: row-reverse;
}
.mil-link.mil-left-link .mil-arrow {
     transform: rotate(180deg);
     margin-left: 0;
     margin-right: 15px;
}
.mil-link.mil-left-link:hover .mil-arrow {
     margin-left: 0;
     margin-right: 20px;
}

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

button

------------------------------------------- */
.mil-button {
     cursor: pointer;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     border: none;
     background-color: rgb(12, 166, 226);
     color: rgb(0, 0, 0);
     padding: 0 60px;
     height: 70px;
     text-transform: uppercase;
     font-weight: 600;
     transition: 0.2s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-button.mil-transparent-button {
     background-color: transparent;
     border: solid 1px rgb(0, 0, 0);
}
.mil-button.mil-fw {
     width: 100%;
}
.mil-button.mil-sm {
     padding: 0 40px;
     height: 60px;
}
.mil-button:hover {
     filter: brightness(110%);
}

.mil-mini-button {
     background-color: transparent;
     border: solid 1px rgb(0, 0, 0);
     padding: 0 15px;
     height: 35px;
     cursor: pointer;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     text-transform: uppercase;
     font-size: 12px;
     font-weight: 600;
     transition: 0.2s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-mini-button:hover {
     background-color: rgb(12, 166, 226);
}

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

breadcrumbs

------------------------------------------- */
.mil-breadcrumbs {
     display: flex;
}
.mil-breadcrumbs.mil-center {
     justify-content: center;
}
.mil-breadcrumbs li {
     list-style-type: none;
     color: rgb(255, 255, 255);
}
.mil-breadcrumbs li a {
     font-size: 12px;
     text-transform: uppercase;
     font-weight: 600;
     transition: 0.2s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-breadcrumbs li a:hover {
     color: rgb(12, 166, 226);
}
.mil-breadcrumbs li:after {
     content: "/";
     margin: 0 15px;
}
.mil-breadcrumbs li:last-child:after {
     display: none;
}

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

list

------------------------------------------- */
.mil-hori-list {
     display: flex;
     flex-wrap: wrap;
     margin: 0;
     padding: 0;
}
.mil-hori-list li {
     list-style-type: none;
     margin-right: 20px;
}
.mil-hori-list li:last-child {
     margin-right: 0;
}
.mil-hori-list li a {
     transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-hori-list li a:hover {
     color: rgb(12, 166, 226);
}
@media screen and (max-width: 768px) {
     .mil-hori-list {
          flex-direction: column;
     }
     .mil-hori-list li {
          margin-right: 0;
          margin-bottom: 15px;
     }
     .mil-hori-list li:last-child {
          margin-bottom: 0;
     }
}

.mil-list li {
     position: relative;
     list-style-type: none;
     display: flex;
     align-items: center;
}
.mil-list li:before {
     content: "";
     display: inline;
     width: 6px;
     height: 6px;
     border: solid 1px rgb(0, 0, 0);
     background-color: rgb(12, 166, 226);
     transform: rotate(45deg);
     margin-right: 15px;
}
.mil-list li .mil-additional-text {
     opacity: 0.4;
}
.mil-list.mil-list-type-2 li {
     padding-left: 25px;
     align-items: flex-start;
     flex-direction: column;
}
.mil-list.mil-list-type-2 li:before {
     position: absolute;
     top: 9px;
     left: 0;
}

.mil-icon-list li {
     list-style-type: none;
     display: flex;
     align-items: center;
     color: rgb(0, 0, 0);
     margin-bottom: 15px;
     white-space: nowrap;
}
.mil-icon-list li:last-child {
     margin-bottom: 0;
}
.mil-icon-list li a {
     display: flex;
     align-items: center;
}
.mil-icon-list li img {
     background-color: rgb(229, 229, 229);
     width: 40px;
     height: 40px;
     padding: 10px;
     margin-right: 20px;
     border-radius: 50%;
     transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-icon-list li.mil-accent img {
     background-color: rgb(12, 166, 226);
}
.mil-icon-list li.mil-hover:hover img {
     background-color: rgb(12, 166, 226);
     margin-right: 30px;
}

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

backgrounds

------------------------------------------- */
.mil-soft-bg {
     background-color: rgb(242, 242, 242);
}

.mil-accent-bg {
     background-color: rgb(12, 166, 226);
}

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

spaces

------------------------------------------- */
.mil-mb-5 {
     margin-bottom: 5px;
}

.mil-mb-10 {
     margin-bottom: 10px;
}

.mil-mb-15 {
     margin-bottom: 15px;
}

.mil-mb-20 {
     margin-bottom: 15px;
}

.mil-mb-30 {
     margin-bottom: 30px;
}

.mil-mb-40 {
     margin-bottom: 40px;
}

.mil-mb-60 {
     margin-bottom: 60px;
}

.mil-mb-80 {
     margin-bottom: 60px;
}

.mil-mb-90 {
     margin-bottom: 90px;
}

.mil-mb-120 {
     margin-bottom: 120px;
}
@media screen and (max-width: 992px) {
     .mil-mb-120 {
          margin-bottom: 90px;
     }
}

.mil-mt-suptitle-offset {
     margin-top: 65px;
}
@media screen and (max-width: 992px) {
     .mil-mt-suptitle-offset {
          margin-top: 30px;
     }
}

.mil-p-120-120 {
     padding-top: 120px;
     padding-bottom: 120px;
}
@media screen and (max-width: 992px) {
     .mil-p-120-120 {
          padding-top: 90px;
          padding-bottom: 90px;
     }
}

.mil-p-120-90 {
     padding-top: 120px;
     padding-bottom: 90px;
}
@media screen and (max-width: 992px) {
     .mil-p-120-90 {
          padding-top: 90px;
          padding-bottom: 60px;
     }
}

.mil-p-120-0 {
     padding-top: 120px;
}
@media screen and (max-width: 992px) {
     .mil-p-120-0 {
          padding-top: 90px;
     }
}

.mil-p-0-120 {
     padding-bottom: 120px;
}
@media screen and (max-width: 992px) {
     .mil-p-0-120 {
          padding-bottom: 90px;
     }
}

.mil-p-90-90 {
     padding-top: 90px;
     padding-bottom: 90px;
}
@media screen and (max-width: 992px) {
     .mil-p-90-90 {
          padding-top: 60px;
          padding-bottom: 60px;
     }
}

.mil-p-120-60 {
     padding-top: 120px;
     padding-bottom: 60px;
}
@media screen and (max-width: 992px) {
     .mil-p-120-60 {
          padding-top: 90px;
          padding-bottom: 30px;
     }
}

.mil-p-90-60 {
     padding-top: 90px;
     padding-bottom: 60px;
}
@media screen and (max-width: 992px) {
     .mil-p-90-60 {
          padding-top: 60px;
          padding-bottom: 30px;
     }
}

.mil-p-0-60 {
     padding-bottom: 60px;
}
@media screen and (max-width: 992px) {
     .mil-p-0-60 {
          padding-bottom: 30px;
     }
}

.mil-p-0-90 {
     padding-bottom: 90px;
}
@media screen and (max-width: 992px) {
     .mil-p-0-90 {
          padding-bottom: 60px;
     }
}

.mil-p-0-30 {
     padding-bottom: 30px;
}
@media screen and (max-width: 992px) {
     .mil-p-0-30 {
          padding-bottom: 0;
     }
}

.mil-p-120-30 {
     padding-top: 120px;
     padding-bottom: 30px;
}
@media screen and (max-width: 992px) {
     .mil-p-120-30 {
          padding-top: 90px;
          padding-bottom: 0;
     }
}

.mil-adaptive-right {
     width: 100%;
     display: flex;
     justify-content: flex-end;
}
@media screen and (max-width: 992px) {
     .mil-adaptive-right {
          justify-content: flex-start;
     }
}

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

scrollbar

------------------------------------------- */
.mil-progress-track {
     position: fixed;
     z-index: 99999999;
     top: 0;
     right: 0;
     width: 4px;
     height: 100%;
     background-color: rgb(0, 0, 0);
}
.mil-progress-track .mil-progress {
     width: 4px;
     height: 0;
     background-color: rgb(12, 166, 226);
}
@media screen and (max-width: 992px) {
     .mil-progress-track {
          display: none;
     }
}

::-webkit-scrollbar {
     display: none;
}

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

background grid

------------------------------------------- */
.mil-background-grid {
     pointer-events: none;
     position: absolute;
     top: 0;
     left: 30px;
     right: 0;
     width: calc(100% - 60px);
     height: 100%;
     display: flex;
     justify-content: center;
     opacity: 0.3;
     border-left: solid 1px #545454;
     border-right: solid 1px #545454;
}
.mil-background-grid:before {
     content: "";
     border-left: solid 1px #545454;
     border-right: solid 1px #545454;
     height: 100%;
     width: 34.3%;
}
.mil-background-grid.mil-top-space {
     margin-top: 100px;
}
.mil-background-grid.mil-softened {
     opacity: 0.05;
}
@media screen and (max-width: 768px) {
     .mil-background-grid:before {
          border: none;
          width: 1px;
          background-color: #545454;
     }
}

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

banner

------------------------------------------- */
.mil-bg-img {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: center;
}

.mil-overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.8);
}

.mil-banner {
     position: relative;
     overflow: hidden;
     height: 100vh;
}
.mil-banner .mil-banner-slider {
     width: 100%;
     height: 100%;
     position: absolute;
     z-index: -1;
     top: 0;
     left: 0;
}
.mil-banner .container {
     height: 100%;
     display: flex;
     align-items: flex-end;
}
.mil-banner .mil-banner-content {
     padding: 0 0 30px;
     width: 100%;
     position: relative;
}
.mil-banner .mil-banner-slider-2 {
     height: 100%;
}
@media screen and (max-width: 992px) {
     .mil-banner {
          height: auto;
     }
     .mil-banner .mil-banner-content {
          padding: 190px 0 0;
     }
     .mil-banner .mil-banner-slider-2 .mil-banner-content {
          padding: 190px 0 190px;
     }
}
.mil-banner.mil-banner-sm {
     height: 600px;
}
@media screen and (max-width: 1200px) {
     .mil-banner.mil-banner-sm {
          height: 480px;
     }
}

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

slider navigation

------------------------------------------- */
.mil-nav-position {
     position: absolute;
     z-index: 9;
     bottom: 90px;
     height: 0px;
     right: 0;
     width: 100%;
     display: flex;
}
.mil-nav-position .mil-banner-slider-panel {
     margin-left: auto;
}
@media screen and (max-width: 992px) {
     .mil-nav-position {
          bottom: 60px;
          left: 0;
     }
     .mil-nav-position .mil-banner-slider-panel {
          margin-left: 0;
     }
}

.mil-banner-slider-panel {
     display: flex;
     align-items: center;
     justify-content: flex-end;
}
@media screen and (max-width: 992px) {
     .mil-banner-slider-panel {
          flex-direction: column;
          align-items: flex-start;
     }
}

.mil-banner-pagination {
     position: static;
     width: auto !important;
     margin-right: 90px;
}
.mil-banner-pagination .swiper-pagination-bullet {
     background-color: transparent;
     transform: none;
     opacity: 1;
     width: 20px;
     height: 20px;
     margin-right: 30px !important;
     border-radius: 0;
}
.mil-banner-pagination .swiper-pagination-bullet:after {
     content: "00";
     color: rgb(255, 255, 255);
     font-weight: 600;
}
.mil-banner-pagination .swiper-pagination-bullet:last-child {
     margin-right: 0 !important;
}
.mil-banner-pagination
     .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
     color: rgb(12, 166, 226);
}
.mil-banner-pagination .swiper-pagination-bullet:nth-child(1):after {
     content: "01";
}
.mil-banner-pagination .swiper-pagination-bullet:nth-child(2):after {
     content: "02";
}
.mil-banner-pagination .swiper-pagination-bullet:nth-child(3):after {
     content: "03";
}
.mil-banner-pagination .swiper-pagination-bullet:nth-child(4):after {
     content: "04";
}
.mil-banner-pagination .swiper-pagination-bullet:nth-child(5):after {
     content: "05";
}
.mil-banner-pagination .swiper-pagination-bullet:nth-child(6):after {
     content: "06";
}

.mil-nav-buttons {
     display: flex;
     align-items: center;
}
.mil-nav-buttons .mil-slider-button {
     cursor: pointer;
     color: rgb(0, 0, 0);
     text-transform: uppercase;
     font-weight: 600;
     padding-right: 30px;
     border-right: 5px solid rgba(0, 0, 0, 0.1);
     border-image: repeating-linear-gradient(
               -45deg,
               transparent,
               transparent 1px,
               rgba(0, 0, 0, 0.1) 1px,
               rgba(0, 0, 0, 0.1) 3px
          )
          5;
     transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-nav-buttons .mil-slider-button:last-child {
     padding-right: 0;
     padding-left: 30px;
     border: none;
}
.mil-nav-buttons .mil-slider-button:hover {
     color: rgb(12, 166, 226);
}
.mil-nav-buttons .mil-slider-button.swiper-button-disabled {
     color: rgba(0, 0, 0, 0.1);
     cursor: not-allowed;
}
.mil-nav-buttons.mil-light .mil-slider-button {
     color: rgb(255, 255, 255);
     border-right: 5px solid rgba(255, 255, 255, 0.2);
     border-image: repeating-linear-gradient(
               -45deg,
               transparent,
               transparent 1px,
               rgba(255, 255, 255, 0.2) 1px,
               rgba(255, 255, 255, 0.2) 3px
          )
          5;
}
.mil-nav-buttons.mil-light .mil-slider-button:last-child {
     border: none;
}
.mil-nav-buttons.mil-light.swiper-button-disabled {
     color: rgba(255, 255, 255, 0.1);
     cursor: not-allowed;
}

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

counters

------------------------------------------- */
.mil-counter-frame {
     width: 100%;
     border: 5px solid rgba(0, 0, 0, 0.1);
     border-image: repeating-linear-gradient(
               -45deg,
               transparent,
               transparent 1px,
               rgba(0, 0, 0, 0.1) 1px,
               rgba(0, 0, 0, 0.1) 3px
          )
          5;
     padding: 15px;
}
.mil-counter-frame p br {
     display: none;
}
@media screen and (max-width: 576px) {
     .mil-counter-frame p br {
          display: block;
     }
}
.mil-counter-frame.mil-light {
     border: 5px solid rgba(255, 255, 255, 0.2);
     border-image: repeating-linear-gradient(
               -45deg,
               transparent,
               transparent 1px,
               rgba(255, 255, 255, 0.2) 1px,
               rgba(255, 255, 255, 0.2) 3px
          )
          5;
}

.mil-infinite-show .swiper-wrapper {
     align-items: center;
     transition-timing-function: linear;
}

.mil-partner-frame {
     display: flex;
     align-items: center;
     justify-content: center;
}
.mil-partner-frame img {
     margin-top: 5px;
     width: 150px;
}

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

illustrations

------------------------------------------- */
.mil-image-frame {
     position: absolute;
     overflow: hidden;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
.mil-image-frame img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: center;
}

.mil-illustration {
     padding-bottom: 100%;
     position: relative;
}
.mil-illustration .mil-about-counter {
     padding: 60px;
     position: absolute;
     bottom: -1px;
     right: -1px;
     background-color: rgb(255, 255, 255);
}
.mil-illustration .mil-about-counter:before {
     content: "";
     width: 100%;
     height: 100%;
     background-color: transparent;
     border: 30px solid rgba(0, 0, 0, 0.1);
     border-image: repeating-linear-gradient(
               -45deg,
               transparent,
               transparent 1px,
               rgba(0, 0, 0, 0.1) 1px,
               rgba(0, 0, 0, 0.1) 3px
          )
          30;
     position: absolute;
     z-index: -1;
     bottom: -30px;
     right: -30px;
}
@media screen and (max-width: 992px) {
     .mil-illustration .mil-about-counter:before {
          bottom: -15px;
          right: -15px;
     }
}
.mil-illustration.mil-fw-item {
     padding-bottom: 40%;
}
@media screen and (max-width: 992px) {
     .mil-illustration.mil-fw-item {
          padding-bottom: 60%;
     }
}
@media screen and (max-width: 768px) {
     .mil-illustration.mil-fw-item {
          padding-bottom: 100%;
     }
}

.mil-about-counter {
     padding: 30px;
     position: relative;
     background-color: rgb(255, 255, 255);
}
@media screen and (max-width: 768px) {
     .mil-about-counter {
          padding: 30px;
     }
}
.mil-about-counter .mil-avatar {
     margin-left: auto;
     margin-right: auto;
}

.mil-item-frame {
     border: 5px solid rgb(229, 229, 229);
     border-image: repeating-linear-gradient(
               -45deg,
               transparent,
               transparent 1px,
               rgb(229, 229, 229) 1px,
               rgb(229, 229, 229) 3px
          )
          5;
}

.mil-avatar-frame {
     text-align: center;
     padding: 30px;
     border: 5px solid rgb(229, 229, 229);
     border-image: repeating-linear-gradient(
               -45deg,
               transparent,
               transparent 1px,
               rgb(229, 229, 229) 1px,
               rgb(229, 229, 229) 3px
          )
          5;
}

.mil-avatar {
     position: relative;
     overflow: hidden;
     border-radius: 50%;
     width: 90px;
     height: 90px;
     margin-left: auto;
     margin-right: auto;
}
.mil-avatar img {
     width: 100%;
     height: 100%;
     border-radius: 50%;
     position: absolute;
     top: 0;
     left: 0;
     object-fit: cover;
     object-position: center;
}

.mil-illustration-slider-frame {
     position: relative;
     overflow: hidden;
}

.mil-illustration-slider-nav {
     padding: 40px 60px;
     background-color: rgb(255, 255, 255);
     position: absolute;
     z-index: 1;
     bottom: -1px;
     right: 0;
}

.container .mil-illustration-slider-nav {
     right: 30px;
}

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

icons

------------------------------------------- */
.mil-icon {
     display: inline-flex;
     padding: 15px;
}
.mil-icon.mil-icon-accent-bg {
     background-color: rgb(12, 166, 226);
}
.mil-icon.mil-icon-deep-bg {
     background-color: rgb(229, 229, 229);
}
.mil-icon.mil-icon-border {
     border: 5px solid rgb(229, 229, 229);
     border-image: repeating-linear-gradient(
               -45deg,
               transparent,
               transparent 1px,
               rgb(229, 229, 229) 1px,
               rgb(229, 229, 229) 3px
          )
          5;
}
.mil-icon.mil-icon-lg {
     width: 60px;
     height: 60px;
}
.mil-icon.mil-icon-xl {
     width: 80px;
     height: 80px;
}

.mil-icon-box {
     display: block;
     position: relative;
}
.mil-icon-box .mil-icon img {
     transition: 0.2s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-icon-box:hover .mil-icon img {
     transform: scale(1.1);
}
.mil-icon-box:hover .mil-icon.mil-icon-border {
     border: 5px solid rgb(12, 166, 226);
     border-image: repeating-linear-gradient(
               -45deg,
               transparent,
               transparent 1px,
               rgb(12, 166, 226) 1px,
               rgb(12, 166, 226) 3px
          )
          5;
}

.mil-advantage:before {
     content: "";
     width: 100%;
     height: 5px;
     background-color: transparent;
     border: 3px solid rgb(229, 229, 229);
     border-image: repeating-linear-gradient(
               -45deg,
               transparent,
               transparent 1px,
               rgb(229, 229, 229) 1px,
               rgb(229, 229, 229) 3px
          )
          3;
     position: absolute;
     z-index: -1;
     top: 85px;
     left: 0;
     transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-advantage .mil-icon {
     background-color: rgb(255, 255, 255);
     transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-advantage .mil-icon img {
     transition: 0.2s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-advantage:hover:before {
     background-color: transparent;
     border: 3px solid rgb(12, 166, 226);
     border-image: repeating-linear-gradient(
               -45deg,
               transparent,
               transparent 1px,
               rgb(12, 166, 226) 1px,
               rgb(12, 166, 226) 3px
          )
          3;
}
.mil-advantage:hover .mil-icon {
     border-color: rgb(12, 166, 226);
}

.mil-hww {
     padding-left: 30px;
     border-top: 5px solid rgb(229, 229, 229);
     border-image: repeating-linear-gradient(
               -45deg,
               transparent,
               transparent 1px,
               rgb(229, 229, 229) 1px,
               rgb(229, 229, 229) 3px
          )
          5;
     padding-top: 60px;
}
.mil-hww .mil-icon {
     position: absolute;
     top: -5px;
     right: 0;
}
.mil-hww:hover {
     border-top: solid 5px rgb(12, 166, 226);
     border-image: repeating-linear-gradient(
               -45deg,
               transparent,
               transparent 1px,
               rgb(12, 166, 226) 1px,
               rgb(12, 166, 226) 3px
          )
          5;
}
.mil-hww:hover .mil-icon {
     border-color: rgb(12, 166, 226);
}
.mil-hww:hover .mil-divider-sm {
     background-color: transparent;
     border-top: solid 5px rgb(12, 166, 226);
     border-image: repeating-linear-gradient(
               -45deg,
               transparent,
               transparent 1px,
               rgb(12, 166, 226) 1px,
               rgb(12, 166, 226) 3px
          )
          5;
}

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

services

------------------------------------------- */
.mil-service-card {
     background-color: rgb(255, 255, 255);
     display: flex;
     position: relative;
     overflow: hidden;
     padding: 60px;
     border: 5px solid rgba(0, 0, 0, 0.1);
     border-image: repeating-linear-gradient(
               -45deg,
               transparent,
               transparent 1px,
               rgba(0, 0, 0, 0.1) 1px,
               rgba(0, 0, 0, 0.1) 3px
          )
          5;
     transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-service-card .mil-card-number {
     position: absolute;
     top: 30px;
     left: 30px;
     color: rgba(0, 0, 0, 0.1);
     font-weight: 800;
     font-size: 22px;
}
.mil-service-card .mil-center {
     width: 100%;
}
.mil-service-card .mil-service-text {
     opacity: 1;
     transform: translateY(0) scale(1);
     transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-service-card .mil-go-buton {
     position: absolute;
     bottom: -60px;
     left: calc(50% - 30px);
     transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-service-card:hover {
     background-color: rgb(255, 255, 255);
     padding-top: 80px;
     padding-bottom: 40px;
     border: 5px solid rgb(12, 166, 226);
     border-image: repeating-linear-gradient(
               -45deg,
               transparent,
               transparent 1px,
               rgb(12, 166, 226) 1px,
               rgb(12, 166, 226) 3px
          )
          5;
}
.mil-service-card:hover .mil-service-text {
     opacity: 0;
     transform: translateY(15px) scale(0.8);
}
.mil-service-card:hover .mil-divider-sm {
     background-color: rgb(12, 166, 226);
}
.mil-service-card:hover .mil-go-buton {
     bottom: 0;
}

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

portfolio

------------------------------------------- */
.mil-portfolio-grid {
     margin-left: -150px;
     margin-right: -150px;
}
.mil-portfolio-grid .grid-sizer,
.mil-portfolio-grid .mil-grid-item {
     width: 33%;
     padding: 0 15px;
}
@media screen and (max-width: 992px) {
     .mil-portfolio-grid .grid-sizer,
     .mil-portfolio-grid .mil-grid-item {
          width: 100%;
     }
}

.mil-portfolio-item {
     display: block;
     position: relative;
     overflow: hidden;
}
.mil-portfolio-item img {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: center;
     transform: scale(1.1);
     transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-portfolio-item.mil-square-item {
     padding-bottom: 100%;
}
.mil-portfolio-item.mil-long-item {
     padding-bottom: calc(200% + 30px);
}
@media screen and (max-width: 768px) {
     .mil-portfolio-item.mil-long-item {
          padding-bottom: 100%;
     }
}
.mil-portfolio-item .mil-project-descr {
     margin: 30px;
     position: absolute;
     top: 0;
     left: 0;
     width: calc(100% - 60px);
     height: calc(100% - 60px);
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     text-align: center;
     padding: 60px;
     background-color: rgb(12, 166, 226);
     transform: translateY(30px) scale(0.9);
     opacity: 0;
     transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-portfolio-item:hover img {
     transform: scale(1);
}
.mil-portfolio-item:hover .mil-project-descr {
     opacity: 1;
     transform: translateY(0px);
}

.mil-portfolio-item-2 {
     display: block;
     position: relative;
     overflow: hidden;
}
.mil-portfolio-item-2.mil-square-item {
     padding-bottom: 100%;
}
.mil-portfolio-item-2.mil-long-item {
     padding-bottom: 65%;
}
.mil-portfolio-item-2 > img {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: center;
     transform: scale(1.1);
     transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-portfolio-item-2 .mil-project-descr {
     padding: 90px 60px 60px 100px;
     background-color: rgb(12, 166, 226);
     width: 100%;
     position: absolute;
     bottom: 0;
     left: 0;
     transform: translateY(100%);
     opacity: 0;
     transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-portfolio-item-2 .mil-project-descr * {
     opacity: 0;
     transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
     transition-delay: 0s;
}
.mil-portfolio-item-2 .mil-category {
     position: absolute;
     top: calc(100% - 90px);
     left: -30px;
     width: 160px;
     text-align: center;
     transform: rotate(-90deg);
     background-color: rgb(12, 166, 226);
     font-weight: 500;
     text-transform: uppercase;
     transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-portfolio-item-2:hover img {
     transform: scale(1);
}
.mil-portfolio-item-2:hover .mil-project-descr {
     transform: translateY(0);
     opacity: 1;
}
.mil-portfolio-item-2:hover .mil-project-descr * {
     opacity: 1;
     transition-delay: 0.3s;
}
.mil-portfolio-item-2:hover .mil-category {
     background-color: rgb(255, 255, 255);
}

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

accordion

------------------------------------------- */
.mil-accordion-group {
     border-bottom: 5px solid rgba(255, 255, 255, 0.2);
     border-image: repeating-linear-gradient(
               -45deg,
               transparent,
               transparent 1px,
               rgba(255, 255, 255, 0.2) 1px,
               rgba(255, 255, 255, 0.2) 3px
          )
          5;
     margin-bottom: 30px;
}
.mil-accordion-group .mil-accordion-menu {
     display: flex;
     align-items: center;
     cursor: pointer;
     margin-bottom: 30px;
}
.mil-accordion-group .mil-accordion-menu h6 {
     transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-accordion-group .mil-accordion-menu .mil-symbol {
     margin-right: 30px;
     display: flex;
     align-items: center;
     justify-content: center;
     height: 100%;
     width: 10px;
     position: relative;
}
.mil-accordion-group .mil-accordion-menu .mil-symbol .mil-plus,
.mil-accordion-group .mil-accordion-menu .mil-symbol .mil-minus {
     position: absolute;
}
.mil-accordion-group .mil-accordion-menu .mil-symbol .mil-minus {
     color: rgb(12, 166, 226);
     transform: translateY(-2px);
}
.mil-accordion-group .mil-accordion-menu:hover h6 {
     transform: translateX(10px);
}
.mil-accordion-group.mil-dark {
     border-bottom: solid 5px rgba(0, 0, 0, 0.1);
}
.mil-accordion-group.mil-dark .mil-accordion-menu {
     color: rgb(0, 0, 0);
}
.mil-accordion-group.mil-dark .mil-accordion-menu h6 {
     color: rgb(0, 0, 0);
}

.mil-accordion-content {
     padding-left: 40px;
     height: 0;
     overflow: hidden;
}

.mil-accordion-content.mil-expanded {
     height: 0;
     overflow: hidden;
}

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

blog

------------------------------------------- */
.mil-blog-card {
     display: flex;
     align-items: center;
}
.mil-blog-card .mil-cover {
     width: 50%;
     position: relative;
     overflow: hidden;
}
.mil-blog-card .mil-cover.mil-square {
     padding-bottom: 50%;
}
.mil-blog-card .mil-cover.mil-long {
     padding-bottom: 60%;
}
.mil-blog-card .mil-cover img {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: center;
     transform: scale(1.1);
     transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-blog-card .mil-cover .mil-date {
     display: flex;
     justify-content: center;
     align-items: center;
     color: rgb(0, 0, 0);
     width: 120px;
     height: 30px;
     background-color: rgb(12, 166, 226);
     position: absolute;
     bottom: 45px;
     right: -10px;
     transform: rotate(-90deg);
}
.mil-blog-card .mil-description {
     width: 50%;
     padding-left: 30px;
}
.mil-blog-card .mil-description .mil-link .mil-arrow {
     background-color: rgb(229, 229, 229);
}
.mil-blog-card:hover .mil-cover img {
     transform: scale(1);
}
.mil-blog-card:hover .mil-suptitle:after {
     background-color: transparent;
     border-top: 3px solid rgb(12, 166, 226);
     border-image: repeating-linear-gradient(
               -45deg,
               transparent,
               transparent 1px,
               rgb(12, 166, 226) 1px,
               rgb(12, 166, 226) 3px
          )
          3;
}
.mil-blog-card:hover .mil-description .mil-link .mil-arrow {
     background-color: transparent;
     border: 3px solid rgb(12, 166, 226);
     border-image: repeating-linear-gradient(
               -45deg,
               transparent,
               transparent 1px,
               rgb(12, 166, 226) 1px,
               rgb(12, 166, 226) 3px
          )
          3;
}
.mil-blog-card.mil-lg-card {
     flex-direction: column;
}
.mil-blog-card.mil-lg-card .mil-cover {
     width: 100%;
     margin-bottom: 30px;
}
.mil-blog-card.mil-lg-card .mil-description {
     width: 100%;
     padding: 0;
     display: flex;
     justify-content: space-between;
}
.mil-blog-card.mil-lg-card .mil-description .mil-left-side {
     width: 50%;
     padding-right: 50px;
}
.mil-blog-card.mil-lg-card .mil-description .mil-right-side {
     width: 50%;
     padding-left: 30px;
}
.mil-blog-card.mil-lg-card .mil-description .mil-right-side .mil-link {
     display: none;
}
@media screen and (max-width: 992px) {
     .mil-blog-card.mil-lg-card .mil-description {
          flex-wrap: wrap;
     }
     .mil-blog-card.mil-lg-card .mil-description .mil-left-side {
          width: 100%;
     }
     .mil-blog-card.mil-lg-card .mil-description .mil-right-side {
          margin-top: 0;
          width: 100%;
          padding-left: 0;
     }
     .mil-blog-card.mil-lg-card .mil-description .mil-right-side .mil-link {
          display: inline-flex;
     }
}
@media screen and (max-width: 768px) {
     .mil-blog-card {
          flex-direction: column;
     }
     .mil-blog-card .mil-cover {
          width: 100%;
     }
     .mil-blog-card .mil-cover.mil-long {
          padding-bottom: 100%;
     }
     .mil-blog-card .mil-description {
          width: 100%;
          padding-left: 0;
          padding-top: 30px;
     }
}

.mil-pub-author {
     width: 40px;
     height: 40px;
     border-radius: 50%;
     margin-right: 10px;
}

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

footer

------------------------------------------- */
footer {
     overflow: hidden;
}
footer .mil-bg-img {
     height: 150%;
     top: -25%;
}

.mil-footer-logo {
     display: block;
     text-align: right;
}
@media screen and (max-width: 992px) {
     .mil-footer-logo {
          margin-top: 60px;
          text-align: left;
     }
}

.mil-footer-navigation {
     position: relative;
     display: flex;
     padding-bottom: 30px;
     border-bottom: 5px solid rgba(255, 255, 255, 0.1);
     border-image: repeating-linear-gradient(
               -45deg,
               transparent,
               transparent 1px,
               rgba(255, 255, 255, 0.1) 1px,
               rgba(255, 255, 255, 0.1) 3px
          )
          5;
}
.mil-footer-navigation nav ul {
     display: flex;
     align-items: center;
}
.mil-footer-navigation nav ul li {
     list-style-type: none;
     position: relative;
     margin-right: 40px;
}
.mil-footer-navigation nav ul li:last-child {
     margin-right: 0;
}
.mil-footer-navigation nav ul li a {
     font-family: "Sora", sans-serif;
     text-decoration: none;
     text-transform: uppercase;
     color: rgb(255, 255, 255);
     font-size: 12px;
     font-weight: 600;
     white-space: nowrap;
     transition: 0.2s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-footer-navigation nav ul li a:hover {
     color: rgb(12, 166, 226);
}
.mil-footer-navigation nav ul li.mil-active > a {
     padding: 5px 10px;
     color: rgb(0, 0, 0);
     background-color: rgb(12, 166, 226);
}
@media screen and (max-width: 992px) {
     .mil-footer-navigation nav ul {
          flex-direction: column;
          align-items: flex-start;
     }
     .mil-footer-navigation nav ul li {
          margin: 0;
          margin-bottom: 15px;
     }
     .mil-footer-navigation nav ul li:last-child {
          margin-bottom: 0;
     }
}
.mil-footer-navigation.mil-dark nav ul li a {
     color: rgb(0, 0, 0);
}
.mil-footer-navigation.mil-dark nav ul li a:hover {
     color: rgb(12, 166, 226);
}
.mil-footer-navigation.mil-center {
     justify-content: center;
}

.mil-footer-bottom {
     padding: 30px 0 15px;
     border-top: solid 1px rgba(255, 255, 255, 0.1);
     display: flex;
     align-items: center;
     justify-content: space-between;
}
.mil-footer-bottom ul {
     display: flex;
}
.mil-footer-bottom ul li {
     list-style-type: none;
     margin-right: 30px;
}
@media screen and (max-width: 768px) {
     .mil-footer-bottom ul li {
          margin-right: 15px;
     }
}
.mil-footer-bottom ul li:last-child {
     margin-right: 0;
}
.mil-footer-bottom ul li a {
     transition: 0.2s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-footer-bottom ul li a:hover {
     color: rgb(12, 166, 226) !important;
}
@media screen and (max-width: 992px) {
     .mil-footer-bottom {
          height: auto;
          align-items: flex-start;
          flex-direction: column;
          padding: 30px 0;
     }
}

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

top panel

------------------------------------------- */
.mil-top-panel {
     border-bottom: solid 1px rgba(237, 231, 231, 0.1);
     position: fixed;
     z-index: 999;
     top: 0;
     left: 0;
     right: 0;
     width: 100%;
     transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-top-panel .mil-top-panel-content {
     height: 100px;
     display: flex;
     justify-content: space-between;
     align-items: center;
     transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-top-panel .mil-top-panel-content .mil-logo {
     display: block;
     display: flex;
     justify-content: space-between;
     align-items: center;
}
.mil-top-panel.mil-active {
     background-color: rgba(0, 0, 0, 0.9);
     backdrop-filter: blur(8px);
}

.mil-top-panel-buttons {
     display: flex;
     align-items: center;
}
.mil-top-panel-buttons .mil-search-btn {
     display: flex;
     align-items: center;
}
@media screen and (max-width: 1200px) {
     .mil-top-panel-buttons .mil-search-btn {
          margin-right: 15px;
     }
}

.mil-navigation {
     display: flex;
     justify-content: center;
     text-align: center;
}
.mil-navigation nav {
     width: 100%;
     display: flex;
}
.mil-navigation nav ul {
     display: flex;
     padding: 0;
     margin: 0;
}
.mil-navigation nav ul li {
     display: flex;
     align-items: center;
     margin-right: 30px;
     list-style-type: none;
}
.mil-navigation nav ul li a {
     font-family: "Sora", sans-serif;
     text-decoration: none;
     text-transform: uppercase;
     color: rgb(255, 255, 255);
     font-size: 12px;
     font-weight: 600;
     white-space: nowrap;
     padding: 0 10px;
     transition: 0.2s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-navigation nav ul li a:hover {
     color: rgb(12, 166, 226);
}
.mil-navigation nav ul li.mil-active > a {
     padding: 0 10px;
     color: rgb(0, 0, 0);
     background-color: rgb(12, 166, 226);
}
.mil-navigation nav ul li.mil-has-children {
     position: relative;
     padding-right: 10px;
}
.mil-navigation nav ul li.mil-has-children:after {
     content: "";
     width: 100%;
     height: 40px;
     background-color: transparent;
     position: absolute;
     bottom: -40px;
     left: 0;
}
.mil-navigation nav ul li.mil-has-children ul {
     opacity: 0;
     position: absolute;
     left: -30px;
     top: 63px;
     transform: translateY(10px) scale(0.98);
     pointer-events: none;
     display: block;
     min-width: 200px;
     padding: 30px;
     background-color: rgb(12, 166, 226);
     transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-navigation nav ul li.mil-has-children ul li {
     position: relative;
     margin-bottom: 15px;
}
.mil-navigation nav ul li.mil-has-children ul li:last-child {
     margin-bottom: 0;
}
.mil-navigation nav ul li.mil-has-children ul li a {
     color: rgb(0, 0, 0);
}
.mil-navigation nav ul li.mil-has-children ul li a:hover {
     transform: translateX(5px);
}
.mil-navigation nav ul li.mil-has-children:hover ul {
     opacity: 1;
     pointer-events: all;
     transform: translateY(0) scale(1);
}
@media screen and (max-width: 1200px) {
     .mil-navigation {
          position: absolute;
          top: 100%;
          left: 0;
          opacity: 0;
          pointer-events: none;
          transform: translateX(0) !important;
          transform: translateY(10px);
          box-shadow: 0px 0px 40px 0px rgba(18, 24, 32, 0.1);
          width: 100%;
          background-color: rgb(12, 166, 226);
          transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
     }
     .mil-navigation.mil-active {
          height: auto;
          opacity: 1;
          pointer-events: all;
          transform: translateY(0);
     }
     .mil-navigation nav {
          padding: 30px 0;
     }
     .mil-navigation nav ul {
          width: 100%;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
     }
     .mil-navigation nav ul li {
          text-align: center;
          width: 100%;
          margin: 0;
          margin-bottom: 15px;
          flex-direction: column;
     }
     .mil-navigation nav ul li:last-child {
          margin-bottom: 0;
     }
     .mil-navigation nav ul li a {
          color: rgb(0, 0, 0);
          position: relative;
          padding: 0 15px;
     }
     .mil-navigation nav ul li a:hover {
          color: rgb(0, 0, 0);
     }
     .mil-navigation nav ul li.mil-has-children {
          overflow: hidden;
          height: auto;
          padding-right: 0;
     }
     .mil-navigation nav ul li.mil-has-children:before {
          display: none;
     }
     .mil-navigation nav ul li.mil-has-children > a:before {
          content: "";
          position: absolute;
          top: 0;
          right: 0;
          width: 8px;
          height: 8px;
          border-radius: 50%;
          border: solid 2px rgb(12, 166, 226);
     }
     .mil-navigation nav ul li.mil-has-children ul {
          position: static;
          margin-left: -1px;
          opacity: 1;
          width: 100%;
          max-height: 0;
          padding: 0;
          overflow: hidden;
          transform: none;
          border-radius: 0 !important;
          background-color: rgb(0, 0, 0);
          box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
     }
     .mil-navigation nav ul li.mil-has-children ul li a {
          color: rgb(255, 255, 255);
     }
     .mil-navigation nav ul li.mil-has-children ul li a:hover {
          transform: none;
     }
     .mil-navigation nav ul li.mil-has-children ul li:first-child {
          margin-top: 30px;
     }
     .mil-navigation nav ul li.mil-has-children ul li:last-child {
          margin-bottom: 30px;
     }
     .mil-navigation nav ul li.mil-has-children:hover ul {
          margin-top: 15px;
          max-height: 250px;
     }
}

@media screen and (max-width: 1200px) {
     .mil-top-panel-buttons .mil-button {
          display: none;
     }
}
/* -------------------------------------------

menu button

------------------------------------------- */
.mil-menu-btn {
     height: 24px;
     cursor: pointer;
     display: none;
     justify-content: center;
     align-items: center;
     transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
@media screen and (max-width: 1200px) {
     .mil-menu-btn {
          display: flex;
     }
}
.mil-menu-btn span,
.mil-menu-btn span:after,
.mil-menu-btn span:before {
     content: "";
     display: block;
     width: 24px;
     height: 2px;
     background: rgb(255, 255, 255);
     backface-visibility: hidden;
     transition: inherit;
}
.mil-menu-btn span {
     position: relative;
}
.mil-menu-btn span:after,
.mil-menu-btn span:before {
     position: absolute;
}
.mil-menu-btn span:before {
     top: -8px;
}
.mil-menu-btn span:after {
     top: 8px;
}
.mil-menu-btn.mil-active span {
     transform: rotate(45deg);
}
.mil-menu-btn.mil-active span:before {
     transform: translate(0px, 8px) rotate(-90deg);
}
.mil-menu-btn.mil-active span:after {
     width: 24px;
     transform: translate(0px, -8px) rotate(-90deg);
}
.mil-menu-btn:hover span,
.mil-menu-btn:hover span:after,
.mil-menu-btn:hover span:before {
     background: rgb(255, 255, 255);
}

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

hover images

------------------------------------------- */
.mil-hover-images {
     position: relative;
     width: 100%;
}
.mil-hover-images ul li {
     list-style-type: none;
     margin-bottom: 30px;
}
.mil-hover-images ul li a {
     display: flex;
     align-items: center;
     padding-bottom: 30px;
     border-bottom: 5px solid rgba(0, 0, 0, 0.1);
     border-image: repeating-linear-gradient(
               -45deg,
               transparent,
               transparent 1px,
               rgba(0, 0, 0, 0.1) 1px,
               rgba(0, 0, 0, 0.1) 3px
          )
          5;
}
.mil-hover-images ul li a p {
     margin-right: 60px;
     color: rgba(0, 0, 0, 0.4);
     transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-hover-images ul li a span {
     height: 35px;
     padding: 5px 0 0;
     position: relative;
     color: rgba(0, 0, 0, 0.4);
     transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-hover-images ul li a span:before {
     content: "";
     width: 0;
     height: 100%;
     background-color: rgb(12, 166, 226);
     position: absolute;
     z-index: -1;
     top: 0;
     left: 0;
     transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-hover-images ul li a:hover p {
     color: rgb(0, 0, 0);
}
.mil-hover-images ul li a:hover span {
     padding: 5px 10px 0 10px;
     color: rgb(0, 0, 0);
}
.mil-hover-images ul li a:hover span:before {
     width: 100%;
}

.mil-img-wrapper {
     position: absolute;
     z-index: 9;
     width: 55%;
     padding-bottom: 38%;
     top: 9%;
     right: -100px;
     overflow: hidden;
     transform: scale(0.7);
     visibility: hidden;
     pointer-events: none;
}
.mil-img-wrapper img {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: center;
}
@media screen and (max-width: 992px) {
     .mil-img-wrapper {
          display: none;
     }
}

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

process

------------------------------------------- */
.mil-process-box {
     position: relative;
}
.mil-process-box:before {
     content: "";
     width: calc(100% - 90px);
     height: 5px;
     background-color: transparent;
     border: 3px solid rgb(229, 229, 229);
     border-image: repeating-linear-gradient(
               -45deg,
               transparent,
               transparent 1px,
               rgb(229, 229, 229) 1px,
               rgb(229, 229, 229) 3px
          )
          3;
     position: absolute;
     z-index: -1;
     top: 30px;
     left: 90px;
     transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-process-box:hover:before {
     background-color: transparent;
     border: 3px solid rgb(12, 166, 226);
     border-image: repeating-linear-gradient(
               -45deg,
               transparent,
               transparent 1px,
               rgb(12, 166, 226) 1px,
               rgb(12, 166, 226) 3px
          )
          3;
}
.mil-process-box:hover .mil-icon {
     border-color: rgb(12, 166, 226);
}
.mil-process-box.mil-process-end:before {
     display: none;
}

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

inputs

------------------------------------------- */
.mil-input-frame label {
     color: rgb(0, 0, 0);
     display: block;
     font-family: "Sora", sans-serif;
     font-weight: 600;
}
.mil-input-frame label span {
     margin-right: 5px;
}
.mil-input-frame label .mil-required {
     color: #e72836;
}
.mil-input-frame input {
     width: 100%;
     height: 70px;
     font-family: "Sora", sans-serif;
     color: rgb(255, 255, 255);
     font-size: 15px;
     font-weight: 400;
     background-color: transparent;
     border: none;
     border-bottom: solid 1px rgba(255, 255, 255, 0.1);
     transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-input-frame input:focus {
     outline: inherit;
     box-shadow: 0 5px 0 0 rgb(12, 166, 226);
}
.mil-input-frame input::placeholder {
     color: rgba(0, 0, 0, 0.3);
}
.mil-input-frame textarea {
     padding-top: 30px;
     width: 100%;
     height: 200px;
     font-size: 15px;
     font-family: "Sora", sans-serif;
     color: rgb(255, 255, 255);
     background-color: transparent;
     border: none;
     border-bottom: solid 1px rgba(255, 255, 255, 0.1);
     transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-input-frame textarea::placeholder {
     color: rgba(0, 0, 0, 0.3);
}
.mil-input-frame textarea.mil-shortened {
     height: 200px;
}
@media screen and (max-width: 992px) {
     .mil-input-frame textarea {
          height: 200px;
     }
}
.mil-input-frame textarea:focus {
     outline: inherit;
     border-bottom: solid 1px rgba(255, 255, 255, 0.4);
}
.mil-input-frame.mil-dark-input input,
.mil-input-frame.mil-dark-input textarea {
     border-bottom: solid 1px rgb(0, 0, 0);
     color: rgb(0, 0, 0);
}
.mil-input-frame.mil-dark-input input:focus,
.mil-input-frame.mil-dark-input textarea:focus {
     box-shadow: 0 5px 0 0 rgb(12, 166, 226);
}

.mil-checbox-frame {
     display: flex;
     align-items: center;
}
.mil-checbox-frame label {
     line-height: 250%;
}
.mil-checbox-frame .mil-checkbox {
     position: absolute;
     opacity: 0;
}
.mil-checbox-frame .mil-checkbox + label {
     position: relative;
     cursor: pointer;
     padding: 0;
}
.mil-checbox-frame .mil-checkbox + label:before {
     content: "";
     margin-top: -2px;
     margin-right: 15px;
     display: inline-block;
     vertical-align: text-top;
     border: solid 1px rgb(255, 255, 255);
     border-radius: 2px;
     width: 20px;
     height: 20px;
     background-color: transparent;
     transition: 0.2s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-checbox-frame .mil-checkbox:hover + label:before {
     background: rgba(255, 255, 255, 0.1);
     border: solid 1px rgb(12, 166, 226);
}
.mil-checbox-frame .mil-checkbox:checked + label:before {
     background: rgb(12, 166, 226);
     border: solid 1px rgb(12, 166, 226);
}
.mil-checbox-frame .mil-checkbox:disabled + label {
     color: #b8b8b8;
     cursor: auto;
}
.mil-checbox-frame .mil-checkbox:disabled + label:before {
     box-shadow: none;
     background: #ddd;
}
.mil-checbox-frame .mil-checkbox:checked + label:after {
     content: "";
     position: absolute;
     left: 5px;
     top: 15px;
     background: rgb(0, 0, 0);
     width: 2px;
     height: 2px;
     box-shadow: 2px 0 0 rgb(0, 0, 0), 4px 0 0 rgb(0, 0, 0),
          4px -2px 0 rgb(0, 0, 0), 4px -4px 0 rgb(0, 0, 0),
          4px -6px 0 rgb(0, 0, 0), 4px -8px 0 rgb(0, 0, 0);
     transform: rotate(45deg);
}
.mil-checbox-frame.mil-dark-input .mil-checkbox + label:before {
     border-color: rgb(0, 0, 0);
}
.mil-checbox-frame.mil-dark-input .mil-checkbox:checked + label:before {
     background: rgb(12, 166, 226);
     border: solid 1px rgb(12, 166, 226);
}

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

reviews

------------------------------------------- */
.mil-review-frame .mil-reviev-head {
     display: flex;
     align-items: center;
}
.mil-review-frame .mil-reviev-head .mil-left {
     display: flex;
}
.mil-review-frame .mil-reviev-head .mil-left .mil-quote {
     width: 70px;
     height: 70px;
     background-color: rgb(12, 166, 226);
     display: flex;
     align-items: center;
     justify-content: center;
}
.mil-review-frame .mil-reviev-head .mil-left .mil-review-avatar {
     width: 70px;
     height: 70px;
}
.mil-review-frame .mil-reviev-head .mil-left .mil-review-avatar img {
     width: 100%;
     height: 100%;
}
.mil-review-frame .mil-reviev-head .mil-name {
     padding-left: 15px;
}
.mil-review-frame .mil-review-text {
     padding: 60px 0 0 70px;
     border-left: 5px solid rgb(229, 229, 229);
     border-image: repeating-linear-gradient(
               -45deg,
               transparent,
               transparent 1px,
               rgb(229, 229, 229) 1px,
               rgb(229, 229, 229) 3px
          )
          5;
}
@media screen and (max-width: 992px) {
     .mil-review-frame .mil-review-text {
          border: none;
          padding: 60px 0 0 0;
     }
}

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

price

------------------------------------------- */
.mil-price-card {
     padding: 50px;
     border: 5px solid rgb(229, 229, 229);
     border-image: repeating-linear-gradient(
               -45deg,
               transparent,
               transparent 1px,
               rgb(229, 229, 229) 1px,
               rgb(229, 229, 229) 3px
          )
          5;
}
.mil-price-card .mil-price-head .mil-price-text {
     padding-left: 15px;
}
.mil-price-card .mil-price-head .mil-price {
     font-size: 46px;
}
.mil-price-card .mil-price-button .mil-button {
     background-color: rgb(229, 229, 229);
}
.mil-price-card:hover .mil-price-button .mil-button {
     background-color: rgb(12, 166, 226);
}
@media screen and (max-width: 992px) {
     .mil-price-card {
          padding: 30px;
     }
}

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

skills

------------------------------------------- */
.mil-skill-frame {
     display: flex;
     align-items: center;
}
.mil-skill-frame .mil-skill-counter-frame {
     width: 70px;
     color: rgb(0, 0, 0);
}
.mil-skill-frame .mil-skill-track {
     display: flex;
     align-items: center;
     width: 100%;
     position: relative;
     background-color: transparent;
     border: 5px solid rgb(229, 229, 229);
     border-image: repeating-linear-gradient(
               -45deg,
               transparent,
               transparent 1px,
               rgb(229, 229, 229) 1px,
               rgb(229, 229, 229) 3px
          )
          5;
     height: 70px;
}
.mil-skill-frame .mil-skill-track .mil-skill-prog {
     position: absolute;
     top: 0;
     left: 0;
     background-color: rgb(12, 166, 226);
     height: 100%;
}
.mil-skill-frame .mil-skill-track .mil-skill-text {
     position: relative;
     padding-left: 30px;
}

.mil-pagination {
     padding-top: 60px;
     border-top: solid 5px rgba(0, 0, 0, 0.05);
     display: flex;
     justify-content: space-between;
     align-items: center;
}
@media screen and (max-width: 768px) {
     .mil-pagination {
          justify-content: center;
     }
     .mil-pagination .mil-nav-buttons {
          display: none;
     }
}

.mil-page-numbers {
     display: flex;
}
.mil-page-numbers li {
     padding: 5px 10px;
     list-style-type: none;
     margin-right: 10px;
}
.mil-page-numbers li:last-child {
     margin-right: 0;
}
.mil-page-numbers li a {
     color: rgb(0, 0, 0);
     font-weight: 600;
     text-transform: uppercase;
     transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-page-numbers li a:hover {
     color: rgb(12, 166, 226);
}
.mil-page-numbers li.mil-active {
     background-color: rgb(12, 166, 226);
}
.mil-page-numbers li.mil-active a:hover {
     color: rgb(0, 0, 0);
}

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

call to action

------------------------------------------- */
.mil-complex-actions {
     display: flex;
     justify-content: center;
     align-items: center;
}
@media screen and (max-width: 768px) {
     .mil-complex-actions {
          flex-direction: column;
     }
}

.mil-phone-box {
     padding-left: 30px;
     text-align: left;
}
@media screen and (max-width: 768px) {
     .mil-phone-box {
          padding: 30px 0 0;
          text-align: center;
     }
}

.mil-contact-frame {
     padding: 60px 60px 30px;
     border: 5px solid rgba(0, 0, 0, 0.05);
     border-image: repeating-linear-gradient(
               -45deg,
               transparent,
               transparent 1px,
               rgba(0, 0, 0, 0.05) 1px,
               rgba(0, 0, 0, 0.05) 3px
          )
          5;
}
@media screen and (max-width: 992px) {
     .mil-contact-frame {
          padding: 30px 30px 0;
     }
}

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

sidebar

------------------------------------------- */
.mil-sidebar-frame {
     margin-left: 90px;
     padding: 30px;
     border: 5px solid rgb(229, 229, 229);
     border-image: repeating-linear-gradient(
               -45deg,
               transparent,
               transparent 1px,
               rgb(229, 229, 229) 1px,
               rgb(229, 229, 229) 3px
          )
          5;
     background-color: rgb(255, 255, 255);
}
@media screen and (max-width: 992px) {
     .mil-sidebar-frame {
          margin-left: 0;
     }
}

.mil-contact-sidebar {
     width: 100%;
     background-color: rgb(255, 255, 255);
     position: absolute;
     z-index: 9;
     top: 0;
     left: 0;
     margin-bottom: 90px;
}
@media screen and (max-width: 992px) {
     .mil-contact-sidebar {
          position: static;
     }
}

.mil-sidebar-info {
     position: relative;
     padding: 60px 60px 60px;
     border: 5px solid rgba(0, 0, 0, 0.05);
     border-image: repeating-linear-gradient(
               -45deg,
               transparent,
               transparent 1px,
               rgba(0, 0, 0, 0.05) 1px,
               rgba(0, 0, 0, 0.05) 3px
          )
          5;
}
.mil-sidebar-info:before {
     content: "";
     background-color: rgb(255, 255, 255);
     position: absolute;
     z-index: -1;
     top: -40px;
     left: -40px;
     height: calc(100% + 80px);
     width: calc(100% + 80px);
}
@media screen and (max-width: 992px) {
     .mil-sidebar-info {
          padding: 30px;
     }
}

.mil-sidebar-search {
     position: relative;
}
.mil-sidebar-search input {
     height: 70px;
     width: 100%;
     padding: 0 30px;
     font-size: 15px;
     font-family: "Sora", sans-serif;
     border: solid 1px rgba(0, 0, 0, 0.1);
}
.mil-sidebar-search input::placeholder {
     font-size: 15px;
     font-family: "Sora", sans-serif;
}
.mil-sidebar-search input:focus {
     outline: inherit;
}
.mil-sidebar-search button {
     border: none;
     position: absolute;
     right: 0;
     top: 0;
     width: 70px;
     height: 70px;
     background-color: rgb(12, 166, 226);
}

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

map

------------------------------------------- */
.mil-map-frame {
     width: 100%;
     height: 600px;
     position: relative;
     overflow: hidden;
}
.mil-map-frame .mil-map {
     position: absolute;
     top: -50%;
     left: -50%;
     width: 200%;
     height: 200%;
}
.mil-map-frame .mil-map iframe {
     width: 100%;
     height: 100%;
}

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

team

------------------------------------------- */
.mil-team-member-wrapper {
     padding-top: 120px;
     position: relative;
     width: 100%;
}
.mil-team-member-wrapper:before {
     content: "";
     background-color: rgb(0, 0, 0);
     width: 100%;
     height: 50%;
     position: absolute;
     top: 0;
     left: 0;
}
.mil-team-member-wrapper .mil-team-member-frame {
     margin-top: 100px;
     background-color: rgb(255, 255, 255);
     padding: 60px;
     display: flex;
     justify-content: space-between;
     align-items: center;
}
.mil-team-member-wrapper .mil-team-member-frame .mil-left-side {
     width: 50%;
     padding-right: 30px;
}
.mil-team-member-wrapper .mil-team-member-frame .mil-right-side {
     width: 50%;
     padding-left: 30px;
}
@media screen and (max-width: 1200px) {
     .mil-team-member-wrapper .mil-team-member-frame {
          flex-direction: column;
     }
     .mil-team-member-wrapper .mil-team-member-frame .mil-left-side,
     .mil-team-member-wrapper .mil-team-member-frame .mil-right-side {
          width: 100%;
          padding: 0;
     }
}
@media screen and (max-width: 992px) {
     .mil-team-member-wrapper .mil-team-member-frame {
          margin-top: 10px;
     }
}
@media screen and (max-width: 768px) {
     .mil-team-member-wrapper .mil-team-member-frame {
          padding: 30px;
     }
}

.mil-member-portrait {
     position: relative;
     padding-bottom: 120%;
}
@media screen and (max-width: 1400px) {
     .mil-member-portrait {
          padding-bottom: 140%;
     }
}
@media screen and (max-width: 1200px) {
     .mil-member-portrait {
          padding-bottom: 100%;
          margin-bottom: 60px;
     }
}
@media screen and (max-width: 768px) {
     .mil-member-portrait {
          margin-bottom: 30px;
     }
}
.mil-member-portrait img {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: top;
}

.mil-next-project {
     text-align: right;
}
@media screen and (max-width: 768px) {
     .mil-next-project {
          text-align: center;
     }
}

@media screen and (max-width: 768px) {
     .mil-prev-project {
          text-align: center;
     }
}

.mil-team-member {
     position: relative;
     padding: 60px 0;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     border: solid 5px transparent;
}
.mil-team-member:after {
     content: "+";
     width: 40px;
     height: 40px;
     background-color: rgb(12, 166, 226);
     position: absolute;
     bottom: 10px;
     right: 10px;
     display: flex;
     justify-content: center;
     align-items: center;
     font-size: 22px;
     font-weight: 500;
     opacity: 0;
     transform: scale(0.4);
     transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-team-member .mil-avatar {
     width: 120px;
     height: 120px;
     border-radius: 50%;
     transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
}
.mil-team-member .mil-avatar img {
     object-position: top;
}
.mil-team-member:hover {
     border: 5px solid rgba(0, 0, 0, 0.05);
     border-image: repeating-linear-gradient(
               -45deg,
               transparent,
               transparent 1px,
               rgba(0, 0, 0, 0.05) 1px,
               rgba(0, 0, 0, 0.05) 3px
          )
          5;
}
.mil-team-member:hover:after {
     opacity: 1;
     transform: scale(1);
}
.mil-team-member:hover .mil-avatar {
     transform: scale(1.1);
}
@media screen and (max-width: 992px) {
     .mil-team-member {
          padding: 0;
          margin-bottom: 60px;
     }
     .mil-team-member:after {
          display: none;
     }
     .mil-team-member:hover {
          border: solid 5px transparent;
     }
}

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

comments

------------------------------------------- */
.mil-comments li {
     list-style-type: none;
}
.mil-comments li .mil-comment {
     margin-bottom: 30px;
}
.mil-comments li .mil-comment .mil-comment-head {
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-bottom: 10px;
}
.mil-comments li .mil-comment .mil-comment-head .mil-user-info {
     display: flex;
     align-items: center;
}
.mil-comments li .mil-comment .mil-comment-head .mil-user-info img {
     width: 80px;
     height: 80px;
     border-radius: 50%;
     margin-right: 30px;
}
.mil-comments li .mil-comment p {
     padding-left: 110px;
}
.mil-comments li ul {
     padding-left: 110px;
}
@media screen and (max-width: 992px) {
     .mil-comments li .mil-comment .mil-comment-head {
          margin-bottom: 20px;
     }
     .mil-comments li .mil-comment .mil-comment-head .mil-user-info img {
          width: 50px;
          height: 50px;
          margin-right: 15px;
     }
     .mil-comments li .mil-comment p {
          padding-left: 0;
     }
     .mil-comments li ul {
          padding-left: 30px;
     }
}

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

filter

------------------------------------------- */
.mil-filter {
     position: relative;
     width: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
}
.mil-filter .mil-filter-links {
     position: relative;
     background-color: rgb(255, 255, 255);
     padding: 0 20px;
}
.mil-filter .mil-filter-links a {
     text-transform: uppercase;
     font-size: 14px;
     font-weight: 600;
     padding: 3px 10px;
     margin-right: 20px;
     color: rgb(0, 0, 0);
}
.mil-filter .mil-filter-links a.mil-current {
     background-color: rgb(12, 166, 226);
}
.mil-filter .mil-filter-links a:last-child {
     margin-right: 0;
}
.mil-filter:before {
     content: "";
     width: 100%;
     height: 5px;
     background-color: transparent;
     border-bottom: 5px solid rgb(229, 229, 229);
     border-image: repeating-linear-gradient(
               -45deg,
               transparent,
               transparent 1px,
               rgb(229, 229, 229) 1px,
               rgb(229, 229, 229) 3px
          )
          5;
     position: absolute;
     left: 0;
}
@media screen and (max-width: 992px) {
     .mil-filter .mil-filter-links {
          display: flex;
          flex-direction: column;
          align-items: center;
     }
     .mil-filter .mil-filter-links a {
          margin-right: 0;
          margin-bottom: 5px;
     }
     .mil-filter .mil-filter-links a:last-child {
          margin-bottom: 0;
     }
}

.mil-hidden {
     display: none;
}

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

timer

------------------------------------------- */
.mil-timer-text {
     text-align: right;
}
@media screen and (max-width: 1200px) {
     .mil-timer-text {
          text-align: left;
     }
}
@media screen and (max-width: 500px) {
     .mil-timer-text {
          text-align: center;
     }
}

.mil-timer {
     display: flex;
     justify-content: flex-end;
}
.mil-timer .mil-timer-item {
     position: relative;
     display: flex;
     flex-direction: column;
     align-items: center;
     margin-right: 40px;
}
.mil-timer .mil-timer-item:after {
     content: ":";
     font-size: 32px;
     color: rgb(255, 255, 255);
     position: absolute;
     right: -25px;
     top: 25px;
}
.mil-timer .mil-timer-item:last-child {
     margin-right: 0;
}
.mil-timer .mil-timer-item:last-child:after {
     display: none;
}
.mil-timer .mil-timer-item .mil-timer-number {
     color: rgb(255, 255, 255);
     display: block;
     width: 80px;
     height: 80px;
     border: solid 1px rgb(12, 166, 226);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 32px;
     margin-bottom: 30px;
}
@media screen and (max-width: 1200px) {
     .mil-timer {
          justify-content: flex-start;
     }
}
@media screen and (max-width: 500px) {
     .mil-timer {
          flex-direction: column;
     }
     .mil-timer .mil-timer-item {
          margin-right: 0;
          margin-bottom: 30px;
     }
     .mil-timer .mil-timer-item:after {
          display: none;
     }
}

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

load more

------------------------------------------- */
/* .mil-load-more {
     margin-top: 60px;
     position: relative;
     width: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
}
.mil-load-more button {
     cursor: pointer;
     padding: 0 30px;
     border: none;
     background-color: rgb(255, 255, 255);
     text-transform: uppercase;
     font-size: 14px;
     font-weight: 600;
     z-index: 1;
}
.mil-load-more:before {
     content: "";
     width: 100%;
     height: 5px;
     background-color: transparent;
     border-bottom: 5px solid rgb(229, 229, 229);
     border-image: repeating-linear-gradient(
               -45deg,
               transparent,
               transparent 1px,
               rgb(229, 229, 229) 1px,
               rgb(229, 229, 229) 3px
          )
          5;
     position: absolute;
     left: 0;
     z-index: 0;
} */

/* Handle Preloader Css*/
/* .handle-preloader {
     position: fixed;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-color: var(--thm-base);
     display: flex;
     display: -ms-flexbox;
     align-items: center;
     -webkit-align-items: center;
     justify-content: center;
     -webkit-justify-content: center;
     z-index: 9999999;
}

.preloader-close {
     position: fixed;
     top: 15px;
     right: 15px;
     width: 30px;
     height: 30px;
     border-radius: 50%;
     font-size: 18px;
     line-height: 30px;
     background: #fff;
     text-align: center;
     cursor: pointer;
     z-index: 99999999;
}

.handle-preloader .animation-preloader {
     position: absolute;
     z-index: 100;
}

.handle-preloader .animation-preloader .spinner {
     width: 150px;
     height: 150px;
     border-radius: 50%;
     margin: 0 auto 45px auto;

     animation-name: zoomInOut;
     animation-duration: 3s;
     animation-iteration-count: infinite;
     animation-timing-function: ease-in-out;

     -webkit-animation-name: zoomInOut;
     -webkit-animation-duration: 3s;
     -webkit-animation-iteration-count: infinite;
     -webkit-animation-timing-function: ease-in-out;

     -moz-animation-name: zoomInOut;
     -moz-animation-duration: 3s;
     -moz-animation-iteration-count: infinite;
     -moz-animation-timing-function: ease-in-out;

     -ms-animation-name: zoomInOut;
     -ms-animation-duration: 3s;
     -ms-animation-iteration-count: infinite;
     -ms-animation-timing-function: ease-in-out;

     -o-animation-name: zoomInOut;
     -o-animation-duration: 3s;
     -o-animation-iteration-count: infinite;
     -o-animation-timing-function: ease-in-out;
}

.handle-preloader .animation-preloader .txt-loading {
     text-align: center;
     user-select: none;
}

.handle-preloader .animation-preloader .txt-loading .letters-loading {
     position: relative;
     display: inline-block;
     color: transparent;
     font-size: 70px;
     line-height: 70px;
     font-weight: 600;
     letter-spacing: 15px;
     text-transform: uppercase;
     -webkit-text-stroke-width: 1px;
     -webkit-text-stroke-color: rgba(255, 255, 255, 0.3);
     font-family: var(--thm-font);
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:before {
     position: absolute;
     top: 0;
     left: 0;
     animation: letters-loading 4s infinite;
     content: attr(data-text-preloader);
     opacity: 0;
}

.handle-preloader
     .animation-preloader
     .txt-loading
     .letters-loading:nth-child(2):before {
     animation-delay: 0.2s;
}

.handle-preloader
     .animation-preloader
     .txt-loading
     .letters-loading:nth-child(3):before {
     animation-delay: 0.4s;
}

.handle-preloader
     .animation-preloader
     .txt-loading
     .letters-loading:nth-child(4):before {
     animation-delay: 0.6s;
}

.handle-preloader
     .animation-preloader
     .txt-loading
     .letters-loading:nth-child(5):before {
     animation-delay: 0.8s;
}

.handle-preloader
     .animation-preloader
     .txt-loading
     .letters-loading:nth-child(6):before {
     animation-delay: 1s;
}

.handle-preloader
     .animation-preloader
     .txt-loading
     .letters-loading:nth-child(7):before {
     animation-delay: 1.3s;
}

.handle-preloader
     .animation-preloader
     .txt-loading
     .letters-loading:nth-child(8):before {
     animation-delay: 1.5s;
} */

/**
animation: spinner 1s infinite linear;

.handle-preloader .loader-section {
  background-color: #ffffff;
  height: 100%;
  position: fixed;
  top: 0;
  width: calc(50% + 1px);
}
**/

.preloader .loaded .animation-preloader {
     opacity: 0;
     transition: 0.3s ease-out;
}

/* .handle-preloader .animation-preloader .txt-loading .letters-loading {
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:before {
     color: #ffffff;
}

.handle-preloader .animation-preloader .spinner {
     border: 3px solid #ffffff;
     /**border-top-color: rgba(255, 255, 255, 0.5); 
} **/

/* Animation preloader */
@keyframes spinner {
     to {
          transform: rotateZ(360deg);
     }
}

@keyframes letters-loading {
     0%,
     75%,
     100% {
          opacity: 0;
          transform: rotateY(-90deg);
     }

     25%,
     50% {
          opacity: 1;
          transform: rotateY(0deg);
     }
}

@media screen and (max-width: 767px) {
     .handle-preloader .animation-preloader .spinner {
          height: 8em;
          width: 8em;
     }
}

@media screen and (max-width: 500px) {
     .handle-preloader .animation-preloader .spinner {
          height: 7em;
          width: 7em;
     }

     .handle-preloader .animation-preloader .txt-loading .letters-loading {
          font-size: 30px;
          letter-spacing: 10px;
     }
}

/* -------------------------------------------------------------------
   [EKLENDİ] txt-loading’i flex ile yatay diz, gap ile boşluk ver
   ------------------------------------------------------------------- */

/* -------------------------------------------------------------------
   [GÜNCELLENDİ] pseudo-element’i akışa dahil edip absolute’ı kaldırdık
   ------------------------------------------------------------------- */
.handle-preloader .animation-preloader .txt-loading .letters-loading:before {
     position: relative; /* absolute yerine relative */
     top: auto;
     left: auto;
     display: inline-block;
     opacity: 0; /* animasyonla opacity verilecek */
     animation: letters-loading 4s ease-in-out infinite;
     content: attr(data-text-preloader);
}

/* -------------------------------------------------------------------
   [KALDI] Harflerin animasyonu, zaten tanımlıydı
   ------------------------------------------------------------------- */
@keyframes letters-loading {
     0%,
     75%,
     100% {
          opacity: 0;
          transform: rotateY(-90deg);
     }
     25%,
     50% {
          opacity: 1;
          transform: rotateY(0deg);
     }
}
/* ——— Preloader logo dönme + ölçek animasyonu ——— */
.preloader-logo {
     /* Eğer daha önce eklemediyseniz:
     HTML’deki <img> etiketine bu class’ı verin:
     <img src="..." class="preloader-logo" alt="Logo"> */
     animation: rotateScale 6s ease-in-out infinite;
}

/* ——— rotateScale Keyframes ——— */
@keyframes rotateScale {
     0% {
          transform: rotate(0deg) scale(1);
     }
     50% {
          transform: rotate(80deg) scale(1);
     }
     100% {
          transform: rotate(160deg) scale(1);
     }
}
/* -------------------------------------------------------------------
   [EKLENDİ] Preloader container’ını sütun flex ile ortala
   ------------------------------------------------------------------- */
/* Eğer hala .handle-preloader kullanıyorsanız, ilk seçici iş yapar */
.handle-preloader .animation-preloader,
.loader-wrap .animation-preloader {
     display: flex; /* flex-container yap */
     flex-direction: column; /* dikey sütun düzeni */
     align-items: center; /* yatayda ortala */
     justify-content: center; /* dikeyde ortala */
     text-align: center; /* içindeki metni ortalar */
}

/* -------------------------------------------------------------------
   [EKLENDİ] Logo ile yazı arası boşluk
   ------------------------------------------------------------------- */
.preloader-logo {
     margin-bottom: 20px; /* logoyla metin arasına boşluk */
}

/* -------------------------------------------------------------------
   [EKLENDİ] Harfleri yan yana diz ve ortala
   ------------------------------------------------------------------- */
.txt-loading {
     display: flex;
     gap: 20px; /* harfler arası mesafe */
     justify-content: center;
     align-items: center;
     margin: 0;
     padding: 0;
}
/*--------------------------------------------------------------
  # Mobile Nav
  --------------------------------------------------------------*/