/* Theme Name: Vinafiller - theme Theme URI: Author: Sale themes wordpress Author URI: https://salethemeswp.com/ Description: Vina Filler theme wordpress Version: v1.0 Text Domain: hongtq_dev Domain Path: /languages/ Tags: */ :root { --main-color: #825528; --logo-color: #034cff; } .alignnone {margin: 5px 20px 20px 0}.aligncenter,div.aligncenter {display: block;margin: 5px auto 5px auto}.alignright {float:right;margin: 5px 0 20px 20px}.alignleft {float: left;margin: 5px 20px 20px 0}a img.alignright {float: right;margin: 5px 0 20px 20px}a img.alignnone {margin: 5px 20px 20px 0}a img.alignleft {float: left;margin: 5px 20px 20px 0}a img.aligncenter {display: block;margin-left: auto;margin-right: auto}.wp-caption {background: #fff;border: 1px solid #f0f0f0;max-width: 96%;padding: 5px 3px 10px;text-align: center}.wp-caption.alignnone {margin: 5px 20px 20px 0}.wp-caption.alignleft {margin: 5px 20px 20px 0}.wp-caption.alignright {margin: 5px 0 20px 20px}.wp-caption img {border: 0 none;height: auto;margin: 0;max-width: 98.5%;padding: 0;width: auto}.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;margin: 0;padding: 0 4px 5px}.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;height: 1px;width: 1px;overflow: hidden}.screen-reader-text:focus {background-color: #f1f1f1;border-radius: 3px;box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);clip: auto !important;color: #21759b;display: block;font-size: 14px;font-size: 0.875rem;font-weight: bold;height: auto;left: 5px;line-height: normal;padding: 15px 23px 14px;text-decoration: none;top: 5px;width: auto;z-index: 100000} @font-face {font-family: 'Poppins';font-style: italic;font-weight: 100;font-display: swap;src: url(fonts/poppins/pxiAyp8kv8JHgFVrJJLmE0tDMPKzSQ.woff2) format('woff2');unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;}@font-face {font-family: 'Poppins';font-style: italic;font-weight: 100;font-display: swap;src: url(fonts/poppins/pxiAyp8kv8JHgFVrJJLmE0tMMPKzSQ.woff2) format('woff2');unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face {font-family: 'Poppins';font-style: italic;font-weight: 100;font-display: swap;src: url(fonts/poppins/pxiAyp8kv8JHgFVrJJLmE0tCMPI.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: 'Poppins';font-style: italic;font-weight: 200;font-display: swap;src: url(fonts/poppins/pxiDyp8kv8JHgFVrJJLmv1pVFteOcEg.woff2) format('woff2');unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;}@font-face {font-family: 'Poppins';font-style: italic;font-weight: 200;font-display: swap;src: url(fonts/poppins/pxiDyp8kv8JHgFVrJJLmv1pVGdeOcEg.woff2) format('woff2');unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face {font-family: 'Poppins';font-style: italic;font-weight: 200;font-display: swap;src: url(fonts/poppins/pxiDyp8kv8JHgFVrJJLmv1pVF9eO.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: 'Poppins';font-style: italic;font-weight: 300;font-display: swap;src: url(fonts/poppins/pxiDyp8kv8JHgFVrJJLm21lVFteOcEg.woff2) format('woff2');unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;}@font-face {font-family: 'Poppins';font-style: italic;font-weight: 300;font-display: swap;src: url(fonts/poppins/pxiDyp8kv8JHgFVrJJLm21lVGdeOcEg.woff2) format('woff2');unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face {font-family: 'Poppins';font-style: italic;font-weight: 300;font-display: swap;src: url(fonts/poppins/pxiDyp8kv8JHgFVrJJLm21lVF9eO.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: 'Poppins';font-style: italic;font-weight: 400;font-display: swap;src: url(fonts/poppins/pxiGyp8kv8JHgFVrJJLucXtAKPY.woff2) format('woff2');unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;}@font-face {font-family: 'Poppins';font-style: italic;font-weight: 400;font-display: swap;src: url(fonts/poppins/pxiGyp8kv8JHgFVrJJLufntAKPY.woff2) format('woff2');unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face {font-family: 'Poppins';font-style: italic;font-weight: 400;font-display: swap;src: url(fonts/poppins/pxiGyp8kv8JHgFVrJJLucHtA.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: 'Poppins';font-style: italic;font-weight: 500;font-display: swap;src: url(fonts/poppins/pxiDyp8kv8JHgFVrJJLmg1hVFteOcEg.woff2) format('woff2');unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;}@font-face {font-family: 'Poppins';font-style: italic;font-weight: 500;font-display: swap;src: url(fonts/poppins/pxiDyp8kv8JHgFVrJJLmg1hVGdeOcEg.woff2) format('woff2');unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face {font-family: 'Poppins';font-style: italic;font-weight: 500;font-display: swap;src: url(fonts/poppins/pxiDyp8kv8JHgFVrJJLmg1hVF9eO.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: 'Poppins';font-style: italic;font-weight: 600;font-display: swap;src: url(fonts/poppins/pxiDyp8kv8JHgFVrJJLmr19VFteOcEg.woff2) format('woff2');unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;}@font-face {font-family: 'Poppins';font-style: italic;font-weight: 600;font-display: swap;src: url(fonts/poppins/pxiDyp8kv8JHgFVrJJLmr19VGdeOcEg.woff2) format('woff2');unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face {font-family: 'Poppins';font-style: italic;font-weight: 600;font-display: swap;src: url(fonts/poppins/pxiDyp8kv8JHgFVrJJLmr19VF9eO.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: 'Poppins';font-style: italic;font-weight: 700;font-display: swap;src: url(fonts/poppins/pxiDyp8kv8JHgFVrJJLmy15VFteOcEg.woff2) format('woff2');unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;}@font-face {font-family: 'Poppins';font-style: italic;font-weight: 700;font-display: swap;src: url(fonts/poppins/pxiDyp8kv8JHgFVrJJLmy15VGdeOcEg.woff2) format('woff2');unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face {font-family: 'Poppins';font-style: italic;font-weight: 700;font-display: swap;src: url(fonts/poppins/pxiDyp8kv8JHgFVrJJLmy15VF9eO.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: 'Poppins';font-style: italic;font-weight: 800;font-display: swap;src: url(fonts/poppins/pxiDyp8kv8JHgFVrJJLm111VFteOcEg.woff2) format('woff2');unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;}@font-face {font-family: 'Poppins';font-style: italic;font-weight: 800;font-display: swap;src: url(fonts/poppins/pxiDyp8kv8JHgFVrJJLm111VGdeOcEg.woff2) format('woff2');unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face {font-family: 'Poppins';font-style: italic;font-weight: 800;font-display: swap;src: url(fonts/poppins/pxiDyp8kv8JHgFVrJJLm111VF9eO.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: 'Poppins';font-style: italic;font-weight: 900;font-display: swap;src: url(fonts/poppins/pxiDyp8kv8JHgFVrJJLm81xVFteOcEg.woff2) format('woff2');unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;}@font-face {font-family: 'Poppins';font-style: italic;font-weight: 900;font-display: swap;src: url(fonts/poppins/pxiDyp8kv8JHgFVrJJLm81xVGdeOcEg.woff2) format('woff2');unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face {font-family: 'Poppins';font-style: italic;font-weight: 900;font-display: swap;src: url(fonts/poppins/pxiDyp8kv8JHgFVrJJLm81xVF9eO.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 100;font-display: swap;src: url(fonts/poppins/pxiGyp8kv8JHgFVrLPTucXtAKPY.woff2) format('woff2');unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 100;font-display: swap;src: url(fonts/poppins/pxiGyp8kv8JHgFVrLPTufntAKPY.woff2) format('woff2');unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 100;font-display: swap;src: url(fonts/poppins/pxiGyp8kv8JHgFVrLPTucHtA.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 200;font-display: swap;src: url(fonts/poppins/pxiByp8kv8JHgFVrLFj_Z11lFc-K.woff2) format('woff2');unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 200;font-display: swap;src: url(fonts/poppins/pxiByp8kv8JHgFVrLFj_Z1JlFc-K.woff2) format('woff2');unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 200;font-display: swap;src: url(fonts/poppins/pxiByp8kv8JHgFVrLFj_Z1xlFQ.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 300;font-display: swap;src: url(fonts/poppins/pxiByp8kv8JHgFVrLDz8Z11lFc-K.woff2) format('woff2');unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 300;font-display: swap;src: url(fonts/poppins/pxiByp8kv8JHgFVrLDz8Z1JlFc-K.woff2) format('woff2');unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 300;font-display: swap;src: url(fonts/poppins/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 400;font-display: swap;src: url(fonts/poppins/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2');unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 400;font-display: swap;src: url(fonts/poppins/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 400;font-display: swap;src: url(fonts/poppins/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 500;font-display: swap;src: url(fonts/poppins/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2) format('woff2');unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 500;font-display: swap;src: url(fonts/poppins/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2');unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 500;font-display: swap;src: url(fonts/poppins/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 600;font-display: swap;src: url(fonts/poppins/pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2) format('woff2');unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 600;font-display: swap;src: url(fonts/poppins/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format('woff2');unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 600;font-display: swap;src: url(fonts/poppins/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 700;font-display: swap;src: url(fonts/poppins/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format('woff2');unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 700;font-display: swap;src: url(fonts/poppins/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2');unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 700;font-display: swap;src: url(fonts/poppins/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 800;font-display: swap;src: url(fonts/poppins/pxiByp8kv8JHgFVrLDD4Z11lFc-K.woff2) format('woff2');unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 800;font-display: swap;src: url(fonts/poppins/pxiByp8kv8JHgFVrLDD4Z1JlFc-K.woff2) format('woff2');unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 800;font-display: swap;src: url(fonts/poppins/pxiByp8kv8JHgFVrLDD4Z1xlFQ.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 900;font-display: swap;src: url(fonts/poppins/pxiByp8kv8JHgFVrLBT5Z11lFc-K.woff2) format('woff2');unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 900;font-display: swap;src: url(fonts/poppins/pxiByp8kv8JHgFVrLBT5Z1JlFc-K.woff2) format('woff2');unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face {font-family: 'Poppins';font-style: normal;font-weight: 900;font-display: swap;src: url(fonts/poppins/pxiByp8kv8JHgFVrLBT5Z1xlFQ.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 100;font-display: swap;src: url(fonts/Roboto/KFOiCnqEu92Fr1Mu51QrEz0dL_nz.woff2) format('woff2');unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 100;font-display: swap;src: url(fonts/Roboto/KFOiCnqEu92Fr1Mu51QrEzQdL_nz.woff2) format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 100;font-display: swap;src: url(fonts/Roboto/KFOiCnqEu92Fr1Mu51QrEzwdL_nz.woff2) format('woff2');unicode-range: U+1F00-1FFF;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 100;font-display: swap;src: url(fonts/Roboto/KFOiCnqEu92Fr1Mu51QrEzMdL_nz.woff2) format('woff2');unicode-range: U+0370-03FF;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 100;font-display: swap;src: url(fonts/Roboto/KFOiCnqEu92Fr1Mu51QrEz8dL_nz.woff2) format('woff2');unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 100;font-display: swap;src: url(fonts/Roboto/KFOiCnqEu92Fr1Mu51QrEz4dL_nz.woff2) format('woff2');unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 100;font-display: swap;src: url(fonts/Roboto/KFOiCnqEu92Fr1Mu51QrEzAdLw.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 300;font-display: swap;src: url(fonts/Roboto/KFOjCnqEu92Fr1Mu51TjASc3CsTKlA.woff2) format('woff2');unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 300;font-display: swap;src: url(fonts/Roboto/KFOjCnqEu92Fr1Mu51TjASc-CsTKlA.woff2) format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 300;font-display: swap;src: url(fonts/Roboto/KFOjCnqEu92Fr1Mu51TjASc2CsTKlA.woff2) format('woff2');unicode-range: U+1F00-1FFF;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 300;font-display: swap;src: url(fonts/Roboto/KFOjCnqEu92Fr1Mu51TjASc5CsTKlA.woff2) format('woff2');unicode-range: U+0370-03FF;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 300;font-display: swap;src: url(fonts/Roboto/KFOjCnqEu92Fr1Mu51TjASc1CsTKlA.woff2) format('woff2');unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 300;font-display: swap;src: url(fonts/Roboto/KFOjCnqEu92Fr1Mu51TjASc0CsTKlA.woff2) format('woff2');unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 300;font-display: swap;src: url(fonts/Roboto/KFOjCnqEu92Fr1Mu51TjASc6CsQ.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 400;font-display: swap;src: url(fonts/Roboto/KFOkCnqEu92Fr1Mu51xFIzIFKw.woff2) format('woff2');unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 400;font-display: swap;src: url(fonts/Roboto/KFOkCnqEu92Fr1Mu51xMIzIFKw.woff2) format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 400;font-display: swap;src: url(fonts/Roboto/KFOkCnqEu92Fr1Mu51xEIzIFKw.woff2) format('woff2');unicode-range: U+1F00-1FFF;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 400;font-display: swap;src: url(fonts/Roboto/KFOkCnqEu92Fr1Mu51xLIzIFKw.woff2) format('woff2');unicode-range: U+0370-03FF;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 400;font-display: swap;src: url(fonts/Roboto/KFOkCnqEu92Fr1Mu51xHIzIFKw.woff2) format('woff2');unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 400;font-display: swap;src: url(fonts/Roboto/KFOkCnqEu92Fr1Mu51xGIzIFKw.woff2) format('woff2');unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 400;font-display: swap;src: url(fonts/Roboto/KFOkCnqEu92Fr1Mu51xIIzI.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 500;font-display: swap;src: url(fonts/Roboto/KFOjCnqEu92Fr1Mu51S7ACc3CsTKlA.woff2) format('woff2');unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 500;font-display: swap;src: url(fonts/Roboto/KFOjCnqEu92Fr1Mu51S7ACc-CsTKlA.woff2) format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 500;font-display: swap;src: url(fonts/Roboto/KFOjCnqEu92Fr1Mu51S7ACc2CsTKlA.woff2) format('woff2');unicode-range: U+1F00-1FFF;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 500;font-display: swap;src: url(fonts/Roboto/KFOjCnqEu92Fr1Mu51S7ACc5CsTKlA.woff2) format('woff2');unicode-range: U+0370-03FF;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 500;font-display: swap;src: url(fonts/Roboto/KFOjCnqEu92Fr1Mu51S7ACc1CsTKlA.woff2) format('woff2');unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 500;font-display: swap;src: url(fonts/Roboto/KFOjCnqEu92Fr1Mu51S7ACc0CsTKlA.woff2) format('woff2');unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 500;font-display: swap;src: url(fonts/Roboto/KFOjCnqEu92Fr1Mu51S7ACc6CsQ.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 700;font-display: swap;src: url(fonts/Roboto/KFOjCnqEu92Fr1Mu51TzBic3CsTKlA.woff2) format('woff2');unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 700;font-display: swap;src: url(fonts/Roboto/KFOjCnqEu92Fr1Mu51TzBic-CsTKlA.woff2) format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 700;font-display: swap;src: url(fonts/Roboto/KFOjCnqEu92Fr1Mu51TzBic2CsTKlA.woff2) format('woff2');unicode-range: U+1F00-1FFF;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 700;font-display: swap;src: url(fonts/Roboto/KFOjCnqEu92Fr1Mu51TzBic5CsTKlA.woff2) format('woff2');unicode-range: U+0370-03FF;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 700;font-display: swap;src: url(fonts/Roboto/KFOjCnqEu92Fr1Mu51TzBic1CsTKlA.woff2) format('woff2');unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 700;font-display: swap;src: url(fonts/Roboto/KFOjCnqEu92Fr1Mu51TzBic0CsTKlA.woff2) format('woff2');unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 700;font-display: swap;src: url(fonts/Roboto/KFOjCnqEu92Fr1Mu51TzBic6CsQ.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 900;font-display: swap;src: url(fonts/Roboto/KFOjCnqEu92Fr1Mu51TLBCc3CsTKlA.woff2) format('woff2');unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 900;font-display: swap;src: url(fonts/Roboto/KFOjCnqEu92Fr1Mu51TLBCc-CsTKlA.woff2) format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 900;font-display: swap;src: url(fonts/Roboto/KFOjCnqEu92Fr1Mu51TLBCc2CsTKlA.woff2) format('woff2');unicode-range: U+1F00-1FFF;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 900;font-display: swap;src: url(fonts/Roboto/KFOjCnqEu92Fr1Mu51TLBCc5CsTKlA.woff2) format('woff2');unicode-range: U+0370-03FF;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 900;font-display: swap;src: url(fonts/Roboto/KFOjCnqEu92Fr1Mu51TLBCc1CsTKlA.woff2) format('woff2');unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 900;font-display: swap;src: url(fonts/Roboto/KFOjCnqEu92Fr1Mu51TLBCc0CsTKlA.woff2) format('woff2');unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face {font-family: 'Roboto';font-style: italic;font-weight: 900;font-display: swap;src: url(fonts/Roboto/KFOjCnqEu92Fr1Mu51TLBCc6CsQ.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: 'Roboto';font-style: normal;font-weight: 100;font-display: swap;src: url(fonts/Roboto/KFOkCnqEu92Fr1MmgVxFIzIFKw.woff2) format('woff2');unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}@font-face {font-family: 'Roboto';font-style: normal;font-weight: 100;font-display: swap;src: url(fonts/Roboto/KFOkCnqEu92Fr1MmgVxMIzIFKw.woff2) format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}@font-face {font-family: 'Roboto';font-style: normal;font-weight: 100;font-display: swap;src: url(fonts/Roboto/KFOkCnqEu92Fr1MmgVxEIzIFKw.woff2) format('woff2');unicode-range: U+1F00-1FFF;}@font-face {font-family: 'Roboto';font-style: normal;font-weight: 100;font-display: swap;src: url(fonts/Roboto/KFOkCnqEu92Fr1MmgVxLIzIFKw.woff2) format('woff2');unicode-range: U+0370-03FF;}@font-face {font-family: 'Roboto';font-style: normal;font-weight: 100;font-display: swap;src: url(fonts/Roboto/KFOkCnqEu92Fr1MmgVxHIzIFKw.woff2) format('woff2');unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}@font-face {font-family: 'Roboto';font-style: normal;font-weight: 100;font-display: swap;src: url(fonts/Roboto/KFOkCnqEu92Fr1MmgVxGIzIFKw.woff2) format('woff2');unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face {font-family: 'Roboto';font-style: normal;font-weight: 100;font-display: swap;src: url(fonts/Roboto/KFOkCnqEu92Fr1MmgVxIIzI.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: 'Roboto';font-style: normal;font-weight: 300;font-display: swap;src: url(fonts/Roboto/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}@font-face {font-family: 'Roboto';font-style: normal;font-weight: 300;font-display: swap;src: url(fonts/Roboto/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}@font-face {font-family: 'Roboto';font-style: normal;font-weight: 300;font-display: swap;src: url(fonts/Roboto/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');unicode-range: U+1F00-1FFF;}@font-face {font-family: 'Roboto';font-style: normal;font-weight: 300;font-display: swap;src: url(fonts/Roboto/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');unicode-range: U+0370-03FF;}@font-face {font-family: 'Roboto';font-style: normal;font-weight: 300;font-display: swap;src: url(fonts/Roboto/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}@font-face {font-family: 'Roboto';font-style: normal;font-weight: 300;font-display: swap;src: url(fonts/Roboto/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face {font-family: 'Roboto';font-style: normal;font-weight: 300;font-display: swap;src: url(fonts/Roboto/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: 'Roboto';font-style: normal;font-weight: 400;font-display: swap;src: url(fonts/Roboto/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}@font-face {font-family: 'Roboto';font-style: normal;font-weight: 400;font-display: swap;src: url(fonts/Roboto/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}@font-face {font-family: 'Roboto';font-style: normal;font-weight: 400;font-display: swap;src: url(fonts/Roboto/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');unicode-range: U+1F00-1FFF;}@font-face {font-family: 'Roboto';font-style: normal;font-weight: 400;font-display: swap;src: url(fonts/Roboto/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');unicode-range: U+0370-03FF;}@font-face {font-family: 'Roboto';font-style: normal;font-weight: 400;font-display: swap;src: url(fonts/Roboto/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}@font-face {font-family: 'Roboto';font-style: normal;font-weight: 400;font-display: swap;src: url(fonts/Roboto/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face {font-family: 'Roboto';font-style: normal;font-weight: 400;font-display: swap;src: url(fonts/Roboto/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: 'Roboto';font-style: normal;font-weight: 500;font-display: swap;src: url(fonts/Roboto/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}@font-face {font-family: 'Roboto';font-style: normal;font-weight: 500;font-display: swap;src: url(fonts/Roboto/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}@font-face {font-family: 'Roboto';font-style: normal;font-weight: 500;font-display: swap;src: url(fonts/Roboto/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');unicode-range: U+1F00-1FFF;}@font-face {font-family: 'Roboto';font-style: normal;font-weight: 500;font-display: swap;src: url(fonts/Roboto/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');unicode-range: U+0370-03FF;}@font-face {font-family: 'Roboto';font-style: normal;font-weight: 500;font-display: swap;src: url(fonts/Roboto/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}@font-face {font-family: 'Roboto';font-style: normal;font-weight: 500;font-display: swap;src: url(fonts/Roboto/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face {font-family: 'Roboto';font-style: normal;font-weight: 500;font-display: swap;src: url(fonts/Roboto/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: 'Roboto';font-style: normal;font-weight: 700;font-display: swap;src: url(fonts/Roboto/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}@font-face {font-family: 'Roboto';font-style: normal;font-weight: 700;font-display: swap;src: url(fonts/Roboto/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}@font-face {font-family: 'Roboto';font-style: normal;font-weight: 700;font-display: swap;src: url(fonts/Roboto/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');unicode-range: U+1F00-1FFF;}@font-face {font-family: 'Roboto';font-style: normal;font-weight: 700;font-display: swap;src: url(fonts/Roboto/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');unicode-range: U+0370-03FF;}@font-face {font-family: 'Roboto';font-style: normal;font-weight: 700;font-display: swap;src: url(fonts/Roboto/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}@font-face {font-family: 'Roboto';font-style: normal;font-weight: 700;font-display: swap;src: url(fonts/Roboto/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face {font-family: 'Roboto';font-style: normal;font-weight: 700;font-display: swap;src: url(fonts/Roboto/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face {font-family: 'Roboto';font-style: normal;font-weight: 900;font-display: swap;src: url(fonts/Roboto/KFOlCnqEu92Fr1MmYUtfCRc4EsA.woff2) format('woff2');unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}@font-face {font-family: 'Roboto';font-style: normal;font-weight: 900;font-display: swap;src: url(fonts/Roboto/KFOlCnqEu92Fr1MmYUtfABc4EsA.woff2) format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}@font-face {font-family: 'Roboto';font-style: normal;font-weight: 900;font-display: swap;src: url(fonts/Roboto/KFOlCnqEu92Fr1MmYUtfCBc4EsA.woff2) format('woff2');unicode-range: U+1F00-1FFF;}@font-face {font-family: 'Roboto';font-style: normal;font-weight: 900;font-display: swap;src: url(fonts/Roboto/KFOlCnqEu92Fr1MmYUtfBxc4EsA.woff2) format('woff2');unicode-range: U+0370-03FF;}@font-face {font-family: 'Roboto';font-style: normal;font-weight: 900;font-display: swap;src: url(fonts/Roboto/KFOlCnqEu92Fr1MmYUtfCxc4EsA.woff2) format('woff2');unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}@font-face {font-family: 'Roboto';font-style: normal;font-weight: 900;font-display: swap;src: url(fonts/Roboto/KFOlCnqEu92Fr1MmYUtfChc4EsA.woff2) format('woff2');unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face {font-family: 'Roboto';font-style: normal;font-weight: 900;font-display: swap;src: url(fonts/Roboto/KFOlCnqEu92Fr1MmYUtfBBc4.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} .fs-16 {font-size: 16px !important;} .logo-wrapper img, .img-logo-footer img {height: 40px; max-width: 100%;} iframe {max-width: 100% !important;} .header-banner-img-home-page {object-fit: cover; max-height: 100vh;} .color-main , a.color-main {color: #825528 !important;} .menu-top-switch-language { background: #825528; overflow: hidden; } a:hover{ text-decoration: none; } .sec-bk-effect { border-bottom: 1px solid #ccc; } .menu-top-switch-language ul { margin: 0; list-style: none; padding-inline-start: 0; display: flex; align-items: center; justify-content: end; } .menu-top-switch-language ul li { padding: 4px 5px; } .menu-top-switch-language ul li a { font-size: 14px; color: #b9b9b9; } .menu-top-switch-language ul li.current-lang a { font-weight: 400; color: #fff; } .custom-breadcrumb { border-bottom: 1px solid #ddd; padding: 10px 0; } .custom-breadcrumb, .custom-breadcrumb a { color: #825528; } .link-social a { font-size: 14px; color: #fff; padding: 4px 10px; } .link-social a:hover { background: #fff; color: #365899; } .section-social-home-page { background: #825528; } .section-social-home-page .sec-social-item { align-items: center; margin: 20px 0; } .section-social-home-page .sec-social-item .sec-social-item-left { border: #ccc 2px solid; width: 50px; min-width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; margin: 0 15px 0 0; -webkit-border-radius: 50%; border-radius: 50%; color: #fff; font-size: 18px; } .section-social-home-page .sec-social-item .sec-social-item-right, .section-social-home-page .sec-social-item .sec-social-item-right a { color: #fff; } .section-social-home-page .sec-social-item .sec-social-item-right a:hover { color: #000000; text-decoration: none; } .btn-scroll-to-top { right: 15px; border: 2px solid rgb(19 38 60); } .btn-call-zalo { right: 17px; top: calc(50% - 20px); } .btn-call-zalo img { width: 40px; background: #fff; border-radius: 50%; } .btn-call-now, .btn-scroll-to-top, .btn-call-zalo { position: fixed; bottom: 15px; z-index: 99; color: #FFF; font-weight: 700; font-size: 18px; border-radius: 25px; } .btn-call-now { padding: 3px 10px 3px 3px; background: rgb(19 38 60); display: flex; align-items: center; -webkit-box-shadow: 0 0 5px #ddd; -moz-box-shadow: 0 0 5px #ddd; box-shadow: 0 0 5px #ddd; -moz-animation-duration: 500ms; -moz-animation-name: calllink; -moz-animation-iteration-count: infinite; -moz-animation-direction: alternate; -webkit-animation-duration: 500ms; -webkit-animation-name: calllink; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-duration: 500ms; animation-name: calllink; animation-iteration-count: infinite; animation-direction: alternate; left: 15px; } @keyframes calllink { 0% { color: #eba11e; } 50% { color: #fff; } 100% { color: #ebfa48; } } .btn-call-now i { margin-right: 5px; } .btn-call-now i, .btn-scroll-to-top i { color: rgb(19 38 60); font-size: 26px; background: #fff; width: 40px; height: 40px; line-height: 40px; border-radius: 20px; text-align: center; } /* slick js */ html, body { margin: 0; padding: 0; scroll-behavior: smooth; } * { box-sizing: border-box; } table { max-width: 100%; } .sec-detail-app { border-bottom: 1px solid #ddd; } .sec-detail-app-item { background-repeat: no-repeat; background-size: 100%; box-shadow: 0px 2px 32px 0px rgba(0, 0, 0, 0.15); border-radius: 16px; min-height: 200px; } .sec-detail-app-item .sec-detail-app-title { background: #00000075; color: #fff; border-radius: 16px; } .bg-image { background-repeat: no-repeat; background-size: cover; } .slider { width: 50%; margin: 100px auto; } .slick-slide { margin: 0px 20px; } .slick-slide img { width: 100%; } .slick-prev:before, .slick-next:before { color: black; } .slick-slide { transition: all ease-in-out .3s; } .slick-slider .slick-arrow { line-height: 0; position: absolute; top: 50%; display: block; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; border: none; outline: none; } .slick-slider .fa-angle-right { right: -10px; } .slick-slider .fa-angle-left { left: -10px; } /*end slick js*/ body { font-family: 'Poppins', sans-serif; } .tpl-contact .sec-talk-to-us {margin-top: 0 !important;} .site-sub-title { text-align: center; padding: 60px 20px; font-size: 20px; } .site-title { visibility: hidden; position: absolute; } .hongtq-image-holder { position: relative; width: 100%; background: #f5f5f5 url(images/no-image.jpg); display: inline-block; vertical-align: top; background-repeat: no-repeat; background-position: center center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; overflow: hidden; } .hongtq-image-holder:before { display: block; content: ""; width: 100%; padding-top: 100%; background: none; box-shadow: none; } .btn-scroll-to-top:hover { cursor: pointer; } .webkit-line-clamp { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; } .webkit-line-clamp-1 { -webkit-line-clamp: 1; } .webkit-line-clamp-2 { -webkit-line-clamp: 2; } .webkit-line-clamp-3 { -webkit-line-clamp: 3; } .webkit-line-clamp-4 { -webkit-line-clamp: 4; } .webkit-line-clamp-5 { -webkit-line-clamp: 5; } .mb-24px { margin-bottom: 24px; } .mb-44px { margin-bottom: 44px; } .mt-24px { margin-top: 24px; } /*Main menu*/ #header-pc.pc { box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.1); } #header-pc.pc .pc-title-web { margin-left: 1rem; font-weight: bold; color: #064bfe; font-size: 18px; } #header-pc.pc.change .pc-title-web { margin-left: 0; font-size: 16px; } header.change.pc { position: fixed; top: 0; left: 0; width: 100%; z-index: 99; background: #fff; border-top: 2px solidvar(--main-color); transition: all 0.3s ease; } #header-pc.pc.change .header-top { display: none; } #header-pc.pc.change { height: 62px; } #header-pc.pc.change .header-bot .header-search { height: 36px; width: 36px; transition: all 0.15s ease; } #header-pc.pc.change .header-logo img { max-height: 58px; } #header-pc.pc .header { display: flex; gap: 50px; white-space: nowrap; align-items: center; } #header-pc.pc .header-logo img { height: 40px; width: auto; transition: all 0.15s ease; -o-object-fit: contain; object-fit: contain; } #header-pc.pc .header-top { padding: 6px 0 6px 100px; display: flex; justify-content: space-between; align-items: center; position: relative; } #header-pc.pc .header-top .header-bg { position: absolute; top: 0; left: 0; width: 100vw; height: 100%; z-index: -1; } #header-pc.pc .header-top .header-bg img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: bottom left; object-position: bottom left; } #header-pc.pc .header-top .header-left { gap: 20px; display: flex; } #header-pc.pc .header-top .header-left a { color: #fff; position: relative; gap: 12px; transition: all 0.15s ease; } #header-pc.pc .header-top .header-left a::after { content: ""; position: absolute; top: 50%; left: calc(100% + 10px); border-left: 1px solid rgba(255, 255, 255, 0.2); height: 20px; transform: translate(0, -50%); } #header-pc.pc .header-top .header-left a .header-txt { position: relative; } #header-pc.pc .header-top .header-left a .header-txt::after { content: ""; position: absolute; top: calc(100% + 2px); width: 0; border-bottom: 1px solid #fff; transition: all 0.3s ease; left: 0; } #header-pc.pc .header-top .header-left a span:nth-child(2) { font-weight: 700; } #header-pc.pc .header-top .header-left a img { width: 20px; } #header-pc.pc .header-top .header-left a:last-child::after { display: none; } #header-pc.pc .header-top .header-left a:hover .header-txt::after { width: 100%; } #header-pc.pc .header-top .header-right { gap: 24px; display: flex; align-items: center; } #header-pc.pc .header-top .header-live { border-radius: 20px; justify-content: center; align-items: center; position: relative; display: flex; overflow: hidden; animation: animation 3s infinite; color: #fff; gap: 6px; padding: 0 12px; border: 1px solid #fff; background: var(--main-color); font-weight: bold; height: 28px; } #header-pc.pc .header-top .header-live span { font-size: 13px; white-space: nowrap; } #header-pc.pc .header-top .header-live img { filter: brightness(0) invert(1); max-height: 15px; max-width: 20px; } #header-pc.pc .header-top .header-live .header-icon { position: relative; z-index: 1; } #header-pc.pc .header-top .header-account { display: flex; align-items: center; cursor: pointer; } #header-pc.pc .header-top .header-account .header-name { color: #fff; font-size: 12px; } #header-pc.pc .header-top .header-account .header-avatar { width: 25px; height: 25px; position: relative; overflow: hidden; margin-right: 12px; border-radius: 50%; } #header-pc.pc .header-top .header-account .header-avatar::after { width: 30px; height: 30px; content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 1px solid #fff; pointer-events: none; } #header-pc.pc .header-top .header-account .header-avatar img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } #header-pc.pc .header-top .header-account .dropdown-menu { top: 10px !important; } #header-pc.pc .header-top .header-language { display: flex; align-items: center; } #header-pc.pc .header-top .header-language .nice-select { background: 0; color: #fff; padding-left: 0; text-transform: uppercase; cursor: pointer; border: 0; } #header-pc.pc .header-top .header-language .nice-select option { color: #000; } #header-pc.pc .header-top .header-language .nice-select:focus, #header-pc.pc .header-top .header-language .nice-select:focus-visible { outline: 0; } #header-pc.pc .header-top .header-language .nice-select::after { border-bottom: 2px solid #fff; border-right: 2px solid #fff; margin-top: -3px; transform: translate(0, -50%) rotate(45deg); } #header-pc.pc .header-top .header-button { gap: 20px; } #header-pc.pc .header-top .header-button a { color: #fff; position: relative; } #header-pc.pc .header-top .header-button a:first-child { position: relative; } #header-pc.pc .header-top .header-button a:first-child::after { content: ""; position: absolute; top: 50%; left: calc(100% + 10px); transform: translate(0, -50%); height: 20px; border-left: 1px solid rgba(255, 255, 255, 0.2); } #header-pc.pc .header-top .header-button a::before { content: ""; position: absolute; top: 100%; left: 0; width: 0; transition: all 0.15s ease; border-bottom: 1px solid #fff; } #header-pc.pc .header-top .header-button a:hover::before { width: 100%; } #header-pc.pc .header-bot .header-info { padding: 20px 0; border-bottom: 1px solid #b9b9b9; } #header-pc.pc .header-bot .header-menu .menu-item { font-size: 16px; display: flex; align-items: center; position: relative; } #header-pc.pc .header-bot .header-menu .menu-item.active .header-itemmenu { position: relative; } #header-pc.pc .header-bot .header-menu .menu-item.active .header-itemmenu::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; border-bottom: 2px solid var(--main-color); } #header-pc.pc .header-bot .header-menu .menu-item.active .header-itemmenu a { font-weight: 700; color: var(--main-color); } #header-pc.pc .header-bot .header-menu .menu-item.menu-item-has-children::after { content: "\f107"; font-family: "Font Awesome 5 Free"; font-weight: 900; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; opacity: 0.54; position: absolute; right: 8px; font-size: 14px; top: 50%; transform: translate(0, -50%); } #header-pc.pc .header-bot .header-menu .menu-item.menu-item-has-children .menu-item.menu-item-has-children::after { content: "\f105"; } #header-pc.pc .header-bot .header-menu .menu-item.menu-item-has-children .header-itemmenu a { padding-right: 24px; } #header-pc.pc .header-bot .header-menu .menu-item.menu-item-has-children.active .header-itemmenu a { font-weight: 600; } #header-pc.pc .header-bot .header-menu .menu-item.menu-item-has-children:hover > .header-submenu { opacity: 1; transform: none; pointer-events: auto; } #header-pc.pc .header-bot .header-menu .menu-item.menu-item-has-children .header-submenu .menu-item.menu-item-has-children .header-submenu { transform: translateX(100%); top: 0; padding: 0; } #header-pc.pc .header-bot .header-menu .menu-item.menu-item-has-children .header-submenu .menu-item.menu-item-has-children .header-submenu:before, #header-pc.pc .header-bot .header-menu .menu-item.menu-item-has-children .header-submenu .menu-item.menu-item-has-children .header-submenu:after { content: none; } #header-pc.pc .header-bot .header-menu .menu-item .header-itemmenu a { padding: 1rem 12px; display: flex; color: var(--main-color); transition: all 0.15s ease; font-size: 18px; } #header-pc.pc .header-bot .header-menu .menu-item .header-itemmenu a:hover { color: #000; } #header-pc.pc .header-bot .header-menu .header-submenu { position: absolute; top: 100%; background: #fff; transition: all 0.15s ease; padding: 12px 0; width: 260px; box-shadow: 0 4px 64px rgba(0, 0, 0, 0.06); opacity: 0; transform: translate(0, 20px); pointer-events: none; z-index: 99; } #header-pc.pc .header-bot .header-menu .header-submenu::after { content: ""; position: absolute; left: 24px; width: 20px; height: 20px; bottom: 100%; -webkit-clip-path: polygon(50% 40%, 0 99%, 100% 100%); clip-path: polygon(50% 40%, 0 99%, 100% 100%); box-shadow: 0 4px 64px rgba(0, 0, 0, 0.06); background: #fff; } #header-pc.pc .header-bot .header-menu .header-submenu::before { content: ""; position: absolute; bottom: 100%; left: 0; width: 100%; height: 12px; } #header-pc.pc .header-bot .header-menu .header-submenu .menu-item { border-bottom: 1px solid #f0f0f0; } #header-pc.pc .header-bot .header-menu .header-submenu .menu-item:last-child { border-bottom: 0; } #header-pc.pc .header-bot .header-menu .header-submenu .menu-item a { padding: 5px 10px; display: flex; color: #5c5c5c; transition: all 0.3s ease; width: 100%; white-space: normal; font-weight: normal; font-size: 14px; } #header-pc.pc .header-bot .header-menu .header-submenu .menu-item a:hover { background: #efefef; color: var(--main-color); } #header-pc.pc .header-bot .header-menu .header-submenu .menu-item.sub { position: relative; } #header-pc.pc .header-bot .header-menu .header-submenu .menu-item.sub:hover .header-sub2menu { opacity: 1; } #header-pc.pc .header-bot .header-menu .header-submenu .menu-item.sub .header-sub2menu { position: absolute; left: calc(100% + 12px); top: -12px; width: 260px; background: #fff; padding: 12px 0; opacity: 0; transition: all 0.15s ease; } #header-pc.pc .header-bot .header-menu .header-submenu .menu-item.sub .header-sub2menu::before { content: ""; position: absolute; top: 0; right: 100%; width: 12px; height: 100%; } #header-pc.pc .header-bot .header-menu .header-submenu .menu-item.sub .header-sub2menu::after { content: ""; position: absolute; right: 100%; width: 20px; height: 20px; top: 26px; -webkit-clip-path: polygon(50% 40%, 0 99%, 100% 100%); clip-path: polygon(50% 40%, 0 99%, 100% 100%); box-shadow: 0 4px 64px rgba(0, 0, 0, 0.06); background: #fff; transform: rotate(-90deg); } #header-pc.pc .header-bot .header-menu .header-submenu .menu-item.sub .header-sub2menu .header-itemsub2menu { border-bottom: 1px solid #f0f0f0; } #header-pc.pc .header-bot .header-menu .header-submenu .menu-item.sub .header-sub2menu .header-itemsub2menu:last-child { border-bottom: 0; } #header-pc.pc .header-bot .header-menu .header-submenu .menu-item.sub::after { content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; opacity: 0.54; position: absolute; right: 12px; top: 50%; transform: translate(0, -50%); } #header-pc.pc .header-bot .header-search { width: 44px; border-radius: 50%; height: 44px; border: 1px solid rgba(0, 0, 0, 0.28); position: absolute; transition: all 0.15s ease; top: 50%; right: 0; transform: translate(0, -50%); cursor: pointer; } #header-pc.pc .header-bot .header-search i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.15s ease; } #header-pc.pc .header-bot .header-search input { width: 100%; opacity: 0; height: 100%; padding-left: 32px; border: 0; padding-right: 16px; pointer-events: none; } #header-pc.pc .header-bot .header-search input:focus, #header-pc.pc .header-bot .header-search input:focus-visible { outline: 0; } #header-pc.pc .header-bot .header-search.active { width: 250px; border-radius: 100px; overflow: hidden; } #header-pc.pc .header-bot .header-search.active input { pointer-events: auto; opacity: 1; } #header-pc.pc .header-bot .header-search.active i { left: 16px; } #header-mb.mb { display: none; } @media (min-width: 1024px) and (max-width: 1600px) { #header-pc.pc .pc-title-web { font-size: 16px; white-space: normal; width: 100px; } #header-pc.pc.change .pc-title-web { font-size: 13px; width: 78px; } } @media (min-width: 1024px) and (max-width: 1279px) { /*#header-pc.pc .header-logo img {*/ /* max-height: 90px;*/ /*}*/ #header-pc.pc .header-top .header-left a span:first-child { display: none; } #header-pc.pc .header-top .header-bg { width: calc(100vw - 210px); } #header-pc.pc .header-top .header-right { gap: 12px; } #header-pc.pc .header-bot .header-search { width: 32px; height: 32px; } #header-pc.pc .header-bot .header-menu .menu-item { font-size: 13px; } #header-pc.pc .header-bot .header-menu .menu-item.menu-item-has-children::after { font-size: 10px; } #header-pc.pc .header-bot .header-menu .menu-item .header-itemmenu a { padding: 8px 44px 8px 8px; } } @media (min-width: 1280px) and (max-width: 1360px) { #header-pc.pc .header-bot .header-menu .menu-item { font-size: 15px; } } @media (max-width: 1023px) { body { padding-top: 88px; } #header-pc.pc, #header-pc.pc.change { display: none !important; } #header-mb.mb { display: block; position: fixed; top: 0; left: 0; width: 100%; background: #fff; z-index: 999; padding: 10px 0; display: flex; box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.1); align-items: center; } #header-mb.mb .header-top { display: flex; justify-content: space-between; align-items: center; } #header-mb.mb .header-logo img { width: auto; height: 50px; -o-object-fit: cover; object-fit: cover; } #header-mb.mb .header-center { position: absolute; z-index: -1; left: 0; right: 0; width: 100%; text-align: center; font-size: 18px; line-height: 20px; color: var(--main-color); box-sizing: border-box; } @keyframes textShadowMove { 0 { text-shadow: 3px 3px 5px var(--main-color); } 25% { text-shadow: -3px 3px 5px var(--main-color); } 50% { text-shadow: -3px -3px 5px var(--main-color); } 75% { text-shadow: 3px -3px 5px var(--main-color); } 100% { text-shadow: 3px 3px 5px var(--main-color); } } #header-mb.mb .header-search { position: absolute; background: rgba(211, 211, 211, 0.2); border-radius: 50%; top: 50%; right: calc(100% + 20px); transform: translate(0, -50%); } #header-mb.mb .header-search i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.3s ease; pointer-events: none; } #header-mb.mb .header-search input { width: 36px; height: 36px; border-radius: 50%; transition: all 0.3s ease; pointer-events: none; opacity: 0; border: 0; background: rgba(211, 211, 211, 0.2); border: 1px solid rgba(211, 211, 211, 0.2); } #header-mb.mb .header-search.active { border-radius: 20px; } #header-mb.mb .header-search.active input { width: 200px; opacity: 1; border-radius: 20px; pointer-events: auto; background: #fff; padding: 0 0 0 32px; } #header-mb.mb .header-search.active i { left: 12px; transform: translate(0, -50%); } #header-mb.mb .header-menu .header-listmenu .header-submenu .menu-item.menu-item-has-children .header-itemnamesub2menu::after { content: "\f107"; font-family: "Font Awesome 5 Free"; font-weight: 900; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; pointer-events: none; position: absolute; right: 0; top: 50%; transform: translate(0, -50%); color: #fff; } #header-mb.mb .header-right { display: flex; align-items: center; position: relative; z-index: 1; } #header-mb.mb .header-language { margin-right: 12px; } #header-mb.mb .header-language .nice-select { border: 0; background: #fff; padding-left: 0; text-transform: uppercase; } #header-mb.mb .header-language .nice-select:focus-visible { outline: 0; } #header-mb.mb .header-language .nice-select::after { margin-top: -3px; transform: translate(0, -50%) rotate(45deg); width: 8px; height: 8px; } #off-canvas { background: #3c3c3c; transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -webkit-transform: translate3d(-100%, 0, 0); top: 0; bottom: 0; left: 0; height: 100%; overflow: hidden; position: fixed; visibility: hidden; z-index: -1; transition: transform 0.4s ease, visibility 0 ease 0.5s, z-index 0 ease 0.5s; -webkit-transition: -webkit-transform 0.4s ease, visibility 0 ease 0.5s, z-index 0 ease 0.5s; } body.mnopen #off-canvas { transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); overflow-scrolling: touch; overflow: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; visibility: visible; z-index: 999999; transition: transform 0.4s ease, visibility 0 ease 0, z-index 0 ease 0; -webkit-transition: -webkit-transform 0.4s ease, visibility 0 ease 0, z-index 0 ease 0; } .off-canvas-inner { width: 100%; background: #1a2845; color: #fff; padding-bottom: 60px; height: 100%; } .off-canvas-inner ul { width: 300px; list-style: none inside; padding-left: 0; } .off-canvas-inner ul li { width: 100%; border-top: solid 1px rgba(255, 255, 255, 0.1); position: relative; } .off-canvas-inner ul li:last-child { border-bottom: solid 1px rgba(255, 255, 255, 0.1); } .off-canvas-inner ul li:hover { border-color: #212327; } .off-canvas-inner ul li.menu-item-has-children:hover { border-color: rgba(255, 255, 255, 0.1); } .off-canvas-inner ul li a { padding: 9px 30px; margin: 0 auto; display: inline-block; color: #fff; } .off-canvas-inner ul li a .fa-times-circle { opacity: 0.3; color: #38578f; font-family: "FontAwesome"; font-size: 28px; margin-right: 0 !important; } .off-canvas-inner ul li a:hover .fa-times-circle { opacity: 1; } .off-canvas-inner ul li i.fa { margin-right: 10px; } .off-canvas-inner ul li .sub-menu li { line-height: normal; } .off-canvas-inner ul li .sub-menu li:last-child { border-bottom: 0; } .off-canvas-inner ul li .sub-menu li a { padding-left: 40px; } .off-canvas-inner ul li .sub-menu li a:before { content: "-"; display: inline-block; font-family: "Fontawesome"; color: #999; margin: 0 5px 0 0; } .off-canvas-inner .close-menu { text-align: center; display: flex; align-items: center; justify-content: center; } .off-canvas-inner ul li .sub-menu li .sub-menu li a:before { content: "+"; display: inline-block; font-family: "Fontawesome"; color: #999; margin: 0 5px 0 0; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } .navbar-toggle .icon-bar { display: block; width: 32px; height: 2px; margin-bottom: 6px; border-radius: 1px; } .navbar-toggle .icon-bar:last-child { margin-bottom: 0; } .mobile-nav #trigger-mobile { width: 35px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; padding: 0; margin: 0; } .mobile-nav #trigger-mobile:focus { outline: 0; } .mobile-nav #trigger-mobile .icon-bar { background-color: #222; } .off-canvas-inner ul li .sub-menu li .sub-menu li a { padding-left: 60px; } } @keyframes animation { 0 { box-shadow: 0 0 -10px #fff; } 40% { box-shadow: 0 0 20px #fff; } 60% { box-shadow: 0 0 20px #fff; } 100% { box-shadow: 0 0 -10px #fff; } } @-webkit-keyframes moveTagAMenu{ from {padding-left: 24px;} to {padding-left: 32px;} } @-moz-keyframes moveTagAMenu { from {padding-left: 24px;} to {padding-left: 32px;} } @-o-keyframes moveTagAMenu { from {padding-left: 24px;} to {padding-left: 32px;} } @-ms-keyframes moveTagAMenu { from {padding-left: 24px;} to {padding-left: 32px;} } @keyframes moveTagAMenu { from {padding-left: 24px;} to {padding-left: 32px;} } .container-fluid-menu { width: 100%; padding: 0; background: #fff; border-bottom: 1px solid #ddd; } header .header-description { width: 100%; margin-top: 60px; padding: 35px 20px; } header .header-description h3 { color: #fff; font-size: 60px; line-height: 60px; font-weight: 700; margin-bottom: 24px; } header .header-description p, header .header-description i { font-size: 26px; color: #fff; line-height: 30px; font-weight: 400; } header .header-description i { margin-bottom: 44px; display: block; font-size: 20px; } header .header-description button { padding: 12px 24px 12px 24px; font-weight: 500; font-size: 24px; line-height: 32px; color: #005EE8; background-color: #fff; } header .header-description button:hover { background-color: #077dc3; color: #fff; } header .container-fluid-sub { padding: 80px 0; height: 100%; width: 100%; } .btn-view-all { color: #825528; border-color: #825528; background-color: transparent; background-image: none; } .btn-view-all:hover { color: #fff; background-color: #0e68ca; border-color: #0e68ca; } .btn-view-archive { color: #825528; border-color: #825528; background-color: transparent; background-image: none; } .btn-view-archive:hover { color: #fff; background-color: #0e68ca; border-color: #0e68ca; } .header-description { padding: 80px 0; height: 100%; width: 100%; color: #fff; } .header-description h3 { font-weight: 800; font-size: 2.4rem; margin-bottom: 15px; letter-spacing: -0.5px; color: #ffffff; } .header-description p { font-size: 1.1rem; max-width: 760px; margin: 0 auto; color: #94a3b8; } main .sec-bk-services, main .sec-what-we-do, main .sec-main-products, main .sec-media, main .sec-our-digital-transformation-process, .title-blog-page, .section_index_banner_2 { margin-top: 24px; } main .sec-application {padding: 80px 0;} main .sec-highlight-features { margin-top: 108px; } main .sec-highlight-features .title-h3 { font-weight: 500; margin-bottom: 32px; } main .sec-our-specializations { margin-bottom: 80px; } main .sec-out-partner { text-align: center; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } .title-h2 { color: #005EE8; text-align: center; font-size: 24px; font-weight: 500; line-height: 32px; margin-bottom: 8px; } .title-h3 { color: #0E0D35; text-align: center; font-size: 40px; font-weight: 600; line-height: 48px; } .title-description { margin-bottom: 44px; color: #6E6E86; } main .sec-what-we-do .title-h3 , main .sec-main-products .title-h3 { margin-bottom: 24px; } main .sec-what-we-do .sec-what-we-do-item { position: relative; border-radius: 26px; border: 1px solid #d6d4d5; } main .sec-what-we-do .sec-what-we-do-item img { width: 100%; border-radius: 24px; height: 100%; object-fit: contain; } main .sec-what-we-do .sec-what-we-do-item a { border-radius: 24px; } .text-effect { position: absolute; z-index: 1; color: #203b59; font-size: 36px; left: 0; right: 0; text-align: center; font-weight: 700; top: calc(50% - 27px); } .image-effect{ position:relative } .image-effect:before{ position:absolute; content:''; width:100%; height:100%; top:0; left:0; z-index:1; background:rgba(67,69,113,0); -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out } .image-effect:after{ position:absolute; content:''; width:100%; height:100%; top:0; left:0; background:rgba(67,69,113,0); -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out } .image-effect:hover:before{ right:50%; left:50%; width:0; background:rgba(255,255,255,0.3) } .image-effect:hover:after{ height:0; top:50%; bottom:50%; background:rgba(255,255,255,0.3) } main .sec-what-we-do .sec-what-we-do-item:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); z-index: 1; border-radius: 24px; } main .sec-what-we-do .sec-what-we-do-item>h3{ position: absolute; top: 24px; left: 24px; right: 24px; width: calc(100% - 48px); font-weight: 500; line-height: 40px; font-size: 32px; color: #fff; margin-bottom: 0; z-index: 2; } main .sec-what-we-do.sec-what-we-do-v2 .sec-what-we-do-item>h3 { position: absolute; top: 10px; left: 10px; width: calc(100% - 48px); font-weight: 500; line-height: 40px; margin-bottom: 0; z-index: 2; } main .sec-what-we-do.sec-what-we-do-v2 .sec-what-we-do-item a { text-decoration: none; font-size: 18px; color: #fff; } main .sec-what-we-do .sec-what-we-do-item .description { display: none; background: linear-gradient(90deg, #28c3db42 0%, #26476a80 100%); font-weight: 500; font-size: 18px; line-height: 28px; color: #fff; position: absolute; top: 0; left: 0; border-radius: 24px; width: 100%; height: 100%; padding: 24px; z-index: 3; } main .sec-what-we-do .sec-what-we-do-item .description h3 { margin-bottom:16px; font-weight: 500; line-height: 40px; font-size: 32px; color: #fff; } main .sec-what-we-do .sec-what-we-do-item .description h4 { color: #fff; font-weight: 500; line-height: 28px; font-size: 18px; } main .sec-what-we-do .sec-what-we-do-item .description a { color: #fff; font-weight: 500; line-height: 32px; font-size: 24px; position: absolute; right: 32px; bottom: 44px; } main .sec-what-we-do .sec-what-we-do-item .description a:hover { color: #000000; } main .sec-what-we-do .sec-what-we-do-item:hover .description { display: block; } main .sec-bk-services .item-count { border-radius: 14px; border: 1px solid #fff; width: 171px; height: 96px; padding-top: 18px; padding-bottom: 18px; margin-left: 32px; border: 1px solid #E7E7EB; text-align: center; } main .sec-bk-services .item-count:first-child { margin-left: 0; } main .sec-bk-services .item-count p { margin-bottom: 0; } main .sec-bk-services .item-count p:first-child { color: #005EE8; font-weight: 700; font-size: 32px; line-height: 40px; } main .sec-bk-services .item-count p:last-child { color: #0E0D35; font-weight: 400; font-size: 14px; line-height: 20px; } main .sec-bk-services a { margin-top: 44px; background: var(--primary-blue-600, #005EE8); font-weight: 500; font-size: 24px; line-height: 32px; color: #fff; border-radius: 8px; padding: 12px 24px 12px 24px; } main .sec-bk-services a:hover { color: #005EE8; background: #fff; border: 1px solid var(--primary-blue-600, #005EE8); } .custom-button-bk { background: linear-gradient(90deg, #15B3C7 0%, #005EE8 100%); } .custom-button-bk:hover { color: #005EE8; border: 1px solid var(--primary-blue-600, #005EE8); background: #fff; } .form-group:has(.icon-submit-cf7):hover .icon-submit-cf7 { color: #005EE8; } /* 1. CONTAINER & MAIN BACKGROUND (DARK HIGH-TECH + VIVID ORANGE ACCENTS) */ .sec-header-hero { position: relative; background-color: #080d1a; /* Dark Tech Navy/Slate */ color: #ffffff; padding: 95px 0 115px 0; overflow: hidden; border-bottom: 3px solid #ff5722; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } /* 2. BACKGROUND MESH PATTERN & CYBER GRID */ .sec-header-hero .bg-cyber-grid { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px), linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px); background-size: 45px 45px; z-index: 1; mask-image: radial-gradient(ellipse at center, rgba(0,0,0,1) 30%, rgba(0,0,0,0) 80%); -webkit-mask-image: radial-gradient(ellipse at center, rgba(0,0,0,1) 30%, rgba(0,0,0,0) 80%); } /* 3. DYNAMIC GLOWING ORBS (CAM NĂNG LƯỢNG & XANH TECH) */ .sec-header-hero .hero-glow-orb { position: absolute; border-radius: 50%; filter: blur(90px); pointer-events: none; z-index: 1; opacity: 0.55; animation: heroOrbFloat 12s infinite alternate ease-in-out; } /* Orb Cam Cháy (Trái Trên) */ .sec-header-hero .orb-orange { top: -120px; left: -80px; width: 550px; height: 550px; background: radial-gradient(circle, rgba(255, 87, 34, 0.45) 0%, rgba(0, 0, 0, 0) 70%); } /* Orb Xanh Cyan Kỹ Thuật (Góc Phải Dưới Slider) */ .sec-header-hero .orb-cyan { bottom: -150px; right: -50px; width: 600px; height: 600px; background: radial-gradient(circle, rgba(0, 242, 254, 0.25) 0%, rgba(0, 0, 0, 0) 70%); animation-delay: -6s; } @keyframes heroOrbFloat { 0% { transform: translate(0, 0) scale(1); } 50% { transform: translate(35px, 25px) scale(1.1); } 100% { transform: translate(-25px, 40px) scale(0.95); } } /* ------------------------------------------------------------- */ /* CỘT TRÁI: TEXT & NÚT TOUCH ĐỘNG NỔI BẬT */ /* ------------------------------------------------------------- */ .sec-header-hero .hero-content-relative { position: relative; z-index: 2; } .sec-header-hero .hero-brand-badge { background: rgba(255, 87, 34, 0.15); color: #ff8a65; border: 1px solid rgba(255, 87, 34, 0.4); font-size: 0.85rem; font-weight: 700; letter-spacing: 1.5px; padding: 6px 18px; border-radius: 30px; display: inline-block; margin-bottom: 22px; box-shadow: 0 0 15px rgba(255, 87, 34, 0.2); backdrop-filter: blur(5px); } .sec-header-hero .hero-main-title { font-size: 2.85rem; font-weight: 800; line-height: 1.2; color: #ffffff; margin-bottom: 20px; letter-spacing: -0.5px; text-shadow: 0 4px 20px rgba(0,0,0,0.5); } /* Điểm nhấn chữ màu Cam */ .sec-header-hero .hero-main-title span { background: linear-gradient(135deg, #ff7043 0%, #ff3d00 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .sec-header-hero .hero-text-p { font-size: 1.15rem; color: #cbd5e1; line-height: 1.65; margin-bottom: 12px; font-weight: 400; } .sec-header-hero .hero-text-i { display: block; font-size: 0.98rem; color: #94a3b8; font-style: italic; margin-bottom: 35px; } /* --- NÚT TOUCH ĐỘNG RỰC RỠ (CTA PULSE & GLOW) --- */ .sec-header-hero .btn-cta-wrapper { position: relative; display: inline-block; } /* Vòng Sóng Xung Điện Tỏa Sáng */ .sec-header-hero .btn-cta-wrapper::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 40px; background: rgba(255, 87, 34, 0.6); z-index: 0; animation: orangePulseWave 2.2s infinite ease-out; } .sec-header-hero .btn-get-in-touch-v4 { position: relative; z-index: 1; display: inline-flex; align-items: center; background: linear-gradient(135deg, #ff6b00 0%, #ff3d00 100%); color: #ffffff !important; font-weight: 800; font-size: 1.05rem; padding: 16px 42px; border-radius: 40px; text-decoration: none !important; box-shadow: 0 10px 30px -5px rgba(255, 61, 0, 0.55); transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1); overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.3); } /* Vệt Sáng Kính Lướt Qua (Shine Effect) */ .sec-header-hero .btn-get-in-touch-v4::after { content: ""; position: absolute; top: -50%; left: -70%; width: 50%; height: 200%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent); transform: rotate(25deg); animation: shineSweepOrange 3.5s infinite ease-in-out; } .sec-header-hero .btn-get-in-touch-v4:hover { transform: translateY(-4px) scale(1.03); box-shadow: 0 18px 35px -5px rgba(255, 61, 0, 0.8); background: linear-gradient(135deg, #ff7b1a 0%, #ff5014 100%); } .sec-header-hero .btn-get-in-touch-v4 i { transition: transform 0.3s ease; } .sec-header-hero .btn-get-in-touch-v4:hover i { transform: translateX(6px); } @keyframes orangePulseWave { 0% { transform: scale(0.95); opacity: 0.8; } 70% { transform: scale(1.18); opacity: 0; } 100% { transform: scale(1.18); opacity: 0; } } @keyframes shineSweepOrange { 0%, 65% { left: -70%; } 100% { left: 150%; } } /* ------------------------------------------------------------- */ /* CỘT PHẢI: SLIDER ẢNH HIỆN ĐẠI (GLASS FRAME + SHADOW) */ /* ------------------------------------------------------------- */ .sec-header-hero .hero-slider-wrap { position: relative; border-radius: 24px; overflow: hidden; box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.7), 0 0 30px rgba(255, 87, 34, 0.15); border: 1px solid rgba(255, 255, 255, 0.15); background-color: #0f172a; } .sec-header-hero .slider-img-item { width: 100%; height: 440px; background-size: cover; background-position: center; position: relative; } .sec-header-hero .slider-img-item::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(to top, rgba(8, 13, 26, 0.6) 0%, transparent 50%); } /* Custom Indicators Slider */ .sec-header-hero .carousel-indicators { bottom: 18px; } .sec-header-hero .carousel-indicators li { width: 10px; height: 10px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.35); border: none; margin: 0 5px; transition: all 0.3s ease; } .sec-header-hero .carousel-indicators li.active { width: 30px; border-radius: 10px; background-color: #ff5722; box-shadow: 0 0 10px rgba(255, 87, 34, 0.8); } /* Custom Controls Next/Prev */ .sec-header-hero .carousel-control-prev, .sec-header-hero .carousel-control-next { width: 46px; height: 46px; background: rgba(8, 13, 26, 0.75); backdrop-filter: blur(6px); border-radius: 50%; top: 50%; transform: translateY(-50%); opacity: 0.85; margin: 0 15px; border: 1px solid rgba(255, 255, 255, 0.15); transition: all 0.3s ease; } .sec-header-hero .carousel-control-prev:hover, .sec-header-hero .carousel-control-next:hover { opacity: 1; background: #ff5722; border-color: #ff5722; box-shadow: 0 0 15px rgba(255, 87, 34, 0.6); } main .sec-why-choose-us { /* background: url("img/Why Choose Us.png");*/ /*background: url("img/may-tao-hat-nhua-taical.png");*/ /*background-repeat: no-repeat;*/ /*background-size: cover;*/ border: 1px solid #ddd; padding-top: 80px; padding-bottom: 80px; } main .sec-why-choose-us .title-h2, main .sec-why-choose-us .title-h3, main .sec-why-choose-us .title-description { color: #fff; } main .sec-why-choose-us .title-h3 { margin-bottom: 24px; } main .sec-why-choose-us .item { background: #182a42; border-radius: 16px; opacity: 0.9; margin-bottom: 16px; padding: 24px; } main .sec-why-choose-us .item .content { margin-left: 24px; } main .sec-why-choose-us .item .content h4 { font-size: 20px; font-weight: 600; line-height: 30px; letter-spacing: 0em; color: #33cbe3; text-align: left; margin-bottom: 8px; } main .sec-why-choose-us .item .content p { font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: 0em; text-align: left; margin-bottom: 0; color: #CFCFD7; } .star-active { color: #FFCD39; } main .sec-talk-to-us, main .sec-detail-app { background: url("img/bg_main_products.png"); border-top: 1px solid #ddd; } main .sec-talk-to-us-content .title-h2 { color: #FFF; font-size: 24px; font-weight: 500; line-height: 32px; text-align: left; } main .sec-talk-to-us-content .title-h3 { color: #FFF; font-size: 40px; font-weight: 500; line-height: 48px; margin-bottom: 107px; text-align: left; } main .sec-talk-to-us-content .title-h3 span { color: #825528; font-size: 24px; } main .sec-talk-to-us-content .phone a, main .sec-talk-to-us-content .email a, main .sec-talk-to-us-content .address, .sec-talk-to-us-content a, .sec-talk-to-us-content i { color: #224161; font-size: 16px; text-decoration: none; } main .sec-talk-to-us-content form { border-radius: 16px; color: #0E0D35; font-size: 16px; line-height: 24px; } main .sec-talk-to-us-content .sec-talk-to-us-content-logo {max-width: 100%; width: 200px;height: auto;} main .sec-talk-to-us-content>label { margin-top: 24px; } main .sec-talk-to-us-content>label:first-child { margin-top: 0; } main .sec-talk-to-us-content form .wpcf7-list-item { position: relative; padding: 12px 16px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #87869A; text-align: center; font-size: 12px; font-weight: 500; line-height: 16px; border-radius: 8px; background: #F0F0F3; margin-right: 16px; display: inline-block; margin-left: 0; } main .sec-talk-to-us-content form .wpcf7-list-item label { margin-bottom: 0; } main .sec-talk-to-us-content form .wpcf7-list-item:last-child { margin-right: 0; } main .sec-talk-to-us-content form .wpcf7-list-item input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } main .sec-talk-to-us-content form .checkmark { display: none; } main .sec-talk-to-us-content form .checkmark:after { content: ""; position: absolute; display: none; } main .sec-talk-to-us-content form .wpcf7-list-item:hover input ~ .checkmark { background-color: #ccc; } main .sec-talk-to-us-content form .wpcf7-list-item input:checked ~ .checkmark { background-color: #2196F3; } main .sec-talk-to-us-content form .wpcf7-list-item:has(input:checked) { color: #2196F3; background: #fff; border: 1px solid #2196F3; } main .sec-talk-to-us-content form .wpcf7-list-item input:checked ~ .checkmark:after { display: block; } main .sec-talk-to-us-content form .wpcf7-list-item .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } main .sec-talk-to-us-content form .wpcf7-list-item input:checked { background: red; color: red; } .custom-submit-cf7 { border-radius: 8px; color: #FFF; text-align: center; font-size: 16px; font-weight: 500; } .icon-submit-cf7 { position: absolute; top: 13px; left: 117px; } .zoom-image { transition: transform .2s; } .zoom-image:hover { transform: scale(1.2); } main .sec-media .custom-btn { border-radius: 8px; padding: 12px 8px 12px 24px; background: linear-gradient(90deg, #15B3C7 0%, #005EE8 100%); color: #FFF; text-align: center; font-size: 18px; font-weight: 500; line-height: 24px; } main .sec-media .custom-btn:hover { background: linear-gradient(90deg, #15B3C7 0%, #091323 100%) } main .sec-media .sec-media-content a:hover { text-decoration: none; } main .sec-media .sec-media-content .media-img { border-radius: 16px; margin-bottom: 24px; } main .sec-media .sec-media-content .media-time { font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: 0em; text-align: left; color: #565672; margin-bottom: 4px; } main .sec-media .sec-media-content .media-title a { font-size: 24px; font-weight: 500; line-height: 32px; letter-spacing: 0em; text-align: left; color: #0E0D35; clear: both; margin-top: 4px; } main .sec-media .sec-media-content ul { margin: 12px 0; list-style: none; padding: 0; color: #3D8BFD; } main .sec-media .sec-media-content ul li { margin-left: 8px; float: left; display: flex; align-items: center; color: #3D8BFD; } main .sec-media .sec-media-content ul li i { font-size: 7px; margin-right: 5px; color: #3D8BFD; } main .sec-media .sec-media-content ul li:first-child { margin-left: 0; } main .sec-media .sec-media-content .media-tag, main .sec-media .sec-media-content ul { float: left; } main .sec-media .sec-media-content .media-short-content { font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: 0em; text-align: left; clear: both; color: #565672; } main .sec-media .sec-media-content .display-type-3 { display: flex; box-shadow: 0px 2px 32px 0px rgba(0, 0, 0, 0.15); border-radius: 16px 16px 0 0; } main .sec-media .sec-media-content .display-type-3 .other-content { margin-top: 1rem; } main .sec-media .sec-media-content .display-type-3>a { overflow: hidden; border-radius: 16px; height: 156px; } main .sec-media .sec-media-content .display-type-3>a:hover .media-img { -webkit-transform: scale(1.2); transform: scale(1.2); } main .sec-media .sec-media-content .display-type-3 .media-img { width: 100%; height: 156px; } main .sec-media .sec-media-content .display-type-2 { display: flex; border-bottom: 1px solid #E7E7EB; min-height: 236px; padding-top: 24px; } main .sec-media .sec-media-content .display-type-2:last-child { border: none; } main .sec-media .sec-media-content .display-type-2:first-child { padding-top: 0; } main .sec-media .sec-media-content .display-type-2 .media-img { width: 262px; height: 156px; margin-right: 24px; } footer, footer a { background-color: #343a40; color: #fff; } footer { padding-top: 24px; } footer .logo-footer { margin-bottom: 16px; } footer .des-footer { font-size: 20px; font-weight: 400; line-height: 18px; letter-spacing: 0em; text-align: left; margin-bottom: 24px; } footer .footer-follow-us { font-size: 20px; font-weight: 600; line-height: 30px; letter-spacing: 0em; text-align: left; margin-bottom: 12px; color: #0E0D35; } footer .copy-right { border-top: 1px solid #9EC5FE; padding: 5px 0; text-align: center; color: #87869A; font-size: 14px; font-weight: 400; line-height: 20px; letter-spacing: 0em; text-align: center; } footer .title-footer { font-size: 20px; font-weight: 600; line-height: 30px; letter-spacing: 0em; text-align: left; color: #fff; } footer ul { padding: 0; list-style: none; margin-top: 16px; } footer ul li { margin-bottom: 4px; } footer ul li.current-menu-item a { color: #0D6EFD; font-weight: 600; } footer ul li a { font-size: 14px; font-weight: 400; letter-spacing: 0em; text-align: left; color: #fff; } footer ul li a:hover { text-decoration: none; border-left: 2px solid #0D6EFD; padding-left: 10px; color: #0D6EFD; font-weight: 600; } .height-240-before { height: 240px; } .btn-custom-outlight { padding: 12px 24px 12px 24px; font-weight: 500; font-size: 24px; line-height: 32px; color: #005EE8 !important; border: 1px solid #005EE8; letter-spacing: 0em; text-align: center; background-color: #fff; } .btn-custom-outlight:hover { text-decoration: none; } .accordion .card-header:after { font-family: 'FontAwesome'; content: "\f106"; float: right; } .accordion .card-header.collapsed:after { content: "\f107"; font-family: 'FontAwesome'; float: right; } .form-your-name, .form-your-email { position: relative; } .form-your-name input, .form-your-email input { padding-left: 44px; } .form-your-name i, .form-your-email i { margin-bottom: 0; position: absolute; z-index: 1; left: 16px; color: #87869A; font-size: 16px; top: 42px; } .icon-footer { min-width: 16px; text-align: center; } main .sec-carnival-BKK h4 { color: #0E0D35; font-size: 24px; font-style: normal; font-weight: 500; line-height: 32px; margin: 8px 0 16px 0; } main .sec-carnival-BKK .title-h3 { margin-top: 32px; } main .sec-carnival-BKK .img-left img { max-width: 450px; } main .sec-highlight-features h5 { color: var(--newtral-textcolor-900, #0E0D35); font-size: 32px; font-style: normal; font-weight: 500; line-height: 40px; margin-bottom: 16px; } main .all-item-digital-transformation { position: relative; } main .all-item-digital-transformation .item-digital { margin-bottom: 24px; } main .all-item-digital-transformation .item-digital-transformation .item-title { color: #0E0D35; font-size: 32px; font-style: normal; font-weight: 500; line-height: 40px; } main .all-item-digital-transformation .item-digital-transformation .item-content { color: #0E0D35; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; position: absolute; top: 200px; left: 25px; max-width: calc(100% - 50px); right: 10px; } main .all-item-digital-transformation .item-digital-transformation { border-radius: 16px; text-align: center; height: 280px; padding: 44px 10px 32px 10px; margin-bottom: 44px; } main .all-item-digital-transformation .item-digital-transformation .dot-white, main .all-item-digital-transformation .dot-white-out-line { border-radius: 22px; background: #FFF; width: 44px; height: 44px; left: calc(50% - 22px); z-index: 2; top: calc(50% - 44px); } main .all-item-digital-transformation .dot-white-out-line { border-radius: 22px; background: #FFF; width: 44px; height: 44px; left: calc(50% - 22px); z-index: -1; top: calc(50% - 44px); position: absolute; box-shadow: 0px 0px 8px 4px #F9F9F9; } main .all-item-digital-transformation .item-digital-transformation .dot-blue { border-radius: 22px; background: #005EE8; width: 20px; height: 20px; left: calc(50% - 10px); z-index: 3; top: calc(50% - 32px); } main .all-item-digital-transformation .item-digital-transformation .dot-white, main .all-item-digital-transformation .item-digital-transformation .dot-blue, main .all-item-digital-transformation .item-digital-transformation .line-blue, main .all-item-digital-transformation .item-digital-transformation .line-green, main .all-item-digital-transformation .dot-white-out-line, main .all-item-digital-transformation .line-blue-out-line { position: absolute; } main .all-item-digital-transformation .item-digital-transformation .line-blue, main .all-item-digital-transformation .item-digital-transformation .line-green, main .all-item-digital-transformation .line-blue-out-line { height: 2px; width: 100%; top: calc(50% - 22px); left: 0; right: 0; z-index: 1; } main .all-item-digital-transformation .line-blue-out-line { z-index: -2; } main .all-item-digital-transformation .item-digital:first-child .line-blue, main .all-item-digital-transformation .item-digital:first-child .line-green, main .all-item-digital-transformation .item-digital:first-child .line-blue-out-line { left: 57px; } main .all-item-digital-transformation .item-digital:last-child .line-blue, main .all-item-digital-transformation .item-digital:last-child .line-green, main .all-item-digital-transformation .item-digital:first-child .line-blue, main .all-item-digital-transformation .item-digital:first-child .line-green, main .all-item-digital-transformation .item-digital:first-child .line-blue-out-line, main .all-item-digital-transformation .item-digital:last-child .line-blue-out-line { width: calc(100% - 57px); } main .all-item-digital-transformation .item-digital:last-child .line-blue:before, main .all-item-digital-transformation .item-digital:last-child .line-green:before, main .all-item-digital-transformation .item-digital:last-child .line-blue-out-line:before { content: ">"; position: absolute;; right: -2px; top: -10px; z-index: 2; } main .all-item-digital-transformation .item-digital:last-child .line-blue:before { color: #005EE8; } main .all-item-digital-transformation .item-digital:last-child .line-green:before { color: #15B3C7; } main .all-item-digital-transformation .item-digital-transformation .line-blue { background: #005EE8; } main .all-item-digital-transformation .item-digital-transformation .line-green { background: #15B3C7; } main .all-item-digital-transformation .line-blue-out-line { background: #005EE8; } main .all-item-digital-transformation .item-digital:last-child .line-blue-out-line:before { color: #005EE8; } main .all-item-digital-transformation .item-digital-transformation:nth-child(1) { background: #E7F1FF; } main .all-item-digital-transformation .item-digital-transformation:nth-child(2) { background: #15B3C7; } main .all-item-digital-transformation .item-digital-transformation:nth-child(3) { background: #BAD6FF; } main .all-item-digital-transformation .item-digital-transformation:nth-child(4) { background: #9EC5FE; } .animate__delay-1-5s { -webkit-animation-delay: calc(1s * 1.5); animation-delay: calc(1s * 1.5); -webkit-animation-delay: calc(var(--animate-delay) * 1.5); animation-delay: calc(var(--animate-delay) * 1.5); } .animate__delay-2-5s { -webkit-animation-delay: calc(1s * 2.5); animation-delay: calc(1s * 2.5); -webkit-animation-delay: calc(var(--animate-delay) * 2.5); animation-delay: calc(var(--animate-delay) * 2.5); } .animate__delay-3-5s { -webkit-animation-delay: calc(1s * 3.5); animation-delay: calc(1s * 1.5); -webkit-animation-delay: calc(var(--animate-delay) * 3.5); animation-delay: calc(var(--animate-delay) * 3.5); } .animate__delay-4-5s { -webkit-animation-delay: calc(1s * 4.5); animation-delay: calc(1s * 1.5); -webkit-animation-delay: calc(var(--animate-delay) * 4.5); animation-delay: calc(var(--animate-delay) * 4.5); } main .nav.tabs-business-transformation { justify-content: space-between; } main .nav.tabs-business-transformation li.nav-item { width: 20%; border-bottom: 2px solid #E7E7EB; text-align: center; } main .nav.tabs-business-transformation li.nav-item:has(.active) { border-radius: 1px; border-bottom: 2px solid #005EE8; } main .nav.tabs-business-transformation li.nav-item img { max-width: 80px; } main .nav.tabs-business-transformation li.nav-item p { color: #005EE8; font-size: 18px; font-style: normal; font-weight: 400; line-height: 28px; margin-top: 12px; margin-bottom: 27px; } .tabs-business-transformation-mobile { text-align: center; } .tabs-business-transformation-mobile img { margin-bottom: 12px; } .tabs-business-transformation-mobile p { margin-bottom: 8px; color: #005EE8; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; } .tabs-business-transformation-mobile .title { color: #0E0D35005EE8 font-size: 18px; font-style: normal; font-weight: 500; line-height: 28px; } .tabs-business-transformation-mobile .content { color: #0E0D35; font-size: 14px; font-style: normal; font-weight: 400; line-height: 18px; } .single-content { margin: 0 auto; max-width: 995px; } .single-content article { text-align: justify; } .single-content article table { max-width: 100%; width: 100% !important; background-color: transparent; border: 1px solid #dee2e6; } .single-content article table td, .single-content article table th { border: 1px solid #dee2e6; padding: .75rem; vertical-align: top; } .btn-get-in-touch { color: #825528; text-align: center; font-size: 24px; font-style: normal; font-weight: 500; line-height: 32px; padding: 12px 24px; background: #fff; width: 200px; } .margin-0-auto { margin: 0 auto; } .btn-get-in-touch:hover { color: #005EE8; border: 1px solid #005EE8; } .single-content .single-tag { margin-top: 80px; text-align: center; } .single-content .single-tag a { color: #3D8BFD; font-size: 24px; font-style: normal; font-weight: 400; line-height: 24px; } .single-content .single-title { color: #0E0D35; font-style: normal; font-weight: 500; line-height: 48px; margin-top: 16px; } .single-content .single-time { color: #565672; font-size: 18px; font-style: normal; font-weight: 400; line-height: 28px; } .single-content .single-article { margin-top: 36px; } .single-related-post .header-single-related-post { color: #3E3C3C; font-size: 32px; font-style: normal; font-weight: 500; line-height: 40px; margin: 80px 0 24px 0; } .item-post { border-radius: 16px; box-shadow: 0px 2px 32px 0px rgba(0, 0, 0, 0.15); } .item-post .hongtq-image-holder { border-radius: 16px 16px 0 0; } .item-post .item-content { padding: 0 16px; position: relative; } .item-post .item-content-v2 { padding: 16px; position: relative; } .product-carousel .item-post .item-content-main-product a { color: #0E0D35; font-size: 20px; font-style: normal; font-weight: 500; line-height: 30px; min-height: 60px; } .product-carousel .item-post { box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.15); } .product-carousel .item-post .item-content-main-product a:hover { text-decoration: none; } .item-post .item-date { color: #565672; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; margin-top: 16px; } .item-post .item-title, .item-post .item-title a { color: #825528; font-size: 20px; font-style: normal; font-weight: 500; line-height: 30px; height: 95px; } .item-post .item-title a:hover { text-decoration: none; color: #101bc1; } .item-post .item-tag { position: absolute; bottom: 0; left: 16px; right: 16px; width: calc(100% - 32px); border-top: 1px solid #F0F0F3; padding: 8px 0; } .item-post .item-tag .list-tag { width: 101%; height: 48px; } .item-post .btn-single-read-more { color: #0E0D35; font-size: 18px; font-style: normal; font-weight: 500; line-height: 24px; text-decoration: none; margin-top: 12px; } .item-post .btn-single-read-more:hover, .single-content .nav-single a:hover { text-decoration: none; } .single-content .nav-single a { color: #005EE8; text-decoration: none; font-size: 20px; font-style: normal; font-weight: 500; line-height: 28px; } .header-banner-blog-page .header-description p { max-width: 756px; margin: 0 auto; } .title-blog-page { color: #0E0D35; text-align: center; margin-bottom: 44px; font-size: 40px; font-style: normal; font-weight: 500; line-height: 48px; } .news-pagenavi { margin: 36px 0 0 0; } .news-pagenavi a, .news-pagenavi .extend, .news-pagenavi .current { min-width: 36px; min-height: 36px; padding: 8px 13px; margin-right: 12px; border-radius: 4px; color: #000; text-align: center; font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; } .news-pagenavi .current { border: 1px solid #000; } .news-pagenavi a, .news-pagenavi .extend { border: 1px solid #D9D9D9; } .slick-dots li button:before { color: #9EC5FE; font-size: 12px; } .slick-dots li.slick-active button:before { color: #005EE8; font-size: 18px; } /* ========================================= CSS CHO SECTION WHY CHOOSE US ========================================= */ .sec-why-choose-us-v2 { background-color: #f8f9fa; /* Màu nền xám nhạt */ padding: 80px 0; } /* Tiêu đề chính */ .sec-why-choose-us-v2 .title-h3 { font-weight: 700; font-size: 2.2rem; text-transform: uppercase; position: relative; padding-bottom: 15px; color: #0056b3; /* Class color-main */ } /* Gạch chân dứoi tiêu đề */ .sec-why-choose-us-v2 .title-h3::after { content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 70px; height: 3px; background-color: #0056b3; } /* Style cho từng khối item (Card) */ .sec-why-choose-us-v2 .item { background: #ffffff; padding: 25px; border-radius: 12px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05); transition: all 0.3s ease; height: 100%; border-left: 4px solid transparent; /* Chuẩn bị cho hiệu ứng hover */ } /* Hiệu ứng khi đưa chuột vào Card */ .sec-why-choose-us-v2 .item:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); border-left: 4px solid #0056b3; /* Viền trái sáng lên */ } /* Box chứa Icon */ .sec-why-choose-us-v2 .content-img { width: 70px; height: 70px; min-width: 70px; background-color: #e6f0fa; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; } /* Icon FontAwesome */ .sec-why-choose-us-v2 .content-img i { font-size: 28px; color: #0056b3; transition: all 0.3s ease; } /* Khi hover vào item -> Box icon tự đổi màu */ .sec-why-choose-us-v2 .item:hover .content-img { background-color: #0056b3; } .sec-why-choose-us-v2 .item:hover .content-img i { color: #ffffff; } /* Style chữ bên trong */ .sec-why-choose-us-v2 .content h4 { font-size: 1.15rem; font-weight: 600; line-height: 1.5; color: #333; margin: 0; } /* CSS Scoped riêng cho sec-certificate */ .sec-certificate { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; background-color: #f8fafc; color: #1e293b; padding: 80px 0; position: relative; overflow: hidden; } .sec-certificate :root, .sec-certificate { --hm-accent: #825528; --hm-accent-hover: #65411d; --hm-dark-bg: #0f172a; --hm-card-bg: #ffffff; --hm-success: #10b981; --hm-border: #e2e8f0; } /* Ambient Glow & Background Accent */ .sec-certificate .cert-bg-glow { position: absolute; top: 50%; left: -100px; transform: translateY(-50%); width: 450px; height: 450px; background: radial-gradient(circle, rgba(130, 85, 40, 0.12) 0%, rgba(255, 255, 255, 0) 70%); filter: blur(60px); pointer-events: none; } /* 1. VISUAL CERTIFICATE CARD (LEFT COLUMN) */ .sec-certificate .cert-badge-card { background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%); border-radius: 24px; padding: 40px 30px; color: #ffffff; position: relative; box-shadow: 0 20px 40px -15px rgba(15, 23, 42, 0.25); border: 1px solid rgba(255, 255, 255, 0.1); overflow: hidden; } .sec-certificate .cert-badge-card::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: radial-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px); background-size: 16px 16px; opacity: 0.5; pointer-events: none; } .sec-certificate .cert-icon-wrapper { width: 80px; height: 80px; background: rgba(130, 85, 40, 0.25); border: 2px solid rgba(243, 207, 179, 0.4); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px auto; color: #f3cfb3; font-size: 2.2rem; box-shadow: 0 0 25px rgba(130, 85, 40, 0.3); } .sec-certificate .cert-status-tag { display: inline-flex; align-items: center; background: rgba(16, 185, 129, 0.15); color: #34d399; border: 1px solid rgba(16, 185, 129, 0.3); font-size: 0.8rem; font-weight: 700; padding: 4px 14px; border-radius: 20px; letter-spacing: 0.5px; margin-bottom: 15px; } .sec-certificate .cert-status-tag i { font-size: 0.65rem; margin-right: 6px; } .sec-certificate .cert-card-title { font-size: 1.6rem; font-weight: 800; color: #ffffff; margin-bottom: 8px; } .sec-certificate .cert-card-org { color: #94a3b8; font-size: 0.9rem; margin-bottom: 25px; } .sec-certificate .cert-grid-stats { border-top: 1px solid rgba(255, 255, 255, 0.1); padding-top: 20px; margin-top: 10px; } .sec-certificate .cert-stat-item h5 { font-size: 1.1rem; font-weight: 700; color: #f3cfb3; margin: 0; } .sec-certificate .cert-stat-item p { font-size: 0.75rem; color: #94a3b8; margin: 0; text-transform: uppercase; letter-spacing: 0.5px; } /* 2. CONTENT SIDE (RIGHT COLUMN) */ .sec-certificate .cert-subtitle { color: var(--hm-accent); font-weight: 800; font-size: 0.85rem; letter-spacing: 1.5px; text-transform: uppercase; display: inline-block; margin-bottom: 10px; } .sec-certificate .cert-title { font-size: 2.1rem; font-weight: 800; color: #0f172a; letter-spacing: -0.5px; line-height: 1.25; } .sec-certificate .cert-desc { font-size: 1.05rem; color: #475569; line-height: 1.65; } .sec-certificate .cert-list { list-style: none; padding: 0; margin: 0; } .sec-certificate .cert-list li { position: relative; padding-left: 35px; margin-bottom: 16px; font-size: 0.975rem; color: #334155; line-height: 1.5; } .sec-certificate .cert-list li i { position: absolute; left: 0; top: 2px; font-size: 1.2rem; } .sec-certificate .cert-list li strong { color: #0f172a; } /* Buttons */ .sec-certificate .btn-hm-outline-cert { display: inline-flex; align-items: center; background-color: transparent; color: var(--hm-accent) !important; border: 2px solid var(--hm-accent); font-weight: 700; font-size: 0.95rem; padding: 10px 28px; border-radius: 30px; text-decoration: none !important; transition: all 0.3s ease; margin-top: 10px; } .sec-certificate .btn-hm-outline-cert:hover { background-color: var(--hm-accent); color: #ffffff !important; transform: translateY(-2px); box-shadow: 0 10px 20px -5px rgba(130, 85, 40, 0.4); } /* ========================================= CSS CHO SECTION APPLICATIONS ========================================= */ .sec-applications { background-color: #f4f7f6; } /* Định dạng thẻ bọc hình ảnh */ .app-item { position: relative; width: 100%; aspect-ratio: 1 / 1; /* Ép tất cả các ảnh thành hình vuông đều nhau tăm tắp */ border-radius: 12px; overflow: hidden; cursor: default; /* Giữ con trỏ chuột bình thường (không thành hình bàn tay) */ box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); } /* Định dạng hình ảnh bên trong */ .app-item img { width: 100%; height: 100%; object-fit: cover; /* Đảm bảo ảnh không bị méo, tự động cắt phần thừa */ transition: transform 0.5s ease; } /* Lớp phủ (Overlay) khi hover */ .app-item .app-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 86, 179, 0.75); /* Màu xanh phủ mờ, thay đổi theo màu brand của bạn */ display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.4s ease; } /* Chữ hiển thị trong lớp phủ */ .app-item .app-overlay span { color: #ffffff; font-size: 1.25rem; font-weight: 700; text-transform: uppercase; text-align: center; padding: 0 15px; transform: translateY(20px); transition: transform 0.4s ease; } /* Hiệu ứng khi Hover */ .app-item:hover img { transform: scale(1.15); /* Zoom ảnh to lên 15% */ } .app-item:hover .app-overlay { opacity: 1; /* Hiển thị lớp phủ */ } .app-item:hover .app-overlay span { transform: translateY(0); /* Đẩy chữ từ dưới lên giữa */ } /* CSS Scoped riêng cho sec-main-products */ .sec-main-products { position: relative; background-color: #f8fafc; padding: 80px 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; overflow: hidden; } /* Ambient Glow & Accent Lines */ .sec-main-products::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent 0%, rgba(255, 87, 34, 0.3) 50%, transparent 100%); } /* Header Title Section */ .sec-main-products .product-sec-header { position: relative; margin-bottom: 45px; } .sec-main-products .product-sec-subtitle { color: #ff5722; font-size: 0.85rem; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; display: block; margin-bottom: 8px; } .sec-main-products .title-h2 { font-size: 2.2rem; font-weight: 800; color: #0f172a; letter-spacing: -0.5px; position: relative; display: inline-block; margin: 0; } .sec-main-products .title-h2::after { content: ""; display: block; width: 60px; height: 4px; background: linear-gradient(90deg, #ff5722, #ff8a65); border-radius: 2px; margin-top: 10px; } /* Product Cards Grid & Carousel Container */ .sec-main-products .product-carousel-wrap { position: relative; z-index: 2; } /* Product Item Card */ .sec-main-products .item-post { background: #ffffff; border-radius: 16px; overflow: hidden; box-shadow: 0 10px 30px -10px rgba(15, 23, 42, 0.08); border: 1px solid #e2e8f0; transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1); height: 100%; display: flex; flex-direction: column; margin-bottom: 25px; } .sec-main-products .item-post:hover { transform: translateY(-8px); box-shadow: 0 20px 40px -15px rgba(255, 87, 34, 0.2); border-color: rgba(255, 87, 34, 0.4); } /* Image Holder with Zoom Animation */ .sec-main-products .product-img-wrapper { position: relative; display: block; width: 100%; height: 240px; overflow: hidden; background-color: #f1f5f9; } .sec-main-products .product-img-holder { width: 100%; height: 100%; background-size: cover; background-position: center; transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); } .sec-main-products .item-post:hover .product-img-holder { transform: scale(1.08); } /* Overlay Light Effect on Image Hover */ .sec-main-products .product-img-wrapper::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(to top, rgba(15, 23, 42, 0.4) 0%, transparent 60%); opacity: 0; transition: opacity 0.35s ease; } .sec-main-products .item-post:hover .product-img-wrapper::after { opacity: 1; } /* Quick View Badge on Hover */ .sec-main-products .product-action-btn { position: absolute; bottom: 15px; right: 15px; z-index: 3; background: #ff5722; color: #ffffff; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; opacity: 0; transform: translateY(10px); transition: all 0.3s ease; box-shadow: 0 4px 12px rgba(255, 87, 34, 0.4); } .sec-main-products .item-post:hover .product-action-btn { opacity: 1; transform: translateY(0); } /* Content Area */ .sec-main-products .item-content-main-product { padding: 20px; display: flex; flex-direction: column; justify-content: space-between; flex-grow: 1; background: #ffffff; } .sec-main-products .product-title-link { font-size: 1.05rem; font-weight: 700; color: #0f172a; line-height: 1.5; text-decoration: none !important; transition: color 0.3s ease; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .sec-main-products .item-post:hover .product-title-link { color: #ff5722; } /* Điều chỉnh lại trên màn hình điện thoại */ @media (max-width: 991px) { .sec-certificate .cert-img { max-width: 100%; margin-bottom: 30px; } .sec-certificate .cert-title { font-size: 2rem; } } /*responsive*/ @media screen and (min-width: 1200px) { header .header-description h3 { font-size: 80px; line-height: 92px; } main .sec-media .media-img { height: 328px; } .col-xl-5th { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .sec-what-we-do-content-des { max-width: 450px !important; } } @media screen and (min-width: 800px) { main .sec-why-choose-us .item { height: 250px; } } @media screen and (max-width: 1199px) { main .sec-media .media-img { height: 156px; } main .sec-media .sec-media-content .display-type-1 { display: flex; border-bottom: 1px solid #E7E7EB; min-height: 236px; padding-top: 24px; } main .sec-media .sec-media-content .display-type-1 .media-img { width: 262px; height: 156px; margin-right: 24px; } main .sec-media .sec-media-content .display-type-2:first-child { padding-top: 24px; } } @media screen and (max-width: 1024px) { header .header-description h3 { font-size: 80px; font-weight: 700; line-height: 92px; letter-spacing: 0em; } main .sec-bk-services, main .sec-what-we-do, main .sec-media, main .sec-main-products, main .sec-our-digital-transformation-process, .title-blog-page, .section_index_banner_2 { margin-top: 16px; } main .sec-application {padding: 40px 0;} main .sec-highlight-features { margin-top: 60px; } main .sec-carnival-BKK { margin-top: 24px; } } .dropdown-toggle::after { vertical-align: middle; } .pll-parent-menu-item>a>span>img { display: none; } .pll-parent-menu-item img { width: 24px !important; mergin-right: 2px; height: auto !important; } .pll-parent-menu-item a[lang="en-US"] img { content: url('img/flag_us.png'); } .pll-parent-menu-item a[lang="vi"] img { content: url('img/flag_vi.png'); } main .sec-application { /*background: url('img/sec-application.png'); background-repeat: no-repeat !important; background-position: center center !important;*/ background: #eeeeeea1; } @media screen and (max-width: 991px) { .pll-parent-menu-item>a>span>span { display: block; color: #565672; font-size: 14px; font-style: normal; font-weight: 400; padding-top: 3px; } .pll-parent-menu-item>a { display: flex; } .pll-parent-menu-item>a>span { display: block; width: 100%; text-align: right; padding-right: 18px; position: relative; } .pll-parent-menu-item>a>span:before { content: 'language'; position: absolute; left: 0; top: 0; } /*header #main-menu ul li {*/ /* background: #fff;*/ /* color: #000000;*/ /* border-radius: 0;*/ /* border: unset;*/ /*}*/ main .sec-carnival-BKK .img-left img { max-width: 100%; } /*header #main-menu ul li a {*/ /* padding: 8px 14px;*/ /* color: #000000 !important;*/ /*}*/ /* header #main-menu .menu-header ul.dropdown-menu {*/ /* border-radius: 0;*/ /* border: 0;*/ /* padding: 0;*/ /* }*/ /* header #main-menu .menu-header>ul {*/ /* border-radius: 16px;*/ /* padding: 12px 0;*/ /* width: 100%;*/ /* max-width: 500px;*/ /* float: right;*/ /* background: #fff;*/ /* }*/ /* header #main-menu .menu-header>ul>li>a {*/ /* position: relative;*/ /* }*/ /* header #main-menu .menu-header>ul>li>a:after {*/ /* position: absolute;*/ /* right: 14px;*/ /* top: 49%;*/ /* }*/ main .all-item-digital-transformation .item-digital-transformation .line-blue, main .all-item-digital-transformation .item-digital-transformation .line-green, main .all-item-digital-transformation .line-blue-out-line { display: none; } main .all-item-digital-transformation .item-digital { margin-bottom: 0; } } @media screen and (max-width: 768px) { header .header-banner-other-page .header-description, header .header-banner-blog-page .header-description { top: 0; } header .header-description button { font-size: 16px; line-height: 24px; } header .header-description { width: 100%; margin-top: 96px; left: 0; } header .header-description h3 { font-size: 32px; font-weight: 700; line-height: 40px; letter-spacing: 0em; margin-bottom: 12px; } header .header-description p, header .header-description i { font-size: 14px; font-weight: 400; line-height: 18px; letter-spacing: 0em; } header .header-description i { margin-bottom: 24px; } } @media screen and (min-width: 767px) { .sec-what-we-do-content-des { max-width: 250px; margin-right: 1rem; } } @media screen and (max-width: 767px) { main .sec-our-specializations { margin-bottom: 50px; } main .sec-media .sec-media-content .display-type-3 .media-img { width: 262px; margin-right: 24px; } main .sec-media .sec-media-content .display-type-3 .other-content { margin-top: 0; margin-left: 1rem; } } @media screen and (max-width: 500px) { main .sec-bk-services, main .sec-what-we-do, main .sec-media, main .sec-main-products, main .sec-our-digital-transformation-process, .title-blog-page, .section_index_banner_2 { margin-top: 12px; } main .sec-application {padding: 16px 0;} main .sec-carnival-BKK, main .sec-highlight-features { margin-top: 12px; } .title-h2 { font-weight: 400; text-align: center; } .title-h3 { font-size: 24px; font-weight: 500; line-height: 32px; letter-spacing: 0em; } main .sec-media .media-img { height: 90px !important; width: 156px !important; } header .header-description { margin-top: 0; } main .sec-media .sec-media-content .media-title a { font-size: 14px; font-weight: 400; line-height: 18px; letter-spacing: 0em; } main .sec-media .sec-media-content .media-time { font-size: 8px; font-weight: 400; line-height: 12px; letter-spacing: 0.4000000059604645px; text-align: left; } main .sec-media .sec-media-content ul li a { font-size: 8px; font-weight: 400; line-height: 12px; letter-spacing: 0.4000000059604645px; text-align: left; } header .header-banner-other-page .header-description, header .header-banner-blog-page .header-description { margin-top: 90px; } main .sec-media .sec-media-content .display-type-2, main .sec-media .sec-media-content .display-type-1 { min-height: unset; } /*header #main-menu ul li a.dropdown-item {*/ /* white-space: normal;*/ /*}*/ .btn-call-now { width: initial; padding: 3px; } .btn-call-now i, .btn-scroll-to-top i { margin: 0; } .btn-call-now span { display: none; } } @media screen and (max-width: 375px) { main .sec-what-we-do .sec-what-we-do-item .description h4 { font-size: 13px; } main .sec-what-we-do .sec-what-we-do-item>h3, main .sec-what-we-do .sec-what-we-do-item .description h3 { font-size: 20px; line-height: 1.2; } main .sec-what-we-do .sec-what-we-do-item .description a { font-size: 15px; bottom: 0; } } /* CSS Scoped riêng cho sec-application-v2 */ .sec-application-v2 { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; background-color: #f8fafc; color: #1e293b; line-height: 1.6; } .sec-application-v2 :root, .sec-application-v2 { --hm-accent: #825528; /* Màu Nâu Brand */ --hm-accent-hover: #65411d; --hm-dark-bg: #0f172a; /* Xanh Đen Slate */ --hm-card-bg: #1e293b; --hm-light-bg: #ffffff; --hm-text-muted: #64748b; } /* 1. HERO BANNER MODERN DESIGN */ .sec-application-v2 .app-hero-banner { position: relative; background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%); color: #ffffff; padding: 70px 0 50px 0; overflow: hidden; border-bottom: 3px solid var(--hm-accent); } .sec-application-v2 .app-hero-banner::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: radial-gradient(rgba(255, 255, 255, 0.1) 1px, transparent 1px); background-size: 20px 20px; opacity: 0.6; pointer-events: none; } .sec-application-v2 .banner-glow-effect { position: absolute; top: -100px; right: 15%; width: 400px; height: 400px; background: radial-gradient(circle, rgba(130, 85, 40, 0.35) 0%, rgba(0, 0, 0, 0) 70%); filter: blur(50px); pointer-events: none; } .sec-application-v2 .hero-brand-badge { background: rgba(130, 85, 40, 0.25); color: #f3cfb3; border: 1px solid rgba(130, 85, 40, 0.5); font-size: 0.85rem; font-weight: 700; letter-spacing: 1px; padding: 6px 16px; border-radius: 20px; display: inline-block; margin-bottom: 15px; } /* SEO: Dùng H2 thay vì H1 để tránh trùng thẻ H1 của trang chủ */ .sec-application-v2 .app-hero-banner h2.seo-banner-title { font-weight: 800; font-size: 2.4rem; margin-bottom: 15px; letter-spacing: -0.5px; color: #ffffff; } .sec-application-v2 .hero-subtitle { font-size: 1.1rem; max-width: 760px; margin: 0 auto 30px auto; color: #94a3b8; } .sec-application-v2 .hero-stats-bar { margin-top: 35px; padding-top: 25px; border-top: 1px solid rgba(255, 255, 255, 0.1); } .sec-application-v2 .stat-box { background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 12px; padding: 15px; backdrop-filter: blur(8px); transition: all 0.3s ease; } .sec-application-v2 .stat-box:hover { border-color: var(--hm-accent); transform: translateY(-3px); } .sec-application-v2 .stat-num { font-size: 1.75rem; font-weight: 800; color: #f3cfb3; } .sec-application-v2 .stat-lbl { font-size: 0.75rem; color: #94a3b8; text-uppercase: uppercase; letter-spacing: 1px; margin: 0; } /* 2. ZIG-ZAG SCROLL SECTION */ .sec-application-v2 .app-item-row { padding: 55px 0; border-bottom: 1px solid #e2e8f0; } .sec-application-v2 .app-item-row:last-child { border-bottom: none; } .sec-application-v2 .app-card-title { color: var(--hm-accent); font-weight: 700; font-size: 1.6rem; margin-bottom: 15px; } .sec-application-v2 .app-card-desc { font-size: 1.025rem; color: #475569; } .sec-application-v2 .app-features-list { padding-left: 18px; margin-top: 12px; } .sec-application-v2 .app-features-list li { margin-bottom: 8px; color: #334155; font-weight: 500; } .sec-application-v2 .img-placeholder { width: 100%; height: 300px; background-color: #ffffff; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #94a3b8; border-radius: 16px; border: 2px dashed #cbd5e1; box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05); transition: all 0.3s ease; } .sec-application-v2 .img-placeholder:hover { border-color: var(--hm-accent); color: var(--hm-accent); transform: translateY(-4px); box-shadow: 0 15px 30px -5px rgba(130, 85, 40, 0.15); } /* 3. MODERN CTA SECTION */ .sec-application-v2 .app-cta-wrap { position: relative; background-color: #0f172a; padding: 75px 0; overflow: hidden; margin-top: 30px; } .sec-application-v2 .cta-ambient-light { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 500px; height: 250px; background: radial-gradient(circle, rgba(130, 85, 40, 0.4) 0%, rgba(0,0,0,0) 70%); filter: blur(60px); pointer-events: none; } .sec-application-v2 .cta-glass-card { position: relative; background: rgba(30, 41, 59, 0.7); border: 1px solid rgba(255, 255, 255, 0.1); backdrop-filter: blur(12px); border-radius: 24px; padding: 45px 25px; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5); z-index: 2; } .sec-application-v2 .cta-glass-card h3 { font-size: 2.1rem; font-weight: 800; color: #ffffff; margin-bottom: 12px; } .sec-application-v2 .cta-glass-card p { font-size: 1.05rem; color: #94a3b8; max-width: 650px; margin: 0 auto 30px auto; } .sec-application-v2 .cta-pillars { margin-bottom: 30px; } .sec-application-v2 .pillar-item i { font-size: 1.5rem; color: #f3cfb3; margin-bottom: 8px; display: block; } .sec-application-v2 .pillar-item span { color: #e2e8f0; font-size: 0.95rem; font-weight: 600; } .sec-application-v2 .btn-hm-primary { display: inline-flex; align-items: center; background-color: var(--hm-accent); color: #ffffff !important; font-weight: 700; font-size: 1rem; padding: 12px 36px; border-radius: 30px; text-decoration: none !important; transition: all 0.3s ease; box-shadow: 0 10px 20px -5px rgba(130, 85, 40, 0.4); } .sec-application-v2 .btn-hm-primary:hover { background-color: var(--hm-accent-hover); transform: translateY(-2px); } /* CSS Scoped riêng cho sec-all-products */ .sec-all-products { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; background-color: #f8fafc; color: #1e293b; line-height: 1.6; padding-bottom: 60px; } .sec-all-products :root, .sec-all-products { --hm-accent: #825528; /* Màu Nâu Brand */ --hm-accent-hover: #65411d; --hm-dark-bg: #0f172a; /* Xanh Đen Slate */ --hm-card-bg: #1e293b; --hm-text-muted: #64748b; } /* 1. HERO BANNER MODERN DESIGN */ .sec-all-products .app-hero-banner { position: relative; background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%); color: #ffffff; padding: 70px 0 50px 0; overflow: hidden; border-bottom: 3px solid var(--hm-accent); margin-bottom: 40px; } .sec-all-products .app-hero-banner::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: radial-gradient(rgba(255, 255, 255, 0.1) 1px, transparent 1px); background-size: 20px 20px; opacity: 0.6; pointer-events: none; } .sec-all-products .banner-glow-effect { position: absolute; top: -100px; right: 15%; width: 400px; height: 400px; background: radial-gradient(circle, rgba(130, 85, 40, 0.35) 0%, rgba(0, 0, 0, 0) 70%); filter: blur(50px); pointer-events: none; } .sec-all-products .hero-brand-badge { background: rgba(130, 85, 40, 0.25); color: #f3cfb3; border: 1px solid rgba(130, 85, 40, 0.5); font-size: 0.85rem; font-weight: 700; letter-spacing: 1px; padding: 6px 16px; border-radius: 20px; display: inline-block; margin-bottom: 15px; } .sec-all-products .seo-banner-title { font-weight: 800; font-size: 2.4rem; margin-bottom: 15px; letter-spacing: -0.5px; color: #ffffff; } .sec-all-products .hero-subtitle { font-size: 1.1rem; max-width: 760px; margin: 0 auto; } /* 2. ZIG-ZAG PRODUCT ITEM ROWS */ .sec-all-products .product-item-row { padding: 50px 0; border-bottom: 1px solid #e2e8f0; } .sec-all-products .product-item-row:last-child { border-bottom: none; } .sec-all-products .product-card-title { color: var(--hm-accent); font-weight: 700; font-size: 1.65rem; margin-bottom: 15px; } .sec-all-products .product-card-title a { color: inherit; text-decoration: none; transition: color 0.3s ease; } .sec-all-products .product-card-title a:hover { color: var(--hm-accent-hover); } .sec-all-products .product-card-desc { font-size: 1.025rem; color: #475569; margin-bottom: 20px; } /* Container ảnh và Effect */ .sec-all-products .product-thumb-wrap { position: relative; width: 100%; height: 320px; border-radius: 16px; overflow: hidden; box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.08); border: 1px solid #cbd5e1; background-color: #ffffff; } .sec-all-products .product-thumb-wrap img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; } .sec-all-products .product-thumb-wrap:hover img { transform: scale(1.05); } /* Placeholder khi chưa gắn ảnh đại diện */ .sec-all-products .product-thumb-placeholder { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #94a3b8; background-color: #ffffff; } /* Button xem chi tiết */ .sec-all-products .btn-hm-detail { display: inline-flex; align-items: center; background-color: var(--hm-accent); color: #ffffff !important; font-weight: 700; font-size: 0.95rem; padding: 10px 28px; border-radius: 25px; text-decoration: none !important; transition: all 0.3s ease; box-shadow: 0 8px 15px -4px rgba(130, 85, 40, 0.3); } .sec-all-products .btn-hm-detail:hover { background-color: var(--hm-accent-hover); transform: translateY(-2px); } /* Pagination Style */ .sec-all-products .pagination-wrap { margin-top: 50px; text-align: center; } .sec-all-products .pagination-wrap .page-numbers { display: inline-block; padding: 8px 16px; margin: 0 4px; border-radius: 8px; background: #ffffff; color: #334155; border: 1px solid #cbd5e1; text-decoration: none; font-weight: 600; } .sec-all-products .pagination-wrap .page-numbers.current { background: var(--hm-accent); color: #ffffff; border-color: var(--hm-accent); }