#sh-header {
	background: url(../../../images/skillhead/sh-header.webp) no-repeat center;
	margin-bottom: var(--sp-10);
}

#sh-header header {
	height: 650px;
}

#sh-header header .sh-navbar {
	font-family: 'Inter', sans-serif;
	height: var(--topbar-height);
}

#sh-header header .sh-navbar>ul {
	margin: var(--sp-0);
	padding: var(--sp-0);
	list-style: none;
	
	display: flex;
	align-items: center;
	grid-gap: 36px;
}

#sh-header header .sh-navbar>ul>li a {
	display: block;
	font-size: 16px;
	font-weight: 500;
	position: relative;
	line-height: var(--topbar-height);
}

#sh-header header .sh-navbar>ul>li a::before {
	content: '';
	position: absolute;
	top: var(--sp-0);
	left: 50%;
	transform: translate( -50%, 0px );
	background: var(--sh-topbar-menu-item-active);
	border-radius: var(--sp-2);
	width: 20%;
	height: 4px;
	opacity: 0;
	transition: all 0.3s ease;
}

#sh-header header .sh-navbar>ul>li a:hover {
	color: var(--sh-link-hover-clr);
}

#sh-header header .sh-navbar>ul>li a:hover::before {
	opacity: 1;
	width: 70%;
}

#sh-header header .sh-logo a {
	display: block;
	max-width: 550px;
	min-width: 550px;
	margin-top: 120px;
	transition: opacity 0.2s linear;
}

#sh-header header .sh-logo a img {
	min-width: 100%;
	max-width: 100%;
}

#sh-header header .sh-logo a:hover {
	opacity: 0.5;
}

.sh-userbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.sh-userbar .sh-form-search {
	background-color: var(--sh-area-background);
	width: 380px;
	border: 0px;
	border-radius: var(--sp-10);
	padding: var(--sp-2);
}

.sh-userbar .sh-form-search .sh-form-search-btn {
	background-color: var(--sh-area-background-dark);
	border-radius: var(--sp-10);
	padding: var(--sp-0);
	flex: 0 0 50px;
	width: 50px;
	height: 50px;
	transition: all 0.15s ease;
}

.sh-userbar .sh-form-search .sh-form-search-btn:hover {
	background-color: var(--sh-link-hover-clr);
}

.sh-userbar .sh-form-search input.sh-form-input {
	flex: 1;
}

.sh-userbar .sh-form-search input.sh-form-input,
.sh-userbar .sh-form-search input.sh-form-input:focus,
.sh-userbar .sh-form-search input.sh-form-input:hover {
	background-color: transparent;
	border: 1px solid transparent;
	outline: 0;
	box-shadow: unset;
}

.sh-userbar .sh-form-search fieldset {
	border: 0px;
	padding: var(--sp-0);
	
	display: flex;
	align-items: center;
}

.sh-userbar .sh-userbar-content {
	background-color: var(--sh-area-background);
	border-radius: var(--sp-10);
	padding: var(--sp-3) var(--sp-4) var(--sp-3) var(--sp-7);
}

.sh-userbar .sh-userbar-content>ul {
	margin: var(--sp-0);
	padding: var(--sp-0);
	list-style: none;
	
	display: flex;
	align-items: center;
	grid-gap: 44px;
}

.sh-userbar .sh-userbar-content>ul>li a {
	font-size: 14px;
	position: relative;
	display: block
}

.sh-userbar .sh-userbar-content>ul>li a.sh-register-button {
	background-color: var(--sh-area-background-dark);
	display: block;
	height: var(--sh-register-button-height);
	line-height: var(--sh-register-button-height);
	border-radius: var(--sp-10);
	padding: var(--sp-0) var(--sp-7);
	transition: all 0.15s ease;
}

.sh-userbar .sh-userbar-content>ul>li div {
	display: flex;
	align-items: center;
	grid-gap: var(--sp-4);
}

.sh-userbar .sh-userbar-content>ul>li div img {
	width: 44px;
	height: 44px;
	border-radius: var(--sp-10);
}

.sh-userbar .sh-userbar-content>ul>li div .fa-sort-down {
	margin-left: var(--sp-1);
	position: relative;
	top: -1px;
}

.sh-userbar .sh-userbar-content>ul>li a.sh-register-button:hover {
	color: var(--sh-very-light-clr);
	background-color: var(--sh-link-hover-clr);
}

/* News */

.sh-header-boxes>.sh-container {
	display: flex;
	align-items: center;
	grid-gap: 43px;
	margin-bottom: var(--sp-10);
} 

.sh-header-boxes .sh-header-news>ul {
	margin: var(--sp-0);
	padding: var(--sp-0);
	list-style: none;
	
	display: flex;
	align-items: center;
	grid-gap: 43px;
}

.sh-header-boxes .sh-header-news>ul .ns-header-news-item {
	width: 577px;
	background: url(../../../images/skillhead/sh-announcement-2.webp) no-repeat center;
	background-size: cover;
	border-radius: var(--sp-6);
	padding: 26px 24px;
	height: 297px;
}

.sh-header-boxes .sh-header-news>ul .ns-header-news-item:last-child {
	background: url(../../../images/skillhead/sh-announcement-1.webp) no-repeat center;
	background-size: cover;
}

.sh-header-boxes .sh-header-news>ul .ns-header-news-item .ns-header-news-item-header {
	margin-bottom: var(--sp-6);
}

.sh-header-boxes .sh-header-news>ul .ns-header-news-item .ns-header-news-item-header>ol {
	margin: var(--sp-0);
	padding: var(--sp-0);
	list-style: none;
	
	display: flex;
	align-items: center;
	grid-gap: var(--sp-4);
}

.sh-header-boxes .sh-header-news>ul .ns-header-news-item .ns-header-news-item-header>ol li:first-child a {
	display: block;
	background-color: var(--sh-body-bg);
	width: 50px;
	height: 50px;
	text-align: center;
	border-radius: var(--sp-10);
	transition: all 0.2s linear;
}

.sh-header-boxes .sh-header-news>ul .ns-header-news-item .ns-header-news-item-header>ol li div {
	font-weight: 400;
	color: var(--sh-light-clr);
}

.sh-header-boxes .sh-header-news>ul .ns-header-news-item .ns-header-news-item-header>ol li div span {
	display: block;
	font-weight: 600;
	color: var(--sh-very-light-clr);
}

.sh-header-boxes .sh-header-news>ul .ns-header-news-item .ns-header-news-item-header>ol li:first-child a svg {
	height: 100%;
	vertical-align: middle;
}

.sh-header-boxes .sh-header-news>ul .ns-header-news-item .ns-header-news-item-header>ol li:first-child a:hover {
	background-color: var(--sh-link-hover-clr);
	color: var(--sh-very-light-clr);
}

.sh-header-boxes .sh-header-news>ul .ns-header-news-item h2 {
	margin: var(--sp-0);
	padding: var(--sp-0);
	font-size: 1.4rem;
	font-weight: 700;
	text-transform: uppercase;
}

.sh-header-boxes .sh-header-news>ul .ns-header-news-item p {
	margin: var(--sp-3) var(--sp-0) var(--sp-0) var(--sp-0);
	padding: var(--sp-0);
	font-weight: 350;
	line-height: 1.7;
}

/* Partners */

.sh-header-boxes .sh-partners {
	background-color: var(--sh-area-background);
	max-width: 357px;
	min-width: 357px;
	height: 297px;
	border-radius: var(--sp-6);
	padding: 26px 24px;
} 

.sh-header-boxes .sh-partners .sh-partners-header {
	display: flex;
	align-items: center;
	grid-gap: 22px;
	position: relative;
	margin-bottom: var(--sp-5);
}

.sh-header-boxes .sh-partners .sh-partners-header .sh-partners-header-icon {
	flex: 0 0 50px;
	display: block;
	background-color: var(--sh-body-bg);
	width: 50px;
	height: 50px;
	text-align: center;
	border-radius: var(--sp-10);
	transition: all 0.2s linear;
} 

.sh-header-boxes .sh-partners .sh-partners-header .sh-partners-header-icon svg {
	height: 50px;
	vertical-align: middle;
} 

.sh-header-boxes .sh-partners .sh-partners-header h2 {
	margin: var(--sp-0);
	padding: var(--sp-0);
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
} 

.sh-header-boxes .sh-partners .sh-partners-header .sh-partners-swiper-pagination {
	flex: 1;
	text-align: right;
} 

.sh-header-boxes .sh-partners .sh-partners-header .sh-partners-swiper-pagination .swiper-pagination-bullet {
	background-color: var(--sh-swiper-slide-bullet);
	width: 11px;
	height: 11px;
	border-radius: var(--sp-10);
	opacity: 1;
	transition: all 0.2s linear;
} 

.sh-header-boxes .sh-partners .sh-partners-header .sh-partners-swiper-pagination .swiper-pagination-bullet:hover {
	filter: brightness(1.3);
} 

.sh-header-boxes .sh-partners .sh-partners-header .sh-partners-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: var(--sh-topbar-menu-item-active);
} 

.sh-header-boxes .sh-partners .sh-partners-swiper .swiper-slide {
	text-align: center;
} 

.sh-header-boxes .sh-partners .sh-partners-swiper .swiper-slide a {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 160px;
	transition: opacity 0.2s linear;
} 

.sh-header-boxes .sh-partners .sh-partners-swiper .swiper-slide a:hover {
	opacity: 0.6;
} 

.sh-header-boxes .sh-partners .sh-partners-swiper .swiper-slide img {
	max-height: 160px;
	vertical-align: middle;
} 

.sh-breadcrumb {
	margin: var(--sp-6) auto var(--sp-8) auto;
}

.sh-breadcrumb ul {
	margin: var(--sp-0);
	padding: var(--sp-0);
	list-style: none;
	
	display: flex;
	align-items: center;
	grid-gap: var(--sp-6);
}

.sh-breadcrumb ul li:nth-child(2) a {
	background: transparent !important;
	padding: var(--sp-0) !important;
}

.sh-breadcrumb ul .sh-breadcrumb-item-home {
    background-color: var(--sh-area-background-light);
    display: inline-block;
    text-align: center;
    border-radius: var(--sp-10);
    transition: all 0.3s ease;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
}

.sh-breadcrumb ul .sh-breadcrumb-arrow svg {
	vertical-align: middle;
	height: 50px;
}

.sh-breadcrumb ul .sh-breadcrumb-item,
.sh-breadcrumb ul li.sh-breadcrumb-item-active a {
    background-color: var(--sh-area-background-light);
    display: inline-block;
    text-align: center;
	height: 50px;
	line-height: 50px;
	padding: var(--sp-0) var(--sp-4);
	border-radius: var(--sp-10);
}

.sh-breadcrumb ul .sh-breadcrumb-item-home svg,
.sh-breadcrumb ul li.sh-breadcrumb-item-sep svg {
	height: 100%;
	vertical-align: middle;
}

.sh-breadcrumb ul li.sh-breadcrumb-item-active a {
    background-color: var(--sh-register-button-hover);
    color: var(--sh-very-light-clr);
}

.sh-breadcrumb ul li.sh-breadcrumb-item-active a {
	box-shadow: unset;
}

.sh-breadcrumb ul li a {
	font-size: 14px;
	font-weight: 500;
}

@media (min-width: 1441px) and (max-width: 1560px) {
  .sh-header-boxes .sh-header-news>ul .ns-header-news-item {
    width: 479px;
  } 
} 

@media (min-width: 1367px) and (max-width: 1440px) {
  .sh-header-boxes .sh-header-news>ul .ns-header-news-item {
    width: 439px;
  } 
} 

@media (min-width: 1281px) and (max-width: 1366px) {
  .sh-header-boxes .sh-header-news>ul .ns-header-news-item {
    width: 439px;
  } 
} 

@media (min-width: 1157px) and (max-width: 1280px) {
	.sh-header-boxes .sh-header-news>ul .ns-header-news-item {
		width: 360px;
	} 
	.sh-header-boxes .sh-partners {
		min-width: 289px;
		max-width: 289px;
	}
} 

@media (min-width: 1025px) and (max-width: 1156px) {
	.sh-header-boxes .sh-header-news>ul .ns-header-news-item {
		width: 313px;
	} 
	.sh-header-boxes .sh-partners {
		min-width: 289px;
		max-width: 289px;
	}
	.sh-header-boxes .sh-header-news>ul .ns-header-news-item p {
		font-size: 13px;
	}
}

@media (min-width: 979px) and (max-width: 1024px) {
	.sh-header-boxes>.sh-container {
		align-items: flex-start;
	}
	.sh-header-boxes .sh-header-news>ul {
		flex-wrap: wrap;
	}
}

@media screen and (max-width: 1024px) {
	#sh-header header .sh-logo a {
		max-width: 100%;
		min-width: 100%;
		margin-top: 60px;
	}
	.sh-header-boxes .sh-header-news>ul,
	.sh-header-boxes>.sh-container {
		align-items: flex-start;
		flex-wrap: wrap;
	}
	.sh-header-boxes .sh-header-news>ul .ns-header-news-item {
		width: 100%;
		background-size: cover;
	} 
	.sh-header-boxes .sh-partners {
		min-width: 100%;
		max-width: 100%;
	}
	#sh-header header .sh-navbar>ul {
		display: none;
	}
	#sh-header .sh-topbar-content-mobile {
		background-color: rgba( 25, 25, 25, 0.2 );
		backdrop-filter: blur(10px);
		height: 60px;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		padding: var(--sp-0) var(--sp-3);
		font-size: 16px;
	}
	.sh-mobile-menu-user {
		margin: var(--sp-2) var(--sp-0) var(--sp-4) var(--sp-0);
	}
	.sh-mobile-menu-user ul {
		margin: var(--sp-0);
		padding: var(--sp-0);
		list-style: none;
		
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		grid-gap: var(--sp-2);
	}
	.sh-mobile-menu-user ul li:last-child div {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		grid-gap: var(--sp-2);
	}
	.sh-mobile-menu-user ul li:last-child div img {
		width: 40px;
		height: 40px;
		border-radius: var(--sp-10);
	}
	.sh-mobile-menu-user ul li a {
		background-color: var(--sh-area-background-dark);
		color: var(--ns-very-light-clr);
		display: block;
		padding: var(--sp-3) var(--sp-5);
		border-radius: var(--sp-1);
		margin-bottom: var(--sp-2);
	}
	.sh-mobile-menu-user ul li:first-child a {
		background-color: var(--sh-form-button-bg-hover);
	}
	.sh-notification-bubble {
		display: none;
	}
	.sh-mobile-menu-search #search {
		position: relative;
	}
	.sh-mobile-menu-search form .sh-form-search-btn {
		position: absolute;
		height: 43px !important;
		border-radius: var(--sp-1) 0 0 var(--sp-1);
		background-color: var(--sh-form-button-bg-hover);
	}
	.sh-mobile-menu-search .sh-form-input {
		padding-left: var(--sp-10);
	}
	.sh-userbar {
		display: none;
	}
}

.sh-topbar-content-mobile {
	display: none;
}

.sh-mobile-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); 
    z-index: 998;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s, visibility 0.4s;
}

.sh-mobile-menu {
	background-color: var(--sh-mobile-nav-bg);
    position: fixed;
    top: 0;
    right: calc( -75% - 55px );
    width: 75%;
    height: 100%;
    z-index: 999;
	padding: var(--sp-4) var(--sp-3);
    transition: right 0.4s ease-in-out;
}

.sh-mobile-menu .sh-userbar {
	display: flex;
	align-items: center;
	grid-gap: var(--sp-4);
	margin-bottom: var(--sp-4);
}

.sh-mobile-menu .sh-userbar>li>div span {
	font-size: 15px;
}

.sh-mobile-menu .sh-userbar>li>div span i {
	display: none;
}

.sh-mobile-menu-search {
	height: 45px;
	margin-bottom: var(--sp-4);
}

.sh-mobile-menu-search form {
	position: relative;
}

.sh-mobile-menu-search form .sh-form-search-btn {
	height: 45px;
}

.sh-mobile-menu-search .sh-form-input {
	width: 100%;
}

.sh-mobile-menu .sh-theme-buttons {
	justify-content: center;
}

.sh-mobile-menu-nav .sh-topbar-menu {
	margin: var(--sp-4) var(--sp-0) var(--sp-0) var(--sp-0);
	padding: var(--sp-0);
	list-style: none;
}

.sh-mobile-menu-nav .sh-topbar-menu li a {
	background-color: var(--sh-mobile-nav-item-bg);
	display: block;
	padding: var(--sp-3) var(--sp-4);
	border-radius: var(--sp-1);
	margin-bottom: var(--sp-3);
	font-weight: 600;
	font-size: 14px;
	transition: all 0.3s ease;
}

.sh-mobile-menu-nav .sh-topbar-menu li a:hover {
	background-color: var(--sh-mobile-nav-item-bg-hover);
}

.sh-mobile-menu-nav .sh-topbar-menu li:last-child {
	margin-bottom: var(--sp-0);
}

.sh-mobile-menu-close {
	background-color: var(--sh-mobile-nav-bg);
	position: absolute;
	left: -55px;
	top: var(--sp-6);
	width: 44px;
	height: 44px;
	text-align: center;
	font-size: 15px;
	border-radius: var(--sp-10);
	transition: all 0.3s ease;
}

.sh-mobile-menu-close i {
	line-height: 44px;
}

.sh-mobile-menu-close:hover {
	background-color: var(--sh-mobile-nav-close-bg);
}

.sh-mobile-menu.sh-mobile-menu-open {
    right: var(--sp-0);
}

body.sh-mobile-menu-open {
    overflow: hidden;
}

body.sh-mobile-menu-open .sh-mobile-menu-overlay {
    opacity: 1;
    visibility: visible;
}