/* БАННЕР */
.bunner {
	padding-top: 25px;
	text-align: left;
}

.bunner h1 {
	margin-bottom: 20px;
	font-weight: 700;
	font-size: 68px;
	line-height: 6vw;
	text-transform: uppercase;
    color: #1D4A8E;
}

.bunner p {
	font-size: 20px;
	line-height: 2.0;
	max-width: 700px;
	padding-bottom: 50px;
}

.bunner-btn {
	display: inline-block;
    background-color: #424146;
	color: white;
	padding: 12px 30px;
    margin-bottom: 5px;
	border-radius: 5px;
	text-decoration: none;
	transition: background-color 0.3s;
    border-top-left-radius: 250px;
    border-top-right-radius: 250px;
    border-bottom-right-radius: 250px;
    border-bottom-left-radius: 250px;
}

.bunner-btn:hover {
	background-color: #035CB0;
}

.bunner-side-left {
	display: inline-block;
	width: 35%;
	vertical-align: top;
	box-sizing: border-box;
}

.bunner-side-right {
    position: relative;
	display: inline-block;
	width: 60%;
	vertical-align: top;
	box-sizing: border-box;
}

.bunner-small {
    margin-top: 5%;
    position: relative;
    display: inline-block;
}

/* Левая нижняя тень */
.bunner-small::before {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 1%; /* позиция тени от края  */
    width: 35%; /* ширина пятна тени */
    height: 50px;
    background: linear-gradient(135deg, rgba(0,0,0,0.8) 0%, rgba(255,255,255,0.9) 100%);
    filter: blur(10px);  /* размытие тени */
    border-radius: 0; /* радиус */
    z-index: 1;
    pointer-events: none;
}

/* Правая нижняя тень */
.bunner-small::after {
    content: '';
    position: absolute;
    bottom: -10px;
    right: 1%; /* позиция тени от края  */
    width: 35%; /* ширина пятна тени */
    height: 50px;
    background: linear-gradient(135deg, rgba(255,255,255,0.9) 0%, rgba(0,0,0,0.8) 100%);
    filter: blur(10px); /* размытие тени */
    border-radius: 0; /* радиус  */
    z-index: 1;
    pointer-events: none;
}

.bunner-small-img {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    height: auto;
}

/* MOBILE */
@media (max-width: 1024px) {
    .bunner h1 {
        font-size: 36px;
    }

    .bunner h1, .bunner h2 {
        margin-bottom: 20px;
        font-family: Rubik, sans-serif;
        font-weight: 700;
        font-size: 6.9vw;
        line-height: 6vw;
        text-transform: uppercase;
    }

    .bunner-side-left {
        width: 100%;
        display: block;
        min-height: 40vh;
    }

    .bunner-side-right {
        width: 100%;
        display: block;
    }
}

@media (max-width: 576px) {
    .bunner h1, .bunner h2 {
        margin-bottom: 20px;
        font-family: Rubik, sans-serif;
        font-weight: 700;
        font-size: 6.9vw;
        line-height: 6vw;
        text-transform: uppercase;
    }
}

@media (max-width: 480px) {
    .bunner h1, .bunner h2 {
        margin-bottom: 20px;
        font-family: Rubik, sans-serif;
        font-weight: 700;
        font-size: 6.9vw;
        line-height: 6vw;
        text-transform: uppercase;
    }
}