.main-font { font-family: "Lora"; }
.main-font-pro { font-family: "Inter" !important; }
.h-100 { height: 100%; }
.bg-neutral-2 { background: var(--neutral-2, #F8F8FA); }
.white-color { color: #FFF; }
.neutral-6 { color: #797F94; }
.neutral-7 { color: #353D49; }
.neutral-8 { color: #020D1B; }
.neutral-9 { color: #8D8D8D; }
.im-blue-color { color: #0A2240 !important; }
.st-waiting { color: var(--brand-champange-gold, #B6A999); }
.st-finished, .brand-peach-color { color: var(--brand-peach, #FFA489); }
.bold-im-6 { font-weight: 600 !important; }
.bold-im-7 { font-weight: 700 !important; }
.normal-im-4 { font-weight: 400 !important; }
.text-subtitle { font-size: 20px; font-style: normal; font-weight: 400; line-height: 180%; letter-spacing: 0.16px; }
.pt-135 { padding-top: 135px; }
.pb-10 { padding-bottom: 10px; }
.mb-12 { margin-bottom: 12px; }
.pt-18 { padding-top: 18px; }
.pb-18 { padding-bottom: 18px; }
.py-15 { padding-top: 15px; padding-bottom: 15px; }
.py-im-15 { padding-top: 15px !important; padding-bottom: 15px !important; }
.py-18 { padding-top: 18px; padding-bottom: 18px; }
.py-im-18 { padding-top: 18px !important; padding-bottom: 18px !important; }
.pt-22 { padding-top: 22px; }
.pl-22 { padding-left: 22px; }
.pt-24 { padding-top: 24px; }
.pb-24 { padding-bottom: 24px; }
.py-24 { padding-top: 24px; padding-bottom: 24px; }
.pt-28 { padding-top: 28px; }
.pt-30 { padding-top: 30px; }
.pb-30 { padding-bottom: 30px; }
.py-30 { padding-top: 30px; padding-bottom: 30px; }
.p-32 { padding: var(--xl, 32px); }
.pt-40 { padding-top: 40px; }
.pb-40 { padding-bottom: 40px; }
.px-40 { padding-left: 40px; padding-right: 40px; }
.py-40 { padding-top: 40px; padding-bottom: 40px; }
.pt-20 { padding-top: 20px; }
.pb-20 { padding-bottom: 20px; }
.mb-20 { margin-bottom: 20px; }
.mb-24 { margin-bottom: 24px; }
.py-20 { padding-top: 20px; padding-bottom: 20px; }
.pst-2 { top: 2px; }
.pst-3 { top: 3px; }
.px-lg-104 { padding-left: 104px; padding-right: 104px; }
.px-12 { padding-left: 12px !important; padding-right: 12px !important; }
.h-120 { height: 120px; }
.lh-180 { line-height: 180%; }
.d-only-mb { display: none; }
.text-through:before, .text-through:after { background-color: #ECECF2; content: ""; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 50%; }
.text-through:before { right: 0.5em; margin-left: -50%; }
.text-through:after { left: 0.5em; margin-right: -50%; }
.lb-pro { color: var(--neutral-7, #353D49); font-size: 16px; font-style: normal; font-weight: 400; line-height: 180%; letter-spacing: 0.128px; margin-bottom: 8px; }
.form-control-pro { border: 1px solid var(--neutral-5, #CACADD); color: var(--neutral-6, neutral-8); background: #FFF; border-radius: 8px; padding: 20px 24px; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0.128px; }
.form-control-pro1 { border: 1px solid var(--neutral-5, #CACADD); color: var(--neutral-6, neutral-8); background: #FFF; border-radius: 8px; padding: 16px 24px; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0.128px; }
.nlink { color: inherit; text-decoration: none; }
.nlink:hover { color: inherit !important; }
.alink { display: inline-block; text-align: center; text-decoration: none; }
.neutral-link7 { color: var(--neutral-7, #353D49); font-weight: 400; line-height: 180%; letter-spacing: 0.096px; text-decoration: none; }
.neutral-link7:hover { color: inherit !important; text-decoration: underline; }
.neutral-link9 { color: #8D8D8D; font-weight: 400; line-height: 180%; letter-spacing: 0.128px; text-decoration: none; }
.neutral-link9:hover { color: inherit !important; text-decoration: underline; }
.kblue-link { color: var(--brand-king-koil-blue, #0A2240); font-weight: 500; line-height: 180%; letter-spacing: 0.128px; text-decoration: none; }
.kblue-link:hover { color: inherit !important; text-decoration: underline; }
.brkline { width: 100%; height: 1px; border-bottom: 1px solid var(--neutral-3, #ECECF2); }
.text-description { font-family: Inter; font-size: 16px; font-style: normal; font-weight: 400; line-height: 180%; letter-spacing: 0.128px; }
.box-link { margin-top: 12px; }
.box-link a { color: var(--brand-king-koil-blue, #0A2240); font-weight: 400; line-height: 160%; letter-spacing: 0.08px; text-underline-position: under; }
.btn-default-pro { border-radius: 8px; background: #FFF; width: max-content; padding: 12px 20px; font-size: 16px; font-weight: 400; line-height: 180%; letter-spacing: 0.128px; cursor: pointer; }
.btn-white-pro { color: var(--neutral-colors-black, #1D1C2B); border: 1px solid var(--neutral-colors-500, #E0E0E9); background: var(--neutral-colors-white, #FFF); }
.btn-white-pro1 { color: var(--brand-king-koil-blue, #0A2240); border: 1px solid transparent; background: var(--neutral-colors-white, #FFF); }
.btn-white-pro1:hover { color: var(--neutral-colors-white, #FFF); border: 1px solid transparent; background: var(--brand-king-koil-blue, #0A2240); }
.btn-blue-pro { color: var(--neutral-colors-white, #FFF); border: 1px solid var(--brand-king-koil-blue, #0A2240); background: var(--brand-king-koil-blue, #0A2240); }
.btn-gray-pro { color: var(--brand-king-koil-blue, #0A2240); border: 1px solid var(--neutral-3, #ECECF2); background: var(--neutral-3, #ECECF2); }
.btn-fb { color: var(--neutral-colors-white, #FFF); border: 1px solid var(--brand-colors-facebook, #1877F2); background: var(--brand-colors-facebook, #1877F2); }
.overlay-pro { position: absolute; height: 175px; padding: 40px; bottom: 0; }
.blueBG-overlay-pro { background: rgba(16, 54, 101, 0.75); }
.overlay-w-text { color: #FFF; font-size: 18px; font-style: normal; font-weight: 600; line-height: 180%; }
.overflow-hidden-pro { height: 65px; display: inline-block; overflow: hidden; }
.radius-10 { border-radius: 10px; }
.radius-bottom-10 { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.care { padding-top: 135px; }
.care-content { padding: 104px 82px; }
.care-content .description { color: var(--neutral-7, #353D49); font-size: 20px; font-style: normal; font-weight: 400; line-height: 180%; letter-spacing: 0.16px; }
.care .care-item-desc { color: var(--neutral-7, #353D49); font-style: normal; font-weight: 400; line-height: 180%; letter-spacing: 0.128px; }
.care .inner-content { padding-bottom: 10px; }
.care .inner-content:last-child { padding-bottom: 0; }
.blog, .blog-detail-page { padding-top: 135px; }
.blog .blog-box, .blog-detail-page .blog-box { padding: 104px 0 170px 0; }
.blog .blog-row, .blog-detail-page .blog-row { padding: 104px 0; }
.blog .main-blog, .blog-detail-page .main-blog { padding-top: 10px; display: flex; }
.blog .main-blog-content, .blog-detail-page .main-blog-content { padding: 32px 44px; }
.blog .main-blog-content p, .blog .main-blog-content .blog-link, .blog-detail-page .main-blog-content p, .blog-detail-page .main-blog-content .blog-link { font-size: 16px; font-style: normal; font-weight: 400; line-height: 180%; letter-spacing: 0.128px; }
.blog a, .blog-detail-page a { text-decoration: none; }
.blog a:hover, .blog-detail-page a:hover { color: #B6A999; }
.blog .blog-list, .blog-detail-page .blog-list { --bs-gutter-x: 2rem; }
.blog .blog-list .blog-item .thumbnail-link .thumbnail-item, .blog-detail-page .blog-list .blog-item .thumbnail-link .thumbnail-item { display: block; overflow: hidden; }
.blog .blog-list .blog-item .thumbnail-link .thumbnail-item img, .blog-detail-page .blog-list .blog-item .thumbnail-link .thumbnail-item img { width: 100%; height: auto; aspect-ratio: 12/7; transition: all 0.3s; }
.blog .blog-list .blog-item .thumbnail-link .thumbnail-item:hover img, .blog-detail-page .blog-list .blog-item .thumbnail-link .thumbnail-item:hover img { scale: 1.1; }
.blog .blog-list .blog-item .blog-title, .blog-detail-page .blog-list .blog-item .blog-title { color: var(--neutral-8, #020D1B); font-family: Inter; font-size: 20px; font-style: normal; font-weight: 600; line-height: 180%; letter-spacing: 0.16px; }
.paginate-container { position: relative; width: 100%; }
.paginate-container .paginate_nav { width: 100%; position: absolute; left: 0; bottom: -76px; display: flex; justify-content: center; z-index: 5; padding: 0; }
.paginate-container .paginate_nav .paginate_dot { width: 8px; height: 8px; margin: 0 10px; background: #0A2240; list-style: none; cursor: pointer; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; }
.paginate-container .paginate_nav .paginate_dot.cur { background: #0A2240; position: relative; }
.paginate-container .paginate_nav .paginate_dot.cur::after { position: absolute; top: -8px; left: -8px; width: 24px; height: 24px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; border: 1px solid #0A2240; content: ''; }
.blog-detail-page { padding-top: 135px; }
.blog-detail-page .blog-detail { padding-top: 104px; padding-bottom: 60px; }
.blog-detail-page .blog-detail-title { padding: 0 200px; }
.blog-detail-page .blog-detail-date { line-height: 180%; letter-spacing: 0.128px; }
.blog-detail-page .blog-detail-banner { margin: 55px 0; }
.blog-detail-page .blog-detail-content .blog-idx-nav { border-radius: 8px; border: 1px solid var(--neutral-3, #ECECF2); background: var(--neutral-1, #FFF); padding: 24px 44px; position: sticky; }
.blog-detail-page .blog-detail-content .blog-idx-nav .blog-idx-title { color: var(--neutral-6, #797F94); font-size: 16px; font-style: normal; font-weight: 600; line-height: 180%; letter-spacing: 0.128px; }
.blog-detail-page .blog-detail-content .blog-idx-nav .blog-idx-menu { margin: 0; padding: 0; }
.blog-detail-page .blog-detail-content .blog-idx-nav .blog-idx-menu li { padding: 24px 0; border-bottom: 1px solid var(--neutral-3, #ECECF2); }
.blog-detail-page .blog-detail-content .blog-idx-nav .blog-idx-menu li .idx-link { color: var(--neutral-6, #797F94); font-style: normal; font-weight: 400; line-height: 180%; letter-spacing: 0.128px; text-decoration: none; }
.blog-detail-page .blog-detail-content .blog-idx-nav .blog-idx-menu li .idx-link.active { color: var(--brand-peach, #FFA489); font-weight: 600; }
.blog-detail-page .blog-detail-content .blog-idx-nav .blog-idx-menu li .idx-link:hover { color: var(--brand-peach, #FFA489); font-weight: 600; }
.blog-detail-page .blog-detail-content .blog-idx-nav .blog-idx-menu li:last-child { padding-bottom: 0; border-bottom: 0; }
.blog-detail-page .related-post { background: var(--neutral-3, #ECECF2); padding: 104px 0; }
.login-page .login-box { padding: 40px 0; }
.login-page .login-box .box-login-left { border-radius: 10px; border: 1px solid var(--neutral-5, #CACADD); background: var(--neutral-1, #FFF); padding: 50px; }
.login-page .login-box .box-login-left .field-icon { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: rgba(0, 0, 0, 0.3); margin: 15px 24px 0 0; }
.login-page .login-box .box-login-right { border-radius: 10px; }
.login-page .login-box .box-login-right .slick-slider { margin-bottom: 0; }
.login-page .login-box .lb-gg, .login-page .login-box .lb-fb { line-height: 180%; letter-spacing: 0.128px; padding: 3px 0 0 5px; }
.box-rds-pro { border-radius: 10px; border: 1px solid var(--neutral-5, #CACADD); background: var(--neutral-1, #FFF); }
.login-banner-slider .slick-dots { justify-content: center; align-items: center; bottom: 0px; }
.login-banner-slider .slick-dots .slick-active button { position: relative; }
.login-banner-slider .slick-dots .slick-active button::before { position: absolute; top: -8px; left: -8px; width: 24px; height: 24px; border-radius: 100%; border: 1px solid #FFF; content: ""; visibility: visible; }
.login-banner-slider .slick-dots button { font-size: 0; background: #FFF; border: none; width: 8px; height: 8px; cursor: pointer; transition: all 0.2s linear; border-radius: 50%; padding: 0; }
.login-banner-slider .slick-dots button::before { visibility: hidden; } .sidebar-pro ul { list-style: none; margin: 0; padding: 0; }
.sidebar-pro ul a { cursor: pointer; text-decoration: none; color: var(--neutral-8, #020D1B); line-height: 180%; letter-spacing: 0.128px; }
.sidebar-pro ul a li { padding: 16px 24px; border-bottom: 1px solid var(--neutral-3, #ECECF2); border-radius: 0; }
.sidebar-pro ul a:first-child li { border-radius: 8px 8px 0px 0px; }
.sidebar-pro ul a span { padding-left: 10px; }
.sidebar-pro ul a.active li, .sidebar-pro ul a:hover li { color: #FFF; background: var(--brand-king-koil-blue, #0A2240); }
.sidebar-pro i:before, .sidebar-pro i:after { font-size: 22px; }
.tbl-pro { color: var(--brand-king-koil-blue, #0A2240); border-color: #CACADD; }
.tbl-pro tbody tr:nth-of-type(even) { --bs-table-accent-bg: var(--neutral-2, #F8F8FA); color: var(--brand-king-koil-blue, #0A2240); }
.tbl-pro tbody tr:nth-of-type(odd) { --bs-table-accent-bg: #FFF; color: var(--brand-king-koil-blue, #0A2240); }
.tbl-pro thead th { padding: 0 0 24px 0; border-bottom-color: #CACADD !important; }
.tbl-pro thead th:first-child { padding: 24px 32px; }
.tbl-pro thead th:last-child { padding-right: 32px; }
.tbl-pro td { padding: 25px 0; vertical-align: middle; border: none; }
.tbl-pro td:first-child { padding-left: 32px; }
.tbl-pro td:last-child { padding-right: 32px; } .slick-dots-pro .slick-dots { justify-content: center; align-items: center; bottom: -88px; }
.slick-dots-pro .slick-dots .slick-active button { position: relative; }
.slick-dots-pro .slick-dots .slick-active button::before { position: absolute; top: -8px; left: -8px; width: 24px; height: 24px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; border: 1px solid #0A2240; content: ''; visibility: visible; }
.slick-dots-pro .slick-dots button { font-size: 0; background: #0A2240; border: none; width: 8px; height: 8px; cursor: pointer; transition: all 0.2s linear; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; padding: 0; }
.slick-dots-pro .slick-dots button::before { visibility: hidden; }
.contact-page .contact-form .lb-contact { line-height: 180%; letter-spacing: 0.128px; }
.contact-page .contact-info { padding: var(--small, 16px) var(--large, 24px); }
.contact-page .box-media-nav.social-nav a { width: 32px; height: 32px; margin-right: 12px; }
.contact-page .box-media-nav.social-nav a i { font-size: 32px; }
.newsletter-img { width: 210px; height: 210px; } @media (max-width: 415px) { .gutter-mb-x0 { --bs-gutter-x: 0 !important; }
.container-mb-full { max-width: 100%; width: 100%; padding: 0; margin: 0; }
.w-mb-75p { width: 70%; margin-left: auto; margin-right: auto; }
.w-mb-88p { width: 88%; margin-left: auto; margin-right: auto; }
.mb-neutral-7 { color: #353D49; }
.d-mb-none { display: none; }
.d-mb-block { display: block !important; }
.radius-mb-none { border-radius: 0 !important; }
.mb-ftorder { order: 1; }
.mb-storder { order: 2; }
.pt-mb-0 { padding-top: 0; }
.pb-mb-0 { padding-bottom: 0; }
.pb-mb-im-8 { padding-bottom: 8px !important; }
.pt-mb-12 { padding-top: 12px; }
.pt-mb-20 { padding-top: 20px; }
.px-mb-20 { padding-left: 20px !important; padding-right: 20px !important; }
.pt-mb-24 { padding-top: 24px; }
.mt-mb-30 { margin-top: 30px; }
.p-mb-default { padding: 24px 16px !important; }
.px-mb-0 { padding-left: 0 !important; padding-right: 0 !important; }
.ps-mb-2 { padding-left: 0.5rem !important; }
.pe-mb-2 { padding-right: 0.5rem !important; }
.pe-mb-50 { padding-right: 50px !important; }
.pe-mb-20 { padding-right: 20px !important; }
.px-mb-50 { padding-left: 50px; padding-right: 50px; }
.pt-mb-66 { padding-top: 66px; }
.px-mb-75 { padding-left: 75px; padding-right: 75px; }
.mx-mb-0 { margin-left: 0 !important; margin-right: 0 !important; }
.text-mb-12 { font-size: 12px; }
.text-mb-14 { font-size: 14px; }
.text-mb-20 { font-size: 20px; }
.text-mb-28 { font-size: 28px; }
.textbold-mb-12 { font-size: 12px; font-weight: 600; }
.textbold-mb-20 { font-size: 20px; font-weight: 600; }
.text-mb-center { text-align: center; }
.overlay-pro { padding: 17px !important; height: 135px; background: rgba(16, 54, 101, 0.4); }
.overlay-pro .overlay-w-text { font-size: 12px !important; font-weight: 600; }
.overflow-hidden-pro { display: initial; overflow: auto; height: auto; }
.login-page .login-box { --bs-gutter-x: 0; padding: 40px 0 !important; }
.login-page .login-box .box-login-left { border: none; }
.login-page .login-box .slick-list { border-radius: 0; }
.login-page .login-box .lb-gg, .login-page .login-box .lb-fb { padding: 2px 0 0 2px; }
.form-control-pro, .form-control-pro1 { padding: 16px 20px; }
.btn-mb-small { padding-top: 10px !important; padding-bottom: 10px !important; }
.btn-mb-large { padding-top: 16px !important; padding-bottom: 16px !important; }
.newsletter-img { width: 100%; max-width: 96px; height: auto !important; }
.care-content { padding: 0; }
.blog-detail-page .blog-detail .blog-detail-title { width: 85% !important; }
.blog-page .blog-list, .blog-detail-page .blog-list { margin: inherit; }
.blog .blog-list { margin: 0; }
.blog .nav-carousel-blog .slick-next { right: 0px !important; }
.blog .nav-carousel-blog .slick-prev { left: 0px !important; }
.pt-page.communities-page { margin-top: 70px !important; flex-wrap: wrap; }
.pt-page.communities-page .box-left-slide-middle, .pt-page.communities-page .box-slide-middle { width: 100% !important; }
.pt-page.communities-page .box-left-slide-middle .box-left-slide-middle-abso .text-content-left-slide, .pt-page.communities-page .box-slide-middle .box-left-slide-middle-abso .text-content-left-slide { justify-content: start; padding-top: 94px; padding-bottom: 12px; }
.pt-page.communities-page .community-title { font-size: 32px; letter-spacing: 0.16px; line-height: 160%; padding-right: 35px; }
.pt-page.communities-page .community-subtitle { font-weight: 400; line-height: 180%; letter-spacing: 0.112px; }
.community-mb-fslider { background: #9c8f81 !important; padding-bottom: 75px !important; overflow: hidden; }
.community-mb-fslider .box-slide-middle-mb { margin-top: 0 !important; margin-bottom: 0 !important; background: #9c8f81 !important; }
.community-mb-fslider .box-slide-middle-mb .slick-dots { bottom: -68px; left: 16px; text-align: left; }
.community-mb-fslider .box-slide-middle-mb .slick-dots button { background: #FFF; }
.community-mb-fslider .box-slide-middle-mb .slick-dots button::before { color: #FFF; border: 1px solid #FFF; }
.stitle-main-mb { font-size: 28px; padding-top: 44px !important; padding-bottom: 24px; }
.slide-thumb-communities { margin-bottom: 84px; }
.communities-item .pic-thimb { padding-bottom: 12px !important; }
.communities-item .communities-item-title { font-size: 16px !important; font-weight: 600 !important; line-height: 180% !important; letter-spacing: 0.08px !important; padding-bottom: 5px; }
.communities-item .communities-item-desc { font-size: 12px; line-height: 180%; letter-spacing: 0.096px; } }
@media (max-width: 991px) { .bg-tl-trans { background-color: transparent !important; }
.d-tl-none { display: none; }
.d-tl-block { display: block !important; }
.d-only-mb { display: block; }
.d-only-large { display: none; }
.text-tl-center { text-align: center; }
.w-tl-70p { width: 70%; margin-left: auto; margin-right: auto; }
.p-tl-12 { padding: 12px; }
.pt-tl-20 { padding-top: 20px; }
.pt-tl-24 { padding-top: 24px; }
.pb-tl-44 { padding-bottom: 44px; }
.pt-tl-64 { padding-top: 64px; }
.mb-tl-12 { margin-bottom: 12px; }
.text-row-12 { font-size: 12px !important; line-height: 180% !important; letter-spacing: 0.096px !important; }
.text-tl-12 { font-size: 12px; line-height: 180%; letter-spacing: 0.096px; }
.textbold-tl-12 { font-size: 12px; font-weight: 600; line-height: 180%; letter-spacing: 0.096px; }
.text-tl-14 { font-size: 14px; }
.form-control-tl-pro { padding: 10px var(--medium, 20px); margin: 5px 0 12px 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; }
.account-tl-panel { padding: 0; margin: 0; }
.sidebar-tl { display: flex !important; }
.radius-tl-none { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; border-radius: 0 !important; }
.box-rds-tl-6 { -webkit-border-radius: 6px !important; -moz-border-radius: 6px !important; -ms-border-radius: 6px !important; border-radius: 6px !important; }
.box-account-panel { border: 0 !important; }
.account-mb-panel .accordion-item { border: 0; }
.account-mb-panel .accordion-item .accordion-header .accordion-button { color: var(--neutral-8, #020D1B); font-size: 12px; font-weight: 400; line-height: 180%; letter-spacing: 0.096px; padding: 12px 0; }
.account-mb-panel .accordion-item .accordion-header .accordion-button i { font-size: 20px; padding-right: 12px; }
.account-mb-panel .accordion-item .accordion-header .accordion-button::after { background-image: url(//kingkoil.vn/wp-content/themes/kingkoil/assets/images/black-chevron-down.png); }
.account-mb-panel .accordion-item .accordion-header .accordion-button:not(.collapsed) { background-color: transparent; box-shadow: none; }
.account-mb-panel .accordion-item .accordion-header .accordion-button:focus { box-shadow: none; border-color: transparent; }
.account-mb-panel .accordion-item .accordion-body { padding: 12px 0; }
.morder-item { padding: 20px 0; }
.morder-item:first-child { padding-top: 0; }
.care { padding-top: 100px; }
.care .care-content .title-2 { text-align: center; margin-bottom: 0; }
.care .care-content .nav { margin: 24px 0; }
.care .care-content .nav .nav-item { width: 50%; text-align: center; }
.care .care-content .nav .nav-item .nav-link { padding-top: 10px; padding-bottom: 10px; border-right-color: #CACADD; }
.care .care-content .nav .nav-item .nav-link.nav-last-border { border-left-color: #CACADD; }
.care .care-content .tab-content { padding-bottom: 35px; }
.care .care-content .tab-content .inner-content .text-content { padding: 0; }
.care .care-content .tab-content .inner-content .care-item-desc { padding-left: 0; } }
@media (min-width: 415px) and (max-width: 991px) { .pt-135 { padding-top: 66px; }
.px-mb-small { padding: 0 16px !important; }
.pt-page.communities-page .community-title { font-size: 32px; }
.community-mb-fslider { background: #9c8f81 !important; padding-bottom: 75px !important; }
.community-mb-fslider .box-slide-middle-mb { margin-top: 0 !important; margin-bottom: 0 !important; margin-right: 12px; background: #9c8f81 !important; }
.community-mb-fslider .box-slide-middle-mb .slick-dots { bottom: -68px; left: 16px; text-align: left; }
.community-mb-fslider .box-slide-middle-mb .slick-dots button { background: #FFF; }
.community-mb-fslider .box-slide-middle-mb .slick-dots button::before { color: #FFF; border: 1px solid #FFF; } }
@media (max-width: 820px) { .pt-tl-24 { padding-top: 24px; }
.textrow-tl-12 { font-size: 12px; }
.text-tl-16 { font-size: 16px; }
.text-tl-28 { font-size: 28px; }
.w-tl-100 { width: 100%; }
.px-tl-0 { padding-left: 0; padding-right: 0; }
.px-tl-inherit { padding-left: inherit; padding-right: inherit; }
.bold-tl-im-6 { font-weight: 600 !important; }
.text-tl-uppercase { text-transform: uppercase; } .login-page .container-mb-full { max-width: 100%; width: 100%; }
.login-page .login-box { padding: 0; }
.login-page .login-box .box-login-left { border: none; }
.login-page .login-box .box-login-left .d-mb-none { display: none; }
.login-page .login-box .box-login-left .d-mb-block { display: block !important; }
.login-page .login-box .box-login-left h1, .login-page .login-box .box-login-left .text-mb-center { text-align: center; }
.login-page .login-box .box-login-left a { font-size: 12px; }
.login-page .login-box .radius-mb-none { border-radius: 0 !important; }
.login-page .login-box .mb-ftorder { order: 1; width: 100%; padding-left: 0 !important; padding-right: 0 !important; }
.login-page .login-box .mb-storder { order: 2; width: 100%; padding-left: 0 !important; padding-right: 0 !important; }
.login-page .textbold-mb-20 { font-size: 20px; font-weight: 600; }
.login-page .text-mb-center { text-align: center; }
.login-page .overlay-pro { padding: 24px 50px; height: 135px; background: rgba(16, 54, 101, 0.4); }
.login-page .overlay-pro .overlay-w-text { font-size: 14px; }
.login-page .overflow-hidden-pro { display: initial; overflow: auto; height: auto; } .care-content { padding: 0; }
.care-content .nav-products .nav-item .active::after { bottom: -13px; } .blog .blog-row, .blog-detail-page .blog-row { padding-bottom: 0; padding: 70px 0 0 0; }
.blog .blog-box, .blog-detail-page .blog-box { padding: 50px 0 100px 0; }
.blog .main-blog, .blog-detail-page .main-blog { flex-wrap: wrap; background: #F8F8FA; }
.blog .main-blog-content, .blog-detail-page .main-blog-content { padding: 24px 0 44px 0; }
.blog .main-blog-content .text-content, .blog-detail-page .main-blog-content .text-content { padding: 0; }
.blog .main-blog-content .blog-link, .blog .main-blog-content p, .blog-detail-page .main-blog-content .blog-link, .blog-detail-page .main-blog-content p { font-size: 12px; letter-spacing: 0.096px; }
.blog .brkline, .blog-detail-page .brkline { display: none; }
.blog .blog-list .blog-item .blog-title, .blog-detail-page .blog-list .blog-item .blog-title { color: var(--neutral-8, #020D1B); font-family: Lora; font-size: 16px; font-style: normal; font-weight: 600; line-height: 180%; letter-spacing: 0.08px; padding-bottom: 12px; }
.blog .blog-list .blog-item .blog-link, .blog-detail-page .blog-list .blog-item .blog-link { font-size: 12px; }
.blog .blog-list .blog-item .blog-date, .blog-detail-page .blog-list .blog-item .blog-date { display: none; }
.blog .blog-list .paginate-container .paginate_nav, .blog-detail-page .blog-list .paginate-container .paginate_nav { bottom: -45px; }
.blog-detail-page .blog-detail { padding-top: 0; padding-bottom: 0; }
.blog-detail-page .blog-detail .blog-detail-title { padding: 0; width: 70%; margin: 0 auto; }
.blog-detail-page .blog-detail-content { padding-top: 24px; }
.blog-detail-page .blog-detail-content .blog-idx-nav { padding: 24px 16px; }
.blog-detail-page .blog-detail-content .blog-idx-nav .blog-idx-title { font-size: 12px; }
.blog-detail-page .blog-detail-content .blog-idx-nav .blog-idx-menu li { padding: 12px 0; }
.blog-detail-page .blog-detail-content .blog-idx-nav .blog-idx-menu li .idx-link { font-size: 12px; }
.blog-detail-page .blog-detail-content .text-description { font-size: 12px; margin-bottom: 24px !important; }
.blog-detail-page .blog-detail-content .idx-content-img { margin-bottom: 24px !important; }
.blog-detail-page .related-post { margin-top: 20px; padding: 44px 0; } }
@media (max-width: 1204px) { .care-content { padding-left: 0; padding-right: 0; } }
@media (max-width: 1400px) { .w-md-100 { width: 100%; } }
@media (min-width: 821px) and (max-width: 1399.98px) { .login-page .login-box .box-login-left .social-login { text-align: center; }
.login-page .login-box .box-login-left .social-login > div { width: 100%; }
.login-page .login-box .box-login-left .social-login > div:first-child { padding-left: 0; padding-right: 0; padding-bottom: 24px; }
.login-page .login-box .box-login-left .social-login > div button { width: 100%; } }