/*!
Theme Name: pro100movers
Theme URI: http://underscores.me/
Author: pprintdim
Author URI: https://pprintdim.com
Description: pro100movers theme
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: pro100movers
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.

pro100movers 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
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}


/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
	display: block;
	max-width: 100%;
	width: auto;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/


/* Links
--------------------------------------------- */
a {
	color: #4A4A4A;
	text-decoration: unset;
}

a:visited {
	/* color: #4A4A4A; */
}

a:hover,
a:focus,
a:active {
	color: #4A4A4A;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}



/*--------------------------------------------------------------
# Fonts
--------------------------------------------------------------*/

@font-face {
  font-family: 'Belanosima';
  src: url('assets/fonts/Belanosima-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Orelega One';
  src: url('assets/fonts/OrelegaOne-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('assets/fonts/Poppins-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('assets/fonts/Poppins-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('assets/fonts/Poppins-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('assets/fonts/Poppins-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('assets/fonts/Poppins-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}


/*--------------------------------------------------------------
# Other
--------------------------------------------------------------*/
ul, ol {
	display: flex;
	padding: 0;
	margin: 0;
}

li {
	display: inline-block;
}

main {
	margin-top: 120px;
}

h1,h2,h3,h4,h5 {
	margin: 0;
	display: block;
	padding: 0;
	font-family: 'Orelega One', sans-serif;
	font-weight: 400;
}

h1 {
	font-size: 55px;
}

h2 {
	font-size: 40px;
}


h3 {
	font-size: 21px;
}

h4 {
	font-size: 20px;
}

h5 {
	font-size: 18px;
}

body,
* {
	font-size: 16px;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #1B1B1B;
}

:after,
:before {
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

section {
	position: relative;
}

section:not(.footer-callback) {
	padding: 60px 0;
}

@media (max-width: 1024px) {
	section:not(.footer-callback) {
		padding: 42px 0;
	}
}

@media (max-width: 767px) {

	body, * {
		font-size: 14px;
	}

	h1 {
		font-size: 38px;
	}

	section:not(.footer-callback) {
		padding: 32px 0;
	}
}


/*--------------------------------------------------------------
# Buttons
--------------------------------------------------------------*/
button {
	outline: unset!important;
	border: unset;
	cursor: pointer;
}
.main-btn {
	padding: 0 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 2px solid transparent;
	width: fit-content;
	height: 50px;
	font-family: 'Poppins';
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	gap: 0 8px;
}

.main-btn:after {
	background-size: 24px;
	width: 24px;
	height: 24px;
}

.main-btn.border {
	border-color: #F33932;
}
.main-btn.no-border.red,
.main-btn.border.red {
	color: #F33932;
}

.main-btn:not(.border):not(.no-border).red {
	border-color: #F33932;
	background-color: #F33932;
	color: #FFFFFF;
}



/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
.breadcrumbs {
	display: flex;
	gap: 0 4px;
}

.breadcrumbs * {
	font-family: 'Poppins';
	font-weight: 400;
	font-size: 14px;
	line-height: 1.6;
	color: #F8F8F8;
	display: flex;
	align-items: center;
	gap: 0 4px;
}

.breadcrumbs *:not(:last-child):after {
	content: '';
	width: 24px;
	height: 24px;
	background-size: 24px;
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 12H20M20 12L17 9M20 12L17 15' stroke='%23F33932' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.breadcrumbs span {
	cursor: default;
	display: block;
}

.container {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 24px;
}

.section-title {
	font-size: 40px;
	line-height: 44px;
	text-transform: capitalize;
	color: #000000;
}

.page-title {
	font-family: 'Orelega One';
	font-weight: 400;
	font-size: 55px;
	line-height: 1.2;
	text-transform: capitalize;
}

.slider-group {
	position: relative;
	padding: 0 60px;
	box-sizing: border-box;
} 

.swiper,
.slider-group,
.swiper-wrapper {
	width: 100%;
}

.swiper-slide {
  width: auto;
  flex-shrink: 0;
}
.swiper-wrapper {
  display: flex;
}

.swiper-prev,
.swiper-next {
	width: 40px;
	height: 40px;
	background-color: #E9E9E9;
	border-color: #E9E9E9;
	border-radius: 50%;
	top: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	transform: translateY(-50%);
	z-index: 11;
	padding: 0;
}

.swiper-prev:after,
.swiper-next:after {
	content: '';
	width: 7px;
	height: 14px;
	background-size: 7px 14px;
	background-repeat: no-repeat;
	background-position: center;
}

.swiper-next {
	right: 0;
}

.swiper-prev {
	left: 0;
}

.swiper-next:after {
	background-image: url("data:image/svg+xml,%3Csvg width='7' height='14' viewBox='0 0 7 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.183986 1.08675L5.56317 6.55232C5.68114 6.67157 5.74731 6.83255 5.74731 7.0003C5.74731 7.16805 5.68114 7.32903 5.56317 7.44828L0.185152 12.9139C0.0672373 13.0338 0.00116577 13.1953 0.00116576 13.3636C0.00116575 13.5318 0.0672373 13.6933 0.185152 13.8133C0.242755 13.8724 0.311603 13.9194 0.387638 13.9514C0.463673 13.9835 0.545358 14 0.627876 14C0.710395 14 0.792078 13.9835 0.868113 13.9514C0.944148 13.9194 1.013 13.8724 1.0706 13.8133L6.44861 8.3489C6.80201 7.98898 7 7.50472 7 7.0003C7 6.49588 6.80201 6.01162 6.44861 5.6517L1.0706 0.187289C1.01298 0.128023 0.944059 0.0809123 0.867916 0.0487433C0.791773 0.0165742 0.709952 -2.74947e-07 0.627293 -2.7856e-07C0.544633 -2.82173e-07 0.462814 0.0165742 0.386671 0.0487432C0.310527 0.0809122 0.241607 0.128023 0.183986 0.187289C0.066071 0.307281 -4.97328e-07 0.468784 -5.04682e-07 0.637017C-5.12036e-07 0.80525 0.066071 0.966754 0.183986 1.08675Z' fill='%236F6F6F'/%3E%3C/svg%3E%0A");
}

.swiper-prev:after {
	background-image: url("data:image/svg+xml,%3Csvg width='7' height='14' viewBox='0 0 7 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.81601 1.08675L1.43683 6.55232C1.31886 6.67157 1.25269 6.83255 1.25269 7.0003C1.25269 7.16805 1.31886 7.32903 1.43683 7.44828L6.81485 12.9139C6.93276 13.0338 6.99883 13.1953 6.99883 13.3636C6.99883 13.5318 6.93276 13.6933 6.81485 13.8133C6.75725 13.8724 6.6884 13.9194 6.61236 13.9514C6.53633 13.9835 6.45464 14 6.37212 14C6.28961 14 6.20792 13.9835 6.13189 13.9514C6.05585 13.9194 5.987 13.8724 5.9294 13.8133L0.551387 8.3489C0.197994 7.98898 3.28042e-07 7.50472 3.05993e-07 7.0003C2.83944e-07 6.49588 0.197994 6.01162 0.551387 5.6517L5.9294 0.187289C5.98702 0.128023 6.05594 0.0809123 6.13208 0.0487433C6.20823 0.0165742 6.29005 -2.74947e-07 6.37271 -2.7856e-07C6.45537 -2.82173e-07 6.53719 0.0165742 6.61333 0.0487432C6.68947 0.0809122 6.75839 0.128023 6.81601 0.187289C6.93393 0.307281 7 0.468784 7 0.637017C7 0.80525 6.93393 0.966754 6.81601 1.08675Z' fill='%236F6F6F'/%3E%3C/svg%3E%0A");
}

@media (max-width: 1024px) {
	.section-title {
		line-height: 1.1;
		font-size: 42px;
	}

	.page-title {
		font-size: 48px;
	}
}

@media (max-width: 767px) {
	.section-title {
		font-size: 32px;
	}

	.page-title {
		font-size: 42px;
	}
}

@media (max-width: 520px) {
	.section-title {
		font-size: 27px;
	}

	.slider-group {
		padding: 0 35px;
	}

	.container {
		padding: 0 20px;
	}

	.page-title {
		font-size: 38px;
	}
}

/*--------------------------------------------------------------
# Top Nav
--------------------------------------------------------------*/
.top-nav {
	top: 0;
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 111;
	background-color: #F2F2F2;
}

.top-nav.fixed {
	position: fixed;
	z-index: 11111;
}

.top-nav__main-block {
	min-height: 60px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.top-nav__soc-group {
	display: flex;
	gap: 0 16px;
	align-items: center;
}

.top-nav__soc-group a {
	display: block;
}

.top-nav__soc-group img {
	display: block;
	width: 16px;
	height: 16px;
	object-fit: contain;
	object-position: center;
}

.top-nav__call-btn {
	padding: 0;
}

.top-nav__call-btn:after {
	content: '';
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-size: 24px;
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 12H20M20 12L17 9M20 12L17 15' stroke='%23F33932' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

/*--------------------------------------------------------------
# Top Menu
--------------------------------------------------------------*/
.top-menu {
	top: 60px;
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 111;
	background-color: #FFFFFF;
}

.top-menu.fixed {
	position: fixed;
	z-index: 11111;
}

.top-menu__main-block {
	min-height: 60px;
	display: grid;
	align-items: center;
	grid-gap: 0 20px;
	grid-template-columns: max-content 1fr max-content;
}
.top-menu__logo-img,
.top-menu__logo {
	display: block;
}
.top-menu__logo-img {
	height: 22px;
}

.top-menu__phone {
	display: flex;
	gap: 0 8px;
	align-items: center;
	justify-content: center;
	height: 35px;
	width: fit-content;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.6;
	color: #4A4A4A;
}

.top-menu__phone:before {
	content: '';
	width: 16px;
	height: 16px;
	background-size: 16px;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_552_396)'%3E%3Cpath d='M5.90968 15.1321C5.17763 15.6044 4.30527 15.8103 3.43931 15.7149C2.57334 15.6197 1.76658 15.2292 1.15468 14.6091L0.619741 14.086C0.385218 13.8461 0.253906 13.524 0.253906 13.1885C0.253906 12.853 0.385218 12.5308 0.619741 12.2909L2.89026 10.0443C3.12813 9.81048 3.4483 9.67948 3.78182 9.67948C4.11534 9.67948 4.43551 9.81048 4.67339 10.0443C4.91327 10.2788 5.23542 10.4101 5.5709 10.4101C5.90637 10.4101 6.22852 10.2788 6.4684 10.0443L10.0347 6.478C10.1536 6.36076 10.2481 6.22104 10.3126 6.06696C10.3771 5.91288 10.4103 5.74752 10.4103 5.58049C10.4103 5.41346 10.3771 5.2481 10.3126 5.09402C10.2481 4.93994 10.1536 4.80023 10.0347 4.68298C9.80089 4.44511 9.66989 4.12493 9.66989 3.79141C9.66989 3.45791 9.80089 3.13772 10.0347 2.89985L12.2933 0.641225C12.5331 0.406703 12.8553 0.275391 13.1909 0.275391C13.5263 0.275391 13.8485 0.406703 14.0883 0.641225L14.6113 1.17617C15.2314 1.78807 15.6219 2.59482 15.7173 3.46079C15.8125 4.32675 15.6067 5.19911 15.1344 5.93117C12.6736 9.55773 9.54259 12.6807 5.90968 15.1321Z' fill='%23F33932'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_552_396'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.top-menu__menu {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 20px;
}


.top-menu__menu li {
	display: block;
}


.top-menu__menu > li > a {
	display: flex;
	align-items: center;
	min-height: 26px;
	font-family: 'Poppins';
	font-weight: 500;
	font-size: 16px;
	line-height: 1.6;
	text-transform: uppercase;
	color: #4A4A4A;
}

.top-menu__menu > li.current-menu-item > a,
.top-menu__menu > li:not(.current-menu-item):hover > a {
	color: #F33932;
}

.top-menu__burger-btn {
	display: none;
	flex-direction: column;
	gap: 5px 0;
	justify-content: center;
	align-items: center;
	width: 36px;
	height: 36px;
	padding: 0;
}

.top-menu__burger-btn span {
	display: block;
}

.top-menu__burger-btn:before,
.top-menu__burger-btn:after,
.top-menu__burger-btn span {
	background-color: #000000;
	height: 3px;
	width: 18px;
}

.top-menu__burger-btn:before,
.top-menu__burger-btn:after {
	content: '';
}

@media (max-width: 1024px) {

	.top-menu__menu,
	.top-menu__phone {
		display: none;
	}

	.top-menu__main-block {
		display: flex;
		justify-content: space-between;
	}


	.top-menu__burger-btn {
		display: flex;
		position: relative;
	}

	.top-menu__burger-btn.active span {
		display: none;
	}

	.top-menu__burger-btn.active:before,
	.top-menu__burger-btn.active:after {
		position: absolute;
	}

	.top-menu__burger-btn.active:before {
		transform: rotate(-45deg);
	}

	.top-menu__burger-btn.active:after {
		transform: rotate(45deg);
	}
}


/*--------------------------------------------------------------
# Mobile Menu
--------------------------------------------------------------*/
.mobile-menu-wrapper {}

.mobile-menu-wrapper__main-block {

}

.mobile-menu-wrapper__menu {}

/*--------------------------------------------------------------
# Footer Callback
--------------------------------------------------------------*/
.footer-callback {
	background-color: #FFEFEE;
}

.footer-callback__main-block {
	grid-gap: 0 30px;
	align-items: center;
	display: grid;
	grid-template-columns: max-content 1fr;
}

.footer-callback__text-group {
	padding: 30px 0;
	display: flex;
	align-items: center;
	gap: 0 70px;
	justify-content: flex-start;
	width: 100%;
}

.footer-callback__img {
	display: block;
	width: auto;
	height: 230px;
	object-fit: contain;
	object-position: bottom;
	transform: translateY(50px);
}

.footer-callback__section-title {
	font-family: 'Orelega One';
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: 0.03em;
	text-transform: capitalize;
	text-align: center;
	color: #000000;
} 

.footer-callback__btn {
	min-width: max-content;
}

@media (max-width: 1024px) {
	.footer-callback__text-group {
		grid-gap: 0 30px;
		justify-content: space-around;
	}

	.footer-callback__img {
		height: 200px;
	}
}

@media (max-width: 767px) {
	.footer-callback__main-block {
		display: flex;
		flex-direction: column;
	}

	.footer-callback__text-group {
		order: 1;
		flex-direction: column;
		align-items: center;
		gap: 24px 0;
		justify-content: flex-start;
		max-width: 420px;
		padding: 0;
	}

	.footer-callback__main-block {
		padding-left: 40px;
		padding-top: 40px;
		padding-right: 40px;
	}

	.footer-callback__img {
		order: 2;
		height: 230px;
		position: unset;
		transform: unset;
		object-position: 0 40px;
	}

	.footer-callback__btn {
		max-width: 320px;
		width: 100%;
	}
}

/*--------------------------------------------------------------
# Featured posts
--------------------------------------------------------------*/
.featured-posts {
	background-color: #FCFCFC;
}
.featured-posts__main-block {
	display: flex;
	flex-direction: column;
	gap: 36px 0;
}
.featured-posts__top-group {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.featured-posts .top-group__more-btn {
	display: flex;
	justify-content: flex-start;
	gap: 0 10px;
	align-items: center;
}
.featured-posts .top-group__more-btn:after {
	content: '';
	width: 24px;
	height: 24px;
	background-size: 24px;
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 12H20M20 12L17 9M20 12L17 15' stroke='%239E9E9E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.featured-posts__list {
	display: flex;
	flex-wrap: wrap;
	gap: 45px;
}

.featured-posts .list__item {
	display: flex;
	flex-direction: column;
	gap: 20px 0;
	height: 100%;
	min-width: 350px;
	flex: 1 1 calc(33.3% - 45px);
}

.featured-posts .list .item__thumb {
	display: block;
	overflow: hidden;
}

.featured-posts .list .item .thumb__img {
	display: block;
	width: 100%;
	height: 200px;
	object-fit: cover;
	object-position: center;
}
.featured-posts .list .item__content-group {
	display: flex;
	flex-direction: column;
	gap: 20px 0;
}

.featured-posts .list .item .content-group__title {
	line-height: 1.5;
	color: #1B1B1B;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.featured-posts .list .item .content-group__excerpt {
	line-height: 1.2;
	color: #6A6A6A;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.featured-posts .list .item__more-btn {
	margin-top: auto;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0 10px;
	font-family: 'Poppins';
	font-weight: 500;
	font-size: 16px;
	color: #F33932;
	line-height: 1;
}

.featured-posts .list .item__more-btn:after {
	width: 24px;
	height: 24px;
	background-size: 24px;
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 12H20M20 12L17 9M20 12L17 15' stroke='%23F33932' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
 
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.footer {
	background-color: #1F1F1F;
}
.footer__main-block {
	padding: 60px 0;
	display: grid;
	grid-gap: 0 100px;
	align-items: flex-start;
	grid-template-columns: max-content 1fr;
}

.footer__right-column {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 30px 0;
	max-width: 320px;
}

.footer__logo,
.footer__logo-img {
	display: block;
}

.footer__logo-img {
	width: 100%;
	height: auto;
}

.footer__descr {
	font-family: 'Poppins';
	font-weight: 300;
	font-size: 14px;
	line-height: 1.6;
	color: #E0E0E0;
	width: 100%;
}

.footer__soc-group {
	display: flex;
	gap: 0 16px;
}

.footer__soc-group a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-color: #FFFFFF;
}

.footer__soc-group img {
	width: 16px;
	height: 16px;
	object-fit: contain;
	object-position: center;
}


.footer__menu {
	width: 100%;
	display: flex;
	gap: 0 20px;
	align-items: flex-start;
	justify-content: space-between;
}


.footer__menu > li {
	display: flex;
	gap: 12px 0;
	flex-direction: column;
}

.footer__menu li.current-menu-item > a,
.footer__menu li:not(.current-menu-item):hover > a {
	color: #F33932!important;
}


.footer__menu > li > a {
	font-family: 'Poppins';
	font-weight: 600;
	font-size: 18px;
	line-height: 16
	text-transform: uppercase;
	display: block;
	color: #FFFFFF;
}

.footer__menu .sub-menu {
	display: flex;
	flex-direction: column;
	gap: 12px 0;
}

.footer__menu .sub-menu > li > a {
	font-family: 'Poppins';
	font-weight: 400;
	font-size: 16px;
	line-height: 1.6;
	color: #E0E0E0;
}


@media (max-width: 1200px) {
	.footer__main-block {
		grid-gap: 0 40px;
	}
}

@media (max-width: 1024px) {
	.footer__main-block {
		display: block;
	}

	.footer__menu {
		margin-top: 40px;
		flex-wrap: wrap;
		grid-gap: 32px;
	}

	.footer__menu > li {
		flex: 1 1 calc(33.3% - 32px);
		min-width: 220px;
	}
}

@media (max-width: 767px) {
	.footer__main-block {
		padding: 40px 0;
	}

	.footer__right-column {
		gap: 20px 0;
	}
}

@media (max-width: 520px) {
	.footer__menu {
		margin-top: 32px;
	}

	.footer__logo, .footer__logo-img {
		max-width: 250px;
	}
}