@charset "utf-8";

/* @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;400;500;700&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anek+Bangla:wght@100;200;300;400;500;600;700;800&display=swap');
@import url('stylesheet.css');

@import url(animate.min.css);
@import url(bootstrap.min.css);
@import url(all.css);
@import url(swiper.css);
@import url(magnific-popup.css);

:root {
    --accent: #0F3222;
    --accent2: #184D47;
    --second: #D7A84D;
    --third: #D5BF98;
    --third2: #B1944D;

    --light: #F3F3F3;
    --dark: #21232E;
    --white: #ffffff;
    --black: #000000;

    --border: #DFDFDF;
    --border2: #979797;
    --text1: #7A7A7A;
    --text2: #C9C9C9;

    --font1: 'Bangla Sangam MN Bold';
    --font2: 'Rajdhani', sans-serif;
    --font3: 'Anek Bangla', sans-serif;
    /* --font3: 'Poppins', sans-serif; */
    /* --font4: 'Roboto', sans-serif; */
}

.test-2 {
    display: block;
}

/* ------------------------------------ basic ------------------------------------ */
    *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; }
    html { -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }
    body { font-family: var(--font3), sans-serif; font-style: normal; font-weight: normal; font-size: 1rem; line-height: 160%; color: var(--dark); outline: none; overflow-x: hidden; }

    p { font-family: var(--font2); }

    ::-moz-selection { background: #4F0000; color: var(--white); border-radius: 0.313rem; }
    ::selection { background: #4F0000; color: var(--white); border-radius: 0.313rem; }
    ::placeholder { color: #646464; }
    input:focus::-moz-placeholder { opacity: 0; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }

    *:focus { text-decoration: none; outline: none; }
    a { color: var(--dark); cursor: pointer; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

    a:focus, a:hover, a:active, *:focus,
    a:focus h1, a:hover h1, a:active h1,
    a:focus h2, a:hover h2, a:active h2,
    a:focus h3, a:hover h3, a:active h3,
    a:focus h4, a:hover h4, a:active h4,
    a:focus h5, a:hover h5, a:active h5,
    a:focus h6, a:hover h6, a:active h6 {
        color: #4F0000;
        outline: none;
        text-decoration: none;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    a.hover:hover { text-decoration: underline; transition-duration: 0.2s; }

    a.hover-1 {
        text-decoration: none;
        background-image: linear-gradient(#999999, #999999);
        background-position: 1% 100%;
        background-repeat: no-repeat;
        background-size: 0% 2px;
        transition: background-size cubic-bezier(0, .5, 0, 1) 0.3s;
    }

    a.hover-2:hover { text-decoration: none; background-size: 100% 2px; }
    a.hover-2 {
        text-decoration: none;
        background-image: linear-gradient(#f1f1f1, #f1f1f1);
        background-position: 1% 100%;
        background-repeat: no-repeat;
        background-size: 0% 2px;
        transition: background-size cubic-bezier(0, .5, 0, 1) 0.3s;
    }
    a.hover-2:hover { text-decoration: none; background-size: 100% 50px; }

    a.hover-3:hover { margin-left: 3px; transition-duration: 0.2s; }
    a.hover-4:hover { padding-bottom: 3px; transition-duration: 0.2s; }

    h1, h2, h3, h4, h5, h6 { color: var(--dark); }

    .font-weight-200, .fw-200 { font-weight: 200 !important; }
    .font-weight-light, .fw-300 { font-weight: 300 !important; }
    .font-weight-lighter, .fw-lighter { font-weight: lighter !important; }
    .font-weight-normal, .fw-400 { font-weight: 400 !important; }
    .font-weight-500, .fw-500 { font-weight: 500 !important; }
    .font-weight-600, .fw-600 { font-weight: 600 !important; }
    .font-weight-bold, .fw-bold { font-weight: 600 !important; }
    .font-weight-800, .fw-800 { font-weight: 800 !important; }
    .font-weight-900, .fw-900 { font-weight: 900 !important; }
    .font-weight-ultra, .fw-ultra { font-weight: 900 !important; }
    .font-weight-bolder, .fw-bolder { font-weight: 700 !important; }

    .font-italic { font-style: italic !important; }

    .font-10 { font-size: 0.625rem !important; }
    .font-11 { font-size: 0.688rem !important; }
    .font-12 { font-size: 0.75rem !important; }
    .font-13 { font-size: 0.813rem !important; }
    .font-14 { font-size: 0.875rem !important; }
    .font-15 { font-size: 0.938rem !important; }
    .font-16 { font-size: 1rem !important; }
    .font-17 { font-size: 1.063rem !important; }
    .font-18 { font-size: 1.125rem !important; }
    .font-19 { font-size: 1.188rem !important; }
    .font-20 { font-size: 1.25rem !important; }
    .font-21 { font-size: 1.313rem !important; }
    .font-22 { font-size: 1.375rem !important; }
    .font-23 { font-size: 1.438rem !important; }
    .font-24 { font-size: 1.5rem !important; }
    .font-25 { font-size: 1.563rem !important; }

    .font-xs { font-size: 0.688rem !important; }
    .font-sm { font-size: 0.75rem !important; }
    .font-md { font-size: 0.938rem !important; }
    .font-lg { font-size: 1.25rem !important; }

    .lh-1 { line-height: 1; }
    .lh-2 { line-height: 1.2; }
    .lh-3 { line-height: 1.3; }
    .lh-4 { line-height: 1.4; }
    .lh-5 { line-height: 1.5; }

    .text-decoration-none { text-decoration: none !important; }

    .text-break { word-break: break-word !important; overflow-wrap: break-word !important; }
    .word-break-all { word-break: break-all !important; }
    .text-reset { color: inherit !important; }

    .text-limit-1-row { overflow: hidden !important; display: -webkit-box !important; -webkit-line-clamp: 1 !important; -webkit-box-orient: vertical; }
    .text-limit-2-row { overflow: hidden !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical; }
    .text-limit-3-row { overflow: hidden !important; display: -webkit-box !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical; }
    .text-limit-4-row { overflow: hidden !important; display: -webkit-box !important; -webkit-line-clamp: 4 !important; -webkit-box-orient: vertical; }
    .text-limit-5-row { overflow: hidden !important; display: -webkit-box !important; -webkit-line-clamp: 5 !important; -webkit-box-orient: vertical; }
    
    .text-white { color: var(--white) !important; }
    .text-black { color: var(--black) !important; }
    .text-light { color: var(--light) !important; }
    .text-dark { color: var(--dark) !important; }
    .text-purple { color: var(--purple) !important; }
    .text-yellow { color: var(--yellow) !important; }
    .text-accent { color: #4F0000 !important; }
    .text-accent2 { color: #4f0000 !important; }
    .text-second { color: var(--second) !important; }
    .text-second2 { color: var(--second2) !important; }
    .text-text { color: var(--text) !important; }
    .text-text1 { color: var(--text1) !important; }
    .text-text2 { color: var(--text2) !important; }
    
    .opacity-1 { opacity: 0.1; }
    .opacity-2 { opacity: 0.2; }
    .opacity-3 { opacity: 0.3; }
    .opacity-4 { opacity: 0.4; }
    .opacity-5 { opacity: 0.5; }
    .opacity-6 { opacity: 0.6; }
    .opacity-7 { opacity: 0.7; }
    .opacity-8 { opacity: 0.8; }
    .opacity-9 { opacity: 0.9; }
    .opacity-none { opacity: 1; }

    .visible { visibility: visible !important; }
    .invisible { visibility: hidden !important; }

    .p-absolute { position: absolute !important; }
    .p-relative { position: relative !important; }

    .overflow-auto { overflow: auto; }
    .overflow-hidden { overflow: hidden; }

    ol { padding: 0; margin: 0; }
    ol li { list-style: decimal inside !important; }

    ul { padding: 0; margin: 0; }
    ul li { list-style: none; }

    .list-unstyled { padding-left: 0; list-style: none; }
    .list-inline { padding-left: 0; list-style: none; }
    .list-inline-item { display: inline-block; }
    .list-inline-item:not(:last-child) { margin-right: 0.938rem; }

    .absolute-top-left { position: absolute; top: 0; left: 0; }
    .absolute-top-right { position: absolute; top: 0; right: 0; }
    .absolute-bottom-left { position: absolute; bottom: 0; left: 0; }
    .absolute-bottom-right { position: absolute; bottom: 0; right: 0; }

    .bg-accent { background: #4F0000 !important; }
    .bg-second { background: var(--second) !important; }
    .bg-dark { background: var(--dark) !important; }
    .bg-light { background: var(--light) !important; }
    .bg-black { background: var(--black) !important; }
    .bg-white { background: var(--white) !important; }

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

    .img-contain { object-fit: contain; position: 50% 50%; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; -o-transition: transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; }
    .img-cover { object-fit: cover; position: 50% 50%; width: 100%; height: 100%; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; -o-transition: transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; }
    .img-cover.hover-scale { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; -o-transition: transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; }

    .not-found-item { max-width: 350px; margin: auto; text-align: center; }
    .not-found-item img { object-fit: contain; margin: auto; max-width: 150px; margin-bottom: 1.25rem; }
    .not-found-item h3 { font-weight: 600; color: var(--text1); }

    .img-hover-scale { overflow: hidden; position: relative; }
    .img-hover-scale img { -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; -o-transition: transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; }
    .img-hover-scale:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; -o-transition: transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; }

    .hv-img-zoom { overflow: hidden; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
    .hv-img-zoom:hover { -webkit-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

    .hv-zoom { position: relative; overflow: hidden; }
    .hv-zoom img:not(.fix) { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
    .hv-zoom:hover img:not(.fix) { -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

    .hv-shadow-sm { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
    .hv-shadow-sm:hover, .hv-shadow-sm:focus { box-shadow: 0 0.24rem 0.625rem rgba(0, 0, 0, 0.0786943); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

    .hv-shadow { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
    .hv-shadow:hover, .hv-shadow:focus { box-shadow: 0 0.625rem 2.813rem rgba(0, 0, 0, 0.0986943); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

    .hv-trigger { position: relative; overflow: hidden; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
    .hv-trigger:hover, .hv-trigger:focus { background: var(--light); }

    .hv-underline { display: block; position: relative; padding: 0; }
    .hv-underline:hover { text-decoration: none; }
    .hv-underline:before { content: ''; display: block; position: absolute; left: 0; bottom: 0; height: 1px; width: 0; transition: width 0s ease, background 0.25s ease; }
    .hv-underline:after { content: ''; display: block; position: absolute; right: 0; bottom: 0; height: 1px; width: 0; background: var(--second); transition: width 0.25s ease; }
    .hv-underline:hover:before { width: 100%; background: var(--second); transition: width 0.25s ease; }
    .hv-underline:hover:after { width: 100%; background: transparent; transition: all 0s ease; }

    .shadow-md { box-shadow: 0 0.25rem 0.5rem rgba(192, 189, 189, 0.25); }
    .shadow-none { -webkit-box-shadow: none !important; box-shadow: none !important; }

    .separator { border-top: 1px solid var(--light); }

    hr { border-bottom: 1px solid var(--light); border-top: 0 none; padding: 0; }

    .trans-4, .trans-4:hover { -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }

    #back-to-top {
        position: fixed;
        right: 30px;
        bottom: 30px;
        z-index: 99999;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        background: #4F0000;
        border-radius: 50%;
        color: var(--white);
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    #back-to-top:hover { border-radius: 5px; background-color: var(--second); }
    #back-to-top.active { visibility: visible; opacity: 1; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }


    .pre-loader { position: fixed; z-index: 99999999; top: 0; right: 0; bottom: 0; left: 0; background: var(--white); display: flex; align-items: center; justify-content: center; }
    .pre-loader .pre-content { position: relative; text-align: center; }

    .pre-loader .pre-text { font-weight: normal; font-size: 1.125rem; line-height: 160%; letter-spacing: 0.02rem; max-width: 260px; }
    .pre-loader .pre-text span { font-weight: 600; }

    .pre-loader .pre-logo {
        background: linear-gradient(to bottom, #cc6d68 0%, #ce9a6f 100%);
        border-radius: 50%;
        height: 100px;
        width: 100px;
        box-shadow: 0 0 0 0 rgb(0 0 0 / 0%);
        animation: pulse 2s infinite;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 30px;
    }
    .pre-loader .pre-logo img { max-width: 70px; }

    @keyframes pulse {
        0% { box-shadow: 0 0 0 0 rgba(241, 10, 10, 0.5); }
        70% { box-shadow: 0 0 0 30px rgba(173, 51, 51, 0); }
        100% { box-shadow: 0 0 0 0 rgba(207, 67, 28, 0); }
    }

    
    .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; }
    .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
    a.linktext { color: #0000EE; }
    a.linktext:hover { color: #0000EE!important; }
    a.flex-container { display: flex; flex-wrap: nowrap; background-color: white; color: #0000EE!important; }
    a.flex-container:hover { color: #551A8B!important; }

    .icondownload { float: left!important; margin-right: 20px; }
    .textdownload { width: calc(100% - 5.85em)!important; color: blue; }

    .contdownload { font-size: .8em!important; line-height: 1.618; }
    .titledownload { font-size: 1.2em!important; line-height: 1.2; }
    .cleardownfix { width: 100%; clear: left; display: block; height: 2px; }
/* ------------------------------------ end basic ------------------------------------ */


/* ------------------------------------ general class ------------------------------------ */
    .mh-100 { min-height: 100vh; }

    .wrap-main { position: relative; overflow: hidden; }
    .wrap-main .page-cover { position: absolute; top: 0; left: 0; object-fit: cover; object-position: top center; width: 100%; height: 100%; /*z-index: 2;*/ }

    .main-content { position: relative; padding-top: 70px; }

    .section-lg { padding-top: 7.5rem; padding-bottom: 7.5rem; }
    .section-md { padding-top: 5rem; padding-bottom: 5rem; }
    .section-sm { padding-top: 3.75rem; padding-bottom: 3.75rem; }
    .section-xs { padding-top: 2.5rem; padding-bottom: 2.5rem; }

    @media (max-width: 1200px) {
        .section-lg { padding-top: 7.5rem; padding-bottom: 7.5rem; }
        .section-md { padding-top: 5rem; padding-bottom: 5rem; }
        .section-sm { padding-top: 3.75rem; padding-bottom: 3.75rem; }
        .section-xs { padding-top: 2.5rem; padding-bottom: 2.5rem; }
    }

    @media (max-width: 992px) {
        .section-lg { padding-top: 100px; padding-bottom: 100px; }
        .section-md { padding-top: 3.75rem; padding-bottom: 3.75rem; }
        .section-sm { padding-top: 2.5rem; padding-bottom: 2.5rem; }
        .section-xs { padding-top: 1.25rem; padding-bottom: 1.25rem; }
    }

    @media (max-width: 768px) {
        .section-lg { padding-top: 4rem; padding-bottom: 4rem; }
        .section-md { padding-top: 3.75rem; padding-bottom: 3.75rem; }
        .section-sm { padding-top: 2.5rem; padding-bottom: 2.5rem; }
        .section-xs { padding-top: 1.25rem; padding-bottom: 1.25rem; }
    }

    @media (max-width: 480px) {
        .section-lg { padding-top: 3.438rem; padding-bottom: 3.438rem; }
        .section-md { padding-top: 2.5rem; padding-bottom: 2.5rem; }
        .section-sm { padding-top: 2.188rem; padding-bottom: 2.188rem; }
        .section-xs { padding-top: 0.938rem; padding-bottom: 0.938rem; }
    }


    .section-subheading { font-family: var(--font3); font-weight: 600; font-size: 1.25rem; line-height: 1.4; letter-spacing: 0.02rem; color: var(--third2); }
    .section-heading-lg { font-weight: bold; font-size: 2.955rem; line-height: 1.2; color: var(--dark); }
    .section-heading { font-weight: bold; font-size: 2.375rem; line-height: 1.3; color: var(--dark); }
    .section-heading-sm { font-weight: bold; font-size: 1.875rem; line-height: 1.3; color: var(--dark); }
    .section-heading-xs { font-weight: bold; font-size: 1.563rem; line-height: 1.3; color: var(--dark); }

    .section-description-lg { font-family: var(--font2); font-weight: normal; font-size: 1.375rem; line-height: 1.5; color: var(--text3); }
    .section-description { font-family: var(--font2); font-weight: normal; font-size: 1.125rem; line-height: 1.5; color: var(--text3); }
    .section-description-md { font-family: var(--font2); font-weight: normal; font-size: 1rem; line-height: 1.5; color: var(--text3); }
    .section-description-sm { font-family: var(--font2); font-weight: normal; font-size: 0.875rem; line-height: 1.5; color: var(--text3); }
    .section-description-xs { font-family: var(--font2); font-weight: normal; font-size: 0.75rem; line-height: 1.5; color: var(--text3); }
    .section-description-xxs { font-family: var(--font2); font-weight: normal; font-size: 0.625rem; line-height: 1.5; color: var(--text3); }

    @media only screen and (min-width: 1200px) and (max-width: 1600px) {
        .section-heading-lg { font-size: 2.955rem; }
        .section-heading { font-size: 2.375rem; }

        .section-description { font-size: 1.125rem; }
        .section-description-md { font-size: 1rem; }
        .section-description-sm { font-size: 0.875rem; }
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .section-heading-lg { font-size: 2.955rem; }
        .section-heading { font-size: 2.375rem; }

        .section-description { font-size: 1.125rem; }
        .section-description-md { font-size: 1rem; }
        .section-description-sm { font-size: 0.875rem; }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .section-heading-lg { font-size: 2rem; }
        .section-heading { font-size: 2.188rem; }
        .section-heading-sm { font-size: 28px; }

        .section-description { font-size: 1rem; }
        .section-description-md { font-size: 0.935rem; }
        .section-description-sm { font-size: 0.875rem; }
    }

    @media only screen and (min-width: 576px) and (max-width: 767px) {
        .section-heading-lg { font-size: 1.9rem; }
        .section-heading { font-size: 1.625rem; }
        .section-heading-sm { font-size: 1.5rem; }
        .section-heading-xs { font-size: 1.25rem; }
        
        .section-description { font-size: 0.938rem; }
        .section-description-md { font-size: 0.875rem; }
        .section-description-sm { font-size: 0.813rem; }
        .section-description-xs { font-size: 0.625rem; }
        .section-description-xxs { font-size: 0.563rem; }
    }

    @media (max-width: 767px) {
        .section-heading-lg { font-size: 1.9rem; }
        .section-heading { font-size: 1.625rem; }
        .section-heading-sm { font-size: 1.5rem; }
        .section-heading-xs { font-size: 1.25rem; }
        
        .section-description { font-size: 0.938rem; }
        .section-description-md { font-size: 0.875rem; }
        .section-description-sm { font-size: 0.813rem; }
        .section-description-xs { font-size: 0.625rem; }
        .section-description-xxs { font-size: 0.563rem; }
    }


    .row-mobi-style {}

    @media (max-width: 768px) {
        .row-mobi-style .col:nth-child(odd) { padding-right: 0.5rem; }
        .row-mobi-style .col:nth-child(even) { padding-left: 0.5rem; }
    }

    .row-mobi-style-md {}

    @media (max-width: 992px) {
        .row-mobi-style-md .col:nth-child(odd) { padding-right: 0.5rem; }
        .row-mobi-style-md .col:nth-child(even) { padding-left: 0.5rem; }
    }
    @media (max-width: 768px) {
        .row-mobi-style-md .col:nth-child(odd) { padding-right: 0.313rem; }
        .row-mobi-style-md .col:nth-child(even) { padding-left: 0.313rem; }
    }
    @media (max-width: 380px) {
        .row-mobi-style-md .col { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
        .row-mobi-style-md .col:nth-child(odd) { padding-right: 15px; }
        .row-mobi-style-md .col:nth-child(even) { padding-left: 15px; }
    }


    .heading-section { margin-bottom: 2.5rem; }
    .heading-section.heading-act { display: flex; align-items: center; justify-content: space-between; }
    .heading-section .subheading { font-family: var(--font3); color: var(--third2); margin-bottom: 0.625rem; }

    .heading-section .heading { font-family: var(--font2); font-weight: 500; font-size: 2.5rem; letter-spacing: 0.2em; color: #4f0000; margin-bottom: 0; }
    .heading-section .description { font-family: var(--font3); line-height: 160%; }
    .heading-section .heading span { font-weight: 800; }

    .heading-section .btn-act { padding-left: 1.25rem; padding-right: 1.25rem; /* width: 130px; */ display: flex; align-items: center; justify-content: space-between; }
    .heading-section .btn-act i { margin-left: 0.313rem; }

    .heading-section.heading-line .txt { position: relative; }
    .heading-section.heading-line .heading:before { content: ''; position: absolute; bottom: 14px; right: 0; width: 60%; height: 1px; background: #4F0000; }

    @media (max-width: 1200px) {
        .heading-section.heading-line .heading:before { width: 50%; }
    }
    @media (max-width: 992px) {
        .heading-section .heading { font-size: 2.188rem; }

        .heading-section.heading-line .heading:before { width: 45%; }
    }
    @media (max-width: 768px) {
        .heading-section.heading-act { display: block; }
        .heading-section.heading-act .act { margin-top: 1.25rem; }
        .heading-section.heading-act .act .btn-act { width: auto; display: inline-block; }

        .heading-section.heading-line .heading:before { visibility: hidden; opacity: 0; height: 0; }
    }
    @media (max-width: 480px) {
        .heading-section .heading { font-size: 1.625rem; }
    }


    .list-info {}
    .list-info label { margin-bottom: 0.313rem; text-transform: uppercase; }
    .list-info p { font-weight: 400; }
    .list-info p span { font-weight: 700; }


    .more-link { font-weight: 600; font-size: 1rem; line-height: 150%; color: #4F0000; }

    .more-link.more-link-sm { font-weight: 600; font-size: 0.875rem; line-height: 150%; color: #4F0000; }
    .more-link.more-link-sm.more-link-arrow:before { top: 0.185rem; font-size: 0.875rem; }

    .more-link.more-link-nohv:hover:before { right: 0 !important; }
    .more-link.more-link-arrow { position: relative; padding-right: 1.985rem; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
    .more-link.more-link-arrow:hover {}
    .more-link.more-link-arrow:before {
        content: '\f061';
        font-family: 'Font Awesome 5 Free';
        position: absolute;
        top: 0.425rem;
        right: 0;
        width: 1.25rem;
        font-weight: bold;
        font-size: 0.938rem;
        line-height: 1;
        color: #4f0000;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    .more-link.more-link-arrow:hover:before { right: -0.5rem; }

    .more-link .icon { position: absolute; top: 2px; margin-left: 0.625rem; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
    .more-link:hover .icon { margin-left: 0.938rem; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

    .more-link-arrow.style-2 { color: #4f0000; }
    .more-link-arrow.style-2:before { top: 0.45rem; color: var(--third) }

    @media (max-width: 768px) {
        .more-link { font-size: 0.875rem; }
        .more-link.more-link-arrow:before { top: 0.25rem; font-size: 0.813rem; }
    }


    /*scrollable*/
    .scrollable {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: inherit;
        flex-wrap: inherit;
        /*white-space: nowrap;*/
        overflow-y: auto;
        overflow-x: hidden;
        width: 100%;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .scrollable::-webkit-scrollbar { width: 0.5rem; height: 0.5rem; cursor: pointer; }
    .scrollable::-webkit-scrollbar-track { background: rgba(241, 241, 241, 0); border-radius: 2.5rem; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
    .scrollable::-webkit-scrollbar-thumb { background: rgba(195, 195, 195, 0); border-radius: 2.5rem; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
    .scrollable:hover::-webkit-scrollbar-track { background: rgba(241, 241, 241, 0.8); -webkit-box-shadow: inset 0 0.313rem 0.5rem rgba(241, 241, 241, 1); box-shadow: inset 0 0.313rem 0.5rem rgba(241, 241, 241, 1); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
    .scrollable:hover::-webkit-scrollbar-thumb { background: rgba(195, 195, 195, 0.5); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }

    .scrollable::-webkit-scrollbar-thumb:horizontal:hover,
    .scrollable::-webkit-scrollbar-thumb:vertical:hover {
        background: rgba(195, 195, 195, 1);
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }

    .h-scrollable { overflow-y: hidden !important; overflow-x: auto !important; }

    #toast-container { top: 83px; }
/* ------------------------------------ end general class ------------------------------------ */


/* ------------------------------------ flex-column ------------------------------------ */
    .flex-col { width: 100%; margin-bottom: 0.938rem; padding-left: 0.375rem; padding-right: 0.375rem; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }

    .flex-2-column { display: -ms-flexbox; display: flex; flex-flow: wrap; -ms-flex-direction: row; flex-direction: row; }
    .flex-2-column .flex-col { flex-basis: 50%; -ms-flex: auto; }

    .flex-3-column { display: -ms-flexbox; display: flex; flex-flow: wrap; -ms-flex-direction: row; flex-direction: row; }
    .flex-3-column .flex-col { flex-basis: 33.33%; -ms-flex: auto; }

    .flex-4-column { display: -ms-flexbox; display: flex; flex-flow: wrap; -ms-flex-direction: row; flex-direction: row; }
    .flex-4-column .flex-col { flex-basis: 25%; -ms-flex: auto; }

    .flex-5-column { display: -ms-flexbox; display: flex; flex-flow: wrap; -ms-flex-direction: row; flex-direction: row; }
    .flex-5-column .flex-col { flex-basis: 20%; -ms-flex: auto; }

    .flex-6-column { display: -ms-flexbox; display: flex; flex-flow: wrap; -ms-flex-direction: row; flex-direction: row; }
    .flex-6-column .flex-col { flex-basis: 16.66%; -ms-flex: auto; }

    @media (max-width: 1200px) {
        .flex-2-column .flex-col { flex-basis: 50%; }
        .flex-3-column .flex-col { flex-basis: 33.33%; }
        .flex-4-column .flex-col { flex-basis: 25%; }
        .flex-5-column .flex-col { flex-basis: 20%; }
        .flex-6-column .flex-col { flex-basis: 16.66%; }
    }
    @media (max-width: 992px) {
        .flex-2-column .flex-col { flex-basis: 50%; }
        .flex-3-column .flex-col { flex-basis: 33.33%; }
        .flex-4-column .flex-col { flex-basis: 25%; }
        .flex-5-column .flex-col { flex-basis: 25%; }
        .flex-6-column .flex-col { flex-basis: 20%; }
    }
    @media (max-width: 768px) {
        .flex-2-column .flex-col { flex-basis: 100%; }
        .flex-3-column .flex-col { flex-basis: 50%; }
        .flex-4-column .flex-col { flex-basis: 33.33%; }
        .flex-5-column .flex-col { flex-basis: 33.33%; }
        .flex-6-column .flex-col { flex-basis: 25%; }
    }
    @media (max-width: 580px) {
        .flex-2-column .flex-col { flex-basis: 100%; }
        .flex-3-column .flex-col { flex-basis: 100%; }
        .flex-4-column .flex-col { flex-basis: 50%; }
        .flex-5-column .flex-col { flex-basis: 50%; }
        .flex-6-column .flex-col { flex-basis: 33.33%; }
    }
    @media (max-width: 480px) {
        .flex-2-column .flex-col { flex-basis: 100%; }
        .flex-3-column .flex-col { flex-basis: 100%; }
        .flex-4-column .flex-col { flex-basis: 100%; }
        .flex-5-column .flex-col { flex-basis: 100%; }
        .flex-6-column .flex-col { flex-basis: 50%; }
    }
/* ------------------------------------ end flex-column ------------------------------------ */


/* ------------------------------------ card ------------------------------------ */
    .card-style { position: relative; overflow: hidden; background: var(--white); border: none; border-radius: 0.375rem; }
    .card-style .card-header { background: transparent; border: 0; padding: 0.938rem; padding-bottom: 0; }
    .card-style .card-header .title { font-weight: bold; font-size: 1.25rem; line-height: 1.2; margin-bottom: 0; }
    .card-style .card-body { padding: 0.938rem; }

    .card-shadow { box-shadow: 0 0.25rem 0.625rem 0 rgba(18, 28, 46, 0.08); }

    .card-bordered { border: 1px solid var(--light); }
    .card-bordered.dashed { border-style: dashed; }
/* ------------------------------------ end card ------------------------------------ */


/* ------------------------------------ form style ------------------------------------ */
    .form-style .form-group { position: relative; width: 100%; }

    .control-label { font-size: 0.938rem; line-height: 1.2; color: var(--dark); margin-bottom: 0.313rem; text-transform: uppercase; }
    .form-control {
        position: relative;
        width: 100%;
        height: calc(1.875rem + 0.75rem + 2px);
        padding: 0.375rem 0.75rem;
        background: var(--white);
        border-radius: 0.313rem;
        /* border: 0; */
        font-size: 0.938rem;
        color: var(--dark);
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        transition: all .3s ease-out;
    }

    .form-control::placeholder { font-weight: normal; font-size: 0.875rem; letter-spacing: 0.02rem; color: #646464; opacity: 0.8; }
    .form-control::-webkit-input-placeholder { font-weight: normal; font-size: 0.875rem; letter-spacing: 0.02rem; color: #646464; opacity: 0.8; }
    .form-control::-moz-placeholder { font-weight: normal; font-size: 0.875rem; letter-spacing: 0.02rem; color: #646464; opacity: 0.8; }
    .form-control:-ms-input-placeholder { font-weight: normal; font-size: 0.875rem; letter-spacing: 0.02rem; color: #646464; opacity: 0.8; }
    .form-control:-moz-placeholder { font-weight: normal; font-size: 0.875rem; letter-spacing: 0.02rem; color: #646464; opacity: 0.8; }

    .form-control:disabled, .form-control[readonly] { background-color: var(--border-form); opacity: 1; }
    .form-control:focus { box-shadow: none; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }


    /*radio button*/
    .form-style .form-group .custom-radio { align-items: center; height: calc(1.875em + 0.75rem + 2px); }

    .form-style .form-group .custom-radio .custom-control-label { font-weight: normal; font-size: 0.875rem; line-height: 1.7; color: var(--dark); cursor: pointer; }
    .form-style .form-group .custom-radio .custom-control-label::before { border-radius: 50%; box-shadow: none; background: transparent; -webkit-transition: color .3s, background-color .3s; -moz-transition: color .3s, background-color .3s; -ms-transition: color .3s, background-color .3s; -o-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; }

    .form-style .form-group .custom-radio .custom-control-input { cursor: pointer; }
    .form-style .form-group .custom-radio .custom-control-input:checked { box-shadow: none; }
    .form-style .form-group .custom-radio .custom-control-input:checked~.custom-control-label::after {
        background: #4F0000;
        border-radius: 50%;
        box-shadow: none;
        outline: none;
        border: 0;
        border-color: transparent;
        -webkit-transition: color .3s, background-color .3s;
        -moz-transition: color .3s, background-color .3s;
        -ms-transition: color .3s, background-color .3s;
        -o-transition: color .3s, background-color .3s;
        transition: color .3s, background-color .3s;
    }


    /*datepicker*/
    .datepicker.dropdown-menu {
        font-family: 'Poppins', sans-serif;
        background-color: var(--white);
        border: none;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.10);
        -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.10);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.10);
        color: var(--dark);
    }
    .datepicker table tr td.day:hover, .datepicker table tr td.day.focused { background: var(--light); }


    /*select2 custome*/
    .select2-container { width: 100% !important; }
    .select2-container .select2-selection--single {
        user-select: none;
        -webkit-user-select: none;
        position: relative;
        width: 100%;
        height: calc(1.875rem + 0.75rem + 2px);
        padding: 0.313rem 0.75rem;
        background: var(--white);
        border-radius: 0.313rem;
        border: 0;
        font-size: 0.938rem;
        line-height: 1.2;
        color: var(--dark);
    }
    .select2-container .select2-selection__rendered { padding-left: 0 !important; font-size: 0.875rem !important; line-height: 2rem !important; color: var(--text) !important; }

    .select2-dropdown { background: var(--white); border: 1px solid var(--light); border-radius: 0.313rem; -webkit-animation-duration: .6s; animation-duration: .6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeIn; animation-name: fadeIn; }

    .select2-container--default .select2-selection--single .select2-selection__placeholder { font-weight: normal; font-size: 0.875rem; letter-spacing: 0.02rem; color: var(--dark); opacity: 0.4; }
    .select2-container--default .select2-selection--single .select2-selection__arrow { height: 100%; right: 0.75rem; }
    .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #4F0000 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; margin-left: -4px; margin-top: -2px; height: 0; width: 0; }

    .select2-search--dropdown { padding: 0.375rem 0.75rem; }

    .select2-container--default .select2-search--dropdown .select2-search__field { color: var(--dark); border: 1px solid var(--light); border-radius: 0.313rem; }
    .select2-container--default .select2-results__option { font-size: 0.875rem; padding: 0.375rem 0.75rem; -webkit-transition: color .3s, background-color .3s; -moz-transition: color .3s, background-color .3s; -ms-transition: color .3s, background-color .3s; -o-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; }
    .select2-container--default .select2-results__option--selected { background-color: var(--light); }
    .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
        background-color: var(--second);
        color: var(--white);
        -webkit-transition: color .3s, background-color .3s;
        -moz-transition: color .3s, background-color .3s;
        -ms-transition: color .3s, background-color .3s;
        -o-transition: color .3s, background-color .3s;
        transition: color .3s, background-color .3s;
    }


    /*date picker*/
    .datepicker.datepicker-dropdown { padding: 0.625rem; width: 25%; max-width: 320px; min-width: 250px; -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05); box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05); }
    .datepicker.datepicker-dropdown .datepicker-days { padding: 0; }
    .datepicker.datepicker-dropdown .datepicker-days table.table-condensed { width: 100%; }
    .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th { text-align: center; padding: 0.5rem 0; }
    .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.prev { color: var(--dark); padding-top: 0.25rem; padding-bottom: 0.75rem; background: transparent; }
    .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.datepicker-switch { color: var(--dark); background: transparent; padding-top: 0.25rem; padding-bottom: 0.75rem; font-size: 1rem; font-weight: 600; }
    .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.next { color: var(--dark); padding-top: 0.25rem; padding-bottom: 0.75rem; background: transparent; }
    .datepicker.datepicker-dropdown .datepicker-days table.table-condensed thead tr th.dow { font-family: 'Poppins', sans-serif; color: var(--dark); font-size: 0.875rem; font-weight: 600; }
    .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody { position: relative; top: 0.625rem; }
    .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td { text-align: center; }
    .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day { font-size: 0.9375rem; padding: 0.313rem; color: var(--dark); }
    .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day:hover { background: rgba(168, 233, 239, 0.25); }
    .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.active { color: var(--white); background: #4F0000; position: relative; z-index: 1; text-shadow: none; }
    .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.today { color: var(--white); background: #4F0000; position: relative; z-index: 1; }
    .datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.old.day { color: #d9dde3; }

    .datepicker>div { display: initial; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; border-radius: 2px; }
    .datepicker.input-group { padding: 0; border: 1px solid #e8ebf1; }

    .datepicker.input-group .form-control,
    .datepicker.input-group select,
    .datepicker.input-group .email-compose-fields .select2-container--default .select2-selection--multiple,
    .email-compose-fields .select2-container--default .datepicker.input-group .select2-selection--multiple,
    .datepicker.input-group .select2-container--default .select2-selection--single,
    .select2-container--default .datepicker.input-group .select2-selection--single,
    .datepicker.input-group .select2-container--default .select2-selection--single .select2-search__field,
    .select2-container--default .select2-selection--single .datepicker.input-group .select2-search__field,
    .datepicker.input-group .typeahead,
    .datepicker.input-group .tt-query,
    .datepicker.input-group .tt-hint {
        border: 0;
    }
    .datepicker.input-group .input-group-addon { padding: 0 10px; border-left: 1px solid #e8ebf1; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; }
    .datepicker.input-group .input-group-addon svg { width: 18px; color: #686868; }
    .datepicker-dropdown:after { border-bottom-color: #fff; }
    .datepicker-dropdown:before { border-bottom-color: #e8ebf1; }

    .datepicker-dropdown.datepicker-orient-top:before,
    .datepicker-dropdown.datepicker-orient-top:after {
        top: auto;
    }
    .datepicker-dropdown.datepicker-orient-top:after { border-top-color: var(--white); }
    .datepicker-dropdown.datepicker-orient-top:before { border-top-color: #e8ebf1; }
/* ------------------------------------ end form style ------------------------------------ */


/* ------------------------------------ pagination style ------------------------------------ */
    .pagination-style { padding: 0; margin: 0; }
    .pagination-style li { display: inline-block; margin: 0.25rem; }
    .pagination-style li a {
        display: inline-block;
        color: #666666;
        background: transparent;
        width: 2.55rem;
        height: 2.063rem;
        font-weight: 400;
        font-size: 0.875rem;
        text-align: center;
        line-height: 1.125rem;
        border-radius: 0.5rem;
        border: 0;
        box-shadow: none;
    }

    .pagination-style li a:hover,
    .pagination-style li a:focus {
        background: var(--light);
        box-shadow: none;
    }

    .pagination-style li.active a,
    .pagination-style li.active {
        background: #4F0000 !important;
        border-radius: 0.5rem;
        color: var(--white);
        border: 0;
        box-shadow: none;
    }
/* ------------------------------------ end pagination style ------------------------------------ */


/* ------------------------------------ button ------------------------------------ */
    .btn {
        outline: 0 !important;
        -webkit-box-shadow: none;
        box-shadow: none !important;
        font-family: var(--font3);
        font-weight: 500;
        font-size: 0.875rem;
        line-height: 1.2;
        letter-spacing: 0.02em;
        border-radius: 0.938rem;
        -moz-user-select: none;
        cursor: pointer;
        position: relative;
        overflow: hidden;
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -ms-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        transition: all .3s ease-out;
    }

    .btn::hover .btn::focus,
    .btn.focus { outline: none !important; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }

    .btn-padd-sm { padding-top: 0.625rem; padding-bottom: 0.625rem; }
    .btn-padd { padding-top: 0.75rem; padding-bottom: 0.75rem; }
    .btn-padd-md { padding-top: 0.875rem; padding-bottom: 0.875rem; }
    .btn-padd-lg { padding-top: 1rem; padding-bottom: 1rem; font-size: 1rem; }

    .btn-shadow { box-shadow: 0 1.563rem 2.063rem rgba(17, 20, 45, 0.12); }

    .btn-accent { color: var(--white) !important; background: #4F0000; }
    .btn-accent:hover, .btn-accent:focus { color: #4F0000 !important; background: transparent; border-color: #4F0000; }

    .btn-outline-accent { color: #4F0000 !important; background: transparent; border-color: #4F0000; }
    .btn-outline-accent:hover, .btn-outline-accent:focus { color: var(--white) !important; background-color: #4F0000; }

    .btn-second { color: var(--white) !important; background: var(--second); }
    .btn-second:hover, .btn-second:focus { color: var(--second) !important; background: transparent; border-color: var(--second); }

    .btn-outline-second { color: var(--second); background: transparent; border-color: var(--second); }
    .btn-outline-second:hover, .btn-outline-second:focus { color: var(--white) !important; background-color: var(--second) !important; }

    .btn-light { color: var(--dark) !important; background: var(--light); }
    .btn-light:hover, .btn-light:focus { color: var(--dark) !important; background: transparent; border-color: var(--light); }

    .btn-outline-light { color: var(--light) !important; background: transparent; border-color: var(--light); }
    .btn-outline-light:hover, .btn-outline-light:focus { color: var(--dark) !important; background-color: var(--light); }

    .btn-dark { color: var(--white); background: var(--dark); }
    .btn-dark:hover, .btn-dark:focus { color: var(--dark); background: transparent; border-color: var(--dark); }

    .btn-outline-dark { color: var(--dark); background: transparent; border-color: var(--dark); }
    .btn-outline-dark:hover, .btn-outline-dark:focus { color: var(--white); background-color: var(--dark); }

    .btn-yellow { color: var(--dark) !important; background: var(--yellow); }
    .btn-yellow:hover, .btn-yellow:focus { color: var(--dark) !important; background: rgba(255, 199, 31, 0.7); }

    .btn-submit-form { color: var(--white) !important; background: #131045; }
    .btn-submit-form:hover, .btn-submit-form:focus { color: #131045 !important; background: transparent; border-color: #131045; }
/* ------------------------------------ end button ------------------------------------ */


/* ------------------------------------ badge ------------------------------------ */
    .badge { position: relative; border: 1px solid currentColor; line-height: 1.2; letter-spacing: 0.02em; padding: 0.313rem 0.7rem; border-radius: 0.313rem; vertical-align: middle; cursor: default; }

    .badge.badge-sm { padding: 0.225rem 0.5rem; }
    .badge.badge-xs { padding: 0.125rem 0.313rem; }

    .badge-primary { background: #13208a; color: var(--white); }
    .badge-secondary { background: #364a63; color: var(--white); }
    .badge-success { background: #15d670; color: var(--white); }
    .badge-info { background: #0da8e0; color: var(--white); }
    .badge-warning { background: #f4bd0e; color: var(--white); }
    .badge-danger { background: #e85347; color: var(--white); }
    .badge-dark { background: #1c2b46; color: var(--white); }
    .badge-gray { background: #8091a7; color: var(--white); }
    .badge-light { background: #b7c2d0; color: var(--white); }
    .badge-lighter { background: #e5e9f2; color: var(--white); }
    .badge-light { background: var(--light); color: var(--dark); }
    .badge-salmon { background: #FF586F; font-weight: 300; color: var(--white); letter-spacing: 0.02rem; padding: 0.25rem 0.625rem; }

    .badge-dot { display: inline-flex; align-items: center; background-color: transparent; border: none; padding: 0.313rem 0.7rem; padding-left: 12px; padding-right: 0; }
    .badge-dot:before {
        position: absolute;
        content: '';
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        display: inline-block;
        height: 6px;
        width: 6px;
        margin-top: -1px;
        border-radius: 50%;
        background: currentColor;
    }
    .badge-dot.badge-primary { color: #13208a; }
    .badge-dot.badge-secondary { color: #364a63; }
    .badge-dot.badge-success { color: #15d670; }
    .badge-dot.badge-info { color: #0da8e0; }
    .badge-dot.badge-warning { color: #f4bd0e; }
    .badge-dot.badge-danger { color: #e85347; }
    .badge-dot.badge-dark { color: #1c2b46; }
    .badge-dot.badge-gray { color: #8091a7; }
    .badge-dot.badge-light { color: #b7c2d0; }
    .badge-dot.badge-lighter { color: #e5e9f2; }
    .badge-dot.badge-accent { color: #4F0000; }

    .badge-style-1 { border: 0; }
    .badge-style-1.badge-primary { background: var(--purple); color: var(--white); }
    .badge-style-1.badge-secondary { background: rgba(54, 74, 99, 0.1); color: #364a63; }
    .badge-style-1.badge-success { background: rgba(200, 255, 199, 1); color: #0D7D0B; }
    .badge-style-1.badge-info { background: rgba(13, 168, 224, 0.1); color: #0da8e0; }
    .badge-style-1.badge-warning { background: rgba(244, 189, 14, 0.1); color: #f4bd0e; }
    .badge-style-1.badge-danger { background: rgba(232, 83, 71, 0.1); color: #e85347; }
    .badge-style-1.badge-dark { background: rgba(28, 43, 70, 0.1); color: #1c2b46; }
    .badge-style-1.badge-gray { background: rgba(128, 145, 167, 0.1); color: #8091a7; }
    .badge-style-1.badge-light { background: rgba(183, 194, 208, 0.1); color: #b7c2d0; }
    .badge-style-1.badge-lighter { background: rgba(229, 233, 242, 0.1); color: #e5e9f2; }

    .badge-style-2 { border: 1px solid currentColor; }
    .badge-style-2.badge-primary { background: rgba(19, 32, 138, 0.1); color: #13208a; border-color: #13208a; }
    .badge-style-2.badge-secondary { background: rgba(54, 74, 99, 0.1); color: #364a63; border-color: #364a63; }
    .badge-style-2.badge-success { background: rgba(21, 214, 112, 0.1); color: #15d670; border-color: #15d670; }
    .badge-style-2.badge-info { background: rgba(13, 168, 224, 0.1); color: #0da8e0; border-color: #0da8e0; }
    .badge-style-2.badge-warning { background: rgba(244, 189, 14, 0.1); color: #f4bd0e; border-color: #f4bd0e; }
    .badge-style-2.badge-danger { background: rgba(232, 83, 71, 0.1); color: #e85347; border-color: #e85347; }
    .badge-style-2.badge-dark { background: rgba(28, 43, 70, 0.1); color: #1c2b46; border-color: #1c2b46; }
    .badge-style-2.badge-gray { background: rgba(128, 145, 167, 0.1); color: #8091a7; border-color: #8091a7; }
    .badge-style-2.badge-light { background: rgba(183, 194, 208, 0.1); color: #b7c2d0; border-color: #b7c2d0; }
    .badge-style-2.badge-lighter { background: rgba(229, 233, 242, 0.1); color: #e5e9f2; border-color: #e5e9f2; }
/* ------------------------------------ end badge ------------------------------------ */


/* ------------------------------------ rounded ------------------------------------ */
    .rounded { border-radius: 0.25rem !important; }
    .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; }
    .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; }
    .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; }
    .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; }
    .rounded-sm { border-radius: 0.2rem !important; }
    .rounded-lg { border-radius: 0.3rem !important; }
    .rounded-circle { border-radius: 50% !important; }
    .rounded-pill { border-radius: 50rem !important; }
    .rounded-0 { border-radius: 0 !important; }
    .rounded-5 { border-radius: 0.313rem !important; }
    .rounded-8 { border-radius: 0.5rem !important; }
    .rounded-10 { border-radius: 0.625rem !important; }
    .rounded-15 { border-radius: 0.938rem !important; }
    .rounded-20 { border-radius: 1.25rem !important; }
    .rounded-30 { border-radius: 1.875rem !important; }
    .rounded-40 { border-radius: 2.5rem !important; }
    .rounded-50 { border-radius: 50% !important; }
/* ------------------------------------ end rounded ------------------------------------ */


/* ------------------------------------ swiper slider style ------------------------------------ */
    .swiper-container { position: relative; height: 100%; }

    .swiper-button-next,
    .swiper-button-prev {
        width: calc(var(--swiper-navigation-size)/ 44 * 27);
        height: var(--swiper-navigation-size);
        margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
        z-index: 10;
        color: var(--white);
    }

    .swiper-button-next.swiper-button-disabled,
    .swiper-button-prev.swiper-button-disabled {
        opacity: .35;
        cursor: auto;
        pointer-events: none;
    }

    .swiper-button-next:after,
    .swiper-button-prev:after {
        font-family: swiper-icons;
        font-size: var(--swiper-navigation-size);
        text-transform: none !important;
        letter-spacing: 0;
        text-transform: none;
        font-variant: initial;
        line-height: 1;
    }

    .swiper-button-prev { left: 0.625rem; right: auto; }
    .swiper-button-prev:after { content: 'prev'; }

    .swiper-button-next { right: 0.625rem; left: auto; }
    .swiper-button-next:after { content: 'next'; }

    .swiper-button-2 { background: var(--white); width: 2.313rem; height: 2.313rem; border-radius: 50%; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
    .swiper-button-2:after { font-size: 1rem; color: var(--dark); }
    .swiper-button-2:hover { box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.08); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

    .swiper-button-2.swiper-button-prev { left: -14px; }
    .swiper-button-2.swiper-button-next { right: -14px; }
/* ------------------------------------ end swiper slider style ------------------------------------ */


/* ------------------------------------ nav tabs style ------------------------------------ */
    .nav-tabs-style { position: relative; border: 0; background: var(--white); }
    .nav-tabs-style.scrollable::-webkit-scrollbar { width: 0.5rem; height: 3px !important; }

    .nav-tabs-style .nav-item { background: none; border: 0; width: 100%; }
    .nav-tabs-style .nav-item .nav-link {
        position: relative;
        width: 100%;
        border-radius: 0;
        border: 0;
        background: none;
        display: inline-block;
        font-weight: 600;
        font-size: 1rem;
        color: var(--text2);
        text-align: center;
        padding: 0.625rem 1.25rem;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    .nav-tabs-style .nav-item .nav-link:before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 3px;
        background: #4F0000;
        visibility: hidden;
        opacity: 0;
    }

    .nav-tabs-style .nav-item .nav-link.active { color: #4F0000; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
    .nav-tabs-style .nav-item .nav-link.active:before { visibility: visible; opacity: 1; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

    @media (max-width: 768px) {
        .nav-tabs-style {}
        .nav-tabs-style .nav-item {}

        .nav-tabs-style .nav-item .nav-link { padding: 0.5rem 2rem; font-size: 0.938rem; }
        .nav-tabs-style .nav-item .nav-link.active:before { visibility: hidden; opacity: 0; }
    }
    @media (max-width: 480px) {
        .nav-tabs-style .nav-item .nav-link { padding: 0.5rem 1.25rem; }
    }


    .nav-tabs-style.nav-tabs-style-2 { background: none; }
    .nav-tabs-style.nav-tabs-style-2 .nav-item .nav-link { font-weight: 500; color: var(--text1); padding: 0.625rem 0.625rem; border-radius: 1.25rem; }
    .nav-tabs-style.nav-tabs-style-2 .nav-item .nav-link.active { background: #4F0000; color: var(--white); }
    .nav-tabs-style.nav-tabs-style-2 .nav-item .nav-link:before { visibility: hidden; opacity: 0; transition: visibility 0.4s linear, opacity 0.4s linear; }

    @media (max-width: 768px) {
        .nav-tabs-style.nav-tabs-style-2 .nav-item .nav-link { padding: 0.625rem 0.825rem; }
    }


    .nav-tabs-style.nav-tabs-style-3 { background: none; border: 1px solid #E0E0E0; }
    .nav-tabs-style.nav-tabs-style-3 .nav-item { background: rgba(237, 237, 237, 0.4); }
    .nav-tabs-style.nav-tabs-style-3 .nav-item:not(:first-child) { border-left: 1px solid #E0E0E0; }
    .nav-tabs-style.nav-tabs-style-3 .nav-item .nav-link { height: 100%; padding: 1.25rem 1.25rem 0.825rem 1.25rem; display: flex; align-items: center; justify-content: center; flex-direction: column; }
    .nav-tabs-style.nav-tabs-style-3 .nav-item .nav-link .logo { object-fit: contain; max-width: 3.125rem; margin-bottom: 0.313rem; }
    .nav-tabs-style.nav-tabs-style-3 .nav-item .nav-link .label { font-family: var(--font2); font-weight: 600; font-size: 1.25rem; line-height: 120%; color: #5C5C5C; }
    .nav-tabs-style.nav-tabs-style-3 .nav-item .nav-link:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 5px;
        background: var(--second);
        visibility: hidden;
        opacity: 0;
    }
    .nav-tabs-style.nav-tabs-style-3 .nav-item .nav-link.active { background: #4F0000; }
    .nav-tabs-style.nav-tabs-style-3 .nav-item .nav-link.active:before { visibility: visible; opacity: 1; }
    .nav-tabs-style.nav-tabs-style-3 .nav-item .nav-link.active .label { color: var(--white); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

    @media (max-width: 1200px) {
        .nav-tabs-style.nav-tabs-style-3 .nav-item .nav-link .label { font-size: 1.188rem; }
    }
    @media (max-width: 992px) {
        .nav-tabs-style.nav-tabs-style-3 .nav-item .nav-link .logo { max-width: 2.813rem; }
        .nav-tabs-style.nav-tabs-style-3 .nav-item .nav-link .label { font-size: 1.063rem; }
    }
    @media (max-width: 768px) {
        .nav-tabs-style.nav-tabs-style-3 .nav-item .nav-link { width: 200px; }
    }
    @media (max-width: 480px) {
        .nav-tabs-style.nav-tabs-style-3 .nav-item .nav-link { width: 180px; }
    }


    .v-nav-tabs-style { flex-direction: column; background: rgba(255, 255, 255, 0.4); border-radius: 0.125rem; }
    .v-nav-tabs-style .nav-item { max-width: 250px; }
    .v-nav-tabs-style .nav-item:not(:last-child) { margin-bottom: 0.313rem; }
    .v-nav-tabs-style .nav-item .nav-link { position: relative; padding: 0.625rem 1.25rem; padding-left: 0; font-weight: 500; color: #9A9A9A; }
    .v-nav-tabs-style .nav-item .nav-link:before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 3px;
        background: #4F0000;
        visibility: hidden;
        opacity: 0;
    }
    .v-nav-tabs-style .nav-item .nav-link.active { color: #4F0000; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
    .v-nav-tabs-style .nav-item .nav-link.active:before { width: 100%; visibility: visible; opacity: 1; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

    @media (max-width: 992px) {
        .v-nav-tabs-style {
            -ms-flex-direction: row;
            flex-direction: row;
            -ms-flex-wrap: inherit;
            flex-wrap: inherit;
            overflow-y: hidden !important;
            overflow-x: auto !important;
            width: 100%;
            white-space: nowrap;
            -webkit-overflow-scrolling: touch;
            -ms-overflow-style: none;
            scrollbar-width: none;
        }
        .v-nav-tabs-style::-webkit-scrollbar { height: 1px; cursor: pointer; }
        .v-nav-tabs-style .nav-item:not(:last-child) { margin-bottom: 0; }
        .v-nav-tabs-style .nav-item .nav-link { padding-left: 1.25rem; }
    }
/* ------------------------------------ end nav tabs style ------------------------------------ */


/* ------------------------------------ header ------------------------------------ */
    @-webkit-keyframes slide-down {
        from { -webkit-transform: translateY(-250%); transform: translateY(-250%); }
        to { -webkit-transform: translateY(0%); transform: translateY(0%); }
    }

    @keyframes slide-down {
        from { -webkit-transform: translateY(-250%); transform: translateY(-250%); }
        to { -webkit-transform: translateY(0%); transform: translateY(0%); }
    }

    @-webkit-keyframes slide-up {
        from { -webkit-transform: translateY(0%); transform: translateY(0%); }
        to { -webkit-transform: translateY(-250%); transform: translateY(-250%); }
    }

    @keyframes slide-up {
        from { -webkit-transform: translateY(0%); transform: translateY(0%); }
        to { -webkit-transform: translateY(-250%); transform: translateY(-250%); }
    }


    .header-area { position: fixed; top: 0; left: 0; right: 0; z-index: 100; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }

    .main-nav.fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 20; }
    .main-nav.shrink { position: static; top: 0; left: 0; width: 100%; z-index: 20; }
    .main-nav.slide-down { -webkit-animation: slide-down 0.5s; animation: slide-down 0.5s; }
    .main-nav.slide-up { -webkit-animation: slide-up 0.5s; animation: slide-up 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }


    /*main header*/
    .main-header { position: relative; padding: 0.938rem 0; background: #4F0000; z-index: 30; }

    .main-header .wrap-main-header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; }

    .main-header .header-brand {
        display: inline-flex;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        align-items: flex-start;
        -ms-flex-align: start;
        align-self: flex-start;
        -ms-flex-item-align: start;
        position: relative;
        overflow: hidden;
        max-width: 50%;
        text-align: left;
    }

    .main-header .header-brand .img-brand { object-fit: contain; max-height: 3rem; width: auto; max-width: 100%; -webkit-backface-visibility: hidden; }

    .main-header .header-right { display: inline-flex; display: -webkit-inline-flex; display: -ms-inline-flexbox; align-items: center; -ms-flex-align: center; align-self: center; -ms-flex-item-align: center; }

    .main-header .header-social { list-style-type: none; }
    .main-header .header-social li { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; }
    .main-header .header-social li:not(:last-child) { margin-right: 0.625rem; }
    .main-header .header-social li a.social-icon {
        width: 1.875rem;
        height: 1.875rem;
        border-radius: 50%;
        background: var(--white);
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;
    }
    .main-header .header-social li a.social-icon i { font-size: 1rem; line-height: 180%; color: var(--dark); -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
    .main-header .header-social li a.social-icon:hover { background: var(--second); }
    .main-header .header-social li a.social-icon:hover i { color: var(--white); }

    .dropdown-lang { margin-left: 1.25rem; }
    .dropdown-lang .lang-img { width: 1.975rem; height: 1.975rem; border: 1px solid var(--white); border-radius: 50%; }
    .dropdown-lang .dropdown-menu {
        border: 0;
        box-shadow: 0 0.128rem 1.75rem 0 rgba(0, 0, 0, 0.06);
        -webkit-border-radius: 0.313rem;
        -moz-border-radius: 0.313rem;
        border-radius: 0.313rem;
    }
    .dropdown-lang .dropdown-menu .dropdown-item .lang-img { object-fit: contain; max-width: 1.875rem; max-height: 1.875rem; margin-right: 0.313rem; }
    .dropdown-lang .dropdown-menu .dropdown-item .text { color: #4F0000; }

    @media (max-width: 992px) {
        .main-header { display: none; }
    }


    /*main navigation*/
    .main-nav {
        position: static;
        height: 2.5rem;
        background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 304.46%);
        background: -ms-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 304.46%);
        background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 304.46%);
        background: -o-linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 304.46%);
        background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 304.46%);
    }

    .main-nav .nav { display: flex; justify-content: center; float: none; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
    .main-nav .nav li { position: relative; padding-left: 1.25rem; padding-right: 1.25rem; }
    .main-nav .nav li:before {
        content: '';
        position: absolute;
        left: 0;
        bottom: -3px;
        background: #D6262B;
        width: 0;
        height: 3px;
        overflow: hidden;
        border-radius: 0.5rem;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }
    .main-nav .nav li.active:before, .main-nav .nav li:hover:before { width: 100%; }
    .main-nav .nav li.active a, .main-nav .nav li:hover a { color: #4F0000; }
    .main-nav .nav li:last-child { padding-right: 0; }

    .main-nav .nav li a {
        display: block;
        font-family: var(--font2);
        font-weight: 700;
        font-size: 0.875rem;
        color: var(--text1);
        height: 2.344rem;
        line-height: 2.344rem;
        border: transparent;
        letter-spacing: 0.02rem;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }
    .main-nav .nav li a.btn-nav-line {
        position: relative;
        overflow: hidden;
        padding-left: 1.563rem;
        padding-right: 1.563rem;
        border: 1px solid var(--dark);
        -webkit-border-radius: 6.25rem;
        -moz-border-radius: 6.25rem;
        border-radius: 6.25rem;
        height: 1.875rem;
        margin-top: 0.313rem;
        background: none;
        line-height: 29px;
        letter-spacing: 0.0.313rem;
        color: var(--dark);
    }
    .main-nav .nav li a.btn-nav-line:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background: var(--white);
        left: 0;
        top: 0;
        z-index: 1;
        opacity: 0.19;
    }
    .main-nav .nav li a.btn-nav-line span { position: relative; z-index: 2; }
    .main-nav .nav li a.btn-nav-line:hover { background: #4F0000; border: 1px solid #4F0000; color: var(--white); }

    .main-nav .nav li.submenu { position: relative; padding-right: 35px; }

    /*.main-nav .nav li.submenu:after { content: url('../img/chevron-icon.svg'); position: absolute; top: 2px; right: 1.125rem; border: 1px solid red; }*/
    .main-nav .nav li.submenu:hover a .icon { transform: rotate(180deg); transition: all 0.3s linear; }
    .main-nav .nav li.submenu a .icon { font-size: 12px; line-height: 1; position: absolute; top: 0.675rem; right: 1rem; transition: all 0.3s linear; }

    .main-nav .nav li.submenu ul {
        position: absolute;
        width: 12.5rem;
        box-shadow: 0 0.128rem 1.75rem 0 rgba(0, 0, 0, 0.06);
        -webkit-border-radius: 0.313rem;
        -moz-border-radius: 0.313rem;
        border-radius: 0.313rem;
        overflow: hidden;
        top: 2.813rem;
        opacity: 0;
        transform: translateY(-2em);
        visibility: hidden;
        z-index: -1;
        transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }
    .main-nav .nav li.submenu.user-menu ul { width: 150px; right: 0; }

    .main-nav .nav li.submenu.user-menu .img-user { border-radius: 50%; width: 2.5rem; height: 2.5rem; overflow: hidden; }

    .main-nav .nav li.submenu ul li { margin-left: 0; padding-left: 0; padding-right: 0; }
    .main-nav .nav li.submenu ul li a {
        position: relative;
        display: block;
        background: var(--white);
        color: var(--text1);
        padding-left: 1.25rem;
        height: 2.5rem;
        line-height: 2.5rem;
        font-size: 0.875rem;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

    .main-nav .nav li.submenu ul li a:before {
        content: '';
        position: absolute;
        width: 0;
        height: 2.5rem;
        left: 0;
        top: 0;
        bottom: 0;
        background: #4F0000;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }
    .main-nav .nav li.submenu ul li a:hover { background: #f5f5f5; }
    .main-nav .nav li.submenu ul li a:hover:before { width: 3px; }

    .main-nav .nav li.submenu:hover ul {
        visibility: visible;
        opacity: 1;
        z-index: 1;
        transform: translateY(0%);
        transition-delay: 0s, 0s, 0.3s;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

    .main-nav .menu-trigger { cursor: pointer; display: none; position: absolute; top: 1.438rem; right: 2.5rem; width: 2rem; height: 2.5rem; text-indent: -9999em; z-index: 99; }
    .main-nav .menu-trigger span,
    .main-nav .menu-trigger span:before,
    .main-nav .menu-trigger span:after {
        background-color: var(--text1);
        display: block;
        position: absolute;
        width: 1.875rem;
        height: 2px;
        left: 0;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }
    .main-nav .menu-trigger span:before,
    .main-nav .menu-trigger span:after {
        background-color: var(--text1);
        display: block;
        position: absolute;
        width: 1.875rem;
        height: 2px;
        left: 0;
        width: 75%;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }
    .main-nav .menu-trigger span:before, .main-nav .menu-trigger span:after { content: ""; }

    .main-nav .menu-trigger span { top: 16px; }
    .main-nav .menu-trigger span:before { top: -10px; z-index: 10; -moz-transform-origin: 33% 100%; -ms-transform-origin: 33% 100%; -webkit-transform-origin: 33% 100%; transform-origin: 33% 100%; }
    .main-nav .menu-trigger span:after { top: 10px; -moz-transform-origin: 33% 0; -ms-transform-origin: 33% 0; -webkit-transform-origin: 33% 0; transform-origin: 33% 0; }

    .main-nav .menu-trigger.active span,
    .main-nav .menu-trigger.active span:before,
    .main-nav .menu-trigger.active span:after {
        background-color: transparent;
        width: 100%;
    }

    .main-nav .menu-trigger.active span:before {
        -moz-transform: translateY(6px) translateX(1px) rotate(45deg);
        -ms-transform: translateY(6px) translateX(1px) rotate(45deg);
        -webkit-transform: translateY(6px) translateX(1px) rotate(45deg);
        transform: translateY(6px) translateX(1px) rotate(45deg);
        background-color: var(--text1);
    }

    .main-nav .menu-trigger.active span:after {
        -moz-transform: translateY(-6px) translateX(1px) rotate(-45deg);
        -ms-transform: translateY(-6px) translateX(1px) rotate(-45deg);
        -webkit-transform: translateY(-6px) translateX(1px) rotate(-45deg);
        transform: translateY(-6px) translateX(1px) rotate(-45deg);
        background-color: var(--text1);
    }


    .header-mobile { display: none; }

    @media (max-width: 992px) {
        .header-mobile { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 73px; z-index: 9999999; background: #4F0000; }
        .header-mobile .brand-wrapper { position: relative; padding: 0.935rem 0; display: flex; align-items: center; }
        .header-mobile .brand-wrapper .header-brand { width: 165px; display: inline-flex; }
        .header-mobile .brand-wrapper .header-brand .img-brand { object-fit: contain; width: auto; max-width: 100%; max-height: 3rem; -webkit-backface-visibility: hidden; }

        .header-mobile .brand-wrapper .header-act { position: relative; width: calc(100% - 165px); display: inline-flex; align-items: center; justify-content: flex-end; }
        .header-mobile .brand-wrapper .header-act .dropdown-lang { margin-left: 0; margin-right: 0.625rem; }

        /* position: absolute; top: 50%; right: 0; margin-top: -0.625rem;*/
        #menu-toggle { cursor: pointer; position: relative; width: 1.625rem; height: 1.25rem; }
        #menu-toggle button {
            position: absolute;
            left: 0;
            top: 50%;
            margin: -2px 0 0;
            background: rgba(255, 255, 255, 0.2);
            height: 4px;
            padding: 0;
            border: none;
            width: 100%;
            transition: all 0.3s ease;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            outline: none;
            border-radius: 2px;
        }
        #menu-toggle button:before {
            content: "";
            position: absolute;
            left: 0;
            top: -8px;
            width: 26px;
            height: 4px;
            background: rgba(255, 255, 255, 0.2);
            -webkit-transform-origin: 1.5px center;
            transform-origin: 1.5px center;
            transition: all 0.3s ease;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            border-radius: 2px;
        }
        #menu-toggle button:after {
            content: "";
            position: absolute;
            left: 0;
            bottom: -8px;
            width: 26px;
            height: 4px;
            background: rgba(255, 255, 255, 0.2);
            -webkit-transform-origin: 1.5px center;
            transform-origin: 1.5px center;
            transition: all 0.3s ease;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            border-radius: 2px;
        }
        #menu-toggle.active button { background: none; }
        #menu-toggle.active button:before { top: 0; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }
        #menu-toggle.active button:after { bottom: 0; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }


        .main-nav {
            background: var(--white);
            height: 100%;
            margin-top: 73px;
            border-bottom-left-radius: 0.313rem;
            border-bottom-right-radius: 0.313rem;
            -webkit-box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.15);
            -moz-box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.15);
            box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.15);
        }
        .main-nav .container { max-width: 100%; padding-left: 0; padding-right: 0; }

        .wrap-menu-nav { display: none; position: relative; max-width: 720px; margin: auto; padding: 1.875rem 0.938rem; }

        .main-nav .nav { display: block; }
        .main-nav .nav li { padding-left: 0; padding-right: 0; }
        .main-nav .nav li:before { height: 0; opacity: 0; }
        .main-nav .nav li a { height: 2.5rem; line-height: 2.5rem; }
        .main-nav .nav li.submenu ul { position: relative; top: 0; box-shadow: none; width: 100%; height: 0; }
        .main-nav .nav li.submenu:hover ul { height: 100%; }
        .main-nav .nav li.submenu ul li a:hover { color: #4F0000; background: none; }
    }

    @media (max-width: 768px) {
        .wrap-menu-nav { max-width: 540px; }
    }

    @media (max-width: 480px) {}


    /* search */
    .search-form { position: relative; width: 25rem; margin-right: 2.5rem; }

    .search-form label { width: 100%; margin-bottom: 0; }
    .search-form input {
        font-family: var(--font2);
        font-weight: normal;
        font-size: 0.825rem;
        color: var(--white);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        background-color: transparent;
        border: none;
        border-radius: 0.5rem;
        display: inline-block;
        width: 100%;
        padding: 0.5rem 0 0.5rem 1rem;
        margin: 0;
        background: none;
        border: 1px solid rgba(255, 255, 255, 0.2);
    }

    .search-form input::placeholder { font-weight: normal; font-size: 0.875rem; letter-spacing: 0.02rem; color: var(--white); opacity: 0.4; }
    .search-form input::-webkit-input-placeholder { font-weight: normal; font-size: 0.875rem; letter-spacing: 0.02rem; color: var(--white); opacity: 0.4; }
    .search-form input::-moz-placeholder { font-weight: normal; font-size: 0.875rem; letter-spacing: 0.02rem; color: var(--white); opacity: 0.4; }
    .search-form input:-ms-input-placeholder { font-weight: normal; font-size: 0.875rem; letter-spacing: 0.02rem; color: var(--white); opacity: 0.4; }
    .search-form input:-moz-placeholder { font-weight: normal; font-size: 0.875rem; letter-spacing: 0.02rem; color: var(--white); opacity: 0.4; }

    .search-switch { position: absolute; right: 0.5rem; top: 50%; transform: translateY(-50%); background: none; padding-left: 0.5rem; }

    .search-switch .btn { background: none; border: 0; font-weight: 300; color: var(--white); opacity: 0.6; }

    .search-switch .btn:focus, .main-search-form .search-switch .btn:hover { outline: none; box-shadow: none; color: var(--white); }

    @media (max-width: 1200px) {
        .search-form { width: 21.875rem; margin-right: 1.25rem; }
    }

    /*.main-navigation { position: relative; background: var(--light); z-index: 100; }

    .navbar-brand { float: left; height: 50px; padding: 11px 0px; line-height: 20px; }

    div#sticky-wrapper.is-sticky .navigation-bar { background-color: #f3f5ff; box-shadow: 0px 5px 25px 0px rgba(0, 56, 160, 0.15); }
    div#sticky-wrapper { position: relative; z-index: 9999; width: 100%; }
    .slicknav_menu { display: none; }

    img.bag-icon { margin-right: 18px; }


    .main-navigation .navigation { display: flex; align-items: center; justify-content: space-between; }
    .main-navigation .navigation ul.navigation-nav { list-style: outside none none; margin: 0; display: flex; align-items: stretch; align-items: center; }
    .main-navigation .navigation ul.navigation-nav li.nav-item { height: 60px; padding: 0; }
    .main-navigation .navigation ul.navigation-nav li.nav-item:not(:last-child) { margin-right: 1.563rem; }
    .main-navigation .navigation ul.navigation-nav li.nav-item a {
        position: relative;
        display: inline-flex;
        align-items: center;
        color: var(--text1);
        font-size: 0.935rem;
        font-weight: normal;
        padding: 0;
        height: 100%;
        -webkit-transition: all 0.2s ease 0s;
        transition: all 0.2s ease 0s;
    }
    .main-navigation .navigation ul.navigation-nav li.nav-item a:hover { color: #4F0000; }


    .dropdown.current-menu-has-children > a:after {
        content: '\e64b';
        font-family: 'themify';
        display: inline-block;
        margin-top: -0.25rem;
        margin-left: 0.313rem;
        font-size: 0.875rem;
        line-height: 1;
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }
    .dropdown:hover > .dropdown-nav {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
        visibility: visible;
        transform: translateY(0px);
    }
    .dropdown-nav {
        position: absolute;
        top: 60px;
        left: 0;
        min-width: 150px;
        max-width: 200px;
        height: auto;
        border-radius: 0.313rem;
        overflow: hidden;
        padding: 0;
        text-align: left;
        white-space: nowrap;
        z-index: 99;
        opacity: 0;
        background-clip: padding-box;
        background: var(--white);
        box-shadow: 0 0.25rem 2.5rem 0.25rem rgba(0, 0, 0, 0.05);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        visibility: hidden;
        transform-origin: 0 0 0;
        transform: scaleY(0.2);
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
    .dropdown-nav li {  }
    .dropdown-nav li a {
        display: block;
        padding: 0.925rem 1.25rem !important;
        width: 100%;
        font-size: 0.875rem;
        color: var(--text1);
        background-color: var(--white);
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
    .dropdown-nav li a:hover { color: var(--dark); background-color: var(--light) !important; }



    ul.dropdown-nav.dropdown-nav-left li { position: relative; display: block; }
    .dropdown-nav.dropdown-nav-left { left: auto; }
    .dropdown-nav.dropdown-nav-left { left: initial; right: 0 ! important; }
    .dropdown-nav-left .sub-menu { left: 100%; right: auto; width: auto; }
    .dropdown:hover > .sub-menu { top: 0; }*/


    /*.mega-manu { position: static; }*/
    .mega-manu:hover .maga-manu-wrapper { visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; top: 60px; }

    .maga-manu-wrapper {
        position: absolute;
        top: 100px;
        left: 0;
        width: 500px;
        max-width: 500px;
        height: auto;
        border-radius: 0.313rem;
        overflow: hidden;
        background: var(--white);
        box-shadow: 0 0.25rem 2.5rem 0.25rem rgba(0, 0, 0, 0.05);
        z-index: 99;
        opacity: 0;
        padding: 1.25rem;
        border-radius: 0.313rem;
        visibility: hidden;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }

    .mega-single-items { color: #536d87; position: relative; padding-left: 65px; text-align: left; -webkit-transition: all .3s ease; transition: all .3s ease; }
    .mega-single-items h2 { font-size: 20px; font-weight: 600; color: #3a4368; margin-bottom: 15px; }
    .mega-single-items:hover h2 { color: #3464e0; }
    .mega-single-items img { position: absolute; left: 0; top: 9%; }
    .mega-single-items p { font-size: 14px; color: #536d87; }
/* ------------------------------------ end header ------------------------------------ */


/* ------------------------------------ section content ------------------------------------ */
    .intro-section { position: relative; overflow: hidden; z-index: 3; height: calc(100vh); display: flex; align-items: flex-end; }

    /*.intro-section .video-area { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }*/
    .intro-section .video-area {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        z-index: 1;
    }
    .intro-section:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.0001) 0%, #000000 100%);
        z-index: 2;
    }

    .intro-section .wrap-content { position: relative; z-index: 3; margin-bottom: 0.313rem; }
    .intro-section .wrap-content .swiper-button-2 { background: rgba(255, 255, 255, 0.24); width: 2.688rem; height: 2.688rem; }
    .intro-section .wrap-content .swiper-button-2:after { font-size: 1rem; color: var(--white); }
    .intro-section .wrap-content .swiper-button-prev { left: -3.625rem; }
    .intro-section .wrap-content .swiper-button-next { right: -3.625rem; }

    .post-video { position: relative; width: 100%; }
    .post-video .post-thumb { position: relative; overflow: hidden; width: 100%; height: 100%; border-radius: 0.625rem; max-height: 202px; }
    .post-video .post-thumb:before {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 1;
        mix-blend-mode: normal;
        background: -webkit-gradient(180deg, rgba(0, 0, 0, 0) 0%, #202020 100%);
        background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #202020 100%);
        background: -o-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #202020 100%);
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #202020 100%);
    }
    .post-video .post-thumb .post-img {
        opacity: 0.4;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        max-height: 202px;
        object-fit: cover;
        object-position: top center;
        overflow: hidden;
        border-radius: 0.625rem;
    }
    .post-video .post-content { position: absolute; left: 0; bottom: 0; width: 100%; padding: 1.25rem 1.563rem; z-index: 3; }
    .post-video .post-content .wrap-text { display: flex; align-items: center; }

    .post-video .post-content .post-title {
        font-family: var(--font1);
        font-weight: 800;
        font-size: 1.198rem;
        line-height: 140%;
        color: var(--white);
        margin: auto;
        margin-bottom: 0;
        overflow: hidden !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical;
    }

    .post-video .post-content a.wrap-icon { margin-top: -2%; margin-right: 1.25rem; }

    .post-video .post-content a.wrap-icon .play-button {
        font-size: 0.725rem;
        color: var(--white);
        width: 2.063rem;
        height: 2.063rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid var(--white);
        border-radius: 50%;
        z-index: 3;
    }

    @media (max-width: 1200px) {
        .post-video .post-content { padding: 1.25rem 1.25rem; }

        .post-video .post-content .post-title { font-size: 1.25rem; }
    }

    @media (max-width: 992px) {
        .post-video .post-content { padding: 0.625rem 1.25rem; }
    }

    @media (max-width: 768px) {
        .post-video .post-content .post-title { font-size: 1rem; }
    }

    @media (max-width: 580px) {
        .intro-section .wrap-content .swiper-button-prev { left: -0.813rem; }

        .intro-section .wrap-content .swiper-button-next { right: -0.813rem; }

        .post-video .post-content { padding: 0.625rem; }
    }


    /*meta info*/
    .post-meta-info {}

    .post-meta-info span { position: relative; font-weight: normal; font-size: 0.75rem; line-height: 1.2; color: var(--second); }
    .post-meta-info span:not(:last-child) { margin-right: 0.5rem; }
    .post-meta-info span:before { content: ''; position: absolute; top: 0.125rem; left: -0.313rem; width: 1px; height: 0.875rem; background: var(--second); }
    .post-meta-info span:first-child:before { opacity: 0; background: none; }

    .post-meta-info.post-meta-info-2 {}
    .post-meta-info.post-meta-info-2 span { font-family: var(--font3); font-weight: 400; font-size: 12px; color: #5C5C5C; }
    .post-meta-info.post-meta-info-2 span:before { visibility: hidden; opacity: 0; display: none; }
    .post-meta-info.post-meta-info-2 span .icon { width: 15px; margin-top: -3px; }


    /*social share*/
    .social-share { position: relative; display: flex; align-items: center; justify-content: flex-start; }
    .social-share li:not(:last-child) { margin-right: 0.313rem; }

    .social-share .social-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background: #4F0000;
        font-size: 1rem;
        line-height: 1;
        color: var(--white);
    }

    .social-share .social-icon:hover { background: var(--white) !important; color: #4F0000; box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); }

    .social-share.social-share-lg .social-icon { width: 2.375rem; height: 2.375rem; font-size: 0.938rem; }

    .social-share.style-2 {}

    .social-share.style-2 li:not(:last-child) { margin-right: 0.5rem; }
    .social-share.style-2 .social-icon { font-size: 1.25rem; color: var(--dark); background: none !important; }
    .social-share.style-2 .social-icon:hover { color: var(--dark); box-shadow: none; }

    .social-icon.post-share-twitter { background: #4F0000; fill: var(--white); }
    .social-icon.post-share-twitter:hover { fill: #4F0000 !important;}

    .social-icon.accent { background: #4F0000; }
    .social-icon.accent:hover { color: #4F0000 !important; }
    .social-icon.facebook { background: #4267B2; }
    .social-icon.facebook:hover { color: #4267B2 !important; }
    .social-icon.twitter { background: #1DA1F2; }
    .social-icon.twitter:hover { color: #1DA1F2 !important; }
    .social-icon.instagram { background: #E1306C; }
    .social-icon.instagram:hover { color: #E1306C !important; }
    .social-icon.pinterest { background: #E60023; }
    .social-icon.pinterest:hover { color: #E60023 !important; }
    .social-icon.whatsapp { background: #25D366; }
    .social-icon.whatsapp:hover { color: #25D366 !important; }
    .social-icon.email { background: #ff5D5D; }
    .social-icon.email:hover { color: #ff5D5D !important; }
    .social-icon.telegram { background: #0088CC; }
    .social-icon.telegram:hover { color: #0088CC !important; }
    .social-icon.linkedin { background: #2867B2; }
    .social-icon.linkedin:hover { color: #2867B2 !important; }
    .social-icon.youtube { background: #FF0000; }
    .social-icon.youtube:hover { color: #FF0000 !important; }


    .post-1 { position: relative; overflow: hidden; width: 100%; max-width: 520px; display: flex; align-items: stretch; margin-bottom: 1.875rem; }

    .post-1 .post-thumb { position: relative; overflow: hidden; flex: 0 0 225px; width: 225px; height: 150px; border-radius: 0.625rem; margin-right: 1.25rem; }
    .post-1 .post-thumb .post-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }

    .post-1 .post-content {}
    .post-1 .post-content .post-meta-info span:before { visibility: hidden; opacity: 0; }
    .post-1 .post-content .post-title {
        font-family: var(--font1);
        font-weight: 700;
        font-size: 1.063rem;
        line-height: 150%;
        color: #4F0000;
        margin-bottom: 0.313rem;
        overflow: hidden !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical;
    }

    .post-1 .post-content .post-description {
        font-family: var(--font3);
        font-weight: 400;
        font-size: 14px;
        line-height: 150%;
        color: var(--dark);
        margin-bottom: 0;
        overflow: hidden !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 3 !important;
        -webkit-box-orient: vertical;
    }

    .post-1 .post-content .post-description p {
        font-family: var(--font3) !important;
        font-weight: 400 !important;
        font-size: 14px !important;
        color: var(--dark);
        margin-bottom: 0;
        overflow: hidden !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 3 !important;
        -webkit-box-orient: vertical;
    }

    .post-1 .post-content .post-date { font-family: var(--font3); font-weight: 400; color: #AEACB2; margin-bottom: 0.313rem; }

    .post-1.post-1-md { max-width: 100%; margin-bottom: 0; }
    .post-1.post-1-md .post-thumb { flex: 0 0 141px; width: 141px; height: 94px; border-radius: 0; }
    .post-1.post-1-md .post-thumb .post-img { position: absolute; top: 0; left: 0; object-fit: cover; object-position: center center; border-radius: 0; }

    .post-1.post-1-md .post-content .post-title { font-weight: 700; font-size: 14px; line-height: 1.4; -webkit-line-clamp: 3 !important; }

    @media (max-width: 1200px) {
        .post-1 .post-thumb { flex: 0 0 200px; width: 200px; height: 140px; }
        .post-1 .post-content .post-title { font-size: 1.125rem; }

        .post-1.post-1-md .post-thumb { flex: 0 0 115px; width: 115px; height: 76.66px; margin-right: 0.938rem; }
    }
    @media (max-width: 992px) {
        .post-1 { display: block; }
        .post-1 .post-thumb { flex: 0 0 100%; width: 100%; height: 195px; margin-bottom: 0.625rem; }

        .post-1.post-1-md { display: flex; }
    }
    @media (max-width: 768px) {
        .post-1 { margin-bottom: 1.25rem; }
        .post-1 .post-thumb { height: 170px; }
    }
    @media (max-width: 480px) {
        .post-1 .post-thumb { height: 31vw; }
        .post-1 .post-content .post-title { font-size: 1rem; }
        .post-1 .post-content .post-description { font-size: 0.875rem; }

        .post-1.post-1-md .post-thumb { flex: 0 0 100px; width: 100px; height: 66.66px; }
    }
    @media (max-width: 400px) {
        .post-1 .post-content .post-title { font-size: 90%; }
    }


    .post-2 { position: relative; overflow: hidden; width: 100%; }
    .post-2:not(:last-child) { margin-bottom: 1.25rem; }
    .post-2 .post-thumb { position: relative; width: 100%; height: 220px; border-radius: 0.625rem; }
    .post-2 .post-thumb:before {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 1;
        background: -webkit-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(32, 32, 32, 1) 100%);
        background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(32, 32, 32, 1) 100%);
        background: -o-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(32, 32, 32, 1) 100%);
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(32, 32, 32, 1) 100%);
    }
    .post-2 .post-thumb .post-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: top center; overflow: hidden; border-radius: 0.625rem; }

    .post-2-hv-description .post-description { transform: translateY(100%); max-height: 0; opacity: 0; visibility: hidden; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
    .post-2-hv-description:hover .post-description { transform: translateY(0); max-height: auto; opacity: 1; visibility: visible; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

    .post-2 .post-content { position: absolute; left: 0; bottom: 0; width: 100%; padding: 1.25rem; z-index: 3; text-align: left; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
    .post-2 .post-content .post-title {
        font-family: var(--font1);
        font-weight: 800;
        font-size: 1.125rem;
        line-height: 1.4;
        color: var(--white);
        /* max-width: 66%; */
        /* margin: auto; */
        /* margin-bottom: 0.313rem; */
        -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;
    }
    .post-2 .post-content .post-description { font-family: var(--font3); font-weight: 400; color: var(--dark); margin-bottom: 0; }
    .post-2 .post-content .post-description p { font-family: var(--font3) !important; font-weight: 400 !important; margin-bottom: 0; }

    .post-2.post-2-large {}
    .post-2.post-2-large .post-thumb { height: 330px; box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.15); margin-bottom: 1.725rem; }
    .post-2.post-2-large .post-thumb:before { background: transparent; }
    .post-2.post-2-large .post-thumb .post-img { object-position: bottom center; }

    .post-2.post-2-large .post-content { position: relative; bottom: auto; padding: 0; text-align: left; display: flex; align-items: flex-start; }
    .post-2.post-2-large .post-content .post-title { flex: 0 0 250px; font-size: 1.25rem; color: #4F0000; max-width: 100%; margin-top: 0; margin-bottom: auto; }
    .post-2.post-2-large .post-content .post-description {}


    @media (max-width: 1200px) {
        .post-2 .post-thumb { height: 195px; }

        .post-2.post-2-large { margin-bottom: 2.5rem; }
        .post-2.post-2-large .post-thumb { height: 280px; }
        .post-2.post-2-large .post-content .post-title { flex: 0 0 200px; }
    }
    @media (max-width: 992px) {
        .post-2 { margin-bottom: 1.25rem; }
    }
    @media (max-width: 768px) {
        .post-2 .post-thumb { height: 170px; }

        .post-2 .post-content .post-title { max-width: 85%; }

        .post-2.post-2-large .post-thumb { height: 200px; }
        .post-2.post-2-large .post-content { display: block; }
        .post-2.post-2-large .post-content .post-title { margin-bottom: 0.313rem; }
    }


    .post-3 { position: relative; width: 100%; }
    .post-3 .post-thumb { position: relative; width: 100%; max-height: 420px; border-radius: 0.5rem; background: rgba(207, 176, 62, 0.64); }
    .post-3 .post-thumb .post-img { width: 100%; object-fit: cover; max-height: 420px; object-position: top center; overflow: hidden; border-radius: 0.5rem; mix-blend-mode: multiply; }
    .post-3 .post-content { position: absolute; left: 0; bottom: 0; width: 100%; padding: 1.25rem; z-index: 3; }
    .post-3 .post-content .post-title { font-family: var(--font1); font-weight: 800; font-size: 1.25rem; line-height: 1.4; color: var(--white); }

    @media (max-width: 1200px) {
        .post-3 .post-thumb { max-height: 350px; }
        .post-3 .post-thumb .post-img { max-height: 350px; }
    }

    @media (max-width: 992px) {
        .post-3 .post-thumb { max-height: 390px; }
        .post-3 .post-thumb .post-img { max-height: 390px; }
    }


    .post-4 { position: relative; overflow: hidden; width: 100%; height: 26rem; border-radius: 0.625rem; }
    .post-4 .post-thumb {}
    .post-4 .post-thumb .post-img { object-fit: cover; object-position: top center; width: 100%; height: 100%; }
    .post-4 .post-content { position: absolute; left: 0; bottom: 0; width: 85%; background: var(--white); padding: 1rem; border-top-right-radius: 0.25rem; }
    .post-4 .post-content .post-title {
        font-family: var(--font1);
        font-weight: 800;
        font-size: 1.25rem;
        line-height: 1.3;
        color: #4F0000;
        margin-bottom: 0.625rem;
        overflow: hidden !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 3 !important;
        -webkit-box-orient: vertical;
    }
    .post-4 .post-content .post-date { font-family: var(--font3); font-weight: 400; color: var(--dark); margin-bottom: 0; }

    @media (max-width: 1200px) {
        .post-4 { height: 23.125rem; }
        .post-4 .post-content { width: 88%; }
        .post-4 .post-content .post-title { font-size: 1.125rem; }
    }
    @media (max-width: 992px) {
        .post-4 { height: 26rem; }
        .post-4 .post-content { width: 80%; }
    }
    @media (max-width: 768px) {
        .post-4 { height: 21.875rem; }
        .post-4 .post-content { width: 88%; }
    }
    @media (max-width: 480px) {
        .post-4 { height: 68vw; }
        .post-4 .post-content { padding-left: 6%; padding-right: 6%; }
        .post-4 .post-content .post-title { font-size: 1rem; }
    }
    @media (max-width: 400px) {
        .post-4 .post-content .post-title { font-size: 90%; }
    }


    .post-5 {
        position: relative;
        background: rgba(245, 245, 245, 0.7);
        border: 0.5px solid #E0E0E0;
        border-radius: 0.125rem;
        padding: 1.25rem;
        height: 100%;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    .post-5:hover { z-index: 2; background: rgba(245, 245, 245, 1); box-shadow: 0 2.5rem 7.5rem rgba(102, 102, 102, 0.3); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

    .post-5 .post-thumb { border-radius: 0; margin-bottom: 0.625rem; width: 100%; height: 207px; }
    .post-5 .post-thumb .post-img { object-fit: cover; object-position: center; width: 100%; height: 100%; border-radius: 0; }

    .post-5 .post-content {}
    .post-5 .post-content .post-title {
        font-family: var(--font1);
        font-size: 1.188rem;
        color: #4F0000;
        margin-bottom: 0.313rem;
        overflow: hidden !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical;
    }
    .post-5 .post-content .post-description {
        font-size: 0.875rem !important;
        text-align: left;
        overflow: hidden !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 4 !important;
        -webkit-box-orient: vertical;
        position: relative;
        overflow: hidden;
        height: 82px;
        margin-bottom: 0.5rem;
    }
    .post-5 .post-content .post-description p {
        font-family: var(--font3) !important;
        font-weight: 400 !important;
        font-size: 14px !important;
        overflow: hidden !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 4 !important;
        -webkit-box-orient: vertical;
    }

    .post-5 .post-content .post-meta-info { margin-bottom: 0.625rem; }
    .post-5 .post-content .post-act { display: flex; align-items: center; justify-content: space-between; }
    .post-5 .post-content .post-act .badge { font-weight: normal; }

    @media (max-width: 1200px) {
        .post-5 { padding: 0.938rem; }
        .post-5 .post-thumb { height: 173.33px; }
        .post-5 .post-content .post-title { font-size: 1.063rem; }
        .post-5 .post-content .post-meta-info span:first-child { display: none; }
    }
    @media (max-width: 992px) {
        .post-5 .post-thumb { height: 205px; }
    }
    @media (max-width: 768px) {
        .post-5 .post-thumb { height: 145px; }
        .post-5 .post-content .post-act {}
        .post-5 .post-content .post-act .badge { display: none; visibility: hidden; opacity: 0; }
        .post-5 .post-content .post-act .more-link { margin: auto; }
        .post-5 .post-content .post-description { line-height: 150%; }
    }
    @media (max-width: 580px) {
        .post-5 { padding: 0.5rem; }
        .post-5 .post-thumb { height: 27vw; }
        .post-5 .post-content .post-title { font-size: 0.938rem; }
    }
    @media (max-width: 380px) {
        .post-5 { padding: 0.835rem; }
        .post-5 .post-thumb { height: 57vw; }
        .post-5 .post-content .post-title { font-size: 1rem; }
    }


    .post-5.post-5-event { padding: 0rem; }
    .post-5.post-5-event .post-thumb { margin-bottom: 0; }
    .post-5.post-5-event .post-content { padding: 1.25rem; }


    .post-6 { position: relative; overflow: hidden; height: 430px; }
    .post-6 .post-thumb { display: block; width: 100%; height: 100%; }
    .post-6 .post-thumb img { object-fit: cover; object-position: center; width: 100%; height: 100%; }

    .post-6 .post-content { position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.6); padding: 1.825rem; }
    .post-6 .post-content .post-title { font-family: var(--font1); font-weight: 600; color: var(--white); letter-spacing: 0.02rem; margin-bottom: 0; }
    .post-6 .post-content .post-meta-info { margin-bottom: 1rem; }
    .post-6 .post-content .post-meta-info span {}
    .post-6 .post-content .post-meta-info span:not(:last-child) { margin-right: 0.825rem; }
    .post-6 .post-content .post-meta-info span:before { visibility: hidden; opacity: 0; }
    .post-6 .post-content .post-date { font-family: var(--font3); font-weight: 400; color: var(--white); opacity: 0.8; margin-bottom: 0.313rem; }

    @media (max-width: 768px) {
        .post-6 { height: 345px; }
        .post-6 .post-content { padding: 1.25rem; }
        .post-6 .post-content .post-title { font-size: 1.188rem; }
    }
    @media (max-width: 480px) {
        .post-6 { height: 295px; }
        .post-6 .post-content { padding: 0.825rem; }
        .post-6 .post-content .post-title { font-size: 1rem; }
    }

    .post-6.post-6-event { height: 450px; }
    .post-6.post-6-event .post-content { background: #4f0000; }
    .post-6.post-6-event .post-content .post-img-cover { position: absolute; top: 0; right: 0; width: auto; max-width: 100%; height: 100%; object-fit: cover; object-position: top; }
    .post-6.post-6-event .post-content .post-meta-info span { color: var(--white); }
    .post-6.post-6-event .post-content .post-title { color: var(--third2); }
    .post-6.post-6-event .post-content .post-description { font-family: var(--font3); color: var(--white) !important; overflow: hidden !important; display: -webkit-box !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical; }
    .post-6.post-6-event .post-content .more-link-arrow { font-weight: 500; color: var(--white); margin-top: 0.5rem; }
    .post-6.post-6-event .post-content .more-link-arrow:before { color: var(--white); top: 20%; }


    .section-news { position: relative; overflow: hidden; }
    .section-news .list-post-side {}
    .section-news .list-post-side li { position: relative; }
    .section-news .list-post-side li:not(:last-child) { margin-bottom: 2.5rem; }
    .section-news .list-post-side li:not(:last-child):before { content: ''; position: absolute; bottom: -1.25rem; left: 0; width: 100%; height: 1px; background: #EAEAEA; }

    .section-news .list-post-side .post-1 .post-thumb { flex: 0 0 136px; width: 136px; height: 118px; border-radius: 0; }
    .section-news .list-post-side .post-1 .post-content .post-title { color: var(--dark); -webkit-line-clamp: 3 !important; }
    .section-news .list-post-side .post-1 .post-content .post-meta-info { margin-bottom: 0.825rem; }

    .section-news .post-5 .post-content .post-title { font-weight: 800; font-size: 1.063rem; }
    .section-news .post-5 .post-content .post-description { font-family: var(--font3); }

    @media (max-width: 992px) {
        .section-news .post-6 { margin-bottom: 2.5rem; }

        .section-news .list-post-side { margin-bottom: 2.5rem; }
        .section-news .list-post-side .post-1 { display: flex; }
    }

    @media (max-width: 480px) {
        .section-news .list-post-side .post-1 .post-thumb { flex: 0 0 125px; width: 125px; height: 98px; margin-right: 0.625rem; }

        .section-news .list-post-side .post-1 .post-content .post-meta-info { margin-bottom: 0.5rem; }
        .section-news .list-post-side .post-1 .post-content .post-meta-info .post-date { display: block; width: 100%; margin-top: 0.313rem; }
    }


    .section-single-post { position: relative; z-index: 4; overflow: hidden; }

    .section-single-post .wrap-content {}

    .section-single-post .post-title-detail { font-family: var(--font1); font-weight: 500; font-size: 1,875rem; line-height: 140%; letter-spacing: 0.2rem; margin-bottom: 1.25rem; }

    .section-single-post .post-description { font-family: var(--font3); font-size: 15px; line-height: 180%; color: var(--dark); text-align: justify; }
    .section-single-post .post-description p { font-family: var(--font3); font-size: 15px; line-height: 180%; color: var(--dark); text-align: justify; margin-bottom: 1.25rem; }
    .section-single-post .post-description p a { font-weight: 600 !important; color: #4F0000 !important; text-decoration: underline !important; }
    .section-single-post .post-description img { width: 100% !important; max-width: 100% !important; object-fit: contain !important; margin-bottom: 0.625rem; }
    .section-single-post .post-description ul { margin-bottom: 1.25rem; padding-left: 20px; }
    .section-single-post .post-description ul li { font-family: var(--font3); font-size: 15px; line-height: 180%; color: var(--dark); list-style: disc; }
    .section-single-post .post-description ol { margin-top: 1.25rem; margin-bottom: 1.25rem; }
    .section-single-post .post-description ol li:not(:last-child) { margin-bottom: 0.625rem; }

    .post-description-event table { position: relative; display: block; overflow: hidden; width: 100% !important; }
    .post-description-event table tbody { width: 100% !important; }
    .post-description-event table tbody tr {  }
    .post-description-event table tbody tr td > p { line-height: 145% !important; }
    .post-description-event table tbody tr td:first-child { width: 20% !important; }
    .post-description-event table tbody tr td:nth-child(2) { width: 5% !important; padding-left: 1.25rem !important; padding-right: 0.625rem !important; }
    .post-description-event table tbody tr td:nth-child(3) { width: 75% !important; }

    .section-single-post .post-description iframe { width: 100% !important; max-width: 100% !important; position: relative; }
    .section-single-post .post-description iframe[title="YouTube"] { width: 100% !important; }
    .section-single-post .post-description iframe[title="Twitter Tweet"] { display: block; min-height: 720px !important;  }

    .section-single-post .post-description.post-description-sm { font-size: 14px; }
    .section-single-post .post-description.post-description-sm p { font-size: 14px; }
    .section-single-post .post-description.post-description-sm ul li { font-size: 14px; }
    .contdownload { font-weight: 600 !important; color: #4F0000 !important; text-decoration: underline !important; }

    @media (max-width: 768px) {
        .post-description-event table tbody tr td:nth-child(2) { padding-left: 0.625rem !important; }
    }

    .section-single-post .post-thumbnails {}

    .section-single-post .post-img { position: relative; overflow: hidden; border-radius: 0.625rem; }
    .section-single-post .post-img img { object-fit: contain; width: 100%; max-width: 100%; border-radius: 0.125rem; }

    .section-single-post .post-img-caption { font-weight: 400; color: var(--text1); margin-top: 0.625rem; margin-bottom: 0; }

    .section-single-post .post-info { display: flex; align-items: center; justify-content: space-between; }
    .section-single-post .post-info .info { font-weight: 400; font-size: 0.875rem; line-height: 150%; color: var(--dark); }
    .section-single-post .post-info .info .author span { font-weight: 500; color: #4F0000; }

    .section-single-post .post-info .share { display: flex; align-items: center; justify-content: flex-end; }
    .section-single-post .post-info .share span { display: inline; }


    @media (max-width: 1200px) {
        .section-single-post .post-title-detail { font-size: 1,625rem; }
    }
    @media (max-width: 768px) {
        .section-single-post .post-title-detail { font-size: 1,625rem; }
    }
    @media (max-width: 480px) {
        .section-single-post .post-title-detail { font-size: 1.5rem; }

        .section-single-post .post-info { display: block; }
        .section-single-post .post-info .share { display: block; margin-top: 0.825rem; }
        .section-single-post .post-info .share span { font-size: 0.875rem; margin-bottom: 0.313rem; }
    }
    

    /*sidebar*/
    .sidebar { position: relative; }
    .sidebar .sidebar-widget:not(:last-child) { margin-bottom: 3rem; }
    .sidebar .sidebar-widget .widget-title { border-bottom: 1px solid #4f0000; margin-bottom: 1.25rem; }
    .sidebar .sidebar-widget .widget-title .title { display: inline-block; width: inherit; padding: 0.313rem 1rem; background: #4f0000; letter-spacing: 1.32px; color: var(--white); margin-bottom: 0; }


    .latest-news-section { position: relative; overflow: hidden; z-index: 5; }
    .latest-news-section .heading-section .txt .subheading { font-weight: 400; }


    .about-section { position: relative; overflow: hidden; z-index: 5; }
    .about-section .heading-section .txt {}
    .about-section .heading-section .txt .subheading { font-weight: 400; color: var(--white); }
    .about-section .heading-section .txt .heading { color: var(--second); }

    .about-section .right-col {}

    @media (max-width: 992px) {
        .about-section .right-col { display: flex; }
        .about-section .right-col .post-2 { position: relative; }
        .about-section .right-col .post-2:nth-child(odd) { margin-right: 0.5rem; }
        .about-section .right-col .post-2:nth-child(even) { margin-left: 0.5rem; }
    }
    @media (max-width: 768px) {
        .about-section .heading-section .btn-act { background: var(--white); color: #4F0000 !important; }
    }
    @media (max-width: 480px) {
        .about-section .right-col { display: block; }
        .about-section .right-col .post-2:nth-child(odd) { margin-right: 0; }
        .about-section .right-col .post-2:nth-child(even) { margin-left: 0; }
    }


    .history-section { position: relative; overflow: hidden; z-index: 5; padding-bottom: 2.5rem; }
    .history-section .flex-first-large { position: relative; display: flex; flex-direction: column; flex-wrap: wrap; height: 425px; z-index: 6; }
    .history-section .flex-first-large .flex-col { width: 50%; max-height: 425px; margin-bottom: 0.63rem; }
    .history-section .flex-first-large .flex-col:nth-child(odd) { margin-bottom: 0; }

    .history-section .flex-first-large .flex-col-1 { flex-basis: 100%; }

    .history-section .wrap-content { position: relative; padding: 2.5rem 2.5rem 2.5rem 0; }
    .history-section .wrap-content .bg-square-2 { content: ''; position: absolute; top: 0; right: 0; width: 85%; height: 100%; border-radius: 0.625rem; background: #F2E5CC; }
    .history-section .wrap-content .heading-section { position: relative; z-index: 6; }
    .history-section .wrap-content .heading-section .heading { margin-bottom: 1.25rem; }
    .history-section .wrap-content .heading-section .description { font-family: var(--font3); font-size: 1rem; line-height: 180%; color: var(--dark); text-align: justify; }

    @media (max-width: 1200px) {
        .history-section .flex-first-large { height: 360px; }
        .history-section .flex-first-large .flex-col { max-height: 360px; }

        .history-section .wrap-content .heading-section .heading { line-height: 1.1; margin-bottom: 0.625rem; }
        .history-section .wrap-content .heading-section .description { font-size: 0.875rem; }
    }
    @media (max-width: 992px) {
        .history-section .flex-first-large { height: 400px; margin-bottom: 2.5rem; }
        .history-section .flex-first-large .flex-col { max-height: 400px; }

        .history-section .wrap-content .bg-square-2 { opacity: 0; }
        .history-section .wrap-content .heading-section .heading { line-height: 1.3; }
    }
    @media (max-width: 768px) {
        .history-section .flex-first-large { height: 300px; margin-bottom: 2.5rem; }
        .history-section .flex-first-large .flex-col { max-height: 300px; }
    }
    @media (max-width: 580px) {
        .history-section .flex-first-large { display: block; height: 100%; }
        .history-section .flex-first-large .flex-col { flex-basis: 100%; width: 100%; max-height: 100%; margin-bottom: 1.25rem !important; }
        .history-section .flex-first-large .flex-col:last-child { margin-bottom: 0 !important; }

        .history-section .wrap-content { padding: 0; }
    }


    .exhibition-section {}
    .exhibition-section .nav-tabs-style.nav-tabs-style-2 { background: #F8F7F5; }
    .exhibition-section .nav-tabs-style.nav-tabs-style-2 .nav-item { flex-basis: 0 0 200px; width: 200px; }
    .exhibition-section .nav-tabs-style.nav-tabs-style-2 .nav-item .nav-link {
        font-weight: 500;
        color: var(--text1);
        height: 60px;
        white-space: nowrap;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 0.625rem 1.25rem;
        border-radius: 0rem;
    }
    .exhibition-section .nav-tabs-style.nav-tabs-style-2 .nav-item .nav-link.active { background: #C8A94F; color: #4F0000; }
    .exhibition-section .nav-tabs-style.nav-tabs-style-2 .nav-item .nav-link:before { visibility: hidden; opacity: 0; transition: visibility 0.4s linear, opacity 0.4s linear; }

    .card-exhibition {  }
    .card-exhibition:not(:last-child) { margin-bottom: 1.875rem; }
    .card-exhibition .card-header { padding: 1.875rem; padding-bottom: 0.313rem; }
    .card-exhibition .card-header .post-meta-info span { color: #5C5C5C; }
    .card-exhibition .card-header .post-meta-info span:not(:last-child) { margin-right: 1rem; }
    .card-exhibition .card-body { padding: 1.875rem; display: flex; align-items: flex-start; }
    .card-exhibition .card-body .thumbnails { flex-basis: 0 0 30%; width: 30%; height: 280px; margin-right: 1.25rem; }
    .card-exhibition .card-body .thumbnails .thumbnails-img { object-fit: cover; object-position: center center; width: 100%; height: 100%; border-radius: 0.625rem; overflow: hidden; }
    .card-exhibition .card-body .content { flex-basis: 0 0 70%; width: 70%; }
    .card-exhibition .card-body .content .heading { font-family: var(--font1); font-weight: bold; line-height: 150%; color: #4F0000; margin-bottom: 0.313rem; overflow: hidden !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical; }
    .card-exhibition .card-body .content .description { font-family: var(--font3); font-weight: normal; color: #4F0000; line-height: 160%; overflow: hidden !important; display: -webkit-box !important; -webkit-line-clamp: 4 !important; -webkit-box-orient: vertical; }

    @media (max-width: 1200px) {
        .card-exhibition .card-body .thumbnails { height: 210px; }
    }
    @media (max-width: 992px) {
        .exhibition-section .flex-col { flex-basis: 50%; }
        .card-exhibition .card-body .thumbnails { flex-basis: 0 0 35%; width: 35%; }
        .card-exhibition .card-body .content { flex-basis: 0 0 55%; width: 55%; }
    }
    @media (max-width: 768px) {
        .exhibition-section .nav-tabs-style.nav-tabs-style-2 .nav-item .nav-link { padding: 0.625rem 0.825rem; }
        .card-exhibition .card-body .content .heading { font-size: 1.125rem; }
    }
    @media (max-width: 480px) {
        .card-exhibition .card-header { padding: 1.25rem; padding-bottom: 0; }
        .card-exhibition .card-body { padding: 1.25rem; flex-direction: column; }
        .card-exhibition .card-body .thumbnails { flex-basis: 0 0 100%; width: 100%; margin-right: 0; margin-bottom: 0.925rem; height: 70vw; }
        .card-exhibition .card-body .content { flex-basis: 0 0 100%; width: 100%; }
        .card-exhibition .card-body .content .heading { font-size: 1rem; }
    }
    @media (max-width: 310px) {
        .card-exhibition .card-header .post-meta-info span { display: block; width: 100%; }
        .card-exhibition .card-header .post-meta-info span:not(:last-child) { margin-right: 0; margin-bottom: 0.313rem; }
    }


    .subscribe-section { position: relative; overflow: hidden; background: #4F0000; }
    .subscribe-section .pattern-1 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
    .subscribe-section .pattern-1 img { mix-blend-mode: screen; object-fit: cover; object-position: center center; max-width: 100%; height: 100%; z-index: 1; }
    .subscribe-section .title { font-family: var(--font2); font-weight: bold; color: #D5BF98; letter-spacing: 0.05em; margin-bottom: 0; }

    .subscribe-section form {}
    .subscribe-section form .form-group { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-bottom: 0; }
    .subscribe-section form .form-group input { height: calc(2.5rem + 0.75rem + 2px); padding: 0.5rem 0.935rem; border-radius: 0.938rem; margin-right: 0.625rem; }
    .subscribe-section form .form-group button { height: calc(2.5rem + 0.75rem + 2px); width: 12.5rem; border-radius: 0.938rem; color: #4F0000 !important; }
    .subscribe-section form .form-group button:hover,
    .subscribe-section form .form-group button:focus {
        background: rgba(199, 154, 66, 1);
        border-color: rgba(199, 154, 66, 1);
    }

    .subscribe-section form .form-group button i { margin-left: 0.5rem; }

    @media (max-width: 992px) {
        .subscribe-section { padding-top: 2rem; padding-bottom: 2rem; }
        .subscribe-section .title { margin-bottom: 1.25rem; }
    }

    @media (max-width: 480px) {
        .subscribe-section { padding-top: 2.5rem; padding-bottom: 2.5rem; }
        .subscribe-section .title { font-size: 1.25rem; text-align: center; max-width: 250px; margin: auto; margin-bottom: 1.25rem; }

        .subscribe-section form .form-group { flex-direction: column; }
        .subscribe-section form .form-group input { text-align: center; margin-right: 0; margin-bottom: 0.625rem; }
        .subscribe-section form .form-group button { width: 100%; }
    }


    .wrap-bg-section { position: relative; }

    .bg-cover-history:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(243, 235, 205, 0.38); z-index: 2; }

    .pattern-square-1 { position: absolute; top: 0; left: 0; width: 45%; height: 440px; background: #4F0000; }

    @media (max-width: 1200px) {
        .pattern-square-1 { width: 55%; height: 390px; }
    }
    @media (max-width: 768px) {
        .pattern-square-1 { width: 65%; height: 50vw; }
    }
    @media (max-width: 480px) {
        .pattern-square-1 { width: 85%; height: 65vw; }
    }


    .section-history {}
    .section-history .wrap-thumbnails { position: relative; overflow: hidden; margin-bottom: 1.25rem; }
    .section-history .wrap-label { position: relative; padding: 1.875rem; background: #184D47; font-weight: 500; font-size: 1rem; line-height: 175%; font-style: italic; color: var(--second); }


    .wrap-tabs-thumbnails {}
    .wrap-tabs-thumbnails.thumbnails-lg {  }

    .wrap-tabs-thumbnails .wrap-head { position: relative; overflow: hidden; border-top-left-radius: 1.825rem; height: 390px; display: flex; align-items: stretch; }
    .wrap-tabs-thumbnails .wrap-head .wrap-text { flex: 0 0 50%; width: 50%; padding: 2.5rem; background: #F2E5CC; display: flex; align-items: center; justify-content: center; }

    .wrap-tabs-thumbnails .wrap-head .wrap-text .heading-section { max-width: 420px; margin-bottom: 0; }
    .wrap-tabs-thumbnails .wrap-head .wrap-text .heading-section .heading { margin-bottom: 1.25rem; }
    .wrap-tabs-thumbnails .wrap-head .wrap-text .heading-section .description { font-family: var(--font3); line-height: 175%; }

    .wrap-tabs-thumbnails .wrap-head .wrap-thumbnails { flex: 0 0 50%; width: 50%; height: 100%; }
    .wrap-tabs-thumbnails .wrap-head .wrap-thumbnails .img-thumbnails { object-fit: cover; object-position: center; width: 100%; height: 100%; }

    @media (max-width: 1200px) {}

    @media (max-width: 992px) {
        .wrap-tabs-thumbnails .wrap-head .wrap-text .heading-section .heading { font-size: 1.875rem; }
    }

    @media (max-width: 768px) {
        .wrap-tabs-thumbnails .wrap-head { flex-direction: column; height: auto; }

        .wrap-tabs-thumbnails .wrap-head .wrap-text { flex: 0 0 100%; width: 100%; padding: 1.975rem; display: block; }

        .wrap-tabs-thumbnails .wrap-head .wrap-text .heading-section .heading { font-size: 1.688rem; }

        .wrap-tabs-thumbnails .wrap-head .wrap-thumbnails { flex: 0 0 100%; width: 100%; }
    }

    @media (max-width: 480px) {
        .wrap-tabs-thumbnails .wrap-head .wrap-text { padding: 1.875rem; display: block; }

        .wrap-tabs-thumbnails .wrap-head .wrap-text .heading-section .heading { font-size: 1.563rem; }
    }


    /*list info*/
    .list-info { position: relative; background: none; }
    .list-info .list-info-item { display: flex; }
    .list-info .list-info-item:not(:last-child) { margin-bottom: 0.875rem; }
    .list-info .list-info-item .label {
        width: 20%;
        position: relative;
        border-top: 0;
        padding: 0;
        padding-right: 20px;
        font-family: var(--font3);
        font-size: 15px;
        line-height: 180%;
        color: #666666;
    }
    .list-info .list-info-item .label:before { content: ':'; position: absolute; top: 0; right: 20px; color: #666666; }
    .list-info .list-info-item .value { width: 80%; font-family: var(--font3); font-size: 15px; line-height: 180%; color: #666666; }

    @media (max-width: 768px) {
        .list-info .list-info-item { display: block; }
        .list-info .list-info-item:not(:last-child) { margin-bottom: 1.25rem; }
        .list-info .list-info-item .label { display: block; width: 100%; font-weight: 600; }
        .list-info .list-info-item .label:before { visibility: hidden; opacity: 0; display: none; }
        .list-info .list-info-item .value { display: block; width: 100%; }
    }


    /*list post*/
    ul.list-post li { position: relative; font-weight: 400; font-size: 14px; line-height: 155%; color: var(--dark); }
    ul.list-post li:not(:last-child) { margin-bottom: 0.938rem; }
    ul.list-post li a { overflow: hidden !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical; }

    ul.list-post.numberable { counter-reset: item; padding-left: 3.85rem; width: 100%; }
    ul.list-post.numberable li { counter-increment: item; min-height: 2.5rem; }
    ul.list-post.numberable li:before {
        content: counter(item);
        width: 2.5rem;
        height: 2.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #4F0000;
        position: absolute;
        margin-top: 3px;
        margin-left: -3.85rem;
        font-weight: 500;
        font-size: 1.875rem;
        line-height: 1;
        color: #4F0000;
        text-align: center;
    }


    .wrap-timeline {}

    .timeline-area { position: relative; width: 100%; max-width: 1140px; }
    .timeline-area::after { content: ''; position: absolute; top: 0; bottom: 0; left: 10%; width: 2px; background: #E0E0E0; margin-left: 0; }

    .timeline-area .timeline-item { position: relative; width: 90%; left: 10%; padding-left: 3.2rem; }
    .timeline-area .timeline-item:not(:last-child) { margin-bottom: 2.5rem; }
    .timeline-area .timeline-item::after {
        content: '';
        position: absolute;
        width: 18px;
        height: 18px;
        top: 3px;
        left: -9px;
        padding: 2px;
        background: #4f0000;
        background-clip: content-box;
        border: 1px solid #4f0000;
        border-radius: 50%;
        z-index: 1;
    }
    .timeline-area .timeline-item .timeline-date {
        position: absolute;
        left: -165px;
        width: 140px;
        display: inline-block;
        top: 0;
        text-align: right;
        font-weight: 600;
        font-size: 0.938rem;
        letter-spacing: 0.02rem;
        color: #4f0000;
        z-index: 1;
    }
    .timeline-area .timeline-item .timeline-content {
        position: relative;
        overflow: hidden;
        background: var(--white);
        padding: 2.5rem;
        border-radius: 0.5rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;
    }

    .timeline-area .timeline-item .timeline-content .text { flex: 0 0 60%; }
    .timeline-area .timeline-item .timeline-content .text .heading { font-family: var(--font1); line-height: 160%; color: #283646; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
    
    .timeline-area .timeline-item .timeline-content .text .description,
    .timeline-area .timeline-item .timeline-content .text .description > p { 
        font-family: var(--font3) !important; 
        font-size: 0.875rem !important;
        line-height: 170% !important; 
        color: #77808B !important; 
        max-width: 100% !important;
        -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; 
    }
    .timeline-area .timeline-item .timeline-content .text .description > h1,
    .timeline-area .timeline-item .timeline-content .text .description > h2,
    .timeline-area .timeline-item .timeline-content .text .description > h3,
    .timeline-area .timeline-item .timeline-content .text .description > h4 {
        font-family: var(--font3) !important; 
        color: #77808B !important; 
        -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; 
    }
    .timeline-area .timeline-item .timeline-content .text .description p > img { width: auto !important; max-width: 100% !important; margin: auto !important; }

    .timeline-area .timeline-item .timeline-content .text .more-link { font-weight: 500; color: #4f0000; margin-top: 0.625rem; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

    .timeline-area .timeline-item .timeline-content .thumbnails { flex: 0 0 40%; text-align: center; }
    .timeline-area .timeline-item .timeline-content .thumbnails img { position: relative; overflow: hidden; object-fit: cover; object-position: center; width: 230px; height: 100%; /* height: 230px; */ border-radius: 0.313rem; }

    .header-image .thumbnails img { position: center; overflow: hidden; object-fit: cover; object-position: center; width: 230px; height: 230px; border-radius: 50%; }

    .king-section .header-image .thumbnails img { width: auto; max-width: 100%; height: 100%; border-radius: 0.313rem; object-fit: contain; }

    .timeline-area .timeline-item .timeline-content:hover { background: #4F0000; box-shadow: 0px 40px 120px rgba(24, 77, 71, 0.3); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
    .timeline-area .timeline-item .timeline-content:hover .text .heading { color: var(--white); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
    .timeline-area .timeline-item .timeline-content:hover .text .description,
    .timeline-area .timeline-item .timeline-content:hover .text .description p { 
        color: var(--white) !important; 
        -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; 
    }
    .timeline-area .timeline-item .timeline-content:hover .text .description > h1,
    .timeline-area .timeline-item .timeline-content:hover .text .description > h2,
    .timeline-area .timeline-item .timeline-content:hover .text .description > h3,
    .timeline-area .timeline-item .timeline-content:hover .text .description > h4 {
        color: var(--white) !important; 
        -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; 
    }

    .timeline-area .timeline-item .timeline-content:hover .text .more-link { color: var(--white); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
    .timeline-area .timeline-item .timeline-content:hover .text .more-link:before { color: var(--white); }

    @media (max-width: 1200px) {
        .timeline-area::after { left: 12%; }
        .timeline-area .timeline-item { left: 12%; width: 88%; }
        .timeline-area .timeline-item .timeline-content .text .heading { font-size: 1.25rem; }
        .timeline-area .timeline-item .timeline-content .thumbnails img { width: 200px; height: 100%; /* height: 200px; */ }
    }
    @media (max-width: 992px) {
        .timeline-area::after { left: 13%; }
        .timeline-area .timeline-item { left: 13%; width: 87%; padding-left: 2.5rem; }
        .timeline-area .timeline-item .timeline-date { font-size: 0.875rem; left: -158px; }
        .timeline-area .timeline-item .timeline-content { flex-direction: column; }
        .timeline-area .timeline-item .timeline-content .thumbnails { -ms-flex-order: -1; order: -1; text-align: left; width: 100%; margin-bottom: 1.25rem; }
    }
    @media (max-width: 768px) {
        .timeline-area::after { left: 2%; }
        .timeline-area .timeline-item { left: 2%; width: 98%; padding-left: 2.5rem; }
        .timeline-area .timeline-item:not(:last-child) { margin-bottom: 3rem; }
        .timeline-area .timeline-item::after { top: 2px; }
        .timeline-area .timeline-item .timeline-date { position: relative; font-size: 0.975rem; left: 0; width: auto; max-width: 100%; text-align: left; margin-bottom: 1.25rem; }
        .timeline-area .timeline-item .timeline-content { padding: 1.825rem; }
    }
    @media (max-width: 480px) {
        .timeline-area .timeline-item { padding-left: 1.25rem; }
        .timeline-area .timeline-item .timeline-content { padding: 1.25rem; }
        .timeline-area .timeline-item .timeline-content .text .heading { font-size: 1.125rem; }
        .timeline-area .timeline-item .timeline-content .thumbnails img { width: 180px; /* height: 180px; */ }
    }


    .timeline-area.timeline-2 {}
    .timeline-area.timeline-2::after { left: 1%; }

    .timeline-area.timeline-2 .timeline-item { left: 1%; width: 98%; }
    .timeline-area.timeline-2 .timeline-item .timeline-content { display: block; }
    .timeline-area.timeline-2 .timeline-item .timeline-content .thumbnails { text-align: right; }
    .timeline-area.timeline-2 .timeline-item .timeline-content .thumbnails img { border-radius: 0; width: 85%; height: auto; }

    .timeline-area.timeline-2 .timeline-item .timeline-content .text { flex: 0 0 100%; position: relative; overflow: hidden; }
    .timeline-area.timeline-2 .timeline-item .timeline-content[data-type="wthumb"] .text { flex: 0 0 60%; }
    .timeline-area.timeline-2 .timeline-item .timeline-content[data-type="wtext"] .thumbnails { display: none; }
    
    @media (max-width: 992px) {
        .timeline-area.timeline-2 .timeline-item .timeline-content .thumbnails { text-align: left; }
    }
    @media (max-width: 480px) {
        .timeline-area.timeline-2 .timeline-item .timeline-content .thumbnails img { width: 100%; }
    }

    .content-kapustakan {  }
    .content-kapustakan .header-info  { border-bottom: 1px solid var(--second); margin-bottom: 1.25rem; }
    .content-kapustakan .header-info .title { display: inline-block; width: inherit; padding: 0.313rem 1rem; background: var(--second); letter-spacing: 1.32px; font-weight: 600; color: #4F0000; margin-bottom: 0; }
/* ------------------------------------ end section content ------------------------------------ */

/* ------------------------------------ toast tiket event ------------------------------------ */
    .toast-event-tiket { 
        position: fixed; 
        z-index: 55; 
        right: 1.25rem; 
        bottom: 4.25rem; 
        background: var(--white); 
        padding: 0.625rem; 
        border-radius: 0.625rem; 
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); 
        max-width: 420px;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateX(20%);
        transform: translateX(20%);
        -webkit-transition: all 0.6s ease;
        -moz-transition: all 0.6s ease;
        transition: all 0.6s ease;
    }
    .toast-event-tiket.show { opacity: 1; visibility: visible; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease; }
    .toast-event-tiket .close { font-size: 0.813rem; }
    .toast-event-tiket .post-thumb-3 { display: flex; }
    .toast-event-tiket .post-thumb-3 .post-thumb-image { flex-basis: 25%; overflow: hidden; border-radius: 0.3rem; }
    .toast-event-tiket .post-thumb-3 .post-content { flex-basis: 75%;  padding-right: 0.3rem; padding-left: 0.625rem; }
    .post-title { font-weight: bold; font-size: 1rem; line-height: 1.3; color: var(--dark); margin-bottom: 0.25rem; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
    .toast-event-tiket .post-thumb-3 .post-content .post-title { font-weight: 500; -webkit-line-clamp: 3; }

    @media (max-width: 1200px) {
        .toast-event-tiket .post-thumb-3 .post-content .post-title { font-size: 0.813rem; }
    }
    @media (max-width: 768px) {
        .toast-event-tiket { max-width: 320px; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transform: translateY(20%); transform: translateY(20%); }
        .toast-event-tiket.show { -webkit-transform: translateY(0); transform: translateY(0); }
    }
    @media (max-width: 480px) {
        .toast-event-tiket .post-thumb-3 .post-thumb-image {  flex-basis: 25%; }
        .toast-event-tiket .post-thumb-3 .post-content { flex-basis: 75%; }
        .toast-event-tiket .post-thumb-3 .post-content .post-title { -webkit-line-clamp: 2; }
    }

/* ------------------------------------ end toast tiket event ------------------------------------ */


/* ------------------------------------ footer ------------------------------------ */
    .footer { font-family: var(--font3); position: relative; padding-top: 4.5em; padding-bottom: 3.5em; background: var(--black); }

    .footer .footer-logo { object-fit: contain; width: auto; max-width: 100%; max-height: 4.063rem; }

    .footer .footer-column { position: relative; overflow: hidden; }
    .footer .footer-column:not(:last-child) { margin-bottom: 1.875rem; }

    .footer .footer-column .footer-title { font-weight: 400; font-size: 1.125rem; line-height: 1.4; color: var(--white); opacity: 0.5; margin-bottom: 1.25rem; }

    .footer .footer-column .footer-nav { list-style-type: none; }
    .footer .footer-column .footer-nav li:not(:last-child) { margin-bottom: 0.5rem; }

    .footer .footer-column .footer-nav li a { font-weight: 600; font-size: 1rem; line-height: 160%; color: var(--white); }
    .footer .footer-column .footer-nav li a:hover { color: var(--second); }

    .footer .footer-column .footer-social { display: flex; align-items: center; justify-content: start; gap: 0.45rem; flex-wrap: wrap; }
    .footer .footer-column .footer-social .social-item { flex-shrink: 0; }
    .footer .footer-column .footer-social .social-item a.icon {
        width: 1.875rem;
        height: 1.875rem;
        border-radius: 50%;
        background: var(--white);
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        -ms-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }
    
    .footer .footer-column .footer-social .social-item a.icon i { font-size: 1rem; line-height: 180%; color: var(--dark); -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
    .footer .footer-column .footer-social .social-item a.icon:hover { background: var(--second); }
    .footer .footer-column .footer-social .social-item a.icon:hover i { color: var(--white); }

    @media (max-width: 1200px) {
        .footer .footer-column .footer-title { font-size: 1rem; }
    }

    @media (max-width: 992px) {
        .footer .footer-logo { margin-bottom: 2.5rem; }

        .footer .footer-column { margin-bottom: 2.5rem; }
    }


    .copyright { position: relative; width: 100%; padding: 0.938rem; background: var(--purple); }

    .copyright p, .copyright p a { font-size: 0.875rem; color: var(--white); letter-spacing: 0.02em; margin-bottom: 0; }

    @media (max-width: 337px) {
        .copyright p span { display: block; }
    }
/* ------------------------------------ end footer ------------------------------------ */