@charset "UTF-8";
/* -------------------------------------------

Name: 		Courtney (light mode)
Version:    1.0
Developer:	Nazar Miller (millerDigitalDesign)
Portfolio:  https://themeforest.net/user/millerdigitaldesign/portfolio?ref=MillerDigitalDesign

p.s. I am available for Freelance hire (UI design, web development). email: miller.themes@gmail.com

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

1. common
    - main
    - typography
    - button
    - link 
    - divider
    - section title
    - spaces
2. components
    - preloader
    - scrollbar
    - frame
    - right banner
    - content banner
    - about
    - circle text
    - skills
    - iconbox
    - blog
    - reviews
    - puplication details
    - subscribe form
    - breadcrumbs
    - pagination
    - story timeline
    - categories
    - portfolio item
    - carousel navigation
    - contact form
    - prices
    - accordion
    - footer
    - page transitions

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

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

main

------------------------------------------- */
html,
body {
  color: rgba(32, 33, 36, 0.5);
  background-color: rgb(253, 253, 253);
}

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

typography

------------------------------------------- */
h1,
.mil-h1,
h2,
.mil-h12,
h3,
.mil-h3,
h4,
.mil-h4,
h5,
.mil-h5,
h6,
.mil-h6 {
  color: rgb(32, 33, 36);
}
blockquote {
  background-color: rgba(32, 33, 36, 0.05);
  color: rgb(32, 33, 36);
  border-left-color: rgb(76, 175, 80);
}
a {
  color: inherit;
}
.mil-accent {
  color: rgb(76, 175, 80);
}
.mil-light {
  color: rgb(255, 255, 255) !important;
}
.mil-light a {
  color: rgb(255, 255, 255) !important;
}
.mil-dark {
  color: rgb(32, 33, 36);
}
.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(32, 33, 36, 0.5);
}
.mil-marker {
  background-color: rgb(76, 175, 80);
}

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

button

------------------------------------------- */
.mil-btn {
  background-color: rgb(76, 175, 80);
  color: rgb(255, 255, 255);
}
.mil-btn:hover {
  -webkit-filter: brightness(110%);
          filter: brightness(110%);
}

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

link

------------------------------------------- */
.mil-link {
  color: rgb(32, 33, 36) !important;
}
.mil-link svg {
  background-color: rgb(76, 175, 80);
  color: rgb(255, 255, 255);
}
.mil-link:hover svg {
  -webkit-filter: brightness(110%);
          filter: brightness(110%);
}
.mil-link.mil-dark-icon svg {
  background-color: rgb(32, 33, 36);
}

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

divider

------------------------------------------- */
.mil-divider {
  background-color: rgb(233, 233, 233);
}
.mil-divider:before {
  background-color: rgb(76, 175, 80);
}
.mil-divider:after {
  background-color: rgb(76, 175, 80);
}

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

section title

------------------------------------------- */
.mil-section-title h3 {
  background-color: rgb(253, 253, 253);
}

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

preloader

------------------------------------------- */
.mil-preloader-frame {
  background-color: rgb(255, 255, 255);
  color: rgb(32, 33, 36);
}
.mil-preloader-frame .mil-preloader-content:before {
  background-color: rgb(233, 233, 233);
}
.mil-preloader-frame .mil-preloader-content .mil-preloader div {
  background-color: rgb(76, 175, 80);
}

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

scrollbar

------------------------------------------- */
.mil-progress-track .mil-progress {
  background-color: rgb(76, 175, 80);
}

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

frame

------------------------------------------- */
.mil-top-panel {
  background-color: rgb(255, 255, 255);
  border-bottom-color: rgb(233, 233, 233);
}
.mil-top-panel .mil-logo {
  background-color: rgb(32, 33, 36);
  color: rgb(255, 255, 255);
}
/*.mil-top-panel .mil-logo span.mil-dot:after {
  background-color: rgb(76, 175, 80);
}*/
.mil-top-panel .mil-logo:hover {
  -webkit-filter: brightness(110%);
          filter: brightness(110%);
}
.mil-top-panel .mil-top-panel-btns .mil-contact-btn {
  background-color: rgb(32, 33, 36);
}
.mil-top-panel .mil-top-panel-btns .mil-contact-btn svg path, .mil-top-panel .mil-top-panel-btns .mil-contact-btn svg polyline {
  stroke: rgb(255, 255, 255);
}
.mil-top-panel .mil-top-panel-btns .mil-contact-btn:hover {
  -webkit-filter: brightness(110%);
          filter: brightness(110%);
}
@media screen and (max-width: 1200px) {
  .mil-top-panel .mil-top-panel-btns .mil-contact-btn {
    background-color: transparent;
  }
  .mil-top-panel .mil-top-panel-btns .mil-contact-btn svg path, .mil-top-panel .mil-top-panel-btns .mil-contact-btn svg polyline {
    stroke: rgb(32, 33, 36);
  }
}
.mil-left-panel {
  background-color: rgb(255, 255, 255);
  border-right: solid 1px rgb(233, 233, 233);
}
.mil-left-panel .mil-page-name {
  color: rgb(32, 33, 36);
}
.mil-left-panel .mil-social-icons li a {
  color: rgb(32, 33, 36);
}
.mil-left-panel .mil-social-icons li a svg path {
  fill: rgb(32, 33, 36);
}
.mil-left-panel .mil-social-icons li a:hover {
  color: rgb(76, 175, 80);
}
.mil-left-panel .mil-social-icons li a:hover svg path {
  fill: rgb(76, 175, 80);
}
.mil-back-to-top {
  background-color: rgb(255, 255, 255);
  border: solid 1px rgb(233, 233, 233);
}
.mil-back-to-top .mil-link {
  color: rgb(32, 33, 36) !important;
}
.mil-back-to-top .mil-link.mil-btt-icon svg {
  background-color: rgb(32, 33, 36) !important;
}
.mil-navigation nav ul li a {
  color: rgb(32, 33, 36);
}
.mil-navigation nav ul li.mil-active > a:before {
  background-color: rgb(76, 175, 80);
}
.mil-navigation nav ul li.mil-has-children ul {
  background-color: rgb(32, 33, 36);
}
.mil-navigation nav ul li.mil-has-children ul li a {
  color: rgb(255, 255, 255);
}
@media screen and (max-width: 1200px) {
  .mil-navigation {
    -webkit-box-shadow: 0px 0px 40px 0px rgba(18, 24, 32, 0.1);
            box-shadow: 0px 0px 40px 0px rgba(18, 24, 32, 0.1);
    background-color: rgb(32, 33, 36);
  }
  .mil-navigation nav ul li a {
    color: rgb(255, 255, 255);
  }
  .mil-navigation nav ul li a:hover {
    color: rgb(255, 255, 255);
  }
  .mil-navigation nav ul li.mil-active > a {
    color: rgb(76, 175, 80);
  }
  .mil-navigation nav ul li.mil-has-children ul {
    background-color: rgb(76, 175, 80);
    -webkit-box-shadow: inset 0 0 0 1px rgba(32, 33, 36, 0.1);
            box-shadow: inset 0 0 0 1px rgba(32, 33, 36, 0.1);
  }
  .mil-navigation nav ul li.mil-has-children ul li a {
    color: rgb(255, 255, 255);
  }
}
.mil-menu-btn span, .mil-menu-btn span:after, .mil-menu-btn span:before {
  background: rgb(32, 33, 36);
}

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

right banner

------------------------------------------- */
.mil-right-banner {
  background-color: rgb(233, 233, 233);
}
.mil-right-banner .mil-banner-wrapper .mil-banner-frame .mil-banner-bg.mil-blur {
  -webkit-filter: blur(3px);
          filter: blur(3px);
}
.mil-flying-skills .mil-skills-frame .mil-item {
  background-color: rgb(255, 255, 255);
}
.mil-flying-skills .mil-skills-frame .mil-el {
  color: rgb(255, 255, 255);
}
.mil-flying-skills .mil-skills-frame .mil-el.mil-addition-el-3 {
  border-color: rgb(255, 255, 255);
}
.mil-flying-skills .mil-skills-frame .mil-el.mil-addition-el-4 {
  border-color: rgb(255, 255, 255);
}

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

content banner

------------------------------------------- */
.mil-side-banner .mil-banner-top {
  background-color: rgb(233, 233, 233);
}
.mil-side-banner .mil-banner-top:after {
  background-color: rgb(76, 175, 80);
}
.mil-banner-sm .mil-banner-top {
  background-color: rgb(233, 233, 233);
}
.mil-banner-sm .mil-banner-top:after {
  background-color: rgb(76, 175, 80);
}

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

about

------------------------------------------- */
.mil-oval-frame {
  background-color: rgba(32, 33, 36, 0.1);
}
.mil-oval-frame-2 {
  background-color: rgba(32, 33, 36, 0.1);
}
.mil-quote {
  background-color: rgb(76, 175, 80);
  color: rgb(255, 255, 255);
}

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

circle text

------------------------------------------- */
.mil-circle-text .mil-ct-svg text {
  fill: rgb(32, 33, 36);
}
.mil-circle-text .mil-button {
  border-color: rgb(255, 255, 255);
}
.mil-circle-text .mil-button {
  background-color: rgb(32, 33, 36);
}
.mil-circle-text .mil-button svg line, .mil-circle-text .mil-button svg polyline {
  stroke: rgb(255, 255, 255);
}

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

skills

------------------------------------------- */
.mil-circular-progress {
  --p: 0;
  background: conic-gradient(rgb(76, 175, 80) var(--p, 0), 0, rgb(233, 233, 233));
}
.mil-circular-progress:after {
  background-color: rgb(253, 253, 253);
}
.mil-line-progress {
  background-color: rgb(233, 233, 233);
}
.mil-line-progress .mil-bar {
  background-color: rgb(76, 175, 80);
}
.mil-line-progress .mil-bar:before {
  color: rgb(32, 33, 36);
}

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

iconbox

------------------------------------------- */
.mil-icon-box .mil-service-icon {
  background-color: rgb(244, 244, 244);
}

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

blog

------------------------------------------- */
.mil-blog-card:hover .mil-cover img {
  -webkit-filter: brightness(80%);
          filter: brightness(80%);
}

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

reviews

------------------------------------------- */
.swiper-reviews-pagination .swiper-pagination-bullet {
  background-color: rgb(233, 233, 233);
  opacity: 1;
}
.swiper-reviews-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: rgb(76, 175, 80);
}
.mil-slider-nav .mil-reviews-prev, .mil-slider-nav .mil-reviews-next {
  background-color: rgb(76, 175, 80);
}
.mil-slider-nav .mil-reviews-prev svg, .mil-slider-nav .mil-reviews-next svg {
  color: rgb(255, 255, 255);
}
.mil-slider-nav .mil-reviews-prev.swiper-button-disabled, .mil-slider-nav .mil-reviews-next.swiper-button-disabled {
  background-color: rgb(233, 233, 233);
}

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

puplication details

------------------------------------------- */
.mil-puplication-details li:after {
  background-color: rgb(76, 175, 80);
}

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

subscribe form

------------------------------------------- */
.mil-subscribe-form input {
  border-color: solid 1px rgb(233, 233, 233);
}
.mil-subscribe-form input::-webkit-input-placeholder {
  opacity: 0.6;
}
.mil-subscribe-form input::-moz-placeholder {
  opacity: 0.6;
}
.mil-subscribe-form input:-ms-input-placeholder {
  opacity: 0.6;
}
.mil-subscribe-form input::-ms-input-placeholder {
  opacity: 0.6;
}
.mil-subscribe-form input::placeholder {
  opacity: 0.6;
}
.mil-subscribe-form button {
  background-color: rgb(76, 175, 80);
  color: rgb(255, 255, 255);
}

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

breadcrumbs

------------------------------------------- */
.mil-breadcrumbs li:after {
  color: rgb(32, 33, 36);
}
.mil-breadcrumbs li a {
  color: rgb(32, 33, 36);
}
.mil-breadcrumbs li a:hover {
  color: rgb(76, 175, 80);
}
.mil-breadcrumbs li:last-child a {
  opacity: 0.4;
}
.mil-breadcrumbs.mil-light:before {
  background-color: rgba(255, 255, 255, 0.1);
}
.mil-breadcrumbs.mil-light li:after {
  color: rgba(255, 255, 255, 0.9);
}
.mil-breadcrumbs.mil-light li a:hover {
  color: rgb(76, 175, 80) !important;
}

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

pagination

------------------------------------------- */
.mil-pagination .mil-pagination-buttons {
  background-color: rgb(253, 253, 253);
}
.mil-pagination .mil-pagination-buttons .mil-pagination-btn {
  background-color: rgb(233, 233, 233);
  color: rgb(32, 33, 36);
}
.mil-pagination .mil-pagination-buttons .mil-pagination-btn.mil-active {
  background-color: rgb(76, 175, 80);
  color: rgb(255, 255, 255);
}

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

story timeline

------------------------------------------- */
.mil-timeline {
  border-left-color: rgb(233, 233, 233);
}
.mil-timeline ul li:before {
  background-color: rgba(32, 33, 36, 0.05);
}
.mil-timeline ul li:after {
  background-color: rgb(76, 175, 80);
}
.mil-timeline ul li .mil-item-head .mil-text-sm {
  background-color: rgba(32, 33, 36, 0.1);
}

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

categories

------------------------------------------- */
.mil-categories li a {
  color: rgb(32, 33, 36);
}
.mil-categories li a:hover {
  color: rgb(76, 175, 80);
}
.mil-categories li.mil-active a {
  background-color: rgb(76, 175, 80);
  color: rgb(255, 255, 255);
}
.mil-categories li.mil-active a:hover {
  color: rgb(255, 255, 255);
}

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

portfolio item

------------------------------------------- */
.mil-portfolio-item.mil-item-2 .mil-description {
  background-color: rgb(255, 255, 255);
  border-color: rgb(233, 233, 233);
}
.mil-portfolio-item.mil-item-2 .mil-description h4, .mil-portfolio-item.mil-item-2 .mil-description h3 {
  color: rgb(32, 33, 36);
}

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

carousel navigation

------------------------------------------- */
.mil-carousel-nav {
  background-color: rgb(253, 253, 253);
}
.mil-carousel-nav:after {
  background-color: rgb(253, 253, 253);
}
.mil-carousel-nav .mil-carousel-nav-arrow {
  background-color: rgb(76, 175, 80);
}
.mil-carousel-nav .mil-carousel-nav-arrow svg {
  color: rgb(255, 255, 255);
}
.mil-carousel-nav .mil-carousel-nav-arrow.mil-portfolio-prev {
  background-color: rgb(32, 33, 36);
}
.mil-carousel-nav .mil-carousel-nav-arrow:hover {
  -webkit-filter: brightness(110%);
          filter: brightness(110%);
}
.mil-carousel-nav .mil-portfolio-pagination {
  background-color: rgb(253, 253, 253);
}

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

contact form

------------------------------------------- */
input,
textarea {
  background-color: rgb(253, 253, 253);
  color: rgb(32, 33, 36);
  border-bottom-color: rgba(32, 33, 36, 0.1);
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: rgba(32, 33, 36, 0.5);
}
input::-moz-placeholder, textarea::-moz-placeholder {
  color: rgba(32, 33, 36, 0.5);
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: rgba(32, 33, 36, 0.5);
}
input::-ms-input-placeholder, textarea::-ms-input-placeholder {
  color: rgba(32, 33, 36, 0.5);
}
input::placeholder,
textarea::placeholder {
  color: rgba(32, 33, 36, 0.5);
}

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

prices

------------------------------------------- */
.mil-price-card {
  background-color: rgb(255, 255, 255);
  border-color: rgb(233, 233, 233);
}
.mil-price-card .mil-price-number {
  color: rgb(32, 33, 36);
}
.mil-price-card .mil-price-number span {
  color: rgb(143, 144, 145);
}
.mil-price-card ul li.mil-empty {
  opacity: 0.3;
}

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

accordion

------------------------------------------- */
.mil-accordion-group {
  border-bottom-color: rgba(32, 33, 36, 0.1);
}
.mil-accordion-group .mil-accordion-menu .mil-symbol {
  color: rgb(32, 33, 36);
  background-color: rgb(233, 233, 233);
}
.mil-accordion-group .mil-accordion-menu .mil-accordion-head {
  color: rgb(32, 33, 36);
}

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

footer

------------------------------------------- */
footer {
  background-color: rgb(32, 33, 36);
}
footer:before, footer:after {
  background-color: rgb(32, 33, 36);
}
footer a:after {
  background-color: rgb(76, 175, 80);
}
footer a:hover {
  color: rgb(76, 175, 80) !important;
}