/* Fonts Include */

@font-face {
    font-family: 'Lato Hairline';
    src: url('fonts/Lato-Hairline.eot');
    src: local('Lato Hairline'), local('Lato-Hairline'), url('fonts/Lato-Hairline.eot?#iefix') format('embedded-opentype'), url('fonts/Lato-Hairline.woff') format('woff'), url('fonts/Lato-Hairline.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-Heavy.eot');
    src: local('Lato Heavy'), local('Lato-Heavy'), url('fonts/Lato-Heavy.eot?#iefix') format('embedded-opentype'), url('fonts/Lato-Heavy.woff') format('woff'), url('fonts/Lato-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-HeavyItalic.eot');
    src: local('Lato Heavy Italic'), local('Lato-HeavyItalic'), url('fonts/Lato-HeavyItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Lato-HeavyItalic.woff') format('woff'), url('fonts/Lato-HeavyItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-Regular.eot');
    src: local('Lato Regular'), local('Lato-Regular'), url('fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Lato-Regular.woff') format('woff'), url('fonts/Lato-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-Black.eot');
    src: local('Lato Black'), local('Lato-Black'), url('fonts/Lato-Black.eot?#iefix') format('embedded-opentype'), url('fonts/Lato-Black.woff') format('woff'), url('fonts/Lato-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-SemiboldItalic.eot');
    src: local('Lato Semibold Italic'), local('Lato-SemiboldItalic'), url('fonts/Lato-SemiboldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Lato-SemiboldItalic.woff') format('woff'), url('fonts/Lato-SemiboldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-BlackItalic.eot');
    src: local('Lato Black Italic'), local('Lato-BlackItalic'), url('fonts/Lato-BlackItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Lato-BlackItalic.woff') format('woff'), url('fonts/Lato-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Lato Hairline';
    src: url('fonts/Lato-HairlineItalic.eot');
    src: local('Lato Hairline Italic'), local('Lato-HairlineItalic'), url('fonts/Lato-HairlineItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Lato-HairlineItalic.woff') format('woff'), url('fonts/Lato-HairlineItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-MediumItalic.eot');
    src: local('Lato Medium Italic'), local('Lato-MediumItalic'), url('fonts/Lato-MediumItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Lato-MediumItalic.woff') format('woff'), url('fonts/Lato-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-ThinItalic.eot');
    src: local('Lato Thin Italic'), local('Lato-ThinItalic'), url('fonts/Lato-ThinItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Lato-ThinItalic.woff') format('woff'), url('fonts/Lato-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-Thin.eot');
    src: local('Lato Thin'), local('Lato-Thin'), url('fonts/Lato-Thin.eot?#iefix') format('embedded-opentype'), url('fonts/Lato-Thin.woff') format('woff'), url('fonts/Lato-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-Medium.eot');
    src: local('Lato Medium'), local('Lato-Medium'), url('fonts/Lato-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/Lato-Medium.woff') format('woff'), url('fonts/Lato-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-Italic.eot');
    src: local('Lato Italic'), local('Lato-Italic'), url('fonts/Lato-Italic.eot?#iefix') format('embedded-opentype'), url('fonts/Lato-Italic.woff') format('woff'), url('fonts/Lato-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-Semibold.eot');
    src: local('Lato Semibold'), local('Lato-Semibold'), url('fonts/Lato-Semibold.eot?#iefix') format('embedded-opentype'), url('fonts/Lato-Semibold.woff') format('woff'), url('fonts/Lato-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-Bold.eot');
    src: local('Lato Bold'), local('Lato-Bold'), url('fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Lato-Bold.woff') format('woff'), url('fonts/Lato-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-BoldItalic.eot');
    src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url('fonts/Lato-BoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Lato-BoldItalic.woff') format('woff'), url('fonts/Lato-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-LightItalic.eot');
    src: local('Lato Light Italic'), local('Lato-LightItalic'), url('fonts/Lato-LightItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Lato-LightItalic.woff') format('woff'), url('fonts/Lato-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-Light.eot');
    src: local('Lato Light'), local('Lato-Light'), url('fonts/Lato-Light.eot?#iefix') format('embedded-opentype'), url('fonts/Lato-Light.woff') format('woff'), url('fonts/Lato-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-BoldItalic.eot');
    src: local('Inter Bold Italic'), local('Inter-BoldItalic'), url('fonts/Inter-BoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Inter-BoldItalic.woff2') format('woff2'), url('fonts/Inter-BoldItalic.woff') format('woff'), url('fonts/Inter-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-MediumItalic.eot');
    src: local('Inter Medium Italic'), local('Inter-MediumItalic'), url('fonts/Inter-MediumItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Inter-MediumItalic.woff2') format('woff2'), url('fonts/Inter-MediumItalic.woff') format('woff'), url('fonts/Inter-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-ThinItalicBETA.eot');
    src: local('Inter Thin Italic BETA'), local('Inter-ThinItalicBETA'), url('fonts/Inter-ThinItalicBETA.eot?#iefix') format('embedded-opentype'), url('fonts/Inter-ThinItalicBETA.woff2') format('woff2'), url('fonts/Inter-ThinItalicBETA.woff') format('woff'), url('fonts/Inter-ThinItalicBETA.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-Regular.eot');
    src: local('Inter Regular'), local('Inter-Regular'), url('fonts/Inter-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Inter-Regular.woff2') format('woff2'), url('fonts/Inter-Regular.woff') format('woff'), url('fonts/Inter-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-Black.eot');
    src: local('Inter Black'), local('Inter-Black'), url('fonts/Inter-Black.eot?#iefix') format('embedded-opentype'), url('fonts/Inter-Black.woff2') format('woff2'), url('fonts/Inter-Black.woff') format('woff'), url('fonts/Inter-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-BlackItalic.eot');
    src: local('Inter Black Italic'), local('Inter-BlackItalic'), url('fonts/Inter-BlackItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Inter-BlackItalic.woff2') format('woff2'), url('fonts/Inter-BlackItalic.woff') format('woff'), url('fonts/Inter-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-LightBETA.eot');
    src: local('Inter Light BETA'), local('Inter-LightBETA'), url('fonts/Inter-LightBETA.eot?#iefix') format('embedded-opentype'), url('fonts/Inter-LightBETA.woff2') format('woff2'), url('fonts/Inter-LightBETA.woff') format('woff'), url('fonts/Inter-LightBETA.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-SemiBold.eot');
    src: local('Inter Semi Bold'), local('Inter-SemiBold'), url('fonts/Inter-SemiBold.eot?#iefix') format('embedded-opentype'), url('fonts/Inter-SemiBold.woff2') format('woff2'), url('fonts/Inter-SemiBold.woff') format('woff'), url('fonts/Inter-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-ExtraBoldItalic.eot');
    src: local('Inter Extra Bold Italic'), local('Inter-ExtraBoldItalic'), url('fonts/Inter-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Inter-ExtraBoldItalic.woff2') format('woff2'), url('fonts/Inter-ExtraBoldItalic.woff') format('woff'), url('fonts/Inter-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-Bold.eot');
    src: local('Inter Bold'), local('Inter-Bold'), url('fonts/Inter-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Inter-Bold.woff2') format('woff2'), url('fonts/Inter-Bold.woff') format('woff'), url('fonts/Inter-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-ExtraLightItalicBETA.eot');
    src: local('Inter Extra Light Italic BETA'), local('Inter-ExtraLightItalicBETA'), url('fonts/Inter-ExtraLightItalicBETA.eot?#iefix') format('embedded-opentype'), url('fonts/Inter-ExtraLightItalicBETA.woff2') format('woff2'), url('fonts/Inter-ExtraLightItalicBETA.woff') format('woff'), url('fonts/Inter-ExtraLightItalicBETA.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-ExtraLightBETA.eot');
    src: local('Inter Extra Light BETA'), local('Inter-ExtraLightBETA'), url('fonts/Inter-ExtraLightBETA.eot?#iefix') format('embedded-opentype'), url('fonts/Inter-ExtraLightBETA.woff2') format('woff2'), url('fonts/Inter-ExtraLightBETA.woff') format('woff'), url('fonts/Inter-ExtraLightBETA.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-ExtraBold.eot');
    src: local('Inter Extra Bold'), local('Inter-ExtraBold'), url('fonts/Inter-ExtraBold.eot?#iefix') format('embedded-opentype'), url('fonts/Inter-ExtraBold.woff2') format('woff2'), url('fonts/Inter-ExtraBold.woff') format('woff'), url('fonts/Inter-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-ThinBETA.eot');
    src: local('Inter Thin BETA'), local('Inter-ThinBETA'), url('fonts/Inter-ThinBETA.eot?#iefix') format('embedded-opentype'), url('fonts/Inter-ThinBETA.woff2') format('woff2'), url('fonts/Inter-ThinBETA.woff') format('woff'), url('fonts/Inter-ThinBETA.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-LightItalicBETA.eot');
    src: local('Inter Light Italic BETA'), local('Inter-LightItalicBETA'), url('fonts/Inter-LightItalicBETA.eot?#iefix') format('embedded-opentype'), url('fonts/Inter-LightItalicBETA.woff2') format('woff2'), url('fonts/Inter-LightItalicBETA.woff') format('woff'), url('fonts/Inter-LightItalicBETA.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-Italic.eot');
    src: local('Inter Italic'), local('Inter-Italic'), url('fonts/Inter-Italic.eot?#iefix') format('embedded-opentype'), url('fonts/Inter-Italic.woff2') format('woff2'), url('fonts/Inter-Italic.woff') format('woff'), url('fonts/Inter-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-SemiBoldItalic.eot');
    src: local('Inter Semi Bold Italic'), local('Inter-SemiBoldItalic'), url('fonts/Inter-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Inter-SemiBoldItalic.woff2') format('woff2'), url('fonts/Inter-SemiBoldItalic.woff') format('woff'), url('fonts/Inter-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-Medium.eot');
    src: local('Inter Medium'), local('Inter-Medium'), url('fonts/Inter-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/Inter-Medium.woff2') format('woff2'), url('fonts/Inter-Medium.woff') format('woff'), url('fonts/Inter-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

body {
    font-family: 'Lato';
    background: #F5F5F5;
    overflow-x: hidden;
}

a {
    text-decoration: none;
    color: #424242;
}

h1 {
    font-weight: 800;
    font-size: 32px;
    color: #424242;
}

.yellow-btn {
    background: linear-gradient(90deg, #FFDA30 0%, #FFB91A 100%);
    border-radius: 30px;
    font-weight: 800;
    font-size: 20px;
    color: #FFFFFF;
}

.yellow-btn:hover {
    background: linear-gradient(90deg, #FFEE44 0%, #FFCD2E 100%);
    color: #FFFFFF;
}

.green-btn {
    background: linear-gradient(90deg, #7CD1A7 0%, #43C585 100%);
    border-radius: 30px;
    font-weight: 800;
    font-size: 20px;
    color: #FFFFFF;
}

.green-btn:hover {
    background: linear-gradient(90deg, #90E5BB 0%, #57D999 100%);
    color: #FFFFFF;
}

.header-login a {
    font-weight: 600;
    font-size: 20px;
    color: #FFFFFF;
}

.navbar-nav {
    margin-left: 88px;
}

nav {
    z-index: 5;
    position: relative;
}

.nav-link {
    font-family: 'Lato';
    font-weight: 600;
    font-size: 20px;
    color: #FFFFFF;
}

.header-phone {
    margin-right: 118px;
    font-weight: 800;
    font-size: 20px;
    color: #3B3B3B;
}

.header-logo img {
    max-width: 149px;
    height: auto;
}

.block-1 {
    height: 931px;
    background-size: contain;
    position: relative;
    top: -113px;
    z-index: 1;
}

.block-1 p {
    font-family: 'Inter';
    font-weight: 500;
    font-size: 20px;
    line-height: 130%;
    color: #FFFFFF;
    padding-bottom: 80px;
}

.arrow-btn {
    margin-left: 100px;
}

.arrow-btn::before {
    content: url('img/arrow-bottom.svg');
}

.block-1-inner {
    padding-top: 212px;
    max-width: 522px;
}

.block-1-title {
    font-weight: 800;
    font-size: 40px;
    color: #F2F2F2;
    margin-bottom: 31px;
}

.block-1 ul {
    margin-bottom: 30px;
}

.block-1 ul li {
    font-family: 'Inter';
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #FFFFFF;
    padding-bottom: 10px;
}

.block-1 .yellow-btn {
    padding: 12px 22px;
}

.block-2-left-block {
    display: flex;
    position: relative;
}

.ellipse {
    content: url("img/Ellipse1.svg");
    position: absolute;
    z-index: -1;
}

.block-2 .ellipse {
    top: -108px;
    left: -188px;
}

.block-2-element {
    background: url(img/block2-element.png) no-repeat;
    width: 345px;
    height: 332px;
    padding: 26px 43px;
}

.block-3-inner {
    position: relative;
}

.block-3-inner .ellipse {
    width: 358px;
    height: 358px;
    top: 50px;
    right: -100px;
}

.block-2-element:last-child {
    margin-top: 166px;
}

.block-2-element:hover {
    background: url(img/block2-element-hover.png) no-repeat;
    transition: 0.2s;
    color: #fff;
}

.block-2-element:hover .block-2-element-title {
    color: #fff;
}

.block-2-element:hover .block-2-element-text {
    color: #fff;
}

.block-2-element-header {
    display: flex;
    align-items: center;
    height: 115px;
}

.block-2-element-num {
    font-weight: 800;
    font-size: 96px;
    color: #9FDBBD;
}

.block-2-element-title {
    font-weight: 800;
    font-size: 18px;
    text-transform: uppercase;
    color: #43C584;
    margin-left: 39px;
}

.block-2-element-text {
    font-weight: 400;
    font-size: 16px;
    color: #424242;
}

.block-2-inner {
    display: flex;
}

.green-title {
    font-weight: 800;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    color: #43C584;
}

.block-2-right-block {
    max-width: 522px;
    margin-left: auto;
}

.block-2 h1 {
    margin-bottom: 39px;
}

.block-2 p {
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #424242;
    margin-bottom: 40px;
}

.block-2 .green-btn {
    text-transform: uppercase;
    padding: 12px 28px;
}

.block-3 {
    margin-bottom: 142px;
    margin-top: 114px;
}

.block-3-inner h1 {
    position: relative;
}

.block-3-inner h1:before {
    content: url("img/Ellipse2.png");
    position: absolute;
    z-index: -1;
    left: -33px;
    top: -25px;
}

.block-3 h1 {
    max-width: 555px;
    margin: 0 auto;
}

.block-3-items-table {
    margin-top: 38px;
}

.block-3-item {
    max-width: 630px;
    display: inline-block;
    margin-bottom: 30px;
    margin-left: 5px;
    margin-right: 5px;
}

.block-3-item-inner {
    display: flex;
    align-items: center;
}

.block-3-item-right {
    padding-left: 20px;
}

.block-3-item-title {
    font-weight: 800;
    font-size: 18px;
    color: #424242;
    margin-bottom: 5px;
}

.block-3-item-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #424242;
}

.block-4 h1 {
    margin-bottom: 56px;
}

.block-4-main {
    padding-top: 20px;
}

.block-4-main-outer {
    width: 1280px;
    height: 264.2px;
    background: linear-gradient(90deg, #7CD1A7 0%, #43C585 100%);
    box-shadow: 0px 10px 20px rgba(39, 114, 77, 0.2);
    border-radius: 30px;
    transform: rotate(1.31deg);
}

.block-4-main-inner {
    background: #FFFFFF;
    width: 1280px;
    height: 250px;
    box-shadow: 0px 10px 20px rgba(66, 66, 66, 0.1);
    border-radius: 30px;
    transform: rotate(-1.31deg);
}

.block-4-item-img-outer-1 {
    width: 152px;
    height: 84px;
    margin: 0 auto;
    display: flex;
    align-items: end;
}

.block-4-item-bg-1:before {
    content: '';
    background: url("img/block-4-1o.png") no-repeat center top;
    position: absolute;
    width: 152px;
    height: 84px;
    top: 54px;
}

.block-4-item:hover .block-4-item-bg-1:before {
    background: url("img/block-4-1oh.png") no-repeat center top;
    transform: translateY(-20px);
    transition: 0.2s;
}

.block-4-item-bg-2:before {
    content: '';
    background: url("img/block-4-2o.png") no-repeat center top;
    position: absolute;
    width: 152px;
    height: 103px;
    top: 40px;
}

.block-4-item:hover .block-4-item-bg-2:before {
    background: url("img/block-4-2oh.png") no-repeat center top;
    transform: translateY(-20px);
    transition: 0.2s;
}

.block-4-item-bg-3:before {
    content: '';
    background: url("img/block-4-3o.png") no-repeat center top;
    position: absolute;
    width: 152px;
    height: 133px;
    top: 34px;
}

.block-4-item:hover .block-4-item-bg-3:before {
    background: url("img/block-4-3oh.png") no-repeat center top;
    transform: translateY(-20px);
    transition: 0.2s;
}

.block-4-item-bg-4:before {
    content: '';
    background: url("img/block-4-4o.png") no-repeat center top;
    position: absolute;
    width: 152px;
    height: 133px;
    top: 34px;
}

.block-4-item:hover .block-4-item-bg-4:before {
    background: url("img/block-4-4oh.png") no-repeat center top;
    transform: translateY(-20px);
    transition: 0.2s;
}

.block-4-item-img-inner {
    background: linear-gradient(90deg, #7CD1A7 0%, #43C585 100%);
    border-radius: 10px;
    width: 70px;
    height: 70px;
    justify-content: center;
    display: flex;
    align-items: center;
    margin: 0 auto;
}

.block-4-item {
    max-width: 290px;
    border-radius: 30px 30px 0px 0px;
    height: 290px;
    padding-top: 57px;
}

.block-4-item:before {}

.block-4-item:hover {
    position: relative;
    padding-top: 40px;
    background: linear-gradient(90deg, #7CD1A7 0%, #43C585 100%);
    transition: 0.2s;
}

.block-4-item:hover .block-4-item-img-inner {
    background: linear-gradient(90deg, #FFDA30 0%, #FFB91A 100%);
}

.block-4-item:hover .block-4-item-title {
    color: #FFFFFF;
    transition: 0.2s;
}

.block-4-item:hover .block-4-item-text {
    color: #FFFFFF;
    transition: 0.2s;
}

.block-4-item-title {
    margin-bottom: 15px;
    margin-top: 10px;
    font-weight: 800;
    font-size: 18px;
    text-align: center;
    color: #424242;
}

.block-4-item-text {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #424242;
    margin-bottom: 28px;
    padding-left: 10px;
    padding-right: 10px;
}

.block-4-main-items {
    height: 290px;
    width: 1280px;
    overflow: hidden;
    display: flex;
    align-items: end;
    justify-content: space-between;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    border-radius: 30px;
    top: -40px;
}

.section-header-title {
    padding-left: 50px;
    position: relative;
}

.block-2-right-block .section-header-title {
    padding-left: 0px;
}

.block-2-right-block .section-header-title:before {
    content: url("img/Ellipse2.png");
    position: absolute;
    z-index: -1;
    top: -6px;
    left: -40px;
}

.section-header-title:before {
    content: url("img/Ellipse2.png");
    position: absolute;
    z-index: -1;
    top: -6px;
    left: 13px;
}

.block-5 {
    margin-top: 118px;
    margin-bottom: 100px;
}

.swiper-button-prev::before {
    content: url(img/ellipse-btn.svg);
    position: absolute;
    z-index: -1;
    top: 13px;
    left: -23px;
}

.swiper-button-next::before {
    content: url(img/ellipse-btn.svg);
    position: absolute;
    z-index: -1;
    top: 13px;
    left: 11px;
}

.slider-otzyv {
    position: relative;
}

.swiper-button-prev::after {
    content: url('img/arrow.svg');
}

.swiper-button-next::after {
    content: url('img/arrow-next.svg');
}

.block-banner {
    background: url("img/banner.png") no-repeat;
    width: 100%;
    height: auto;
}

.block-banner {
    display: flex;
    justify-content: right;
}

.block-banner-left-block {
    text-align: center;
    max-width: 530px;
    padding-right: 108px;
    padding-top: 79px;
    padding-bottom: 79px;
}

.block-banner-title {
    font-weight: 800;
    font-size: 32px;
    color: #FFFFFF;
    padding-bottom: 20px;
}

.block-7 {
    margin-top: 70px;
    margin-bottom: 63px;
}

.block-banner-subtitle {
    font-weight: 400;
    font-size: 18px;
    color: #FFFFFF;
    padding-bottom: 40px;
}

.block-banner-btn .yellow-btn {
    padding: 12px 22px;
}

.block-7 .section-header-title {
    padding-top: 20px;
    text-align: center;
}

.block-7 .section-header-title:before {
    content: url("img/Ellipse2.png");
    position: absolute;
    z-index: -1;
    top: -6px;
    left: 571px;
}

.block-7-desc {
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    color: #424242;
    max-width: 630px;
    margin: 0 auto;
    padding-top: 23px;
    line-height: 135%;
    padding-bottom: 45px;
}

.block-7-desc a {
    color: rgba(67, 197, 133, 1);
    text-decoration: underline;
}

.block-7-desc a:hover {
    color: rgba(124, 209, 167, 1);
    transition: 0.2s;
}

.block-7-tariffs-item {
    background: #FFFFFF;
    box-shadow: 0px 10px 20px rgba(66, 66, 66, 0.1);
    border-radius: 30px;
    width: 304px;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}

.block-7-tariffs {
    display: flex;
    align-items: center;
    justify-content: center;
}

.block-7-tarrif-title {
    font-weight: 800;
    font-size: 28px;
    color: #424242;
}

.block-7-tarrif-price {
    padding-top: 15px;
    padding-bottom: 20px;
    font-weight: 800;
    font-size: 26px;
    background: linear-gradient(90deg, #FFDA30 0%, #FFB91A 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.block-7-tariffs-item p {
    margin-bottom: 10px;
}

.block-7-tariffs-item .green-btn {
    padding: 12px 25px;
}

.tarrif-btn {
    margin-top: 35px;
}

.block-7-tariffs-item-central {
    text-align: center;
    width: 454px;
    height: 442px;
    background: url("img/tarrif-bg.png") no-repeat;
    padding-top: 40px;
    padding-bottom: 40px;
    background-size: cover;
}

.block-7-tariffs-item-central .yellow-btn {
    padding: 12px 25px;
}

.block-7-tariffs-item-central p {
    color: #fff;
    margin-bottom: 20px;
}

.block-7-tariffs-item-central .block-7-tarrif-title {
    color: #fff;
}

.block-7-tariffs-item-central .block-7-tarrif-price {
    background: linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.block-7-tariffs-item-central .tarrif-btn {
    margin-top: 60px;
}

.block-8 {
    position: relative;
    top: 100px;
}

.block-8-inner {
    display: flex;
}

.block-8-right-block {
    margin-left: auto;
    margin-top: 79px;
}

.accordion {
    background: none;
    cursor: pointer;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    padding-top: 18px;
    padding-left: 35px;
    font-weight: 700;
    font-size: 18px;
    color: #424242;
    position: relative;
}


/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */

.active,
.accordion:hover {}


/* Style the accordion panel. Note: hidden by default */

.nav-link:hover,
.nav-link:focus {
    color: #FFB91A;
}

.panel {
    padding-left: 35px;
    padding-right: 35px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    border-radius: 15px;
    padding-top: 24px;
}

.faq-item .active .faq-arrow {
    transform: rotate(180deg);
}

.panel p {
    padding-bottom: 24px;
}

.faq-arrow {
    content: url('img/arrow-faq.svg');
    position: absolute;
    right: 20px;
    top: 10px;
}

.faqs {
    margin-top: 40px;
}

.faq-item:before {
    content: '';
    background: linear-gradient(90deg, #7CD1A7 0%, #43C585 100%);
    box-shadow: 0px 10px 20px rgba(39, 114, 77, 0.2);
    border-radius: 20px;
    transform: rotate(-0.48deg);
    min-height: 80px;
    position: absolute;
    width: 630px;
    z-index: -1;
}

.faq-item {
    background: #FFFFFF;
    width: 630px;
    box-shadow: 0px 10px 20px rgba(66, 66, 66, 0.1);
    border-radius: 15px;
    min-height: 70px;
    padding-top: 5px;
}

.faqs {}

footer {
    color: #fff;
    background: url("img/footer.png") no-repeat;
}

.footer-inner {
    /* padding-bottom: 80px; */
    position: relative;
    z-index: 2;
}

.footer-inner::before {
    background: red;
}

.logo-footer {
    padding-top: 102px;
}

.footer-inner-main {
    display: flex;
}

.footer-copyright {
    margin-top: 111px;
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 12px;
    color: #FFFFFF;
}

.copyright-icon {
    content: url("img/icons/copyright.svg");
    margin-right: 5px;
}

.footer-block-2 {
    margin-left: 121px;
    margin-top: 157px;
}

.footer-block-2 h1 {
    color: #fff;
    margin-bottom: 30px;
}

.f-phone,
.f-email {
    font-weight: 800;
    font-size: 18px;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.phone {
    content: url("img/icons/phone.svg");
    margin-right: 10px;
}

.email {
    content: url("img/icons/email.svg");
    margin-right: 10px;
}

.raspisanie {
    font-weight: 800;
    font-size: 16px;
    margin-top: 5px;
}

.contact-btn {
    margin-top: 30px;
}

.footer-block-2 .green-btn {
    padding: 13px 20px;
}

.footer-block-3 {
    margin-top: 225px;
    margin-left: 83px;
}

.footer-block-3 ul li {
    list-style: none;
    padding-bottom: 5px;
}

.footer-block-3 a {
    font-weight: 600;
    font-size: 18px;
    color: #FFFFFF;
}

.footer-block-4 {
    margin-top: 229px;
    margin-left: 50px;
}

.footer-block-4-social a {
    margin-right: 15px;
}

.footer-login {
    display: flex;
    margin-left: 80px;
}

.footer-login a {
    font-weight: 600;
    font-size: 18px;
    padding-top: 8px;
    color: #FFFFFF;
    padding-left: 10px;
}

.login-footer-icon {
    content: url("img/icons/login-footer.svg");
}

.footer-block-4-line-1 {
    display: flex;
}

.footer-block-4-line-2 {
    margin-top: 88px;
    text-align: right;
}

.footer-block-4-line-2 a {
    display: block;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 10px;
    text-decoration-line: underline;
    color: #FFFFFF;
}

.swiper {
    width: 100%;
    height: 100%;
    margin-top: 39px;
    max-width: 1062px;
}

.swiper-slide {
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    box-shadow: 0px 10px 20px rgba(66, 66, 66, 0.1);
    border-radius: 30px;
}

.slide-item-header {
    display: flex;
    align-items: center;
}

.slide-avatar {
    margin-right: 18px;
}

.slide-item {
    padding: 37px 40px;
}

.slide-item-title {
    font-weight: 800;
    font-size: 18px;
    line-height: 22px;
    color: #424242;
    padding-bottom: 10px;
}

.slide-item-name {
    font-weight: 400;
    font-size: 18px;
    color: #BDBDBD;
}

.slide-item-text {
    margin-top: 13px;
}

.slide-item-full-text {
    margin-top: 5px;
}

.slide-item-full-text a {
    font-weight: 600;
    font-size: 18px;
    text-decoration-line: underline;
    color: #43C584;
}

.add-otzyv {
    margin-top: 30px;
    display: flex;
}

.add-otzyv a {
    font-weight: 700;
    font-size: 18px;
    text-decoration-line: underline;
    text-transform: uppercase;
    color: #43C584;
    margin-left: auto;
    margin-right: 115px;
}

.tab {
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}


/* Style the buttons that are used to open the tab content */

.tab button {
    border: none;
    outline: none;
    cursor: pointer;
    padding: 10px 20px;
    transition: 0.3s;
    border-radius: 30px;
    border: 2px solid #43C585;
    font-family: 'Lato';
    font-weight: 700;
    font-size: 18px;
    color: #43C585;
    background: none;
}


/* Change background color of buttons on hover */

.tab button:hover {
    background: linear-gradient(90deg, #7CD1A7 0%, #43C585 100%);
    color: #fff;
    border: 2px solid transparent;
}


/* Create an active/current tablink class */

.tab button.active {
    background: linear-gradient(90deg, #7CD1A7 0%, #43C585 100%);
    color: #fff;
    border: 2px solid transparent;
}


/* Style the tab content */

.tabcontent {
    display: none;
    border-top: none;
    padding-top: 50px;
}

.single-item {
    background: #FFFFFF;
    /* тень */
    box-shadow: 0px 10px 20px rgba(66, 66, 66, 0.1);
    border-radius: 30px;
    padding: 30px;
    width: 413px;
    height: 455px;
}

.miniature {
    width: 353px;
    height: 200px;
    border-radius: 20px;
    overflow: hidden;
}

.miniature img {
    width: 353px;
    height: auto;
}

.single-footer {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}

.single-vis {
    display: flex;
}

.block-8-left-block {
    display: relative;
    z-index: -1;
}

.single-vis::before {
    content: url('img/eye.svg');
    align-items: center;
}

.single-title {
    font-family: 'Lato';
    font-weight: 800;
    font-size: 18px;
    color: #424242;
    padding-top: 10px;
    padding-bottom: 10px;
}

.single-text {
    font-family: 'Lato';
    font-weight: 400;
    font-size: 16px;
    /* black */
    color: #424242;
}

.single-item a:hover {
    color: inherit;
}

.single-item {
    display: inline-block;
    margin-bottom: 30px;
    margin-right: 20px;
}

.block-archive-inner {
    margin-bottom: 150px;
}

.single-block-inner {
    margin-bottom: 50px;
}

.block-4-item-mobile-outer {
    background: linear-gradient(90deg, #7CD1A7 0%, #43C585 100%);
    /* тень зеленая */
    box-shadow: 0px 10px 20px rgba(39, 114, 77, 0.2);
    border-radius: 30px;
    transform: rotate(1.31deg);
    width: 323.95px;
    height: 250.96px;
    display: inline-block;
    margin: 10px;
}

.block-4-item-mobile {
    background: #FFFFFF;
    /* тень */
    box-shadow: 0px 10px 20px rgba(66, 66, 66, 0.1);
    border-radius: 30px;
    max-width: 320px;
    min-height: 240px;
    transform: rotate(-1.31deg);
}

.block-4-item-img-inner-mob {
    text-align: center;
    padding-top: 23px;
}

.block-4-main-mobile {
    display: none;
}

@media (max-width: 1300px) {
    .block-4-main-mobile {
        display: block;
    }
    .block-4-main {
        display: none;
    }
    .ellipse {
        display: none;
    }
}

@media (max-width: 992px) {
    .block-2-inner {
        display: block;
    }
    .block-2-left-block {
        display: block;
    }
    .block-2-element:last-child {
        margin-top: 23px;
    }
    .block-2-right-block {
        margin-left: 0;
    }
    .block-8-left-block {
        display: none;
    }
    .block-8-right-block {
        margin-left: 0;
        margin-top: 0;
    }
    .block-8 {
        position: static;
    }
    .block-7 .section-header-title:before {
        display: none;
    }
    .logo-footer img {
        width: 129px;
        height: auto;
    }
    .footer-inner-main {
        display: block;
    }
    .footer-copyright {
        display: none;
    }
    .footer-block-2 {
        margin-top: 0px;
        margin-left: 0px;
    }
    h1 {
        font-size: 24px;
    }
    .footer-block-3 {
        margin-top: 23px;
        margin-left: 0px;
    }
    .f-phone {
        font-size: 16px;
        font-weight: 400;
    }
    .f-email {
        font-size: 16px;
        font-weight: 400;
    }
    .raspisanie {
        font-weight: 400;
        font-size: 15px;
    }
    .footer-block-3 ul li {
        font-weight: 600;
        font-size: 16px;
        display: inline-block;
        margin-right: 30px;
    }
    .footer-block-3 ul {
        max-width: 200px;
    }
    .footer-block-4 {
        margin-top: 0px;
        margin-left: 0px;
    }
    .footer-login {
        display: none;
    }
    .footer-block-4-line-2 {
        margin-top: 30px;
        text-align: left;
    }
    footer {
        background-size: cover;
    }
    .swiper-button-next,
    .swiper-button-prev {
        display: none;
    }
    .block-banner-left-block {
        padding-right: 0;
    }
    .block-banner {
        background: url(img/banner-mob.png) no-repeat;
        background-size: contain;
    }
    .block-banner-left-block {
        /* text-align: center; */
        /* max-width: 530px; */
        /* padding-right: 108px; */
        padding-top: 13px;
        padding-bottom: 35px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .section-header-title {
        padding-left: 0px;
    }
    .block-3 {
        margin-bottom: 0px;
    }
}