.fullpage {
display: block;
margin-top: 90px;
min-height: 85vh;
}

.full_story {
display: flex;
gap: 20px;
justify-content: space-between;
}

.full_story_left {
max-width: 250px;
width: 100%;  
overflow: hidden;
border-radius: 8px;
} 

.full_story_sticky{
position: sticky;
top: 85px;
}

.full_story_banner_list {
background: rgb(255, 255, 255);
padding: 5px;
display: flex;
flex-direction: column;
gap: 10px;
}

.full_story_banner_item {
display: block;

}

.full_story_banner_item_img {
transition: 0.2s ease;
}

.full_story_banner_item_img:hover {
transform: scale(1.05);
transition: 0.2s ease;
}

.full_story_miniBanner {
margin-top: 15px;
margin-bottom: 15px;
}

.full_story_popular {
margin-top: 15px;
}


.full_story_popular_list {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 20px;
background: rgba(234, 240, 245, 1);

}

.full_story_popular_list .cat_card_img{
height: 129px;
}


.full_story_left ul {
list-style: none !important;
text-decoration: none !important;
padding: 0px !important;
margin: 0px !important;
}

.coteg_item {
padding: 10px 15px;
color: white;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 16px;
background: rgba(52, 73, 94, 1);
border-bottom: 1px solid rgba(5, 56, 86, 1);
margin-bottom: 2px;
font-weight: 300;
}

.coteg_item:hover, .coteg_item.active {
background: rgba(30, 39, 46, 1);
color: var(--text-white);
}

.coteg_item_name {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
width: 100%;
}

.coteg_item span {
background: linear-gradient(180deg, #043756 0%, #999999 100%);
border: 1px solid rgba(5, 56, 86, 1);
font-weight: 300;
font-size: 20px;
line-height: 100%;
text-align: center;
color: var(--text-white);
width: 28px;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 6px;
}

.lessons_title {
font-size: 25px;
font-weight: 600;
color: var(--text-white);
padding: 15px;
border-bottom: 1px solid rgba(5, 56, 86, 1)
}

.full_story_right_full {
max-width: 920px;
width: 100%;
}

.full_story_center {
max-width: 820px;
width: 100%;
}

.full_story_right {
max-width: 250px;
width: 100%;
}

.cat_story .full_story_right {
max-width: unset;
}

.full_story_header {
margin-bottom: 20px;
}

.full_story_head_video {
width: 650px;
height: 366px;
display: flex;
}

.full_story_head_video iframe, .full_story_head_video img {
width: 650px !important;
width: 100%;
height: 100%;
object-fit: contain;
border-radius: 15px;
overflow: hidden;
}

.full_story_coteg_scrool {
height: 366px;
overflow: hidden;
width: 100%;
}

.full_story_coteg_list {
width: 100%;
display: flex;
flex-direction: column;
gap: 15px; 
padding-bottom: 10px; 
padding-right: 10px;
overflow: auto;
height: 100%;
}

.coteg_card {
display: block;
}



.full_story_header {
display: flex;
gap: 20px;
align-items: center;
}

.burger_menu {
display: flex;
flex-direction: column;
width: 30px;
cursor: pointer;
gap: 5px;
}

.full_story_mob{
position: relative;
display: none;
align-items: center;
gap: 15px;
width: max-content;
padding: 10px;
border-radius: 10px;
background: var(--text-white);
font-size: 20px;
}

.mobile_menu {
opacity: 0;
visibility: hidden;
z-index: -1;
position: absolute;
background: white;
width: 200px;
top: 100%;
left: 0;
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
padding: 10px;
border-radius: 10px;
transition: 0.2s ease;

}

.mobile_menu.active {
opacity: 1;
visibility: visible;
z-index: 1;
transition: 0.2s ease;
}

.custom_category_list, .lessons_list ul, .lessons_list {
list-style: none !important;
text-decoration: none !important;
margin: 0;
padding: 0;
}


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


.burger_menu_icon.active i:nth-child(2) {
display: block;
}

.coteg_card_img img{
max-width: 200px;
width: 100%;
height: 112px;
object-fit: cover;
border-radius: 10px;
overflow: hidden;
}

.coteg_card_info {
color: white;
}

.coteg_card_title {
font-size: 15px !important;
font-weight: 600;
color: var(--text-white);


}

.coteg_card_title {
font-size: 15px !important;
font-weight: 600;
color: var(--text-white);
line-height: 16px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
max-height: 32px;
white-space: normal;
width: 195px;
}

.coteg_card_content{
display: flex;
flex-direction: column;
}

.full_story_info {
border-radius: 10px;
background-color: #ffffff;
overflow: hidden;
border-radius: 0px 0px 10px 10px;
list-style: unset !important;
text-decoration: unset !important;
}

.full_story_title {
font-size: 22px;
font-weight: 100;
background: rgba(0, 111, 159, 1);
padding: 10px;
color: white;
border-radius: 10px 10px 0px 0px;
}

.full_story_text {
padding: 15px;
color: #585858;

}

.full_story_text h1 {
font-size: 20px;
}

.full_story_text h2 {
font-size: 18px;
}


.full_story_text h3 {
font-size: 16px;
}

.cat_card_img {
height: 180px;
}

.full_story_bottom {
padding: 15px;
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 20px;
}

.full_story_views {
color: #585858;
font-size: 16px;
}

.full_story_date {
display: flex;
align-items: center;
color: #585858;
font-size: 16px;
gap: 5px;
}

.full_story_next {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 20px;
margin-bottom: 20px;
}

.full_story_next .crm_btn {
font-size: 16px;
border-radius: 10px;
gap: 20px;
}

.full_story_tags{
color: var(--text-white);
display: block;
margin-top: 15px;
}

.cat_conetnt{
min-height: 80vh;
}

.cat_card {
display: block;
background: white;
padding: 15px;
border-radius: 15px;
}

.full_story_popular_list .cat_card {
width: 100%;
border-radius: 0px;
padding: 5px;
}

.cat_card_title {
    font-size: 18px;
    font-weight: 600;
    color: black;
    line-height: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.cat_card_text {
    font-size: 16px;
    color: black;
    margin-top: 10px;
}

.cat_card_img img {
    max-width: 100%;
    width: 100%;
    overflow: hidden;
    height: inherit;
    object-fit: contain;
    border-radius: 5px;
}

.cat_card_button {
    color: #000000;
    font-weight: 300;
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.cat_flex .cat_card_button {
    color: #339dc7;
    margin-top: 10px;
    border-bottom: 1px solid #0084bf;
    display: inline-flex;
    font-weight: 500;
    font-size: 18px;
}

.cat_flex .cat_card_button .tariffis_link_icon {
display: none;
}

.full_story_similar {
margin-top: 20px;
}

.full_story_similar_list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 15px;
flex-wrap: wrap;
background: rgba(234, 240, 245, 1);
padding: 10px;
}

.full_story_similar_list .cat_card {
padding: 5px;
 }

.full_story_similar_list .cat_card_img{
height: 129px;
}

.full_story_popular_list .cat_card_button, .full_story_similar_list .cat_card_button {
margin-top: 10px;
margin-bottom: 8px;
font-size: 16px;
}