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

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

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

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

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

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */
.services__btn:hover {
  background: #151515 !important;
  color: #fff !important;
  text-decoration: none !important;
}

/* 404 page styles */
.error-404.not-found {
  min-height: 70vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.error-404__box {
  background: #fff200;
  border-radius: 24px;
  padding: 4.8rem 3.2rem;
  max-width: 42rem;
  width: 100%;
  text-align: center;
}
.error-404__title {
  font-family: var(--font-family);
  font-size: 2.5rem;
  color: #22223b;
  margin-bottom: 16px;
  letter-spacing: 0.02em;
  font-weight: 700;
}
.error-404__subtitle {
  font-size: 2.5rem;
  color: #22223b;
  margin-bottom: 24px;
  font-family: var(--font-family);
}
.error-404__desc {
  margin-bottom: 32px;
  color: #22223b;
  font-size: 1.7rem;
}
.error-404__btn {
  display: inline-block;
  background: #22223b;
  color: #fff;
  padding: 12px 32px;
  border-radius: 8px;
  font-size: 1rem;
  font-family: "TT Firs Neue", Arial, sans-serif;
  text-decoration: none;
  transition: background 0.2s;
}
.error-404__btn:hover {
  background: #151515;
  color: #fff;
}

.header__burger:hover {
  background: inherit !important;
  box-shadow: none !important;
  border-color: inherit !important;
  color: #22223b !important;
}

div.about__image {
  height: 46.5rem;
}

.custom-select {
  position: relative;
  cursor: pointer;
}

.custom-select-trigger {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 2rem;
  padding-right: 3rem;
  margin-left: 2rem;
  color: #151515;
}

.custom-options {
  position: absolute;
  top: calc(100% + 0.8rem);
  width: 100%;
  background: #fcdb3f;
  border: 0.1rem solid rgba(21, 21, 21, 0.4);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  padding: 0.8rem;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 2rem;
  margin: 0;
  left: 2rem;
  color: #151515;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: all 0.2s ease-in;
  z-index: 999;
  list-style: none;
}

.header__nav {
  margin-left: auto;
}

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

.custom-select.open .custom-options {
  opacity: 1;
  pointer-events: all;
  visibility: visible;
}

.custom-select-trigger::after {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  content: "";
  background-image: url('data:image/svg+xml;utf8,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.85178 5.22678C1.90403 5.17439 1.9661 5.13283 2.03444 5.10448C2.10278 5.07612 2.17604 5.06152 2.25003 5.06152C2.32402 5.06152 2.39728 5.07612 2.46562 5.10448C2.53396 5.13283 2.59603 5.17439 2.64828 5.22678L9.00003 11.5797L15.3518 5.22678C15.4041 5.17448 15.4662 5.13299 15.5345 5.10469C15.6028 5.07639 15.6761 5.06182 15.75 5.06182C15.824 5.06182 15.8972 5.07639 15.9656 5.10469C16.0339 5.13299 16.096 5.17448 16.1483 5.22678C16.2006 5.27908 16.2421 5.34117 16.2704 5.4095C16.2987 5.47783 16.3132 5.55107 16.3132 5.62503C16.3132 5.69899 16.2987 5.77223 16.2704 5.84056C16.2421 5.90889 16.2006 5.97098 16.1483 6.02328L9.39828 12.7733C9.34603 12.8257 9.28395 12.8672 9.21562 12.8956C9.14728 12.9239 9.07402 12.9385 9.00003 12.9385C8.92604 12.9385 8.85278 12.9239 8.78444 12.8956C8.7161 12.8672 8.65403 12.8257 8.60178 12.7733L1.85178 6.02328C1.7994 5.97103 1.75783 5.90896 1.72948 5.84062C1.70112 5.77228 1.68652 5.69902 1.68652 5.62503C1.68652 5.55104 1.70112 5.47778 1.72948 5.40944C1.75783 5.3411 1.7994 5.27903 1.85178 5.22678Z" fill="%23151515"/></svg>');
  width: 1.8rem;
  height: 1.8rem;
  background-repeat: no-repeat;
  background-size: contain;
  transition: all ease 0.3s;
}

.custom-select.open .custom-select-trigger::after {
  transform: translateY(-50%) rotate(-180deg);
}
html[lang="en-US"] .approach__step-title {
  font-size: 2.9rem;
}
html[lang="en-US"] .about-main__title {
  font-size: 5.5rem;
}

	.custom-option a{
		    color: #151515;
}
@media (max-width: 991.98px) {
  .custom-select {
    margin-right: 1rem;
    padding: 0;
  }
  .custom-select-trigger,
  .custom-options {
    font-size: 1.6rem;
  }
  .custom-options {
    left: 0;
    padding: 0.6rem;
    width: auto;
  }
  .custom-select-trigger {
    margin: 0;
    padding: 0;
  }

  .custom-select-trigger::after {
    display: none;
  }
	html[lang="en-US"] .approach__step-title {
		font-size: 1.6rem;
}

}