/* tablet horizontal */

@media screen and (min-width: 768px) and (max-width: 960px){
    .memu-bar-header,.hide-on-mobile{
        display: none !important;
    }
    .container{
        padding-left: 0 !important;
        padding-right: 0 !important;
        max-width: 100%;
    }
    .menu-item-759 {
        display: none !important;
    }
    .entry-content:not(:first-child), .entry-summary:not(:first-child), .page-content:not(:first-child) {
        margin-top: 0em !important;
    }
    .w-80-center{
        width: 90%;
        margin: auto;
    }
    .w-70-center{
        width: 80%;
        margin: auto;
    }
    .font-16px{
        font-size: 14px;
    }
    .font-20px{
        font-size: 16px;
    }
    .font-24px{
        font-size: 17px;
    }
    .font-32px{
        font-size: 18px;
    }
    .font-36px{
        font-size: 18px;
    }
    .font-40px{
        font-size: 20px;
    }
    .font-45px{
        font-size: 26px;
        line-height: 1;
    }
    .font-50px{
        font-size: 24px;
        line-height: 1;
    }
    .font-60px{
        font-size: 23px;
    }
    .font-90px{
        font-size: 30px;
        line-height: 1;
    }
    .font-64px{
        font-size: 23px;
        line-height: 1;
    }

    .mobile-show {
        position: relative;
        z-index: 100;
    }

    /* !menu!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
    .button-hamburger,
    .button-hamburger:hover {
        background: none;
        border: none;
        padding: 0;
    }

    .sidebar-page {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        transform: translateX(-100%);
        transition: all 0.7s;
        max-width: 100%;
        width: 100%;
        background:#ffffff;
        z-index: 100;
        min-height: 100%;
        display: flex;
        flex-direction: column;
        padding: 0em;
        justify-content: space-around;
    }

    .show-sidebar {
        transform: translateX(0);
        transition: transform 1s;
    }

    .nav.d_flex {
        padding: 0 2rem;
        align-items: center;
        justify-content: space-between;
        justify-items: self-end;
        max-width: 100% !important;
        align-items: center;
        width: 100%;
        padding: 10px 20px 10px 20px;
        background-color: #fff;
        box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);

    }
    .site-content{
        padding: 0 !important;
    }
    .container{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .entry-content:not(:first-child), .entry-summary:not(:first-child), .page-content:not(:first-child){
        margin-top: 1em;
    }
    .mobile-icons.d-flex {
        gap: 1em;
        align-items: center;
    }
    .close-bt button img {
        width: 80%;
    }
    .close-bt {
        position: absolute;
        top: 0;
        right: -15px;
    }
    .div-manin-menu {
        padding: 0 3rem;
    }
    ul#menu-menu-main-1 {
        text-decoration: none;
        list-style: none;
        padding-left: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    ul#menu-menu-main-1 li {
        font-size: 20px;
        height: 60px;
        display: flex;
        align-items: center;
        font-weight: 300;
        border-bottom: 1px solid;
        border-image-source: linear-gradient(90deg, #FFFFFF 0%, #A5A5A5 49%, #FFFFFF 100%);
        border-image-slice: 1;
        width: 100%;
        justify-content: center;
    }
    ul#menu-menu-main-1 li:nth-last-child(1){
        border-image-slice: 0;
    }
    ul#menu-menu-main-1 li:hover  {
        background-color:#ffffff ;
        transition: all 0.5s;
    }
    ul#menu-menu-main-1 li.current  {
        background-color:#ffffff ;
        height: 60px;
        display: flex;
        align-items: center;
        transition: all 0.5s;
    }
    ul#menu-menu-main-1 li a  {
        color: var(--color-green);
    }
    img.img-fluid-40.img1 {
        padding: 0 2em;
    }
    button.style-button-sidebar {
        border-radius: 10px;
        background: transparent;
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #000;
        font-weight: 900;
        font-size: 2em;
    }
    .nav-footer-mobile {
        background: #ffffff;
        padding-top: 1.5em;
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 1em;
    }
    .social-icon-mobile.d-flex {
        justify-content: space-evenly;
        gap: 1em;
        margin-bottom: 1em;
    }
    .nav-contack a {
        color: #fff;
        font-size: 1.1em;
        margin-bottom: 1em;
    }
    .padding-lr{
        padding:0 20px;
    }

    .other-link p {
        border-bottom: 1px solid #167F4D;
        margin-bottom: 25px;
        height: 45px;
    }

    .padding_green{
        border-top: 2px solid;
        padding: 2rem 0 0 0;
    }

    /* !menu!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */


    /* !home ----------------------------------------------------------------------------------*/
    /* *start */


    /* *end */

    /* *start info */
    
    section.info{
        background: url('./assets/pc/banner/info_bg.png');
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        padding: 4rem 0;
    }
    .info_s1_grid{
        display: grid;
        grid-template-columns: 1fr;
        gap: 1rem;
        align-items: center;
        justify-items: center;
        justify-content: center;
        padding: 2rem 0;
    }
    .info_s2_grid{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
        align-items: center;
    }
    .w_mb{
        background: var(--color-mint);
        border-radius: 50px;
        padding: 0.5rem 2.5rem;
        width: fit-content;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        gap: 0rem;

        svg{
            width: 30px;
            height: 30px;
        }
    }

    /* *end info*/

    /* *start vdo_grid*/
    section.vdo_grid{
        background-color: #64CCC5;
    }

    .vdo_grid{
        display: grid;
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .vdo_title{
        padding: 2rem 5%;
        display: flex;
        flex-direction: column;
        gap: 1rem;
        justify-content: center;
        width: 100%;
    }
    .w_gb{
        background: #fff;
        border-radius: 50px;
        padding: 0.5rem 1.5rem;
        display: flex;
        justify-content: center;
        text-align: center;
    }
    .left_bt{
        justify-content: flex-end;
    }
    .w-fit{
        width: fit-content;
    }

    /* *end vdo_grid*/

    /* *start article */


    section.article{
        padding: 6rem 0 4rem;
        background: #f5fffe;
    }
    .article_hightlight_grid{
        display: grid;
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    .article_hightlight_img img {
        aspect-ratio: 16 / 9;
        object-fit: cover;
        object-position: center;
    }
    .article_hightlight_text{
        display: flex;
        flex-direction: column;
        justify-content: space-around;

        .d-flex{
            justify-content: flex-end;
        }
    }
    .bt_article{
        padding: 10px 2rem;
        background-color: #ffffff4b;
        border: 1px solid #43436C;
        border-radius: 30px;
    }
    .article_card_grid{
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 2rem;
        padding: 1rem 0;
    }
    .article_card_text{
        padding: 1rem 0;
    }
    .bt_green{
        background: var(--color-green);
        border-radius: 20px;
        padding: 0.2rem 1rem;
        box-shadow: 0px 4px 4px 0px #00000040;
    }

    /* *End---article */

    /* *start quiz*/

    section.quiz_banner{
        position: relative;
    }
    .quiz_text{
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        max-height: 100%;
        height: 100%;
        padding: 0 5%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 13px;
    }

    /* *end quiz*/

    /* *start */


    

    /* !END-home ----------------------------------------------------------------------------------*/

    /* !footer ----------------------------------------------------------------------------------*/

    section.footer-grid{
        background: #444444;
        padding: 4rem 5% 2rem;
        display: grid;
        grid-template-columns: 1fr;
        align-items: start;
        gap: 2rem;
    }

    .social-footer.d-flex.grid-5{
        display: flex;
        /* flex-direction: column; */
        align-items: center;
        gap: 1.2rem;
        justify-content: space-evenly;
    }
    .policy_footer {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        column-gap: 0rem;
    }
    section.copy-right{
        background: #1F1F1F;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .d-flex.copy-right-text{
        justify-content: space-between;
    }
    section.copy-right-mobile{
        display: none !important;
        background-color: #1F1F1F;
    }

    /* !END-footer ----------------------------------------------------------------------------------*/


    /* !know ----------------------------------------------------------------------------------*/
    .bg-knowledge{
        background: #F5FFFE;
    }

    /* *start info_know */
    section.info_know{
        background: url('./assets/pc/banner/know_info_bg.png');
        background-size: cover;
        background-position: left bottom;
        background-repeat: no-repeat;
        padding: 3rem 5%;
        position: relative;
    }
    section.info_know .title_block_text img {
        left: -12% !important;
        top: 5% !important;
    }
    .info_know_banner{
        background: #C8F0F0;
        padding: 10px 5%;
        display: grid;
        grid-template-columns: 1fr;
        align-items: center;
    }
    .info_know .w-80-center {
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }
    .info_icon_grid{
        display: flex;
        gap: 6rem;
        justify-content: center;
        justify-items: center;
        padding-top: 2rem;
        flex-direction: column;
    }
    .info_icon_1 p{
        position: relative;
    }
    .info_icon_1 p::after{
        content : '';
        position: absolute;
        width: 58px;
        height: 58px;
        background: url('./assets/pc/icon/next_green.svg') no-repeat;
        right: 44%;
        bottom: -80px;
        transform: rotate(90deg);
    }

    .info_detail {
        position: relative;
        padding: 1rem 0%;
    }
    .info_detail_text{
        position: relative;
        display: flex;
        justify-content: center;
        padding: 1rem 0;
    }

    /* *end info_know*/

    /* *start knowledge*/

    section.knowledge{
        padding: 0;
    }
    .w_mb_text{
        background: var(--color-mint);
        border-radius: 20px;
        padding: 0.5rem 1.5rem;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        position: relative;
    }
    .w_mb_text::before{
        content: '';
        position: absolute;
        bottom: -30px;
        left: 30px;
        width: 38px;
        height: 36px;
        background: url('./assets/pc/icon/next_mint.svg') no-repeat;
    }
    .knowledge_s1_grid{
        display: grid;
        grid-template-columns: 1fr;
        gap: 0rem;
        align-items: center;
    }

    /* *end knowledge*/

    /* *start virus*/

    .virus_grid{
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 3rem;
        padding: 2rem 0;
    }
    .virus_item.i_1 center {
        position: relative;
    }
    .virus_item.i_1 center::after{
        content: '';
        position: absolute;
        width: 58px;
        height: 58px;
        background: url('./assets/pc/icon/next_pink.svg') no-repeat;
        right: 44%;
        bottom: -5rem;
        transform: rotate(90deg);
    }

    /* *end virus*/

    /* *start title_block*/

    .title_block{
        position: relative;
        width: fit-content;
        margin-bottom: 2rem;
        z-index: 10;
    }
    .ribbin{
        position: absolute;
        left: -30%;
        top: -20%;
        z-index: 0;
    }
    .title_block_text{
        position: relative;
        width: fit-content;
    }


    /* *end title_block*/

    /* !END--know ----------------------------------------------------------------------------------*/


    /* !hpv ----------------------------------------------------------------------------------*/

    /* *start hpv_info*/

    section.hpv_info{
        background: url('assets/pc/banner/hpv_bg.png') no-repeat center / cover;
        padding: 6rem 0 4rem;
        display: flex;
        flex-direction: column;
        gap: 3rem;
    }

    section.hpv_info .title_block_text img {
        left: -12%;
        top: 6%;
    }

    .hpv_info_s1_grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1rem;
        align-items: center;
        padding: 0 0 2rem 0;
    }
    .hpv_info_s1_grid img{
        max-width: 70%;
    }
    section.hpv_infp_2{
        padding: 4rem 0;
    }
    .hpv_margin{
        margin-top: 5rem;
    }

    /* *end hpv_info*/


    /* *start hpv_buttom*/

    section.hpv_buttom{
        padding: 4rem 5% 0rem;
        display: flex;
        flex-direction: column;
        gap: 4rem;
        justify-content: center;
    }
    .hpv_buttom_title{
        padding: 0 1%;
    }


    /* *end hpv_buttom*/

    /* *start hpv_table */

    .hpv_table{
        padding: 1rem;
        background: #EEFFFD;
        border: 2px solid var(--color-green);
        border-radius: 30px;
        overflow-x: auto;
    }
    .hpv_table_grid{
        display: grid;
        grid-template-columns: 1fr;
        gap: 0rem;
        align-items: center;
    }
    .hpv_table_text_grid{
        display: grid;
        grid-template-columns: 1fr;
        gap: 4.5rem;
    }
    .hpv_table_box{
        padding: 1rem;
        text-align: left;
        border-radius: 20px;
        position: relative;
    }

    .b_pink{
        background: var(--color-pink);
    }
    .b_green{
        background: #ECECEC;
        border: 1px solid var(--color-green);
    }
    .b_pink::after {
        content: '';
        position: absolute;
        width: 45px;
        height: 45px;
        background: url(./assets/pc/icon/next_green.svg) no-repeat;
        right: 41%;
        bottom: -50%;
        transform-origin: center;
        transform: rotate(90deg);
        /* transform: translateY(100%); */
    }

    /* *end hpv_table */

    /* *start post_top*/

    .post_top{
        background: url('./assets/pc/banner/hpv_poster_top.png') no-repeat center / cover;
        padding: 4rem 0;
    }
    .post_top_title{
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }
    .red_box{
        background: #BC3F3F;
        border-radius: 15px;
        padding: 0.5rem 1rem;
        min-height: max-content;
    }

    /* *end post_top*/

    /* *start post_t_m*/

    .post_t_m{
        background: url('./assets/pc/banner/hpv_poster_t_m.png') no-repeat center / cover;
        padding: 4rem 0;
    }
    .post_t_m_flex{
        display: flex;
        justify-content: center;
        justify-items: center;
        align-items: center;
        flex-wrap: wrap;
        gap: 2rem;
        flex-direction: column;
        padding: 0 5%;
    }
    .poster_item{
        /* width: 31%; */
    }
    .poster_item img {
        /* height: 287px; */
    }
    .post_m{
        position: relative;
    }
    .post_m_ref {
        position: absolute;
        top: 5%;
        right: 6%;
    }

    /* *end post_t_m*/

    /* *start post_b*/

    .post_b{
        padding: 3rem 0 6rem;
        background: url('./assets/pc/banner/hpv_poster_b.png') no-repeat top / cover;
        margin-top: -1px;
    }
    .post_b_title{
        margin: 2.5rem 0;
    }
    .white_box {
        padding: 1.5rem 0;
        background: #C8F5F2;
        border-radius: 20px;
    }

    /* *end post_b*/

    /* *start */

    .overflow_img {
        overflow-x: scroll;
    }
    .overflow_img img {
        min-width: 800px;
    }

    ul.hpv_buttom_detail {
        padding: 0;
    }

    /* *end */

    /* !end---hpv----------------------------------------------------------------------------------*/



    /* !protect ----------------------------------------------------------------------------------*/

    section.protect_info{
        background: url('./assets/pc/banner/protect_bg.png') no-repeat center / cover;
        padding: 3rem 5%;
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
    .info_s1_img {
        display: flex;
        justify-content: center;
    }

    section.protect_info_2 {
        padding: 3rem 0 3rem 0;
    }
    section.protect_info_2 .title_block_text img.ribbin {
        left: -16% !important;
        top: 11% !important;
    }

    .protect_info_2_img{
        position: relative;
    }

    .protect_buttom{
        background: url('./assets/mobile/banner/protect_buttom.png') no-repeat center / cover;
        padding: 2rem 0;
    }

    .w-60 {
        max-width: 65%;
    }

    img.ribbin.protect_logo.w-fit {
        left: -15%;
        top: 15%;
    }
    .right_img{
        display: flex;
        justify-content: flex-end;
        position: relative;
    }
    .right_img img {
        width: 20%;
    }

    .left_img{
        display: none;
        justify-content: flex-start;
        position: relative;
        margin-top: -5rem;
    }

    .protect_table_img{
        position: relative;
        overflow-x: scroll;
        img{
            min-width: 960px;
        }
    }
    .pab_13 {
        width: 12px;
        height: 12px;
        position: absolute;
        bottom: 29.83%;
        left: 126.4%;
    }
    .pab_14 {
        width: 12px;
        height: 12px;
        position: absolute;
        bottom: 29.8%;
        left: 129.7%;
    }
    .pab_19 {
        width: 12px;
        height: 12px;
        position: absolute;
        bottom: 29.9%;
        left: 133.9%;
    }

    .pab_20 {
        width: 12px;
        height: 12px;
        position: absolute;
        bottom: 29.83%;
        left: 252.4%;
    }

    .pab_3_n {
        width: 12px;
        height: 12px;
        position: absolute;
        bottom: 59.7%;
        left: 67.7%;
    }
    .pab_14_n {
        width: 12px;
        height: 12px;
        position: absolute;
        bottom: 59.7%;
        left: 70.8%;
    }
    .pab_14_n_2 {
        width: 12px;
        height: 12px;
        position: absolute;
        bottom: 59.7%;
        left: 219.3%;
    }
    .pab_15_n{
        width: 32px;
        height: 12px;
        position: absolute;
        bottom: 59.7%;
        left: 134.7%;
    }
    .b{
        border: 1px solid red;
    }
    /* !end---protect----------------------------------------------------------------------------------*/

   /* !cancel----------------------------------------------------------------------------------*/

   section.cancel_info{
    padding: 0 0 3rem 0;
    background: url('./assets/pc/banner/cancel_bg.png') no-repeat center / cover;
    }
    .cancel_grid{
        position: relative;
        top: -1rem;
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 1rem;
        padding-bottom: 0rem;
    }
    .cancel_item{
        position: relative;
    }
    a.cancel_item_1 {
        position: absolute;
        width: 12px;
        height: 12px;
        bottom: 23%;
        left: 59%;
    }
    a.cancel_item_2 {
        position: absolute;
        width: 12px;
        height: 12px;
        bottom: 23%;
        left: 68%;
    }
    a.cancel_item_3 {
        position: absolute;
        width: 12px;
        height: 12px;
        bottom: 35%;
        left: 70%;
    }
    a.cancel_item_4 {
        position: absolute;
        width: 12px;
        height: 12px;
        bottom: 23%;
        left: 78%;
    }
    a.cancel_item_4_1{
        position: absolute;
        width: 12px;
        height: 12px;
        bottom: 23%;
        left: 85%;
    }
    .cancel_swiper{
        padding: 4rem 0;
        background: #DEFBF7;
    }
    section.cancel_swiper .title_block_text img.ribbin {
        left: -2%;
        top: 20%;
    }
    .cancel_swiper_slide{
        position: relative;
    }

    .swiper-button-next, .swiper-rtl .swiper-button-prev {
        right: -5px !important;
        left: auto;
    }
    .swiper-button-prev, .swiper-rtl .swiper-button-next {
        left: -5px !important;
        right: auto;
    }
    .cancel_vdo{
        padding: 4rem 0 2rem;
    }
    img.ribbin.cancel_logo.w-fit {
        left: -9%;
    }
    ul.cancel_ul {
        padding-left: 0;
    }

    /* !END-cancel ----------------------------------------------------------------------------------*/

    /* !!!!!!!!!!   article !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

    section.artcle_page {
        padding: 3rem 0;
    }

    section.reference{
        padding: 4rem 0 6rem;
        background: url('./assets/pc/banner/reference_bg.png') no-repeat top / cover;
    }
    img.ribbin.reference_logo.w-fit {
        top: 10%;
    }
    .reference_popup {
        aspect-ratio: 16 / 7;
        height: auto;
        background: #fff;
        border-radius: 25px;
        padding: 3rem;
    }
    section.reference_popup_detail {
        padding: 1rem 0 6rem 0;
        background: #F5FFFE;
    }
    img.hide-on-pc.ribbin.reference_logo {
        top: 10px !important;
    }

    /* !!!!!!!!!!   article !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

    /* !quiz ----------------------------------------------------------------------------------*/

    section.quiz{
        padding: 3rem 0 6rem 0;
        background: #F5FFFE;
    }
    .quiz_popup{
        /* aspect-ratio: 9 / 16; */
        height: auto;
        background: #fff;
        border-radius: 25px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .quiz_popup_bg{
        background: linear-gradient(180deg, #30BDB5 0%, rgb(255 255 255) 100%);
        border-radius: 30px ;
        padding: 5px;
        box-shadow: 0px 4px 20px 0px #00000080;
        margin: 2rem 0;
    }

    .overlay {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.4);
        transition: opacity 500ms;
        visibility: hidden;
        opacity: 0;
        z-index: 110;
        display: flex;
    }
    .overlay:target {
        visibility: visible;
        opacity: 1;
    }
    .popup {
        margin: 5rem auto;
        padding: 0;
        height: 80vh;
        border-radius: 5px;
        position: relative;
        transition: all 1s ease-in-out;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        width: 90%;
    }
    .popup .close {
        position: absolute;
        top: 10px;
        right: 30px;
        transition: all 200ms;
        font-size: 30px;
        font-weight: bold;
        text-decoration: none;
        color: #333;
    }
    .popup .close:hover {
        color: #06D85F;
    }
    .popup .content {
        overflow: auto;
        /* max-width: fit-content; */
    }
    .content  {
        padding: 0;
    }
    .margin_shadow{
        margin: 0 !important;
        box-shadow: none !important;

        .quiz_popup {
            /* aspect-ratio: 16 / 8; */
            padding: 4rem 5% 1rem;
            align-items: normal;
            justify-content: space-around;
        }
    }
    .bt_answer_flex{
        display: flex;
        gap: 0rem;
        justify-content: center;
        align-items: center;
    }
    div.bt_answer{
        border-radius: 20px;
        padding: 0.3rem 0.8rem;
        border: 3px solid var(--color-green);
        width: 100px;
        color: var(--color-green);
        background: transparent;
        transition: all 0.5s ease-out;
    }
    /* div.bt_answer:focus{
        color: #fff;
        background:  var(--color-green);
        transition: all 0.5s ease-out;
    } */

    .bt_true.selected{
        color: #fff;
        background:  var(--color-green) !important;
        transition: all 0.5s ease-out;
        filter: none !important;
    }
    .bt_false.selected{
        border: 3px solid var(--color-red-2) ;
        color: #fff;
        background:  var(--color-red-2) !important;
        transition: all 0.5s ease-out;
        filter: none !important;
    }
    .quiz_popup.m_height{
        height: 500px !important;
    }

    /* !END-quiz ----------------------------------------------------------------------------------*/


    /* !!!!!!!!!!   contact !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

    section.contact {
        padding-top: 3rem;
        padding-bottom: 6rem;
        background:url('./assets/mobile/banner/contact-bg.png');
        background-repeat: no-repeat;
        background-size: cover;
    }
    .contact-form-detail{
        background: #FFFFFF;
        border-radius: 15px;

        padding: 1rem;
    }
    label.wpforms-field-label {
        font-size: 1.1rem !important;
        font-weight: 400 !important;
        color: #393939 !important;
        display: flex !important;
        justify-content: space-between;
    }
    input#wpforms-553-field_0, input#wpforms-553-field_3, input#wpforms-553-field_1, textarea#wpforms-553-field_2 {
        border-radius: 10px;
        border: 1px solid var(--color-red);
        background-color: #f9f9f9;
    }
    button.form-bt {
        border-radius: 30px !important;
        background: linear-gradient(180deg, #B5001F 0%, #7C0015 100%)!important;
        color: #fff !important;
        padding: 1rem 3rem !important;
        font-weight: 400;
        
    }
    .wpforms-submit-container{
        display: flex;
        justify-content: center !important;
        align-items: center;
    }

    /* !!!!!!!!!!   contact !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

    /* !!!!!!!!!!   single-post !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

    .page-header-image-single,footer.entry-meta,.entry-header,.comments-area{
        display: none;
    }
    .d-grid.grid-singl{
        padding: 3rem 0;
    }
    section.article-single{
        padding: 3rem 0;
    }
    
    .banner_post{
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        padding: 0 0 6rem 0;
        height: 350px;
    }
    .recommend_article{
        padding: 4rem 0;
        background: #DEFBF7;
    }

    /* !!!!!!!!!!   single-post !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

    /* !!!!!!!!!!   single-our-work !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
    .mt-1{
        margin-top: -2rem;
    }

    .bt-contact-popup{
        padding: 3rem 0;
    }
    section.type-product{
        padding-bottom: 3rem;
    }
    .d-grid.grid-2.type-pro{
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
        margin-top: 2rem;
    }
    article.oem-datail ul{
        list-style: disc;
    }
    .elementor-text-custom{
        font-size: 16px;
    }
    .main-bt a{
        color: #fff;
    }
    .our-work-banner{
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        position: relative;
        
    }
    .our-work-banner-text{
        padding: 3rem 10%;
    }

    div#popmake-974 {
        width: 95% !important;
    }

    /* !!!!!!!!!!   single-oem-post !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
	
	.quiz_banner img{
        object-fit: cover;
        width: 100%;
    }
}