body {
    font-family: 'Segoe UI';
    font-size: 18px;
    line-height: 1.5;
    font-weight: 400;
    color: #393939;
    background: #fff linear-gradient(180deg, #e3effe 0%, #f5fdff 100%);
}

.p_bg {
    background:  linear-gradient(180deg, #e3effe 0%, #f5fdff 100%);
    position: relative;
}

.p_bg:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:  url(../img/p_bg.png) no-repeat center 240px;
}

* {
    transition: all .3s ease-in-out;
}

a {
    color: #0083cb;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

@media (min-width: 576px) {
    .container, .container-sm {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container, .container-md, .container-sm {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px;
    }
}

@media (min-width: 1500px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1432px;
    }
}

h1 {
    font-weight: 600;
    font-size: 48px;
    line-height: 120%;
    margin-bottom: 0;
}

h2 {
    font-weight: 600;
    font-size: 48px;
    line-height: 120%;
    margin-bottom: 70px;
}

.site {
    padding-top: 10px;
}

.site-header {
    z-index: 1050;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 20px;
}

.header_content {
    border-bottom: 1px solid rgba(0, 131, 203, 0.1);
    border-radius: 16px;
    padding: 11px 16px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.site-header .logo .blog_name {
    font-weight: 700;
    font-size: 18px;
    line-height: 110%;
    text-transform: uppercase;
    color: #0083cb;
    margin-left: 20px;
    padding-left: 20px;
    width: 150px;
    display: inline-block;
    border-left: 1px solid #fecc40;
}

.site-header .logo {
    color: #0083cb;
    text-decoration: none;
    display: flex;
    align-items: center;
}

.main_menu {
    border-radius: 12px;
    padding: 4px;
    background: rgba(0, 131, 203, 0.1);
}

.menu_gap {
    gap: 12px;
}

.site-header .menu-item {
    font-weight: 600;
    font-size: 17px;
    line-height: 130%;
    position: relative;
}

.site-header .menu-item a {
    border-radius: 12px;
    padding: 10px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #1e1e1c;
}

.site-header .menu-item a:hover {
    background: #fecc40;
}

.site-header .sub-menu {
    position: absolute;
    top: calc(100% + 18px);
    left: 0;
    border-bottom: 1px solid rgba(0, 131, 203, 0.1);
    border-radius: 16px;
    padding: 30px;
    background: #fff;
    width: 368px;
    list-style: none;
    opacity: 0;
    visibility: hidden;
}

.site-header .menu-item.active .sub-menu {
    visibility: visible;
    opacity: 1;
}

.site-header .sub-menu .menu-item {
    font-weight: 600;
    font-size: 17px;
    line-height: 130%;
    padding: 15px 0;
    border-bottom: 1px solid #fecc40;
}

.site-header .sub-menu .menu-item:first-child {
    padding-top: 0;
}

.site-header .sub-menu .menu-item:last-child {
    border: none;
    padding-bottom: 0;
}

.site-header .sub-menu .menu-item a {
    color: #1e1e1c;
    justify-content: flex-start;
    padding: 0;
}

.site-header .sub-menu .menu-item a:hover {
    background: none;
    color: #0083cb;
}

.header_right {
    display: flex;
    align-items: center;
    gap: 10px;
}

.lang_menu .menu-item a {
    padding: 0;
    background: none;
    border: 1px solid #fecc40;
    width: 40px;
    height: 40px;
    min-width: 40px;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    text-transform: uppercase;
    text-align: center;
    color: #1e1e1c;
    border-radius: 50%;
}

.site-header .menu-item-has-children {
    position: relative;
}

.site-header .menu-item-has-children a {
    padding-right: 50px;
}

.site-header .menu-item-has-children:after {
    content: "";
    display: block;
    position: absolute;
    height: 13px;
    width: 13px;
    right: 15px;
    top: 15px;
    background: no-repeat center  center / contain;
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_5_5686)'%3E%3Cpath d='M1.5 5.5L6.5 10.5L11.5 5.5' stroke='%230083CB' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5_5686'%3E%3Crect width='12' height='12' fill='white' transform='translate(0.5 0.5)' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.site-header .menu-item-has-children:hover:after {
    transform: rotate(-180deg);
}

.site-header .menu-item-has-children:hover > a {
    background: #fecc40;
}

.lang_menu .menu-item a:hover, .header_toggle:hover {
    background: #fecc40;
}

.header_toggle {
    padding: 0;
    background: none;
    border: 1px solid #fecc40;
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.user_toggle {
    background: #fecc40;
}

.user_toggle:hover {
    background: #0083cb;
    border-color: #0083cb;
}

.user_toggle:hover svg * {
    fill: #fecc40;
}

.site-footer {
    border-top: 1px solid #fff;
    padding: 60px 0px;
    background: rgba(0, 131, 203, 0.1);
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    color: #1e1e1c;
    margin-top: 80px;
}

.site-footer a {
    color: #0083cb;
    text-decoration: none;
}

.site-footer h2 {
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
    opacity: .85;
    margin-bottom: 20px;
}

.site-footer ul {
    list-style-image: url(../img/Plus.svg);
    margin-bottom: 0;
    padding-left: 15px;
}

.site-footer ul li {
    margin-bottom: 15px;
}

.site-footer .logo {
    display: block;
    max-width: 268px;
    margin-bottom: 39px;
}

.copyrights {
    background: #1e1e1c;
    color: #fff;
    padding: 15px 0;
}

.copyrights_content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    font-size: 15px;
    line-height: 130%;
    color: #fff;
}

.hp_hero_slide {
    border-radius: 20px 20px 100px 20px;
    overflow: hidden;
    background: url(../img/head_bg.svg) no-repeat right center, linear-gradient(146deg, #0083cb 0%, #0177fb 97.58%);
    padding-top: 94px;
    padding-bottom: 20px;
    color: #fff;
    display: flex;
    align-items: center;
    height: 710px;
}

.hp_hero_slide h2 {
    font-weight: 600;
    font-size: 48px;
    line-height: 120%;
    margin-bottom: 60px;
}

.btn:active, .btn:focus {
    box-shadow: none;
}

.btn, .wp-element-button {
    font-weight: 600;
    font-size: 20px;
    line-height: 130%;
    text-align: center;
    color: #1e1e1c;
    background: #fecc40;
    border: 1px solid #fecc40;
    border-radius: 18px;
    padding: 14px 30px 16px;
}

.btn:hover, .wp-element-button:hover {
    background: #f7bc18;
    color: #1e1e1c;
    text-decoration: none;
}

.hero {
    padding-top: 0;
}

.hero_img {
    position: absolute;
    top: 94px;
    right: 0;
    height: calc(100% - 104px);
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero .swiper-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 40px;
}

.hero .swiper-pagination-bullet {
    background: #fecc40;
    opacity: .4;
    width: 10px;
    height: 10px;
    min-width: 10px;
}

.hero .swiper-pagination-bullet-active {
    width: 15px;
    height: 15px;
    min-width: 15px;
    opacity: 1;
}

section {
    padding: 50px 0;
    overflow: hidden;
}

.p_bg .breadcrumbs_block, .p_bg section {
    position: relative;
}

.grid_4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
}

.link_ttl {
    padding-right: 87px;
}

.link_decor {
    position: absolute;
    top: 10px;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    background: #fecc40;
}

.grid_2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
}

.resorce {
    display: block;
    border-left: 6px solid #fecc40;
    border-radius: 20px;
    padding: 60px;
    text-decoration: none;
    color: #fff;
}

.resorce_content {
    display: flex;
    gap: 20px;
    width: 100%;
}

.resorce:hover {
    background: #0083cb linear-gradient(to top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)) ;
    text-decoration: none;
}

.resorce .link_decor {
    position: initial;
    min-width: 60px;
    margin-left: auto;
}

.resorce_img {
    min-width: 120px;
}

.resorce_img img {
    border-radius: 20px;
}

.resorce:hover .resorce_img img {
    border-radius: 50%;
}

.resorce h3 {
    font-weight: 600;
    font-size: 30px;
    line-height: 120%;
    margin-bottom: 20px;
}

.resorce:hover h3 {
    color: #fecc40;
}

.page_header {
    padding-top: 0;
}

.page_header_container{
    color: #fff;
    background: url(../img/head_bg.svg) no-repeat right center, linear-gradient(146deg, #0083cb 0%, #0177fb 97.58%);
    border-radius: 20px 20px 100px 20px;
    padding-bottom: 60px;
    padding-top: 114px;
}

.breadcrumbs ul {
    list-style:  none;
    display: flex;
    align-items: center;
    overflow: auto;
    white-space: nowrap;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    gap: 14px;
    padding-left: 0;
}

.breadcrumbs ul a {
    display: block;
    padding-right: 14px;
    border-right: 2px solid #0083cb;
    text-decoration: none;
    color: #0083cb;
}

.post_trumb img {
    border-radius: 20px;
}

.post_trumb {
    margin-bottom: 40px;
}

.post_date {
    font-weight: 600;
    font-size: 15px;
    line-height: 150%;
    border-radius: 8px;
    padding: 0px 10px;
    background: #fecc40;
    margin-bottom: 40px;
    max-width: max-content;
}

.blog__tumblers {
    gap: 10px;
    margin-bottom: 30px;
    flex-wrap: wrap;
    white-space: nowrap;
}

.post_content h2, .inner_page h2, .yt_ttl {
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    margin-bottom: 20px;
    opacity: 1;
}

.post_content h3, .inner_page h3 {
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
    margin-bottom: 20px;
    opacity: 1;
}

.post_content ul {
    /*padding-left: 15px;*/
}

.post_content ul li::marker, .inner_page ul li::marker {
    color: #0083CB;
}

.post_content ul li, .inner_page ul li {
    margin-bottom: 10px;
}

.post_content .wp-block-pullquote {
    padding: 0;
    font-size: 18px;
    text-align: left;
}

.post_content blockquote {
    border-radius: 20px;
    padding: 30px 20px 40px;
    margin-bottom: 30px;
    background: rgba(0, 131, 203, 0.2);
}

.post_content blockquote:before {
    content: "";
    width: 31px;
    height: 22px;
    display: block;
    margin-bottom: 30px;
    background: no-repeat center center / contain;
    background-image: url("data:image/svg+xml,%3Csvg width='31' height='22' viewBox='0 0 31 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.328 21.792L22.992 21.648C22.96 21.68 22.8 21.696 22.512 21.696H22.032L21.744 21.648L21.408 21.6L19.296 21.456L19.008 21.36H18.816C18.784 21.392 18.72 21.408 18.624 21.408C18.4 21.344 18.16 21.264 17.904 21.168C17.68 21.072 17.536 20.992 17.472 20.928C17.312 20.544 17.232 20.24 17.232 20.016L17.088 17.712L16.896 16.224L16.752 14.976C16.624 14.368 16.56 13.44 16.56 12.192C16.56 11.616 16.56 11.248 16.56 11.088C16.56 10.896 16.576 10.752 16.608 10.656C16.736 8.64 17.168 6.784 17.904 5.088C18.896 3.04 20.32 1.616 22.176 0.815998C23.904 0.271999 25.408 0 26.688 0H27.168L27.648 0.0479994C27.648 0.271998 27.728 0.655998 27.888 1.2C27.984 1.424 28.048 1.648 28.08 1.872C28.112 2.064 28.128 2.24 28.128 2.4V2.448L28.704 4.608V4.848C28.736 4.88 28.752 5.008 28.752 5.232C28.752 5.264 28.784 5.376 28.848 5.568V5.76C27.824 5.76 27.024 6.16 26.448 6.96C25.904 7.6 25.536 8.352 25.344 9.216C25.312 9.376 25.28 9.52 25.248 9.648C25.248 9.776 25.248 9.92 25.248 10.08C25.248 10.304 25.264 10.416 25.296 10.416C25.552 10.512 25.936 10.56 26.448 10.56C27.888 10.56 28.944 10.672 29.616 10.896C30.064 10.992 30.304 11.152 30.336 11.376C30.4 11.696 30.448 11.984 30.48 12.24C30.512 12.464 30.544 12.704 30.576 12.96C30.608 13.312 30.624 13.6 30.624 13.824C30.624 14.048 30.64 14.224 30.672 14.352C30.768 15.44 30.816 16.672 30.816 18.048V20.976L30.528 21.312L28.032 21.648H26.208C25.888 21.648 25.664 21.648 25.536 21.648C25.44 21.648 25.36 21.664 25.296 21.696C25.104 21.696 24.976 21.712 24.912 21.744C24.848 21.776 24.72 21.792 24.528 21.792H23.328ZM6.768 21.792L6.432 21.648C6.4 21.68 6.352 21.696 6.288 21.696C6.256 21.696 6.144 21.696 5.952 21.696H5.472C5.44 21.696 5.408 21.68 5.376 21.648H5.136L4.848 21.6L2.736 21.456L2.448 21.36H2.208C2.208 21.392 2.16 21.408 2.064 21.408C1.84 21.344 1.6 21.264 1.344 21.168C1.12 21.072 0.976 20.992 0.912 20.928C0.752 20.544 0.672 20.24 0.672 20.016L0.528 17.712L0.336 16.224L0.192 14.976C0.064 14.368 0 13.424 0 12.144C0 11.6 0 11.248 0 11.088C0 10.896 0.0160002 10.752 0.0480001 10.656C0.144 8.8 0.56 6.944 1.296 5.088C2.416 2.976 3.856 1.552 5.616 0.815998C7.344 0.271999 8.848 0 10.128 0H10.608L11.088 0.0479994C11.088 0.271998 11.168 0.655998 11.328 1.2C11.392 1.552 11.44 1.824 11.472 2.016C11.536 2.208 11.568 2.336 11.568 2.4V2.448L12.144 4.608L12.192 5.232C12.192 5.264 12.224 5.376 12.288 5.568V5.76C11.264 5.76 10.464 6.16 9.888 6.96C9.376 7.504 9.008 8.256 8.784 9.216C8.752 9.44 8.72 9.632 8.688 9.792C8.688 9.92 8.688 10.016 8.688 10.08C8.688 10.304 8.704 10.416 8.736 10.416C8.992 10.512 9.376 10.56 9.888 10.56C11.328 10.56 12.384 10.672 13.056 10.896C13.536 10.992 13.776 11.152 13.776 11.376C13.84 11.696 13.888 11.984 13.92 12.24C13.952 12.464 13.984 12.704 14.016 12.96C14.048 13.312 14.064 13.6 14.064 13.824C14.064 14.048 14.08 14.224 14.112 14.352C14.144 14.832 14.16 15.28 14.16 15.696C14.192 16.08 14.208 16.448 14.208 16.8L14.256 18.048V20.976L13.968 21.312L11.472 21.648H9.648C9.424 21.648 9.232 21.648 9.072 21.648C8.912 21.648 8.8 21.664 8.736 21.696C8.544 21.696 8.416 21.712 8.352 21.744C8.288 21.776 8.16 21.792 7.968 21.792H6.768Z' fill='%230083CB' /%3E%3C/svg%3E");
}

.post_content blockquote p:last-child {
    margin-bottom: 0;
}

.post_content blockquote cite {
    font-size: 17px;
    color: #393939;
    font-style: normal;
}

.last_posts {
    border-radius: 20px;
    padding: 20px;
    background: #fff;
}

.last_posts h2 {
    font-weight: 600;
    font-size: 30px;
    line-height: 120%;
    color: #1e1e1c;
    margin-bottom: 0;
}

.last_news_item {
    padding: 20px 0;
    border-bottom: 1px solid #0083cb;
    display: block;
    color: #1e1e1c;
}

.last_news_item h3 {
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
    margin-bottom: 0;
}

.last_news_item .post_date {
    margin-bottom: 10px;
}

.last_news_item:hover {
    text-decoration: none;
}

.last_news_item:hover h3 {
    color: #0083cb;
}

.last_posts .last_news_item:last-child {
    padding-bottom: 0;
    border: none;
}

.gall_img {
    width: 100%;
    padding-top: 62.15%;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}

.gall_img img {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%;
}

.single_gall .swiper-button-next:after, .single_gall .swiper-button-prev:after {
    display: none;
}

.single_gall .swiper-button-next, .single_gall .swiper-button-prev {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fecc40;
}

.single_gall .swiper-button-next {
    right: -72px;
}

.single_gall .swiper-button-prev {
    left: -72px;
}

.news_item {
    border-radius: 20px;
    box-shadow: 0 2px 4px 0 rgba(0, 131, 203, 0.1);
    background: #fff;
    height: auto;

}

.news_section .swiper-wrapper {
    align-items: stretch;
}

.section_header a {
    display: block;
    position: relative;
    font-weight: 600;
    font-size: 20px;
    line-height: 130%;
    color: #1e1e1c;
}

.section_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
    margin-bottom: 70px;
}

.section_header a:after {
    content: "";
    transition: all .3s ease-in-out;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -30px;
    width: 24px;
    height: 24px;
    background: no-repeat center center / contain;
    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 fill-rule='evenodd' clip-rule='evenodd' d='M13.4697 5.46967C13.1768 5.76256 13.1768 6.23744 13.4697 6.53033L18.1893 11.25H4C3.58579 11.25 3.25 11.5858 3.25 12C3.25 12.4142 3.58579 12.75 4 12.75H18.1893L13.4697 17.4697C13.1768 17.7626 13.1768 18.2374 13.4697 18.5303C13.7626 18.8232 14.2374 18.8232 14.5303 18.5303L20.5303 12.5303C20.8232 12.2374 20.8232 11.7626 20.5303 11.4697L14.5303 5.46967C14.2374 5.17678 13.7626 5.17678 13.4697 5.46967Z' fill='%230083CB' /%3E%3C/svg%3E");
}

.section_header a:hover {
    text-decoration: none;
    color: #0083cb;
}

.section_header a:hover:after {
    left: auto;
    right: -30px;
}

.news_item {
    color: #1e1e1c;
}

.news_item:hover {
    text-decoration: none;
    box-shadow: 0 2px 6px 0 rgba(0, 131, 203, 0.1);
    background: #fff linear-gradient(to top, rgba(0, 131, 203, 0.03), rgba(0, 131, 203, 0.03));
}

.news_item span {
    display: block;
}

.news_item_info {
    padding: 20px;
}

.news_item h3 {
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    margin-bottom: 20px;
}

.news_item:hover h3 {
    color: #0083cb;
}

.news_item .post_date {
    margin-bottom: 20px;
}

.news_item .news_item_excerpt {
    font-weight: 400;
    font-size: 17px;
    line-height: 150%;
    color: #393939;
}

.news_item_trumb {
    position: relative;
    padding-top: 61.84%;
    width: 100%;
    overflow: hidden;
    border-radius: 20px 20px 0 0;
}

.news_item_trumb img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.resorces .grid_2, .resorce {
    position: relative;
}

.resorces .grid_2:before {
    content: "";
    position: absolute;
    background: #0083cb;
    opacity: 0.1;
    border-radius: 20px;
    width: calc(100% + 64px);
    height: calc(100% - 8px);
    top: 40px;
    left: -32px;
}

.grid3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
}

a.news_item_trumb {
    display: block;
}

.news_item h3 a {
    color: #1e1e1c;
}

.news_item h3 a:hover {
    text-decoration: none;
    color: #0083cb;
}

.page_pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.page-numbers {
    background: transparent;
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1e1e1c;
}

.next.page-numbers, .prev.page-numbers {
    background: #fecc40;
}

.next.page-numbers:hover svg *, .prev.page-numbers:hover svg * {
    fill: #fecc40
}

.page-numbers:hover, .current.page-numbers {
    text-decoration: none;
    background: #0083cb;
    color: #fff;
}

.info_block {
    background: url(../img/info_background.svg) left top;
    border-radius: 20px;
    display: flex;
    align-items: center;
}

.info_block_info {
    width: 50%;
    padding: 60px 80px;
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
}

.info_block_img {
    width: 50%;
}

.info_block_img img {
    position: relative;
    top: -20px;
    left: -20px;
    border-radius: 20px;
}

.icons_block {
    border-radius: 20px;
    padding: 20px;
    background: rgba(0, 131, 203, 0.1);
}

.icons_block3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.icon_block_icon {
    width: 60px;
    height: 60px;
    min-width: 60px;
    border-radius: 50%;
    background: #fecc40;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icons_block3 .icon_block_icon {
    margin-bottom: 10px;
}

.icons_block_item {
    display: flex;
    gap: 15px;
    margin-bottom: 10px;
}

.icons_block .icons_block_item:last-child {
    margin-bottom: 0;
}

.icons_block .grid3 {
    gap: 20px;
}

.icons_block .grid3 .icons_block_item {
    margin-bottom: 0;
}

.icons_block_item p:last-child {
    margin-bottom: 0;
}

.yt_video {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    overflow: hidden;
}

.yt_video iframe {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 20px;
}

.faq_ttl {
    font-weight: 600;
    font-size: 30px;
    line-height: 120%;
    color: #1e1e1c;
    margin-bottom: 40px;
}

.card-header {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
    color: #1e1e1c;
    border: none;
    background: none;
    padding: 20px;
}

.card-header:hover {
    text-decoration: none;
}

.card-header_ttl {
    display: flex;
    gap: 20px;
}

.card-header_icon {
    min-width: 24px;
    width: 24px;
}

.card-header_toggle {
    background: #fecc40;
    width: 40px;
    min-width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card-header_toggle:hover {
    background: #0083cb;
}

.card-header_toggle:hover svg * {
    stroke: #fecc40;
}

.card {
    border: none;
    border-left: 4px solid #fecc40;
    border-radius: 20px;
    box-shadow: 0 2px 4px 0 rgba(0, 131, 203, 0.1);
    background: #fff;
    margin-bottom: 15px;
}

div .card:last-child{
    margin-bottom: 0;
}

.card-body {
    padding-left: 64px;
    padding-right: 80px;
}

.param, .download_row {
    display: flex;
    align-items: center;
    margin-bottom: 32px;
    gap: 10px;
}

.params .param:last-child {
    margin-bottom: 0;
}

.param_icon {
    min-width: 24px;
    width: 24px;
}

.param_name {
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    color: #1e1e1c;
}

.param_txt {
    font-weight: 400;
    font-size: 24px;
    line-height: 120%;
    color: #1e1e1c;
}

.file_link {
    border-radius: 20px;
    padding: 5px 20px;
    background: #fff;
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
    color: #1e1e1c;
}

.file_link:hover {
    text-decoration: none;
    color: #fff;
    background: #0083cb;
}

.files {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
}

.result_block {
    border-radius: 20px;
    padding: 20px 20px 70px;
    background: #fff;
}

.resource_block {
    border-radius: 20px;
    padding: 30px;
    background: #0083cb;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
}

.download_row {
    margin-bottom: 20px;
    gap: 5px;
}

.download_row .param_name {
    font-weight: 700;
    font-size: 17px;
    line-height: 150%;
    color: #fff;
}

.download_icon {
    min-width: 24px;
    width: 24px;
}

.download_row .file_link {
    border-radius: 20px;
    padding: 0px 10px;
    font-weight: 600;
    font-size: 15px;
    line-height: 150%;
}

.res_name {
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
    color: #fff;
}

.more_btn {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 10px;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    font-weight: 600;
    font-size: 17px;
    line-height: 130%;
}

.more_icon {
    min-width: 24px;
}

.resource_block:hover {
    background: #fecc40;
}

.resource_block:hover .download_row .param_name, .resource_block:hover .res_name, .resource_block:hover .more_btn {
    color: #1e1e1c;
}

.resource_block:hover .download_icon svg * {
    fill: #0083CB;
}

.more_btn:hover {
    text-decoration: none;
    color: #1e1e1c;
    background: #fff;
}

.filter_block {
    background: url(../img/filter_bg.svg) no-repeat top right;
    background-color: rgba(0,131,203, 0.1);
    border-radius: 20px;
    padding: 20px;
}

.filter_toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 10px 0px;
    cursor: pointer;
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
    color: #1e1e1c;
}

.filter_toggle_icon {
    min-width: 24px;
    width: 24px;
}

.filter_toggle[aria-expanded="true"] .filter_toggle_icon {
    transform: rotate(-180deg);
}

.filter_content {
    background: #fff;
    border-radius: 20px;
    padding: 20px;
    scrollbar-width: thin;
    scrollbar-color: #0083cb initial;
    /*max-width: 453px;*/
}

.search_block {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
}

input:not([type="checkbox"]) {
    border: 1px solid #393939;
    border-radius: 18px;
    padding: 0px 20px;
    height: 56px;
    width: 100%;
    background: none;
}

.filters hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #0083cb;
    margin: 10px 0;
    padding: 0;
    opacity: .2;
}

.info_block_info2 {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
}

.info_block_info2 h2 {
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    color: #1e1e1c;
    margin-bottom: 32px;
}

.info_block_info2 h3 {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    color: #1e1e1c;
}

.icons_blocks {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
    margin-bottom: 32px;
}

.icons_blocks_item {
    border-radius: 20px;
    padding: 20px;
    background: rgba(0, 131, 203, 0.1);
    text-align: center;
}

.icons_blocks_item .icon_block_icon {
    margin-bottom: 10px;
}

.error-404 {
    padding: 0 10px;
    margin-bottom: 20px;
}

.container_404 {
    border-radius: 100px 20px;
    background: url(../img/404_bg.svg) no-repeat top center, linear-gradient(146deg, #0083cb 0%, #0177fb 97.58%);
    padding: 94px 0;
    color: #fff;
}

.result_item {
    display: flex;
    gap: 20px;
    color: #1e1e1c;
    padding: 10px 0;
    border-bottom: 1px solid rgba(0,131,203,.2);
}

.result_item:hover {
    color: #0083cb;
    text-decoration: none;
}

.result_icon {
    min-width: 24px;
    width: 24px;
}

.res_note {
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
    color: #393939;
}

.res_note b {
    color: #1e1e1c;
    font-weight: 600;
}

.search_desk {
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
}

.search_desk.active {
    opacity: 1;
    visibility: visible;
}

.form_search {
    border-bottom: 1px solid rgba(0, 131, 203, 0.1);
    border-radius: 16px;
    padding: 40px;
    background: #fff;
}

.search_btn {
    position: absolute;
    top: 50%;
    right: 10px;
    border: none;
    background: none;
    transform: translateY(-50%);
    padding: 0;
    margin: 0;
}

.onetap-container-toggle {
    display: none !important;
}

.pip, .link_item {
    display: flex;
    align-items: flex-end;
    position: relative;
    color: #fff;
    font-weight: 600;
    font-size: 30px;
    line-height: 120%;
}

.link_item {
    color: #1e1e1c;
}

.link_item:hover {
    text-decoration: none;
    color: #0083cb;
}

.link_decor {
    top: 10px;
    right: 10px;
}

.link_item:hover .link_decor, .resorce:hover .link_decor {
    transform: rotate(90deg);
    background: #0083cb;
}

.link_item:hover .link_decor svg *, .resorce:hover .link_decor svg * {
    stroke: #fecc40;
}

.pip_main, .link_item_main {
    height: 320px;
    border-radius: 20px 20px 0 20px;
    background: #0083cb;
    width: 100%;
    padding: 20px 30px;
    display: block;
}

.link_ttl {
    padding: 0;
    position: relative;
    z-index: 2;
}

.link_item_main {
    background: #fff;
    width: calc(100% - 80px);
    padding: 20px;
    padding-right: 2px;
}

.pip_right, .link_item_right {
    height: 240px;
    width: 80px;
    min-width: 80px;
    background: #0083cb;
    border-radius: 0 20px 20px 0;
    display: block;
}

.link_item_right {
    background: #fff;
}

.pip_r, .link_item_r {
    position: absolute;
    top: 1px;
    right: 1px;
    border-radius: 50px;
    border: 20px solid #0083cb;
    width: 100px;
    height: 100px;
    border-right: 20px solid rgba(255,255,255,0);
    border-bottom: 20px solid rgba(255,255,255,0);
    border-top: 20px solid rgba(255,255,255,0);
    transform: rotate(-27.5deg);
}

.link_item_r {
    border-left: 20px solid #fff;
}

.link_item_img {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    text-align: right;
}

.pip_decor {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 180px;
    height: 180px;
}

.pip_decor svg {
    width: 180px;
    height: 180px;
}

.pip_decor svg * {
    fill: rgba(255,255,255,0.2);
}

.pip_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
}

.pip_content {
    position: relative;
    z-index: 3;
}

.pip_arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #fecc40;
    position: absolute;
    top: 10px;
    right: 10px;
}

.pip:hover {
    text-decoration: none;
    color: #1e1e1c;
}

.pip:hover .pip_main, .pip:hover .pip_right {
    background: #fecc40;
}

.pip:hover .pip_r {
    border-left: 20px solid #fecc40;
}

.pip:hover .pip_decor, .pip:hover .pip_decor svg {
    width: 230px;
    height: 230px;
}

.pip:hover .pip_decor svg * {
    fill: #FDA211;
}

.pip:hover .pip_arrow {
    background: #0083cb;
    transform: rotate(90deg);
}

.pip:hover .pip_arrow svg * {
    stroke: #fecc40;
}

.burger svg:nth-child(2), .burger.active svg:nth-child(1) {
    display: none;
}

.burger.active svg:nth-child(2), .burger svg:nth-child(1) {
    display: block;
}

#mob_menu .menu-item {
    position: relative;
    padding: 10px 16px;
    font-weight: 600;
    font-size: 17px;
    line-height: 130%;
}

#mob_menu .menu-item:before {
    content: "";
    border-radius: 12px;
    background: rgba(0, 131, 203, 0.1);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#mob_menu .menu-item-has-children:before {
    height: 42px;
    transition: all .3s ease-in-out;
}

#mob_menu .menu-item a {
    position: relative;
    color: #1e1e1c;
}

#mob_menu .menu-item a:hover {
    text-decoration: none;
}

#mob_menu .menu-item-has-children .sub-menu {
    list-style: none;
    margin-top: 20px;
    padding-left: 0;
    display: none;
}

#mob_menu .menu-item-has-children .sub-menu .menu-item:before {
    display: none;
}

#mob_menu .menu-item-has-children:after {
    content: "";
    display: block;
    position: absolute;
    height: 13px;
    width: 13px;
    right: 15px;
    top: 15px;
    background: no-repeat center  center / contain;
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_5_5686)'%3E%3Cpath d='M1.5 5.5L6.5 10.5L11.5 5.5' stroke='%230083CB' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5_5686'%3E%3Crect width='12' height='12' fill='white' transform='translate(0.5 0.5)' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    transition: all .3s ease-in-out;
}

#mob_menu .menu-item-has-children.active:after {
    transform: rotate(-180deg);
}

#mob_menu .menu-item-has-children.active:before {
    background: #fecc40;
}

#mob_menu .menu-item-has-children.active .sub-menu {
    display: block;
}

.mob_filter_block {
    overflow: hidden;
    position: relative;
    height: 70px;
}

.mob_filter_block.active {
    height: auto;
}

.mob_filter_block h2 {
    padding-right: 30px;
    position: relative;
}

.mob_filter_block h2:after {
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    right: 0;
    top: 50%;
    background: url(../img/chevron_down.svg) no-repeat center center / contain;
    transform: translateY(-50%);
}

nav.onetap-accessibility.onetap-plugin-onetap .onetap-container {
    overflow: inherit;
}

header.scrolled, header.scrolled .container {
    padding: 0 !important;
    max-width: 100%;
}

header.scrolled .header_content {
    border-radius: 0 0 16px 16px;
}

.log_link {
    font-weight: 400;
    font-size: 17px;
    line-height: 150%;
    color: #0083cb;
}

.show_pass {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

input.error {
    border-color: #c30000;
}

.accept_label {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

.accept_label input {
    margin-top: 8px;
}

@media screen and (max-width: 1399.8px) {
    .logo .blog_name {
        display: none !important;
    }
    .grid_4 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 1199.8px) {
    .resorces .grid_2 {
        grid-template-columns: repeat(1, 1fr);
    }
    .grid3, .pip_grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .result_block .grid_2 {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
}

@media screen and (max-width: 991.8px) {
    .hp_hero_slide h2 {
        font-size: 32px;
    }
    .info_block_info, .info_block_img {
        width: 100%;
    }
    .info_block {
        flex-wrap: wrap;
        padding: 20px;
        padding-bottom: 0;
        background: #cfe5f9 url(../img/mob_c.svg) no-repeat right 160px;
    }
    .info_block_img {
        margin: 20px 0 0;
    }
    .info_block_info {
        padding: 0;
    }
    .info_block_img img {
        position: relative;
        top: auto;
        left: auto;
        bottom: -20px;
        border-radius: 20px;
    }
    .result_block .grid_2 {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    .filter_block {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 767.8px) {
    .hero_img {
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        bottom: auto;
        width: 100%;
        text-align: center;
    }
    .grid_4, .resorces .grid_2, .grid3, .pip_grid  {
        grid-template-columns: repeat(1, 1fr);
        gap: 16px;
    }
    .result_block .grid_2, .icons_blocks {
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
    }
    .icons_block .grid3 {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
    section {
        padding: 25px 0;
    }
    .resorce {
        padding: 20px;
    }
    h2 {
        font-size: 36px;
    }
    .link_ttl, .resorce h3, .hp_hero_slide h2, h1 {
        font-size: 24px;
    }
    .news_item h3, .info_block_info, .yt_ttl, .filter_block h2, .param_txt {
        font-size: 20px !important;
    }
    .site-footer h2, .card-header {
        font-size: 18px;
    }
    body {
        font-size: 16px;
    }
    .info_block_info2 {
        font-size: 16px !important;
    }
    .copyrights_content {
        font-size: 14px;
    }
    .site-footer h2 {
        margin-bottom: 15px;
    }
    .hp_hero_slide .btn {
        width: 100%;
    }
    .hp_hero_slide h2 {
        margin-bottom: 20px;
    }
    h2, .section_header {
        margin-bottom: 40px;
    }
    .swiper .news_item, .gall3 .swiper-slide {
        width: 290px;
    }
    .site-footer {
        margin-top: 35px;
        padding: 30px 0;
    }
    .hp_hero_slide {
        height: 650px;
    }
    .hp_hero_slide, .page_header_container {
        border-radius: 20px 20px 50px 20px;
    }
    .page_header_container {
        padding-bottom: 30px;
        padding-top: 90px;
    }
    .form_search {
        padding: 40px 20px;
    }
    .card-header {
        padding: 10px 15px;
        gap: 10px;
    }
    .card-body {
        padding: 15px;
        padding-top: 0;
    }
    .mob_filter_block {
        height: 90px;
    }
}

@media screen and (max-width: 575.8px) {
    .resorce_img {
        min-width: 70px;
        width: 70px;
    }
    .card-header_icon {
        display: none;
    }
}