/* ------------- 
content start - banner
------------- */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@500;700;900&display=swap');

.sfeducation-banner {
    max-width: 677px; /*Ширина баннера*/
    width: 100%;
    position: fixed;
    bottom: 15px;
    z-index: 999;
    left: unset;
    right: 15px;
}

.sfeducation-banner-content {
    font-family: 'Inter', sans-serif;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    padding: 30px;
    background: #ffe400;
    border-radius: 5px;
}

.sfeducation-banner-content:before {
	display: none;
}

.sfeducation-banner-content h3.sfeducation-banner-title {
	margin-bottom: 17px;
    font-weight: 600;
    font-size: 25px; /*Размер заголовка*/
    color: #333;
}

.sfeducation-banner-descr {
	max-width: 592px;
	min-height: 52px;
	margin-bottom: 30px;
    font-weight: 400;
    font-size: 18px;
    color: #333;
}

.sfeducation-banner-discount {
    font-weight: 700;
}

.sfeducation-banner-descr span:empty {
    display: none;
}

.timer-digit {
    display: inline-block;
    width: 22px;
}

.timer-digit-day,
.timer-digit-hour {
	width: fit-content;
}

.sfeducation-banner-btns {
    display: flex;
    gap: 13px;
    width: 100%;
}

.sfeducation-banner a:focus, 
.sfeducation-banner a:hover {
    color: inherit;
    text-decoration: none;
}

.buy-button,
.consult-btn {
	display: flex;
    justify-content: center;
    align-items: center;
	flex-basis: calc(50% - 7px);
	font-weight: 600;
	font-size: 18px; /*Размер текста кнопки*/
	text-align: center;
	color: #000;
    border-radius: 5px;
    max-width: 301px;
    height: 45px; /*Высота кнопки*/
    padding: 0px 10px 0px; /*Отступы внутри кнопки, 10 - слева и справа*/
}

.buy-button {
    background: #fff;
    border: 1px solid #fff;
}

.consult-btn {
    background: transparent;
    border: 1px solid #333;
}

.sfeducation-banner-close {
    position: absolute;
    top: 7px;
    right: 14px;
    font-size: 20px;
    cursor: pointer;
}

@media (min-width: 533px) {
	.sfeducation-banner-descr br {
		display: none;
	}
}

@media (max-width: 768px) {
	.sfeducation-banner {
        right: 50%;
        bottom: 50px;
        transform: translateX(50%);
        width: 98%;
        }
	
	.sfeducation-banner-content {
        padding: 3.155vw;
        }
	
	.sfeducation-banner-descr {
        margin-bottom: 18px;
        }
	
	.sfeducation-banner-content h3.sfeducation-banner-title {
        margin-bottom: 8px;
        }
	
	.buy-button, .consult-btn {;
        font-size: 16px;
        min-height: 38px;
        padding: 0px 6px 0px;
        }
}

@media (max-width: 566px) {
	.sfeducation-banner-content {
        padding: 5.055vw 3.155vw 3.155vw;
        align-items: center;
	}
    
  .sfeducation-banner-descr {
         text-align: center;
         font-size: 16px;
  }
  
  .seconds-word {
        display: inline-block;
        width: 79px;
        text-align: left;
        padding-left: 4px;
	}
    
	.sfeducation-banner-btns {
    	flex-direction: column;
        align-items: center;
	}
	
	.buy-button, .consult-btn {
        width: 100%;
    }
}

/* ------------- 
content finish - banner
------------- */