/*
Theme Name: ranokportal
Template: twentytwenty
*/

@font-face{
    font-family: "Montserrat-Regular";  
    src: url("/wp-content/themes/ranokportal/fonts/Montserrat-Regular.ttf") format("truetype"); 
    font-style: normal; 
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face{
    font-family: "Montserrat-Medium";  
    src: url("/wp-content/themes/ranokportal/fonts/Montserrat-Medium.ttf") format("truetype"); 
    font-style: normal; 
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face{
    font-family: "Montserrat-SemiBold";  
    src: url("/wp-content/themes/ranokportal/fonts/Montserrat-SemiBold.ttf") format("truetype"); 
    font-style: normal; 
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face{
    font-family: "Montserrat-ExtraBold";  
    src: url("/wp-content/themes/ranokportal/fonts/Montserrat-ExtraBold.ttf") format("truetype"); 
    font-style: normal; 
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

:root{
    --main-black: #292929;
    --main-white: #F9F8F8;
    --color-pen: #F4C2A1;
    --color-inform: #A1C4F4;
    --color-palette: #E1A1F4;
    --color-social: #A8E0B5;
    --color-nature: #C6E69B;
    --color-technology: #FFD782;
    --color-math: #B6B9F2;
    --color-civilhistory: #F2B6A0;
    --main-yelow-gradient: linear-gradient(81deg, #FFD700 0.3%, #FFE244 99.2%);
    --main-red: #E40A13;
    --main-beige: #F6F1EB;
    --grey-hover: #4F4F4F;
    --stroke-brown: rgba(77, 74, 54, 0.30);
    --main-yellow: #FFD700;
    --light-black: #383737;
    --text-grey: #777777;

    --reg: 'Montserrat-Regular';
    --med: 'Montserrat-Medium';
    --bold: 'Montserrat-SemiBold';
    --extrabold: 'Montserrat-ExtraBold';
}

html,
body {
    border: none;
    margin: 0;
    padding: 0;
    font-family: var(--reg),sans-serif;
    font-size: 16px;
    line-height: 1.4375;
    color: var(--main-black);
    min-height: 100vh;
    background-color: var(--main-white);
    letter-spacing: 0;
}
div:not(.post-info) > :where(dl, ol, ul, li > ul, li > ol, ul ul),
li{
    margin: 0;
    padding: 0;
    list-style: none;
}
h1, h2, h3, h4, h5, h6{
    font-family: var(--extrabold);
    letter-spacing: 0;
    margin: 0;
}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}
a{
    color: var(--text-color);
}
a:hover {
    color: var(--grey-hover);
    text-decoration: none;
}
:focus-visible {
    outline: none;
}
li {
    line-height: inherit;
    margin: 0;
}
section{
    padding: 0;
}
.container {
    max-width: 1520px;
    min-width: 960px;
}
.menu-category label{
    display: inline-flex;
    align-items: center;
    user-select: none;
    margin-bottom: 0;
    cursor: pointer;
}
.menu-category label::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    flex-grow: 0;
    border: 0.5px solid var(--border-color);
    border-radius: 3px;
    margin-right: 0.5em;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
    background-color: var(--white);
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder
{opacity: 1; transition: opacity 0.3s ease;}
input::-moz-placeholder,
textarea::-moz-placeholder
{opacity: 1; transition: opacity 0.3s ease;}
input:-moz-placeholder,
textarea:-moz-placeholder
{opacity: 1; transition: opacity 0.3s ease;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder
{opacity: 1; transition: opacity 0.3s ease;}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder
{opacity: 0; transition: opacity 0.3s ease;}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder
{opacity: 0; transition: opacity 0.3s ease;}
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder
{opacity: 0; transition: opacity 0.3s ease;}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder 
{opacity: 0; transition: opacity 0.3s ease;}

main {
  flex: auto;
}
footer {
    flex-shrink: 0;
}

button:focus, 
button:hover, 
.button:focus, 
.button:hover, 
.faux-button:focus, 
.faux-button:hover, 
.wp-block-button .wp-block-button__link:focus, 
.wp-block-button .wp-block-button__link:hover, 
.wp-block-file .wp-block-file__button:focus, 
.wp-block-file .wp-block-file__button:hover, 
input[type="button"]:focus, 
input[type="button"]:hover, 
input[type="reset"]:focus, 
input[type="reset"]:hover, 
input[type="submit"]:focus, 
input[type="submit"]:hover{
	text-decoration: none;
}
.primary-menu a:hover, 
.primary-menu a:focus, 
.primary-menu .current_page_ancestor {
    text-decoration: none;
}

/*  buttons  */
.btn{
    color: var(--white);
    line-height: 1.2;
    padding: 10px 15px;
    color: var(--white);
    font-family: var(--bold);
    background-color: var(--main-black);
    border: 1px solid var(--main-black);
    border-radius: 15px;
    transition: 0.3s;
    overflow-wrap: break-word;
    word-break: keep-all;
}
.btn:hover{
    background-color: var(--main-white);
    color: var(--main-black);
    transition: 0.3s;
}


/*  header  */
#site-header.textbook_header{
    position: fixed;
    top: 0;
    width: 100%;
    background-color: var(--main-white);
    z-index: 1001;
    box-shadow: 0 -1px 36.9px 0 rgba(0, 0, 0, 0.25);
}
.header-inner{
    padding: 20px 0;
    z-index: 20;
    position: relative;
    display: flex;
    align-items: center;
}
.header-navigation-wrapper{
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header-titles .site-logo img{
    max-height: 60px;
    max-width: 176px;
}
.header-titles .site-logo,
.header-navigation-wrapper .primary-menu > li,
.header-titles{
	margin: 0;
}
.primary-menu-wrapper{
	width: auto;
}
.header-navigation-wrapper .primary-menu{
    display: flex;
    gap: 46px;
    margin: 0;
    letter-spacing: 0;
}
.header-navigation-wrapper .primary-menu .menu-item a{
    font-size: 16px;
    line-height: 1.2;
    font-family: var(--bold), sans-serif;
}
.textbook_header .submenu_left {
    display: none;
}
.submenu_left{
    display: flex;
    align-items: center;
}

/*  menu  */
#ham-menu,
#ham_close{
  display: none;
}
label[for="ham-menu"]{
  display: block;
}
.ham-menu {
  width: 50vw;
  height: 100%;
  position: fixed;
  top: 0;
  visibility: hidden;
  right: -55vw;
  z-index: 998;
  background-color: var(--white);
  transition: 1.2s;
  display: flex;
  flex-direction: column;
  padding: 16px;
}
#ham-menu:checked + label {
  background-color: transparent;
}
#ham-menu:checked ~ div.ham-menu {
    right: 0;
  visibility: visible;
}
.full-page-bg {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.40);
  z-index: 997;
  opacity: 0;
  visibility: hidden;
  display: none;
  transition: 500ms;
  position: fixed;
  top: 0;
  left: 0;
}
#ham-menu:checked ~ div.full-page-bg,
#callback_button:checked ~ div.full-page-bg{
  display: block;
  opacity: 1;
  visibility: visible;
}
.menu_close{
    padding-bottom: 8px;
    border-bottom: 1px solid var(--bg-lightgrey);
    display: flex;
    justify-content: flex-end;
}
.menu_body .modal-menu{
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 100%;
    position: static;
}
.menu_body .modal-menu .nav-item .nav-link{
    padding: 17px 30px 17px 0;
    border-bottom: 1px solid var(--bg-lightgrey);
    background: url(./img/arrow_right.svg) right center no-repeat;
}
.menu_body .login_button_wrapper{
    display: flex;
    gap: 8px;
    margin: 0 0 24px;
    justify-content: space-between;
}
.menu_body .login_button_wrapper a{
    width: 100%;
}
.modal-menu li{
    border: none;
}
.textbook_header .menu_body .modal-menu .menu-item > a{
    font-size: 16px;
    letter-spacing: 0.03em;
    line-height: 1.3333;
    font-family: var(--bold);
    padding: 10px;
}

.top_screen{
    margin-top: 100px;
    font-size: 48px;
    font-family: var(--bold);
    line-height: 1.04167;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: calc(100vh - 100px);
}
.top_screen > .container,
.top_screen .wrapper{
    height: 100%;
}
.top_screen h1{
    font-size: 64px;
    line-height: 1.09375;
    text-transform: uppercase;
    margin-bottom: 32px;
}
.top_screen_subhead{
    margin-bottom: 61px;
}
.top_screen .btn{
    padding: 20px 30px;
    border-radius: 30px;
    border: 2px solid rgba(77, 74, 54, 0.30);
    background: var(--main-yelow-gradient);
    font-size: 24px;
    line-height: 1.125;
    text-transform: uppercase;
    color: var(--main-black);
}
.top_screen .btn:hover{
    background: var(--main-white);
    border: 2px solid var(--main-black);
}
.top_screen_content{
    max-width: 35%;
    align-items: flex-start;
}
.main_text_top.top_mob{
    display: none;
}

.industries, .izzi_app, .popular, .reviews, .authors, .features, .other_matherials, .communities{
    padding-top: 120px;
}
.features{
    margin-bottom: 120px;
}
.tab_izzi{
    padding-top: 40px;
}
h2{
    font-size: 28px;
    text-transform: uppercase;
    line-height: 1.42857;
    font-family: var(--extrabold);
}
section .container > h2{
    margin-bottom: 56px;
}
.industries-list{
    gap: 24px 19px;
}
.industries-list > li{
    width: calc(33.333% - 13px);
    display: flex;
    flex-direction: column;
    transition: gap 0.4s ease, background-color 0.4s ease;
}
.industries-list > li:nth-child(3n){
    width: calc(33.333% - 12.5px);
}
.industries-list li .industry_textbook{
    width: calc(100vw - 48px);
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 19px;
}
.industries-list li.active{
    gap: 24px;
    border-radius: 10px;
    position: relative;
}
.industries-list li.active:before{
    content: '';
    display: block;
    width: 100%;
    height: 27px;
    position: absolute;
    top: 80px;
    z-index: 10;
    border-left: 1px solid var(--stroke-brown);
    border-right: 1px solid var(--stroke-brown);
}
.industries-list li.icon_pen .industry_textbook,
.industries-list li.icon_pen.active:before,
li.icon_pen .industry_head{
    background-color: var(--color-pen);
}
.industries-list li.icon_inform .industry_textbook,
.industries-list li.icon_inform.active:before,
li.icon_inform .industry_head{
    background-color: var(--color-inform);
}
.industries-list li.icon_art .industry_textbook,
.industries-list li.icon_art.active:before,
li.icon_art .industry_head{
    background-color: var(--color-palette);
}
.industries-list li.icon_healthcare .industry_textbook,
.industries-list li.icon_healthcare.active:before,
li.icon_healthcare .industry_head{
    background-color: var(--color-social);
}
.industries-list li.icon_nature .industry_textbook,
.industries-list li.icon_nature.active:before,
li.icon_nature .industry_head{
    background-color: var(--color-nature);
}
.industries-list li.icon_technology .industry_textbook,
.industries-list li.icon_technology.active:before,
li.icon_technology .industry_head{
    background-color: var(--color-technology);
}
.industries-list li.icon_math .industry_textbook,
.industries-list li.icon_math.active:before,
li.icon_math .industry_head{
    background-color: var(--color-math);
}
.industries-list li.icon_civilhistory .industry_textbook,
.industries-list li.icon_civilhistory.active:before,
li.icon_civilhistory .industry_head{
    background-color: var(--color-civilhistory);
}
.industries-list li.active .industry_head,
.industries-list li.active .industry_head:hover{
    box-shadow: none;
}
.industries-list li.active .industry_head{
    border-radius: 10px 10px 0 0;
}
.industries-list li .industry_head:hover{
    box-shadow: 0 5px 9px rgba(0, 0, 0, 0.45);
}
.industry_head{
    padding: 14px 20px;
    font-size: calc( (100vw - 1400px)/(1530 - 1400) * (24 - 21) + 21px);
    line-height: 1.125;
    font-family: var(--bold);
    display: flex;
    align-items: center;
    gap: 17px;
    border-radius: 10px;
    height: 82px;
    cursor: pointer;
    border: 1px solid var(--stroke-brown);
}
.industry_head:before{
    content: '';
    display: block;
    width: 47px;
    height: 47px;
}
.icon_pen .industry_head:before{
    background: url(/wp-content/themes/ranokportal/img/sprite_textbooknew_1.svg#icon_pen-view) no-repeat center;
    background-size: 47px 47px;
}
.icon_inform .industry_head:before{
    background: url(/wp-content/themes/ranokportal/img/sprite_textbooknew_1.svg#icon_inform-view) no-repeat center;
    background-size: 47px 47px;
}
.icon_art .industry_head:before{
    background: url(/wp-content/themes/ranokportal/img/sprite_textbooknew_1.svg#icon_art-view) no-repeat center;
    background-size: 47px 47px;
}
.icon_healthcare .industry_head:before{
    background: url(/wp-content/themes/ranokportal/img/sprite_textbooknew_1.svg#icon_healthcare-view) no-repeat center;
    background-size: 47px 47px;
}
.icon_nature .industry_head:before{
    background: url(/wp-content/themes/ranokportal/img/sprite_textbooknew_1.svg#icon_nature-view) no-repeat center;
    background-size: 47px 47px;
}
.icon_technology .industry_head:before{
    background: url(/wp-content/themes/ranokportal/img/sprite_textbooknew_1.svg#icon_technology-view) no-repeat center;
    background-size: 47px 47px;
}
.icon_math .industry_head:before{
    background: url(/wp-content/themes/ranokportal/img/sprite_textbooknew_1.svg#icon_math-view) no-repeat center;
    background-size: 47px 47px;
}
.icon_civilhistory .industry_head:before{
    background: url(/wp-content/themes/ranokportal/img/sprite_textbooknew_1.svg#icon_civilhistory-view) no-repeat center;
    background-size: 47px 47px;
}
li .industry_head:after{
    display: block;
    content: '';
    width: 40px;
    height: 40px;
    background: url(/wp-content/themes/ranokportal/img/sprite_textbooknew_1.svg#plus-view) no-repeat center;
    background-size: 40px 40px;
    transition: 0.3s;
}
li.active .industry_head:after{
    background: url(/wp-content/themes/ranokportal/img/sprite_textbooknew_1.svg#minus-view) no-repeat center;
    background-size: 40px 40px;
    transition: 0.3s;
}
.industry_head span{
    flex: 1;
}
.industries-list li .industry_textbook {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateY(-10px);
    padding: 0 24px;
    border-radius: 10px;
    border: 1px solid var(--stroke-brown);
    transition:
        max-height 0.45s ease,
        opacity 0.35s ease,
        transform 0.4s ease,
        padding 0.3s ease;
}
.industries-list li.active .industry_textbook {
    max-height: 655px;
    opacity: 1;
    transform: translateY(0);
    padding: 24px;
}
.industries-list li:nth-child(3n + 1).active .industry_textbook{
    border-radius: 0 10px 10px 10px;
}
.industries-list li:nth-child(3n).active .industry_textbook{
    border-radius: 10px 0 10px 10px;
}   
.industry_content{
    border-radius: 0 0 15px 15px;
    box-shadow: 0 10px 17.2px 2px rgba(99, 100, 26, 0.10);
    border: 1px solid var(--stroke-brown);
    gap: 15px;
    padding: 24px 24px 26px 24px;
    justify-content: space-between;
    width: calc(33.333% - 13px);
    background-color: var(--main-white);
}
.industry_text > div{
    justify-content: space-between;
    height: 100%;
}
.industry_text > div > div{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.industry_subject_name{
    margin: 0;
    font-size: calc( (100vw - 1400px)/(1530 - 1400) * (24 - 21) + 21px);
    line-height: 1.125;
    font-family: var(--bold);
}
.industry_text ul{
    font-size: 16px;
    line-height: 1.2;
    gap: 5px 10px;
    margin-bottom: 15px;
    display: block;
}
.industry_text ul li{
    width: calc((100vw - 1400px)/(1530 - 1400) * (45 - 50) + 50%);
    white-space: nowrap;
    float: left;
}
.industry_text ul li:nth-of-type(odd){
    padding-right: 10px;
}
:where(.industry_text, .slider_popular) .btn{
    font-size: calc( (100vw - 1400px)/(1530 - 1400) * (16 - 14) + 14px);
    padding: 10px 5px;
}

.industry_image {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 240px;
  position: relative;
}
.book-stack {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.book-stack .book_slide {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  bottom: 0;
}
.book-stack .book_slide img{
    object-fit: contain;
    width: 100%;
    height: 100%;
    max-height: 240px;
    object-position: left;
    border-radius: 2px;
}
.book-stack + .btn,
.slide_include_img + .btn,
.izzi_app_wrapper .app_content + .btn{
    display: none;
}
.app_embed_img img{
    height: 100%;
    object-fit: cover;
}

.izzi_app_wrapper{
    gap: 77px;
}
.izzi_app_wrapper > div{
    flex: 1;
}
.app_embed_img{
    position: relative;
}
.app_embed_img .btn-modal{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    cursor: pointer;
    background-color: transparent;
}
.app_embed_img .btn-modal span{
    width: 123px;
    height: 130px;
    display: block;
    background: url(/wp-content/themes/ranokportal/img/sprite_textbooknew_1.svg#yt_view-view) no-repeat center;
    background-size: 123px 130px;
    transition: 0.3s;
}
.app_embed_img .btn-modal:hover span{
    transform: scale(1.05);
    transition: 0.3s;
}
.app_content h2{
    margin-bottom: 29px;
}
.app_content .app_logo{
    max-width: 90px;
    margin-bottom: 5px;
}
.app_content{
    justify-content: space-between;
}
.modal.fade.show .modal-dialog {
    max-width: 80%;
}
.modal.fade.show .modal-dialog .modal-content {
    background: var(--main-white);
}
.modal .embed-container{
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
}
.modal .embed-container iframe{
    display: block;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
.modal-body .close{
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
}

:where(.reviews, .popular, .authors) .swiper_container{
    padding: 0 67px;
    position: relative;
}
.swiper_container.centered{
    padding: 0;
}
.swiper .swiper-slide .slide_content{
    position: relative;
    border: 1px solid var(--stroke-brown);
    border-radius: 15px;
    padding: 24px 40px;
    gap: 24px;
    justify-content: space-between;
    box-shadow: 0 5px 9px rgba(0, 0, 0, 0.14);
}
.swiper_container.centered .slider_popular .swiper-wrapper,
.swiper_container.centered .slider_reviews .swiper-wrapper{
    justify-content: center;
}
.slider_popular .swiper-slide.top_label .slide_content:before{
    content: '';
    display: block;
    width: 92px;
    height: 10px;
    position: absolute;
    bottom: -10px;
    left: 35px;
    border-radius: 0 0 10px 10px;
    background: var(--main-yelow-gradient);
}
.slider_popular .slide_include_img img{
    width: 160px;
    min-width: 160px;
    height: 208px;
    object-fit: contain;
}
.slider_popular .slide_include_text{
    justify-content: space-between;
    font-family: var(--bold);
    line-height: 1.2;
}
.slider_popular .slide_include_text h3{
    font-size: calc( (100vw - 1400px)/(1530 - 1400) * (24 - 21) + 21px);
    line-height: 1.125;
    margin-top: 21px;
    overflow-wrap: break-word;
    word-break: keep-all;
}
.swiper .swiper-slide{
    padding: 12px;
}
.top_wrapper{
    position: absolute;
    top: 2px;
    left: 47px;
}
.top_wrapper div{
    padding: 4px 10px;
    display: flex;
    align-items: center;
    gap: 6px;
    z-index: 10;
    border-radius: 0 0 15px 15px;
    background: var(--main-yellow);
    font-size: 23px;
    font-family: var(--extrabold);
    text-transform: uppercase;
    position: relative;
    line-height: 1.2;
}
.top_wrapper div:before{
    content: '';
    display: block;
    width: 14px;
    height: 10px;
    left: -14px;
    top: 0;
    background: url(/wp-content/themes/ranokportal/img/sprite_textbooknew_1.svg#yellow_corner-view) no-repeat center;
    background-size: 14px 10px;
    position: absolute;
}
.top_wrapper div:after{
    content: '';
    display: block;
    width: 19px;
    height: 19px;
    background: url(/wp-content/themes/ranokportal/img/sprite_textbooknew_1.svg#star_solid-view) no-repeat center;
    background-size: 19px 19px;
}
.swiper-button-next:after,
.swiper-button-prev:after{
    display: none;
}
.swiper-button-next, 
.swiper-button-prev{
    width: 50px;
    height: 138px;
    border-radius: 15px;
    background: url(/wp-content/themes/ranokportal/img/sprite_textbooknew_1.svg#arrow_carousel_left-view) no-repeat center, rgba(56,55,55,0.2);
    background-size: 19px 33px;
    top: 50%;
    margin-top: -69px;
}
.swiper-button-next{
    background: url(/wp-content/themes/ranokportal/img/sprite_textbooknew_1.svg#arrow_carousel_right-view) no-repeat center, rgba(56,55,55,0.2);
    background-size: 19px 33px;
}
.swiper-button-prev:hover{
    background: url(/wp-content/themes/ranokportal/img/sprite_textbooknew_1.svg#arrow_carousel_left-view) no-repeat center, var(--light-black);
    background-size: 19px 33px;
}
.swiper-button-next:hover{
    background: url(/wp-content/themes/ranokportal/img/sprite_textbooknew_1.svg#arrow_carousel_right-view) no-repeat center, var(--light-black);
    background-size: 19px 33px;
}
.swiper_container.centered .swiper{
    padding-bottom: 0;
}
.swiper-horizontal>.swiper-pagination-bullets, 
.swiper-pagination-bullets.swiper-pagination-horizontal, 
.swiper-pagination-custom, .swiper-pagination-fraction{
    display: flex;
    justify-content: center;
    gap: 10px;
    bottom: 0;
    position: static;
    margin-top: 20px;
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, 
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0;
    width: 54px;
    height: 8px;
    border-radius: 40px;
    background-color: var(--light-black);
    opacity: 0.9;
    transition: 0.3s;
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active,
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:hover, 
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:hover{
    width: 71px;
    background: var(--main-yelow-gradient);
    transition: 0.3s;
    opacity: 1;
}

section.send_review{
    padding-top: 80px;
    margin-bottom: 120px;
}
.send_review h3{
    font-size: 24px;
    margin-bottom: 48px;
    line-height: 1.125;
}
.review_form fieldset{
    gap: 23px;
}
.left_send_review{
    gap: 23px;
    max-width: 300px;
}
.left_send_review p,
.rate_note{
    font-size: 14px;
    line-height: 1.64286;
    color: var(--text-grey);
}
.right_send_review{
    flex: 1;
}
.review_form label{
    font-size: 18px;
    font-family: var(--bold);
    line-height: 1.06667;
    margin-bottom: 12px;
}
.review_form label span,
.rate span{
    color: var(--main-red);
}
.form-control,
.review_form .form-control{
    padding: 10px;
    border-radius: 15px;
    border: 1px solid var(--stroke-brown);
    box-shadow: 0 10px 17.2px 2px rgba(99, 100, 26, 0.10);
    font-size: 16px;
    line-height: 1.4375;
    background-color: var(--main-white);
}
.form-control:focus,
.review_form .form-control:focus{
    color: var(--text-grey);
    background-color: var(--main-white);
    border: 1px solid var(--stroke-brown);
    box-shadow: 0 10px 17.2px 2px rgba(99, 100, 26, 0.10);
}
.review_form .rating{
    margin-bottom: 5px;
}
.rate .star svg{
    width: 46px;
    height: 46px;
}
.rate{
    font-size: 18px;
    gap: 4px;
    font-family: var(--bold);
}
.rate .star{
    cursor: pointer;
}
.rate .star.hover svg path,
.rate .star.selected svg path{
    fill: var(--main-yellow);
}
.right_send_review .review_text{
    flex: 1;
    margin-bottom: 23px;
}
.right_send_review .review_text textarea{
    height: 100%;
}
.contacts{
    padding: 100px 0 120px;
    background-color: var(--main-black);
    color: var(--main-white);
    line-height: 1.4375;
}
.contacts .contacts_column_head{
    font-size: 24px;
    line-height: 1.125;
    font-family: var(--bold);
    margin-bottom: 20px;
}
.contacts ul{
    gap: 10px;
}
.contacts ul.adress_list li{
    padding-left: 34px;
    background: url(/wp-content/themes/ranokportal/img/sprite_textbooknew_1.svg#icon_building-view) no-repeat left center;
    background-size: 24px 24px;
}
.contacts_list .contacts_list_icon{
    display: block;
    width: 24px;
    min-width: 24px;
    height: 24px;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-position: center;
}
.contacts_list a:hover{
    color: var(--main-beige);
}
.contacts ul.social_list{
    gap: 12px;
}
.social_list a{
    color: var(--main-black);
    padding: 8px 35px;
    border-radius: 15px;
    background-color: var(--main-white);
    gap: 10px;
    font-family: var(--bold);
    line-height: 1.2;
}
.social_list a:hover{
    color: var(--main-black);
    background-color: var(--main-beige);
}
.social_list a .social_list_icon{
    display: block;
    width: 37px;
    height: 37px;
    background-size: 37px 37px;
}
.swiper_container.centered .slider_reviews{
    padding-bottom: 0;
}
.slider_reviews .swiper-slide .slide_content{
    padding: 16px;
    gap: 12px;
}
.slider_reviews .swiper-slide .slide_content p{
    margin: 0;
}
.slider_reviews .swiper-slide .slide_content p.review_name{
    font-size: 18px;
    font-family: var(--bold);
    line-height: 1.06667;
    margin-bottom: 4px;
}
.reviews .star svg{
    width: 32px;
    height: 32px;
}
.reviews .star.full svg path{
    fill: var(--main-yellow);
}
.review_date{
    font-size: 14px;
    color: var(--text-grey);
}

.top_screen_item{
    margin: 100px 0 0;
    padding-top: 60px;
}
.top_screen_wrapper{
    gap: 24px;
    align-items: center;
}
h1.entry-title,
.main_text_top h2.entry-title{
    font-size: 64px;
    line-height: 1.09375;
    font-family: var(--extrabold);
    text-transform: uppercase;
    margin-bottom: 5px;
    overflow-wrap: break-word;
    word-break: keep-all;
}
.main_text_top .textbook_subhead{
    margin-bottom: 9px;
    font-size: 48px;
    line-height: 1.04167;
    font-family: var(--bold);
}
.main_text_top p{
    font-size: 18px;
    font-family: var(--bold);
    line-height: 1.06667;
    margin-bottom: 47px;
}
.main_text_top .tab_wrapper .textbook_pills{
    gap: 10px;
    margin-bottom: 42px;
}
.top_screen_wrapper > div{
    width: 50%;
    display: flex;
}
.textbook_pills .textbook_link{
    padding: 10px 20px;
    border-radius: 10px;
    border: 1px solid var(--stroke-brown);
    color: var(--main-black);
    font-family: var(--bold);
    display: flex;
    gap: 10px;
    align-items: center;
}
.tab_izzi .btn{
    border: 1px solid var(--stroke-brown);
    color: var(--main-black);
}
.tab_izzi .btn:hover{
    border: 1px solid var(--main-black);
}
.tab_izzi .btn.textbook_1,
.textbook_pills .textbook_link.textbook_1,
.textbook_pills .textbook_link.add_textbook_1{
    background-color: var(--color-pen);
}
.tab_izzi .btn.textbook_2,
.textbook_pills .textbook_link.textbook_2,
.textbook_pills .textbook_link.add_textbook_2{
    background-color: var(--color-nature);
}
.tab_izzi .btn.textbook_3,
.textbook_pills .textbook_link.textbook_3,
.textbook_pills .textbook_link.add_textbook_3{
    background-color: var(--color-palette);
}
.tab_izzi .btn.textbook_4,
.textbook_pills .textbook_link.textbook_4,
.textbook_pills .textbook_link.add_textbook_4{
    background-color: var(--color-technology);
}
.tab_izzi .btn.textbook_5,
.textbook_pills .textbook_link.textbook_5,
.textbook_pills .textbook_link.add_textbook_5{
    background-color: var(--color-inform);
}
.tab_izzi .btn.textbook_6,
.textbook_pills .textbook_link.textbook_6,
.textbook_pills .textbook_link.add_textbook_6{
    background-color: var(--color-social);
}
.tab_izzi .btn.textbook_7,
.textbook_pills .textbook_link.textbook_7,
.textbook_pills .textbook_link.add_textbook_7{
    background-color: var(--color-civilhistory);
}
.tab_izzi .btn.textbook_8,
.textbook_pills .textbook_link.textbook_8,
.textbook_pills .textbook_link.add_textbook_8{
    background-color: var(--color-technology);
}
.tab_izzi .btn.textbook_9,
.textbook_pills .textbook_link.textbook_9,
.textbook_pills .textbook_link.add_textbook_9{
    background-color: var(--color-math);
}
.textbook_pills .textbook_link span{
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid var(--main-black);
    border-radius: 50%;
    padding: 5px;
    box-sizing: border-box;
}
.textbook_pills .textbook_link span:after{
    border-radius: 50%;
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    transition: 0.3s;
}
.textbook_pills .textbook_link:hover,
.textbook_pills .textbook_link.active{
    border: 1px solid var(--main-black);
}
.textbook_pills .textbook_link:hover span:after,
.textbook_pills .textbook_link.active span:after{
    background-color: var(--main-black);
    transition: 0.3s;
}
.main_text_top .tab-content ul{
    gap: 20px;
    line-height: 1.4375;
}
.main_text_top .tab-content ul li{
    background: url(/wp-content/themes/ranokportal/img/sprite_textbooknew_1.svg#bookmark_fill-view) no-repeat left top;
    background-size: 31px 31px;
    padding: 4px 0 4px 46px;
}
.main_text_top .tab-content ul li.authors{
    font-family: var(--bold);
}
.main_images_stack {
    position: relative;
    overflow: hidden;
    height: 520px;
    width: 100%;
}
.main_images_stack > div[class^="main_images_slide_"] {
  position: absolute;
  top: 0;
  transform-origin: left center;
  transition: transform .25s ease, left .25s ease;
  height: 100%;
  box-sizing: border-box;
}
.main_images_stack > div[class^="main_images_slide_"] img{
    width: 100%;
    height: 100%;
    object-fit: fill;
    box-shadow: 84px 0 23.3px -40px rgba(0, 0, 0, 0.25);
}
.slide-animate {
  animation: fadeFront 0.3s ease-in-out;
  will-change: opacity;
  z-index: 9999;
}
@keyframes fadeFront {
    0% { opacity: 1; }
    100% { opacity: 1; }
}
.swiper.slider_authors .swiper-slide .slide_content{
    padding: 0;
}
.swiper_container.centered .slider_authors .swiper-wrapper{
    justify-content: center;
}
.author_img{
    width: calc(40% - 8px);
    min-width: calc(40% - 8px);
    border-radius: 15px 0 0 15px;
    overflow: hidden;
}
.author_img img{
    width: 100%;
    min-height: 320px;
    height: 100%;
    object-fit: cover;
}
.author_content{
    padding: 24px 24px 24px 0;
    line-height: 1.4375;
    width: calc(60% - 8px);
}
.author_content h3{
    font-size: 24px;
    line-height: 1.125;
}
.author_content .author_subhead{
    margin-bottom: 13px;
    color: var(--text-grey);
}
.features_wrapper{
    margin: 0 113px;
    gap: 65px;
    align-items: stretch;
}
.features_wrapper .features_img{
    min-width: 45%;
    align-self: stretch;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
}
.features_wrapper ul{
    gap: 32px;
}
.features_wrapper ul li{
    padding-left: 53px;
    background: url(/wp-content/themes/ranokportal/img/sprite_textbooknew_1.svg#checkmark_filled-view) no-repeat left top;
    background-size: 45px 45px;
    min-height: 45px;
    align-items: center;
}
.presentation ul,
.textbook_complect{
    justify-content: center;
    gap: 20px;
}
.presentation ul li,
.textbook_complect > li{
    padding: 32px 31px;
    box-shadow: 0 10px 17.2px 2px rgba(99, 100, 26, 0.10);
    border-radius: 15px;
    border: 1px solid var(--stroke-brown);
    justify-content: space-between;
    align-items: center;
    width: 33.333%;
    gap: 32px;
}
.presentation ul li h3,
.textbook_complect li h3{
    font-size: 24px;
    line-height: 1.125;
}
.presentation ul li .features_img,
.textbook_complect li .textbook_complect_img,
.other_matherials ul li .other_matherials_img,
.community_text .communities_icon{
    width: 100%;
    height: 230px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.presentation ul li .btn{
    width: 100%;
}
.presentation, .communities{
    margin-bottom: 120px;
}
.additing{
    padding: 64px 0;
    background-color: var(--main-beige);
    box-shadow: 0 0 27px 0 rgba(0, 0, 0, 0.25) inset;
}
.additing .textbook_pills{
    justify-content: center;
    gap: 10px;
    margin-bottom: 48px;
}
.additing h3,
.textbook_complect_head{
    font-size: 24px;
    line-height: 1.125;
    text-align: center;
    margin-bottom: 32px;
}
.textbook_complect > li{
    background-color: var(--main-white);
    gap: 24px;
    width: calc(33.33% - 14px);
}
.textbook_complect > li .textbook_complect_img{
    height: 180px;
}
.textbook_complect_head{
    font-family: var(--bold);
    margin: 0;
}
.textbook_complect_links{
    width: 100%;
    margin: 0;
    gap: 10px;
}
.textbook_complect_links li{
    flex: 1;
}
.textbook_complect_links li a.btn{
    width: 100%;
}
.textbook_complect_links li:nth-of-type(2) a.btn{
    color: var(--main-black);
    background-color: var(--main-white);
}
.textbook_complect_links li:nth-of-type(2) a.btn:hover{
    color: var(--main-white);
    background-color: var(--main-black);
}
.additing .textbook_complect{
    margin-bottom: 48px;
    justify-content: center;
    flex-wrap: wrap;
}
.additing .textbook_support,
.additing #collapse_textbook_support{
    gap: 16px 84px;
    padding: 0 8%;
    justify-content: center;
}
.additing .textbook_support{
    display: flex;
    flex-wrap: wrap;
}
.additing #collapse_textbook_support{
    padding: 0;
    width: 100%;
}
.textbook_support li{
    width: calc(33.333% - 56px);
}
.textbook_support li a.btn.btn_download{
    width: 100%;
    padding: 20px 5px 20px 82px;
    background: url(/wp-content/themes/ranokportal/img/sprite_textbooknew_1.svg#document-view) no-repeat left 16px center;
    background-size: 56px 56px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    font-family: var(--bold);
    line-height: 1.2;
    color: var(--main-black);
    background-color: var(--main-white);
    height: 100%;
    justify-content: center;
    text-align: left;
    box-shadow: 0 10px 17.2px 2px rgba(99, 100, 26, 0.10);
}
.textbook_support li a.btn.btn_download:hover{
    opacity: 0.8;
}
.textbook_support li a.btn.btn_download span{
    line-height: 1.4375;
    color: #5B98CB;
    padding-right: 29px;
    background: url(/wp-content/themes/ranokportal/img/sprite_textbooknew_1.svg#download-view) no-repeat right center;
    background-size: 21px 21px;
    width: fit-content;
}
.textbook_support + .button_wrapper{
    display: none;
}
.button_wrapper .button_collapse{
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 8px;
    background-color: transparent;
    font-size: 15px;
    font-family: var(--extrabold);
    line-height: 1.3333;
    color: var(--main-black);
}
.button_wrapper .button_collapse svg{
    width: 25px;
    height: 25px;
    transform: rotate(0deg);
    transition: 0.3s;
}
.button_wrapper .button_collapse[aria-expanded=true] svg{
    transform: rotate(180deg);
    transition: 0.3s;
}
.other_matherials ul,
.communities ul{
    gap: 42px;
    justify-content: center;
    padding: 0 8%;
}
.other_matherials ul{
    flex-wrap: wrap;
}
.other_matherials ul li{
    width: calc(50% - 21px);
}
.other_matherials ul li > div{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 40px;
    justify-content: space-between;
    height: 100%;
}
.other_matherials ul li > div > div{
    max-width: 100%;
}
.other_matherials ul li .other_matherials_img{
    height: 300px;
    margin-bottom: 16px;
}
.other_matherials ul li h2{
    margin-bottom: 16px;
}
.other_matherials ul li p{
    margin-bottom: 0;
}
.other_matherials ul li .btn{
    width: 60%;
}
.communities ul{
    gap: 20px;
}
.communities ul li > div{
    padding: 24px 32px;
    flex-direction: column;
    gap: 32px;
    border-radius: 15px;
    border: 1px solid var(--stroke-brown);
    box-shadow: 0 10px 17.2px 2px rgba(99, 100, 26, 0.10);
}
.communities ul li:first-of-type > div{
    background: linear-gradient(130deg, rgba(249, 248, 248, 0.60) 30.74%, rgba(116, 90, 247, 0.60) 227.54%);
}
.communities ul li:nth-of-type(2) > div{
    background: linear-gradient(127deg, rgba(249, 248, 248, 0.60) 31.96%, rgba(8, 102, 255, 0.60) 191.64%);
}
.communities ul li .community_text{
    gap: 27px;
    align-items: center;
}
.community_text .communities_icon{
    width: 120px;
    height: 120px;
    min-width: 120px;
}
.community_text p{
    margin: 0;
}
.community_text p.community_item_name{
    font-size: 20px;
    line-height: 1;
    margin-bottom: 10px;
    font-family: var(--bold);
}
.contacts_item .contacts_column:first-of-type{
    flex-direction: column;
    justify-content: space-between;
    font-size: 24px;
    line-height: 1.125;
}
.contacts_item .contacts_column p{
    margin: 0;
}
.contacts_item .contacts_column p.contacts_column_head{
    margin-bottom: 27px;
}
.contacts_item .wrapper{
    gap: 60px;
}
.contacts_item .social_list{
    flex-wrap: wrap;
}
.contacts_item .social_list li{
    width: calc(50% - 6px);
}
.contacts_item .social_list li a{
    padding: 6px 15px;
    width: 100%;
}
.contacts_list p span{
    font-family: var(--bold);
}


@media screen and (min-width: 1529.98px){
    .industry_head,
    .industry_subject_name{
        font-size: 24px;
        overflow-wrap: break-word;
        word-break: keep-all;
    }
    .industry_text ul li{
        width: 45%;
    }
    :where(.industry_text, .slider_popular) .btn{
        font-size: 16px;
        padding: 10px 15px;
    }
    .slider_popular .slide_include_text h3{
        font-size: 24px;
    }
}

@media screen and (max-width: 1399.98px){
    li.active .industry_content{
        flex-wrap: wrap;
    }
    .industry_subject_name{
        text-align: center;
        font-size: 24px;
    }
    .industry_text{
        width: 100%;
    }
    .industry_text ul{
        display: flex;
        justify-content: center;
        gap: 10px;
        flex-wrap: wrap;
        margin-bottom: 0;
    }
    .industry_text ul li{
        width: auto;
    }
    .industry_text ul li:nth-of-type(odd){
        padding: 0;
    }
    .industry_text > div .btn{
        display: none;
    }
    .industry_image{
        width: 100%;
    }
    .book-stack{
        max-width: 100%!important;
    }
    .book-stack .book_slide{
        width: auto;
    }
    .industry_image{
        flex-direction: column;
        gap: 15px;
    }
    .book-stack + .btn{
        display: block;
    }
    :where(.industry_text, .slider_popular) .btn{
        font-size: 16px;
        padding: 10px 15px;
    }
    .main_images_stack > div[class^="main_images_slide_"] img{
        height: auto;
        aspect-ratio: 1/1.5;
    }
    .additing .textbook_support, 
    .additing #collapse_textbook_support{
        gap: 16px;
    }
    .communities ul li > div{
        height: 100%;
        justify-content: space-between;
    }
    .contacts_item .contacts_column:first-of-type{
        justify-content: flex-start;
        gap: 16px;
        font-size: 18px;
    }
    .contacts_item .wrapper{
        gap: 40px;
    }
    .industries-list li.active .industry_textbook{
        max-height: 825px;
    }
}

@media screen and (max-width: 1299.98px){
    .top_screen_content{
        max-width: 40%;
    }
    .industry_head{
        font-size: calc( (100vw - 1200px)/(1300 - 1200) * (18 - 16) + 16px);
    }
    .izzi_app_wrapper{
        gap: 32px;
    }
    .header-navigation-wrapper .primary-menu{
        gap: 24px;
    }
    .top_screen_item{
        padding-top: 100px;
    }
    .authors, .features, .presentation, .other_matherials, .communities{
        padding-top: 80px;
    }
    .presentation, .communities, .features{
        margin-bottom: 80px;
    }
    .presentation ul li .features_img{
        height: auto;
        aspect-ratio: 1/0.5;
    }
    .presentation ul li, 
    .textbook_complect > li{
        width: calc(33.333% - 14px);
    }
    .additing .tab-content .textbook_support,
    .other_matherials ul, 
    .communities ul{
        padding: 0;
    }
    .textbook_support li{
        width: calc(33.333% - 11px);
    }
    .additing .textbook_support, 
    .additing #collapse_textbook_support{
        padding: 0;
    }
    .popular .swiper_container.centered{
        padding: 0 67px;
    }
    .swiper_container.centered .slider_popular .swiper-wrapper{
        justify-content: unset;
    }
}

@media screen and (max-width: 1199.98px){
    .top_screen_content{
        max-width: 50%;
    }
    .industries-list{
        gap: 40px 20px;
    }
    .industries-list li,
    .industries-list > li:nth-child(3n){
        width: calc(50% - 10px);
    }
    .industries-list li:nth-of-type(odd).active .industry_textbook{
        border-radius: 0 10px 10px 10px;
    }
    .industries-list li:nth-of-type(even).active .industry_textbook{
        border-radius: 10px 0 10px 10px;
    }
    .industry_head,
    .slider_popular .slide_include_text h3{
        font-size: 22px;
    }
    .slide_include_img + .btn,
    .book-stack + .btn{
        display: block;
        width: 100%;
    }
    .swiper .swiper-slide .slide_content{
        padding: 16px;
        gap: 16px;
        flex-wrap: wrap;
    }
    .slider_popular .slide_include_text{
        width: calc(55% - 8px);
    }
    .slider_popular .slide_include_text .btn,
    .page-template-template-textbookitem .header-navigation-wrapper .primary-menu{
        display: none;
    }
    .slider_popular .slide_include_img{
        width: calc(45% - 8px);
    }
    .contacts .wrapper{
        flex-wrap: wrap;
        gap: 40px;
        justify-content: flex-start !important;
    }
    .page-template-template-textbookitem .textbook_header .submenu_left{
        display: block;
        order: 2;
    }
    .page-template-template-textbookitem .header-titles{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .page-template-template-textbookitem .header-titles .site-logo{
        order: 1;
    }
    .page-template-template-textbookitem .mobile_menu input[type="checkbox"] + label{
        margin: 0;
    }
    .top_screen_wrapper{
        flex-wrap: wrap;
    }
    .top_screen_item{
        padding-top: 40px;
    }
    .main_text_top.top_mob{
        display: block;
        width: 100%;
        order: 1;
    }
    .main_text_top.top_mob .textbook_subhead + p{
        margin-bottom: 0;
    }
    .top_screen_wrapper{
        gap: 24px;
    }
    .top_screen_wrapper > div{
        width: 100%;
    }
    .main_text_top_wrapper .entry-title,
    .main_text_top_wrapper .textbook_subhead,
    .main_text_top_wrapper .textbook_subhead + p{
        display: none;
    }
    .main_text_top_wrapper{
        order: 3;
    }
    .main_images_stack_wrapper{
        order: 2;
    }
    .main_images_stack > div[class^="main_images_slide_"] img{
        height: 100%;
        aspect-ratio: auto;
    }
    .authors, .features, .presentation, .other_matherials, .communities{
        padding-top: 60px;
    }
    .features{
        margin-bottom: 60px;
    }
    .swiper_container.centered .slider_authors .swiper-wrapper{
        justify-content: normal;
    }
    .authors .swiper_container.centered{
        padding: 0 67px;
    }
    .page-template-template-textbookitem section .container > h2{
        margin-bottom: 32px;
    }
    .swiper_container.centered .swiper.slider_authors{
        padding-bottom: 20px;
    }
    .features_wrapper{
        margin: 0;
        gap: 32px;
    }
    .features_wrapper ul{
        gap: 20px;
    }
    .presentation ul li, 
    .textbook_complect > li,
    .communities ul li > div{
        padding: 16px;
        gap: 16px;
    }
    .presentation, 
    .communities{
        margin-bottom: 60px;
    }
    .textbook_complect_links li:nth-of-type(2) a.btn{
        font-size: 14px;
    }
    .textbook_support li a.btn.btn_download{
        padding: 16px 16px 16px 80px;
    }
    .textbook_complect > li .textbook_complect_img{
        height: 150px;
        width: 80%;
    }
    .textbook_complect_links li a.btn{
        font-size: 14px;
    }
    .textbook_complect_head{
        font-size: 16px;
    }
    .other_matherials ul li .other_matherials_img{
        height: 250px;
        margin-bottom: 10px;
    }
    .other_matherials ul li h2{
        margin-bottom: 8px;
    }
    .other_matherials ul li > div{
        gap: 24px;
    }
    .page-template-template-textbookitem .contacts{
        padding: 40px 0;
    }
    .page-template-template-textbookitem .contacts .wrapper{
        gap: 36px;
    }
    .contacts_item .contacts_column{
        width: 100%;
    }
    .contacts_item .contacts_column:first-of-type,
    .contacts_item .contacts_column:nth-of-type(2){
        width: calc(50% - 18px);
    }
    .contacts_item .contacts_column p.contacts_column_head{
        margin-bottom: 10px;
    }
    .contacts_item .social_list li{
        width: calc(25% - 9px);
    }
    .industries-list li .industry_textbook{
        gap: 20px;
    }
    .industries-list li.active .industry_textbook {
        max-height: 1180px;
    }
}

@media screen and (max-width: 999.98px){
    section.industries, 
    section.izzi_app, 
    section.popular, 
    section.reviews,
    section.send_review{
        padding-top: 60px;
    }
    :where(.industries, .popular, .reviews, .izzi_app) h2{
        margin-bottom: 32px;
    }
    .industries-list li.active{
        gap: 12px;
    }
    .industries-list li.active:before{
        height: 15px;
    }
    section.send_review{
        margin-bottom: 60px;
    }
    .contacts{
        padding: 56px 0;
    }
    .app_embed_img .btn-modal span{
        width: 60px;
        height: 63px;
        background-size: 60px 63px;
    }
}

@media screen and (max-width: 991.98px){
    .header-navigation-wrapper .primary-menu,
    .izzi_app_wrapper .app_content .btn{
        display: none;
    }
    .textbook_header .submenu_left{
        display: block;
    }
    .mobile_menu input[type="checkbox"] + label{
        margin: 0;
    }
    .container {
        max-width: 720px;
        min-width: auto;
    }
    .header-titles{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .header-titles .site-logo img{
        max-width: 100px;
    }
    .textbook_header .submenu_left,
    .app_embed_img{
        display: block;
        order: 2;
    }
    .header-titles .site-logo,
    .app_content{
        order: 1;
    }
    .top_screen{
        margin-top: 80px;
    }
    .top_screen h1{
        font-size: 45px;
        margin-bottom: 7px;
    }
    .top_screen_subhead{
        margin-bottom: 47px;
    }
    .top_screen .btn{
        font-size: 16px;
        padding: 8px 12px;
    }
    .industries-list li.active:before{
        top: 57px;
        height: 16px;
    }
    .industry_head{
        font-size: 16px;
        padding: 8px 15px;
        gap: 10px;
        height: 60px;
    }
    .industries-list li .industry_head:before,
    li .industry_head:after,
    li.active .industry_head:after{
        width: 35px;
        height: 35px;
        background-size: 35px 35px;
    }
    .industries-list{
        gap: 20px;
    }
    .top_screen{
        font-size: 32px;
    }
    li.active .industry_content{
        padding: 24px 16px;
    }
    .industry_subject_name{
        font-size: 18px;
    }
    .industry_text ul{
        font-size: 13px;
    }
    :where(.industries, .popular, .reviews, .izzi_app) h2{
        font-size: 20px;
    }
    .izzi_app_wrapper {
        gap: 12px;
        flex-wrap: wrap;
    }
    .izzi_app_wrapper > div {
        flex: auto;
        width: 100%;
    }
    .ham_close svg{
        width: 44px;
        height: 44px;
    }
    .izzi_app_wrapper .app_content + .btn{
        display: block;
        order: 3;
        width: 100%;
    }
    h1.entry-title{
        font-size: 48px;
    }
    .main_text_top .textbook_subhead{
        font-size: 36px;
    }
    .author_img img{
        height: 100%;
    }
    .features_wrapper{
        flex-wrap: wrap;
        gap: 24px;
    }
    .features_wrapper .features_img{
        min-width: 100%;
        background-position: center;
        height: 225px;
    }
    .presentation ul, .textbook_complect{
        flex-wrap: wrap;
        justify-content: center;
    }
    .presentation ul li, .textbook_complect > li{
        width: calc(50% - 10px);
    }
    .textbook_support li{
        width: 100%;
    }
    .other_matherials ul, .communities ul{
        flex-wrap: wrap;
    }
    .other_matherials ul li,
    .contacts_item .contacts_column:first-of-type, 
    .contacts_item .contacts_column:nth-of-type(2){
        width: 100%;
    }
    .industries-list li.active .industry_textbook {
        max-height: 1145px;
    }
    .swiper_container.centered .slider_reviews .swiper-wrapper{
        justify-content: unset;
    }
    .reviews .swiper_container.centered{
        padding: 0 67px;
    }
}

@media screen and (max-width: 767.98px){
    .top_screen h1{
        font-size: 36px;
    }
    .top_screen {
        font-size: 24px;
    }
    .industries-list li,
    .industries-list > li:nth-child(3n){
        width: 100%;
    }
    .industries-list li:nth-of-type(odd).active .industry_textbook,
    .industries-list li:nth-of-type(even).active .industry_textbook{
        border-radius: 0 0 10px 10px;
    }
    .app_content .app_logo{
        max-width: 53px;
    }
    .app_content{
        font-size: 13px;
        line-height: 1.47692;
    }
    :where(.reviews, .popular) .swiper_container,
    .swiper_container.centered{
        padding: 0 67px;
    }
    .slider_popular .slide_include_img{
        min-width: calc(45% - 8px);
    }
    .slider_popular .slide_include_img img{
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }
    .top_wrapper{
        top: 0px;
    }
    .top_wrapper div:before{
        top: 2px;
    }
    .swiper .swiper-slide.swiper-slide-active .slide_content{
        opacity: 1;
        scale: 1;
        z-index: 10;
    }
    .swiper.swiper-slide.swiper-slide-active .slide_include_img img{
        scale: 1;
    }
    .swiper.slider_popular{
        padding: 10px 0 25px;
    }
    .popular h2{
        margin-bottom: 22px;
    }
    .review_form fieldset{
        flex-wrap: wrap;
    }
    .left_send_review{
        max-width: 100%;
        width: 100%;
    }
    .left_send_review,
    .review_form fieldset{
        gap: 10px;
    }
    .contacts .wrapper{
        gap: 24px;
    }
    .contacts .contacts_column_head{
        margin-bottom: 12px;
    }
    .top_wrapper div{
        z-index: 12;
    }
    .main_images_stack{
        height: 250px;
    }
    .swiper.slider_authors .swiper-slide .slide_content{
        flex-wrap: wrap;
        gap: 0;
    }
    .swiper.slider_authors .swiper-slide .author_img{
        width: 100%;
        height: 440px;
        border-radius: 15px 15px 0 0;
    }
    .author_img img{
        height: 100%;
        max-height: none;
        object-fit: cover;
        aspect-ratio: auto;
    }
    .author_content{
        width: 100%;
        padding: 10px 16px 26px;
        font-size: 13px;
    }
    .author_content h3{
        font-size: 18px;
    }
    .author_content .author_subhead{
        font-size: 14px;
        margin-bottom: 17px;
    }
    .features_wrapper ul li{
        padding-left: 32px;
        background-size: 32px 32px;
    }
    .presentation ul li, .textbook_complect > li{
        width: 100%;
    }
    .presentation ul li .features_img{
        height: 160px;
        aspect-ratio: auto;
    }
    .contacts_item .social_list li{
        width: calc(50% - 6px);
    }
    .main_text_top .tab-content ul li{
        background-size: 25px 25px;
        padding: 0 0 0 32px;
        min-height: 25px;
        display: flex;
        align-items: center;
    }
    .authors .swiper_container.centered{
        padding: 0;
    }
    .industries-list li.active .industry_textbook {
        max-height: 1885px;
    }
}

@media screen and (min-width: 576px) {
  .additing #collapse_textbook_support {
    display: flex !important;
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 575.98px){
    .top_screen h1{
        font-size: 27px;
    }
    .top_screen{
        background-size: cover;
    }
    h1.entry-title{
        font-size: 22px;
    }
    .main_text_top .textbook_subhead,
    .presentation ul li h3, 
    .textbook_complect li h3,
    .top_screen,
    .additing h3, 
    .textbook_complect_head,
    .community_text p.community_item_name,
    .contacts .contacts_column_head{
        font-size: 18px;
    }
    .main_text_top p{
        font-size: 13px;
    }
    .main_text_top .tab_wrapper .textbook_pills,
    .additing .textbook_pills{
        gap: 8px;
        margin-bottom: 24px;
    }
    .main_text_top .tab_wrapper .textbook_pills .textbook_item,
    .textbook_pills .textbook_link,
    .additing .textbook_pills .textbook_item,
    .additing .textbook_pills .textbook_item .textbook_link,
    .textbook_support li,
    .other_matherials ul li .btn{
        width: 100%;
    }
    .textbook_pills .textbook_link{
        justify-content: space-between;
        padding: 7px 16px;
    }
    .main_text_top .tab-content ul li,
    .features_wrapper ul li,
    .other_matherials ul li p,
    .community_text p,
    .contacts_item .contacts_column{
        font-size: 13px;
        line-height: 1.47692;
    }
    .page-template-template-textbookitem section .container > h2{
        font-size: 20px;
        line-height: 1.25;
    }
    .presentation ul li .btn,
    .textbook_support li a.btn.btn_download,
    .other_matherials ul li .btn,
    .communities .btn,
    .contacts_item .social_list li a{
        font-size: 15px;
    }
    .additing .tab-pane h3{
        margin-bottom: 20px;
    }
    .textbook_support li a.btn.btn_download{
        gap: 4px;
    }
    .top_screen_item{
        margin: 84px 0 0;
    }
    .additing .textbook_complect{
        margin-bottom: 24px;
    }
    .additing{
        padding: 64px 0 16px;
    }
    .textbook_support + .button_wrapper{
        display: flex;
        justify-content: center;
    }
    .additing .textbook_support {
        display: block;
    }
    .additing .textbook_support li{
        margin-bottom: 16px;
    }
    .additing #collapse_textbook_support.show {
        display: block;
    }
    .other_matherials h2{
        font-size: 20px;
    }
    .community_text .communities_icon {
        width: 100px;
        height: 100px;
        min-width: 100px;
    }
    .popular .swiper_container.centered,
    .reviews .swiper_container.centered,
    .authors .swiper_container{
        padding: 0;
    }
    .slider_authors + .swiper_navigation,
    .slider_popular + .swiper_navigation,
    .slider_reviews + .swiper_navigation{
        display: none;
    }
}

@media screen and (max-width: 479.98px){
    .top_screen {
        height: 450px;
        padding: 15px 0;
        background-size: auto 245px;
        background-position: right;
    }
    .top_screen_content{
        max-width: 100%;
        align-items: center;
    }
    .top_screen_subhead{
        margin-bottom: 5px;
    }
    .top_screen h1{
        font-size: 30px;
        text-align: center;
        margin-bottom: 260px;
    }
    .industries-list li.active .industry_textbook{
        width: 100%;
    }
    .industry_head{
        padding: 8px 10px;
    }
    .slider_popular .slide_include_img img{
        width: auto;
        min-width: 100%;
        height: auto;
        object-fit: contain;
    }
    .industry_head, 
    .slider_popular .slide_include_text h3,
    .izzi_app h2,
    .contacts .contacts_column_head{
        font-size: 16px;
    }
    .slider_popular .slide_include_text h3{
        margin-bottom: 10px;
    }
    .slider_popular .slide_include_text h3 + p,
    .contacts{
        font-size: 13px;
    }
    .slider_popular .slide_include_text,
    .slider_popular .slide_include_img{
        width: calc(50% - 8px);
    }
    .swiper .swiper-slide .slide_content{
        gap: 12px;
    }
    .contacts ul.adress_list li,
    .contacts_list a .contacts_list_icon{
        background-size: 18px 18px;
    }
    .contacts_list a .contacts_list_icon{
        width: 18px;
        height: 18px;
    }
    .social_list a{
        padding: 8px 15px;
    }
    .social_list a .social_list_icon{
        width: 26px;
        height: 26px;
        background-size: 26px 26px;
    }
    .communities ul li .community_text{
        gap: 16px;
    }
}