/*
 * CSS of templates/policy.php, moved verbatim from its inline <style> blocks, in source order.
 * Loaded by kosmos_page_template_css (functions/actions.php).
 */

/* templates/policy.php, <style> at line 165 */
.grid-container {
    max-width: 1200px;
}

#chinh-sach-gia {
    padding-top: 30px;
}

#chinh-sach-gia h2 {
    font-weight: 800;
}

.chinh-sach-gia .grid-45 {
    width: 50%;
    display: flex;
    padding: 0;
    position: relative;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: space-between;
    align-items: stretch;
}

.chinh-sach-gia {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: space-between;
    align-items: stretch;
}

.policy-image {
    float: left;
    padding: 0;
    margin: 0;
    width: 40%;
    z-index: 9;
    position: absolute;
    top: -29px;
    left: -38px;
}

.policy-image img {
    max-width: 100%;
    height: auto;
    width: 120px;
}

.policy-content {
    width: 100%;
    background: #dbdbdb;
    padding: 30px 15px;
    padding-left: 96px;
}

.chinh-sach .title-chinh-sach {
    position: relative;
    display: flex;
    margin-bottom: 2%;
}

.chinh-sach .title-chinh-sach:before {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: #eb1937;
    margin-top: 10px;
    margin-bottom: 10px;
    visibility: visible;
    position: absolute;
    top: 11px;
}

.chinh-sach .h2 {
    background: #eb1937;
    margin: 0 auto;
    margin-bottom: 4%;
    color: #ffffff;
    padding: 8px 15px;
    font-size: 20px;
}

.chinh-sach-gia>div:first-child {
    margin-right: 80px;
}

/* templates/policy.php, <style> at line 268 */
.support-box {
    position: relative;
}

.content-overlay {
    position: absolute;
    left: calc(calc(100vw - 1200px) / 2);
    top: 0;
    width: 31%;
    background: #fff;
    mix-blend-mode: normal;
    padding: 15px;
    z-index: 9;
    left: 4%;
    box-shadow: 5px 5px 5px 5px rgb(0 0 0 / 38%)
}

.content-overlay .icon-image img {
    width: 120px;
}

#chinh-sach-ho-tro .icon-image {
    width: 120px;
    margin: 0 auto;
    margin-bottom: 10px;
}

#chinh-sach-ho-tro ul {
    margin: 0 auto;
}

#chinh-sach-ho-tro ul li {
    position: relative;
    padding: 5px 0 5px 25px;
}

#chinh-sach-ho-tro ul li:before {
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    width: 7px;
    height: 14px;
    border: solid #eb1937;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

#chinh-sach-ho-tro .support-policy-boxes>.grid-100 {
    margin-bottom: 5%;
}

/* templates/policy.php, <style> at line 364 */
fieldset.quy-dinh .content {
    margin-top: 8px;
}

fieldset.quy-dinh {
    border: 1px solid #a5a5a5;
    border-radius: 5px;
    margin-bottom: 20px;
    padding: 10px 20px;
    position: relative;
}

.quy-dinh legend {
    background-color: #fff;
    color: #494949;
    border-radius: 5px;
    font-weight: bold;
    position: absolute;
    width: auto;
    padding: 5px 10px !important;
    top: -25px;
}

/* templates/policy.php, <style> at line 427 */
.agency-conditions .grid-50 {
    width: 50%;
    margin-bottom: 21px;
    margin-top: 2%;
}

.agency-conditions {
    display: flex;
    flex-wrap: wrap;
}

.agency-conditions .condition-content {
    font-size: 20px;
    font-weight: 600;
    box-shadow: 0px 1px 7px 1px rgb(73 73 73 / 41%);
    padding: 15px 15px 35px;
    border-radius: 0 0 5px 5px;
}

/* templates/policy.php, <style> at line 500 */
.why-kosmos-section .h2 {
    font-weight: 800;
}

.kosmos-box .feature-description {
    text-align: center;
}

.description p span {
    font-weight: 800;
}

.kosmos-box .feature-icon {
    width: 120px;
    margin: 0 auto;
    text-align: center;
}

.kosmos-box .feature-icon {
    width: 120px;
    margin: 0 auto;
    text-align: center;
}

.kosmos-box .feature-icon img {
    width: 120px;
    margin-bottom: 15px;
}

.background-slider {
    overflow: hidden;
}

.kosmos-box {
    position: relative;
}

.kosmos-box .content-wrapper {
    position: absolute;
    top: 0;
    position: absolute;
    left: calc(calc(100vw - 1200px) / 2);
    top: 0;
    width: 32%;
    background: #fff;
    mix-blend-mode: normal;
    padding: 30px 50px 30px 40px;
    z-index: 9;
    left: 0;
}

.content-overlay .description {
    padding: 25px;
}

.kosmos-box .slide-image img {
    margin-left: 8%
}

.kosmos-box .content-wrapper {
    box-shadow: 0 5px 8px -2px rgb(73 73 73 / 78%);
}

.kosmos-box .feature-description p {
    margin-bottom: 0;
}

.why-kosmos-boxes .grid-100 {
    clear: both;
    width: 100%;
    margin-bottom: 15px;
}

/* templates/policy.php, <style> at line 622 */
.site-content .content-area {
    width: 100%;
    text-align: center;
}

.content-area iframe {
    border-radius: 8px;
}

.warehouse-section {
    padding: 30px;
}

.warehouse-section h2 {
    font-weight: bold;
}

.warehouse-section h3 {
    font-weight: 600;
}

.gallery-grid {
    display: flex;
}

.warehouse-content .grid-100 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    align-content: center;
    background: #fff;
    margin-bottom: 20px;
}


.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 50%;
}

.warehouse-description {
    width: 40%;
}

.warehouse-description a {
    color: #eb1937;
}

.warehouse-description p {
    margin-bottom: 5px !important;
    font-size: 14px;
}

#agency-conditions .section_heading {
    margin-bottom: 0 !important;
    font-weight: 800;
}

#agency-conditions .grid-100 {
    text-align: center;
}

/* templates/policy.php, <style> at line 921 */
.count-down ul a {
    padding: 8px 18px;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    border: 1px solid var(--primary-color);
    border-radius: 100px;
    transition: 0.3s ease-in-out;
    background: var(--primary-color);
}

.count-down ul a:hover {
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    background: #fff;
}

.count-down ul {
    margin-top: 33px;
    display: flex;
    justify-content: center;
    gap: 10px;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
}

.time-section .count-down span {
    font-weight: bold;
    font-size: 30px;
    margin-bottom: 3%;
    float: left;
    text-align: center;
    width: 100%;
    padding: 30px 30px 0 60px;
}

.time-section {
    background: #dbdbdb;
    border-radius: 12px;
    padding: 44px;
}

.time-section .grid-container-top {
    padding: 19px 40px;
    background: #dbdbdb;
    border-radius: 12px 12px 0 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.grid-container-desktop {
    background: #dbdbdb;
}
.news_link svg:hover{
    color: #E31937;
}

.count-down .news_link:last-child a:hover svg path {
    fill: #E31937 !important;
}

/* templates/policy.php, <style> at line 992 */
.time-section .section_heading>.sec_title {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 800;
    font-size: 40px;
    line-height: 48px;
    color: var(--primary-color);
    margin-bottom: 10px;
    text-align: center;
}

.time-section .content-area p {
    padding: 0px 30px;
    text-align: center !important;
}

.time-section .section_heading {
    margin-bottom: 0;
}

.rotor-group>.rotor {
    box-shadow: 0px 1px 7px 1px rgb(73 73 73 / 78%);
}

.flipdown.flipdown__theme-dark {
    font-family: sans-serif;
    font-weight: bold;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    gap: 10px;
}

.flipdown .rotor-group:nth-child(1) .rotor-group-heading:before {
    content: 'Ngày';
}

.flipdown .rotor-group:nth-child(2) .rotor-group-heading:before {
    content: 'Giờ';
}

.flipdown .rotor-group:nth-child(3) .rotor-group-heading:before {
    content: 'Phút';
}

.flipdown .rotor-group:nth-child(4) .rotor-group-heading:before {
    content: 'Giây';
}

.flipdown.flipdown__theme-dark .rotor:after {
    border-top: none;
}

.count-down {
    text-align: center;
    margin: 0 auto;
    width: 100%;
    box-shadow: 0px 1px 7px 1px rgb(73 73 73 / 78%);
    padding: 60px 30px;
    border-radius: 8px;
    background: #fff;
}

.flipdown.flipdown__theme-dark .rotor,
.flipdown.flipdown__theme-dark .rotor-top,
.flipdown.flipdown__theme-dark .rotor-leaf-front {
    color: #e31937;
    background-color: #ffffff;
}

.flipdown.flipdown__theme-dark .rotor-bottom,
.flipdown.flipdown__theme-dark .rotor-leaf-rear {
    color: #e31937;
    background-color: #ffffff;
}

.flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):before,
.flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):after {
    opacity: 0;
}


.flipdown.flipdown__theme-dark .rotor-bottom,
.flipdown.flipdown__theme-dark .rotor-leaf-rear {
    width: 75px;
}


.flipdown.flipdown__theme-dark .rotor,
.flipdown.flipdown__theme-dark .rotor-top,
.flipdown.flipdown__theme-dark .rotor-leaf-front {
    width: 75px;
    border-radius: 9px;
}

.flipdown {
    width: 100%;
}

@media screen and (max-width: 600px) {
.count-down ul {
    margin-top: 33px;
    display: flex;
    justify-content: center;
    gap: 10px;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: center;
}
    .content-overlay .description {
        box-shadow: none;
    }

    .warehouse-description p {
        margin-bottom: 5px !important;
        font-size: 14px;
        display: inline;
        float: left;
        padding-left: 10px;
    }

    .support-box {
        position: static;
        display: flex;
        flex-direction: column-reverse;
    }

    .time-section .section_heading>.sec_title {
        font-size: 26px;
        line-height: 31px;
    }

    .flipdown.flipdown__theme-dark {
        display: flex;
        gap: 3px;
    }

    .chinh-sach .h2 {
        padding: 8px 15px !important;
    }

    .chinh-sach-gia {
        display: flex;
        flex-direction: column;
        margin-left: 7%;
    }

    .policy-image {
        margin-right: 15px;
    }

    .chinh-sach .grid-45:last-child {
        padding-left: 0
    }

    .chinh-sach .grid-45:last-child {
        margin-left: 0
    }

    .chinh-sach .grid-45:first-child {
        padding-right: 0;
    }

    .chinh-sach-gia .grid-45 {
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        align-content: center;
        padding: 10px 0;
        margin-bottom: 10%;
    }

    .chinh-sach-gia .grid-45:last-child {
        margin-bottom: 0
    }


    .chinh-sach .title-chinh-sach {
        margin-bottom: 7%;
    }

    .warehouse-section {
        padding: 0;
    }

    .agency-conditions .grid-50 {
        width: 100%;
        margin-bottom: 21px;
    }

    .warehouse-content .grid-100 {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center;
        align-content: center;
        background: #fff;
        margin-bottom: 20px;
        background: transparent;
    }

    .warehouse-description {
        width: 100%;
    }

    .warehouse-gallery {
        margin-top: 15px;
    }

    .warehouse-description h3 {
        padding-top: 10px;
    }

    .content-overlay {
        width: 100%;
        left: 0;
    }

    .content-overlay {
        box-shadow: 0 5px 8px -2px rgb(73 73 73 / 78%);
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: flex-start;
        justify-content: center;
        align-items: flex-start;
        position: unset;
        padding: 10px;
    }

    #chinh-sach-ho-tro .description {
        width: 70%;
        padding: 15px;
        padding-top: 0;
    }

    #chinh-sach-ho-tro .icon-image {
        width: 30%;
        padding: 15px;
        box-shadow: 0 5px 8px -2px rgb(73 73 73 / 78%);
    }

    fieldset {
        margin-top: 15%;
    }

    .support-box {
        position: static;
        display: flex;
        flex-direction: column-reverse;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

    .support-box p {
        text-align: left !important;
        font-weight: bold;
        margin-bottom: 0;
        padding-left: 25px;
    }

    .support-policy-boxes {
        padding: 0;
    }

    .chinh-sach .title-chinh-sach:before {
        top: 11px;
        left: 0;
    }

    #agency-conditions .section_heading {
        margin-bottom: 0 !important;
    }

    .agency-conditions {
        margin-top: 15px;
    }

    #agency-conditions .mobile-grid-100 {
        text-align: center;
    }

    .kosmos-box .content-wrapper {
        width: 100%;
        position: unset;
        padding: 0;
        margin: 0;
    }

    .kosmos-box .slide-image img {
        margin-left: 0;
    }

    .kosmos-box .content-wrapper {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: flex-start;
        justify-content: center;
        align-items: flex-start;
        box-shadow: none;
        gap: 10px 20px;
        margin-bottom: 15px;
    }

    .kosmos-box .feature-icon {
        width: 30%;
        margin: 0 auto;
        text-align: center;
        box-shadow: 0 5px 8px -2px rgb(73 73 73 / 78%);
    }

    .kosmos-box .feature-description {
        text-align: center;
        width: 70%;
    }

    .kosmos-box .feature-icon img {
        padding: 20px;
    }

    .kosmos-box .feature-description h3 {
        font-size: 19px;
        margin-bottom: 5px;
        text-align: left;
    }

    .kosmos-box {
        position: relative;
        display: flex;
        flex-direction: column-reverse;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

    .warehouse-section {
        padding-top: 15px;
    }

    .warehouse-description {
        border-top: 2px solid #918989;
        margin-top: 14px;
    }

    .why-kosmos-section {
        padding-top: 15px;
    }


    #agency-conditions {
        background: #f7f7f7;
        padding-top: 15px;
    }

    .agency-conditions .condition-content {
        padding: 10px;
        padding-top: 5px;
        text-align: left;
    }

    .time-section .grid-container {
        padding: 15px 5px;
        background: #eff0ef;
        border-radius: 12px 12px 0 0;
        background-image: none !important;
        padding-bottom: 0;
    }

    .time-section {
        padding: 10px !important;
    }

    .time-section .section_heading {
        margin-bottom: 0;
        padding-left: 0 !important;
    }

    .flipdown.flipdown__theme-dark .rotor,
    .flipdown.flipdown__theme-dark .rotor-top,
    .flipdown.flipdown__theme-dark .rotor-leaf-front {
        width: 25px;
    }

    .flipdown.flipdown__theme-dark .rotor-bottom,
    .flipdown.flipdown__theme-dark .rotor-leaf-rear {
        width: 25px;
    }

    .count-down {
        box-shadow: 0px 1px 7px 1px rgb(73 73 73 / 78%);
        padding: 15px 0;
    }

    .flipdown.flipdown__theme-dark .rotor-group-heading:before {
        margin-bottom: 5px;
    }

    .flipdown .rotor-group {
        position: relative;
        float: left;
        padding-right: 0px;
        margin-right: 9px
    }

    .flipdown .rotor-group:last-child {
        margin-right: 0;
    }

    .flipdown .rotor {
        font-size: 1.2rem;
        margin-right: 3px;
    }

    .time-box {
        padding-left: 5px;
    }

    .policy-image img {
        width: 90px;
    }

    .policy-content {
        padding-left: 55px;
    }

    .feature-description h3,
    .support-box .description p span {
        font-weight: bold;
    }

    .content-area iframe {
        height: 300px;
    }

    .flipdown .rotor-leaf-front,
    .flipdown .rotor-top {
        line-height: 30px;
    }

    .flipdown .rotor-leaf-front,
    .flipdown .rotor-leaf-rear,
    .flipdown .rotor-top,
    .flipdown .rotor-bottom,
    .flipdown .rotor:after {
        height: 26px;
    }

    .flipdown .rotor-leaf,
    .flipdown .rotor {
        height: 30px;
    }
}