/*
 <======>
  Sadiyev Azizxan

  sadiyev.eziz@gmail.com
  https://www.linkedin.com/in/azizxansadiyev/

<=====>
*/

* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.clearfix::after {
    display: block;
    content: "";
    clear: both;
}

/* TT Interphases Pro --- */

@font-face {
    font-family: "TT Interphases Pro";
    src: url("../fonts/subset-TTInterphasesPro-Bd.eot");
    src: url("../fonts/subset-TTInterphasesPro-Bd.eot?#iefix")
    format("embedded-opentype"),
    url("../fonts/subset-TTInterphasesPro-Bd.woff2") format("woff2"),
    url("../fonts/subset-TTInterphasesPro-Bd.woff") format("woff"),
    url("../fonts/subset-TTInterphasesPro-Bd.ttf") format("truetype"),
    url("../fonts/subset-TTInterphasesPro-Bd.svg#TTInterphasesPro-Bd")
    format("svg");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "TT Interphases Pro";
    src: url("../fonts/subset-TTInterphasesPro-Rg.eot");
    src: url("../fonts/subset-TTInterphasesPro-Rg.eot?#iefix")
    format("embedded-opentype"),
    url("../fonts/subset-TTInterphasesPro-Rg.woff2") format("woff2"),
    url("../fonts/subset-TTInterphasesPro-Rg.woff") format("woff"),
    url("../fonts/subset-TTInterphasesPro-Rg.ttf") format("truetype"),
    url("../fonts/subset-TTInterphasesPro-Rg.svg#TTInterphasesPro-Rg")
    format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "TT Interphases Pro";
    src: url("../fonts/subset-TTInterphasesPro-Md.eot");
    src: url("../fonts/subset-TTInterphasesPro-Md.eot?#iefix")
    format("embedded-opentype"),
    url("../fonts/subset-TTInterphasesPro-Md.woff2") format("woff2"),
    url("../fonts/subset-TTInterphasesPro-Md.woff") format("woff"),
    url("../fonts/subset-TTInterphasesPro-Md.ttf") format("truetype"),
    url("../fonts/subset-TTInterphasesPro-Md.svg#TTInterphasesPro-Md")
    format("svg");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "TT Interphases Pro";
    src: url("../fonts/subset-TTInterphasesPro-Blk.eot");
    src: url("../fonts/subset-TTInterphasesPro-Blk.eot?#iefix")
    format("embedded-opentype"),
    url("../fonts/subset-TTInterphasesPro-Blk.woff2") format("woff2"),
    url("../fonts/subset-TTInterphasesPro-Blk.woff") format("woff"),
    url("../fonts/subset-TTInterphasesPro-Blk.ttf") format("truetype"),
    url("../fonts/subset-TTInterphasesPro-Blk.svg#TTInterphasesPro-Blk")
    format("svg");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* TT Interphases Pro --- */

.page {
    display: block;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    min-width: 310px;
    background-color: #f5f7fa;
    overflow: hidden;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
}

.main_center {
    display: block;
    position: relative;
    width: 100%;
    max-width: 1286px;
    padding: 0 16px;
    margin: 0 auto;
}

/* html {
  scroll-behavior: smooth;
} */

body {
    font-family: "TT Interphases Pro", Arial, Helvetica, sans-serif;
    background-color: #fff;
}

body.mm_noscroll {
    overflow-y: hidden;
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
}

.fixed_header {
    position: fixed;
    top: 0px;
    width: 100%;
}

/*! ====  HEADER START  ===== */

header {
    display: block;
    position: relative;
    padding: 18px 0;
    width: 100%;
    min-width: 310px;
    z-index: 999;
}

main.p_top {
    padding-top: 72px;
}

@keyframes fix {
    0% {
        top: -128px;
    }

    100% {
        top: 0px;
    }
}

.header_top.scroll_head nav.nav_mobile {
    height: calc(100% - 60px);
}

.visible_mob .header_bottom {
    position: fixed;
    top: 0px;
    max-width: 1254px;
    left: calc(50% - 627px);
    animation: fix 0.6s ease;
    -webkit-animation: fix 0.6s ease;
    box-shadow: 0px 4px 6px 0px #0000000a;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.visible_mob .hd_search {
    position: fixed;
    top: 64px;
    left: calc(50% - 627px);
}
.header_wrapper {
    display: block;
    position: relative;
    width: 100%;
    max-width: 1254px;
    margin: 0 auto;
    box-shadow: 0px 4px 6px 0px #0000000a;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}
.header_top {
    position: relative;
    width: 100%;
    padding: 10px 0px;
    background: linear-gradient(
            90deg,
            #0044ff 0%,
            #3987db 49.52%,
            #00007c 100%
    );
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    border-radius: 16px 16px 0 0;
    -webkit-border-radius: 16px 16px 0 0;
    -moz-border-radius: 16px 16px 0 0;
    -ms-border-radius: 16px 16px 0 0;
    -o-border-radius: 16px 16px 0 0;
}

.header_bottom {
    position: relative;
    width: 100%;
    padding: 12px 0px;
    background: #fff;
    /* box-shadow: 0px 0px 10px #0000000F; */
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    border-radius: 16px 16px 0 0;
    -webkit-border-radius: 0 0 16px 16px;
    -moz-border-radius: 16px 16px 0 0;
    -ms-border-radius: 16px 16px 0 0;
    -o-border-radius: 16px 16px 0 0;
}

.header_top .main_center,
.header_bottom .main_center {
    display: flex;
    align-items: center;
    /* flex-wrap: wrap; */
}

.header_left {
    display: flex;
    align-items: center;
    gap: 24px;
    width: auto;
    float: left;
    margin: 0 auto 0 0;
    /* max-width: 250px; */
}

.header_right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 24px;
    width: auto;
    float: right;
    margin: 0 0 0 auto;
}

.hd_info {
    display: block;
    float: left;
    text-align: left;
    font-weight: bold;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: 0px;
    color: #0e1013;
}

.menu_desk.clicked::before {
    background-position: 0 100%;
}

.menu_btn {
    display: flex;
    align-items: center;
    position: relative;
    float: left;
    margin: 0 0 0 auto;
    cursor: pointer;
}

.menu_btn::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background-position: 0 0;
    background-repeat: no-repeat;
    cursor: pointer;
}

.menu_desk::before {
    background-image: url("../img/icons/menu_desk.svg");
}

.menu_mobile::before {
    background-image: url("../img/icons/menu.svg");
}

.menu_close::before {
    background-image: url("../img/icons/close.svg");
}

.menu_close {
    position: absolute;
    padding: 8px;
    right: 16px;
    top: 16px;
    background-color: #3987db;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.menu_mobile {
    float: right;
    margin: 0 0 0 20px;
}

.menu_desk {
    display: block;
}

.menu_mobile {
    display: none;
}

.search_opn.clicked::before {
    background-position: 0 100%;
}

.search_opn {
    display: block;
    float: left;
    width: 24px;
    height: 24px;
    margin: 0px 0 0 0px;
    cursor: pointer;
}

.search_opn::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url("../img/icons/search_opn.svg");
}

.mobile_src {
    display: none;
    right: 40px;
    float: right;
    width: 40px;
    height: 40px;
    padding: 8px;
    margin: 4px 8px 4px 0;
    background-color: #edf7fc;
    border-radius: 50%;
}

/*! Langs */
/* wrapper */
.lang-switch {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

/* pill button */
.lang-switch__item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    min-height: 20px;
    padding: 3px 8px 1px 8px;
    font-weight: 492;
    font-size: 12px;
    line-height: 1;
    color: #ffffff;
    border-radius: 999px;
    background: #ffffff29;
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
}

.lang-switch__item:hover,
.lang-switch__item.is-active,
.lang-switch__item:active {
    color: #00007c;
    background: #ffffff;
}

/*! Langs Mobile */

/* wrapper */
.lang-switch_mobile {
    position: relative;
    display: none;
    margin-left: auto;
}

/* current (AZ + arrow) */
.lang-switch__current_mobile {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 20px;
    padding: 3px 10px 1px 10px;
    font-weight: 500;
    font-size: 12px;
    line-height: 1;
    color: #00007c;
    background: #ffffff;
    cursor: pointer;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
.lang-switch_mobile.open .lang-switch__current_mobile {
    border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -ms-border-radius: 8px 8px 0 0;
    -o-border-radius: 8px 8px 0 0;
}

/* arrow */
.lang-switch__arrow_mobile {
    display: block;
    width: 12px;
    height: 12px;
    right: 0;
    background-image: url("../img/icons/arrow_drop.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

/* rotate when open */
.lang-switch_mobile.open .lang-switch__arrow_mobile {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
}

/* dropdown */
.lang-switch__dropdown_mobile {
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    padding: 4px;
    background: #ffffff;
    z-index: 9991;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}

.lang-switch_mobile.open .lang-switch__dropdown_mobile {
    border-radius: 0 0 8px 8px;
    -webkit-border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    -ms-border-radius: 0 0 8px 8px;
    -o-border-radius: 0 0 8px 8px;
}
/* item */
.lang-switch__item_mobile {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    min-width: 32px;
    min-height: 20px;
    margin: 4px 0;
    padding: 3px 8px 1px 8px;
    font-weight: 500;
    font-size: 12px;
    line-height: 1;
    color: #141a29;
    transition: all 0.25s ease;
    text-decoration: none;
}

.lang-switch__item_mobile:hover {
    color: #00007c;
    text-decoration: underline;
}
/*! Little menu */

.desk_little_menu {
    display: flex;
    align-items: center;
    gap: 8px 24px;
    float: left;
}

.desk_little_menu li {
    display: inline-flex;
    float: left;
    list-style: none;
}

.desk_little_menu li a {
    display: block;
    text-align: center;
    font-weight: 700;
    font-size: 12px;
    line-height: 1;
    color: #fff;
    opacity: 1;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}

.desk_little_menu li a:hover {
    color: #a3cfff;
    text-decoration: underline;
}

/*! Langs */

.logo_sect {
    display: block;
    float: left;
    width: auto;
}

.logo {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    float: left;
    width: auto;
}

.logo_img {
    display: block;
    width: 120px;
    height: 40px;
}

.logo_img img {
    display: block;
    width: 100%;
    height: 100%;
}

/* Search part =========*/

.hd_search {
    display: none;
    position: absolute;
    width: 100%;
    max-width: 1254px;
    top: 100%;
    border-top: 1px solid #fff;
    background: #fff;
    box-shadow: 0px 2px 6px 0px #3987db52;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.hd_search .search_row {
    display: flex;
    align-items: center;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
}

.search_input::placeholder {
    color: #29210a;
}

.search_input {
    display: block;
    float: left;
    background: transparent;
    width: calc(100% - 40px);
    padding: 12px;
    font-family: "TT Interphases Pro";
    text-align: left;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.5px;
    color: #29210a;
    opacity: 1;
    white-space: nowrap;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
}

.search_btn {
    display: block;
    float: left;
    width: 40px;
    height: 40px;
    padding: 8px;
    background-color: transparent;
    cursor: pointer;
}

.search_btn::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../img/icons/search_icon.svg");
}

/* Search part =========*/

nav.nav_desk {
    display: flex;
    align-items: center;
    position: relative;
    float: left;
    /* width: calc(100% - 44px); */
    height: auto;
    margin: 0px auto 0 24px;
    z-index: 999;
}

ul.hdr_menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 4px 24px;
    width: 100%;
    float: none;
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.hdr_menu > li {
    float: left;
    position: relative;
    list-style: none;
}

ul.hdr_menu li a {
    display: block;
    position: relative;
    text-align: left;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2;
    letter-spacing: 0;
    color: #141a29;
    opacity: 1;
    word-break: break-word;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
}

ul.hdr_menu li.active a,
ul.hdr_menu li a:hover {
    color: #0044ff;
}

ul.hdr_menu > li:hover > ul {
    opacity: 1;
    visibility: visible;
}

.nav_desk ul.hdr_menu ul {
    display: block;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    width: auto;
    min-width: 200px;
    padding: 8px 16px;
    top: 35px;
    left: 0;
    list-style: none;
    background-color: #fff;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.08);
    z-index: 9999999;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

ul.hdr_menu ul::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 30px;
    top: -23px;
    left: 0;
    z-index: -1;
}

ul.hdr_menu ul li {
    float: none;
    padding: 8px 0px;
}

.dropdown {
    display: block;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    padding: 8px 16px;
    min-width: 190px;
    width: 180px;
    top: 25px;
    right: 0;
    z-index: 999;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
}

.dropdown.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
}

.dropdown ul.hdr_menu > li {
    float: none;
    padding: 8px 0px;
}

.mob_body {
    width: 100%;
    max-height: calc(100% - 108px);
    padding-right: 8px;
    overflow: auto;
}

.mob_header {
    width: 100%;
}

.mob_ftr {
    width: 100%;
    padding: 0px 16px 24px 16px;
    position: absolute;
    bottom: 0;
    left: 0;
}

/* .mob_ftr .socials {
    display: flex;
    justify-content: center;
    float: none;
} */

.mob_ftr .desk_little_menu {
    float: none;
    flex-wrap: wrap;
    margin: 0 0 20px 0;
}

.mob_ftr .desk_little_menu li a {
    text-align: left;
    color: #141a29;
}

nav.nav_mobile.transformed {
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
}

nav.nav_mobile {
    display: block;
    float: left;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    padding: 80px 16px 16px 16px;
    margin: 0px auto 0 auto;
    background: #fff;
    z-index: 9999999;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

nav.nav_mobile ul.hdr_menu {
    display: block;
    float: none;
    margin: 0 auto;
    padding: 0;
}

nav.nav_mobile ul.hdr_menu > li {
    float: none;
    width: 100%;
    padding: 0 0 22px 0px;
}

nav.nav_mobile ul.hdr_menu > li > a {
    display: flex;
    align-items: center;
    width: 100%;
}

nav.nav_mobile ul.hdr_menu > li > a.show::after {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

nav.nav_mobile ul.hdr_menu > li.has_sub > a::after {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    right: 0;
    background-image: url("../img/icons/arrow_drop.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

nav.nav_mobile ul.hdr_menu ul {
    display: none;
    padding-left: 12px;
}

nav.nav_mobile ul.hdr_menu ul li {
    float: none;
    width: 100%;
    padding: 16px 0 0 0px;
}

nav.nav_mobile ul.hdr_menu ul li > a {
    font-size: 12px;
}

.cnt_link:hover {
    color: #1e88e5;
}

.cnt_link {
    display: flex;
    align-items: center;
    position: relative;
    width: auto;
    margin: 0 0 20px 0;
    float: left;
    text-align: left;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #0e1013;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.sing_links:hover {
    background-color: #0d47a1;
}

.sing_links {
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    min-width: 220px;
    margin: 0 0 0 auto;
    padding: 16px 29px;
    cursor: pointer;
    border: none;
    outline: none;
    text-align: center;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0px;
    color: #ffffff;
    background-color: #1e88e5;
    box-shadow: 0px 3px 20px #1e88e533;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.sign_itm {
    display: flex;
    align-items: center;
    position: relative;
    padding: 0 0 0 26px;
}

.sign_itm span {
    text-align: center;
    font-weight: 600;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0px;
    color: #ffffff;
}

.sign_itm::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
    background: url("../img/icons/user.svg") no-repeat center;
}

/*! ====  HEADER FINISH  ===== */

/*! ====  FOOTER START  ===== */

footer {
    display: block;
    position: relative;
    width: 100%;
}

.ftr_top {
    display: block;
    width: 100%;
    padding: 40px 16px 20px 16px;
    background-color: #fff;
}

.ftr_top .main_center {
    display: flex;
    flex-wrap: wrap;
}

.footer_full {
    width: 100%;
}

.footer_full .logo_sect {
    border: none;
}

.ftr_left {
    display: block;
    float: left;
    margin: 0 auto 0 0;
    /* width: 350px; */
}

.ftr_right {
    display: block;
    float: right;
    margin: 0 0 0 auto;
    /* width: 30%; */
}

.ftr_social {
    width: 100%;
    padding: 24px 16px;
    background-color: #f7f9fa;
}

.ftr_social .main_center {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.ftr_mid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 15px 24px;
    background-color: #fff;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.socials {
    display: flex;
    align-items: center;
    gap: 12px;
    width: auto;
}

.socials li {
    display: flex;
    float: left;
}

.social_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
}

.social_icon:hover {
    border-color: transparent;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.scl_name {
    display: block;
    float: left;
    padding: 0 0px 0 10px;
    text-align: left;
    font-weight: bold;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: 0px;
    color: #121212;
    opacity: 1;
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
}

.scl_icn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    overflow: hidden;
}

.scl_icn img {
    width: 100%;
    height: 100%;
}

/* App icons */

.app_future {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    float: left;
}

.app_title {
    display: block;
    width: 100%;
    margin: 0 0 8px 0;
    text-align: left;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    /* 150% */
    letter-spacing: 0.4px;
    color: rgba(0, 0, 0, 0.6);
    opacity: 1;
}

.app_items {
    display: block;
    float: left;
}

.app_icn {
    display: block;
    float: left;
    margin: 0 10px 0 0;
}

.app_icn img {
    display: block;
}

/* App icons */

/* Address list */

.address_sect {
    display: block;
    float: right;
    width: 275px;
    margin: 0 0 0 auto;
}

.adrs_list {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 100%;
    height: auto;
    padding: 4px 16px;
    background-color: #fcf8e8;
    border-radius: 8px;
}

.adrs_list li {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 100%;
    padding: 12px 0;
}

.adr_name {
    display: block;
    width: 100%;
    padding: 0 0px 4px 0;
    text-align: left;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    /* 142.857% */
    letter-spacing: 0.5px;
    color: #00000099;
    opacity: 1;
}

.adr_info a {
    margin-right: 20px;
}

.adr_info,
.adr_info a {
    display: block;
    float: left;
    text-align: left;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0.4px;
    color: #29210a;
    opacity: 1;
}

/* Address list */

/* footer menu */

.ftr_menu_sect {
    display: flex;
    flex-wrap: wrap;
    float: left;
    width: calc(100% - 275px);
    margin: 0 auto 0 0;
    padding-right: 60px;
}

.footer-list {
    display: block;
    width: 100%;
    column-count: 4;
    column-gap: 40px;
}

.footer-list > li {
    margin: 0;
    display: block;
    width: 100%;
    /* grid-template-rows: 1fr auto; */
    margin-bottom: 40px;
    break-inside: avoid;
}

.footer-list > li > a {
    display: block;
    text-align: left;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.5px;
    color: #161b1f;
    opacity: 1;
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
}

.footer-list li a:hover {
    color: #8a742f;
}

.footer-list ul li {
    display: block;
    width: 100%;
    padding-top: 12px;
}

.footer-list ul li a {
    display: block;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0.5px;
    color: #41484d;
}

/* footer menu */

.copyrite {
    display: block;
    width: 100%;
    padding: 32px 16px;
    background-color: #fff;
    border-top: 1px solid #e3e6ea;
}

.copyrite .main_center {
    display: flex;
    align-items: center;
}

.copyrite_inner {
    display: block;
    width: 100%;
    text-align: left;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    /* 142.857% */
    letter-spacing: 0.5px;
    color: #6e757a;
    opacity: 1;
}

.cpy_text {
    display: block;
    width: 100%;
    margin: 0 0 32px 0;
}

.copy_bottom {
    display: flex;
    align-items: center;
}

.created_by_sm {
    display: flex;
    align-items: center;
    float: left;
    width: auto;
    min-width: 162px;
    margin: 0 0 0 10px;
    word-break: break-word;
}

.creat_sm_title {
    display: block;
    float: left;
    width: auto;
    padding: 0px 8px 0px 0px;
    text-align: left;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    /* 142.857% */
    letter-spacing: 0.5px;
    color: #41484d;
}

.copy_site {
    display: block;
    float: left;
    width: auto;
    margin: 0px 30px 0px 0px;
    text-align: left;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: 0.5px;
    color: #41484d;
    opacity: 1;
}

.creat_sm_icon {
    display: block;
    float: left;
    width: 84px;
    height: 24px;
}

.creat_sm_icon img {
    display: block;
    width: 100%;
    height: 100%;
}

.copy_bottom .desk_little_menu li a {
    color: #a2a2a2;
}

.copy_bottom .desk_little_menu li {
    display: flex;
    align-items: center;
    position: relative;
    margin: 0 0 0px 15px;
    padding: 0 0 0px 21px;
}

.copy_bottom .desk_little_menu li:first-child:before {
    display: none;
}

.copy_bottom .desk_little_menu li::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 6px;
    height: 6px;
    background: transparent linear-gradient(180deg, #e7e9e9 0%, #dbdbdb 100%);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.ftr_second {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 0 10px 0;
}

.ftr_second > li {
    display: block;
    float: left;
    margin: 0 36px 0 0;
}

.ftr_second > li > a {
    display: block;
    font-weight: bold;
    font-size: 16px;
    color: #ffffff;
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
}

.ftr_second.term_list > li > a {
    font-weight: 500;
    font-size: 13px;
}

.ftr_second li a:hover {
    color: #cbcbcb;
}

/* Modern footer */

.footer-modern {
    width: 100%;
    padding: 18px 16px;
}

.footer-modern .footer-outer {
    max-width: 1254px;
    background: #00007c;
    overflow: hidden;
    margin: 0 auto;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.footer-modern .footer-inner {
    padding: 24px;
}

.footer-modern ul {
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 12px;
}

.footer-top {
    display: grid;
    grid-template-columns: 170px minmax(0, 1fr) 260px;
    gap: 48px;
    align-items: start;
}

.footer-brand {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    float: left;
}

.footer-logo-link {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
}

.footer-logo-img {
    display: inline-flex;
    width: 170px;
    height: 56px;
}

.footer-logo-img img {
    width: 100%;
    height: 100%;
}

.footer-logo-text {
    font-size: 28px;
    font-weight: 800;
    line-height: 1.2;
    color: #ffffff;
    letter-spacing: -0.2px;
}

.footer-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px 18px;
    flex: 1 1 0;
}

.footer-column {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.footer-heading {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
}

.footer-links {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.footer-link {
    display: inline-block;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
}

.footer-link:hover {
    text-decoration: underline;
}

.footer-link-strong {
    font-weight: 700;
    color: #ffffff;
}

.footer-calendar {
    flex: 0 0 330px;
    display: flex;
    justify-content: flex-end;
}

.calendar-card {
    width: 100%;
    max-width: 330px;
    background: #ffffff;
    border-radius: 14px;
    padding: 16px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.18);
}

.calendar-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
}

.calendar-nav {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    border: 1px solid #e5e9f0;
    background: #eef1f7;
    font-size: 18px;
    font-weight: 700;
    color: #1c2337;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease,
    transform 0.2s ease;
}

.calendar-nav:hover {
    background: #e3e7f1;
    border-color: #d6dce7;
    transform: translateY(-1px);
}

.calendar-select {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 12px;
    background: #eef1f7;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 700;
    color: #1c2337;
}

.calendar-caret {
    font-size: 10px;
    color: #4b5670;
}

.calendar-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 4px;
    text-align: center;
}

.calendar-weekdays span {
    font-size: 13px;
    font-weight: 600;
    color: #8691aa;
    padding: 8px 0 6px;
}

.calendar-days span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
    font-size: 15px;
    font-weight: 700;
    color: #1d2338;
    border-radius: 8px;
    transition: background 0.2s ease, color 0.2s ease;
}

.calendar-days span:hover {
    background: #eef2ff;
}

.calendar-days span.muted {
    color: #c2c8d7;
}

.calendar-days span.active {
    background: #2a4dff;
    color: #ffffff;
    box-shadow: 0 12px 30px rgba(42, 77, 255, 0.35);
}

.footer-bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 24px 12px;
    margin-top: 24px;
    padding: 12px 16px;
    background: #000052;
    border-radius: 8px;
}

.footer-copy {
    width: 100%;
    max-width: 380px;
    margin: 0;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.2;
    color: #dce2ff;
}

.footer-socials {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 0 auto !important;
    padding: 0;
    list-style: none;
}

.footer-socials .social_icon {
    width: 20px;
    height: 20px;
}

.footer-socials .scl_icn {
    width: 20px;
    height: 20px;
}

.footer-socials img {
    width: 100%;
    height: 100%;
}

.footer-powered {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-left: auto;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
}

.footer-powered img {
    height: 22px;
}

/*! ====  FOOTER FINISH  ===== */

/*! ====  MAIN START  ===== */

main {
    display: block;
    position: relative;
    width: 100%;
    padding: 0px 0;
}

.section_wrap {
    display: block;
    position: relative;
    width: 100%;
}

.wrap_left {
    float: left;
    width: calc(100% - 300px);
    padding: 0 18px 0 0;
}

.wrap_right {
    float: left;
    width: 300px;
}

.sect_header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    width: 100%;
    min-height: 44px;
    padding: 0 0 8px 0;
}

.select_catg {
    display: block;
    padding: 10px 16px;
    text-align: left;
    font-family: "TT Interphases Pro";
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    color: #0044ff;
    opacity: 1;
    outline: none;
    cursor: pointer;
    border: 1px solid #0044ff;
    background: #fff;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.sect_body {
    display: block;
    width: 100%;
}

.sect_footer {
    display: block;
    width: 100%;
}

.sect_head {
    display: block;
    width: auto;
    position: relative;
}

.sect_title {
    display: inline-flex;
    align-items: center;
    width: auto;
    position: relative;
    text-align: left;
    font-weight: 900;
    font-size: 20px;
    line-height: 1.2;
    color: #161b1f;
    opacity: 1;
}

.red_t {
    margin-left: 3px;
    color: #ec1f27;
}

.more {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin: 24px 0 0 0;
}

.more_link:hover {
    background-color: #cce4ff;
}

/* .more_link:hover::before {
    right: 4px;
} */

.more_link::before {
    content: "";
    display: block;
    position: absolute;
    right: 8px;
    width: 16px;
    height: 16px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("../img/icons/reload.svg");
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
}

.more_link {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: auto;
    margin-left: auto;
    padding: 8px;
    min-width: 32px;
    min-height: 32px;
    /* padding: 10px 42px 10px 8px; */
    /* font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0.4px;
    color: #0044FF; */
    opacity: 1;
    background-color: #e1ebf7;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.load_more_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: auto;
    margin: 0 auto;
    padding: 10px 16px;
    min-height: 40px;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    opacity: 1;
    background-color: #e1ebf7;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}
.load_more_btn:hover {
    background-color: #cce4ff;
}

.sect_catg {
    display: inline-flex;
    align-items: center;
    width: auto;
    padding: 0 0px 0 0;
    position: relative;
    text-align: left;
    font-family: "Manrope";
    font-weight: bold;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: 0.68px;
    color: #9d0727;
    opacity: 1;
    word-break: break-word;
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
}

.swiper-link {
    display: flex;
    align-items: center;
    width: 100%;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

/* Manshet tab */

.benefit_tabs {
    width: 100%;
    position: relative;
}

.bf_tb_content {
    display: block;
    width: 100%;
}

.bf_tb_hd {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    margin-bottom: 10px;
}

.bt_tb_title {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    flex: 1;
    position: relative;
    padding: 7px 24px 5px 24px;
    text-align: left;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #001242;
    opacity: 1;
    cursor: pointer;
    border: 1px solid #e2e6f0;
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.bt_tb_title:hover,
.bt_tb_title.active {
    color: #ffffff;
    border-color: #0044ff;
    background-color: #0044ff;
}

.bf_tb_items {
    display: none;
    width: 100%;
}

.bf_tb_items.active {
    display: block;
}

/*! Main Manshet tab */

.main_slider .popular_slider {
    display: block;
    position: relative;
    overflow: hidden;
}

.main_slider.manshet_main .popular_slider {
    min-height: 240px;
    max-height: 240px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.main_slider .swiper-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.main_slider .popular_slider::before {
    content: "";
    display: block;
    position: relative;
    padding-top: 21%;
}

.main_slider .popular_full {
    background-color: #fff;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
}

.main_slider .swiper-link {
    height: 100%;
    align-items: flex-start;
}

.manshet_main .mnsh_img {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
}

.mnsh_img {
    display: flex;
    justify-content: center;
    float: right;
    width: 385px;
    margin-left: auto;
    position: relative;
    overflow: hidden;
    z-index: 4;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.mnsh_img::after {
    content: "";
    display: block;
    max-width: 260px;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(90deg, #022438 0%, rgba(2, 36, 56, 0) 100%);
    z-index: 1;
}

.mnsh_img::before {
    content: "";
    display: block;
    width: 100%;
    position: relative;
    padding-top: 63%;
}

.mnsh_img img,
.mnsh_img video,
.mnsh_img iframe {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    object-fit: cover;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.mnsh_content {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    float: left;
    position: absolute;
    gap: 8px;
    left: 0;
    padding: 0px 0px 0px 80px;
    width: 100%;
    height: 100%;
}

.manshet_main .mnsh_content {
    background-color: #022438;
    max-width: 510px;
}

.mn_center {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    position: relative;
    z-index: 5;
}

.mnsh_title {
    text-align: left;
    color: #ec1f27;
}

.manshet_main .top_sld_catg {
    max-width: 430px;
}

.top_sld_catg {
    display: block;
    width: 100%;
    text-align: left;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    word-wrap: break-word;
}

.nw_date_sect {
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    padding: 0px 32px 32px 32px;
    left: 0;
    bottom: 0;
}

.nw_date {
    text-align: left;
    font-family: "Manrope";
    font-weight: 500;
    font-size: 13px;
    line-height: 1.4;
    letter-spacing: 0px;
    color: #7f7f7f;
    opacity: 1;
}

.main_slider .popular_full {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.main_slider .swiper-pagination {
    display: flex;
    /* flex-wrap: wrap; */
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    position: absolute;
    right: auto;
    top: 0;
    bottom: 0;
    left: 0;
    padding: 20px 24px;
    width: auto;
    height: 100%;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
}

.main_slider .swiper-pagination-bullet {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 40px;
    min-height: 24px;
    padding: 3px 16px 1px 16px;
    margin: 0 !important;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    opacity: 1;
    border: 1px solid #ffffff29;
    background: transparent;
    border-radius: 28px;
    -webkit-border-radius: 28px;
    -moz-border-radius: 28px;
    -ms-border-radius: 28px;
    -o-border-radius: 28px;
}

.main_slider .swiper-pagination-bullet-active {
    color: #000000cc;
    background: #b2d7ff;
}

/* ! Main Manshet  */

/* ! Manshet Projects  */
.wrap_popular.project_slider {
    padding: 16px 24px 24px 24px;
    background-color: #f7f9fa;
    margin: 24px 0 40px 0;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.project_slider .sect_header {
    background-color: transparent;
}

.project_slider .project_items {
    margin-top: 16px;
}

.project_slider .swiper-pagination {
    justify-content: flex-end;
    position: absolute;
    right: -4px;
    top: auto;
    bottom: auto;
    left: auto;
    padding: 0;
    width: auto;
    height: auto;
}

/* .project_slider .swiper-pagination-bullet-active {
    background-color: #0044FF;
} */

/* ! Manshet Projects  */

/* ! Read More Manshet  */
.wrap_right_slider {
    padding: 0 0 40px 0;
}

.main_slider.all_read .swiper-container {
    position: relative;
    width: auto;
    height: auto;
    background-color: #00007c;
}

.main_slider.all_read .popular_slider::before {
    display: none;
}

.all_read .mnsh_img {
    float: none;
    width: 100%;
}

.read_special_slide .mnsh_img {
    border-radius: 8px 8px 0 0;
}

.read_special_slide .mnsh_img::after {
    max-width: 100%;
    background: linear-gradient(
            180deg,
            rgba(22, 27, 31, 0) 0%,
            #161b1f 100%
    ) !important;
}

.all_read .mnsh_img::after {
    background: transparent;
}

.all_read.main_slider .swiper-link {
    background: transparent;
}

.all_read .mnsh_img::before {
    padding-top: 63%;
}

.same_slider .mnsh_img::before {
    padding-top: 72%;
}

.main_slider.all_read .popular_full {
    padding-right: 0;
}

.main_slider.all_read .swiper-link {
    display: block;
}

.main_slider.all_read .swiper-pagination {
    justify-content: flex-start;
    position: absolute;
    right: 0;
    top: auto;
    bottom: 16px;
    left: 0;
    padding: 0;
    width: 100%;
    height: 32px;
}

/* .main_slider.all_read .swiper-pagination-bullet {
    background: #f0f3f5;
    margin: 0 4px !important;
    width: 32px;
    height: 32px;
}

.main_slider.all_read .swiper-pagination-bullet-active,
.main_slider.all_read .swiper-pagination-bullet:hover {
    color: #fff;
    background: #8a742f;
}

.main_slider.same_slider .swiper-pagination {
    display: inline-flex;
    float: right;
    justify-content: flex-end;
    width: auto;
    height: auto;
    right: 0;
    left: auto;
    top: auto;
    bottom: auto;
    padding: 0 16px 0 0;
}

.main_slider.same_slider .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 0 0 5px !important;
    background: #f0f3f5;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.main_slider.same_slider .swiper-pagination-bullet-active,
.main_slider.same_slider .swiper-pagination-bullet:hover {
    background: #8a742f;
} */

.all_read .mnsh_content {
    float: none;
    position: relative;
    background-color: #ffffff;
    padding: 12px 0 60px 0;
    width: 100%;
    height: auto;
}

.same_slider .mnsh_content {
    float: none;
    position: absolute;
    background: transparent;
    box-shadow: 0px 0px 10px #00000005;
    padding: 20px 16px;
    width: 100%;
    height: auto;
    bottom: 0;
    left: 0;
}

.main_slider.all_read .top_sld_catg {
    text-align: left;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.2;
    color: #161b1f;
    -webkit-line-clamp: 2;
}

.main_slider.same_slider .top_sld_catg {
    text-align: left;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.2;
    /* letter-spacing: -0.6px; */
    letter-spacing: 0px;
    color: #ffffff;
    -webkit-line-clamp: 2;
}

.main_slider.all_read .stat_date::before {
    display: none;
}

.main_slider.all_read .stat_date {
    display: flex;
    padding: 0 0 6px 0;
    color: #ffffff;
}

/* DD_slide */

.dd_slide .mnsh_img::before {
    padding-top: 72%;
}

.main_slider.dd_slide .swiper-pagination {
    height: 56px;
    background-color: #00007c;
    padding: 16px 24px;
    bottom: 0;
}

/* .main_slider.dd_slide .swiper-pagination-bullet {
    background: #f0f3f5;
    width: 32px;
    height: 32px;
}

.main_slider.dd_slide .swiper-pagination-bullet-active {
    background: #8a742f;
} */

.dd_slide .mnsh_content {
    align-items: flex-end;
    float: none;
    position: relative;
    padding: 16px 24px 56px 24px;
    width: 100%;
    height: auto;
    bottom: 0;
    left: 0;
    background-color: #00007c;
    overflow: visible;
    z-index: 9;
}

.dd_slide .mn_center {
    align-items: flex-end;
    position: relative;
    padding: 0;
    width: 100%;
}
.dd_slide .mnsh_img {
    float: none;
    width: 100%;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
.dd_slide .mnsh_img::before {
    padding-top: 56%;
}
.dd_slide .mnsh_img::after {
    content: "";
    display: block;
    max-width: 100%;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(
            to bottom,
            #00007c00 0%,
            #00007c30 80%,
            #00007c 100%
    );
    z-index: 1;
}
.main_slider.dd_slide .top_sld_catg {
    margin-bottom: 6px;
    text-align: left;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: 0px;
    color: #ffffff;
    opacity: 1;
    -webkit-line-clamp: 2;
}

.main_slider.dd_slide .stat_date {
    display: flex;
    padding: 0 0 6px 0;
    font-weight: bold;
    font-size: 30px;
    color: #f4f6f6;
}

.dd_title {
    display: block;
    width: 100%;
    height: 70px;
    text-align: left;
    font-weight: 700;
    font-size: 28px;
    line-height: 34px;
    color: #ffffff;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    word-wrap: break-word;
}

.right_sliders {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 16px;
    background: #00007c;
    box-shadow: 0px 4px 6px 0px #0000000a;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.right_sliders .dd_slide .mnsh_content {
    padding: 16px 0 34px 0;
}

.right_sliders .dd_slide .mn_center {
    gap: 12px;
}

.right_sliders .main_slider.dd_slide .swiper-pagination {
    height: 34px;
    padding: 10px 0 0 0;
}

.right_sliders .dd_title {
    height: auto;
    font-size: 20px;
    line-height: 1.3;
    -webkit-line-clamp: 3;
}

.right_sliders .dd_slide .mnsh_img::after {
    display: none;
}
.right_sliders .dd_slide .mnsh_img::before {
    padding-top: 72%;
}

.right_sliders .dd_slide .mnsh_img {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.right_sliders .date_time_itm {
    position: absolute;
    left: 12px;
    bottom: 12px;
}

.sect_title_redactor {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: auto;
    gap: 4px;
    position: relative;
    text-align: left;
    font-weight: 900;
    font-size: 20px;
    line-height: 1.2;
    color: #fff;
    opacity: 1;
}

.sect_title_redactor span {
    color: #b2d7ff;
}

/* Banner section */
.ba_00_ner_row {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    gap: 18px;
}

.ba_00_ner_item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0px 4px 6px 0px #0000000a;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.ba_00_ner_item img,
.ba_00_ner_item video,
.ba_00_ner_item iframe {
    display: block;
    width: 100%;
    height: auto;
    max-height: 100%;
    margin: 0 auto;
}
.size_300_100 {
    width: 300px;
    height: 100px;
}
.size_300_250 {
    width: 300px;
    height: 250px;
}
.size_300_600 {
    width: 300px;
    height: 600px;
}
/* Banner section */

/* DD_slide */
/* ! Read More Manshet  */

/* ! Tumbnails  Manshet  */
.manshet_specl .popular_slider {
    overflow: hidden;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.manshet_specl .swiper-pagination {
    display: none;
    flex-wrap: wrap;
    align-items: flex-start;
    position: relative;
    right: 0;
    top: 0;
    bottom: auto;
    left: -4px;
    width: calc(100% + 4px);
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
}

.manshet_specl .swiper-pagination-bullet {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin: 0px !important;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.2;
    /* 133.333% */
    letter-spacing: 0.5px;
    color: #292e33;
    opacity: 1;
    background: #f0f3f5;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.manshet_specl .swiper-pagination-bullet-active {
    color: #fff;
    background: #8a742f;
}

.manshet_specl {
    display: block;
    width: 100%;
    margin: 0px;
}

.manshet-link {
    display: block;
    width: 100%;
    height: 100%;
}

.manshet_specl .manshet-content {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 1;
    z-index: 5;
}

.manshet_specl .msh-all {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    max-width: 655px;
    padding: 40px 0;
}

.manshet_specl .manshet-catg {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 4px 12px;
    margin: 0px 8px 8px 0;
    text-align: center;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.5px;
    color: #29210a;
    opacity: 1;
    background-color: #fcf8e8;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.manshet_specl .manshet-date {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 4px 12px;
    margin: 0px 8px 8px 0;
    text-align: center;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.5px;
    color: #022438;
    opacity: 1;
    background-color: #edf7fc;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.manshet_specl .manshet-text {
    display: block;
    width: 100%;
    margin: 0px;
    text-align: left;
    font-size: 46px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5;
    color: #fcf8e8;
    opacity: 1;
}

.manshet_specl .mobile_shw {
    display: none;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.3;
    color: #29210a;
}

.mn_line_bg {
    padding-right: 14px;
    padding-left: 0;
    color: #fcf8e8;
}

.manshet-text.desk_shw .mn_p {
    background-color: #29210a;
    padding: 4px 16px 4px 16px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    line-height: 1.6;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.manshet-text.mobile_shw.mn_p {
    display: inline-block;
    margin-bottom: 6px;
    padding: 12px 14px;
    background-color: #fff;
    box-shadow: 0px 0px 14px #00000005;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.manshet_specl .sld_img::before {
    content: "";
    display: block;
    width: 100%;
    position: relative;
    padding-top: 56%;
}

.manshet_specl .sld_img::after {
    content: "";
    display: block;
    max-width: 282px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    top: 0;
    background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 2;
}

.manshet_specl .sld_img {
    display: block;
    position: relative;
    width: 100%;
    max-width: 792px;
    margin: 0 0 0 auto;
    overflow: hidden;
}

.sld_img img,
.thumb_img img {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    object-fit: cover;
}

.manshet_specl .thumb_img img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

.thumb_img::before {
    content: "";
    display: block;
    width: 100%;
    position: relative;
    padding-top: 56%;
}

.thumb_img {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    cursor: pointer;
}

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

.manshet_specl .mySwiperTop {
    display: block;
    width: 100%;
    /* height: 340px; */
    margin: 0px auto;
}

.manshet_specl .mySwiperThumb {
    display: block;
    width: 100%;
    margin-top: 8px;
}

.swiper {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
}

.mySwiperTop {
    width: 100%;
}

.mySwiperThumb {
    padding: 0;
}

.mySwiperThumb .swiper-slide {
    height: auto;
    margin: 0px auto;
    overflow: hidden;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.manshet_specl .mySwiperThumb .swiper-slide::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #11111110;
    left: 0;
    top: 0;
    opacity: 1;
    z-index: 2;
}

.manshet_specl .mySwiperThumb .swiper-slide-thumb-active::after {
    content: "";
    display: block;
    position: absolute;
    width: 4px;
    height: 100%;
    background-color: #0044ff;
    bottom: 0;
    left: 0;
    opacity: 1;
    z-index: 3;
}

.manshet_specl.mySwiperThumb .swiper-slide-thumb-active::before {
    opacity: 0;
}

.manshet_specl .mySwiperThumb .swiper-slide-thumb-active .thumb_img img {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
}

/* ! Tumbnails  Manshet  */

/* ! Manshet Mediatr  Manshet  */

.wrap_popular.manshet_mediatr {
    display: block;
    width: 100%;
    margin: 0px;
    padding: 0 10px 20px 10px;
}

.desk_show_md {
    display: block !important;
}

.mobile_show_md {
    display: none !important;
}

.wrap_popular.manshet_mediatr .sect_header {
    margin-bottom: 20px;
    background-color: #111111;
}

.wrap_popular.manshet_mediatr .sect_body {
    padding: 10px 20px;
    background-color: #111111;
    box-shadow: 0px 0px 10px #00000005;
}

.manshet_mediatr .manshet-link {
    display: flex;
    flex-wrap: wrap;
}

.manshet_mediatr .manshet-content {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    width: 43%;
    padding: 20px 0 20px 16px;
    margin: 0 0 0 auto;
}

.manshet_mediatr .msh-all {
    display: block;
    width: 100%;
}

.manshet_mediatr .manshet-date {
    display: block;
    width: 100%;
    margin: 10px 0px 0 0;
    text-align: left;

    font-weight: normal;
    font-size: 13px;
    line-height: 1.2;
    letter-spacing: 0px;
    color: #ffffff;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 5;
}

.manshet_mediatr .manshet-text {
    display: block;
    width: 100%;
    margin: 0px;
    text-align: left;

    font-weight: bold;
    font-size: 28px;
    line-height: 1.2;
    letter-spacing: 0px;
    color: #ffffff;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
}

.thumb-content {
    display: block;
    width: 100%;
}

.manshet_mediatr .thumb_wrapper .manshet-text {
    margin-top: 10px;
    font-weight: 500;
    font-size: 14px;
    /* letter-spacing: -0.42px; */
    -webkit-line-clamp: 2;
}

.manshet_mediatr .sld_img::before {
    content: "";
    display: block;
    width: 100%;
    position: relative;
    padding-top: 56%;
}

.manshet_mediatr .sld_img {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    max-width: 57%;
    margin: 0 auto 0 0;
    overflow: hidden;
}

.play_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    position: absolute;
    background: rgba(0, 0, 0, 0.38);
    z-index: 3;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.play_icon::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.play_icon::before {
    background-image: url("../img/icons/play.svg");
}

/* .play_icon.foto::before {
  background-image: url("../img/icons/play_foto.svg");
} */

.manshet_mediatr .sld_img .play_icon {
    width: 44px;
    height: 44px;
}

.manshet_mediatr .sld_img .play_icon::before {
    width: 24px;
    height: 24px;
    background-image: url("../img/icons/play.svg");
}

.manshet_mediatr .thumb_img .play_icon {
    width: 24px;
    height: 24px;
}

.manshet_mediatr .thumb_img .play_icon::before {
    width: 10px;
    height: 10px;
    background-image: url("../img/icons/play.svg");
}

.manshet_mediatr .thumb_img {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    height: auto;
    cursor: pointer;
}

.manshet_mediatr .thumb_img::before {
    content: "";
    display: block;
    width: 100%;
    position: relative;
    padding-top: 56%;
}

.wrap_popular.manshet_mediatr .swiper-pagination {
    display: inline-flex;
    float: right;
    justify-content: flex-end;
    width: auto;
    height: auto;
    right: 0;
    left: auto;
    top: 20px;
    bottom: auto;
    padding: 0 0 0 16px;
}

.wrap_popular.manshet_mediatr .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 0 0 5px !important;
    background: transparent linear-gradient(180deg, #f4f6f6 0%, #e7e9e9 100%);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.wrap_popular.manshet_mediatr .swiper-pagination-bullet-active {
    background: transparent linear-gradient(180deg, #ec1f27 0%, #d01d24 100%);
}

.wrap_popular.manshet_mediatr .swiper-button-next,
.wrap_popular.manshet_mediatr .swiper-button-prev {
    background-color: #111111;
    border: 2px solid #ffffff;
}

.wrap_popular.manshet_mediatr.mobile_show_md .swiper-button-next,
.wrap_popular.manshet_mediatr.mobile_show_md .swiper-button-prev {
    display: none !important;
}

.wrap_popular.manshet_mediatr .swiper-button-next {
    position: absolute;
    float: right;
    background-image: url("../img/icons/next_m.svg");
    top: auto;
    right: 0px;
    left: auto;
    margin: 0 0 0 auto;
}

.wrap_popular.manshet_mediatr .swiper-button-prev {
    position: absolute;
    float: left;
    background-image: url("../img/icons/prev_m.svg");
    top: auto;
    left: 0;
    right: auto;
    margin: 0 10px 0 0;
}

.manshet_mediatr .mySwiperTop {
    display: block;
    width: 100%;
    margin: 0px auto;
}

.manshet_mediatr .thumb_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    margin: 16px 0 10px 0;
}

.manshet_mediatr .thumb_wrapper .mySwiperThumb {
    position: relative;
    width: calc(100% - 80px);
    margin: 0 auto;
}

.manshet_mediatr.mobile_show_md .thumb_wrapper .mySwiperThumb {
    width: 100% !important;
}

/* ! Manshet Mediatr  Manshet  */

.row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: 0 -15px;
}

.col {
    display: block;
    float: left;
}

.col_in {
    display: block;
    width: 100%;
}

.col_in.item_news {
    display: block;
    width: 100%;
    padding-top: 16px;
    background-color: #fff;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
}

/*! Section Date and Valyuta */

.wrap_valyuta_wth {
    width: 100%;
    margin: 20px 0 0 0;
    /* padding: 20px; */
}

.wrap_valyuta_wth .sect_body {
    display: flex;
    width: 100%;
    padding: 13px 16px;
    background-color: #ffffff;
    box-shadow: 0px 0px 10px #00000005;
}

.valyuta_section {
    display: flex;
    align-items: center;
    min-height: 20px;
    float: left;
    position: relative;
}

.left_marq {
    display: flex;
    align-items: center;
    float: left;
    margin: 0 auto 0 0;
    width: calc(100% - 400px);
}

.right_wth {
    display: flex;
    align-items: center;
    float: left;
}

.mobile_weather {
    display: none;
}

@keyframes blink-b {
    0% {
        transform: scale(1, 1);
    }

    100% {
        transform: scale(3, 3);
        opacity: 0;
    }
}

.weather_currency {
    display: flex;
    align-items: center;
    gap: 24px;
}
.valt_show_btn {
    /* display: none; */
    width: 100%;
    cursor: pointer;
}

.valt_desk {
    position: absolute;
    top: 40px;
    min-width: 160px;
    padding: 16px 16px 4px 16px;
    z-index: 9991;
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.08);
    visibility: hidden;
    opacity: 0;
    transform: translateY(20px);
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transition: all 0.25s linear;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
}

.valt_desk.dropped {
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
}

.valt_desk .vlt_items {
    margin: 0 0 12px 0;
}

.valt_show_btn.clicked .vlt_items::before {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.valt_show_btn .vlt_items::before {
    content: "";
    display: block;
    position: absolute;
    right: 0px;
    width: 12px;
    height: 12px;
    background: url("../img/icons/arrow_currency.svg") no-repeat center;
    transition: all 0.25s linear;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
}

.valt_show_btn .vlt_items {
    border: none;
    padding-right: 16px;
    padding-left: 24px;
}

.wrap_valyuta_wth .row {
    margin: 0 0px;
}

.wrap_valyuta_wth .stat_col {
    width: 20%;
    padding: 0px;
}

.wrap_valyuta_wth .stat_col:last-child .vlt_items {
    border: none;
}

.valt_show_btn .vlt_items {
    border: none !important;
}

.vlt_items {
    display: flex;
    /* flex-direction: column; */
    align-items: center;
    justify-content: center;
    gap: 4px;
    position: relative;
    width: 100%;
    padding: 0px 0px 0px 24px;
    /* background-color: #fff; */
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
}

.vlt_items .odds_row {
    display: flex;
    flex-direction: column;
    width: 100%;
    float: left;
}

.vlt_name {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    font-weight: 500;
    font-size: 12px;
    line-height: 1;
    color: #141a29;
    opacity: 1;
    word-break: break-word;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
}

.vlt_count {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    text-align: left;
    font-weight: 700;
    font-size: 12px;
    line-height: 1;
    color: #141a29;
    opacity: 1;
    word-break: break-word;
}

.vlt_percent {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    text-align: left;
    font-weight: 700;
    font-size: 12px;
    line-height: 1;
    color: #141a29;
    opacity: 1;
    word-break: break-word;
}
.v_currency .vlt_name,
.v_currency .vlt_count,
.v_currency .vlt_percent {
    color: #fff;
}

.valt_desk .vlt_name {
    font-weight: 700;
}

.valt_desk .vlt_count,
.valt_desk .vlt_percent {
    font-weight: 500;
}

.vlt_icn {
    display: block;
}

.vlt_items::after {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.v_currency::after {
    width: 20px;
    height: 20px;
}

.v_currency::after {
    background-image: url("../img/icons/currency.svg");
}

.v_up::after {
    background-image: url("../img/icons/v_up.svg");
}

.v_down::after {
    background-image: url("../img/icons/v_down.svg");
}

.v_static::after {
    background-image: url("../img/icons/v_static.svg");
}

/* Weather */

.weather_section {
    display: flex;
    align-items: center;
    min-height: 20px;
    float: left;
    position: relative;
}

.wth_current_day {
    display: block;
    position: relative;
    width: 100%;
    cursor: pointer;
}

.wth_after_days.dropped {
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
}

.wth_after_days {
    display: block;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    width: 203px;
    top: 44px;
    padding: 10px 20px;
    z-index: 9991;
    background-color: #fff;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transform: translateY(30px);
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
}

.wth_after_days .wth_items {
    padding: 10px 0px;
}

.wth_current_day.clicked .wth_items::before {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.wth_current_day .wth_items::before {
    content: "";
    display: none;
    position: absolute;
    right: 0;
    width: 16px;
    height: 16px;
    background: url("../img/icons/arrow_drop.svg") no-repeat center;
    transition: all 0.25s linear;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
}

.wth_current_day .wth_items {
    border: none;
}

.wth_items {
    display: flex;
    align-items: center;
    position: relative;
}

.wth_icon {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
}

.wth_icon img {
    display: block;
    width: 100%;
    height: 100%;
}

.wth_content {
    display: block;
    float: left;
    width: calc(100% - 20px);
    padding: 0 0 0 4px;
}

.w_item {
    display: flex;
    align-items: center;
    gap: 4px;
}

.wth_date {
    display: inline-flex;
    align-items: center;
    text-align: left;
    font-weight: 500;
    font-size: 12px;
    line-height: 1;
    color: #fff;
    opacity: 1;
    opacity: 1;
    word-break: break-word;
}

.wth_loc {
    display: inline-flex;
    align-items: center;
    text-align: left;
    font-weight: 700;
    font-size: 12px;
    line-height: 1;
    color: #fff;
    opacity: 1;
    word-break: break-word;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
}

.wth_deg {
    display: inline-flex;
    align-items: center;
    text-align: left;
    font-weight: 700;
    font-size: 12px;
    line-height: 1;
    color: #fff;
}

/* Weather */

/*! Section Date and Valyuta */

/*! Wrap Top News */

.wrap_top_news {
    width: 100%;
    padding: 20px 0 0px 0;
}

.wrap_top_news .row {
    margin: 0 -10px;
}

.wrap_top_news .stat_col {
    width: 50%;
    padding: 0 10px;
}

.wrap_top_news .col_in.item_news {
    position: relative;
}

.wrap_top_news .stat_img {
    float: left;
    width: 240px;
}

.wrap_top_news .stat_item_link {
    background-color: #ffffff;
    box-shadow: 0px 0px 10px #00000005;
}

.wrap_top_news .item_news {
    float: left;
    width: calc(100% - 240px);
    padding: 16px;
    border-top: 2px solid #ec1f27;
}

.wrap_top_news .stat_img::before {
    padding-top: 73%;
}

.lt_catg {
    width: 100%;
    margin: 0 0 2px 0;
    text-align: left;

    font-weight: bold;
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: 0px;
    color: #ec1f27;
    opacity: 1;
}

.lt_title {
    width: 100%;
    margin: 0 0 10px 0;
    text-align: left;

    font-weight: bold;
    font-size: 24px;
    line-height: 1.2;
    /* letter-spacing: -0.72px; */
    letter-spacing: 0px;
    color: #111111;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
}

.lt_info {
    width: 100%;
    text-align: left;

    font-weight: normal;
    font-size: 13px;
    line-height: 1.2;
    letter-spacing: 0px;
    color: #121212;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
}

.lt_info_short {
    display: block;
    width: 100%;
}

.lt_info_short .nw_date_sect {
    padding: 0px 16px 20px 16px;
}

/*! Wrap Top News */

/*! Wrap Container */
.wrap_main_content {
    padding-left: 16px !important;
    padding-right: 16px !important;
}

/* News items */
.wrap_stat {
    width: 100%;
    padding: 0;
}

.wrap_stat.noimage .stat_img {
    display: block !important;
}

/* Image or NOt Image part =========*/
.dark_theme {
    display: none;
    width: 100%;
    padding: 0 16px;
    margin: 0 0 20px 0;
}

.dark_title {
    display: block;
    float: left;
    margin-left: 10px;
    text-align: left;

    font-weight: bold;
    font-size: 15px;
    line-height: 1.2;
    letter-spacing: 0px;
    color: #111111;
    opacity: 1;
}

.import_label {
    display: inline-flex;
    align-items: center;
    width: auto;
    cursor: pointer;
}

.import_label .import-btn {
    display: block;
    float: right;
    position: relative;
    width: 38px;
    height: 24px;
}

.import_label .import-btn input {
    display: none;
}

.import_label .import-btn .slider_import {
    background-color: #ffffff;
    position: absolute;
    cursor: pointer;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.import_label .import-btn .slider_import:before {
    background-color: #e7e9e9;
    content: "";
    width: 14px;
    height: 14px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    position: absolute;
    transition: 0.4s;
}

.import_label .import-btn input:checked + .slider_import:before {
    background-color: #d50e39;
}

input:checked + .slider_import:before {
    transform: translateX(14px);
}

.slider_import.round_import {
    border-radius: 12px;
}

.slider_import.round_import:before {
    border-radius: 50%;
}

/* Image or NOt Image part =========*/

/* .header_tab_list:hover::-webkit-scrollbar-thumb {
    background-color: #e7e9e9;
    cursor: e-resize;
}

.header_tab_list::-webkit-scrollbar-track {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    cursor: e-resize;
}

.header_tab_list::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    cursor: e-resize;
}

.header_tab_list::-webkit-scrollbar-thumb {
    background-color: #e7e9e9;
    transition: all 0.3s ease;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
} */

.header_tab_list {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0;
}
.header_tab_list .sect_header {
    padding: 0;
}

/* .header_tab_list li {
    display: block;
    width: auto;
    float: left;
    padding-right: 8px;
}

.header_tab_list li a {
    display: block;
    width: auto;
    padding: 10px 12px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0.4px;
    color: #6e757a;
    background-color: #fff;
    border: 1px solid #e3e6ea;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    transition: all 0.25s;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -ms-transition: all 0.25s;
    -o-transition: all 0.25s;
}

.header_tab_list li.active a,
.header_tab_list li a:hover {
    background-color: #0044FF;
    border-color: #0044FF;
    color: #fcf8e8;
} */

.wrap_stat .col_in.item_news {
    position: relative;
}

.stat_img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.stat_img::before {
    content: "";
    display: block;
    width: 100%;
    position: relative;
    padding-top: 63%;
}

.stat_img img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    object-fit: cover;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
}

.wrap_stat .row {
    margin: 0 -9px;
}

.stat_col {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 33.333%;
    padding: 0 9px 18px 9px;
}

.stat_col a:hover .stat_img img {
    transform: scale(1.04);
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
}

.stat_item_link {
    display: block;
    width: 100%;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
}

.stat_item_link:hover .stat_title,
.stat_item_link:hover .stat_info {
    color: #0044ff;
}

.stat_catg {
    display: inline-flex;
    align-items: center;
    position: relative;
    margin: 0 8px 0 0;
    padding: 4px 8px;
    min-height: 24px;
    text-align: left;
    font-size: 10px;
    font-style: normal;
    font-weight: 510;
    line-height: 1.2;
    letter-spacing: 0.5px;
    color: #29210a;
    opacity: 1;
    background-color: #fcf8e8;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.stat_date {
    display: inline-flex;
    align-items: center;
    position: relative;
    text-align: left;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.5px;
    color: #6e757a;
    opacity: 1;
}

.stat_title {
    width: 100%;
    margin: 8px 0 0 0;
    text-align: left;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.4;
    color: #141a29;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
}

.stat_info {
    width: 100%;
    margin: 8px 0 0 0;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #6e717a;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
}

/* News items */
/*! Wrap Container */

/*! Wrap popular */

.wrap_popular {
    width: 100%;
    /* padding: 24px 0 0 0; */
}

.wrap_popular .odds_img::before {
    content: "";
    display: block;
    width: 100%;
    position: relative;
    padding-top: 100%;
}

.wrap_popular .odds_img img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    object-fit: cover;
}

.popular_full {
    width: 100%;
}

.popular_slider {
    position: relative;
}

/* swiper icons */

.wrap_popular .swiper_arrows {
    display: flex;
    align-items: center;
    position: relative;
    float: right;
    width: auto;
    margin: 0 0 0 auto;
}

.wrap_popular .swiper-button-next,
.wrap_popular .swiper-button-prev {
    display: block;
    position: relative;
    width: 24px;
    height: 24px;
    margin: 0;
    top: 0;
    background-color: #ffffff;
    background-size: 12px 12px;
    border: 2px solid #111111;
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.wrap_popular .swiper-button-next {
    float: right;
    background-image: url("../img/icons/next.svg");
    right: 0px;
    margin: 0 0 0 auto;
}

.wrap_popular .swiper-button-prev {
    float: left;
    background-image: url("../img/icons/prev.svg");
    left: 0;
    margin: 0 10px 0 0;
}

.wrap_popular .swiper-button-next:hover,
.wrap_popular .swiper-button-prev:hover {
    box-shadow: none;
}

.wrap_lates_news {
    display: none;
}

.wrap_lates_news .more {
    justify-content: center;
    margin: 8px auto 0 auto;
}

/*! Wrap popular */

/*! ====== WRAP MAIN CATEGORY 1 ======= */

.card_type_itm {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    gap: 4px;
    top: 12px;
    right: 12px;
    z-index: 9;
}
.card_type_icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    gap: 4px;
    padding: 5px 6px 3px 6px;
    width: auto;
    height: 24px;
    font-weight: 600;
    font-size: 12px;
    line-height: 1;
    letter-spacing: -0.4px;
    color: #fff;
    background-color: #141a297a;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}
.card_type_icon::before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    margin-top: -2px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.video_type::before {
    background-image: url("../img/icons/video_type.svg");
}
.foto_type::before {
    background-image: url("../img/icons/foto_type.svg");
}

.wrap_category_items {
    width: 100%;
    padding: 16px;
    background-color: #ffffff;
    box-shadow: 0px 4px 6px 0px #0000000a;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}
.wrap_catgegory_1 {
    width: 100%;
    padding: 16px;
    background-color: #ffffff;
    box-shadow: 0px 4px 6px 0px #0000000a;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.wrap_catgegory_1.desk {
    display: block;
}

.wrap_catgegory_1.desk .stat_col:first-child {
    width: 100%;
    padding: 0 8px 18px 8px;
}

.wrap_catgegory_1 .row {
    margin: 0 -9px;
}

.wrap_catgegory_1 .stat_col {
    padding: 0 9px 0 9px;
}

.wrap_catgegory_1 .stat_col .stat_img {
    display: none;
}

.wrap_catgegory_1 .stat_col:nth-child(2) .col_in.item_news,
.wrap_catgegory_1 .stat_col:nth-child(3) .col_in.item_news {
    padding: 0 12px 0 0;
    border-right: 1px solid #e2e6f0;
}

.wrap_catgegory_1.desk .stat_col:first-child .stat_item_link {
    display: flex;
    align-items: flex-start;
}

.wrap_catgegory_1.desk .stat_col:first-child .stat_img {
    display: block;
    width: 55%;
}

.wrap_catgegory_1.desk .stat_col:first-child .col_in.item_news {
    width: 45%;
    padding: 18px;
    background-color: transparent;
}

.wrap_catgegory_1.desk .stat_col .stat_title {
    font-size: 16px;
    font-weight: 500;
}
.wrap_catgegory_1.desk .stat_col:first-child .stat_title {
    font-size: 28px;
    font-weight: 700;
    -webkit-line-clamp: 4;
}

/*! ====== WRAP MAIN CATEGORY 1 ======= */

/*! ====== WRAP MAIN CATEGORY 2 ======= */

.wrap_catgegory_2 {
    width: 100%;
    padding: 16px;
    background-color: #ffffff;
    box-shadow: 0px 4px 6px 0px #0000000a;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.wrap_catgegory_2.mobile .sect_body {
    display: flex;
}

.wrap_catgegory_2.desk .stat_col:first-child {
    width: 50%;
    padding: 0 24px 0 8px;
}

.wrap_catgegory_2 .row {
    margin: 0 -8px;
}

.wrap_catgegory_2 .stat_col {
    width: 100%;
    padding: 0 8px 16px 8px;
}
.margin_bottom_18 {
    margin-bottom: 18px;
}
.catg_left_items {
    float: left;
    width: 55%;
}

.catg_right_items {
    float: left;
    width: 45%;
    padding-left: 18px;
}

.catg_right_items .stat_item_link {
    display: flex;
}
.stat_item_link:hover .stat_img img {
    transform: scale(1.04);
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
}

.catg_right_items .col_in.item_news {
    width: 100%;
    padding: 12px 0;
    background-color: transparent;
    border-bottom: 1px solid #e2e6f0;
}
.catg_right_items .col_in.item_news:last-child {
    border-bottom: none;
}

.catg_left_items .stat_title {
    font-size: 20px;
}
.catg_right_items .stat_title {
    font-weight: 500;
}

/*! ====== WRAP MAIN CATEGORY 2 ======= */

/*! ====== WRAP MAIN CATEGORY 3 ======= */
.wrap_catgegory_3 .row {
    margin: 0;
    gap: 18px;
}

.wrap_catgegory_3 .stat_col {
    width: calc(50% - 9px);
    padding: 0;
}

.wrap_catgegory_3 .stat_col .stat_item_link {
    display: flex;
    align-items: flex-start;
}

.wrap_catgegory_3 .stat_img::before {
    padding-top: 70%;
}
.wrap_catgegory_3 .stat_col .stat_img {
    display: block;
    width: 182px;
}

.wrap_catgegory_3 .stat_col .col_in.item_news {
    width: calc(100% - 182px);
    padding: 12px;
    background-color: transparent;
}
/*! ====== WRAP MAIN CATEGORY 3 ======= */

/*! ====== WRAP MAIN VIDEO ======= */

.wrap_video {
    padding: 32px 16px 24px 16px;
    background-color: #022438;
}

.wrap_video .sect_header {
    margin-bottom: 32px;
    background-color: transparent;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.12);
}

.wrap_video .sect_title {
    color: #fff;
}

.wrap_video .stat_col:first-child {
    width: 100%;
    padding: 0 12px 24px 12px;
}

.wrap_video .row {
    margin: 0 -12px;
}

.wrap_video .stat_col {
    width: 25%;
    padding: 0 12px 16px 12px;
}

.wrap_video .stat_title {
    font-size: 18px;
    color: #fff;
}

.wrap_video .stat_date {
    color: #ffffff99;
}

.wrap_video .stat_col .col_in.item_news {
    background-color: transparent;
    /* padding: 12px 16px; */
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.wrap_video .stat_col:first-child .stat_item_link {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}

.wrap_video .stat_col:first-child .stat_img {
    width: 690px;
}

.wrap_video .stat_col:first-child .stat_img::before {
    padding-top: 60%;
}

.wrap_video .stat_col:first-child .col_in.item_news {
    width: calc(100% - 690px);
    padding-right: 24px;
    background-color: transparent;
}

.wrap_video .stat_col:first-child .stat_title {
    font-size: 36px;
}

/*! ====== WRAP MAIN VIDEO ======= */

/*! ====== WRAP MAIN FOTO ======= */
.wrap_foto {
    margin: 48px auto;
}

.wrap_foto .wrap_stat {
    border-bottom: 2px solid #e3e6ea;
}

.wrap_foto .stat_col {
    width: 25%;
}

/*! ====== WRAP MAIN FOTO ======= */

/*! ====== BLOGGER LIST ======= */

.blogers_list:hover::-webkit-scrollbar-thumb {
    background-color: #f5f5f5;
}

.blogers_list::-webkit-scrollbar-track {
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}

.blogers_list::-webkit-scrollbar {
    width: 10px;
}

.blogers_list::-webkit-scrollbar-thumb {
    background-color: #f5f5f5;
    transition: all 0.3s ease;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}

.blogers_sect {
    width: 100%;
    background-color: #ffffff;
}

.blogers_sect .sect_body {
    padding: 0 6px 0 0;
    overflow: hidden;
}

.blogers_list {
    width: 100%;
    overflow: auto;
    height: 426px;
}

.wrap_popular.wrap_blogs {
    padding: 0px 10px 20px 10px;
}

.wrap_blogs .popular_slider {
    padding: 16px;
    background-color: #ffffff;
}

.wrap_blogs .col_in.item_news {
    padding: 20px 16px;
    background: transparent linear-gradient(180deg, #fcfcfc 0%, #f4f6f6 100%);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.show_mobile_blogs {
    display: none;
}

.blogers_list li {
    width: 100%;
    padding: 0 16px 0 20px;
}

.blogers_list li a {
    display: block;
    width: 100%;
    padding: 16px 0;
    border-bottom: 1px solid #f5f5f5;
}

/*! ====== BLOGGER LIST ======= */

/*! ====== DATAPICKER LIST ======= */
.sect_datapicker {
    display: flex;
    align-items: center;
    position: relative;
    padding: 16px;
    margin: 0 0 20px 0;
    background-color: #ffffff;
    box-shadow: 0px 0px 10px #00000005;
}

.date_select {
    display: block;
    float: left;
    width: 130px;
    padding: 0 20px 0 0;
}

.scl_year,
.scl_mounth {
    width: 100%;
    text-align: left;

    font-weight: 800;
    line-height: 1;
    letter-spacing: 0px;
    opacity: 1;
}

.scl_year {
    font-size: 14px;
    color: #ec1f27;
}

.scl_mounth {
    font-size: 24px;
    color: #111111;
}

.date_days {
    display: block;
    float: left;
    width: calc(100% - 130px);
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
}

.day_list.desk_list {
    display: block;
}

.mobile_list {
    display: none;
    float: right;
    margin: 0 0 0 auto;
}

.mobile_list .day_list {
    position: absolute;
    left: 0;
    top: 100%;
    padding: 16px;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    z-index: 99;
    transform: translateY(15px);
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -ms-transform: translateY(15px);
    -o-transform: translateY(15px);
    transition: all 0.25s ease-in;
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -ms-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
}

.mobile_list .day_list.mbl_days.opened {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
}

.btn_more_date {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    float: left;
    width: 44px;
    height: 44px;
}

.btn_more_date::before {
    content: "";
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("../img/icons/arrow_drop.svg");
    cursor: pointer;
    transition: all 0.25s linear;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
}

.btn_more_date.clicked::before {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.ul_mbl {
    float: left;
}

.ul_mbl li {
    float: left;
    margin-right: 10px;
}

.day_list {
    display: flex;
    width: 100%;
}

.date_days .swiper-container {
    width: 100%;
    margin: 0;
}

.date_days .swiper-slide {
    display: block;
    width: auto;
    height: auto;
}

.date_days .swiper-slide a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    text-align: center;

    font-weight: 900;
    font-size: 16px;
    line-height: 1.2;
    color: #111111;
    opacity: 1;
    background: transparent linear-gradient(180deg, #fcfcfc 0%, #f4f6f6 100%);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
}

.date_days .swiper-slide.active a {
    color: #fff;
    background: transparent linear-gradient(180deg, #ec1f27 0%, #d01d24 100%);
}

.date_days .swiper-slide a:hover {
    background: transparent linear-gradient(180deg, #ec1f27 0%, #d01d24 100%);
    color: #fff;
}

.date_days .swiper-slide.deactive a,
.date_days .swiper-slide.deactive a:hover {
    background: transparent linear-gradient(180deg, #fcfcfc 0%, #f4f6f6 100%) !important;
    opacity: 0.5 !important;
    color: #111111;
    pointer-events: none;
    cursor: default;
}

.click_select_item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    width: 100%;
    cursor: pointer;
    padding: 0 16px 0 0;
}

.click_select_item.clicked::before {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.click_select_item::before {
    content: "";
    display: block;
    position: absolute;
    right: 0px;
    width: 14px;
    height: 14px;
    background: url(../img/icons/arrow_drop.svg) no-repeat center;
    transition: all 0.25s linear;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
}

.dropdown_select {
    display: flex;
    width: 280px;
    padding: 10px 5px;
    left: 0;
    top: 100%;
    position: absolute;
    background-color: #fff;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -ms-transform: translateY(15px);
    -o-transform: translateY(15px);
    transition: all 0.25s ease-in;
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -ms-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
}

.dropdown_select.opened {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
}

.col_slc {
    display: block;
    float: left;
    padding: 0 5px;
}

.select_jr {
    display: inline-block;
    position: relative;
    width: 125px;
    margin: 0;
    text-align: left;

    font-weight: bold;
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: 0px;
    color: #111111;
    opacity: 1;
}

.select_jr .select2-container {
    width: 100% !important;
}

.select_jr .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #e7e9e9;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.select_jr .select2-container .select2-selection--single {
    height: auto;
    padding: 7px 10px;
}

.select_jr
.select2-container--default
.select2-selection--single
.select2-selection__rendered {
    text-align: left;

    font-weight: bold;
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: 0px;
    color: #111111;
    opacity: 1;
}

.select_jr
.select2-container--default
.select2-selection--single
.select2-selection__arrow {
    width: 14px;
    height: 14px;
    top: 13px;
    right: 10px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 14px 14px;
    background-image: url("../img/icons/arrow_drop.svg");
}

.select_jr
.select2-container--default.select2-container--open
.select2-selection--single
.select2-selection__arrow {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.select_jr
.select2-container--default
.select2-selection--single
.select2-selection__arrow
b {
    display: none;
}

.select2-results {
    text-align: left;

    font-weight: bold;
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: 0px;
    color: #111111;
    opacity: 1;
}

.select2-container--default
.select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #f5f5f5;
    color: #121212;
}

.select2-results__option {
    padding: 11px 16px;
}

/*! ====== DATAPICKER LIST ======= */

/*! ====== Youtube Video Iframe ======= */
.wrap_ytb {
    display: block;
    width: 100%;
    margin-bottom: 20px;
}

.wrap_ytb.desk {
    display: block;
}

.wrap_ytb.mobile {
    display: none;
}

.ytb_sect {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
}

.ytb_item {
    display: block;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.ytb_item::before {
    content: "";
    display: block;
    position: relative;
    width: 100%;
    padding-top: 56%;
}

.ytb_item img,
.ytb_item iframe,
.ytb_item video {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    object-fit: cover;
}

.ytb_title {
    display: block;
    width: 100%;
    padding: 10px 16px;
    background: transparent linear-gradient(180deg, #ec1f27 0%, #d01d24 100%);
    text-align: left;

    font-weight: 800;
    font-size: 26px;
    line-height: 1.2;
    letter-spacing: 0px;
    color: #ffffff;
    opacity: 1;
}

/*! ====== Youtube Video Iframe ======= */

/*! ====== Last News LIST ======= */
.wrap_voit_sect {
    width: 100%;
    padding: 16px;
    background-color: #b2d7ff;
    box-shadow: 0px 4px 6px 0px #0000000a;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.quest_form {
    display: block;
    width: 100%;
}

.query_result {
    display: block;
    width: 100%;
    margin: 5px auto;
}
.chose_query {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 12px;
    padding: 12px 16px;
    width: 100%;
    height: 44px;
    text-align: left;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    color: #fff;
    background-color: #0044ff;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}
.chose_query:hover {
    background-color: #00007c;
}

.querryDiv {
    display: block;
    width: 100%;
}
.qryinfo {
    display: block;
    width: 100%;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.2;
    color: #141a29;
    word-break: break-word;
    margin: 4px auto;
    padding: 12px;
    border: 1px solid #00000014;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}
.radio {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.radio label {
    display: flex;
    align-items: center;
    position: relative;
    gap: 4px;
    padding: 16px 0 16px 0;
    width: 100%;
    text-align: left;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2;
    color: #141a29;
    word-break: break-word;
    cursor: pointer;
}
.radio label input {
    display: block;
    /* position: absolute; */
    left: 0;
    margin: 0;
    width: 14px;
    height: 14px;
    background: #b2d7ff;
    color: #b2d7ff;
    word-break: break-word;
    cursor: pointer;
}
.query_result {
    display: block;
    width: 100%;
    margin: 0 auto;
    background-color: #d4e9ff;
    overflow: hidden;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}
.result_pecent {
    display: block;
    width: calc(20% - 20px);
    padding: 5px 12px 4px;
    background-color: #51a3ff;
    text-align: left;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.2;
    color: #141a29;
    word-break: break-word;
    border-radius: 8px 0 0 8px;
    -webkit-border-radius: 8px 0 0 8px;
    -moz-border-radius: 8px 0 0 8px;
    -ms-border-radius: 8px 0 0 8px;
    -o-border-radius: 8px 0 0 8px;
}

/* Voit */

.wrap_main_header {
    display: flex;
    gap: 18px;
}
.wr_head_col:first-child {
    display: block;
    float: left;
    width: 300px;
}
.wr_head_col:last-child {
    display: block;
    float: left;
    width: calc(100% - 318px);
}
.wrap_main_header .wrap_last_news .scroll_list {
    max-height: 445px;
}
.wrap_last_news {
    width: 100%;
    padding: 16px;
    background-color: #ffffff;
    box-shadow: 0px 4px 6px 0px #0000000a;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.wrap_last_news .sect_body {
    overflow: hidden;
}

.wrap_last_news .more {
    margin: 24px 0 0 0;
    padding: 0;
}

.last_list {
    width: 100%;
}

.scroll_list {
    width: 100%;
    overflow: hidden;
    overflow-y: auto;
    max-height: 600px;
}

/* .scroll_list:hover::-webkit-scrollbar-thumb {
    background-color: #e7e9e9;
}

.scroll_list::-webkit-scrollbar-track {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.scroll_list::-webkit-scrollbar {
    width: 12px;
}

.scroll_list::-webkit-scrollbar-thumb {
    background-color: #e7e9e9;
    transition: all 0.3s ease;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
} */

.last_items {
    display: flex;
    flex-wrap: wrap;
    padding: 12px 0;
    border-bottom: 1px solid #e2e6f0;
}
.last_items:last-child {
    border: none;
}

.news_conten {
    display: block;
    width: 100%;
}

.last_catg {
    display: block;
    position: relative;
    float: left;
    width: auto;
    min-height: 24px;
    padding: 6px 8px 2px 24px;
    text-align: left;
    font-weight: 600;
    font-size: 12px;
    line-height: 1;
    color: #0044ff;
    opacity: 1;
    background-color: #cce4ff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}
.last_catg::before {
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    left: 8px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    background-image: url("../img/icons/catg_icon.svg");
}

.last_date {
    display: block;
    position: relative;
    float: left;
    width: auto;
    min-height: 24px;
    padding: 6px 8px 2px 8px;
    text-align: left;
    font-weight: 584;
    font-size: 12px;
    line-height: 15px;
    color: #001242;
    opacity: 1;
    background-color: transparent;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.last_time {
    display: block;
    position: relative;
    float: left;
    width: auto;
    min-height: 24px;
    padding: 6px 8px 2px 8px;
    text-align: left;
    font-weight: 584;
    font-size: 12px;
    line-height: 15px;
    color: #0044ff;
    opacity: 1;
    background-color: #cce4ff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.last_title {
    width: 100%;
    margin-bottom: 8px;
    text-align: left;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #161b1f;
    opacity: 1;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    transition: all 0.25s;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -ms-transition: all 0.25s;
    -o-transition: all 0.25s;
}

.last_items:hover .last_title {
    color: #0044ff;
}

.catg_date_row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    gap: 4px;
}
.date_time_itm {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    /* gap: 8px; */
    background-color: #e1ebf7;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.most_img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.most_img::before {
    content: "";
    display: block;
    width: 100%;
    position: relative;
    padding-top: 100%;
}

.most_img img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    object-fit: cover;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
}
.most_link_item {
    display: flex;
    align-items: flex-start;
    width: 100%;
}
.most_link_item .news_conten {
    padding-left: 12px;
    width: calc(100% - 72px);
}
.most_link_item .last_title {
    margin: 4px 0 0 0;
}
.most_link_item .date_time_itm {
    background: none;
}
.most_link_item .last_date {
    min-height: 0;
    padding: 0;
    background: none;
    line-height: 1;
    color: #6e717a;
}

.wrap_lates_news .col_in.item_news {
    padding: 16px;
    border-radius: 0 0 8px 8px;
    -webkit-border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    -ms-border-radius: 0 0 8px 8px;
    -o-border-radius: 0 0 8px 8px;
}

.wrap_lates_news .stat_img {
    border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -ms-border-radius: 8px 8px 0 0;
    -o-border-radius: 8px 8px 0 0;
}

.wrap_lates_news .stat_img::before {
    padding-top: 54%;
}

/*! ====== Last News LIST ======= */

/* todo =============== I todo here ==============  */

/* Sections odds */

.mobile_change_sect {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.wrap_odds {
    width: 100%;
    padding: 32px 0 0px 0;
}

.wrap_odds .row {
    margin: 0 -16px;
}

.show_desk {
    display: block;
}

.show_mobile {
    display: none;
}

.wrap_odds .odds_col {
    width: 50%;
    padding: 0px 16px;
}

.odds_col {
    display: flex;
    align-items: center;
    width: 25%;
    padding: 0px 20px;
    overflow: hidden;
}

.odds_col .col_in {
    flex-wrap: wrap;
    align-items: center;
    padding: 0px 0px;
    overflow: hidden;
    background-color: #f1f3f4;
}

.wrap_odds .odds_col .col_in {
    position: relative;
    padding: 32px 32px;
    background-color: #9d0727;
}

.wrap_odds .odds_col .col_in.theme_red {
    background-color: #9d0727;
}

.wrap_odds .odds_col .col_in.theme_green {
    background-color: #15458e;
}

.left_odds {
    display: block;
    float: left;
    width: calc(100% - 186px);
    padding: 0 32px 0 0;
}

.right_odds {
    display: block;
    float: left;
    width: 186px;
}

.right_odds .odds_img::before {
    content: "";
    display: block;
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.right_odds .odds_img img {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    object-fit: cover;
}

.odds_row {
    width: 100%;
}

.odds_img_col {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.odds_img {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.odds_img img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
}

.wrap_odds .lt_title {
    margin: 0px 0px 32px 0px;
    text-align: left;
    font-family: "Manrope";
    font-weight: bold;
    font-size: 34px;
    line-height: 1.4;
    letter-spacing: 0.68px;
    color: #ffffff !important;
    opacity: 1;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
}

.wrap_odds .lt_info {
    text-decoration: underline;
    text-align: left;
    font-family: "Brygada 1918";
    font-weight: bold;
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: 0px;
    color: #ffffff;
    opacity: 1;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 4;
}

.read_more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 152px;
    padding: 17px;
    position: absolute;
    left: 32px;
    bottom: 32px;
    text-align: left;
    font-family: "Manrope";
    font-weight: bold;
    font-size: 12px;
    line-height: 1.4;
    letter-spacing: 0px;
    color: #121212;
    opacity: 1;
    background-color: #ffffff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

/* odds sections */

.wrap_faq {
    width: 100%;
}

.faq_body {
    padding: 24px 0;
}

.wrap_faq .row {
    margin: 0;
}

.wrap_faq .col {
    width: 100%;
    padding: 0 0 16px 0;
}

.wrap_faq_section .row {
    margin: 0 -12px;
}

.wrap_faq_section .col {
    width: 50%;
    padding: 0 12px 16px 12px;
}

.collapse_row {
    width: 100%;
    background-color: #f7f9fa;
    overflow: hidden;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.collapse_btn {
    display: flex;
    align-items: flex-start;
    position: relative;
    width: 100%;
    padding: 16px 56px 16px 16px;
    text-align: left;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.15px;
    color: #161b1f;
    opacity: 1;
    word-break: break-word;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.collapse_btn::before {
    content: "";
    display: block;
    position: absolute;
    right: 16px;
    width: 24px;
    height: 24px;
    background-size: 100%;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url("../img/icons/arrow_drop.svg");
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.collapse_btn.clp_clicked::before {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.collapse_content {
    display: none;
    width: 100%;
    padding: 8px 16px 16px 16px;
    text-align: left;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.4px;
    color: #41484d;
    word-break: break-word;
}

/*! ====  MAIN PAGE FINISH  ===== */

/*! ====  STATIC PAGE START  ===== */
/*! ======== PARTNERS START ========*/
.partners_slider {
    padding: 0px 16px;
}

.partners_slider .popular_full {
    padding: 16px;
    background-color: #fff;
    box-shadow: 0px 4px 6px 0px #0000000a;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.partner_img img {
    display: block;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
}

.partner_img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 120px;
    margin: 0 auto;
    background-color: #fff;
    overflow: hidden;
    transition: all 0.25s;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -ms-transition: all 0.25s;
    -o-transition: all 0.25s;
}

.partner_img:hover {
    background-color: #f7f9fa;
}

/* Calendar */
.calendar_section {
    width: 100%;
}

.ui-widget {
    font-family: "TT Interphases Pro", Arial, Helvetica, sans-serif !important;
}

.calendar_section .ui-datepicker .ui-datepicker-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 0 0 8px 0;
    border: none;
    background-color: #fff;
}

.calendar_section .ui-widget.ui-widget-content {
    width: 100%;
    border: none;
    padding: 12px;
    background-color: #fff;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.calendar_section .ui-datepicker table {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}
.calendar_section .ui-datepicker table td,
.calendar_section .ui-datepicker table th {
    border: 1px solid #e1e6eb;
}

.calendar_section .ui-datepicker .ui-datepicker-title {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}
.calendar_section .ui-datepicker select.ui-datepicker-month,
.calendar_section .ui-datepicker select.ui-datepicker-year {
    width: auto;
    border: none;
    margin: 0;
    padding: 6px 8px;
    background: transparent;
    outline: none;
    font-family: "TT Interphases Pro";
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #161b1f;
    background-color: #edf1f5;
    cursor: pointer;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.calendar_section .ui-datepicker th {
    padding: 0.7em 0.3em;
    text-align: center;
    border: 0;
    font-family: "TT Interphases Pro";
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #141a29;
}

.calendar_section .ui-datepicker td {
    padding: 0px;
    text-align: center;
}

.calendar_section .ui-widget-content td a {
    width: 100%;
}
.calendar_section .ui-widget-content a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: auto;
    /* min-width: 42px;
    min-height: 42px; */
    padding: 8px !important;
    font-family: "TT Interphases Pro";
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #141a29;
    background-color: transparent !important;
    cursor: pointer;
    border: none !important;
}

.calendar_section .ui-datepicker-calendar a:hover {
    background: #087cbf !important;
    color: #fff !important;
}

.calendar_section .ui-datepicker-calendar .ui-state-active,
.calendar_section .ui-datepicker-calendar .ui-state-active,
    /* .calendar_section .ui-widget-header .ui-state-active, */
.calendar_section .ui-datepicker-calendar a.ui-button:active,
.calendar_section .ui-datepicker-calendar .ui-button:active,
.calendar_section .ui-datepicker-calendar .ui-button.ui-state-active:hover {
    background: #000052 !important;
    color: #fff !important;
}

/* .calendar_section .ui-datepicker-calendar .ui-state-highlight,
.calendar_section
    .ui-datepicker-calendar
    .ui-widget-content
    .ui-state-highlight,
.calendar_section
    .ui-datepicker-calendar
    .ui-widget-header
    .ui-state-highlight {
    background: #000052 !important;
} */

.calendar_section .ui-icon-circle-triangle-w {
    width: 24px;
    height: 24px;
    background-size: 100% 100%;
    background-position: 0 0;
    background-image: url("../img//icons/date_left.svg") !important;
}

.calendar_section .ui-icon-circle-triangle-e {
    width: 24px;
    height: 24px;
    background-size: 100% 100%;
    background-position: 0 0;
    background-image: url("../img//icons/date_right.svg") !important;
}

.calendar_section .ui-datepicker .ui-datepicker-prev-hover,
.calendar_section .ui-datepicker .ui-datepicker-next-hover {
    top: auto;
}

.calendar_section .ui-datepicker .ui-datepicker-prev {
    left: 0;
    top: auto;
}

.calendar_section .ui-datepicker .ui-datepicker-next {
    right: 0;
    top: auto;
}

.calendar_section .ui-datepicker .ui-datepicker-prev-hover {
    left: 0;
}

.calendar_section .ui-datepicker .ui-datepicker-next-hover {
    right: 0;
}

.calendar_section .ui-datepicker .ui-datepicker-prev span,
.calendar_section .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: auto;
    margin-left: 0;
    top: auto;
    margin-top: 0;
}

/* Calendar */
/*! ======== PARTNERS FINISH ========*/

/*! ======== CONTACT PAGE START ========*/

.wrap_contact {
    width: 100%;
    padding: 0 16px;
}

.contact_body {
    width: 100%;
}

.contact_left {
    width: 100%;
    padding: 0 0 10px 0;
}

.contact_right {
    width: 100%;
    padding: 0 0px 0 0px;
}

.odd_row {
    display: flex;
    width: 100%;
}

.wrap_contact .address_sect,
.wrap_contact .ftr_right {
    float: none;
    width: 100%;
    margin: 0;
}

.wrap_contact .app_items {
    width: 100%;
}

.map {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-top: 40px;
}

.map::before {
    content: "";
    display: block;
    width: 100%;
    position: relative;
    padding-top: 55%;
}

.map iframe {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    object-fit: cover;
}

.cnt_info {
    width: 100%;
    margin: 40px auto 28px auto;
    text-align: left;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.1px;
    color: #29210a;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
}

.wrap_contact .adrs_list {
    padding: 0 0 12px 0;
    background-color: #fff;
    border-radius: 8px;
}

.contact_layout {
    display: flex;
    gap: 18px;
    width: 100%;
}

.contact_card {
    padding: 24px;
    background-color: #fff;
    box-shadow: 0px 4px 6px 0px #0000000a;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.contact_card:first-child {
    width: 55%;
}
.contact_card:last-child {
    width: calc(45% - 18px);
}

.contact_card_header {
    margin-bottom: 12px;
}

.contact_card_title {
    display: block;
    margin: 0;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 20px;
    line-height: 27px;
    color: #121d33;
    word-break: break-word;
}

.contact_company {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e2e6f0;
}

.contact_logo_placeholder {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    background-color: #f5f7fa;
}

.contact_company_meta {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.contact_company_name {
    display: block;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.2;
    color: #141a29;
}

.contact_company_site {
    display: inline-block;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #464c5c;
    text-decoration: none;
    transition: color 0.2s ease-in-out;
}

.contact_company_site:hover {
    color: #1f55ff;
}

.contact_details {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-top: 16px;
}

.contact_detail {
    display: flex;
    align-items: center;
    position: relative;
    gap: 16px;
    padding-left: 40px;
}

.contact_detail_icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    width: 24px;
    height: 24px;
}
.contact_detail_icon img {
    display: block;
    width: 100%;
    height: 100%;
}

.contact_detail_text {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.contact_detail_main {
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    text-decoration: none;
    color: #141a29;
    transition: color 0.2s ease-in-out;
}

.contact_detail_main:hover {
    color: #1f55ff;
}

.contact_detail_sub {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #464c5c;
}

.contact_social_block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
    padding: 20px 16px;
    border: 1px solid #e2e6f0;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.contact_social_header {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #464c5c;
}

.contact_social_list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
    padding: 0;
}

.contact_social_list li {
    list-style: none;
}

.contact_social_link {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #dfe5f0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease-in-out;
}

.contact_social_link:hover {
    border-color: #1f55ff;
    box-shadow: 0 6px 16px rgba(31, 85, 255, 0.14);
    transform: translateY(-2px);
}

.contact_social_icon {
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 6px;
    background: linear-gradient(135deg, #1f55ff, #5fa8ff);
    opacity: 0.85;
}
.contact_form_block {
    margin-top: 4px;
}

.contact_form {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.contact_form_row {
    display: flex;
    align-items: center;
    gap: 12px;
}

.contact_form_row .contact_form_field {
    width: calc(50% - 6px);
}

.contact_form_field {
    width: 100%;
}

.contact_form_input,
.contact_form_textarea {
    display: block;
    width: 100%;
    min-height: 56px;
    padding: 14px 16px;
    border: 2px solid #e2e6f0;
    background: #f7faff;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    color: #141a29;
    transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out,
    background-color 0.2s ease-in-out;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.contact_form_input::placeholder,
.contact_form_textarea::placeholder {
    color: #75797f;
}

.contact_form_input:focus,
.contact_form_textarea:focus {
    outline: none;
    border-color: #1f55ff;
    box-shadow: 0 0 0 3px rgba(31, 85, 255, 0.12);
    background-color: #fff;
}

.contact_form_textarea {
    min-height: 140px;
    resize: vertical;
}

.contact_form_submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 56px;
    margin-top: 4px;
    padding: 15px 16px;
    border: none;
    background: #0044ff;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out,
    transform 0.2s ease-in-out;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.contact_form_submit:hover {
    background-color: #0f44f0;
    box-shadow: 0 10px 22px rgba(31, 85, 255, 0.28);
    transform: translateY(-1px);
}

.contact_form_submit:active {
    transform: translateY(0);
    box-shadow: 0 8px 18px rgba(31, 85, 255, 0.24);
}

.sr_only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/*! ======== CONTACT PAGE FINISH ========*/

/*! ======== ABOUT PAGE START ========*/
.wrap_about_page {
    padding: 0;
}
.static_container {
    display: block;
    width: 100%;
    padding: 32px 16px;
    background-color: #fff;
    box-shadow: 0px 4px 6px 0px #0000000a;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.about_info p {
    margin: 0px 0 15px 0;
}

.about_info {
    max-width: 756px;
    margin: 0 auto;
    text-align: left;
    font-family: "TT Interphases Pro";
    font-weight: 400;
    font-size: 18px;
    line-height: 1.4;
    color: #161b1f;
    word-break: break-word;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
}

/*! ======== ABOUT PAGE FINISH ========*/

/*! ======== CATEGORY PAGE START ========*/

.wrap_category_news {
    padding: 0px 16px;
}

.wrap_category_news .col_in.item_news {
    position: relative;
    padding: 16px;
    border-radius: 0 0 8px 8px;
    -webkit-border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    -ms-border-radius: 0 0 8px 8px;
    -o-border-radius: 0 0 8px 8px;
}
.wrap_category_news .stat_img {
    position: relative;
    padding: 16px;
    border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    -ms-border-radius: 8px 8px 0 0;
    -o-border-radius: 8px 8px 0 0;
}
.wrap_inner_page {
    padding-top: 14px;
}
.extra_bold {
    padding-bottom: 24px;
}
.extra_bold .sect_title {
    font-size: 36px;
    color: #0044ff;
}

/*! ======== CATEGORY PAGE FINISH ========*/

/*! ======== SEARCH PAGE START ========*/
.search_page .sect_head {
    margin-right: 10px;
}

.slct_src {
    display: block;
    float: right;
    margin: 0 0 0 auto;
}

.slct_src .select_jr {
    width: auto;
    margin: 0;

    font-size: 16px;
    line-height: 1.2;
}

.slct_src
.select_jr
.select2-container--default
.select2-selection--single
.select2-selection__rendered {
    font-size: 16px;
    line-height: 1.2;
}

.select2-dropdown {
    border: none;
}

.slct_src .select2-results {
    font-size: 16px;
    line-height: 1.2;
}

.slct_src .select_jr .select2-container .select2-selection--single {
    padding: 11px 16px 11px 8px;
    border: none;
}

/*! ======== SEARCH PAGE FINISH ========*/

/*! ======== DETAIL PAGE START ========*/

.detail_page {
    width: 100%;
}

.detail_content_card {
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0px 4px 6px 0px #0000000a;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    margin-bottom: 18px;
}

.detail_breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}
.detail_breadcrumb li {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.4;
    color: #464c5c;
}

.detail_breadcrumb li a {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.4;
    color: #464c5c;
}

.detail_breadcrumb a:hover {
    color: #0044ff;
    text-decoration: underline;
}

.crumb_sep {
    display: block;
    width: 16px;
    height: 16px;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../img/icons/crumb_sep.svg");
}

.crumb_current {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.4;
    color: #464c5c;
}

.detail_container {
    display: block;
    width: 100%;
    background-color: transparent;
    box-shadow: none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
}
.share-section {
    background: #00007C;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}
.padding_24_64 {
    padding: 24px 64px;
}

.share-title {
    display: flex;
    align-items: baseline;
    gap: 10px;
    color: #fff;
    margin-bottom: 10px;

}

.share-title__strong {
    font-weight: 900;
    font-size: 20px;
    line-height: 1.3;
}

.share-title__light {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.3;
}

.share-list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 16px;
}

.share-item {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

/* iconların yerləşdiyi div: 40x40 px */
.share-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #181899;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    transition: transform 0.15s ease, background 0.15s ease;
    -webkit-transition: transform 0.15s ease, background 0.15s ease;
    -moz-transition: transform 0.15s ease, background 0.15s ease;
    -ms-transition: transform 0.15s ease, background 0.15s ease;
    -o-transition: transform 0.15s ease, background 0.15s ease;
}

/* icon ölçüsü: 24x24 px */
.share-icon img {
    width: 24px;
    height: 24px;
    object-fit: contain;
    display: block;
}

.share-label {
    text-align: center;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    line-height: 1;
    color: #ffffff;
}

.share-item:hover .share-icon {
    background: #11116b;
    transform: translateY(-1px);
}

.news_header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    width: 100%;
    gap: 16px 32px;
}

.news_hd {
    display: block;
    width: 100%;
    text-align: left;
    font-weight: 700;
    font-size: 36px;
    line-height: 1.3;
    color: #141a29;
    opacity: 1;
    word-break: break-word;
}

.detail_meta_bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    gap: 12px 32px;
}

.detail_meta_item {
    display: inline-flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}

.meta_label {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #464C5C;

}

.meta_value {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #141A29;
}

.meta_chip {
    color: #0044FF;
}

.news_inner_items {
    display: block;
    width: 100%;
    background-color: transparent;
    margin: 0;
}

.text_scale {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin: 0 0 0 auto;
    padding: 5px;
    border: 1px solid #E2E6F0;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.scaleplus,
.scalefont,
.scaleminus {
    display: block;
    float: left;
    width: 32px;
    height: 32px;
    margin: 0;
    background-color: #E9EBF0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.scaleplus:hover,
.scaleminus:hover {
    background-color: #141A297A;
}

.scaleplus {
    background-image: url("../img/icons/plus.svg");
}

.scalefont {
    background-size: 20px 20px;
    background-color: transparent;
    background-image: url("../img/icons/font.svg");
}

.scaleminus {
    background-image: url("../img/icons/minus.svg");
}

.news_in_img {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.news_in_img img,
.news_in_img video,
.news_in_img iframe {
    display: block;
    width: 100%;
    height: auto;
}

.nw_in_text p {
    margin: 0 0 12px 0;
}

.nw_in_text {
    display: block;
    width: 100%;
    margin: 0 auto;
    text-align: left;
    font-family: "TT Interphases Pro";
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
    color: #141A29;
    opacity: 1;
    word-break: break-word;
}

.nw_in_text ul {
    list-style: disc;
    padding-left: 18px;
}
.nw_in_text ol {
    list-style: number;
    padding-left: 18px;
}

.nw_in_text h1,
.nw_in_text h2,
.nw_in_text h3,
.nw_in_text h4,
.nw_in_text h5,
.nw_in_text h6 {
    display: block;
    width: 100%;
    margin-bottom: 12px;
    text-align: left;
    font-family: "TT Interphases Pro";
    font-weight: 700;
    font-size: 18px;
    line-height: 1.5;
    color: #141A29;
    opacity: 1;
    word-break: break-word;
}
.nw_in_text h1 {
    font-size: 20px;
}

.nw_in_text img,
.nw_in_text iframe,
.nw_in_text video {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 12px auto;
}

.detail_similar {
    display: block;
    width: 100%;
    padding: 24px 16px 6px 16px;
    background-color: #fff;
    box-shadow: 0px 4px 6px 0px #0000000a;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.special_news_item {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 30px 0;
    padding: 20px;
    text-align: left;

    font-weight: normal;
    font-size: 18px;
    line-height: 1.2;
    letter-spacing: 0px;
    color: #111111;
    opacity: 1;
    word-break: break-word;
    background-color: #ec1f27;
}

.spl_nw_conten {
    display: block;
    float: left;
    width: calc(100% - 250px);
    padding: 0 0 0 20px;
}

.spl_nw_img {
    display: block;
    float: left;
    position: relative;
    width: 250px;
}

.spl_nw_img::before {
    content: "";
    display: block;
    width: 100%;
    position: relative;
    padding-top: 56%;
}

.spl_nw_img img,
.spl_nw_img video,
.spl_nw_img iframe {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    object-fit: cover;
}

.spl_info {
    display: block;
    width: 100%;
    padding-bottom: 8px;
    text-align: left;

    font-weight: 500;
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: 0px;
    color: #ffffff;
    opacity: 0.8;
}

.spl_title {
    display: block;
    width: 100%;
    margin-bottom: 16px;
    text-align: left;

    font-weight: bold;
    font-size: 24px;
    line-height: 1.2;
    /* letter-spacing: -0.72px; */
    letter-spacing: 0px;
    color: #ffffff;
    opacity: 1;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
}

.spl_link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 40px;
    text-align: left;

    font-weight: bold;
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: 0px;
    color: #ec1f27;
    opacity: 1;
    background-color: #ffffff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.link_name {
    display: inline-flex;
    align-items: center;
    position: relative;
    width: auto;
    padding: 0 18px 0 0;
}

.link_name::before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    width: 12px;
    height: 12px;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url("../img/icons/spl_arw.svg");
}

.bookmark_news {
    display: block;
    width: 100%;
    margin: 30px 0;
    padding: 20px;
    text-align: left;

    font-weight: normal;
    font-size: 18px;
    line-height: 1.2;
    letter-spacing: 0px;
    color: #111111;
    opacity: 1;
    word-break: break-word;
    background-color: #fef3f4;
}

.bookmark_news::before,
.bookmark_news::after {
    content: "";
    display: block;
    width: 34px;
    height: 34px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.bookmark_news::before {
    margin: 0px auto 10px 0;
    background-image: url("../img/icons/quota_top.svg");
}

.bookmark_news::after {
    margin: 10px 0px 0 auto;
    background-image: url("../img/icons/quota_bottom.svg");
}

/* custom share */
.custom_share_items {
    display: block;
    width: 100%;
    padding: 20px;
    background-color: #ffffff;
}

.custom_share {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 25px 20px;
    background: transparent linear-gradient(180deg, #fcfcfc 0%, #f4f6f6 100%);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.cs_sh_img {
    display: flex;
    align-items: center;
    float: left;
}

.cs_icon {
    display: block;
    float: left;
    width: 44px;
    height: 44px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.cs_icon img {
    display: block;
    width: 100%;
    height: 100%;
}

.cs_name {
    display: block;
    float: left;
    padding: 0 20px 0 7px;
    text-align: left;

    font-weight: bold;
    font-size: 42px;
    line-height: 1.2;
    /* letter-spacing: -1.26px; */
    letter-spacing: 0px;
    color: #111111;
    opacity: 1;
    word-break: break-word;
}

.cs_sh_text {
    display: block;
    float: left;
    width: 100%;
    max-width: 400px;
    padding: 0 20px 0 20px;
    text-align: left;

    font-weight: 500;
    font-size: 16px;
    line-height: 1.2;
    /* letter-spacing: -0.48px; */
    letter-spacing: 0px;
    color: #111111;
    opacity: 1;
    word-break: break-word;
    border-left: 1px solid #e7e9e9;
}

.cs_sh_link {
    display: flex;
    align-items: center;
    justify-content: center;
    float: right;
    width: 130px;
    height: 40px;
    margin: 0 0 0 auto;
    padding: 5px 10px;
    text-align: center;

    font-weight: bold;
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: 0px;
    color: #ffffff;
    opacity: 1;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.wp_share .cs_sh_link {
    background: transparent linear-gradient(180deg, #35d973 0%, #24cc63 100%);
}

.insta_share .cs_sh_link {
    background: transparent linear-gradient(180deg, #707ae7 0%, #4e58cd 100%);
}

.twt_share .cs_sh_link {
    background: transparent linear-gradient(180deg, #4abbf6 0%, #1c9cea 100%);
}

.fb_share .cs_sh_link {
    background: transparent linear-gradient(180deg, #00c6ff 0%, #0084ff 100%);
}

.ytb_share .cs_sh_link {
    background: transparent linear-gradient(180deg, #ec1f27 0%, #d01d24 100%);
}

.tlg_share .cs_sh_link {
    background: transparent linear-gradient(180deg, #1da5e9 0%, #0084c6 100%);
}

.wp_share .cs_icon {
    background-image: url("../img/icons/wp_custom.svg");
}

.insta_share .cs_icon {
    background-image: url("../img/icons/ins_custom.svg");
}

.twt_share .cs_icon {
    background-image: url("../img/icons/twt_custom.svg");
}

.fb_share .cs_icon {
    background-image: url("../img/icons/fb_custom.svg");
}

.ytb_share .cs_icon {
    background-image: url("../img/icons//ytb_custom.svg");
}

.tlg_share .cs_icon {
    background-image: url("../img/icons/tlg_custom.svg");
}

/* custom share */

/*! ======== DETAIL PAGE FINISH ========*/

/*! ======= Gallery ====== */
.news_gallery {
    display: block;
    margin: 15px -16px;
}

.demo-gallery > ul {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.demo-gallery > ul > li {
    display: block !important;
    float: left;
    width: 25% !important;
    margin: 0px !important;
    padding: 0px 16px 32px 16px !important;
    border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -ms-border-radius: 8px !important;
    -o-border-radius: 8px !important;
}

.demo-gallery > ul > li a {
    display: block;
    width: 100%;
    position: relative;
    float: none;
    overflow: hidden;
    border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    -ms-border-radius: 8px !important;
    -o-border-radius: 8px !important;
}

.demo-gallery > ul > li a::before {
    content: "";
    display: block;
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.product_gallery_images_upload {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
}

/* !======= Gallery ====== */

/*! ====== BLOGGER LIST ======= */
.wrap_blogger_page {
    padding: 20px 0 60px 0;
}

.blogger_items {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 25px;
}

.blogger_image {
    display: flex;
    float: left;
    max-width: 64px;
}

.blogger_content {
    display: block;
    float: left;
    max-width: calc(100% - 64px);
    padding: 0 0 0 16px;
}

.blogger_items .blg_name {
    padding: 0px;
    text-align: left;
    font-size: 20px;
}

.blogger_items .blg_info {
    padding: 2px 0px 0px 0px;
    text-align: left;
    font-size: 14px;
    -webkit-line-clamp: 1;
}

.blogger_items a.blg_info {
    text-decoration: underline;
}

.blogger_news_items {
    display: block;
    width: 100%;
    background-color: #fff;
    padding: 20px;
    margin: 0 0 20px 0;
}

.blogger_news_items .stat_title {
    width: 100%;
    margin: 16px 0 0 0;
    font-weight: 500;
    font-size: 24px;
    letter-spacing: -0.72px;
    -webkit-line-clamp: 3;
}

.blg_itm_info {
    width: 100%;
    margin: 10px 0 0 0;
    text-align: left;

    font-weight: normal;
    font-size: 13px;
    line-height: 1.2;
    letter-spacing: 0px;
    color: #121212;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
}

.blg_item_name {
    width: 100%;
    margin: 0 0 4px 0;
    text-align: left;

    font-weight: bold;
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: 0px;
    color: #111111;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
}

/*! ====== BLOGGER LIST ======= */

.public_message {
    width: 100%;
}

#core_js_messages {
    width: 100%;
}

.alert {
    display: block;
    width: 100%;
    padding: 12px 16px 12px 16px;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 18px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.error_message {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

/* ======== LOGIN PAGE FINISH ========*/

/*! Pgination */

.pagination {
    display: block;
    width: 100%;
    padding-top: 16px;
}

.pagination_list {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0px 0 0 0;
}

.pagination_list li {
    display: block;
    float: left;
    margin: 0 4px;
}

.pagination_list li a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    min-height: 40px;
    padding: 12px 6px;
    background-color: transparent;
    text-align: center;
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    color: #161b1f;
    opacity: 1;
    border: 1px solid #e2e6f0;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
}

.pagination_list li.active a,
.pagination_list li:hover:not(.active) a {
    background-color: #0044ff;
    border-color: #0044ff;
    color: #ffffff;
}

.pagination_list li.first-a a::before,
.pagination_list li.last-a a::before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100%;
}

.pagination_list li.first-a a::before {
    background-image: url("../img/icons/p_prev.svg");
}

.pagination_list li.last-a a::before {
    background-image: url("../img/icons/p_next.svg");
}

.pagination_list li.first-a a:hover:before {
    background-position: 0 100%;
}

.pagination_list li.last-a a:hover:before {
    background-position: 0 100%;
}

/*! Pgination */

/*! Error page */
.wrap_error {
    display: block;
    width: 100%;
    padding: 0 16px;
}

.error_page {
    display: flex;
    align-items: center;
    justify-content: center;
}

.error_content {
    display: block;
    width: auto;
    max-width: 560px;
    padding: 80px 0;
}

.erro_pg_img {
    display: block;
    width: 370px;
    max-height: 96px;
    margin: 0 auto;
}

.erro_pg_img img {
    display: block;
    width: 100%;
    height: 100%;
}

.error_pg_info {
    padding: 0px 0;
    text-align: center;
}

.error_pg_info .odds_row {
    display: flex;
    justify-content: center;
}

.error_title {
    display: block;
    margin-top: 24px;
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.2;
    color: #161b1f;
    opacity: 1;
}

.error_pg_txt {
    display: block;
    margin-top: 12px;
    text-align: center;
    font-weight: 50;
    font-size: 16px;
    line-height: 1.5;
    color: #161b1f;
    opacity: 1;
    word-break: break-word;
}

.error_back {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 150px;
    margin-top: 16px;
    min-height: 40px;
    padding: 10px 20px;
    text-align: center;
    font-weight: 700;
    line-height: 1.2;
    color: #000;
    opacity: 1;
    background: #e1ebf7;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
}

.error_back:hover {
    background: #b3c7df;
}

/* !Error page */

/* Banners parts */
.wrap_top_bnr {
    width: 100%;
}

.bnr_row {
    display: flex;
    justify-content: space-between;
    margin: 0 -10px;
}

.bnr_col {
    display: flex;
    float: left;
    width: 25%;
    padding: 0 10px;
}

.bnr_300_100 {
    display: block;
    width: 300px;
    height: 100px;
    background-color: #fff;
    overflow: hidden;
}

.bnr_300_250 {
    display: block;
    width: 300px;
    height: 250px;
    background-color: #fff;
    overflow: hidden;
}

.bnr_item {
    display: block;
    margin: 0 auto;
    background-color: #edf7fc;
    overflow: hidden;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.bnr_content {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    height: 100%;
}

.bnr_inner {
    display: block;
    width: 100%;
}

.bnr_head {
    display: block;
    width: 100%;
    text-align: center;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -1px;
    color: #7dc6f0;
}

.bnr_info {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: -1px;
    color: #7dc6f0;
}

.bnr_logo {
    display: block;
    width: 110px;
    height: 25px;
    margin: auto;
}

.bnr_logo img {
    display: block;
    width: 100%;
    height: 100%;
}

.desk_bnr {
    display: flex;
    justify-content: center;
    width: 100%;
}

.mobile_bnr {
    display: none;
    justify-content: center;
    width: 100%;
}

/* Banners parts */
.section_wrap.desk {
    display: block !important;
}

.section_wrap.mobile {
    display: none !important;
}