body {
    background: #121212!important;
}
.media-news {
    display: none;
}
.media-blog-items {
    display: none;
}
.news .head-img-block {
    height: 0;
    position: relative;
    padding-bottom: 24.74%;
}
.news .head-img-block .head-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 0;
    position: absolute;
}
.news .custom-container {
    padding: 40px 200px 0;
}
.news .custom-container .desc {
    color: #B5B5B5;
    font-size: 20px;
    text-transform: uppercase;
    border-left: 1.5px solid #E74F24;
    padding-left: 20px;
    margin-bottom: 200px;
}
.news .custom-container .animation-section {
    height: 1500px;
}
.news .custom-container .animation-section .main-box {
    display: flex;
    align-items: center;
        position: relative;
    height: 100%;

}
.news .custom-container .animation-section .title-box {
    position: absolute;
    z-index: 10;
}
.news .custom-container .animation-section .title-box .title {
    color: #E74F24;
    text-shadow: 0 4px 4px #00000066;
    font-size: 80px;
    text-transform: uppercase;
}
.news .custom-container .animation-section .title-box .sub-title {
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.news .custom-container .animation-section .blog-items {
    position: relative;
    max-width: 1100px;
    width: 100%;
    right: 0;
    margin-left: auto;
    height: 100%;
}
.news .custom-container .animation-section .blog-items .animation-image {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    position: absolute;
    object-fit: cover;
    width: calc((100% - 135px)/2);
    min-width: 330px;
}
.news .custom-container .animation-section .blog-items.animated .animation-image {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
}
.news .custom-container .animation-section .blog-items .animation-image:nth-child(odd) {
    height: calc((100% - 150px)/4);
}
.news .custom-container .animation-section .blog-items .animation-image:nth-child(even) {
    height: calc((100% - 150px)/2);
}
.news .custom-container .animation-section .blog-items .animation-image:nth-child(1) {
    top: 265px;
    left: 40px;
}
.news .custom-container .animation-section .blog-items .animation-image:nth-child(2) {
        right: 0;
    top: 70px;
}
.news .custom-container .animation-section .blog-items .animation-image:nth-child(3) {
    right: 215px;
    top: 0;
}
.news .custom-container .animation-section .blog-items .animation-image:nth-child(4) {
    right: 40px;
    bottom: 0;
}
.news .custom-container .animation-section .blog-items .animation-image:nth-child(5) {
    left: 0;
    bottom: 240px;
}
.news .custom-container .animation-section .blog-items .animation-image:nth-child(6) {
    right: 240px;
    top: 435px;
}
.news .custom-container .animation-section .more-button-box {
    display: flex;
    justify-content: center;
    margin-top: 60px;
    margin-bottom: 150px;
}
.news .custom-container .animation-section .more-button-box .more-button {
   font-size: 22px;
    color: #fff;
    text-transform: uppercase;
    background: #1B1B1B;
    padding: 15px 55px;
}
.news .news-section {
    position: relative;
}

.news .news-section .background {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url("/images/blog_news_background.svg");
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
}

.news .news-section .content {
    padding: 40px 200px 100px;
    position: relative;
    z-index: 1;
    color: white;
}
.news .news-section .title {
    color: #fff;
    font-size: 80px;
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 40px;
    font-family: "Cera CY Bold", sans-serif!important;
    text-shadow: 0 4px 4px #00000066;
    line-height: 100px;
}
.news .news-section .news-items {
   display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 40px;
}
.news .news-section .news-items .card-news .card-header {
   font-size: 24px;
    color: #fff;
    text-transform: uppercase;
    padding: 20px 0 10px;
    font-family: "Helvetica Neue Medium", sans-serif!important;
}
.news .news-section .news-items .card-news a {
   width: 100%;
   height: 100%;
    text-decoration: none;
}
.news .news-section .news-items .card-news .image-div {
   width: 100%;
    border-radius: 10px;
    overflow: hidden;
}
.news .news-section .news-items .card-news .image-div img {
   width: 100%;
    border-radius: 10px;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

.news .news-section .news-items .card-news .image-div img:hover {
   transform: scale(1.1);
}
.news .news-section .news-items .card-news .card-text {
   font-size: 20px;
    color: #A2A2A2;
    text-transform: uppercase;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0;
}
.news .news-section .news-items .card-news .box-index {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.news .news-section .news-items .card-news .box-index hr {
    width: 60px;
    color: #fff;
    height: 1.5px;
    opacity: 1;
    border: 0;
}
.news .news-section .news-items .card-news .box-index span {
    font-size: 24px;
    color: #fff;
    padding-left: 10px;
}
.news .footer {
    padding-left: 100px;
    padding-right: 100px;
    display: flex;
    flex-direction: column;
}

.news .news-info {
    position: relative;
}

.news .more-button-data {
    clip-path: polygon(13% 0, 100% 0, 100% 100%, 0 100%, 0 36%);
    width: 161px;
    height: 58px;
    background: #E74F24;
    margin-right: 0;
    padding-top: 10px;
    position: absolute;
    bottom: -30px;
}

.news .more-button-data > a:hover {
    color: #FFFFFF;
    text-underline: none;
}

.news .news-img > img {
}


.news .project-show-page > p {
    color: #FFFFFF;
}

.news .news-show-title {
    display: flex;
    color: white;
    padding-bottom: 20px;
    font-size: 40px;
    margin-top: -6px;
    text-shadow: 0 4px 4px #00000066;
    font-family: "Cera CY Bold", sans-serif!important;
}

.news .news-show-img {
    display: flex;
    justify-content: center;
    object-fit: cover;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    border-radius: 10px;
    aspect-ratio: 480 / 352;
    width: 100%;
}


.news .news-show-blog{
    color: white;
    padding-top: 0;
    padding-bottom: 80px;
}

.news .news-image > img {
    width: 340px;
    height: 300px;
    object-fit: cover;
    padding-top: 5px;
}

.news .news-show-img > img {
    width: 550px;
    height: 650px;
    object-fit: cover;
    padding-top: 5px;
}

.news .outer-style{
    max-width: 550px;
    overflow: auto;
    display: flex;
}
.news .outer-style::-webkit-scrollbar {
    width: 0.1px;
    height: 5px;
}

.news .outer-style::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.news .outer-style::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 0.1px solid slategrey;
}
.news .parentSliderImgStyle{
    width: 114px;
    height: 77px;
    object-fit: cover;
    margin-right: 6px;
    cursor: pointer;
    margin-bottom: 9px;
}
.news .news-show-blog-row1 {
    float: left;
    width: 31.58%;
    margin-right: 20px;
}
.news .news-show-blog-row2 {
    float: right;
    width: 31.58%;
    margin-right: 20px;
}

@media only screen and (max-width: 992px) {
    .news .news-show-blog-row {
        float: left;
        width: 100%;
    }
}


/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0, 0, 0); /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content-data {
    background-color: #fff;
    margin: 10% auto;
    padding: 20px;
    border: 1px solid #fff;
    width: 596px;
}
.modal-content-data > span{
    width: 36px;
    height: 36px;
    background: #2E2E30;
    box-shadow: none;
    outline: none;
    display: block;
    margin-left: auto;
    /*position: absolute;*/
    right: 15px;
    top: 15px;
    text-align: center;
    opacity: 0.9 !important;
}
/* The Close Button */
.btn-close {
    z-index: 99999;
    width: 44px;
    height: 44px;
    background: #fff;
    box-shadow: none;
    outline: none;
    display: block;
    margin-left: auto;
    position: absolute;
    right: 30px;
    top: 30px;
    opacity: 1;
    padding: 0;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.news .new-share-btn {
    font-size: 22px;
    color: #fff;
    text-transform: uppercase;
    background: #1B1B1B;
    padding: 15px 30px;
    border: 0;
    border-radius: 2px;
    box-shadow: 2px 3px 4px 0 #00000059;
    margin-top: 60px;
    margin-bottom: 157px;
    min-width: 215px;
}

.news .new-share-btn:hover {
    box-shadow: 0 2px 5px #0000004d;
    color: #E74F24;
}

.news .new-share-btn > img {
    width: 17px;
    color: white;
    padding-right: 2px;
}
#shareInfoModal .modal-dialog {
    min-width: 640px;
}
#shareInfoModal .modal-body {
    padding: 0;
}
#shareInfoModal .share-container {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 104px 50px;
}
#shareInfoModal .share-title {
    font-family: "Cera CY Bold", sans-serif!important;
    font-size: 30px;
    font-weight: 400;
    line-height: 37.71px;
    color: #E74F24;
    text-transform: uppercase;
    margin-bottom: 10px;
}
#shareInfoModal .text {
    font-family: "Cera CY Bold", sans-serif!important;
    font-size: 18px;
    font-weight: 400;
    line-height: 22.63px;
    text-align: center;
    color: #6A6A6A;
    text-transform: uppercase;
    margin: 0;
}

.news .shareon {
    padding: 0;
    gap: 30px;
    display: flex;
}
.news .shareon > a {
    background-color: transparent!important;
}
.news .shareon > button {
    background-color: transparent!important;
}
.shareon>:before {
    width: 0!important;
    height: 0!important;
}
.shareon>* {
    height: 40px!important;
    min-width: 40px!important;
    margin: 0!important;
    padding: 0!important;
}
.shareon>:hover {
    opacity: 1!important;
}
.shareon .icon.mouse-over svg path {
    animation: iconMouseOver 1.5s forwards;
}
.shareon .icon.mouse-out svg path {
    animation: iconMouseOut 1.5s forwards;
}
@keyframes iconMouseOver {
    0% {
        fill: #3B3B3B;
        stroke: #3B3B3B
    }
    100% {
        fill: #E74F24;
        stroke: #E74F24;
    }
}
@keyframes iconMouseOut {
    0% {
        fill: #E74F24;
        stroke: #E74F24
    }
    100% {
        fill: #3B3B3B;
        stroke: #3B3B3B
    }
}
.shareon>.facebook:before {
    background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.6668%2024.9332V25.4332H13.1668H16.9002V36.0045C9.45836%2034.5564%203.8335%2027.9814%203.8335%2020.0999C3.8335%2011.1591%2011.11%203.8999%2020.0002%203.8999C28.8904%203.8999%2036.1668%2011.1591%2036.1668%2020.0999V20.101C36.1755%2023.9578%2034.805%2027.6906%2032.3029%2030.6256C29.9279%2033.4115%2026.6818%2035.3043%2023.1002%2036.004V25.4332H26.4835H26.9119L26.9776%2025.0099L27.7276%2020.1766L27.8171%2019.5999H27.2335H23.1002V16.9666C23.1002%2016.3817%2023.2453%2015.8648%2023.5613%2015.5003C23.8657%2015.1492%2024.3922%2014.8666%2025.3168%2014.8666H27.4168H27.9168V14.3666V10.2499V9.82634L27.499%209.75671L27.4168%2010.2499L27.4989%209.75669L27.4988%209.75667L27.4984%209.7566L27.497%209.75638L27.4923%209.7556L27.4748%209.75274L27.4087%209.74227C27.3514%209.73333%2027.2681%209.72066%2027.1627%209.70551C26.952%209.67523%2026.6527%209.63496%2026.2958%209.59472C25.5841%209.51447%2024.6345%209.43324%2023.7002%209.43324C21.6915%209.43324%2019.9777%2010.0403%2018.7654%2011.2526C17.5525%2012.4654%2016.9002%2014.2256%2016.9002%2016.4166V19.5999H13.1668H12.6668V20.0999V24.9332Z%22%20fill%3D%22%233B3B3B%22%20stroke%3D%22%233B3B3B%22%2F%3E%3C%2Fsvg%3E')!important;
}
.shareon>.linkedin:before {
    background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12%204C7.02944%204%203%208.02944%203%2013V28.33C3%2033.3006%207.02944%2037.33%2012%2037.33H27.33C32.3006%2037.33%2036.33%2033.3006%2036.33%2028.33V13C36.33%208.02944%2032.3006%204%2027.33%204H12ZM30.7044%2021.8666V30.1111H26.3644V22.4422C26.3644%2021.8646%2026.135%2021.3107%2025.7266%2020.9023C25.3182%2020.4938%2024.7643%2020.2644%2024.1867%2020.2644C22.9889%2020.2644%2022.0244%2021.2444%2022.0244%2022.4422V30.1111H17.6844V17.0911H22.0244V18.8177C22.7711%2017.6044%2024.3111%2016.7955%2025.6333%2016.7955C26.9783%2016.7955%2028.2681%2017.3298%2029.2191%2018.2808C30.1702%2019.2318%2030.7044%2020.5217%2030.7044%2021.8666ZM14.7911%2030.1111V17.0911H10.4822V30.1111H14.7911ZM14.4768%2013.8834C13.9867%2014.3735%2013.322%2014.6488%2012.6289%2014.6488C11.1822%2014.6488%2010%2013.4822%2010%2012.0355C10%2011.3383%2010.277%2010.6696%2010.77%2010.1766C11.263%209.68359%2011.9317%209.40662%2012.6289%209.40662C14.0756%209.40662%2015.2422%2010.5888%2015.2422%2012.0355C15.2422%2012.7286%2014.9669%2013.3933%2014.4768%2013.8834Z%22%20fill%3D%22%233B3B3B%22%2F%3E%3C%2Fsvg%3E')!important;
}
.shareon>.messenger:before {
    background-image: url('')!important;
}
.shareon>.telegram:before {
    background-image: url('')!important;
}
.shareon>.twitter:before {
    background-image: url('')!important;
}
.shareon>.viber:before {
    background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M28.1349%203.85873C22.5566%202.71376%2016.7718%202.71376%2011.1935%203.85873L10.5924%203.98083C9.02328%204.30296%207.58214%205.01819%206.42906%206.04709C5.27598%207.07598%204.4561%208.37825%204.06051%209.80922C2.6465%2014.9254%202.6465%2020.2848%204.06051%2025.401C4.43777%2026.7657%205.20129%2028.0146%206.27368%2029.021C7.34606%2030.0274%208.68918%2030.7556%2010.1669%2031.1317L10.9913%2035.6512C11.0176%2035.7947%2011.0854%2035.9291%2011.1875%2036.0404C11.2896%2036.1517%2011.4223%2036.2358%2011.5719%2036.284C11.7214%2036.3323%2011.8823%2036.3428%2012.0378%2036.3145C12.1932%2036.2862%2012.3376%2036.2202%2012.4559%2036.1233L17.298%2032.146C20.9329%2032.3497%2024.581%2032.0828%2028.1349%2031.3531L28.7377%2031.231C30.3068%2030.9089%2031.748%2030.1937%2032.9011%2029.1648C34.0541%2028.1359%2034.874%2026.8336%2035.2696%2025.4026C36.6835%2020.2864%2036.6835%2014.927%2035.2696%209.81085C34.8739%208.37967%2034.0537%207.07726%2032.9003%206.04835C31.7469%205.01943%2030.3054%204.30432%2028.7359%203.98246L28.1349%203.85873ZM12.6899%209.67735C12.3604%209.63331%2012.0244%209.69421%2011.7378%209.84993H11.713C11.0481%2010.2081%2010.4488%2010.6591%209.93814%2011.1898C9.51261%2011.6408%209.28212%2012.0966%209.22183%2012.5362C9.18637%2012.7967%209.2112%2013.0604%209.29453%2013.3095L9.32644%2013.3258C9.80516%2014.6168%2010.4293%2015.859%2011.1917%2017.028C12.1748%2018.6698%2013.3845%2020.1883%2014.791%2021.5458L14.8335%2021.6011L14.9009%2021.6467L14.9417%2021.6907L14.9913%2021.7298C16.4749%2023.0251%2018.1325%2024.1412%2019.9239%2025.051C21.9718%2026.075%2023.2147%2026.5585%2023.9611%2026.7604V26.7702C24.1792%2026.832%2024.3778%2026.8597%2024.5782%2026.8597C25.2139%2026.8166%2025.8156%2026.5793%2026.2874%2026.1857C26.8636%2025.7168%2027.3512%2025.1649%2027.7306%2024.5512V24.5398C28.087%2023.9211%2027.9664%2023.3383%2027.4523%2022.9426C26.4195%2022.114%2025.3027%2021.3781%2024.1172%2020.7448C23.3228%2020.3492%2022.5161%2020.5885%2022.1899%2020.989L21.4931%2021.7965C21.1349%2022.197%2020.486%2022.1417%2020.486%2022.1417L20.4682%2022.1514C15.6261%2021.0167%2014.3335%2016.5151%2014.3335%2016.5151C14.3335%2016.5151%2014.2732%2015.903%2014.7218%2015.5904L15.5941%2014.9457C16.0126%2014.6331%2016.3034%2013.894%2015.8548%2013.1646C15.1697%2012.0751%2014.3698%2011.0499%2013.4665%2010.1039C13.2695%209.88126%2012.9932%209.72962%2012.6864%209.67573L12.6899%209.67735ZM20.8707%207.72045C20.6356%207.72045%2020.4101%207.80621%2020.2439%207.95887C20.0776%208.11153%2019.9842%208.31857%2019.9842%208.53447C19.9842%208.75036%2020.0776%208.95741%2020.2439%209.11007C20.4101%209.26273%2020.6356%209.34849%2020.8707%209.34849C23.1136%209.34849%2024.9753%2010.0209%2026.4487%2011.3103C27.2058%2012.0152%2027.7962%2012.8504%2028.1828%2013.7654C28.5711%2014.682%2028.7484%2015.6604%2028.7023%2016.6405C28.6974%2016.7474%2028.7155%2016.8541%2028.7555%2016.9546C28.7955%2017.0551%2028.8567%2017.1473%2028.9356%2017.2261C29.0949%2017.3852%2029.3164%2017.4796%2029.5515%2017.4887C29.7867%2017.4978%2030.0161%2017.4207%2030.1893%2017.2745C30.3626%2017.1282%2030.4654%2016.9248%2030.4753%2016.7089C30.5303%2015.5033%2030.3124%2014.3003%2029.8352%2013.176C29.356%2012.0464%2028.6295%2011.0191%2027.7005%2010.1576L27.6828%2010.1413C25.8547%208.53772%2023.5409%207.72045%2020.8707%207.72045ZM20.8104%2010.3969C20.5753%2010.3969%2020.3498%2010.4827%2020.1836%2010.6354C20.0173%2010.788%2019.9239%2010.9951%2019.9239%2011.211C19.9239%2011.4269%2020.0173%2011.6339%2020.1836%2011.7866C20.3498%2011.9392%2020.5753%2012.025%2020.8104%2012.025H20.8406C22.4576%2012.1308%2023.6349%2012.6257%2024.4594%2013.4381C25.3051%2014.2749%2025.743%2015.3153%2025.7094%2016.6014C25.704%2016.8173%2025.7922%2017.0263%2025.9546%2017.1825C26.117%2017.3387%2026.3404%2017.4292%2026.5755%2017.4342C26.8106%2017.4391%2027.0382%2017.3581%2027.2083%2017.209C27.3784%2017.0598%2027.477%2016.8548%2027.4824%2016.6389C27.525%2014.9506%2026.9328%2013.4935%2025.759%2012.3311V12.3278C24.5587%2011.1458%2022.9115%2010.5207%2020.9292%2010.3986L20.8991%2010.3953L20.8104%2010.3969ZM20.7768%2013.1239C20.6581%2013.1143%2020.5386%2013.1267%2020.4253%2013.1605C20.312%2013.1942%2020.2073%2013.2486%2020.1174%2013.3203C20.0275%2013.3921%2019.9542%2013.4797%2019.902%2013.578C19.8498%2013.6763%2019.8197%2013.7832%2019.8135%2013.8924C19.8073%2014.0016%2019.8251%2014.1109%2019.8659%2014.2136C19.9067%2014.3164%2019.9697%2014.4105%2020.051%2014.4904C20.1323%2014.5704%2020.2303%2014.6344%2020.3391%2014.6788C20.448%2014.7232%2020.5655%2014.7469%2020.6846%2014.7487C21.4257%2014.7845%2021.8991%2014.9897%2022.197%2015.2648C22.4966%2015.5416%2022.72%2015.986%2022.7608%2016.6812C22.763%2016.7904%2022.7891%2016.8981%2022.8377%2016.9979C22.8862%2017.0977%2022.956%2017.1875%2023.0431%2017.2619C23.1302%2017.3363%2023.2328%2017.3939%2023.3446%2017.4312C23.4565%2017.4685%2023.5753%2017.4847%2023.6942%2017.4789C23.813%2017.4731%2023.9293%2017.4454%2024.0362%2017.3975C24.1432%2017.3495%2024.2385%2017.2823%2024.3165%2017.1998C24.3945%2017.1173%2024.4537%2017.0212%2024.4904%2016.9173C24.5271%2016.8134%2024.5407%2016.7037%2024.5303%2016.5949C24.4735%2015.6181%2024.1402%2014.7552%2023.4576%2014.1203C22.7714%2013.4853%2021.837%2013.176%2020.7768%2013.1239Z%22%20fill%3D%22%233B3B3B%22%2F%3E%3C%2Fsvg%3E')!important;
}
.shareon>.whatsapp:before {
    background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19.665%203C28.8691%203%2036.33%2010.4609%2036.33%2019.665C36.33%2028.8691%2028.8691%2036.33%2019.665%2036.33C16.7199%2036.3347%2013.8267%2035.5553%2011.2825%2034.0719L3.00669%2036.33L5.2598%2028.0508C3.7751%2025.5059%202.9951%2022.6114%203.00002%2019.665C3.00002%2010.4609%2010.4609%203%2019.665%203ZM13.9856%2011.8324L13.6523%2011.8458C13.4365%2011.8589%2013.2256%2011.9156%2013.0323%2012.0124C12.8516%2012.1148%2012.6865%2012.2428%2012.5424%2012.3924C12.3424%2012.5807%2012.2291%2012.744%2012.1074%2012.9023C11.491%2013.7038%2011.1592%2014.6877%2011.1642%2015.6987C11.1675%2016.5153%2011.3808%2017.3102%2011.7141%2018.0535C12.3957%2019.5567%2013.5173%2021.1482%2014.9971%2022.623C15.3538%2022.978%2015.7037%2023.3346%2016.0804%2023.6663C17.9192%2025.2852%2020.1104%2026.4527%2022.4797%2027.0759L23.4263%2027.2209C23.7346%2027.2376%2024.0429%2027.2142%2024.3529%2027.1992C24.8382%2027.1742%2025.3121%2027.0428%2025.7411%2026.8143C25.9593%2026.7019%2026.1723%2026.5795%2026.3793%2026.4476C26.3793%2026.4476%2026.451%2026.401%2026.5877%2026.2977C26.8126%2026.131%2026.9509%2026.0127%2027.1376%2025.8177C27.2759%2025.6744%2027.3959%2025.5061%2027.4876%2025.3144C27.6175%2025.0428%2027.7475%2024.5245%2027.8009%2024.0929C27.8409%2023.7629%2027.8292%2023.5829%2027.8242%2023.4713C27.8175%2023.293%2027.6692%2023.108%2027.5076%2023.0297L26.5377%2022.5947C26.5377%2022.5947%2025.0878%2021.9631%2024.2012%2021.5598C24.1085%2021.5193%2024.009%2021.4961%2023.9079%2021.4915C23.7939%2021.4798%2023.6787%2021.4926%2023.57%2021.5291C23.4614%2021.5656%2023.3618%2021.6249%2023.278%2021.7031C23.2696%2021.6998%2023.158%2021.7948%2021.9531%2023.2546C21.884%2023.3476%2021.7887%2023.4178%2021.6795%2023.4564C21.5703%2023.495%2021.452%2023.5001%2021.3398%2023.4713C21.2313%2023.4422%2021.1249%2023.4054%2021.0215%2023.3613C20.8149%2023.2746%2020.7432%2023.2413%2020.6016%2023.1813C19.6451%2022.7639%2018.7596%2022.2%2017.9768%2021.5098C17.7669%2021.3265%2017.5719%2021.1265%2017.3719%2020.9332C16.7163%2020.3053%2016.1449%2019.595%2015.6721%2018.8201L15.5738%2018.6618C15.5031%2018.5554%2015.446%2018.4406%2015.4038%2018.3201C15.3404%2018.0751%2015.5054%2017.8785%2015.5054%2017.8785C15.5054%2017.8785%2015.9104%2017.4352%2016.0987%2017.1952C16.282%2016.9619%2016.437%2016.7353%2016.537%2016.5736C16.7336%2016.257%2016.7953%2015.932%2016.692%2015.6804C16.2254%2014.5405%2015.7421%2013.4056%2015.2455%2012.2791C15.1471%2012.0558%2014.8555%2011.8958%2014.5905%2011.8641C14.5005%2011.8541%2014.4105%2011.8441%2014.3206%2011.8374C14.0968%2011.8263%2013.8725%2011.8286%2013.649%2011.8441L13.9856%2011.8324Z%22%20fill%3D%22%233B3B3B%22%2F%3E%3C%2Fsvg%3E')!important;
}
.news .share-input input:focus-visible {
    outline: none;
}
.news .share-input {
    padding: 0;
}

.news .share-input > p {
    font-family: "Cera CY Bold", sans-serif!important;
    font-size: 30px;
    font-weight: 400;
    line-height: 37.71px;
    color: #E74F24;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.news .share-input input {
    border: 1px solid #6A6A6A;
    font-family: "Helvetica Neue", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    flex: 1;
    border-radius: 2px;
    color: #A2A2A2;
    text-transform: uppercase;
    padding: 15px 30px;
}

.news .share-input button {
    padding: 13px;
    border: 1px solid #6A6A6A;
    border-radius: 2px;
    background: #fff;
    margin-left: 13px;
}

.news .liner {
    display: block;
    position: absolute;
    float: right;
    padding-left: 417px;
}
.news .share-button-line{
    display: flex;
    justify-content: end;
}

.news .news-pagination > nav > ul > li {
     background-color: #E74F24  !important;
     color: #E74F24;
     width: 44px;
}
.news .news-pagination > nav > ul > li > .page-link{
     background-color: transparent !important;
     border-color: #E74F24 !important;
     display: flex;
     justify-content: center;
     height: 44px;
     padding-top: 11px;
}

.news .pagination {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 15px;
    margin-top: 54px;
}

.news .pagination .page-item.active {
    opacity: 0.4;
}

.news .news-show-blog > h2 {
    color: #A2A2A2 !important;
    font-family: "Helvetica Neue Bold", sans-serif!important;
    font-size: 24px;
}
.news .news-show-blog > h2 > strong {
    color: #A2A2A2 !important;
    font-family: "Helvetica Neue Bold", sans-serif!important;
    font-size: 24px;
    font-weight: unset!important;
}
.news .news-show-blog > p {
    color: #A2A2A2 !important;
    font-size: 20px;
}
.news .news-show-blog > h3 > strong {
    color: #A2A2A2 !important;
    font-family: "Helvetica Neue Bold", sans-serif!important;
}

.news .news-show-blog > p > a > strong {
    color: #E74F24 !important;
    font-size: 20px;
}
.news .news-show-blog > p > a  {
    color: #E74F24 !important;
    font-size: 20px;
}

.news .news-show-blog > a  {
    color: #E74F24 !important;
    font-size: 20px;
}

.news .news-show-blog > ol > li > h3 > strong {
    color: #A2A2A2 !important;
}

.news .custom-container .blogs-section {
    padding-top: 177px;
}
.news .custom-container .blogs-section .main-box {
    display: flex;
    align-items: center;
    position: relative;
    height: 100%;
}
.news .custom-container .blogs-section.animate .main-box {
     animation: changeDisplayType 1s forwards;
    animation-delay: 4s;
}

.news .custom-container .blogs-section .title-box {
    position: absolute;
    z-index: 10;
    top: 50%;
}
.news .custom-container .blogs-section.animate .title-box  {
    z-index: 0;
    animation: animateBlogTitle 3s forwards;
}
@keyframes animateBlogTitle {
    from {
       position: absolute;
       top: 50%;
    }
    to {
           top: -177px;
    }
}
.news .custom-container .blogs-section .title {
    color: #fff;
    text-shadow: 0 4px 4px #00000066;
    font-size: 80px;
    text-transform: uppercase;
    font-family: "Cera CY Bold", sans-serif!important;
    line-height: normal;
}
.news .custom-container .blogs-section.animate .title {
    animation: animateBlogTitleColor 3s forwards;
}

@keyframes animateBlogTitleColor {
    from {
       color: #E74F24;
    }
    to {
       color: #fff;
    }
}
.news .custom-container .blogs-section .sub-title {
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 40px;
    margin-top: 5px;
}
.news .custom-container .blogs-section .blog-items {
   display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 30px;
        grid-template-rows: repeat(5, 1fr);
    margin-bottom: 25px;
}
.news .custom-container .blogs-section .blog-items .card-blogs:nth-child(odd) {
    grid-row-end: span 2;
}
.news .custom-container .blogs-section .blog-items .card-blogs:nth-child(even) {
    grid-row-end: span 3;
}
.news .custom-container .blogs-section .blog-items .card-blogs:nth-child(4) {
    grid-column-start: 1;
}
.news .custom-container .blogs-section .blog-items .card-blogs:nth-child(5) {
    grid-column-start: 2;
}
.news .custom-container .blogs-section .blog-items .card-blogs:nth-child(6) {
    grid-row-start: 3;
    grid-column-start: 3;
}
.news .custom-container .blogs-section .blog-items .card-blogs .card-header {
   font-size: 24px;
    color: #fff;
    text-transform: uppercase;
    padding: 20px 0 10px;
    opacity: 0;
    background: transparent;
    border: 0;
    font-family: "Helvetica Neue Medium", sans-serif!important;
    line-height: 36px;
}
.news .custom-container .blogs-section .blog-items.animated .card-blogs .card-header {
    opacity: 1;
}
.news .custom-container .blogs-section .blog-items .card-blogs .card-text {
    font-size: 20px;
    color: #A2A2A2;
    text-transform: uppercase;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0;
    opacity: 0;
    line-height: 30px;
}
.news .custom-container .blogs-section .blog-items.animated .card-blogs .card-text {
    opacity: 1;
}
.news .custom-container .blogs-section .blog-items .card-blogs .static-item {
    position: relative;
    /*opacity: 0;*/
    display: flex;
    width: 100%;
    height: 100%;
    text-decoration: none;
    flex-direction: column;
    justify-content: end;
}
.news .custom-container .blogs-section .blog-items .card-blogs .absolute-item {
    position: absolute;
    height: 100%;
    width: 100%;
}
.news .custom-container .blogs-section.animate .blog-items .card-blogs .absolute-item {
    animation: animateBlogItemsToBack 3s forwards;
}
.news .custom-container .blogs-section.animate .blog-items.animated .card-blogs .absolute-item {
    right: 0;
    top: 0;
    animation: none;
}
.news .custom-container .blogs-section.animate .blog-items .card-blogs .absolute-item {
    animation: animateBlogItemsToBack 3s ease forwards;
}
.news .custom-container .blogs-section.animate .blog-items.animated .card-blogs .absolute-item {
    animation: none;
}

@keyframes animateBlogItemsToBack {
    to {
        transform: translate(0, -100%);
    }
}
.news .custom-container .blogs-section .blog-items .card-blogs .absolute-item .rel-item {
        position: relative;
    height: 100%;
    width: 100%;
}
.news .custom-container .blogs-section.animate .blog-items .card-blogs .absolute-item .card-header,
.news .custom-container .blogs-section.animate .blog-items .card-blogs .absolute-item .card-text {
    animation: animateBlogInfo 3s forwards;
    width: 100%;
}
.news .custom-container .blogs-section.animate .blog-items.animated .card-blogs .absolute-item .card-header,
.news .custom-container .blogs-section.animate .blog-items.animated .card-blogs .absolute-item .card-text {
    opacity: 1;
    animation: none;
}
@keyframes animateBlogInfo {
    from {
       opacity: 0;
    }
    to {
       opacity: 1;
    }
}
.news .custom-container .blogs-section .blog-items .card-blogs {
    position: relative;
}
.news .custom-container .blogs-section .blog-items .card-blogs:nth-child(1) .absolute-item  {
    transform: translate(90%, -55%);
}
.news .custom-container .blogs-section .blog-items .card-blogs:nth-child(2) .absolute-item  {
    transform: translate(calc(100% - 25px), -85%);
}
.news .custom-container .blogs-section .blog-items .card-blogs:nth-child(3) .absolute-item  {
    transform: translate(-50%, -100%);
}
.news .custom-container .blogs-section .blog-items .card-blogs:nth-child(4) .absolute-item  {
    transform: translate(200%, -50%);
}
.news .custom-container .blogs-section .blog-items .card-blogs:nth-child(5) .absolute-item  {
    transform: translate(-30%, -80%);
    z-index: 1;
}
.news .custom-container .blogs-section .blog-items .card-blogs:nth-child(6) .absolute-item  {
    transform: translate(-50%, -120%);
}
.news .custom-container .blogs-section.animate .blog-items.animated .card-blogs .absolute-item  {
    transform: translate(0);
}
.news .custom-container .blogs-section .blog-items .card-blogs a {
   display: flex;
    width: 100%;
    height: 100%;
    text-decoration: none;
    flex-direction: column;
    justify-content: end;
}
.news .custom-container .blogs-section .blog-items .card-blogs .img-box .image-content {
    opacity: 0;
}
.news .custom-container .blogs-section .blog-items .card-blogs .img-box .image-div {
    width: 100%;
    height: 100%;
    overflow: hidden;
   border-radius: 10px;
}
.news .custom-container .blogs-section .blog-items .card-blogs .img-box .image-div .image-absolute {
    position: relative;
    width: 100%;
    height: 100%;
}
.news .custom-container .blogs-section .blog-items .card-blogs .img-box {
    flex-grow: 1;
    position: relative;
}
.news .custom-container .blogs-section .blog-items .card-blogs .img-box img {
   width: 100%;
    border-radius: 10px;
    object-fit: cover;
    height: 100%;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}
.news .custom-container .blogs-section.animate .blog-items .card-blogs .absolute-item .rel-item img {
   animation: animateImgColor 3s forwards;

}
.news .custom-container .blogs-section.animate .blog-items .card-blogs .absolute-item .rel-item img:hover {
   transform: scale(1.1);
}
.news .custom-container .blogs-section.animate .blog-items.animated .card-blogs .absolute-item .rel-item img {
  filter: grayscale(0)!important;
  -webkit-filter: grayscale(0)!important;
    animation: none;

}

@keyframes animateImgColor {
    from {
        filter: grayscale(100%);
        -webkit-filter: grayscale(100%);
    }
    to {
        filter: grayscale(0);
        -webkit-filter: grayscale(0);
    }
}
.news .custom-container .blogs-section .blog-items .card-blogs .card-text {
   font-size: 20px;
    color: #A2A2A2;
    text-transform: uppercase;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0;
    font-family: "Helvetica Neue Light", sans-serif!important;
}
.news .custom-container .blogs-section .more-button-box {
    display: flex;
    justify-content: center;
    margin-top: 60px;
    margin-bottom: 150px;
}
.news .custom-container .blogs-section .more-button-box .more-button {
   font-size: 22px;
    color: #fff;
    text-transform: uppercase;
    background: #1B1B1B;
    padding: 15px 55px;
    border: 0;
    border-radius: 2px;
    box-shadow: 2px 3px 4px 0 #00000059;
}
.news .custom-container .blogs-section .more-button-box .more-button:hover {
    box-shadow: 0 2px 5px #0000004d;
    color: #E74F24;
}
@media (min-width: 1920px) {
    .news {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .news .head-img-block {
        width: 100%;
    }
    .news .custom-container {
        max-width: 1920px;
    }
    .news .news-section {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .news .news-section .content {
        max-width: 1920px;
    }
}
@media (max-width: 1440px) {
    .news .news-section .title,
    .news .custom-container .blogs-section .title {
        font-size: 60px;
    }
    .news .custom-container .blogs-section .sub-title {
        font-size: 15px;
    }
    .news .custom-container .blogs-section {
        padding-top: 143px;
    }
    .news .news-section .news-items .card-news .card-text,
    .news .custom-container .blogs-section .blog-items .card-blogs .card-text {
        font-size: 14px;
        line-height: 21px;
    }
    .news .news-section .news-items .card-news .card-header,
    .news .custom-container .blogs-section .blog-items .card-blogs .card-header {
        font-size: 16px;
        line-height: 24px;
    }
    .news .custom-container .blogs-section .more-button-box .more-button {
        font-size: 16px;
        padding: 10px 40px;
    }
    .news .custom-container .blogs-section .more-button-box {
        margin-top: 40px;
        margin-bottom: 125px;
    }
    .news .news-section .news-items .card-news .box-index hr {
        height: 1px;
    }
    .news .news-section .news-items .card-news .box-index span {
        font-size: 20px;
    }
    .news .custom-container .blogs-section .blog-items {
        gap: 20px;
    }
    .news .custom-container .desc {
        margin-bottom: 150px;
        font-size: 18px;
    }
    @keyframes animateBlogTitle {
        from {
           position: absolute;
           top: 50%;
        }
        to {
            top: -143px;
        }
    }
    .news .news-section .content {
        padding: 40px 150px 100px;
    }
    .news .custom-container {
        padding: 40px 100px 0;
    }
    .news .news-section .news-items {
        gap: 30px
    }
    .news .news-section .title {
        margin: 0;
    }
}
@media (max-width: 1200px) {
    .news .news-show-blog-row2 .col-12,
    .news .news-show-blog-row1 .col-12 {
        justify-content: center;
        display: flex;
    }
}

@media (max-width: 991px) {
    .news {
        display: none;
    }
    .media-news {
        display: block!important;
    }
    .blog-items {
        display: none!important;
    }
    .media-blog-items{
        display: flex!important;
    }
    .media-news .head-img-block {
        height: 0;
        position: relative;
        padding-bottom: 55.03%
    }
    .media-news .head-img-block .head-img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 0;
        position: absolute;
    }
    .media-news .custom-container {
        padding: 20px 20px 50px;
    }
    .media-news .custom-container .desc {
        color: #B5B5B5;
        font-size: 16px;
        text-transform: uppercase;
        border-left: 1.5px solid #E74F24;
        padding-left: 20px;
        margin-bottom: 50px;
    }
    .media-news .custom-container .animation-section {
        height: 1500px;
    }
    .media-news .custom-container .animation-section .main-box {
        display: flex;
        align-items: center;
            position: relative;
        height: 100%;

    }
    .media-news .custom-container .animation-section .title-box {
        position: absolute;
        z-index: 10;
    }
    .media-news .custom-container .animation-section .title-box .title {
        color: #E74F24;
        text-shadow: 0 4px 4px #00000066;
        font-size: 80px;
        text-transform: uppercase;
    }
    .media-news .custom-container .animation-section .title-box .sub-title {
        color: #fff;
        font-size: 20px;
        text-transform: uppercase;
        margin-bottom: 20px;
    }
    .media-news .custom-container .animation-section .blog-items {
        position: relative;
        max-width: 1100px;
        width: 100%;
        right: 0;
        margin-left: auto;
        height: 100%;
    }
    .media-news .custom-container .animation-section .blog-items .animation-image {
        filter: grayscale(100%);
        -webkit-filter: grayscale(100%);
        position: absolute;
        object-fit: cover;
        width: calc((100% - 135px)/2);
        min-width: 330px;
    }
    .media-news .custom-container .animation-section .more-button-box {
        display: flex;
        justify-content: center;
        margin-top: 60px;
        margin-bottom: 150px;
    }
    .media-news .custom-container .animation-section .more-button-box .more-button {
       font-size: 22px;
        color: #fff;
        text-transform: uppercase;
        background: #1B1B1B;
        padding: 15px 55px;
    }
    .media-news .custom-container .blogs-section .main-box {
        align-items: center;
        position: relative;
        height: 100%;
    }
    .media-news .custom-container .blogs-section .title {
        color: #E74F24;
        text-shadow: 0 4px 4px #00000066;
        font-size: 50px;
        text-transform: uppercase;
        font-family: "Cera CY Bold", sans-serif!important;
        line-height: normal;
        overflow-wrap: break-word;
    }
    .media-news .custom-container .blogs-section .sub-title {
        color: #fff;
        font-size: 16px;
        text-transform: uppercase;
        margin-bottom: 40px;
    }
    .media-news .custom-container .blogs-section .media-blog-items {
        display: flex;
        gap: 20px;
        margin-bottom: 25px;
        flex-direction: column;
    }
    .media-news .custom-container .blogs-section .media-blog-items.animated .card-blogs .card-header {
        opacity: 1;
    }
    .media-news .custom-container .blogs-section .media-blog-items.animated .card-blogs .card-text {
        opacity: 1;
    }
    .media-news .custom-container .blogs-section .media-blog-items .card-blogs .static-item {
        position: relative;
        display: flex;
        width: 100%;
        height: 100%;
        text-decoration: none;
        flex-direction: column;
        justify-content: end;
    }
    .media-news .custom-container .blogs-section .media-blog-items .card-blogs {
        position: relative;
    }
    .media-news .custom-container .blogs-section .media-blog-items .card-blogs a {
       display: flex;
        width: 100%;
        height: 100%;
        text-decoration: none;
        flex-direction: column;
        justify-content: end;
    }
    .media-news .custom-container .blogs-section .media-blog-items .card-blogs .img-box {
        flex-grow: 1;
        position: relative;
    }
    .media-news .custom-container .blogs-section .more-button-box {
        display: flex;
        justify-content: center;
        margin-top: 50px;
        margin-bottom: 0;
    }
    .media-news .custom-container .blogs-section .more-button-box .more-button {
        font-size: 20px;
        line-height: 24px;
        color: #fff;
        text-transform: uppercase;
        background: #1B1B1B;
        padding: 8px 30px;
        border: 0;
        border-radius: 2px;
        box-shadow: 2px 3px 4px 0 #00000059;
        min-width: 220px;
        text-align: center;
    }
    .media-news .custom-container .blogs-section .media-blog-items .card-blogs .img-box {
        height: 0;
        position: relative;
        padding-bottom: 73.66%
    }
    .media-news .custom-container .blogs-section .media-blog-items .card-blogs .img-box .image-content {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: 4.16px;
        position: absolute;
        filter: grayscale(100%);
        -webkit-filter: grayscale(100%);
    }
    .media-news .custom-container .blogs-section .media-blog-items .card-blogs .card-header {
        font-size: 20px;
        color: #fff;
        text-transform: uppercase;
        padding: 10px 0;
        background: transparent;
        border: 0;
        font-family: "Helvetica Neue Medium", sans-serif!important;
    }
    .media-news .custom-container .blogs-section .media-blog-items .card-blogs .card-text {
        font-size: 16px;
        color: #A2A2A2;
        text-transform: uppercase;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0;
    }
    .media-news .news-section {
        position: relative;
    }

    .media-news .news-section .background {
        position: absolute;
        width: 100%;
        height: 100%;
        background-image: url("/images/blog_news_background_media.svg");
        background-size: contain;
        background-position: top center;
        background-repeat: no-repeat;
    }

    .media-news .news-section .content {
        padding: 20px 20px 50px;
        position: relative;
        z-index: 1;
        color: white;
    }
    .media-news .news-section .title {
        color: #fff;
        font-size: 50px;
        text-transform: uppercase;
        text-align: center;
        margin: 0;
        font-family: "Cera CY Bold", sans-serif!important;
        text-shadow: 0 4px 4px #00000066;
        overflow-wrap: break-word;
    }
    .media-news .news-section .news-items {
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin-top: 50px;
    }
    .media-news .news-section .news-items .card-news .card-header {
       font-size: 20px;
        color: #fff;
        text-transform: uppercase;
        padding: 10px 0;
        font-family: "Helvetica Neue Medium", sans-serif!important;
    }
    .media-news .news-section .news-items .card-news a {
       width: 100%;
       height: 100%;
        text-decoration: none;
    }
    .media-news .news-section .news-items .card-news .image-div {
       width: 100%;
        border-radius: 10px;
        overflow: hidden;
    }
    .media-news .news-section .news-items .card-news .image-div img {
       width: 100%;
        border-radius: 4.16px;
        filter: grayscale(100%);
        -webkit-filter: grayscale(100%);
    }

    .media-news .news-section .news-items .card-news .image-div img:hover {
       transform: scale(1.2);
    }
    .media-news .news-section .news-items .card-news .card-text {
       font-size: 16px;
        color: #A2A2A2;
        text-transform: uppercase;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0;
    }
    .media-news .news-section .news-items .card-news .box-index {
        display: flex;
        align-items: center;
        margin-bottom: 20px;
    }
    .media-news .news-section .news-items .card-news .box-index hr {
        width: 60px;
        color: #fff;
        height: 1px;
        opacity: 1;
        border: 0;
        margin: 0;
    }
    .media-news .news-section .news-items .card-news .box-index span {
        font-size: 24px;
        color: #fff;
        padding-left: 10px;
        line-height: 1;
    }
    .media-news .news-show-blog > h2 {
        color: #A2A2A2 !important;
        font-family: "Helvetica Neue Bold", sans-serif!important;
        font-size: 20px;
    }
    .media-news .news-show-blog > h2 > strong {
        color: #A2A2A2 !important;
        font-family: "Helvetica Neue Bold", sans-serif!important;
        font-size: 20px;
        font-weight: unset!important;
    }
    .media-news .news-show-blog > p {
        color: #A2A2A2 !important;
        font-size: 16px;
    }
    .media-news .news-show-blog > h3 > strong {
        color: #A2A2A2 !important;
        font-family: "Helvetica Neue Bold", sans-serif!important;
    }

    .media-news .news-show-blog > p > a > strong {
        color: #E74F24 !important;
        font-size: 16px;
    }
    .media-news .news-show-blog > p > a  {
        color: #E74F24 !important;
        font-size: 16px;
    }

    .media-news .news-show-blog > a  {
        color: #E74F24 !important;
        font-size: 16px;
    }

    .media-news .news-show-blog > ol > li > h3 > strong {
        color: #A2A2A2 !important;
    }
    .media-news .news-show-title {
        display: flex;
        color: white;
        padding-bottom: 50px;
        font-size: 20px;
        margin-top: -6px;
        text-shadow: 0 4px 4px #00000066;
        font-family: "Cera CY Bold", sans-serif!important;
    }
    .media-news .new-share-btn {
        background: #1B1B1B;
        margin-right: 0;
        padding: 10px;
        border: none;
        color: white;
        width: 238px;
        height: 58px;
        font-size: 20px;
        font-weight: 300;
        line-height: 25.14px;
        text-transform: uppercase;
        box-shadow: 0 3px 10px 0 #0000008F;
    }
    #shareInfoMediaModal {
        background: transparent;
    }
    #shareInfoMediaModal .mobile-drager {
        width: 104px;
        border: 4px solid #E74F2466;
        border-radius: 4px;
        position: absolute;
        top: 18px;
    }
    #shareInfoMediaModal .modal-dialog {
        margin: 0;
        min-width: 100%;
    }
    #shareInfoMediaModal .modal-content {
        border: 0;
        border-radius: 10px 10px 0 0;
        position: fixed;
        bottom: 0;
    }
    #shareInfoMediaModal .modal-body {
        padding: 0;
        border: 0;
        border-radius: 10px 10px 0 0;
    }
    #shareInfoMediaModal .share-container {
        display: flex;
        flex-direction: column;
        gap: 30px;
        padding: 80px 20px 100px;
        border: 0;
        border-radius: 10px 10px 0 0;
    }
    #shareInfoMediaModal .share-title {
        font-family: "Cera CY Bold", sans-serif!important;
        font-size: 20px;
        font-weight: 400;
        line-height: 25.14px;
        color: #E74F24;
        text-transform: uppercase;
        margin-bottom: 10px;
    }
    #shareInfoMediaModal .text {
        font-family: "Cera CY Bold", sans-serif!important;
        font-size: 18px;
        font-weight: 400;
        line-height: 22.63px;
        text-align: left;
        color: #6A6A6A;
        text-transform: uppercase;
        margin: 0;
    }

    .media-news .shareon {
        padding: 0;
        gap: 30px;
        display: flex;
    }
    .media-news .shareon > a {
        background-color: transparent!important;
    }
    .media-news .shareon > button {
        background-color: transparent!important;
    }
    .shareon>:before {
        width: 0!important;
        height: 0!important;
    }
    .shareon>* {
        height: 40px!important;
        min-width: 40px!important;
        margin: 0!important;
        padding: 0!important;
        font-size: unset!important;
    }
    .shareon>:hover {
        opacity: 1!important;
    }
    .shareon .icon.mouse-over svg path {
        animation: iconMouseOver 1.5s forwards;
    }
    .shareon .icon.mouse-out svg path {
        animation: iconMouseOut 1.5s forwards;
    }
    .media-news .share-input input:focus-visible {
        outline: none;
    }
    .media-news .share-input {
        padding: 0;
    }

    .media-news .share-input > p {
        font-family: "Cera CY Bold", sans-serif!important;
        font-size: 20px;
        font-weight: 400;
        line-height: 37.71px;
        color: #E74F24;
        text-transform: uppercase;
        margin-bottom: 10px;
    }
    .media-news .share-input input {
        border: 1px solid #6A6A6A;
        font-family: "Helvetica Neue", sans-serif;
        font-size: 12px;
        font-weight: 700;
        line-height: 18px;
        text-align: left;
        flex: 1;
        border-radius: 2px;
        color: #A2A2A2;
        text-transform: uppercase;
        padding: 10px 15px;
    }

    .media-news .share-input button {
        padding: 10px;
        border: 1px solid #6A6A6A;
        border-radius: 2px;
        background: #fff;
        margin-left: 10px;
    }

    .media-news .share-input button img {
        width: 20px;
    }
    #modal-overlay {
        position: fixed!important;
        top: 0!important;
        left: 0!important;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        display: none; /* Hidden by default */
    }
}