/* Fonts */
@font-face {
  font-family: 'DMSerifDisplay Regular';
  src: url('../fonts/DMSerifDisplay-Regular.woff2') format('woff2'),
    url('../fonts/DMSerifDisplay-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DMSerifDisplay Regular Italic';
  src: url('../fonts/DMSerifDisplay-Italic.woff2') format('woff2'),
    url('../fonts/DMSerifDisplay-Italic.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Jost Regular';
  src: url('../fonts/Jost-Regular.woff2') format('woff2'),
    url('../fonts/Jost-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Jost Medium';
  src: url('../fonts/Jost-Medium.woff2') format('woff2'),
    url('../fonts/Jost-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Jost SemiBold';
  src: url('../fonts/Jost-SemiBold.woff2') format('woff2'),
    url('../fonts/Jost-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Jost Bold';
  src: url('../fonts/Jost-Bold.woff2') format('woff2'),
    url('../fonts/Jost-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Vars */
:root {
  --bg-light: #F4F0EC;
  --primary-dark: #292F36;
  --primary-light: #CDA274;
}

/* Reset */
* {
  margin: 0;
  padding: 0;
}

body {
  color: #4D5053;
  font-size: 22px;
  font-family: 'Jost Regular';
  letter-spacing: 0.01em;
  line-height: 150%;
  padding-top: 136px;
  background-color: #F5F5F5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: 0.02em;
  line-height: 125%;
  font-family: 'DMSerifDisplay Regular';
  color: var(--primary-dark);
}

h1 {
  letter-spacing: 0;
}

h1,
h2 {
  font-size: 50px;
}

h3 {
  font-size: 35px;
}

h4 {
  font-size: 25px;
}

h5 {
  font-size: 22px;
}

h6 {
  font-size: 20px;
}

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

img,
svg {
  vertical-align: bottom;
}

button {
  cursor: pointer;
  border: none;
  background: none;
}

form * {
  appearance: none;
  -webkit-appearance: none;
  border: none;
}

input::placeholder,
textarea::placeholder {
  color: #4D5053;
}

/* Bootstrap reset */
ol,
ul,
p,
h1,
h2,
h3,
h4,
h5,
h6,
a,
hr {
  margin: 0;
  padding: 0;
  opacity: 1;
}

a:hover {
  color: inherit;
}

/* burger */


#burger {
  position: absolute;
  height: 30px;
  width: 50px;
  top: 0;
  right: 0;
}

#burger span,
#burger:before,
#burger:after {
  position: absolute;
  right: 0;
  content: '';
  height: 3px;
  width: 100%;
  display: block;
  background: var(--primary-dark);
  transition: .5s;
  border-radius: 50px;
}

#burger span {
  top: 50%;
  margin-top: -2px;
  width: 70%;
}

#burger:after {
  bottom: 0;
  width: 40%;
}

#open-menu:hover,
#close-menu:hover {
  transition: .5s;
}

#close-menu:hover+#open-menu #burger:after,
#close-menu:hover+#open-menu #burger span,
#open-menu:hover #burger:after,
#open-menu:hover #burger span {
  transition: .5s;
  width: 100%
}

#open-menu,
#close-menu {
  border: none;
  width: 50px !important;
  height: 30px !important;
  background: none;
  position: relative;
  margin-left: 39px;
  box-sizing: content-box;
}

#close-menu {
  display: none;
  z-index: 12;
  cursor: pointer;
  background: none;
}

#close-menu img {
  width: 100%;
}

#close-menu:focus {
  outline: none;
}

#close-menu:before,
#close-menu:after {
  position: absolute;
  left: 50%;
  top: 50%;
  content: '';
  height: 32px;
  width: 3px;
  background: #ffffff;
  margin-top: -16px;
  background: var(--primary-dark);
  border-radius: 50px;
}

#close-menu:before {
  transform: rotate(45deg);
}

#close-menu:after {
  transform: rotate(-45deg);
}

.invisible {
  display: none;
}

.svg-inline--fa path {
  fill: #fff;
}

.sidenav {
  top: 136px;
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 999;
  right: 0;
  background-color: var(--primary-dark);
  overflow-x: hidden;
  transition: 0.5s;
  border-top-left-radius: 50px;
  padding-top: 50px;
  box-shadow: 0px 10px 20px #1F2022;
}

.sidenav .menu-content {
  height: calc(100% - 100px);
  overflow-x: hidden;
}

.sidenav .wt-menu {
  padding: 0 20px;
}

.sidenav .wt-menu li {
  border-bottom: 1px #fff solid;
  display: block;
  overflow: hidden;
  clear: both;
}

.sidenav a {
  padding: 10px 0;
  text-decoration: none;
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
  color: #fff;
  display: block;
  user-select: none;
}

.sidenav a:not([href]),
.sidenav a:not([href]):hover {
  color: #fff;
}

.sidenav a:hover,
.sidenav a i {
  color: #fff;
}

.sidenav.closed li {
  opacity: 0;
  transition: .1s;
}

.sidenav.opened {
  width: 50%;
}

.sidenav.closed {
  width: 0;
}

.sidenav.opened li {
  opacity: 1;
  transition: 1s;
}

.sidenav li {
  padding: 0;
  position: relative;
}

.sidenav .wt-menu>li:last-child span {
  display: block;
  color: #fff;
  padding: 20px 0 0 0;
  font-size: 16px;
}

.sidenav .sub-menu {
  display: none;
  padding: 0;
  background: #fff;
}

.sidenav .sub-menu a {
  text-transform: none;
}

.sidenav .sub-menu.opened-sub-menu {
  display: block;
}

.sidenav .sub-menu.opened-sub-menu .sub-menu.opened-sub-menu {
  background: #b7ccff;
}

.sidenav .sub-menu.opened-sub-menu .sub-menu.opened-sub-menu .sub-menu.opened-sub-menu {
  background: #d9e4ff;
}

.sidenav .unlock-sub .sub-menu.opened-sub-menu {
  display: block;
}

.sidenav ul li ul li a {
  padding-left: 20px;
}

.sidenav .sub-menu.opened-sub-menu li:last-child {
  border-bottom: none;
}

.sidenav>li.menu-item a.active,
.sidenav>li.menu-item>.sub-menu .menu-item>a.active {
  color: #28a8e0;
}

.sidenav .has-children .sub-menu li {
  background-color: var(--bg-light);
}

.sidenav .has-children .sub-menu li a {
  padding-left: 20px;
  color: var(--primary-dark);
}

.sidenav .has-children .sub-menu .has-children .sub-menu li a {
  padding-left: 30px;
}

.sidenav .has-children .sub-menu .has-children .sub-menu .has-children .sub-menu li a {
  padding-left: 40px;
}

.sidenav .has-children>.arrow {
  width: 44px;
  height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin: 0;
  cursor: pointer;
  background: transparent;
}

.sidenav .sub-menu.opened-sub-menu .has-children>.arrow {
  background: none;
}

.sidenav .has-children>.arrow::before,
.sidenav .has-children>.arrow::after,
.sidenav .has-children>.arrow.active::after {
  background: var(--primary-light);
  display: block;
  border-radius: 8px;
}

.sidenav .has-children>.arrow::before {
  content: "";
  width: 4px;
  height: 14px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -7px;
  margin-left: -2px;
}

.sidenav .has-children>.arrow::after {
  content: "";
  width: 14px;
  height: 4px;
}

.sidenav .has-children>.arrow.active::before {
  display: none;
}

/* Header */
header {
  z-index: 1000;
  position: fixed;
  background-color: #fff;
  inset: 0;
  height: 136px;
  font-size: 20px;
}

.header__left svg {
  width: 177px;
  height: 50px;
}

.header__right a {
  transition: all .2s;
}

.header__right a:hover {
  color: var(--primary-light);
}

.header__hover-nav div {
  position: absolute;
  display: none;
  background-color: var(--primary-dark);
  z-index: 1001;
  transition: all .5s;
  padding: 10px;
  border-radius: 8px;
  margin-left: -96px;
}

.hover-nav-ml {
  margin-left: -192px !important;
}

.header__hover-nav div a {
  color: #fff;
}

.header__hover-nav div a:not(:last-child) {
  margin-right: 10px;
}

.header__hover-nav:hover div {
  display: block;
}

.header__search {
  border-radius: 16px;
}

.header__search a {
  padding: 0;
}

.header__search svg {
  width: 28px;
  height: auto;
}

/* Main */
main>* {
  background-color: #fff;
  max-width: 1920px;
  margin: 0 auto;
  box-sizing: content-box;
}

/* Hero */
.hero {
  height: 1042px;
  background-image: url('../img/Hero-desktop.webp');
  background-repeat: no-repeat;
  padding-bottom: 200px;
}

.hero h1 {
  font-size: 85px;
  margin-bottom: 9px;
}

.hero p {
  margin-bottom: 21px;
}

/* !--default-button--! */
.default-button {
  color: #fff;
  font-family: 'Jost SemiBold';
  font-size: 18px;
  padding: 22px 44px;
  border-radius: 18px;
  background-color: var(--primary-dark);
  line-height: 125%;
  box-shadow: 0px 10px 20px rgba(192, 192, 192, 0.35);
  transition: all .2s;
  border: 4px solid transparent;
  cursor: pointer;
}

.default-button span {
  margin-right: 10px;
}

.default-button svg {
  width: 18px;
  height: auto;
  stroke: var(--primary-light);
  transition: all .2s;
}

.default-button:hover {
  color: #fff;
  background-color: var(--primary-light);
  border: 4px solid var(--primary-dark);
}

.default-button:hover svg {
  stroke: var(--primary-dark);
}

/* !--default-button--! */

/* Tips */
#tips {
  padding-bottom: 200px;
}

#tips .row>* {
  padding: 0 30px;
}

#tips h4 {
  margin-bottom: 20px;
}

#tips p {
  margin-bottom: 52px;
}

#tips .default-button {
  padding: 0;
  background-color: transparent;
  color: var(--primary-dark);
  box-shadow: none;
}

#tips .default-button:hover {
  border: 4px solid transparent;
}

#tips .default-button:hover svg {
  stroke: var(--primary-light);
}

#tips .default-button:hover span {
  color: var(--primary-light);
  transition: all .2s;
}

/* Stylish */
.stylish {
  padding-bottom: 200px;
}

.stylish__left {
  padding-right: 57px;
}

.stylish__left .default-button {
  padding-right: 27px;
  padding-left: 27px;
}

.stylish__box-text h2 {
  margin-bottom: 33px;
}

.stylish__box-text p {
  margin-bottom: 45px;
}

.stylish__box-img {
  margin-bottom: 47px;
}

.stylish__box-img a {
  margin-right: 15px;
  border-radius: 100%;
  transition: all .2s;
}

.stylish__box-img a:hover {
  outline: 4px solid var(--primary-dark);
}

.stylish__box-img img {
  width: 93px;
  height: auto;
  border-radius: 100%;
}

.stylish__box-img div p:first-child {
  font-family: 'Jost Bold';
  font-size: 24px;
}

.stylish__right img {
  width: 100%;
  height: auto;
  border-top-right-radius: 326.5px;
  border-bottom-left-radius: 123px;
}

/* About-us */
.about-us {
  padding-bottom: 150px;
}

.about-us .row {
  background-color: var(--bg-light);
  border-radius: 70px;
  padding: 88px 24px;
}

.about-us .row>* {
  margin-bottom: 24px;
}

.about-us .row>div:last-child {
  margin-bottom: 0;
}

.about-us h2 {
  margin-bottom: 38px;
  max-width: 547px;
}

.about-us__card {
  background-color: #fff;
  border-radius: 30px;
  padding: 53px 37px;
}

.about-us__box-img {
  margin-bottom: 25px;
}

.about-us__box-img img {
  width: 70px;
  height: 70px;
  margin-right: 23px;
}

/* Brands */
.brands {
  padding-bottom: 150px;
}

.brands div:first-child {
  max-width: 1090px;
  padding: 0 12px;
}

.brands div.d-md-none {
  max-width: 60%;
}

.brands img {
  height: auto;
}

.brands img:nth-child(1) {
  width: 132px;
}

.brands img:nth-child(2) {
  width: 103px;
}

.brands img:nth-child(3) {
  width: 164px;
}

.brands img:nth-child(4) {
  width: 146px;
}

.brands img:nth-child(5) {
  width: 118px;
}

/* Projects */
.projects {
  padding-bottom: 150px;
}

.projects h2 {
  margin-bottom: 8px;
}

.projects__box-p {
  margin-bottom: 93px;
}

.projects__box-p p {
  max-width: 753px;
}

.projects__card {
  max-width: 600px;
  margin-bottom: 56px;
}

.projects .row div:nth-child(1) .projects__box-img img {
  border-top-right-radius: 80px;
}

.projects .row div:nth-child(2) .projects__box-img img {
  border-top-left-radius: 80px;
}

.projects .row div:nth-child(3) .projects__box-img img {
  border-bottom-right-radius: 80px;
}

.projects .row div:nth-child(4) .projects__box-img img {
  border-bottom-left-radius: 80px;
}

.projects .row div:nth-child(3),
.projects .row div:nth-child(4) {
  margin-bottom: 0;
}

.projects__box-img img {
  width: 100%;
  height: auto;
  margin-bottom: 24px;
}

/* !--default-arrow--! */

.default-arrow {
  border-radius: 100%;
  background-color: var(--bg-light);
  width: 64px;
  height: 64px;
  border: 4px solid var(--bg-light);
  transition: all .2s;
}

.default-arrow img {
  width: 8px;
  height: auto;
}

.default-arrow:hover {
  background-color: #fff;
  border: 4px solid var(--bg-light);
}

/* !--default-arrow--! */

/* Achievements */
.achievements {
  padding-bottom: 200px;
}

.achievements__content {
  background-color: var(--bg-light);
}

.achievements__content>div {
  max-width: 1082px;
  padding: 151px 12px;
}

.achievements__content h3 {
  font-size: 85px;
  color: var(--primary-light);
  margin-bottom: 16px;
}

.achievements__content span {
  width: 1px;
  height: 130px;
  background-color: var(--primary-light);
  padding: 0;
}

/* Blog-preview */
.blog-preview {
  padding-bottom: 200px;
}

.blog-preview>.default-thank {
  padding: 0;
}

.blog-preview>.default-posts h2 {
  margin-bottom: 12px;
}

.blog-preview>.default-posts h2~p {
  margin-bottom: 52px !important;
  max-width: 811px;
}

/* Contact-us */
.contact-us {
  padding-bottom: 67.5px;
}

.contact-us__content {
  background-color: var(--primary-dark);
  padding: 80px 50px;
  border-radius: 70px;
}

.contact-us__content h2 {
  margin-bottom: 11px;
  color: #fff;
}

.contact-us__content p {
  margin-bottom: 32px;
  color: #fff;
}

.contact-us__content .default-button {
  padding: 26px 37px;
  background-color: var(--primary-light);
  box-shadow: 0px 10px 20px #1F2022;
}

.contact-us__content .default-button svg {
  stroke: var(--primary-dark);
}

.contact-us__content .default-button:hover {
  background-color: var(--primary-dark);
  border-color: var(--primary-light);
}

.contact-us__content .default-button:hover svg {
  stroke: var(--primary-light);
}

/* Footer */
footer {
  background-color: #fff;
  padding-top: 67.5px;
}

.footer__box-logo img {
  width: 178px;
  height: auto;
}

/* !-- default-social --! */
.default-social {
  max-width: 225px;
}

.default-social__maxw-1-img {
  justify-content: center !important;
}

.default-social__maxw-2-img {
  max-width: 57px !important;
}

.default-social__maxw-3-img {
  max-width: 105px !important;
}

.default-social a:hover img {
  margin-bottom: 5px;
  transform: scale(130%);
}

.default-social img {
  height: auto;
  transition: all .2s;
}

.default-social__img-facebook {
  width: 11px;
}

.default-social__img-twitter {
  width: 19px;
}

.default-social__img-in {
  width: 17px;
}

.default-social__img-instagram {
  width: 18px;
}

/* !-- default-social --! */

footer h4,
footer .row>div:nth-child(1) p,
.footer__box-logo {
  margin-bottom: 25px;
}

footer .row>div:nth-child(3)>div:not(:last-child),
footer .row>div:nth-child(4)>div:not(:last-child),
footer .row>div:nth-child(5) p:not(:last-child) {
  margin-bottom: 35px;
}

footer .row>div:nth-child(3) a:hover,
footer .row>div:nth-child(4) a:hover,
footer .row>div:nth-child(5) a:hover {
  color: var(--primary-light);
  transition: all .2s;
}

.footer__last-p {
  padding: 43px 0;
  margin-top: 135px;
}

/* !--default-banner--! */
.default-banner {
  height: 356px;
  background-repeat: no-repeat;
}

.default-banner__content {
  background-color: #fff;
  border-top-right-radius: 37px;
  border-top-left-radius: 37px;
  padding: 41px 65px;
}

.default-banner__content h1 {
  min-width: 373px;
}

.default-banner-pos-r {
  background-position: right;
}

/* !--default-banner--! */

/* page */
/* Top-banner */
.top-banner {
  padding-bottom: 200px;
}

/* page */

/* thank-you */
/* Thank-you */
.default-thank {
  padding: 200px 0;
}

.default-thank h1 {
  color: var(--primary-light);
  font-size: 85px;
  margin-bottom: 0 !important;
}

.default-thank .default-thank__content {
  max-width: 796px;
  padding: 10% 0;
  background-color: var(--bg-light);
  border-radius: 70px;
}

/* thank-you */

/* about-us */

/* Quote-about-us */
.quote-about-us {
  padding-bottom: 200px;
}

.quote-about-us__content {
  max-width: 878.5px;
  padding: 67px 62px;
  border-radius: 70px;
  border: 25px solid var(--bg-light);
}

.quote-about-us__content:before,
.quote-about-us__content:after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  display: block;
  width: 500px;
  border-bottom: 35px solid #fff;
}

.quote-about-us__content:before {
  top: -30px;
}

.quote-about-us__content:after {
  bottom: -30px;
}

.quote-about-us__content p:first-child {
  font-family: 'DMSerifDisplay Regular Italic';
  font-size: 85px;
  margin-bottom: 25px;
  color: var(--primary-dark);
}

.quote-about-us__content h3 {
  font-family: 'DMSerifDisplay Regular Italic';
  margin-bottom: 34px;
}

.quote-about-us__content p:nth-child(2) {
  font-size: 25px;
}

/* Results-about-us */
.results-about-us {
  padding-bottom: 150px;
}

.results-about-us div.row:first-child {
  margin-bottom: 150px;
}

.results-about-us div.row:first-child div:first-child {
  padding-right: 78px;
}

.results-about-us div.row:nth-child(2) div:nth-child(2) {
  padding-left: 78px;
}

.results-about-us h2 {
  margin-bottom: 23px;
}

.results-about-us p {
  margin-bottom: 41px;
}

.results-about-us .default-button {
  padding: 26px 41px;
}

.results-about-us img {
  width: 100%;
  height: auto;
  border-radius: 70px;
}

/* Default-social-team */
.default-social-team {
  padding-bottom: 200px;
}

.default-social-team__content {
  background-color: var(--bg-light);
  padding: 185px 0;
}

.default-social-team__content h2 {
  max-width: 547px;
  margin-bottom: 40px;
}

/* fix this!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
.default-social-team__member-img {
  width: 100%;
  height: auto;
  border-radius: 30px;
  z-index: 1;
}

.default-social-team__member-info {
  inset: 0;
  opacity: 0;
  background-color: #fff;
  border-radius: 30px;
  margin: 0 12px;
  padding: 70px 28px;
  font-size: 18px;
}

.default-social-team__content .row>div:hover .default-social-team__member-info {
  opacity: 1;
}

.default-social-team__content .row>div:hover .default-social-team__member-img {
  opacity: 0;
}

.default-social-team__member-info a {
  transition: all .2s;
  z-index: 0;
}

.default-social-team__member-info a:hover {
  color: var(--primary-light);
  z-index: 1;
}

/* fix this!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

.default-social-team__member-info .default-social {
  max-width: 148px;
}

/* default-create-form */
.default-create-form {
  padding-bottom: 67.5px;
}

.default-create-form__content {
  max-width: 796px;
}

.default-create-form__content h2 {
  max-width: 635px;
  margin-bottom: 77px;
}

.default-create-form__content form .row>div.col-sm-6:first-child {
  padding-right: 20px;
}

.default-create-form__content form .row>div.col-sm-6:nth-child(2) {
  padding-left: 20px;
}

.default-create-form__content form input,
.default-create-form__content form textarea {
  border-bottom: 1px solid #000;
  width: 100%;
}

.default-create-form__content form input {
  margin-bottom: 57px;
  padding: 13px 0;
}

.default-create-form__content form textarea {
  resize: none;
  height: 175px;
  margin-bottom: 77px;
}

.default-create-form__content form .default-button {
  padding: 26px 54px;
}

/* about-us */

/* team */
/* Our-team */
.our-team {
  padding-bottom: 132.5px;
}

.our-team div.row>div:not(:last-child) {
  margin-bottom: 50px;
}

.our-team__box-img img {
  width: 100%;
  height: auto;
  border-radius: 30px;
  margin-bottom: 17px;
}

.our-team__box-text p {
  margin-bottom: 12px;
}

/* team */

/* !-- default-info --! */
.default-info {
  font-size: 20px;
  word-break: break-all;
}

.default-info>.default-info__box-a a {
  margin-bottom: 30px;
}

.default-info a[href]:hover {
  color: var(--primary-light);
  transition: all .2s;
}

.default-info svg {
  width: 52px;
  min-width: 52px;
  height: 53px;
  margin-right: 15px;
  fill: var(--bg-light);
}

.default-info .default-social {
  max-width: 147px;
}

/* !-- default-info --! */

/* contact */
/* Help-form-contact */
.help-form-contact {
  padding-bottom: 150px;
}

.help-form-contact h2 {
  max-width: 683px;
  margin-bottom: 67px !important;
}

.help-form-contact>div.container>div.row>div:nth-child(2) {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.help-form-contact__left {
  padding-right: 43px;
}

.help-form-contact__box-default-info {
  background-color: var(--bg-light);
  padding: 76px 32px;
  border-radius: 50px;
  max-width: 397px;
}

.help-form-contact__box-default-info .default-info svg {
  fill: #fff;
}

.default-help-form .row>div.col-sm-6:nth-child(1),
.default-help-form .row>div.col-sm-6:nth-child(3) {
  padding-right: 20px;
}

.default-help-form .row>div.col-sm-6:nth-child(2),
.default-help-form .row>div.col-sm-6:nth-child(4) {
  padding-left: 20px;
}

.default-help-form input,
.default-help-form textarea {
  border-bottom: 1px solid #000;
  width: 100%;
}

.default-help-form input {
  margin-bottom: 50px;
  padding: 13px 0;
}

.default-help-form textarea {
  resize: none;
  height: 175px;
  margin-bottom: 58px;
}

.default-help-form .default-button {
  padding: 26px 54px;
}

/* Gmap-contact */
.gmap-contact {
  padding-bottom: 132.5px;
}

.gmap-contact__box-iframe {
  max-width: 1200px;
  height: 500px;
  border-radius: 70px;
}

.gmap-contact__box-iframe iframe {
  inset: 0;
}

/* contact */

/* team-single */
/* Default-info-team-single */
.default-info-team-single {
  padding-bottom: 100px;
}

.default-info-team-single>.container>.row>div:first-child>img {
  width: 100%;
  height: auto;
  border-radius: 50px;
}

.default-info-team-single>.container>.row>div:nth-child(2) {
  padding-left: 71px;
}

.default-info-team-single>.container>.row>div:nth-child(2) div>p {
  margin-bottom: 31px;
}

.default-info-team-single .default-info {
  width: fit-content;
}

.default-info-team-single .default-info__box-a a {
  width: fit-content;
}

/* Default-bio-team-single */

.default-bio-team-single {
  padding-bottom: 200px;
}

.default-bio-team-single>.container>.row>div:first-child {
  padding-right: 66px;
}

.default-bio-team-single__progress-bars {
  max-width: 534px;
}

.default-bio-team-single__progress-bars p {
  font-family: 'Jost Medium';
}

.default-bio-team-single__progress-bars>p {
  margin-bottom: 11px;
}

.default-bio-team-single__progress-bars .progress-bar {
  height: 5px;
  background-color: var(--bg-light);
  border-radius: 8px;
}

.default-bio-team-single__progress-bars .progress-bar:not(:last-child) {
  margin-bottom: 20px;
}

.default-bio-team-single__progress-bars .progress-bar>div.h-100 {
  background-color: var(--primary-light);
  border-radius: 8px;
}

.default-bio-team-single__progress-bars .progress-bar>p.position-absolute {
  font-size: 15px;
  padding-bottom: 54px;
  transform: translateX(-50%);
}

.default-bio-team-single__progress-bars .progress-bar>div.position-absolute {
  background-color: #fff;
  outline: 5px solid var(--primary-light);
  border-radius: 50%;
  width: 12px;
  height: 12px;
  transform: translateX(-50%);
}

.default-bio-team-single__box-text h2 {
  margin-bottom: 18px;
}

.default-bio-team-single__box-text h3 {
  margin-bottom: 12px;
}

.default-bio-team-single__box-text p {
  margin-bottom: 35px;
}

.default-bio-team-single__box-text p:last-child {
  margin-bottom: 45px;
}

.default-bio-team-single__box-text h3~p:last-child {
  margin-bottom: 30px;
}

.default-bio-team-single__accordion>div {
  border: 1px solid var(--primary-light);
  padding: 14px 22px;
  border-radius: 18px;
  transition: all .4s;
}

.default-bio-team-single__accordion>div:not(:last-child) {
  margin-bottom: 30px;
}

.default-bio-team-single__accordion .accordion>p {
  font-family: 'Jost SemiBold';
  font-size: 18px;
  color: var(--primary-dark);
  max-width: 81%;
}

.default-bio-team-single__accordion .accordion>button {
  background-color: var(--bg-light);
  width: 44px;
  height: 44px;
  border-radius: 50%;
}

.default-bio-team-single__accordion .accordion>button span {
  border-radius: 2px;
  background-color: var(--primary-dark);
  top: 50%;
  left: 50%;
}

.default-bio-team-single__accordion .accordion>button>span {
  width: 18px;
  height: 2px;
  transform: translate(-50%);
}

.default-bio-team-single__accordion .accordion>button>span~span {
  width: 2px;
  height: 18px;
  transform: translate(-50%, -45%);
}

.default-bio-team-single__accordion .accordion~p {
  margin-top: 14px;
  margin-bottom: -14px;
  transition: all .4s;
  max-height: 0;
}

.default-bio-team-single__accordion .accordion-open {
  border: 1px solid transparent !important;
  background-color: var(--bg-light);
}

.default-bio-team-single__accordion .accordion-open button {
  background-color: #fff;
}

.default-bio-team-single__accordion .accordion-open button>span~span {
  display: none;
}

.default-bio-team-single__accordion .accordion-open>p {
  max-height: 1000px;
  margin-bottom: 14px;
}

/* Default-create-form */
.default-bio-team-single~.default-create-form form textarea {
  margin-bottom: 40px;
}

#checkbox {
  padding: 0;
  width: 17px;
  height: 17px;
  border: 1.5px solid var(--primary-light);
  border-radius: 3px;
  margin-bottom: 40px;
  line-height: 1;
  cursor: pointer;
}

label[for="checkbox"] {
  color: var(--primary-light);
  margin-bottom: 40px;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  padding-left: 10px;
}

#checkbox:checked {
  background-color: var(--primary-light);
  background-image: url('/wp-content/themes/Interno/img/checked.svg');
}

/* team-single */

/* blog */
/* Latest-post */
.latest-post .default-arrow {
  width: 52px;
  height: 52px;
}

.latest-post {
  padding-bottom: 150px;
}

.latest-post h2 {
  margin-bottom: 27px;
}

.latest-post__content {
  border: 1px solid #E7E7E7;
  border-radius: 62px;
  padding: 22px;
}

.latest-post__content>.row>div>div[style] {
  border-radius: 50px;
  height: 478px;
  background-position: center;
  background-size: cover;
}

.latest-post__content>.row>div:nth-child(2) {
  padding-left: 54px;
}

.latest-post__content h4 {
  margin-bottom: 22px;
}

.latest-post__content h4,
.latest-post__content>.row>div>p {
  margin-right: 90px;
}

.latest-post .box-default-arrow {
  margin-right: 70px;
}

.latest-post .box-default-arrow p {
  font-size: 16px;
}

.latest-post__content>.row>div>p:not(:last-child) {
  margin-bottom: 40px;
}

/* Posts */
.posts {
  padding-bottom: 67.5px;
}

.posts h2 {
  margin-bottom: 30px;
}

/* !-- default-pagination --! */
.default-pagination {
  margin-top: 20px;
}

.default-pagination .page-numbers {
  font-family: 'Jost Medium';
  font-size: 16px;
  margin: 0 10px;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  border: 1px solid var(--primary-light);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--primary-dark);
}

.default-pagination .page-numbers.current {
  border: transparent;
  background-color: var(--bg-light);
}

.default-pagination .page-numbers.next,
.default-pagination .page-numbers.prev {
  background-image: url('../img/default-arrow.svg');
  background-size: 8.37px;
  background-position: center;
  background-repeat: no-repeat;
}

.default-pagination .page-numbers.prev {
  transform: rotate(180deg);
}

/* !-- default-pagination --! */

/* blog */

/* post-single */
/* Post-main */
.post-main {
  padding-bottom: 100px;
}

.post-main h1,
.post-main h2 {
  margin-bottom: 20px;
}

.post-main .row>div:first-child>p {
  margin-bottom: 25px;
}

.post-main .row>div>img {
  width: 100%;
  height: auto;
  border-radius: 50px;
  margin-bottom: 35px;
}

.post-main__category-date * {
  font-size: 16px;
  margin-bottom: 35px;
  transition: all .2s;
}

.post-main__category-date a:hover {
  color: var(--primary-light);
}

.post-main__quote {
  font-family: 'DMSerifDisplay Regular Italic';
  color: var(--primary-light);
  background-color: var(--bg-light);
  border-radius: 50px;
  padding: 53px;
  margin-bottom: 25px;
}

.post-main__quote h4 {
  font-family: 'DMSerifDisplay Regular Italic';
  color: var(--primary-light);
  max-width: 345px;
}

.post-main__quote p {
  transform: rotate(180deg);
  font-size: 200px;
  margin-bottom: 70px;
  margin-left: 40px;
}

.post-main .row>div ol {
  list-style-type: none;
  counter-reset: li-counter;
  margin-bottom: 35px;
}

.post-main .row>div ol li {
  margin-bottom: 35px;
  max-width: 780px;
  display: flex;
}

.post-main .row>div ol li::before {
  content: counter(li-counter);
  counter-increment: li-counter;
  margin-right: 0.5em;
  font-family: 'DMSerifDisplay Regular';
  font-size: 20px;
  color: var(--primary-light);
  line-height: 125%;
  display: block;
}

.post-main__footer {
  border-top: 1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5;
  padding-top: 64px;
  padding-bottom: 44px;
  margin-top: 60px;
}

.post-main__footer>div:first-child>*:not(:last-child) {
  margin-right: 20px;
}

.post-main__footer .default-social {
  margin-left: 12px !important;
  margin-bottom: 20px !important;
}

.post-main__footer .default-social img {
  vertical-align: middle;
}

.post-main .row>div:nth-child(2) {
  padding-left: 40px;
}

form[action="https://wordpress.devwebtools.com/"] {
  padding: 33px;
  border-radius: 20px;
  background-color: var(--bg-light);
  margin-bottom: 50px;
}

form[action="https://wordpress.devwebtools.com/"] input {
  border: none;
  background-color: var(--bg-light);
  color: var(--primary-light);
  outline: none;
  border-bottom: 1px solid transparent;
}

form[action="https://wordpress.devwebtools.com/"] input:focus {
  border-bottom: 1px solid var(--primary-light);
}

form[action="https://wordpress.devwebtools.com/"] input::placeholder {
  color: var(--primary-light);
}

form[action="https://wordpress.devwebtools.com/"] button {
  margin-left: 24px;
}

form[action="https://wordpress.devwebtools.com/"] svg {
  width: 27px;
  height: 27px;
}

.post-main__latest-news {
  margin-bottom: 50px;
}

.small-post-preview {
  padding: 35px 0;
  border-bottom: 1px solid var(--primary-light);
}

.small-post-preview:hover h6 {
  color: var(--primary-light);
  transition: color .2s;
}

.small-post-preview h6 {
  max-width: 200px;
}

.small-post-preview p {
  font-size: 16px;
}

.post-main__categories {
  background-color: var(--bg-light);
  padding: 32px 27px;
  border-radius: 20px;
  margin-bottom: 50px;
}

.post-main__categories a:not(:last-child) {
  border-bottom: 1px solid var(--primary-light);
  padding: 15px 0;
}

.post-main__categories a:last-child {
  padding-top: 15px;
}

.post-main__categories a:hover {
  color: var(--primary-light);
  transition: color .2s;
}

.post-main__tags h4 {
  margin-bottom: 25px;
}

.post-main__tags .default-tag {
  margin-bottom: 10px;
  padding: 10px 20px;
}

.post-main__tags .default-tag:not(:last-child) {
  margin-right: 10px;
}

/* !-- default-tag --! */
.default-tag {
  border-radius: 10px;
  background-color: var(--bg-light);
  padding: 13px 25px;
  color: var(--primary-dark);
  font-size: 18px;
  line-height: 125%;
  margin-bottom: 20px;
  transition: all .2s;
  border: 4px solid transparent;
}

.default-tag.active {
  background-color: var(--primary-dark);
  color: #fff;
}

.default-tag:hover {
  border: 4px solid var(--bg-light);
  background-color: #fff;
}

.default-tag.active:hover {
  border: 4px solid var(--primary-dark);
  background-color: var(--primary-light);
}

/* !-- default-tag --! */

/* accordion */
.post-main__latest-news>.accordion>button,
.post-main__categories>.accordion>button {
  background-color: #fff;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: none;
}

.post-main__latest-news>.accordion>button span,
.post-main__categories>.accordion>button span {
  border-radius: 2px;
  background-color: var(--primary-dark);
  top: 50%;
  left: 50%;
}

.post-main__latest-news>.accordion>button>span,
.post-main__categories>.accordion>button>span {
  width: 18px;
  height: 2px;
  transform: translate(-50%);
}

.post-main__latest-news>.accordion>button>span~span,
.post-main__categories>.accordion>button>span~span {
  width: 2px;
  height: 18px;
  transform: translate(-50%, -45%);
}

.accordion-open.post-main__latest-news>.accordion>button>span~span,
.accordion-open.post-main__categories>.accordion>button>span~span {
  display: none;
}

/* Post-form */
.post-form {
  padding-bottom: 32.5px;
}

.post-form h2 {
  margin-bottom: 40px;
}

/* post-single */

/* archive */
/* Single-category */
.single-category {
  padding-bottom: 32.5px;
}

.single-category h1 {
  margin-bottom: 40px;
  color: var(--primary-light);
}

.default-posts .default-arrow {
  width: 52px;
  height: 52px;
}

.default-posts__post-preview {
  margin-bottom: 30px;
  padding: 20px;
  border: 1px solid #E7E7E7;
  border-radius: 60px;
  font-size: 16px;
  line-height: 150%;
}

.default-posts__post-preview>.position-relative {
  height: 290px;
  margin-bottom: 10px;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  background-position: center;
  background-size: cover;
}

.default-posts__post-preview>.position-relative a {
  bottom: 20px;
  left: 20px;
  padding: 8px 10px;
  border-radius: 8px;
  border-bottom-left-radius: 0px;
  background-color: #fff;
  transition: all .2s;
}

.default-posts__post-preview>.position-relative a:hover {
  color: var(--primary-light);
}

.default-posts__post-preview h4 {
  max-width: 305px;
  margin-bottom: 20px;
}

.default-posts__post-preview>.d-flex {
  margin-bottom: 14px;
}

/* archive */

/* search */
/* Section.search-results */
section.search-results {
  padding-bottom: 32.5px;
}

section.search-results h1 {
  color: var(--primary-light);
  margin-bottom: 40px;
}

/* search */

/* 404 */
/* Error404 */
section.error404 {
  height: 1042px;
}

section.error404 .row>div {
  z-index: 100;
}

section.error404>img.position-absolute {
  width: 913px;
  border-bottom-left-radius: 353px;
}

section.error404 h1 {
  margin-bottom: 15px;
  font-size: 250px;
  color: var(--primary-light);
  line-height: 100%;
}

section.error404 h3 {
  margin-bottom: 25px;
  line-height: 150%;
}

/* 404 */

@media only screen and (max-width: 1600px) {

  /* 404 */
  /* Error404 */
  section.error404 {
    height: 798.239px;
  }

  section.error404>img.position-absolute {
    width: 700px;
    border-bottom-left-radius: 250px;
  }

  /* 404 */
}

@media only screen and (max-width: 1399.5px) {

  body {
    font-size: 21px;
  }

  /* Header */
  .header__hover-nav div {
    margin-left: -80px;
  }

  .hover-nav-ml {
    margin-left: -161px !important;
  }

  /* Main */
  /* Hero */
  .hero h1 {
    font-size: 50px;
  }

  /* Stylish */
  .stylish__box-img div p:first-child {
    font-size: 23px;
  }

  /* about us */
  /* Results-about-us */
  .results-about-us div.row:first-child div:first-child {
    padding-right: 12px;
  }

  .results-about-us div.row:nth-child(2) div:nth-child(2) {
    padding-left: 12px;
  }

  /* about us */

  /* thank-you */
  /* Thank-you */
  .default-thank h1 {
    font-size: 50px;
  }

  /* thank-you */
}

@media only screen and (max-width:1199.5px) {

  /* Header */
  .header__hover-nav div {
    margin-left: -79px;
  }

  .hover-nav-ml {
    margin-left: -158px !important;
  }

  /* Stylish */
  .stylish__left {
    padding-right: 0;
  }

  /* Achievements */
  .achievements__content h3 {
    font-size: 65px;
  }

  .achievements__content span {
    height: 100px;
  }

  /* !--default-banner--! */
  .default-banner__content {
    background: rgba(255, 255, 255, 0.75);
  }

  /* !--default-banner--! */

  /* about-us */
  /* Default-social-team */
  .default-social-team__member-info {
    padding: 35px 14px;
  }

  /* about-us */

  /* contact */
  /* Help-form-contact */
  .help-form-contact__left {
    padding-right: 12px;
  }

  .help-form-contact__box-default-info {
    width: fit-content;
    padding: 64px;
    margin-bottom: 64px !important;
  }

  /* contact */

  /* team-single */
  /* Default-bio-team-single */
  .default-bio-team-single>.container>.row>div:first-child {
    padding-right: 12px;
  }

  /* team-single */

  /* blog */
  /* Latest-post */
  .latest-post__content>.row>div:nth-child(2) {
    padding-left: 12px;
  }

  .latest-post__content h4,
  .latest-post__content>.row>div>p {
    margin-right: 0;
  }

  .latest-post .box-default-arrow {
    margin-right: 0;
  }

  /* blog */

  /* post-single */
  /* Post-main */
  .post-main .row>div:nth-child(2) {
    padding-left: 12px;
  }

  /* post-single */

  /* archive */
  /* Single-category */
  .default-posts__post-preview>.position-relative {
    height: 220px;
  }

  .default-posts__post-preview {
    margin-bottom: 24px;
  }

  /* archive */

  /* 404 */
  /* Error404 */
  section.error404 {
    height: 1367.59px;
  }

  section.error404>img.position-absolute {
    width: auto;
    height: 1367.59px;
    border-bottom-left-radius: 0;
  }

  .error404__content {
    border-radius: 30px;
    background-color: rgba(255, 255, 255, 0.75);
    padding: 24px;
  }

  /* 404 */
}

@media only screen and (max-width: 991.5px) {

  /* Main */
  .hero,
  #tips,
  .stylish,
  .achievements,
  .blog-preview {
    padding-bottom: 100px;
  }

  .about-us,
  .brands,
  .projects {
    padding-bottom: 75px;
  }

  /* Tips */
  #tips .row>* {
    padding: 0 12px;
  }

  #tips .row>*:not(:last-child) {
    margin-bottom: 57px;
  }

  /* Stylish */
  .stylish__right {
    margin-bottom: 52px;
  }

  /* Projects */
  .projects__box-p {
    margin-bottom: 46.5px;
  }

  /* Achievements */
  .achievements__content>div {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .achievements__content h3 {
    font-size: 50px;
  }

  .achievements__content p {
    font-size: 18px;
  }

  /* Contact-us */
  .contact-us {
    padding-bottom: 33.75px;
  }

  /* Footer */
  footer {
    padding-top: 33.75px;
  }

  .footer__last-p {
    margin-top: 67.5px;
  }

  footer .row>div:not(:last-child) {
    margin-bottom: 45px;
  }

  /* !--default-banner--! */
  .default-banner__content {
    padding-left: 98px;
    padding-right: 98px;
  }

  .default-banner__content h1 {
    min-width: 0;
  }

  /* !--default-banner--! */

  /* page */
  .top-banner {
    padding-bottom: 100px;
  }

  /* page */

  /* about-us */
  .quote-about-us,
  .default-social-team {
    padding-bottom: 100px;
  }

  /* Results-about-us */
  .results-about-us {
    padding-bottom: 75px;
  }

  .results-about-us div.row:first-child {
    margin-bottom: 75px;
  }

  .results-about-us img {
    border-radius: 35px;
  }

  /* Default-social-team */
  .default-social-team__content {
    padding: 92.5px 0;
  }

  .default-social-team__content .row>div:nth-child(1),
  .default-social-team__content .row>div:nth-child(2) {
    margin-bottom: 24px;
  }

  /* default-create-form */
  .default-create-form {
    padding-bottom: 33.75px;
  }

  .default-create-form__content h2 {
    margin-bottom: 38.5px;
  }

  .default-create-form__content form input {
    margin-bottom: 28.5px;
  }

  .default-create-form__content form textarea {
    resize: vertical;
    height: 117px;
    margin-bottom: 38.5px;
  }

  /* about-us */

  /* thank-you */
  /* Thank-you */
  .default-thank {
    padding: 100px 0;
  }

  .default-thank .default-thank__content {
    border-radius: 35px;
  }

  /* thank-you */

  /* team */
  /* Our-team */
  .our-team {
    padding-bottom: 66.25px;
  }

  .our-team div.row:first-child {
    margin-bottom: 0;
  }

  .our-team .row>div {
    margin-bottom: 20px;
  }

  .our-team div.row:last-child>div:nth-last-child(-n + 2) {
    margin-bottom: 0;
  }

  .our-team__box-img img {
    margin-bottom: 8.5px;
  }

  .our-team__box-text p {
    margin-bottom: 6px;
  }

  /* team */

  /* !-- default-info --! */
  .default-info>.default-info__box-a a {
    margin-bottom: 15px;
  }

  /* !-- default-info --! */

  /* contact */
  /* Help-form-contact */
  .help-form-contact {
    padding-bottom: 75px;
  }

  .help-form-contact h2 {
    margin-bottom: 33.5px !important;
  }

  .help-form-contact__box-default-info {
    padding: 48px;
    margin-bottom: 32px !important;
  }

  .default-help-form .row>div.col-sm-6:nth-child(1),
  .default-help-form .row>div.col-sm-6:nth-child(3) {
    padding-right: 12px;
  }

  .default-help-form .row>div.col-sm-6:nth-child(2),
  .default-help-form .row>div.col-sm-6:nth-child(4) {
    padding-left: 12px;
  }

  .default-help-form input {
    margin-bottom: 25px;
  }

  .default-help-form textarea {
    resize: vertical;
    height: 131.25px;
    margin-bottom: 29px;
  }

  /* Gmap-contact */
  .gmap-contact {
    padding-bottom: 66.25px;
  }

  /* contact */

  /* team-single */
  /* Default-info-team-single */
  .default-info-team-single {
    padding-bottom: 50px;
  }

  .default-info-team-single>.container>.row>div:nth-child(2) {
    padding-left: 12px;
  }

  .default-info-team-single>.container>.row>div:nth-child(2) div>p {
    margin-bottom: 15.5px;
  }

  /* Default-bio-team-single */
  .default-bio-team-single {
    padding-bottom: 100px;
  }

  .default-bio-team-single h2 {
    margin-bottom: 9px;
  }

  .default-bio-team-single h3 {
    margin-bottom: 6px;
  }

  .default-bio-team-single__box-text p {
    margin-bottom: 17.5px;
  }

  .default-bio-team-single__box-text p:last-child {
    margin-bottom: 22.5px;
  }

  .default-bio-team-single__box-text h3~p:last-child {
    margin-bottom: 15px;
  }

  .default-bio-team-single__progress-bars>p {
    margin-bottom: 5.5px;
    font-size: 18px;
  }

  .default-bio-team-single__progress-bars .progress-bar>p.position-absolute {
    padding-bottom: 44px;
  }

  .default-bio-team-single__progress-bars .progress-bar:not(:last-child) {
    margin-bottom: 10px;
  }

  .default-bio-team-single__accordion>div:not(:last-child) {
    margin-bottom: 15px;
  }

  .default-bio-team-single__accordion>div {
    padding: 14px;
  }

  /* Default-create-form */
  .default-bio-team-single~.default-create-form form textarea {
    margin-bottom: 20px;
  }

  #checkbox {
    margin-bottom: 20px;
  }

  label[for="checkbox"] {
    margin-bottom: 20px;
  }

  /* team-single */

  /* blog */
  /* Latest-post */
  .latest-post {
    padding-bottom: 75px;
  }

  .latest-post h2 {
    margin-bottom: 13.5px;
  }

  .latest-post__content {
    padding: 12px;
    border-radius: 31px;
  }

  .latest-post__content>.row>div>div[style] {
    border-radius: 25px;
    height: 239px;
  }

  .latest-post__content h4 {
    margin-bottom: 11px;
  }

  .latest-post__content>.row>div>p:not(:last-child) {
    margin-bottom: 20px;
  }

  /* Posts */
  .posts {
    padding-bottom: 33.75px;
  }

  .posts h2 {
    margin-bottom: 15px;
  }

  /* blog */

  /* post-single */
  /* Post-main */
  .post-main {
    padding-bottom: 50px;
  }

  .post-main .row>div:nth-child(2) {
    margin-bottom: 50px;
  }

  .post-main__latest-news {
    margin-bottom: 25px;
    padding: 16px;
    background-color: var(--bg-light);
    border-radius: 10px;
  }

  form[action="https://wordpress.devwebtools.com/"] {
    padding: 17px;
    border-radius: 10px;
    margin-bottom: 25px;
  }

  .small-post-preview {
    padding: 18px 0;
  }

  .small-post-preview h6 {
    max-width: 333px;
  }

  .post-main__categories {
    padding: 16px;
    border-radius: 10px;
    margin-bottom: 25px;
  }

  .post-main__categories a:not(:last-child) {
    padding: 10px 0;
  }

  .post-main__categories a:last-child {
    padding-top: 10px;
  }

  .post-main__tags h4 {
    margin-bottom: 13px;
  }

  /* accordion */
  .post-main__latest-news>.accordion>button,
  .post-main__categories>.accordion>button {
    display: block;
  }

  .post-main__latest-news>.accordion~div.overflow-hidden,
  .post-main__categories>.accordion~div.overflow-hidden {
    max-height: 0;
    transition: all 1s ease-in-out;
  }

  .accordion-open.post-main__latest-news>.accordion~div.overflow-hidden,
  .accordion-open.post-main__categories>.accordion~div.overflow-hidden {
    max-height: 700px;
  }

  /* Post-form */
  .post-form {
    padding-bottom: 16.25px;
  }

  .post-form h2 {
    margin-bottom: 20px;
  }

  /* post-single */

  /* archive */
  /* Single-category */
  .single-category,
  section.search-results {
    padding-bottom: 16.25px;
  }

  .single-category h1,
  section.search-results h1 {
    margin-bottom: 20px;
  }

  /* archive */

  /* 404 */
  /* Error404 */
  section.error404,
  section.error404>img.position-absolute {
    height: auto;
    width: 100%;
    overflow: hidden;
  }

  section.error404 h1 {
    font-size: 125px;
  }

  .error404__content {
    margin: 200px 0;
  }

  /* 404 */
}

@media only screen and (max-width: 767.5px) {

  h1,
  h2 {
    font-size: 40px;
  }

  h3 {
    font-size: 30px;
  }

  body {
    font-size: 19px;
  }

  /* burger */
  .wt-menu li:last-child:not(.sub-menu li) {
    border-bottom: none;
    padding: 10px 0;
  }

  .sidenav {
    border-top-left-radius: 0;
  }

  .sidenav.opened {
    width: 100%;
  }

  .header__search {
    border-radius: 0;
    padding-top: 0;
  }

  /* Main */
  /* Hero */
  .hero h1 {
    font-size: 40px;
  }

  /* Tips */
  #tips h4 {
    margin-bottom: 10px;
  }

  #tips p {
    margin-bottom: 20px;
  }

  /* Stylish */
  .stylish__box-img div p:first-child {
    font-size: 21px;
  }

  .stylish__box-text h2 {
    margin-bottom: 16.5px;
  }

  .stylish__box-text p {
    margin-bottom: 22.5px;
  }

  .stylish__box-img {
    margin-bottom: 23.5px;
  }

  /* About-us */
  .about-us .row {
    padding: 44px 12px;
  }

  .about-us__card {
    padding-top: 37px;
    padding-bottom: 37px;
  }

  .about-us__box-img {
    margin-bottom: 20px;
  }

  .about-us__box-img img {
    margin-right: 18.5px;
  }

  /* Brands */
  .brands div:first-child {
    margin-bottom: 37.5px !important;
  }

  .brands img:nth-child(1) {
    width: 106px;
  }

  .brands img:nth-child(2) {
    width: 82px;
  }

  .brands img:nth-child(3) {
    width: 131px;
  }

  .brands img:nth-child(4) {
    width: 117px;
  }

  .brands img:nth-child(5) {
    width: 94px;
  }

  /* Projects */
  .projects .row div:nth-child(3) {
    margin-bottom: 56px;
  }

  /* Achievements */
  .achievements__content>div {
    padding-top: 75px;
    padding-bottom: 75px;
  }

  .achievements__content>div div {
    margin-bottom: 80px;
  }

  .achievements__content>div div:last-child {
    margin-bottom: 0;
  }

  .achievements__content h3 {
    font-size: 65px;
  }

  .achievements__content p {
    font-size: 22px;
  }

  /* Blog-preview */
  .blog-preview>.default-posts h2 {
    margin-bottom: 6px;
  }

  .blog-preview>.default-posts h2~p {
    margin-bottom: 26px !important;
  }

  /* Contact-us */
  .contact-us__content {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  /* Footer */
  .footer__last-p {
    padding-top: 21.5px;
    padding-bottom: 21.5px;
  }

  /* !--default-banner--! */
  .default-banner__content {
    padding-left: 65px;
    padding-right: 65px;
  }

  /* !--default-banner--! */

  /* about-us */
  /* Quote-about-us */
  .quote-about-us__content {
    padding: 31px;
  }

  .quote-about-us__content:before,
  .quote-about-us__content:after {
    width: 350px;
  }

  .quote-about-us__content p:first-child {
    font-size: 70px;
  }

  /* Results-about-us */
  .results-about-us img {
    margin-bottom: 23px;
  }

  /* about-us */

  /* thank-you */
  /* Thank-you */
  .default-thank h1 {
    font-size: 40px;
  }

  /* thank-you */

  /* team-single */
  /* Default-info-team-single */
  .default-bio-team-single>.container>.row>div:first-child {
    margin-bottom: 40px;
  }

  .default-info-team-single>.container>.row>div:first-child>img {
    margin-bottom: 20px;
  }

  /* team-single */

  /* blog */
  /* Latest-post */
  .latest-post__content>.row>div>div[style] {
    margin-bottom: 20px;
  }

  /* blog */

  /* post-single */
  /* Post-main */
  .post-main .row>div>img {
    border-radius: 25px;
  }

  .post-main__quote {
    padding: 27px;
  }

  .post-main__footer {
    padding-top: 42px;
    padding-bottom: 22px;
  }

  .post-main__footer>div:first-child>h6 {
    width: 100%;
    margin-bottom: 20px;
  }

  /* post-single */
  /* !-- default-tag --! */
  .default-tag {
    padding: 10px 20px;
  }

  /* !-- default-tag --! */

  /* 404 */
  /* Error404 */
  .error404__content {
    margin: 100px 0;
  }

  /* 404 */
}

@media only screen and (max-width: 575.5px) {
  body {
    padding-top: 109px;
    line-height: 137.5%;
  }

  /* burger */
  .sidenav {
    top: 109px;
  }

  /* Header */
  header {
    height: 109px;
  }

  .header__left svg {
    width: 142px;
    height: auto;
  }

  /* Stylish */
  .stylish__right img {
    border-top-right-radius: 163.25px;
    border-bottom-left-radius: 61.5px;
  }

  /* About-us */
  .about-us .row {
    border-radius: 0;
  }

  /* Footer */
  footer h4,
  footer .row>div:nth-child(1) p,
  .footer__box-logo {
    margin-bottom: 20px;
  }

  footer .row>div:nth-child(3)>div:not(:last-child),
  footer .row>div:nth-child(4)>div:not(:last-child),
  footer .row>div:nth-child(5) p:not(:last-child) {
    margin-bottom: 27px;
  }

  footer .row>div:not(:last-child) {
    margin-bottom: 35px;
  }

  /* !--default-banner--! */
  .default-banner__content {
    padding: 21.5px;
    border-top-right-radius: 18.5px;
    border-top-left-radius: 18.5px;
  }

  /* !--default-banner--! */

  /* about-us */
  /* Quote-about-us */
  .quote-about-us__content {
    border-width: 19px;
  }

  .quote-about-us__content:before,
  .quote-about-us__content:after {
    width: 150px;
  }

  .quote-about-us__content p:first-child {
    font-size: 60px;
    margin-bottom: 12.5px;
  }

  .quote-about-us__content h3 {
    margin-bottom: 17px;
  }

  /* Default-social-team */
  .default-social-team__content .row>div {
    padding: 0 20%;
  }

  .default-social-team__content .row>div:not(:last-child) {
    margin-bottom: 24px;
  }

  .default-social-team__member-info {
    margin: 0 20%;
  }

  /* default-create-form */
  .default-create-form__content form .row>div.col-sm-6:first-child {
    padding-right: 12px;
  }

  .default-create-form__content form .row>div.col-sm-6:nth-child(2) {
    padding-left: 12px;
  }

  .default-create-form__content form input {
    padding: 6.5px 0;
  }

  /* about-us */

  /* team */
  /* Our-team */
  .our-team .row {
    margin: 0 18%;
  }

  .our-team div.row:last-child>div:not(:last-child) {
    margin-bottom: 20px;
  }

  /* team */

  /* !-- default-info --! */
  .default-info {
    font-size: 18px;
  }

  /* !-- default-info --! */

  /* contact */
  /* Help-form-contact */
  .help-form-contact__box-default-info {
    padding: 24px;
    border-radius: 25px;
  }

  /* Gmap-contact */
  .gmap-contact__box-iframe {
    border-radius: 35px;
  }

  /* contact */

  /* post-single */
  /* Post-main */
  .post-main__quote {
    border-radius: 25px;
    padding: 20px;
  }

  .post-main__quote p {
    font-size: 150px;
    margin-bottom: 50px;
    margin-left: 30px;
  }

  .post-main__footer>div:first-child>h6 {
    width: auto;
  }

  .post-main__footer .default-social {
    margin-left: auto !important;
  }

  .small-post-preview h6 {
    max-width: 200px;
  }

  .post-main__footer>div:first-child>* {
    margin-bottom: 10px;
  }

  .post-main__footer>div:first-child>*:not(:last-child) {
    margin-right: 10px;
  }

  /* post-single */

  /* !-- default-pagination --! */
  .default-pagination .page-numbers {
    width: 40px;
    height: 40px;
    margin: 0 5px;
  }

  /* !-- default-pagination --! */

  /* 404 */
  /* Error404 */
  section.error404 h1 {
    font-size: 62.5px;
  }

  .error404__content {
    border-radius: 15px;
    padding: 12px;
    margin: 0;
  }

  section.error404,
  section.error404>img.position-absolute {
    height: 1000px;
    width: auto;
  }

  /* 404 */
}

@media only screen and (max-width: 414px) {
  body {
    font-size: 18px;
  }

  /* Main */
  /* Hero */
  .hero {
    height: 660px;
    background-image: url('../img/Hero-mobile.webp');
  }

  /* Stylish */
  .stylish__box-img div p:first-child {
    font-size: 20px;
  }

  /* Brands */
  .brands img:nth-child(1) {
    width: 90px;
  }

  .brands img:nth-child(2) {
    width: 70px;
  }

  .brands img:nth-child(3) {
    width: 111px;
  }

  .brands img:nth-child(4) {
    width: 99.5px;
  }

  .brands img:nth-child(5) {
    width: 80px;
  }

  /* Achievements */
  .achievements__content>div {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .achievements__content>div div {
    margin-bottom: 40px;
  }

  .achievements__content h3 {
    font-size: 55px;
  }

  .achievements__content p {
    font-size: 20px;
  }

  /* Contact-us */
  .contact-us__content {
    border-radius: 35px;
    padding: 30px 20px;
  }

  .contact-us__content p {
    margin-bottom: 20px;
  }

  .contact-us__content .default-button {
    padding: 22px 27px;
  }

  /* !--default-banner--! */
  .default-banner {
    height: 300px;
  }

  .default-banner__content {
    width: 296px;
  }

  /* !--default-banner--! */

  /* about-us */

  /* Results-about-us */
  .results-about-us img,
  .results-about-us h2 {
    margin-bottom: 11.5px;
  }

  .results-about-us p {
    margin-bottom: 20.5px;
  }

  /* about-us */

  /* !--default-pagination--! */
  .default-pagination .page-numbers {
    width: 35px;
    height: 35px;
    margin: 0 3px;
  }

  /* !--default-pagination--! */
}

@media only screen and (max-width: 375px) {

  h1,
  h2 {
    font-size: 35px;
  }

  h3 {
    font-size: 28px;
  }

  h4 {
    font-size: 22px;
  }

  /* burger */
  .sidenav a {
    font-size: 18px;
  }

  /* Main */
  /* Hero */
  .hero h1 {
    font-size: 35px;
  }

  /* Brands */
  .brands img:nth-child(1) {
    width: 85.5px;
  }

  .brands img:nth-child(2) {
    width: 66.5px;
  }

  .brands img:nth-child(3) {
    width: 105.5px;
  }

  .brands img:nth-child(4) {
    width: 94.5px;
  }

  .brands img:nth-child(5) {
    width: 76px;
  }

  /* about-us */
  /* Quote-about-us */
  .quote-about-us__content {
    padding: 20px;
  }

  .quote-about-us__content:before,
  .quote-about-us__content:after {
    width: 100px;
  }

  /* about-us */

  /* thank-you */
  /* Thank-you */
  .default-thank h1 {
    font-size: 35px;
  }

  /* thank-you */

  /* contact */
  /* Help-form-contact */
  .default-help-form input {
    padding: 6.5px 0;
  }

  /* contact */

  /* post-single */
  /* Post-main */
  .post-main__latest-news h6 {
    max-width: 185px;
  }

  /* post-single */

  /* archive */
  /* Single-category */
  .default-posts__post-preview {
    padding: 10px;
    border-radius: 30px;
  }

  .default-posts__post-preview>.position-relative {
    border-radius: 25px;
    margin-bottom: 5px;
  }

  .default-posts__post-preview h4 {
    margin-bottom: 10px;
  }

  .default-posts__post-preview>.d-flex {
    margin-bottom: 7px;
  }

  .default-posts__post-preview>.position-relative a {
    bottom: 10px;
    left: 10px;
  }

  /* archive */

  /* 404 */
  /* Error404 */
  section.error404,
  section.error404>img.position-absolute {
    height: 800px;
  }

  /* 404 */
}