@media screen and (max-width:767px) {
    .memu-bar-header,.hide-on-mobile{
        display: none !important;
    }
    .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: 16px;
    }
    .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;
            min-height: 640px;
        }
        .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%;
		}

        .logo_spon {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 1rem;
            margin-top: 2rem;
        }
}