BMW Z4 LCI E89

Giới thiệu về bản thân

WoT Là Vĩnh Cửu
xếp hạng Ngôi sao 1 ngôi sao 2 ngôi sao 1 Sao chiến thắng
0
xếp hạng Ngôi sao 1 ngôi sao 2 ngôi sao 1 Sao chiến thắng
0
xếp hạng Ngôi sao 1 ngôi sao 2 ngôi sao 1 Sao chiến thắng
0
xếp hạng Ngôi sao 1 ngôi sao 2 ngôi sao 1 Sao chiến thắng
0
xếp hạng Ngôi sao 1 ngôi sao 2 ngôi sao 1 Sao chiến thắng
0
xếp hạng Ngôi sao 1 ngôi sao 2 ngôi sao 1 Sao chiến thắng
0
xếp hạng Ngôi sao 1 ngôi sao 2 ngôi sao 1 Sao chiến thắng
0
(Thường được cập nhật sau 1 giờ!)

<!DOCTYPE html>

<html lang="vi">


<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">

<meta http-equiv="X-UA-Compatible" content="ie=edge">


<meta name="csrf-token" content="pWDoJF2b3POS4Vvfr7t0ugR681rVxYEJSk1Xoaow">

<link rel="icon" type="image/png" href="https://rs.olm.vn/images/icon.png?v=1777388154" />


<link rel="stylesheet" type="text/css" href="https://rs.olm.vn/vendor/owl-carousel/owl.carousel.min.css">

<link rel="stylesheet" type="text/css" href="https://rs.olm.vn/vendor/owl-carousel/owl.theme.default.css">


<link rel="preload" href="https://rs.olm.vn/vendor/select2/css/select2.min.css?v=1777388154" as="style"

onload="this.onload=null;this.rel='stylesheet'">

<noscript>

<link rel="stylesheet" href="https://rs.olm.vn/vendor/select2/css/select2.min.css?v=1777388154">

</noscript>


<link rel="stylesheet" type="text/css" href="https://rs.olm.vn/css/tw-olm.css?v=1777388154">


<title>

Nền tảng giáo dục số OLM: Học trực tuyến thông minh

</title>

<meta name="description" content="Bạn đang tìm kiếm một phương pháp mang tính cách mạng để giáo dục con cái? OLM, một nền tảng học tập trực tuyến tiên tiến. Khám phá những lợi ích của giáo dục số và sự tiện lợi của việc học trực tuyến.">

<meta name="keywords" content="học trực tuyến, học toán online, online math, Toán lớp 1, Toán lớp 2, Toán lớp 3, Toán lớp 4, Toán lớp 5, Toán lớp 6, Toán lớp 7, Toán lớp 8, Toán lớp 9, Toán Tiểu học, olm, Giải toán trên mạng, Giải toán qua Internet, tiếng việt, tiếng anh, ngữ văn, toán chương trình mới, tiếng việt chương trình mới">

<meta name="author" content="olm.vn">

<meta name="publisher" content="olm.vn">

<meta name="dc:publisher" content="olm.vn">

<meta name="dc:description" content="Bạn đang tìm kiếm một phương pháp mang tính cách mạng để giáo dục con cái? OLM, một nền tảng học tập trực tuyến tiên tiến. Khám phá những lợi ích của giáo dục số và sự tiện lợi của việc học trực tuyến.">

<link rel="canonical" href="https://olm.vn"/>

<meta property="og:locale" content="vi_VN" />

<meta property="og:type" content="website" />

<meta property="og:title" content="Nền tảng giáo dục số OLM: Học trực tuyến thông minh" />

<meta property="og:description" content="Bạn đang tìm kiếm một phương pháp mang tính cách mạng để giáo dục con cái? OLM, một nền tảng học tập trực tuyến tiên tiến. Khám phá những lợi ích của giáo dục số và sự tiện lợi của việc học trực tuyến." />

<meta property="og:site_name" content="OLM" />

<meta property="og:url" content="https://olm.vn" />

<meta property="og:image" content="https://olm.vn/images/logo-og-1.jpg" />



<script type="application/ld+json">

{"@context":"https:\/\/schema.org","@type":"WebPage","name":"Nền tảng giáo dục số OLM: Học trực tuyến thông minh","description":"Bạn đang tìm kiếm một phương pháp mang tính cách mạng để giáo dục con cái? OLM, một nền tảng học tập trực tuyến tiên tiến. Khám phá những lợi ích của giáo dục số và sự tiện lợi của việc học trực tuyến.","image":"https:\/\/olm.vn\/images\/logo-og-1.jpg"}

</script>

<!-- Google Tag Manager -->

<script>

document.addEventListener("DOMContentLoaded", function() {

(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':

new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],

j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.defer=true;j.async=true;j.src=

'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);

})(window,document,'script','dataLayer','GTM-WXVQJST');

});

</script>

<!-- Global site tag (gtag.js) - Google Ads: 936648078 -->

<script defer src="https://www.googletagmanager.com/gtag/js?id=AW-936648078"></script>

<script>

window.dataLayer = window.dataLayer || [{

'user_id': "17193342262514",

"life_time": 101,

"vip_expired": -100,

"user_type": 3,

"vip_type": 3,

"site": "olm",

}];

function gtag(){dataLayer.push(arguments);}

gtag('js', new Date());


gtag('config', 'AW-936648078');

</script>

<!-- OTM Tracking Script -->

<script>

window.OTM_SERVER_DATA = {

csrfToken: "pWDoJF2b3POS4Vvfr7t0ugR681rVxYEJSk1Xoaow",

currentRouteName: "home",

debug: false,

endpoint: '/api/otm/collect',

user: {

// Lấy user hiện tại

id: '17193342262514',

email: 'nguyenhaiquan599@gmail.com',

phone: '',

fn: 'AMV',

ln: 'Su30MK2',

account_status: 'miễn phí',

vip_source: 'vip_trial',

user_type: 'student',

client_ip_address: '162.158.193.131',

fbp: 'fb.1.1777301124519.348678260553742262',

fbc: null ,

},

device_type: 'desktop',

referrer: '',

};


// Khởi tạo layer sớm để hứng event inline nếu có

window.otmDataLayer = window.otmDataLayer || [];

</script>

<script src="https://rs.olm.vn/js/modules/otm/data.js?v=493719" defer></script>

<script src="https://rs.olm.vn/js/modules/otm/config.js?v=493719" defer></script>

<script src="https://rs.olm.vn/js/modules/otm/otm.js?v=1777388154" defer></script>


<script type="application/ld+json">

{

"@context": "https://schema.org/",

"@type": "Product",

"name": "Nền tảng giáo dục số OLM: Học trực tuyến thông minh",

"image": "",

"description": "Bạn đang tìm kiếm một phương pháp mang tính cách mạng để giáo dục con cái? OLM, một nền tảng học tập trực tuyến tiên tiến. Khám phá những lợi ích của giáo dục số và sự tiện lợi của việc học trực tuyến.",

"aggregateRating": {

"@type": "AggregateRating",

"ratingValue": "4",

"bestRating": "5",

"worstRating": "1",

"ratingCount": "5"

}

}

</script>

</head>


<body>

<div class="tw-font-be-vietnam-pro tw-bg-background-default tw-text-slate-900 tw-text-16">


<header

class="tw-sticky tw-top-0 tw-z-50 tw-bg-white tw-border-b tw-border-gray-100 tw-text-content-secondary">

<!-- Top Info Bar -->

<div class="tw-bg-neon-blue-100">

<div

class="tw-olm-container-2 tw-hidden lg:tw-flex tw-flex-row tw-justify-between tw-items-center tw-text-sm tw-text-slate-700 tw-px-5 tw-py-1 ">

<div class="tw-flex tw-gap-2 tw-items-center">

<a href="/gioi-thieu" class="tw-text-small tw-text-content-secondary">

Về OLM

</a>

<a href="/bg/hotroolm" class="tw-text-small tw-text-content-secondary">

Hướng dẫn &amp; trợ giúp

</a>

</div>

<div class="tw-flex tw-items-center tw-space-x-4">



<a href="/thi-dau" class="tw-text-small tw-text-content-secondary">

Thi đấu

</a>

<a href="https://dgnl.olm.vn" class="tw-text-small tw-text-content-secondary">

Đánh giá năng lực

</a>

</div>

</div>

</div>


<!-- Main Header -->

<div class="tw-olm-container-2 tw-px-3 lg:tw-px-5 tw-py-3 tw-flex tw-flex-row tw-justify-between tw-items-center">

<div class="tw-flex tw-gap-2 lg:tw-gap-8 tw-justify-between tw-items-center">

<!-- Mobile Menu Button -->

<button class="tw-p-2 tw-text-gray-500 tw-transition-colors lg:tw-hidden hover:tw-text-gray-700"

data-drawer-open="#drawer-menu-header">

<svg class="tw-w-6 tw-h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">

<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />

</svg>

</button>


<!-- Logo -->

<a href="https://olm.vn" class="">

<img src="https://rs.olm.vn/images/logo.png" alt="OLM Logo" class="tw-h-10 tw-hidden lg:tw-block">

<img src="https://rs.olm.vn/v2/images/logo-olm.png" alt="OLM Logo" class="tw-h-10 lg:tw-hidden">

</a>


<!-- Navigation Menu -->

<nav class="tw-hidden lg:tw-flex tw-gap-0 tw-items-center ">


<div class="tw-relative tw-group">

<a href="/hoc-bai"

class="tw-text-14 tw-font-semibold tw-flex tw-items-center tw-gap-1 tw-px-1 xl:tw-px-3 tw-py-2 tw-rounded-xl tw-leading-6 tw-transition-all hover:tw-bg-background-subtle ">

<span>

Học bài

</span>


</a>



</div>


<div class="tw-relative tw-group">

<a href="/hoi-dap"

class="tw-text-14 tw-font-semibold tw-flex tw-items-center tw-gap-1 tw-px-1 xl:tw-px-3 tw-py-2 tw-rounded-xl tw-leading-6 tw-transition-all hover:tw-bg-background-subtle ">

<span>

Hỏi đáp

</span>


</a>



</div>


<div class="tw-relative tw-group">

<a href="/cuoc-thi"

class="tw-text-14 tw-font-semibold tw-flex tw-items-center tw-gap-1 tw-px-1 xl:tw-px-3 tw-py-2 tw-rounded-xl tw-leading-6 tw-transition-all hover:tw-bg-background-subtle ">

<span>

Cuộc thi vui

</span>


</a>



</div>


<div class="tw-relative tw-group">

<a href="https://dautruong.olm.vn/"

class="tw-text-14 tw-font-semibold tw-flex tw-items-center tw-gap-1 tw-px-1 xl:tw-px-3 tw-py-2 tw-rounded-xl tw-leading-6 tw-transition-all hover:tw-bg-background-subtle ">

<span>

Đấu trường

</span>


</a>



</div>


<div class="tw-relative tw-group">

<a href="/thu-vien-so"

class="tw-text-14 tw-font-semibold tw-flex tw-items-center tw-gap-1 tw-px-1 xl:tw-px-3 tw-py-2 tw-rounded-xl tw-leading-6 tw-transition-all hover:tw-bg-background-subtle ">

<span>

Thư viện số

</span>


</a>



</div>


<div class="tw-relative tw-group">

<a href="/bai-viet"

class="tw-text-14 tw-font-semibold tw-flex tw-items-center tw-gap-1 tw-px-1 xl:tw-px-3 tw-py-2 tw-rounded-xl tw-leading-6 tw-transition-all hover:tw-bg-background-subtle ">

<span>

Bài viết

</span>


<img src="https://rs.olm.vn/v2/icons/angle-down.svg" alt="" title=""

class="tw-transition-transform group-hover:tw-rotate-180 tw-w-tw-w-4 tw-h-4 tw-h-tw-w-4 tw-h-4" >

</a>



<div class="tw-absolute tw-top-full tw-left-0 tw-pt-2 tw-invisible tw-opacity-0 tw-translate-y-2 group-hover:tw-visible group-hover:tw-opacity-100 group-hover:tw-translate-y-0 tw-transition-all tw-duration-200 tw-z-50">

<div class="tw-bg-white tw-min-w-[220px] tw-rounded-2xl tw-shadow-black-lg tw-border tw-border-stroke-light tw-p-2 tw-flex tw-flex-col tw-gap-1">

<a href="/thongtin"

class="tw-text-[14px] tw-font-medium tw-text-content-secondary tw-p-3 tw-rounded-xl hover:tw-bg-background-subtle hover:tw-text-accent-default tw-transition-all">

Tin tức

</a>

<a href="/chu-de-bai-viet/hoc-tap"

class="tw-text-[14px] tw-font-medium tw-text-content-secondary tw-p-3 tw-rounded-xl hover:tw-bg-background-subtle hover:tw-text-accent-default tw-transition-all">

Blog học tập

</a>

</div>

</div>

</div>

</nav>

</div>



<!-- Right Section: Search & Auth -->

<div class="tw-flex tw-gap-3 tw-justify-end tw-items-center">

<!-- Search -->









<div class="tw-h-8 tw-w-px tw-bg-stroke-light"></div>

<div class="tw-flex tw-items-center tw-gap-2">

<a href="https://olm.vn/messages/tro-chuyen"

class="tw-flex tw-h-12 tw-w-12 tw-rounded-2xl tw-justify-center tw-items-center tw-cursor-pointer hover:tw-bg-stroke-light">

<img src="https://rs.olm.vn/v2/icons/chat-text.svg" alt="" title=""

class=" tw-w-tw-w-6 tw-h-6 tw-h-tw-w-6 tw-h-6" >

</a>


</div>


<div id="header-user-dropdown-container"></div>


</div>

</div>


<div id="drawer-menu-header" class="drawer tw-pointer-events-none tw-fixed tw-inset-0 tw-z-50 tw-hidden" data-open="false" data-dismissible="true">


<div class="tw-pointer-events-auto tw-absolute tw-inset-0 tw-bg-black tw-bg-opacity-50 tw-opacity-0 tw-transition-opacity tw-duration-300"

data-drawer-overlay></div>



<div class="tw-pointer-events-auto tw-absolute tw-bottom-0 tw-top-0 tw-flex tw-transform tw-flex-col tw-bg-white tw-shadow-xl tw-transition-transform tw-duration-300 tw-ease-in-out tw-overflow-hidden tw-left-0 tw-w-3/4 -tw-translate-x-full "

data-drawer-position="left" data-drawer-panel>


<div class="tw-py-3 tw-px-2 tw-flex tw-items-center tw-justify-between tw-border-b tw-border-stroke-light">

<div class="tw-flex tw-items-center tw-gap-2">

<button type="button" class="tw-h-10 tw-w-10 tw-flex tw-items-center tw-justify-center tw-rounded-xl "

data-drawer-close>

<img src="https://rs.olm.vn/v2/icons/cancel.svg" alt="Đóng" title="Đóng"

class=" " >

</button>

<img src="https://rs.olm.vn/v2/images/logo-olm.png" alt="OLM Logo" class="tw-h-10">

</div>

<div

class="tw-flex tw-items-center tw-justify-center tw-w-12 tw-h-12 tw-rounded-2xl tw-duration-300 tw-cursor-pointer tw-bg-white hover:tw-bg-stroke-light">

<img src="https://rs.olm.vn/v2/icons/search.svg" alt="" title=""

class=" tw-w-tw-w-6 tw-h-6 tw-h-tw-w-6 tw-h-6" >

</div>

</div>




<div id="drawer-content" class="tw-min-h-0 tw-flex-1 tw-overflow-y-auto lg:tw-px-5 lg:tw-py-4">

<div class="tw-flex tw-flex-col tw-bg-subtle">


<div class="tw-flex-1">

<div class="main-menu tw-flex tw-flex-col tw-gap-2 tw-p-4 tw-bg-white">


<div class="menu-item tw-flex tw-flex-col">

<!-- MENU ITEM -->

<div

class="tw-flex tw-items-center tw-justify-between tw-py-2 tw-px-3 ">

<a href="/hoc-bai" class="tw-flex-1 tw-leading-8 tw-font-medium">

Học bài

</a>


</div>


<!-- SUBMENU -->


</div>


<div class="menu-item tw-flex tw-flex-col">

<!-- MENU ITEM -->

<div

class="tw-flex tw-items-center tw-justify-between tw-py-2 tw-px-3 ">

<a href="/hoi-dap" class="tw-flex-1 tw-leading-8 tw-font-medium">

Hỏi đáp

</a>


</div>


<!-- SUBMENU -->


</div>


<div class="menu-item tw-flex tw-flex-col">

<!-- MENU ITEM -->

<div

class="tw-flex tw-items-center tw-justify-between tw-py-2 tw-px-3 ">

<a href="/cuoc-thi" class="tw-flex-1 tw-leading-8 tw-font-medium">

Cuộc thi vui

</a>


</div>


<!-- SUBMENU -->


</div>


<div class="menu-item tw-flex tw-flex-col">

<!-- MENU ITEM -->

<div

class="tw-flex tw-items-center tw-justify-between tw-py-2 tw-px-3 ">

<a href="https://dautruong.olm.vn/" class="tw-flex-1 tw-leading-8 tw-font-medium">

Đấu trường

</a>


</div>


<!-- SUBMENU -->


</div>


<div class="menu-item tw-flex tw-flex-col">

<!-- MENU ITEM -->

<div

class="tw-flex tw-items-center tw-justify-between tw-py-2 tw-px-3 ">

<a href="/thu-vien-so" class="tw-flex-1 tw-leading-8 tw-font-medium">

Thư viện số

</a>


</div>


<!-- SUBMENU -->


</div>


<div class="menu-item tw-flex tw-flex-col">

<!-- MENU ITEM -->

<div

class="tw-flex tw-items-center tw-justify-between tw-py-2 tw-px-3 ">

<a href="/bai-viet" class="tw-flex-1 tw-leading-8 tw-font-medium">

Bài viết

</a>


<button type="button"

class="submenu-toggle tw-flex tw-items-center tw-justify-center tw-w-8 tw-h-8"

onclick="toggleSubmenu(this)">

<img src="https://rs.olm.vn/v2/icons/angle-down.svg" alt="" title=""

class=" tw-w-tw-w-6 tw-h-6 tw-h-tw-w-6 tw-h-6" >

</button>

</div>


<!-- SUBMENU -->

<div class="submenu-items tw-flex tw-hidden tw-flex-col tw-gap-2 tw-pl-8 tw-mt-1">

<a href="/thongtin"

class="tw-text-content-secondary tw-text-[14px] tw-leading-5 tw-p-2">

Tin tức

</a>

<a href="/chu-de-bai-viet/hoc-tap"

class="tw-text-content-secondary tw-text-[14px] tw-leading-5 tw-p-2">

Blog học tập

</a>

</div>


</div>

</div>

<div class="sub-menu tw-py-2 tw-px-4 tw-flex tw-flex-col tw-gap-1">

<a href="/gioi-thieu"

class="tw-text-[14px] tw-py-2 tw-px-3 tw-text-content-secondary tw-leading-6">

Về OLM

</a>

<a href="/bg/hotroolm"

class="tw-text-[14px] tw-py-2 tw-px-3 tw-text-content-secondary tw-leading-6">

Hướng dẫn &amp; trợ giúp

</a>

<a href="/thi-dau"

class="tw-text-[14px] tw-py-2 tw-px-3 tw-text-content-secondary tw-leading-6">

Thi đấu

</a>

<a href="https://dgnl.olm.vn"

class="tw-text-[14px] tw-py-2 tw-px-3 tw-text-content-secondary tw-leading-6">

Đánh giá năng lực

</a>

</div>

</div>


<div class="footer-buttons tw-p-4 tw-flex tw-flex-col tw-gap-3">

<button class="tw-py-2 tw-px-3 tw-flex tw-items-center tw-justify-start tw-gap-2 tw-bg-white tw-rounded-xl">

<img src="https://rs.olm.vn/v2/icons/chatbot-icon.svg" alt="" title=""

class=" tw-w-tw-w-8 tw-h-8 tw-h-tw-w-8 tw-h-8" >

<span>

OLM Chatbot

</span>

</button>

<button class="tw-py-2 tw-px-3 tw-flex tw-items-center tw-justify-start tw-gap-2 tw-bg-white tw-rounded-xl">

<img src="https://rs.olm.vn/v2/icons/support.svg" alt="" title=""

class=" tw-w-tw-w-8 tw-h-8 tw-h-tw-w-8 tw-h-8" >

<span>

Liên hệ hỗ trợ

</span>

</button>

</div>

</div>

</div>


</div>

</div>


</header>

<main class="tw-bg-center tw-bg-cover"

style="background-image: url('https://rs.olm.vn/v2/home/hero-section/background.png');">

<div class="tw-mx-auto tw-olm-container">

<section class="tw-mt-4 tw-my-4 lg:tw-my-10 tw-relative">

<div class="tw-w-full"><div>

<div

class="tw-bg-black/10 tw-backdrop-blur-sm tw-rounded-2xl tw-border-2 tw-border-white/15 tw-p-4 tw-w-full tw-flex tw-flex-col lg:tw-flex-row tw-items-start lg:tw-items-center tw-gap-4">


<div class="tw-flex tw-items-center tw-gap-3">

<img src="/avatars/guest.png" alt="" style="height: inherit" class="lg:tw-w-12 lg:tw-h-12 tw-w-10 tw-h-10">

<div class="tw-flex tw-flex-col tw-justify-start tw-items-start">

<strong class="tw-font-semibold tw-text-16 lg:tw-text-18 tw-text-white">

Su30MK2 AMV

</strong>

<span class="tw-text-accent-light tw-text-14">

nguyenhaiquan599@gmail.com

</span>

</div>

</div>



<div class="tw-hidden tw-h-12 tw-w-px tw-shrink-0 tw-self-center tw-bg-white/25 lg:tw-block" aria-hidden="true">

</div>



<div class="tw-w-full lg:tw-w-auto tw-flex tw-flex-col tw-items-start tw-justify-between lg:tw-gap-1 tw-py-3 lg:tw-py-0 tw-border-t lg:tw-border-t-0 tw-border-b lg:tw-border-b-0 tw-border-stroke-light tw-border-dashed">

<p class="tw-text-14 tw-font-semibold tw-text-accent-light-2">

Tài khoản chưa có VIP

</p>

<span class="tw-text-accent-light-2 tw-text-14">

Giới hạn tính năng

</span>

</div>




<div

class="lg:tw-ml-auto tw-flex tw-w-full tw-flex-row tw-flex-nowrap tw-items-center tw-gap-2 tw-self-stretch lg:tw-w-auto lg:tw-gap-3">





<a href="https://olm.vn/lop-hoc-cua-toi"

class="tw-olm-btn-tertiary-40 lg:tw-olm-btn-tertiary-48 tw-flex tw-min-w-0 tw-flex-1 tw-items-center tw-justify-center tw-gap-1 lg:tw-gap-2 tw-text-center tw-text-14 tw-font-bold lg:tw-w-auto lg:tw-text-16 lg:tw-flex-none">

Lớp học của tôi

</a>


<a href="https://olm.vn/mua-vip" title="Xem gói VIP" target="_blank"

class="tw-olm-btn-primary-40 lg:tw-olm-btn-primary-48 tw-flex tw-min-w-0 tw-flex-1 tw-items-center tw-justify-center tw-gap-1 lg:tw-gap-2 lg:tw-w-auto lg:tw-flex-none">

<img src="https://rs.olm.vn/v2/icons/crown-alt.svg" alt="Xem gói VIP" title="Xem gói VIP"

class="tw-h-6 tw-w-6 tw-shrink-0 " >

<span

class="tw-text-center tw-text-14 tw-font-bold tw-text-white lg:tw-text-16">

Xem gói VIP

</span>

</a>

</div>




</div>

</div>

</div>

<div

class="navbar tw-mt-4 lg:tw-mt-0 tw-border tw-w-full tw-border-stroke-light lg:tw-absolute lg:-tw-bottom-1/2 lg:tw-translate-y-[50%] lg:tw-left-1/2 lg:tw-translate-x-[-50%] tw-grid tw-grid-cols-2 lg:tw-flex lg:tw-flex-row lg:tw-justify-center tw-gap-2 lg:tw-gap-4 tw-p-2 tw-bg-white tw-rounded-xl tw-shadow-[0_8px_24px_0_rgba(0,0,0,0.10)]">

<button data-toggle="modal" data-target="#modal-contact-customer-service"

class="tw-group tw-flex tw-items-center tw-gap-1 lg:tw-gap-2 tw-py-2 tw-px-2 lg:tw-px-4 tw-cursor-pointer">

<img src="https://rs.olm.vn/v2/icons/headphones.svg" alt="" title=""

class=" tw-w-tw-w-5 tw-h-5 lg:tw-w-6 lg:tw-h-6 tw-h-tw-w-5 tw-h-5 lg:tw-w-6 lg:tw-h-6" >

<span

class="tw-text-14 lg:tw-text-base tw-font-semibold tw-text-content-primary group-hover:tw-text-accent-default tw-transition-all tw-duration-200">

CSKH

</span>

</button>

<div class="tw-group tw-flex tw-items-center tw-py-2 tw-px-2 lg:tw-px-4 tw-rounded-lg">

<a href="https://olm.vn/lop-hoc-cua-toi"

class="tw-flex tw-items-center tw-gap-1 lg:tw-gap-2 tw-text-14 tw-font-medium tw-text-content-tertiary ">

<img src="https://rs.olm.vn/v2/icons/folder-user.svg" alt="" title=""

class=" tw-w-tw-w-5 tw-h-5 lg:tw-w-6 lg:tw-h-6 tw-h-tw-w-5 tw-h-5 lg:tw-w-6 lg:tw-h-6" >

<span class="tw-text-14 lg:tw-text-base tw-font-semibold tw-text-content-primary group-hover:tw-text-accent-default tw-transition-all tw-duration-200">

Lớp học của tôi

</span>

</a>

</div>

<div class="tw-group tw-flex tw-items-center tw-py-2 tw-px-2 lg:tw-px-4 tw-rounded-lg">

<a href="/thanhvien/17193342262514"

class="tw-flex tw-items-center tw-gap-1 lg:tw-gap-2 tw-text-14 tw-font-medium tw-text-content-tertiary ">

<img src="https://rs.olm.vn/v2/icons/member-card.svg" alt="" title=""

class=" tw-w-tw-w-5 tw-h-5 lg:tw-w-6 lg:tw-h-6 tw-h-tw-w-5 tw-h-5 lg:tw-w-6 lg:tw-h-6" >

<span

class="tw-text-14 lg:tw-text-base tw-font-semibold tw-text-content-primary group-hover:tw-text-accent-default tw-transition-all tw-duration-200">

Trang

cá nhân

</span>

</a>

</div>

</div>

</section>

</div>

</main>

<div class="tw-py-20 tw-bg-background-default tw-olm-container tw-hidden lg:tw-block">




<div class="owl-carousel owl-theme loop olm-carousel carousel-homepage" id="carousel-homepage">

<a href="https://olm.vn/bai-viet/ra-mat-olm-mentor-giao-bai-ca-nhan-hoa-681233675" class="swiper-slide tw-cursor-pointer banner" data-index="0">

<img src="https://cdn3.olm.vn/upload/img/0423/img_2026-04-23_69ead523661da.jpg" alt="Ra mắt OLM Mentor"

class="tw-w-full tw-h-auto tw-rounded-lg tw-object-cover">

</a>

<a href="https://olm.vn/bai-viet/olm-exam-dich-vu-ra-de-thi-theo-yeu-cau-681151163" class="swiper-slide tw-cursor-pointer banner" data-index="1">

<img src="https://cdn3.olm.vn/upload/img/0422/img_2026-04-22_69e991f1c8aa8.jpg" alt="OLM Exam - Dịch vụ ra đề thi theo yêu cầu"

class="tw-w-full tw-h-auto tw-rounded-lg tw-object-cover">

</a>

<a href="https://olm.vn/bai-viet/olm-mien-phi-nen-tang-day-va-hoc-cho-giao-vien-va-hoc-sinh-ha-noi-den-3152026-680807656" class="swiper-slide tw-cursor-pointer banner" data-index="2">

<img src="https://cdn3.olm.vn/upload/img/0420/img_2026-04-20_69e5a8ad19544.jpg" alt="Miễn phí nền tảng cho GV và HS Hà Nội"

class="tw-w-full tw-h-auto tw-rounded-lg tw-object-cover">

</a>

<a href="https://olm.vn/bai-viet/bo-de-on-tap-kiem-tra-cuoi-ky-ii-tu-tin-chinh-phuc-diem-10-680362670" class="swiper-slide tw-cursor-pointer banner" data-index="3">

<img src="https://cdn3.olm.vn/upload/img/0408/img_2026-04-08_69d70503c4426.jpg" alt="BỘ ĐỀ ÔN TẬP KIỂM TRA CUỐI KỲ II"

class="tw-w-full tw-h-auto tw-rounded-lg tw-object-cover">

</a>

<a href="https://olm.vn/bai-viet/thong-bao-nang-cap-va-dieu-chinh-goi-svip-cho-nha-truong-679880628" class="swiper-slide tw-cursor-pointer banner" data-index="4">

<img src="https://cdn3.olm.vn/upload/img/0401/img_2026-04-01_69cdcca01401a.jpg" alt="Thông báo điều chỉnh gói SVIP trường"

class="tw-w-full tw-h-auto tw-rounded-lg tw-object-cover">

</a>

<a href="https://olm.vn/bai-viet/huong-dan-to-chuc-thi-thu-tot-nghiep-thpt-tren-olm-678437107" class="swiper-slide tw-cursor-pointer banner" data-index="5">

<img src="https://cdn3.olm.vn/upload/img/0309/img_2026-03-09_69af7b03c48ff.jpg" alt="Banner HD tổ chức thi thử THPT 2026"

class="tw-w-full tw-h-auto tw-rounded-lg tw-object-cover">

</a>

</div>


</div>

<section class="tw-bg-gradient-to-tr tw-from-pumpkin-100 tw-to-neon-blue-50 lg:tw-from-30% tw-to-70% tw-py-12 lg:tw-py-20">

<div class="tw-olm-container tw-gap-4 lg:tw-gap-12">

<!-- Title -->

<div class="tw-text-center">

<h2 class="tw-mb-2 tw-font-semibold tw-text-[24px] lg:tw-text-32">

Kho học liệu số toàn diện

</h2>

<p class="tw-text-gray-600 tw-text-[14px] lg:tw-text-18"><strong>

200000+

</strong>

học liệu tương tác, nội dung bám sát các bộ SGK

</p>

</div>

<!-- Search Form -->


<a href="https://olm.vn/kids" target="_blank"

class="tw-relative tw-block tw-overflow-hidden tw-w-full tw-h-[120px] lg:tw-h-[180px] tw-bg-right tw-bg-cover tw-bg-[url('/v2/images/olm-kids/banner-olm-kids.png')] tw-rounded-3xl tw-border-4 tw-border-white">

<div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-rounded-3xl tw-bg-gradient-to-r tw-from-gray-700/85 tw-to-transparent lg:tw-hidden" aria-hidden="true"></div>

<div class="tw-relative tw-z-10 tw-flex tw-h-full tw-flex-col tw-items-start tw-justify-center tw-gap-2 tw-text-white tw-p-5 lg:tw-p-8">

<img src="/v2/images/olm-kids/OLM-KIDS.png" alt="OLM KIDS" class="tw-h-8 lg:tw-h-10">

<span class="tw-text-[20px] lg:tw-text-3xl tw-font-black tw-text-white tw-font-nunito tw-w-[165px] lg:tw-w-auto">

Khối Mầm non và Tiền tiểu học

</span>

</div>

</a>

<div class="tw-olm-card hover:tw-border-stroke-light tw-p-4 lg:tw-p-10 tw-border-none">

<!-- Section Title -->

<h2 class="tw-text-32 tw-text-neon-blue-500 tw-font-nunito tw-font-black tw-mb-4">

Khối Tiểu Học

</h2>

<div class="tw-grid tw-grid-cols-2 lg:tw-grid-cols-5 tw-gap-4 xl:tw-gap-6">

<div class="tw-relative tw-p-1 lg:tw-p-2 max-sm:tw-max-w-[240px] tw-rounded-2xl tw-border-2 tw-bg-white tw-border-stroke-light hover:tw-border-accent-default tw-olm-shadow-md tw-duration-300 tw-flex tw-flex-row lg:tw-flex-col tw-gap-3 lg:tw-gap-0 tw-items-center">


<a href="https://olm.vn/lop-1" title="Khóa học lớp 1" aria-label="Khóa học lớp 1" class="tw-absolute tw-inset-0 tw-z-10 tw-rounded-2xl lg:tw-hidden"></a>


<!-- Grade Header -->

<a href="https://olm.vn/lop-1" title="Xem thêm khóa học lớp 1" class="tw-relative tw-z-0 tw-aspect-square tw-block tw-max-w-[64px] tw-max-h-[64px] max-lg:tw-pointer-events-none lg:tw-max-w-full lg:tw-max-h-full">

<img src="/v2/home/class-1.png" alt="Khóa học lớp 1" class="tw-rounded-2xl tw-img-cover" title="Khóa học lớp 1" loading="lazy">

</a>


<!-- Subjects -->

<div class="tw-m-1 tw-hidden lg:tw-block">

<a href="https://olm.vn/lop-1-mon-toan" title="Khóa học lớp 1 - Môn Toán" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3 tw-border-b tw-border-stroke-light last:tw-border-b-0">

<div class="tw-font-medium tw-text-gray-800">

Toán

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>

<a href="https://olm.vn/lop-1-tieng-viet" title="Khóa học lớp 1 - Môn Tiếng Việt" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3 tw-border-b tw-border-stroke-light last:tw-border-b-0">

<div class="tw-font-medium tw-text-gray-800">

Tiếng Việt

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>

<a href="https://olm.vn/lop-1-tieng-anh" title="Khóa học lớp 1 - Môn Tiếng Anh" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3">

<div class="tw-font-medium tw-text-gray-800">

Tiếng Anh

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>


<!-- View more button -->

<div class="tw-mt-2 tw-text-center">

<a href="https://olm.vn/lop-1" title="Xem thêm khóa học lớp 1" class="tw-olm-btn-tertiary-40 lg:tw-olm-btn-tertiary-48 tw-w-full">

Xem thêm

<img src="https://rs.olm.vn/v2/icons/arrow-right-secondary.svg" alt="Xem thêm" title="Xem thêm"

class="tw-w-6 tw-h-6 " >

</a>

</div>

</div>



<div class="tw-block lg:tw-hidden">

<span class="tw-text-base tw-font-semibold tw-text-content-secondary">

Lớp 1

</span>

</div>

</div>

<div class="tw-relative tw-p-1 lg:tw-p-2 max-sm:tw-max-w-[240px] tw-rounded-2xl tw-border-2 tw-bg-white tw-border-stroke-light hover:tw-border-accent-default tw-olm-shadow-md tw-duration-300 tw-flex tw-flex-row lg:tw-flex-col tw-gap-3 lg:tw-gap-0 tw-items-center">


<a href="https://olm.vn/lop-2" title="Khóa học lớp 2" aria-label="Khóa học lớp 2" class="tw-absolute tw-inset-0 tw-z-10 tw-rounded-2xl lg:tw-hidden"></a>


<!-- Grade Header -->

<a href="https://olm.vn/lop-2" title="Xem thêm khóa học lớp 2" class="tw-relative tw-z-0 tw-aspect-square tw-block tw-max-w-[64px] tw-max-h-[64px] max-lg:tw-pointer-events-none lg:tw-max-w-full lg:tw-max-h-full">

<img src="/v2/home/class-2.png" alt="Khóa học lớp 2" class="tw-rounded-2xl tw-img-cover" title="Khóa học lớp 2" loading="lazy">

</a>


<!-- Subjects -->

<div class="tw-m-1 tw-hidden lg:tw-block">

<a href="https://olm.vn/lop-2-mon-toan" title="Khóa học lớp 2 - Môn Toán" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3 tw-border-b tw-border-stroke-light last:tw-border-b-0">

<div class="tw-font-medium tw-text-gray-800">

Toán

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>

<a href="https://olm.vn/lop-2-tieng-viet" title="Khóa học lớp 2 - Môn Tiếng Việt" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3 tw-border-b tw-border-stroke-light last:tw-border-b-0">

<div class="tw-font-medium tw-text-gray-800">

Tiếng Việt

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>

<a href="https://olm.vn/lop-2-tieng-anh" title="Khóa học lớp 2 - Môn Tiếng Anh" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3">

<div class="tw-font-medium tw-text-gray-800">

Tiếng Anh

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>


<!-- View more button -->

<div class="tw-mt-2 tw-text-center">

<a href="https://olm.vn/lop-2" title="Xem thêm khóa học lớp 2" class="tw-olm-btn-tertiary-40 lg:tw-olm-btn-tertiary-48 tw-w-full">

Xem thêm

<img src="https://rs.olm.vn/v2/icons/arrow-right-secondary.svg" alt="Xem thêm" title="Xem thêm"

class="tw-w-6 tw-h-6 " >

</a>

</div>

</div>



<div class="tw-block lg:tw-hidden">

<span class="tw-text-base tw-font-semibold tw-text-content-secondary">

Lớp 2

</span>

</div>

</div>

<div class="tw-relative tw-p-1 lg:tw-p-2 max-sm:tw-max-w-[240px] tw-rounded-2xl tw-border-2 tw-bg-white tw-border-stroke-light hover:tw-border-accent-default tw-olm-shadow-md tw-duration-300 tw-flex tw-flex-row lg:tw-flex-col tw-gap-3 lg:tw-gap-0 tw-items-center">


<a href="https://olm.vn/lop-3" title="Khóa học lớp 3" aria-label="Khóa học lớp 3" class="tw-absolute tw-inset-0 tw-z-10 tw-rounded-2xl lg:tw-hidden"></a>


<!-- Grade Header -->

<a href="https://olm.vn/lop-3" title="Xem thêm khóa học lớp 3" class="tw-relative tw-z-0 tw-aspect-square tw-block tw-max-w-[64px] tw-max-h-[64px] max-lg:tw-pointer-events-none lg:tw-max-w-full lg:tw-max-h-full">

<img src="/v2/home/class-3.png" alt="Khóa học lớp 3" class="tw-rounded-2xl tw-img-cover" title="Khóa học lớp 3" loading="lazy">

</a>


<!-- Subjects -->

<div class="tw-m-1 tw-hidden lg:tw-block">

<a href="https://olm.vn/lop-3-mon-toan" title="Khóa học lớp 3 - Môn Toán" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3 tw-border-b tw-border-stroke-light last:tw-border-b-0">

<div class="tw-font-medium tw-text-gray-800">

Toán

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>

<a href="https://olm.vn/lop-3-tieng-viet" title="Khóa học lớp 3 - Môn Tiếng Việt" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3 tw-border-b tw-border-stroke-light last:tw-border-b-0">

<div class="tw-font-medium tw-text-gray-800">

Tiếng Việt

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>

<a href="https://olm.vn/lop-3-tieng-anh" title="Khóa học lớp 3 - Môn Tiếng Anh" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3">

<div class="tw-font-medium tw-text-gray-800">

Tiếng Anh

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>


<!-- View more button -->

<div class="tw-mt-2 tw-text-center">

<a href="https://olm.vn/lop-3" title="Xem thêm khóa học lớp 3" class="tw-olm-btn-tertiary-40 lg:tw-olm-btn-tertiary-48 tw-w-full">

Xem thêm

<img src="https://rs.olm.vn/v2/icons/arrow-right-secondary.svg" alt="Xem thêm" title="Xem thêm"

class="tw-w-6 tw-h-6 " >

</a>

</div>

</div>



<div class="tw-block lg:tw-hidden">

<span class="tw-text-base tw-font-semibold tw-text-content-secondary">

Lớp 3

</span>

</div>

</div>

<div class="tw-relative tw-p-1 lg:tw-p-2 max-sm:tw-max-w-[240px] tw-rounded-2xl tw-border-2 tw-bg-white tw-border-stroke-light hover:tw-border-accent-default tw-olm-shadow-md tw-duration-300 tw-flex tw-flex-row lg:tw-flex-col tw-gap-3 lg:tw-gap-0 tw-items-center">


<a href="https://olm.vn/lop-4" title="Khóa học lớp 4" aria-label="Khóa học lớp 4" class="tw-absolute tw-inset-0 tw-z-10 tw-rounded-2xl lg:tw-hidden"></a>


<!-- Grade Header -->

<a href="https://olm.vn/lop-4" title="Xem thêm khóa học lớp 4" class="tw-relative tw-z-0 tw-aspect-square tw-block tw-max-w-[64px] tw-max-h-[64px] max-lg:tw-pointer-events-none lg:tw-max-w-full lg:tw-max-h-full">

<img src="/v2/home/class-4.png" alt="Khóa học lớp 4" class="tw-rounded-2xl tw-img-cover" title="Khóa học lớp 4" loading="lazy">

</a>


<!-- Subjects -->

<div class="tw-m-1 tw-hidden lg:tw-block">

<a href="https://olm.vn/lop-4-mon-toan" title="Khóa học lớp 4 - Môn Toán" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3 tw-border-b tw-border-stroke-light last:tw-border-b-0">

<div class="tw-font-medium tw-text-gray-800">

Toán

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>

<a href="https://olm.vn/lop-4-tieng-viet" title="Khóa học lớp 4 - Môn Tiếng Việt" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3 tw-border-b tw-border-stroke-light last:tw-border-b-0">

<div class="tw-font-medium tw-text-gray-800">

Tiếng Việt

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>

<a href="https://olm.vn/lop-4-tieng-anh" title="Khóa học lớp 4 - Môn Tiếng Anh" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3">

<div class="tw-font-medium tw-text-gray-800">

Tiếng Anh

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>


<!-- View more button -->

<div class="tw-mt-2 tw-text-center">

<a href="https://olm.vn/lop-4" title="Xem thêm khóa học lớp 4" class="tw-olm-btn-tertiary-40 lg:tw-olm-btn-tertiary-48 tw-w-full">

Xem thêm

<img src="https://rs.olm.vn/v2/icons/arrow-right-secondary.svg" alt="Xem thêm" title="Xem thêm"

class="tw-w-6 tw-h-6 " >

</a>

</div>

</div>



<div class="tw-block lg:tw-hidden">

<span class="tw-text-base tw-font-semibold tw-text-content-secondary">

Lớp 4

</span>

</div>

</div>

<div class="tw-relative tw-p-1 lg:tw-p-2 max-sm:tw-max-w-[240px] tw-rounded-2xl tw-border-2 tw-bg-white tw-border-stroke-light hover:tw-border-accent-default tw-olm-shadow-md tw-duration-300 tw-flex tw-flex-row lg:tw-flex-col tw-gap-3 lg:tw-gap-0 tw-items-center">


<a href="https://olm.vn/lop-5" title="Khóa học lớp 5" aria-label="Khóa học lớp 5" class="tw-absolute tw-inset-0 tw-z-10 tw-rounded-2xl lg:tw-hidden"></a>


<!-- Grade Header -->

<a href="https://olm.vn/lop-5" title="Xem thêm khóa học lớp 5" class="tw-relative tw-z-0 tw-aspect-square tw-block tw-max-w-[64px] tw-max-h-[64px] max-lg:tw-pointer-events-none lg:tw-max-w-full lg:tw-max-h-full">

<img src="/v2/home/class-5.png" alt="Khóa học lớp 5" class="tw-rounded-2xl tw-img-cover" title="Khóa học lớp 5" loading="lazy">

</a>


<!-- Subjects -->

<div class="tw-m-1 tw-hidden lg:tw-block">

<a href="https://olm.vn/lop-5-mon-toan" title="Khóa học lớp 5 - Môn Toán" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3 tw-border-b tw-border-stroke-light last:tw-border-b-0">

<div class="tw-font-medium tw-text-gray-800">

Toán

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>

<a href="https://olm.vn/lop-5-tieng-viet" title="Khóa học lớp 5 - Môn Tiếng Việt" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3 tw-border-b tw-border-stroke-light last:tw-border-b-0">

<div class="tw-font-medium tw-text-gray-800">

Tiếng Việt

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>

<a href="https://olm.vn/lop-5-tieng-anh" title="Khóa học lớp 5 - Môn Tiếng Anh" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3">

<div class="tw-font-medium tw-text-gray-800">

Tiếng Anh

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>


<!-- View more button -->

<div class="tw-mt-2 tw-text-center">

<a href="https://olm.vn/lop-5" title="Xem thêm khóa học lớp 5" class="tw-olm-btn-tertiary-40 lg:tw-olm-btn-tertiary-48 tw-w-full">

Xem thêm

<img src="https://rs.olm.vn/v2/icons/arrow-right-secondary.svg" alt="Xem thêm" title="Xem thêm"

class="tw-w-6 tw-h-6 " >

</a>

</div>

</div>



<div class="tw-block lg:tw-hidden">

<span class="tw-text-base tw-font-semibold tw-text-content-secondary">

Lớp 5

</span>

</div>

</div>

</div>

</div>

<div class="tw-grid lg:tw-grid-cols-2 tw-gap-6">

<div class="tw-olm-card hover:tw-border-stroke-light tw-p-4 lg:tw-p-10 tw-border-none">

<!-- Section Title -->

<h2 class="tw-text-32 tw-text-neon-blue-500 tw-font-nunito tw-font-black tw-mb-4">

Khối THCS

</h2>

<div class="tw-grid tw-grid-cols-2 tw-gap-4 lg:tw-gap-6">

<div class="tw-relative tw-p-1 lg:tw-p-2 max-sm:tw-max-w-[240px] tw-rounded-2xl tw-border-2 tw-bg-white tw-border-stroke-light hover:tw-border-accent-default tw-olm-shadow-md tw-duration-300 tw-flex tw-flex-row lg:tw-flex-col tw-gap-3 lg:tw-gap-0 tw-items-center">


<a href="https://olm.vn/lop-6" title="Khóa học lớp 6" aria-label="Khóa học lớp 6" class="tw-absolute tw-inset-0 tw-z-10 tw-rounded-2xl lg:tw-hidden"></a>


<!-- Grade Header -->

<a href="https://olm.vn/lop-6" title="Xem thêm khóa học lớp 6" class="tw-relative tw-z-0 tw-aspect-square tw-block tw-max-w-[64px] tw-max-h-[64px] max-lg:tw-pointer-events-none lg:tw-max-w-full lg:tw-max-h-full">

<img src="/v2/home/class-6.png" alt="Khóa học lớp 6" class="tw-rounded-2xl tw-img-cover" title="Khóa học lớp 6" loading="lazy">

</a>


<!-- Subjects -->

<div class="tw-m-1 tw-hidden lg:tw-block">

<a href="https://olm.vn/lop-6-mon-toan" title="Khóa học lớp 6 - Môn Toán" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3 tw-border-b tw-border-stroke-light last:tw-border-b-0">

<div class="tw-font-medium tw-text-gray-800">

Toán

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>

<a href="https://olm.vn/lop-6-ngu-van" title="Khóa học lớp 6 - Môn Ngữ văn" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3 tw-border-b tw-border-stroke-light last:tw-border-b-0">

<div class="tw-font-medium tw-text-gray-800">

Ngữ văn

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>

<a href="https://olm.vn/lop-6-tieng-anh" title="Khóa học lớp 6 - Môn Tiếng Anh" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3">

<div class="tw-font-medium tw-text-gray-800">

Tiếng Anh

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>


<!-- View more button -->

<div class="tw-mt-2 tw-text-center">

<a href="https://olm.vn/lop-6" title="Xem thêm khóa học lớp 6" class="tw-olm-btn-tertiary-40 lg:tw-olm-btn-tertiary-48 tw-w-full">

Xem thêm

<img src="https://rs.olm.vn/v2/icons/arrow-right-secondary.svg" alt="Xem thêm" title="Xem thêm"

class="tw-w-6 tw-h-6 " >

</a>

</div>

</div>



<div class="tw-block lg:tw-hidden">

<span class="tw-text-base tw-font-semibold tw-text-content-secondary">

Lớp 6

</span>

</div>

</div>

<div class="tw-relative tw-p-1 lg:tw-p-2 max-sm:tw-max-w-[240px] tw-rounded-2xl tw-border-2 tw-bg-white tw-border-stroke-light hover:tw-border-accent-default tw-olm-shadow-md tw-duration-300 tw-flex tw-flex-row lg:tw-flex-col tw-gap-3 lg:tw-gap-0 tw-items-center">


<a href="https://olm.vn/lop-7" title="Khóa học lớp 7" aria-label="Khóa học lớp 7" class="tw-absolute tw-inset-0 tw-z-10 tw-rounded-2xl lg:tw-hidden"></a>


<!-- Grade Header -->

<a href="https://olm.vn/lop-7" title="Xem thêm khóa học lớp 7" class="tw-relative tw-z-0 tw-aspect-square tw-block tw-max-w-[64px] tw-max-h-[64px] max-lg:tw-pointer-events-none lg:tw-max-w-full lg:tw-max-h-full">

<img src="/v2/home/class-7.png" alt="Khóa học lớp 7" class="tw-rounded-2xl tw-img-cover" title="Khóa học lớp 7" loading="lazy">

</a>


<!-- Subjects -->

<div class="tw-m-1 tw-hidden lg:tw-block">

<a href="https://olm.vn/lop-7-mon-toan" title="Khóa học lớp 7 - Môn Toán" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3 tw-border-b tw-border-stroke-light last:tw-border-b-0">

<div class="tw-font-medium tw-text-gray-800">

Toán

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>

<a href="https://olm.vn/lop-7-ngu-van" title="Khóa học lớp 7 - Môn Ngữ văn" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3 tw-border-b tw-border-stroke-light last:tw-border-b-0">

<div class="tw-font-medium tw-text-gray-800">

Ngữ văn

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>

<a href="https://olm.vn/lop-7-tieng-anh" title="Khóa học lớp 7 - Môn Tiếng Anh" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3">

<div class="tw-font-medium tw-text-gray-800">

Tiếng Anh

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>


<!-- View more button -->

<div class="tw-mt-2 tw-text-center">

<a href="https://olm.vn/lop-7" title="Xem thêm khóa học lớp 7" class="tw-olm-btn-tertiary-40 lg:tw-olm-btn-tertiary-48 tw-w-full">

Xem thêm

<img src="https://rs.olm.vn/v2/icons/arrow-right-secondary.svg" alt="Xem thêm" title="Xem thêm"

class="tw-w-6 tw-h-6 " >

</a>

</div>

</div>



<div class="tw-block lg:tw-hidden">

<span class="tw-text-base tw-font-semibold tw-text-content-secondary">

Lớp 7

</span>

</div>

</div>

<div class="tw-relative tw-p-1 lg:tw-p-2 max-sm:tw-max-w-[240px] tw-rounded-2xl tw-border-2 tw-bg-white tw-border-stroke-light hover:tw-border-accent-default tw-olm-shadow-md tw-duration-300 tw-flex tw-flex-row lg:tw-flex-col tw-gap-3 lg:tw-gap-0 tw-items-center">


<a href="https://olm.vn/lop-8" title="Khóa học lớp 8" aria-label="Khóa học lớp 8" class="tw-absolute tw-inset-0 tw-z-10 tw-rounded-2xl lg:tw-hidden"></a>


<!-- Grade Header -->

<a href="https://olm.vn/lop-8" title="Xem thêm khóa học lớp 8" class="tw-relative tw-z-0 tw-aspect-square tw-block tw-max-w-[64px] tw-max-h-[64px] max-lg:tw-pointer-events-none lg:tw-max-w-full lg:tw-max-h-full">

<img src="/v2/home/class-8.png" alt="Khóa học lớp 8" class="tw-rounded-2xl tw-img-cover" title="Khóa học lớp 8" loading="lazy">

</a>


<!-- Subjects -->

<div class="tw-m-1 tw-hidden lg:tw-block">

<a href="https://olm.vn/lop-8-mon-toan" title="Khóa học lớp 8 - Môn Toán" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3 tw-border-b tw-border-stroke-light last:tw-border-b-0">

<div class="tw-font-medium tw-text-gray-800">

Toán

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>

<a href="https://olm.vn/lop-8-ngu-van" title="Khóa học lớp 8 - Môn Ngữ văn" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3 tw-border-b tw-border-stroke-light last:tw-border-b-0">

<div class="tw-font-medium tw-text-gray-800">

Ngữ văn

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>

<a href="https://olm.vn/lop-8-tieng-anh" title="Khóa học lớp 8 - Môn Tiếng Anh" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3">

<div class="tw-font-medium tw-text-gray-800">

Tiếng Anh

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>


<!-- View more button -->

<div class="tw-mt-2 tw-text-center">

<a href="https://olm.vn/lop-8" title="Xem thêm khóa học lớp 8" class="tw-olm-btn-tertiary-40 lg:tw-olm-btn-tertiary-48 tw-w-full">

Xem thêm

<img src="https://rs.olm.vn/v2/icons/arrow-right-secondary.svg" alt="Xem thêm" title="Xem thêm"

class="tw-w-6 tw-h-6 " >

</a>

</div>

</div>



<div class="tw-block lg:tw-hidden">

<span class="tw-text-base tw-font-semibold tw-text-content-secondary">

Lớp 8

</span>

</div>

</div>

<div class="tw-relative tw-p-1 lg:tw-p-2 max-sm:tw-max-w-[240px] tw-rounded-2xl tw-border-2 tw-bg-white tw-border-stroke-light hover:tw-border-accent-default tw-olm-shadow-md tw-duration-300 tw-flex tw-flex-row lg:tw-flex-col tw-gap-3 lg:tw-gap-0 tw-items-center">


<a href="https://olm.vn/lop-9" title="Khóa học lớp 9" aria-label="Khóa học lớp 9" class="tw-absolute tw-inset-0 tw-z-10 tw-rounded-2xl lg:tw-hidden"></a>


<!-- Grade Header -->

<a href="https://olm.vn/lop-9" title="Xem thêm khóa học lớp 9" class="tw-relative tw-z-0 tw-aspect-square tw-block tw-max-w-[64px] tw-max-h-[64px] max-lg:tw-pointer-events-none lg:tw-max-w-full lg:tw-max-h-full">

<img src="/v2/home/class-9.png" alt="Khóa học lớp 9" class="tw-rounded-2xl tw-img-cover" title="Khóa học lớp 9" loading="lazy">

</a>


<!-- Subjects -->

<div class="tw-m-1 tw-hidden lg:tw-block">

<a href="https://olm.vn/lop-9-mon-toan" title="Khóa học lớp 9 - Môn Toán" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3 tw-border-b tw-border-stroke-light last:tw-border-b-0">

<div class="tw-font-medium tw-text-gray-800">

Toán

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>

<a href="https://olm.vn/lop-9-ngu-van" title="Khóa học lớp 9 - Môn Ngữ văn" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3 tw-border-b tw-border-stroke-light last:tw-border-b-0">

<div class="tw-font-medium tw-text-gray-800">

Ngữ văn

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>

<a href="https://olm.vn/lop-9-tieng-anh" title="Khóa học lớp 9 - Môn Tiếng Anh" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3">

<div class="tw-font-medium tw-text-gray-800">

Tiếng Anh

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>


<!-- View more button -->

<div class="tw-mt-2 tw-text-center">

<a href="https://olm.vn/lop-9" title="Xem thêm khóa học lớp 9" class="tw-olm-btn-tertiary-40 lg:tw-olm-btn-tertiary-48 tw-w-full">

Xem thêm

<img src="https://rs.olm.vn/v2/icons/arrow-right-secondary.svg" alt="Xem thêm" title="Xem thêm"

class="tw-w-6 tw-h-6 " >

</a>

</div>

</div>



<div class="tw-block lg:tw-hidden">

<span class="tw-text-base tw-font-semibold tw-text-content-secondary">

Lớp 9

</span>

</div>

</div>

</div>

</div>

<div class="tw-olm-card hover:tw-border-stroke-light tw-p-4 lg:tw-p-10 tw-border-none">

<!-- Section Title -->

<h2 class="tw-text-32 tw-text-neon-blue-500 tw-font-nunito tw-font-black tw-mb-4">

Khối THPT

</h2>

<div class="tw-grid tw-grid-cols-2 tw-gap-4 lg:tw-gap-6">

<div class="tw-relative tw-p-1 lg:tw-p-2 max-sm:tw-max-w-[240px] tw-rounded-2xl tw-border-2 tw-bg-white tw-border-stroke-light hover:tw-border-accent-default tw-olm-shadow-md tw-duration-300 tw-flex tw-flex-row lg:tw-flex-col tw-gap-3 lg:tw-gap-0 tw-items-center">


<a href="https://olm.vn/lop-10" title="Khóa học lớp 10" aria-label="Khóa học lớp 10" class="tw-absolute tw-inset-0 tw-z-10 tw-rounded-2xl lg:tw-hidden"></a>


<!-- Grade Header -->

<a href="https://olm.vn/lop-10" title="Xem thêm khóa học lớp 10" class="tw-relative tw-z-0 tw-aspect-square tw-block tw-max-w-[64px] tw-max-h-[64px] max-lg:tw-pointer-events-none lg:tw-max-w-full lg:tw-max-h-full">

<img src="/v2/home/class-10.png" alt="Khóa học lớp 10" class="tw-rounded-2xl tw-img-cover" title="Khóa học lớp 10" loading="lazy">

</a>


<!-- Subjects -->

<div class="tw-m-1 tw-hidden lg:tw-block">

<a href="https://olm.vn/lop-10-mon-toan" title="Khóa học lớp 10 - Môn Toán" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3 tw-border-b tw-border-stroke-light last:tw-border-b-0">

<div class="tw-font-medium tw-text-gray-800">

Toán

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>

<a href="https://olm.vn/lop-10-ngu-van" title="Khóa học lớp 10 - Môn Ngữ văn" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3 tw-border-b tw-border-stroke-light last:tw-border-b-0">

<div class="tw-font-medium tw-text-gray-800">

Ngữ văn

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>

<a href="https://olm.vn/lop-10-tieng-anh" title="Khóa học lớp 10 - Môn Tiếng Anh" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3">

<div class="tw-font-medium tw-text-gray-800">

Tiếng Anh

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>


<!-- View more button -->

<div class="tw-mt-2 tw-text-center">

<a href="https://olm.vn/lop-10" title="Xem thêm khóa học lớp 10" class="tw-olm-btn-tertiary-40 lg:tw-olm-btn-tertiary-48 tw-w-full">

Xem thêm

<img src="https://rs.olm.vn/v2/icons/arrow-right-secondary.svg" alt="Xem thêm" title="Xem thêm"

class="tw-w-6 tw-h-6 " >

</a>

</div>

</div>



<div class="tw-block lg:tw-hidden">

<span class="tw-text-base tw-font-semibold tw-text-content-secondary">

Lớp 10

</span>

</div>

</div>

<div class="tw-relative tw-p-1 lg:tw-p-2 max-sm:tw-max-w-[240px] tw-rounded-2xl tw-border-2 tw-bg-white tw-border-stroke-light hover:tw-border-accent-default tw-olm-shadow-md tw-duration-300 tw-flex tw-flex-row lg:tw-flex-col tw-gap-3 lg:tw-gap-0 tw-items-center">


<a href="https://olm.vn/lop-11" title="Khóa học lớp 11" aria-label="Khóa học lớp 11" class="tw-absolute tw-inset-0 tw-z-10 tw-rounded-2xl lg:tw-hidden"></a>


<!-- Grade Header -->

<a href="https://olm.vn/lop-11" title="Xem thêm khóa học lớp 11" class="tw-relative tw-z-0 tw-aspect-square tw-block tw-max-w-[64px] tw-max-h-[64px] max-lg:tw-pointer-events-none lg:tw-max-w-full lg:tw-max-h-full">

<img src="/v2/home/class-11.png" alt="Khóa học lớp 11" class="tw-rounded-2xl tw-img-cover" title="Khóa học lớp 11" loading="lazy">

</a>


<!-- Subjects -->

<div class="tw-m-1 tw-hidden lg:tw-block">

<a href="https://olm.vn/lop-11-mon-toan" title="Khóa học lớp 11 - Môn Toán" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3 tw-border-b tw-border-stroke-light last:tw-border-b-0">

<div class="tw-font-medium tw-text-gray-800">

Toán

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>

<a href="https://olm.vn/lop-11-ngu-van" title="Khóa học lớp 11 - Môn Ngữ văn" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3 tw-border-b tw-border-stroke-light last:tw-border-b-0">

<div class="tw-font-medium tw-text-gray-800">

Ngữ văn

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>

<a href="https://olm.vn/lop-11-tieng-anh" title="Khóa học lớp 11 - Môn Tiếng Anh" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3">

<div class="tw-font-medium tw-text-gray-800">

Tiếng Anh

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>


<!-- View more button -->

<div class="tw-mt-2 tw-text-center">

<a href="https://olm.vn/lop-11" title="Xem thêm khóa học lớp 11" class="tw-olm-btn-tertiary-40 lg:tw-olm-btn-tertiary-48 tw-w-full">

Xem thêm

<img src="https://rs.olm.vn/v2/icons/arrow-right-secondary.svg" alt="Xem thêm" title="Xem thêm"

class="tw-w-6 tw-h-6 " >

</a>

</div>

</div>



<div class="tw-block lg:tw-hidden">

<span class="tw-text-base tw-font-semibold tw-text-content-secondary">

Lớp 11

</span>

</div>

</div>

<div class="tw-relative tw-p-1 lg:tw-p-2 max-sm:tw-max-w-[240px] tw-rounded-2xl tw-border-2 tw-bg-white tw-border-stroke-light hover:tw-border-accent-default tw-olm-shadow-md tw-duration-300 tw-flex tw-flex-row lg:tw-flex-col tw-gap-3 lg:tw-gap-0 tw-items-center">


<a href="https://olm.vn/lop-12" title="Khóa học lớp 12" aria-label="Khóa học lớp 12" class="tw-absolute tw-inset-0 tw-z-10 tw-rounded-2xl lg:tw-hidden"></a>


<!-- Grade Header -->

<a href="https://olm.vn/lop-12" title="Xem thêm khóa học lớp 12" class="tw-relative tw-z-0 tw-aspect-square tw-block tw-max-w-[64px] tw-max-h-[64px] max-lg:tw-pointer-events-none lg:tw-max-w-full lg:tw-max-h-full">

<img src="/v2/home/class-12.png" alt="Khóa học lớp 12" class="tw-rounded-2xl tw-img-cover" title="Khóa học lớp 12" loading="lazy">

</a>


<!-- Subjects -->

<div class="tw-m-1 tw-hidden lg:tw-block">

<a href="https://olm.vn/lop-12-mon-toan" title="Khóa học lớp 12 - Môn Toán" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3 tw-border-b tw-border-stroke-light last:tw-border-b-0">

<div class="tw-font-medium tw-text-gray-800">

Toán

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>

<a href="https://olm.vn/lop-12-ngu-van" title="Khóa học lớp 12 - Môn Ngữ văn" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3 tw-border-b tw-border-stroke-light last:tw-border-b-0">

<div class="tw-font-medium tw-text-gray-800">

Ngữ văn

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>

<a href="https://olm.vn/lop-12-tieng-anh" title="Khóa học lớp 12 - Môn Tiếng Anh" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3">

<div class="tw-font-medium tw-text-gray-800">

Tiếng Anh

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>


<!-- View more button -->

<div class="tw-mt-2 tw-text-center">

<a href="https://olm.vn/lop-12" title="Xem thêm khóa học lớp 12" class="tw-olm-btn-tertiary-40 lg:tw-olm-btn-tertiary-48 tw-w-full">

Xem thêm

<img src="https://rs.olm.vn/v2/icons/arrow-right-secondary.svg" alt="Xem thêm" title="Xem thêm"

class="tw-w-6 tw-h-6 " >

</a>

</div>

</div>



<div class="tw-block lg:tw-hidden">

<span class="tw-text-base tw-font-semibold tw-text-content-secondary">

Lớp 12

</span>

</div>

</div>

<div class="tw-flex tw-items-center tw-justify-center tw-w-full tw-h-full">

<img src="/logo/logo-olm-opacity.png" alt="OLM" title="OLM" class="">

</div>

</div>

</div>

</div>

</div>

</section>

<section class="tw-py-12 lg:tw-py-20 tw-bg-white">

<div class="tw-olm-container !tw-grid !tw-grid-cols-2 tw-gap-4 lg:tw-gap-8">

<a href="/hoi-dap" title="Đặt câu hỏi"

class="tw-olm-card tw-border-2 tw-p-4 lg:tw-p-6 tw-olm-shadow-2xl tw-duration-300 tw-block tw-no-underline tw-text-inherit hover:tw-no-underline tw-cursor-pointer tw-flex-col lg:tw-flex-row tw-items-center tw-gap-4 !tw-col-span-2 lg:tw-flex">

<!-- Image -->

<div class="tw-w-full">

<img src="/v2/images/homepage/Image_hoi_dap.png" alt="Hỏi &amp; Đáp cùng cộng đồng" class="tw-img-cover" title="Hỏi &amp; Đáp cùng cộng đồng" loading="lazy">

</div>


<div class="tw-text-left tw-w-full tw-px-4 tw-py-6">

<h3 class="tw-font-semibold tw-text-18 lg:tw-text-24 tw-text-slate-900">

Hỏi &amp; Đáp cùng cộng đồng

</h3>


<p class="tw-mb-6 tw-leading-relaxed tw-text-slate-700 tw-text-14 lg:tw-text-16">

Đặt câu hỏi và nhận ngay lời giải từ thầy cô và các bạn

</p>


<span class="tw-olm-btn-tertiary-48">

Đặt câu hỏi

<img src="https://rs.olm.vn/v2/icons/arrow-right-secondary.svg" alt="Xem thêm" title="Xem thêm"

class="tw-w-6 tw-h-6 " >

</span>

</div>

</a>

<a href="https://dautruong.olm.vn/" title="Tham gia thi đấu"

class="tw-olm-card tw-border-2 tw-p-4 lg:tw-p-6 tw-olm-shadow-2xl tw-duration-300 tw-block tw-no-underline tw-text-inherit hover:tw-no-underline tw-cursor-pointer tw-flex-col tw-items-center tw-gap-4 !tw-col-span-2 lg:!tw-col-span-1 ">

<!-- Image -->

<div class="tw-w-full">

<img src="/v2/images/homepage/Image_dau_truong.png" alt="Đấu trường tri thức" class="tw-img-cover" title="Đấu trường tri thức" loading="lazy">

</div>


<div class="tw-text-left tw-w-full tw-px-4 tw-py-6">

<h3 class="tw-font-semibold tw-text-18 lg:tw-text-24 tw-text-slate-900">

Đấu trường tri thức

</h3>


<p class="tw-mb-6 tw-leading-relaxed tw-text-slate-700 tw-text-14 lg:tw-text-16">

Học vui - Ghi nhớ lâu - Tăng động lực

</p>


<span class="tw-olm-btn-tertiary-48">

Tham gia thi đấu

<img src="https://rs.olm.vn/v2/icons/arrow-right-secondary.svg" alt="Xem thêm" title="Xem thêm"

class="tw-w-6 tw-h-6 " >

</span>

</div>

</a>

<a href="/cuoc-thi" title="Khám phá"

class="tw-olm-card tw-border-2 tw-p-4 lg:tw-p-6 tw-olm-shadow-2xl tw-duration-300 tw-block tw-no-underline tw-text-inherit hover:tw-no-underline tw-cursor-pointer tw-flex-col tw-items-center tw-gap-4 !tw-col-span-2 lg:!tw-col-span-1 ">

<!-- Image -->

<div class="tw-w-full">

<img src="/v2/images/homepage/Image_cuoc_thi_vui.png" alt="Cuộc thi vui mỗi tuần" class="tw-img-cover" title="Cuộc thi vui mỗi tuần" loading="lazy">

</div>


<div class="tw-text-left tw-w-full tw-px-4 tw-py-6">

<h3 class="tw-font-semibold tw-text-18 lg:tw-text-24 tw-text-slate-900">

Cuộc thi vui mỗi tuần

</h3>


<p class="tw-mb-6 tw-leading-relaxed tw-text-slate-700 tw-text-14 lg:tw-text-16">

Chinh phục những đề thi thú vị và nhận quà mỗi tuần

</p>


<span class="tw-olm-btn-tertiary-48">

Khám phá

<img src="https://rs.olm.vn/v2/icons/arrow-right-secondary.svg" alt="Xem thêm" title="Xem thêm"

class="tw-w-6 tw-h-6 " >

</span>

</div>

</a>

</div>

</section>

<section class="tw-py-12 lg:tw-py-20 tw-bg-slate-100">

<div class="tw-olm-container">

<!-- Title -->

<div class="tw-flex tw-flex-col tw-items-center">

<h2 class="tw-mb-6 lg:tw-mb-12 tw-font-semibold tw-text-center tw-leading-10 tw-text-[24px] lg:tw-text-32 tw-text-slate-900">

OLM đáp ứng nhu cầu của mọi đối tượng

</h2>


<!-- Tab Navigation -->

<div class="tw-olm-segmented tw-overflow-x-auto tw-scrollbar-custom max-lg:tw-w-full" id="segment-v2-why-section">

<div class="tw-olm-segmented-item tw-h-10 lg:tw-h-14 tw-flex-shrink-0 tw-rounded-lg lg:tw-rounded-2xl" data-type="student">

<img src="https://rs.olm.vn/v2/icons/icon-student.svg" alt="" title=""

class="tw-w-6 tw-h-6 tw-hidden lg:tw-block " >

<span class="tw-text-[14px] lg:tw-text-18">

Học sinh

</span>

</div>

<div class="tw-olm-segmented-item tw-h-10 lg:tw-h-14 tw-flex-shrink-0 tw-rounded-lg lg:tw-rounded-2xl" data-type="parent">

<img src="https://rs.olm.vn/v2/icons/icon-parent.svg" alt="" title=""

class="tw-w-6 tw-h-6 tw-hidden lg:tw-block " >

<span class="tw-text-[14px] lg:tw-text-18">

Phụ huynh

</span>

</div>

<div class="tw-olm-segmented-item tw-h-10 lg:tw-h-14 tw-flex-shrink-0 tw-rounded-lg lg:tw-rounded-2xl" data-type="teacher">

<img src="https://rs.olm.vn/v2/icons/icon-teacher.svg" alt="" title=""

class="tw-w-6 tw-h-6 tw-hidden lg:tw-block " >

<span class="tw-text-[14px] lg:tw-text-18">

Giáo viên

</span>

</div>

<div class="tw-olm-segmented-item tw-h-10 lg:tw-h-14 tw-flex-shrink-0 tw-rounded-lg lg:tw-rounded-2xl" data-type="school">

<img src="https://rs.olm.vn/v2/icons/icon-school.svg" alt="" title=""

class="tw-w-6 tw-h-6 tw-hidden lg:tw-block " >

<span class="tw-text-[14px] lg:tw-text-18">

Nhà trường

</span>

</div>

</div>

</div>


<!-- Content Area -->

<div class="tw-bg-white tw-rounded-2xl lg:tw-rounded-3xl tw-overflow-hidden">

<div id="student-content" class="tw-block box-type-segment" data-type="student">

<div class="tw-flex tw-flex-col lg:tw-flex-row tw-gap-0 lg:tw-gap-8">

<!-- Left Content -->

<div class="tw-flex-1 tw-p-4 lg:tw-p-6 lg:tw-py-16 lg:tw-pl-16 tw-text-left">

<h3 class="tw-mb-6 lg:tw-mb-10 tw-font-semibold tw-text-[20px] lg:tw-text-24 tw-text-accent-strong tw-leading-[1.4]">

Học tập chủ động, hiệu quả hơn

</h3>


<!-- Feature List -->

<div class="tw-grid tw-grid-cols-1 tw-gap-6 md:tw-grid-cols-2">

<div class="tw-flex tw-gap-4 tw-items-start lg:tw-flex-col">

<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 lg:tw-w-12 lg:tw-h-12">

<img src="https://rs.olm.vn/v2/icons/pencil.svg" alt="Bám sát chương trình" title="Bám sát chương trình"

class="tw-w-full tw-h-full " >

</div>

<div class="tw-flex-1">

<strong class="tw-font-bold tw-text-16 lg:tw-text-18 tw-text-slate-900 tw-mb-1">

Bám sát chương trình

</strong>

<p class="tw-text-[14px] tw-text-content-secondary tw-leading-snug">

Kho bài giảng &amp; bài tập phong phú, bám sát chương trình học

</p>

</div>

</div>

<div class="tw-flex tw-gap-4 tw-items-start lg:tw-flex-col">

<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 lg:tw-w-12 lg:tw-h-12">

<img src="https://rs.olm.vn/v2/icons/user-folder.svg" alt="Cá nhân hóa" title="Cá nhân hóa"

class="tw-w-full tw-h-full " >

</div>

<div class="tw-flex-1">

<strong class="tw-font-bold tw-text-16 lg:tw-text-18 tw-text-slate-900 tw-mb-1">

Cá nhân hóa

</strong>

<p class="tw-text-[14px] tw-text-content-secondary tw-leading-snug">

Nội dung phù hợp trình độ, giúp học đúng chỗ còn yếu

</p>

</div>

</div>

<div class="tw-flex tw-gap-4 tw-items-start lg:tw-flex-col">

<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 lg:tw-w-12 lg:tw-h-12">

<img src="https://rs.olm.vn/v2/icons/community-chat.svg" alt="Cộng đồng kết nối" title="Cộng đồng kết nối"

class="tw-w-full tw-h-full " >

</div>

<div class="tw-flex-1">

<strong class="tw-font-bold tw-text-16 lg:tw-text-18 tw-text-slate-900 tw-mb-1">

Cộng đồng kết nối

</strong>

<p class="tw-text-[14px] tw-text-content-secondary tw-leading-snug">

Tham gia cộng đồng hỏi đáp với giáo viên &amp; bạn bè

</p>

</div>

</div>

<div class="tw-flex tw-gap-4 tw-items-start lg:tw-flex-col">

<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 lg:tw-w-12 lg:tw-h-12">

<img src="https://rs.olm.vn/v2/icons/book-pencil.svg" alt="Luyện đề mọi lúc" title="Luyện đề mọi lúc"

class="tw-w-full tw-h-full " >

</div>

<div class="tw-flex-1">

<strong class="tw-font-bold tw-text-16 lg:tw-text-18 tw-text-slate-900 tw-mb-1">

Luyện đề mọi lúc

</strong>

<p class="tw-text-[14px] tw-text-content-secondary tw-leading-snug">

Làm bài kiểm tra, đề thi thử, tự đánh giá năng lực

</p>

</div>

</div>

</div>

</div>


<!-- Right Image -->

<div class="tw-relative tw-flex-1 tw-flex-shrink-0 tw-hidden lg:tw-block">

<img src="/v2/images/homepage/Why1.png" alt="Học tập chủ động, hiệu quả hơn" class="tw-w-full tw-h-full tw-object-contain" loading="lazy">

</div>


</div>

</div>

<div id="parent-content" class="tw-block box-type-segment" data-type="parent">

<div class="tw-flex tw-flex-col lg:tw-flex-row tw-gap-0 lg:tw-gap-8">

<!-- Left Content -->

<div class="tw-flex-1 tw-p-4 lg:tw-p-6 lg:tw-py-16 lg:tw-pl-16 tw-text-left">

<h3 class="tw-mb-6 lg:tw-mb-10 tw-font-semibold tw-text-[20px] lg:tw-text-24 tw-text-accent-strong tw-leading-[1.4]">

Đồng hành cùng con trong học tập

</h3>


<!-- Feature List -->

<div class="tw-grid tw-grid-cols-1 tw-gap-6 md:tw-grid-cols-2">

<div class="tw-flex tw-gap-4 tw-items-start lg:tw-flex-col">

<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 lg:tw-w-12 lg:tw-h-12">

<img src="https://rs.olm.vn/v2/icons/support-result.svg" alt="Theo dõi kết quả học" title="Theo dõi kết quả học"

class="tw-w-full tw-h-full " >

</div>

<div class="tw-flex-1">

<strong class="tw-font-bold tw-text-16 lg:tw-text-18 tw-text-slate-900 tw-mb-1">

Theo dõi kết quả học

</strong>

<p class="tw-text-[14px] tw-text-content-secondary tw-leading-snug">

Theo dõi tiến trình học tập &amp; kết quả học tập qua báo cáo chi tiết

</p>

</div>

</div>

<div class="tw-flex tw-gap-4 tw-items-start lg:tw-flex-col">

<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 lg:tw-w-12 lg:tw-h-12">

<img src="https://rs.olm.vn/v2/icons/promote.svg" alt="Đề xuất lộ trình học" title="Đề xuất lộ trình học"

class="tw-w-full tw-h-full " >

</div>

<div class="tw-flex-1">

<strong class="tw-font-bold tw-text-16 lg:tw-text-18 tw-text-slate-900 tw-mb-1">

Đề xuất lộ trình học

</strong>

<p class="tw-text-[14px] tw-text-content-secondary tw-leading-snug">

Nhận thông báo &amp; đề xuất lộ trình học phù hợp cho con

</p>

</div>

</div>

<div class="tw-flex tw-gap-4 tw-items-start lg:tw-flex-col">

<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 lg:tw-w-12 lg:tw-h-12">

<img src="https://rs.olm.vn/v2/icons/calculator.svg" alt="Hỗ trợ học tập hiệu quả" title="Hỗ trợ học tập hiệu quả"

class="tw-w-full tw-h-full " >

</div>

<div class="tw-flex-1">

<strong class="tw-font-bold tw-text-16 lg:tw-text-18 tw-text-slate-900 tw-mb-1">

Hỗ trợ học tập hiệu quả

</strong>

<p class="tw-text-[14px] tw-text-content-secondary tw-leading-snug">

Hỗ trợ con học tập với hệ thống Hỏi – Đáp, kho tài liệu tham khảo

</p>

</div>

</div>

<div class="tw-flex tw-gap-4 tw-items-start lg:tw-flex-col">

<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 lg:tw-w-12 lg:tw-h-12">

<img src="https://rs.olm.vn/v2/icons/teacher-1.svg" alt="Tương tác giáo viên dễ dàng" title="Tương tác giáo viên dễ dàng"

class="tw-w-full tw-h-full " >

</div>

<div class="tw-flex-1">

<strong class="tw-font-bold tw-text-16 lg:tw-text-18 tw-text-slate-900 tw-mb-1">

Tương tác giáo viên dễ dàng

</strong>

<p class="tw-text-[14px] tw-text-content-secondary tw-leading-snug">

Tương tác với giáo viên, nắm bắt tình hình học tập dễ dàng

</p>

</div>

</div>

</div>

</div>


<!-- Right Image -->

<div class="tw-relative tw-flex-1 tw-flex-shrink-0 tw-hidden lg:tw-block">

<img src="/v2/images/homepage/Why2.png" alt="Đồng hành cùng con trong học tập" class="tw-w-full tw-h-full tw-object-contain" loading="lazy">

</div>


</div>

</div>

<div id="teacher-content" class="tw-block box-type-segment" data-type="teacher">

<div class="tw-flex tw-flex-col lg:tw-flex-row tw-gap-0 lg:tw-gap-8">

<!-- Left Content -->

<div class="tw-flex-1 tw-p-4 lg:tw-p-6 lg:tw-py-16 lg:tw-pl-16 tw-text-left">

<h3 class="tw-mb-6 lg:tw-mb-10 tw-font-semibold tw-text-[20px] lg:tw-text-24 tw-text-accent-strong tw-leading-[1.4]">

Giảng dạy thông minh, quản lý dễ dàng

</h3>


<!-- Feature List -->

<div class="tw-grid tw-grid-cols-1 tw-gap-6 md:tw-grid-cols-2">

<div class="tw-flex tw-gap-4 tw-items-start lg:tw-flex-col">

<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 lg:tw-w-12 lg:tw-h-12">

<img src="https://rs.olm.vn/v2/icons/support-result.svg" alt="Tạo bài tập trực tuyến" title="Tạo bài tập trực tuyến"

class="tw-w-full tw-h-full " >

</div>

<div class="tw-flex-1">

<strong class="tw-font-bold tw-text-16 lg:tw-text-18 tw-text-slate-900 tw-mb-1">

Tạo bài tập trực tuyến

</strong>

<p class="tw-text-[14px] tw-text-content-secondary tw-leading-snug">

Tạo bài tập, kiểm tra trực tuyến và theo dõi kết quả tự động

</p>

</div>

</div>

<div class="tw-flex tw-gap-4 tw-items-start lg:tw-flex-col">

<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 lg:tw-w-12 lg:tw-h-12">

<img src="https://rs.olm.vn/v2/icons/score.svg" alt="Chấm điểm nhanh chóng " title="Chấm điểm nhanh chóng "

class="tw-w-full tw-h-full " >

</div>

<div class="tw-flex-1">

<strong class="tw-font-bold tw-text-16 lg:tw-text-18 tw-text-slate-900 tw-mb-1">

Chấm điểm nhanh chóng

</strong>

<p class="tw-text-[14px] tw-text-content-secondary tw-leading-snug">

Giao bài &amp; chấm điểm nhanh chóng, tiết kiệm thời gian dạy

</p>

</div>

</div>

<div class="tw-flex tw-gap-4 tw-items-start lg:tw-flex-col">

<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 lg:tw-w-12 lg:tw-h-12">

<img src="https://rs.olm.vn/v2/icons/document.svg" alt="Kho tài liệu số hóa" title="Kho tài liệu số hóa"

class="tw-w-full tw-h-full " >

</div>

<div class="tw-flex-1">

<strong class="tw-font-bold tw-text-16 lg:tw-text-18 tw-text-slate-900 tw-mb-1">

Kho tài liệu số hóa

</strong>

<p class="tw-text-[14px] tw-text-content-secondary tw-leading-snug">

Sử dụng kho tài liệu số hóa, giúp thiết kế bài giảng sinh động hơn

</p>

</div>

</div>

<div class="tw-flex tw-gap-4 tw-items-start lg:tw-flex-col">

<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 lg:tw-w-12 lg:tw-h-12">

<img src="https://rs.olm.vn/v2/icons/online.svg" alt="Giảng dạy trực tuyến" title="Giảng dạy trực tuyến"

class="tw-w-full tw-h-full " >

</div>

<div class="tw-flex-1">

<strong class="tw-font-bold tw-text-16 lg:tw-text-18 tw-text-slate-900 tw-mb-1">

Giảng dạy trực tuyến

</strong>

<p class="tw-text-[14px] tw-text-content-secondary tw-leading-snug">

Giảng dạy trực tuyến &amp; đánh giá năng lực học sinh chính xác

</p>

</div>

</div>

</div>

</div>


<!-- Right Image -->

<div class="tw-relative tw-flex-1 tw-flex-shrink-0 tw-hidden lg:tw-block">

<img src="/v2/images/homepage/Why3.png" alt="Giảng dạy thông minh, quản lý dễ dàng" class="tw-w-full tw-h-full tw-object-contain" loading="lazy">

</div>


</div>

</div>

<div id="school-content" class="tw-block box-type-segment" data-type="school">

<div class="tw-flex tw-flex-col lg:tw-flex-row tw-gap-0 lg:tw-gap-8">

<!-- Left Content -->

<div class="tw-flex-1 tw-p-4 lg:tw-p-6 lg:tw-py-16 lg:tw-pl-16 tw-text-left">

<h3 class="tw-mb-6 lg:tw-mb-10 tw-font-semibold tw-text-[20px] lg:tw-text-24 tw-text-accent-strong tw-leading-[1.4]">

Số hóa giáo dục, nâng cao chất lượng giảng dạy

</h3>


<!-- Feature List -->

<div class="tw-grid tw-grid-cols-1 tw-gap-6 md:tw-grid-cols-2">

<div class="tw-flex tw-gap-4 tw-items-start lg:tw-flex-col">

<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 lg:tw-w-12 lg:tw-h-12">

<img src="https://rs.olm.vn/v2/icons/analysis-1.svg" alt="Quản lý giáo dục toàn diện" title="Quản lý giáo dục toàn diện"

class="tw-w-full tw-h-full " >

</div>

<div class="tw-flex-1">

<strong class="tw-font-bold tw-text-16 lg:tw-text-18 tw-text-slate-900 tw-mb-1">

Quản lý giáo dục toàn diện

</strong>

<p class="tw-text-[14px] tw-text-content-secondary tw-leading-snug">

Quản lý giáo viên, học sinh &amp; chương trình trên một nền tảng

</p>

</div>

</div>

<div class="tw-flex tw-gap-4 tw-items-start lg:tw-flex-col">

<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 lg:tw-w-12 lg:tw-h-12">

<img src="https://rs.olm.vn/v2/icons/analysis.svg" alt="Phân tích dữ liệu đào tạo" title="Phân tích dữ liệu đào tạo"

class="tw-w-full tw-h-full " >

</div>

<div class="tw-flex-1">

<strong class="tw-font-bold tw-text-16 lg:tw-text-18 tw-text-slate-900 tw-mb-1">

Phân tích dữ liệu đào tạo

</strong>

<p class="tw-text-[14px] tw-text-content-secondary tw-leading-snug">

Hệ thống báo cáo, phân tích dữ liệu đánh giá chất lượng đào tạo

</p>

</div>

</div>

<div class="tw-flex tw-gap-4 tw-items-start lg:tw-flex-col">

<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 lg:tw-w-12 lg:tw-h-12">

<img src="https://rs.olm.vn/v2/icons/online.svg" alt="Dạy học trực tuyến" title="Dạy học trực tuyến"

class="tw-w-full tw-h-full " >

</div>

<div class="tw-flex-1">

<strong class="tw-font-bold tw-text-16 lg:tw-text-18 tw-text-slate-900 tw-mb-1">

Dạy học trực tuyến

</strong>

<p class="tw-text-[14px] tw-text-content-secondary tw-leading-snug">

Hỗ trợ triển khai dạy học trực tuyến &amp; kiểm tra đánh giá số hóa

</p>

</div>

</div>

<div class="tw-flex tw-gap-4 tw-items-start lg:tw-flex-col">

<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 lg:tw-w-12 lg:tw-h-12">

<img src="https://rs.olm.vn/v2/icons/pencil.svg" alt="Học tập hiệu quả" title="Học tập hiệu quả"

class="tw-w-full tw-h-full " >

</div>

<div class="tw-flex-1">

<strong class="tw-font-bold tw-text-16 lg:tw-text-18 tw-text-slate-900 tw-mb-1">

Học tập hiệu quả

</strong>

<p class="tw-text-[14px] tw-text-content-secondary tw-leading-snug">

Tạo môi trường học tập hiện đại, linh hoạt &amp; hiệu quả

</p>

</div>

</div>

</div>

</div>


<!-- Right Image -->

<div class="tw-relative tw-flex-1 tw-flex-shrink-0 tw-hidden lg:tw-block">

<img src="/v2/images/homepage/Why4.png" alt="Số hóa giáo dục, nâng cao chất lượng giảng dạy" class="tw-w-full tw-h-full tw-object-contain" loading="lazy">

</div>


</div>

</div>

</div>

</div>

</section>

<section class="tw-bg-white">

<div class="tw-olm-container tw-py-12 md:tw-py-20">

<!-- Title -->

<h2 class="tw-text-24 md:tw-text-32 tw-font-semibold tw-leading-tight md:tw-leading-10 tw-text-center lg:tw-mb-8">

Các sản phẩm cùng

<br class="md:tw-hidden" />

hệ sinh thái

</h2>


<!-- Products Grid -->

<div class="owl-carousel owl-theme loop olm-carousel

[&_.owl-dots]:tw-mt-8 [&_.owl-dots]:tw-flex [&_.owl-dots]:tw-justify-center [&_.owl-dots]:tw-gap-2

[&_.owl-dot_span]:tw-w-6 [&_.owl-dot_span]:tw-h-1.5 [&_.owl-dot_span]:tw-rounded-full [&_.owl-dot_span]:tw-bg-[#CBD5E1] [&_.owl-dot_span]:tw-transition-all [&_.owl-dot_span]:tw-duration-300

[&_.owl-dot.active_span]:tw-w-10 [&_.owl-dot.active_span]:tw-bg-[#4F46E5]"

id="ecosystem-products">

<a href="https://tkb.olm.vn/" target="_blank" class="tw-bg-white tw-rounded-xl tw-flex tw-flex-col tw-h-[320px] md:tw-h-80 tw-overflow-hidden tw-transition-all tw-duration-300 tw-outline tw-outline-1 tw-outline-[#E2E8F0] tw--outline-offset-1 tw-shadow-[inset_0px_-1px_0px_2px_rgba(241,245,249,1.0)] hover:tw-outline-accent-default">


<!-- Content Area -->

<div class="tw-p-4 md:tw-p-6 tw-flex-1 tw-flex tw-flex-col tw-gap-4">

<img src="/v2/home/ecosystem-section/logo-tkb.png" alt="Thời khóa biểu OLM TKB" title="Thời khóa biểu OLM TKB"

class="tw-h-10 tw-w-auto tw-object-contain tw-self-start" style="width: auto !important;" loading="lazy">


<p class="tw-text-16 tw-leading-6 tw-text-Color-Content-Secondary">

Ứng dụng xếp thời khoá biểu OLM TKB

</p>

</div>


<!-- Illustration Area -->

<div class="tw-relative tw-h-44 md:tw-h-40 tw-overflow-hidden">

<!-- Decorative circle from figma -->

<div class="tw-absolute tw-w-52 tw-h-72 tw-left-[103px] tw-top-[66px] tw-bg-[#F5F3FF] tw-rounded-full"></div>


<img src="/v2/images/homepage/TKB.png" alt="Thời khóa biểu OLM TKB"

title="Thời khóa biểu OLM TKB"

class="tw-absolute tw-right-0 tw-bottom-0 tw-w-48 tw-h-full tw-object-contain" loading="lazy">

</div>

</a>

<a href="https://dgnl.olm.vn/" target="_blank" class="tw-bg-white tw-rounded-xl tw-flex tw-flex-col tw-h-[320px] md:tw-h-80 tw-overflow-hidden tw-transition-all tw-duration-300 tw-outline tw-outline-1 tw-outline-[#E2E8F0] tw--outline-offset-1 tw-shadow-[inset_0px_-1px_0px_2px_rgba(241,245,249,1.0)] hover:tw-outline-accent-default">


<!-- Content Area -->

<div class="tw-p-4 md:tw-p-6 tw-flex-1 tw-flex tw-flex-col tw-gap-4">

<img src="/v2/home/ecosystem-section/logo-dgnl.png" alt="Đánh giá năng lực ĐGNL" title="Đánh giá năng lực ĐGNL"

class="tw-h-10 tw-w-auto tw-object-contain tw-self-start" style="width: auto !important;" loading="lazy">


<p class="tw-text-16 tw-leading-6 tw-text-Color-Content-Secondary">

Luyện tập, thi thử đánh giá năng lực

</p>

</div>


<!-- Illustration Area -->

<div class="tw-relative tw-h-44 md:tw-h-40 tw-overflow-hidden">

<!-- Decorative circle from figma -->

<div class="tw-absolute tw-w-52 tw-h-72 tw-left-[103px] tw-top-[66px] tw-bg-[#F5F3FF] tw-rounded-full"></div>


<img src="/v2/images/homepage/dgnl.png" alt="Đánh giá năng lực ĐGNL"

title="Đánh giá năng lực ĐGNL"

class="tw-absolute tw-right-0 tw-bottom-0 tw-w-48 tw-h-full tw-object-contain" loading="lazy">

</div>

</a>

<a href="https://marker.olm.vn/" target="_blank" class="tw-bg-white tw-rounded-xl tw-flex tw-flex-col tw-h-[320px] md:tw-h-80 tw-overflow-hidden tw-transition-all tw-duration-300 tw-outline tw-outline-1 tw-outline-[#E2E8F0] tw--outline-offset-1 tw-shadow-[inset_0px_-1px_0px_2px_rgba(241,245,249,1.0)] hover:tw-outline-accent-default">


<!-- Content Area -->

<div class="tw-p-4 md:tw-p-6 tw-flex-1 tw-flex tw-flex-col tw-gap-4">

<img src="/v2/home/ecosystem-section/logo-marker.png" alt="Marker OLM" title="Marker OLM"

class="tw-h-10 tw-w-auto tw-object-contain tw-self-start" style="width: auto !important;" loading="lazy">


<p class="tw-text-16 tw-leading-6 tw-text-Color-Content-Secondary">

Phần mềm chấm trắc nghiệm theo mẫu đề thi THPT 2025

</p>

</div>


<!-- Illustration Area -->

<div class="tw-relative tw-h-44 md:tw-h-40 tw-overflow-hidden">

<!-- Decorative circle from figma -->

<div class="tw-absolute tw-w-52 tw-h-72 tw-left-[103px] tw-top-[66px] tw-bg-[#F5F3FF] tw-rounded-full"></div>


<img src="/v2/images/homepage/Marker.png" alt="Marker OLM"

title="Marker OLM"

class="tw-absolute tw-right-0 tw-bottom-0 tw-w-48 tw-h-full tw-object-contain" loading="lazy">

</div>

</a>

<a href="https://class.olm.vn/" target="_blank" class="tw-bg-white tw-rounded-xl tw-flex tw-flex-col tw-h-[320px] md:tw-h-80 tw-overflow-hidden tw-transition-all tw-duration-300 tw-outline tw-outline-1 tw-outline-[#E2E8F0] tw--outline-offset-1 tw-shadow-[inset_0px_-1px_0px_2px_rgba(241,245,249,1.0)] hover:tw-outline-accent-default">


<!-- Content Area -->

<div class="tw-p-4 md:tw-p-6 tw-flex-1 tw-flex tw-flex-col tw-gap-4">

<img src="/v2/home/ecosystem-section/logo-olm-class.png" alt="OLM Class" title="OLM Class"

class="tw-h-10 tw-w-auto tw-object-contain tw-self-start" style="width: auto !important;" loading="lazy">


<p class="tw-text-16 tw-leading-6 tw-text-Color-Content-Secondary">

Học trực tiếp với giáo viên của OLM

</p>

</div>


<!-- Illustration Area -->

<div class="tw-relative tw-h-44 md:tw-h-40 tw-overflow-hidden">

<!-- Decorative circle from figma -->

<div class="tw-absolute tw-w-52 tw-h-72 tw-left-[103px] tw-top-[66px] tw-bg-[#F5F3FF] tw-rounded-full"></div>


<img src="/v2/images/homepage/Class.png" alt="OLM Class"

title="OLM Class"

class="tw-absolute tw-right-0 tw-bottom-0 tw-w-48 tw-h-full tw-object-contain" loading="lazy">

</div>

</a>

</div>

</div>

</section>

<section class="tw-olm-container tw-mt-6 tw-mb-12 lg:tw-mb-20">

<div class="tw-flex tw-flex-col tw-gap-6 lg:tw-gap-8 tw-items-center tw-py-8 lg:tw-py-16 tw-bg-secondary-extra-light tw-rounded-2xl lg:tw-rounded-3xl">

<!-- Title -->

<h2 class="tw-font-semibold tw-text-24 lg:tw-text-32 tw-text-dark-green tw-text-center">

Chia sẻ từ người dùng OLM

</h2>


<div class="tw-flex tw-relative tw-flex-col tw-gap-6 md:tw-gap-8 tw-items-center tw-self-stretch tw-w-full">

<!-- Tab Navigation -->

<div class="tw-w-full tw-px-4">

<div class="tw-olm-segmented tw-flex tw-flex-nowrap tw-w-max tw-max-w-full md:tw-mx-auto tw-overflow-x-auto tw-scrollbar-custom" id="segment-v2-testimonials-section">

<div class="tw-olm-segmented-item tw-h-10 lg:tw-h-14 tw-flex-shrink-0 tw-rounded-lg lg:tw-rounded-2xl" data-type="student">

<img src="https://rs.olm.vn/v2/icons/icon-student.svg" alt="" title=""

class="tw-hidden lg:tw-block md:tw-w-6 md:tw-h-6 " >

<span class="tw-whitespace-nowrap tw-text-[14px] lg:tw-text-18">

Học sinh

</span>

</div>

<div class="tw-olm-segmented-item tw-h-10 lg:tw-h-14 tw-flex-shrink-0 tw-rounded-lg lg:tw-rounded-2xl" data-type="parent">

<img src="https://rs.olm.vn/v2/icons/icon-parent.svg" alt="" title=""

class="tw-hidden lg:tw-block md:tw-w-6 md:tw-h-6 " >

<span class="tw-whitespace-nowrap tw-text-[14px] lg:tw-text-18">

Phụ huynh

</span>

</div>

<div class="tw-olm-segmented-item tw-h-10 lg:tw-h-14 tw-flex-shrink-0 tw-rounded-lg lg:tw-rounded-2xl" data-type="teacher">

<img src="https://rs.olm.vn/v2/icons/icon-teacher.svg" alt="" title=""

class="tw-hidden lg:tw-block md:tw-w-6 md:tw-h-6 " >

<span class="tw-whitespace-nowrap tw-text-[14px] lg:tw-text-18">

Giáo viên

</span>

</div>

<div class="tw-olm-segmented-item tw-h-10 lg:tw-h-14 tw-flex-shrink-0 tw-rounded-lg lg:tw-rounded-2xl" data-type="school">

<img src="https://rs.olm.vn/v2/icons/icon-school.svg" alt="" title=""

class="tw-hidden lg:tw-block md:tw-w-6 md:tw-h-6 " >

<span class="tw-whitespace-nowrap tw-text-[14px] lg:tw-text-18">

Nhà trường

</span>

</div>

</div>

</div>


<!-- Testimonials Content -->

<div class="tw-px-4 md:tw-pl-8 tw-w-full marquee

[&_.tw-olm-card]:tw-flex-[0_0_90%] md:[&_.tw-olm-card]:tw-flex-[0_0_35%]

[&_.tw-olm-card]:tw-max-w-[90%] md:[&_.tw-olm-card]:tw-max-w-[35%]

[&_.tw-olm-card]:tw-whitespace-normal">

<div id="student-testimonials"

class="marquee-inner testimonials-carousel"

data-type="student">

<div class="tw-olm-card tw-h-[300px] tw-flex tw-flex-col tw-justify-between">

<!-- Testimonial Content -->

<div class="tw-flex tw-flex-col tw-gap-2 tw-items-start tw-h-full tw-w-full">

<div class="tw-w-6 tw-h-6 tw-flex-shrink-0">

<img src="https://rs.olm.vn/v2/icons/quote.svg" alt="Quote" title="Quote"

class="tw-w-full tw-h-full " >

</div>

<p class="tw-text-16 tw-text-wrap tw-w-full tw-break-words tw-whitespace-normal tw-overflow-wrap-anywhere">

Nhờ OLM, em có thể luyện tập và thi thử các đề ĐGNL, THPT Quốc gia sát với thực tế. Giao diện dễ dùng, phần giải thích chi tiết giúp em hiểu sâu hơn từng dạng bài.

</p>

</div>


<!-- User Info -->

<div class="tw-flex tw-gap-3 tw-items-center">


<div>

<h4 class="tw-text-16 tw-font-semibold">

Nguyễn Thúy Trang

</h4>

<p class="tw-text-14 tw-text-content-tertiary">

Học sinh, Lớp 12

</p>

</div>

</div>

</div>

<div class="tw-olm-card tw-h-[300px] tw-flex tw-flex-col tw-justify-between">

<!-- Testimonial Content -->

<div class="tw-flex tw-flex-col tw-gap-2 tw-items-start tw-h-full tw-w-full">

<div class="tw-w-6 tw-h-6 tw-flex-shrink-0">

<img src="https://rs.olm.vn/v2/icons/quote.svg" alt="Quote" title="Quote"

class="tw-w-full tw-h-full " >

</div>

<p class="tw-text-16 tw-text-wrap tw-w-full tw-break-words tw-whitespace-normal tw-overflow-wrap-anywhere">

Em rất thích các cuộc thi đấu trên OLM vì được tranh tài với các bạn trên cả nước, vừa học vừa chơi mà vẫn nâng cao kiến thức.

</p>

</div>


<!-- User Info -->

<div class="tw-flex tw-gap-3 tw-items-center">


<div>

<h4 class="tw-text-16 tw-font-semibold">

Lê Minh Quân

</h4>

<p class="tw-text-14 tw-text-content-tertiary">

Học sinh, Lớp 9

</p>

</div>

</div>

</div>

<div class="tw-olm-card tw-h-[300px] tw-flex tw-flex-col tw-justify-between">

<!-- Testimonial Content -->

<div class="tw-flex tw-flex-col tw-gap-2 tw-items-start tw-h-full tw-w-full">

<div class="tw-w-6 tw-h-6 tw-flex-shrink-0">

<img src="https://rs.olm.vn/v2/icons/quote.svg" alt="Quote" title="Quote"

class="tw-w-full tw-h-full " >

</div>

<p class="tw-text-16 tw-text-wrap tw-w-full tw-break-words tw-whitespace-normal tw-overflow-wrap-anywhere">

OLM có kho đề phong phú, cập nhật liên tục. Em dễ dàng tìm được đề phù hợp với trình độ và mục tiêu học tập của mình.

</p>

</div>


<!-- User Info -->

<div class="tw-flex tw-gap-3 tw-items-center">


<div>

<h4 class="tw-text-16 tw-font-semibold">

Trần Bảo Ngọc

</h4>

<p class="tw-text-14 tw-text-content-tertiary">

Học sinh, Lớp 7

</p>

</div>

</div>

</div>

<div class="tw-olm-card tw-h-[300px] tw-flex tw-flex-col tw-justify-between">

<!-- Testimonial Content -->

<div class="tw-flex tw-flex-col tw-gap-2 tw-items-start tw-h-full tw-w-full">

<div class="tw-w-6 tw-h-6 tw-flex-shrink-0">

<img src="https://rs.olm.vn/v2/icons/quote.svg" alt="Quote" title="Quote"

class="tw-w-full tw-h-full " >

</div>

<p class="tw-text-16 tw-text-wrap tw-w-full tw-break-words tw-whitespace-normal tw-overflow-wrap-anywhere">

Nhờ luyện tập trên OLM, em tự tin hơn khi làm bài kiểm tra ở trường. Các phần thưởng cũng rất thú vị và tạo động lực cho em học tốt hơn.

</p>

</div>


<!-- User Info -->

<div class="tw-flex tw-gap-3 tw-items-center">


<div>

<h4 class="tw-text-16 tw-font-semibold">

Phạm Đức Anh

</h4>

<p class="tw-text-14 tw-text-content-tertiary">

Học sinh, Lớp 5

</p>

</div>

</div>

</div>

</div>

<div id="parent-testimonials"

class="marquee-inner testimonials-carousel"

data-type="parent">

<div class="tw-olm-card tw-h-[300px] tw-flex tw-flex-col tw-justify-between">

<!-- Testimonial Content -->

<div class="tw-flex tw-flex-col tw-gap-2 tw-items-start tw-h-full tw-w-full">

<div class="tw-w-6 tw-h-6 tw-flex-shrink-0">

<img src="https://rs.olm.vn/v2/icons/quote.svg" alt="Quote" title="Quote"

class="tw-w-full tw-h-full " >

</div>

<p class="tw-text-16 tw-text-wrap tw-w-full tw-break-words tw-whitespace-normal tw-overflow-wrap-anywhere">

Tôi yên tâm khi cho con học trên OLM vì nội dung được kiểm duyệt kỹ, phù hợp với chương trình giáo dục. Bé nhà tôi tiến bộ rõ rệt sau mỗi kỳ thi.

</p>

</div>


<!-- User Info -->

<div class="tw-flex tw-gap-3 tw-items-center">


<div>

<h4 class="tw-text-16 tw-font-semibold">

Nguyễn Thị Mai

</h4>

<p class="tw-text-14 tw-text-content-tertiary">

Phụ huynh học sinh, Hà Nội

</p>

</div>

</div>

</div>

<div class="tw-olm-card tw-h-[300px] tw-flex tw-flex-col tw-justify-between">

<!-- Testimonial Content -->

<div class="tw-flex tw-flex-col tw-gap-2 tw-items-start tw-h-full tw-w-full">

<div class="tw-w-6 tw-h-6 tw-flex-shrink-0">

<img src="https://rs.olm.vn/v2/icons/quote.svg" alt="Quote" title="Quote"

class="tw-w-full tw-h-full " >

</div>

<p class="tw-text-16 tw-text-wrap tw-w-full tw-break-words tw-whitespace-normal tw-overflow-wrap-anywhere">

OLM giúp tôi dễ dàng theo dõi quá trình học tập của con. Các báo cáo chi tiết, rõ ràng, giúp tôi biết con cần cải thiện ở đâu.

</p>

</div>


<!-- User Info -->

<div class="tw-flex tw-gap-3 tw-items-center">


<div>

<h4 class="tw-text-16 tw-font-semibold">

Trần Văn Hùng

</h4>

<p class="tw-text-14 tw-text-content-tertiary">

Phụ huynh học sinh, TP.HCM

</p>

</div>

</div>

</div>

<div class="tw-olm-card tw-h-[300px] tw-flex tw-flex-col tw-justify-between">

<!-- Testimonial Content -->

<div class="tw-flex tw-flex-col tw-gap-2 tw-items-start tw-h-full tw-w-full">

<div class="tw-w-6 tw-h-6 tw-flex-shrink-0">

<img src="https://rs.olm.vn/v2/icons/quote.svg" alt="Quote" title="Quote"

class="tw-w-full tw-h-full " >

</div>

<p class="tw-text-16 tw-text-wrap tw-w-full tw-break-words tw-whitespace-normal tw-overflow-wrap-anywhere">

Con tôi rất hào hứng với các cuộc thi và phần thưởng trên OLM. Nhờ đó, bé chủ động học tập hơn mà không cần nhắc nhở nhiều.

</p>

</div>


<!-- User Info -->

<div class="tw-flex tw-gap-3 tw-items-center">


<div>

<h4 class="tw-text-16 tw-font-semibold">

Lê Thị Hạnh

</h4>

<p class="tw-text-14 tw-text-content-tertiary">

Phụ huynh học sinh, Đà Nẵng

</p>

</div>

</div>

</div>

</div>

<div id="teacher-testimonials"

class="marquee-inner testimonials-carousel"

data-type="teacher">

<div class="tw-olm-card tw-h-[300px] tw-flex tw-flex-col tw-justify-between">

<!-- Testimonial Content -->

<div class="tw-flex tw-flex-col tw-gap-2 tw-items-start tw-h-full tw-w-full">

<div class="tw-w-6 tw-h-6 tw-flex-shrink-0">

<img src="https://rs.olm.vn/v2/icons/quote.svg" alt="Quote" title="Quote"

class="tw-w-full tw-h-full " >

</div>

<p class="tw-text-16 tw-text-wrap tw-w-full tw-break-words tw-whitespace-normal tw-overflow-wrap-anywhere">

OLM là công cụ hỗ trợ đắc lực cho giáo viên. Tôi có thể giao bài, kiểm tra và đánh giá học sinh một cách nhanh chóng, hiệu quả.

</p>

</div>


<!-- User Info -->

<div class="tw-flex tw-gap-3 tw-items-center">


<div>

<h4 class="tw-text-16 tw-font-semibold">

Ngô Văn Bình

</h4>

<p class="tw-text-14 tw-text-content-tertiary">

Giáo viên Toán, Trường THCS Nguyễn Du

</p>

</div>

</div>

</div>

<div class="tw-olm-card tw-h-[300px] tw-flex tw-flex-col tw-justify-between">

<!-- Testimonial Content -->

<div class="tw-flex tw-flex-col tw-gap-2 tw-items-start tw-h-full tw-w-full">

<div class="tw-w-6 tw-h-6 tw-flex-shrink-0">

<img src="https://rs.olm.vn/v2/icons/quote.svg" alt="Quote" title="Quote"

class="tw-w-full tw-h-full " >

</div>

<p class="tw-text-16 tw-text-wrap tw-w-full tw-break-words tw-whitespace-normal tw-overflow-wrap-anywhere">

Kho đề thi và bài tập trên OLM rất đa dạng, bám sát chương trình. Tôi dễ dàng chọn lọc và giao bài phù hợp với từng đối tượng học sinh.

</p>

</div>


<!-- User Info -->

<div class="tw-flex tw-gap-3 tw-items-center">


<div>

<h4 class="tw-text-16 tw-font-semibold">

Phạm Thị Lan

</h4>

<p class="tw-text-14 tw-text-content-tertiary">

Giáo viên Ngữ văn, Trường THPT Lê Quý Đôn

</p>

</div>

</div>

</div>

<div class="tw-olm-card tw-h-[300px] tw-flex tw-flex-col tw-justify-between">

<!-- Testimonial Content -->

<div class="tw-flex tw-flex-col tw-gap-2 tw-items-start tw-h-full tw-w-full">

<div class="tw-w-6 tw-h-6 tw-flex-shrink-0">

<img src="https://rs.olm.vn/v2/icons/quote.svg" alt="Quote" title="Quote"

class="tw-w-full tw-h-full " >

</div>

<p class="tw-text-16 tw-text-wrap tw-w-full tw-break-words tw-whitespace-normal tw-overflow-wrap-anywhere">

Tính năng thống kê, báo cáo trên OLM giúp tôi nắm bắt được tiến độ học tập của từng học sinh, từ đó có phương pháp giảng dạy phù hợp hơn.

</p>

</div>


<!-- User Info -->

<div class="tw-flex tw-gap-3 tw-items-center">


<div>

<h4 class="tw-text-16 tw-font-semibold">

Lê Minh Tuấn

</h4>

<p class="tw-text-14 tw-text-content-tertiary">

Giáo viên Vật lý, Trường THCS Trần Phú

</p>

</div>

</div>

</div>

</div>

<div id="school-testimonials"

class="marquee-inner testimonials-carousel"

data-type="school">

<div class="tw-olm-card tw-h-[300px] tw-flex tw-flex-col tw-justify-between">

<!-- Testimonial Content -->

<div class="tw-flex tw-flex-col tw-gap-2 tw-items-start tw-h-full tw-w-full">

<div class="tw-w-6 tw-h-6 tw-flex-shrink-0">

<img src="https://rs.olm.vn/v2/icons/quote.svg" alt="Quote" title="Quote"

class="tw-w-full tw-h-full " >

</div>

<p class="tw-text-16 tw-text-wrap tw-w-full tw-break-words tw-whitespace-normal tw-overflow-wrap-anywhere">

OLM giúp nhà trường tổ chức các kỳ thi online một cách chuyên nghiệp, tiết kiệm thời gian và nguồn lực.

</p>

</div>


<!-- User Info -->

<div class="tw-flex tw-gap-3 tw-items-center">


<div>

<h4 class="tw-text-16 tw-font-semibold">

Nguyễn Thị Thu

</h4>

<p class="tw-text-14 tw-text-content-tertiary">

Hiệu trưởng, Trường THPT Nguyễn Trãi

</p>

</div>

</div>

</div>

<div class="tw-olm-card tw-h-[300px] tw-flex tw-flex-col tw-justify-between">

<!-- Testimonial Content -->

<div class="tw-flex tw-flex-col tw-gap-2 tw-items-start tw-h-full tw-w-full">

<div class="tw-w-6 tw-h-6 tw-flex-shrink-0">

<img src="https://rs.olm.vn/v2/icons/quote.svg" alt="Quote" title="Quote"

class="tw-w-full tw-h-full " >

</div>

<p class="tw-text-16 tw-text-wrap tw-w-full tw-break-words tw-whitespace-normal tw-overflow-wrap-anywhere">

Nhờ OLM, việc quản lý chất lượng dạy và học trong trường trở nên dễ dàng hơn. Các báo cáo tổng hợp rất trực quan và hữu ích.

</p>

</div>


<!-- User Info -->

<div class="tw-flex tw-gap-3 tw-items-center">


<div>

<h4 class="tw-text-16 tw-font-semibold">

Trần Văn Dũng

</h4>

<p class="tw-text-14 tw-text-content-tertiary">

Phó hiệu trưởng, Trường THCS Lý Tự Trọng

</p>

</div>

</div>

</div>

<div class="tw-olm-card tw-h-[300px] tw-flex tw-flex-col tw-justify-between">

<!-- Testimonial Content -->

<div class="tw-flex tw-flex-col tw-gap-2 tw-items-start tw-h-full tw-w-full">

<div class="tw-w-6 tw-h-6 tw-flex-shrink-0">

<img src="https://rs.olm.vn/v2/icons/quote.svg" alt="Quote" title="Quote"

class="tw-w-full tw-h-full " >

</div>

<p class="tw-text-16 tw-text-wrap tw-w-full tw-break-words tw-whitespace-normal tw-overflow-wrap-anywhere">

OLM là nền tảng giáo dục số hiện đại, giúp nhà trường kết nối hiệu quả với học sinh, phụ huynh và giáo viên.

</p>

</div>


<!-- User Info -->

<div class="tw-flex tw-gap-3 tw-items-center">


<div>

<h4 class="tw-text-16 tw-font-semibold">

Lê Thị Hòa

</h4>

<p class="tw-text-14 tw-text-content-tertiary">

Cán bộ quản lý, Trường Tiểu học Kim Đồng

</p>

</div>

</div>

</div>

</div>

</div>


<!-- View All Button -->

<a href="https://olm.vn/gioi-thieu/phan-hoi-khach-hang" class="tw-olm-btn-tertiary-48 tw-px-6">

Xem tất cả phản hồi

</a>

</div>

</div>

</section>

<footer class="tw-pt-10 tw-bg-white tw-border-t-[1px] tw-border-slate-200">

<div class="tw-olm-container tw-flex tw-flex-col tw-gap-6 tw-items-start">

<div class="tw-flex tw-justify-between tw-items-center tw-w-full">

<div class="tw-h-12">

<img class="tw-img-cover" src="https://rs.olm.vn/v2/home/footer/logo-footer.png" alt="OLM" />

</div>

<button onclick="window.scrollTo({top: 0, behavior: 'smooth'})" class="tw-w-10 tw-h-10 tw-flex tw-items-center tw-justify-center tw-rounded-xl tw-border tw-border-slate-200 tw-bg-white hover:tw-bg-slate-50 tw-transition-all">

<img src="https://rs.olm.vn/v2/icons/arrow-up-small.svg" alt="" title=""

class="tw-w-4 tw-h-4 " >

</button>

</div>

<div class="tw-flex tw-flex-col lg:tw-flex-row tw-items-start tw-self-stretch tw-justify-between">

<div class="tw-flex tw-flex-col tw-items-start tw-gap-4 tw-py-5 lg:tw-py-0 tw-border-b tw-border-slate-100 lg:tw-border-b-0 tw-w-full lg:tw-w-auto">

<span class="tw-text-18 tw-mb-2 tw-font-semibold tw-text-content-primary">

Công ty Cổ phần Khoa học và

<br>

Công nghệ Giáo dục

</span>

<span class="tw-text-14 tw-mb-2 tw-text-content-primary">

MST/ĐKKD/QĐTL: 0106303886

</span>

<span class="tw-text-14 lg:tw-mb-6 tw-text-content-primary">

Địa chỉ: Số 15 Ngõ 28 Dương Khuê, Phường Từ Liêm, TP Hà Nội

</span>

<span class="tw-text-14 tw-font-semibold tw-mb-3 tw-text-content-primary">

Đối tác của chúng tôi

</span>

<div class="tw-flex tw-gap-2">

<img src="/v2/images/logo-nxb.png" alt="logo-nxb" class="tw-h-16">

<img src="/v2/images/logo-hnue.png" alt="logo-hnue" class="tw-h-16">

<img src="/v2/images/logo-edc.png" alt="logo-edc" class="tw-h-16">

</div>

</div>

<div class="tw-w-full lg:tw-w-auto tw-grid tw-grid-cols-2 tw-gap-4 tw-py-5 lg:tw-py-0 tw-border-b tw-border-slate-100 lg:tw-border-b-0">

<div>

<span class="tw-text-18 tw-font-semibold tw-text-content-primary">

Đề xuất

</span>

<ul class="tw-flex tw-flex-col tw-gap-3 tw-mt-3">

<li>

<a href="https://olm.vn/gioi-thieu" class="tw-olm-footer-link">

Về OLM

</a>

</li>

<li>

<a href="https://olm.vn/khoa-hoc" class="tw-olm-footer-link">

Khóa học

</a>

</li>

<li>

<a href="https://olm.vn/gioi-thieu/phu-huynh-va-hoc-sinh" class="tw-olm-footer-link">

Dành cho học sinh

</a>

</li>

<li>

<a href="https://olm.vn/gioi-thieu/phu-huynh-va-hoc-sinh" class="tw-olm-footer-link">

Dành cho phụ huynh

</a>

</li>

<li>

<a href="https://olm.vn/gioi-thieu/giao-vien-va-nha-truong" class="tw-olm-footer-link">

Dành cho GV và Nhà

trường

</a>

</li>

</ul>

</div>

<div>

<span class="tw-text-18 tw-font-semibold tw-text-content-primary">

Trợ giúp

</span>

<ul class="tw-flex tw-flex-col tw-gap-3 tw-mt-3">

<li>

<a href="https://olm.vn/gioi-thieu/trung-tam-tro-giup" class="tw-olm-footer-link">

Trung tâm trợ

giúp

</a>

</li>

<li>

<a href="/bg/hotroolm" class="tw-olm-footer-link">

Hướng dẫn sử dụng

</a>

</li>

<li>

<a href="https://olm.vn/gioi-thieu/feedback" class="tw-olm-footer-link">

Phản hồi về OLM

</a>

</li>

<li>

<a href="https://olm.vn/gioi-thieu/phan-hoi-khach-hang" class="tw-olm-footer-link">

KH nói về OLM

</a>

</li>

<li>

<a href="https://olm.vn/gioi-thieu/lien-he" class="tw-olm-footer-link">

Liên hệ

</a>

</li>

</ul>

</div>

</div>

<div class="tw-w-full lg:tw-w-auto tw-grid tw-grid-cols-2 lg:tw-flex lg:tw-flex-col tw-gap-4 tw-py-5 lg:tw-py-0">

<div class="tw-flex tw-flex-col tw-items-start tw-gap-3 lg:tw-mt-8">

<span class="tw-text-18 tw-font-semibold tw-text-content-primary">

Tải ứng dụng

</span>

<a href="https://apps.apple.com/vn/app/olm/id6497209326?l=vi">

<img class="tw-h-12 tw-transition-img tw-w-36"

src="https://rs.olm.vn/v2/home/footer/app-store.png" alt="app-store" />

</a>

<a href="https://play.google.com/store/apps/details?id=vn.olm.olmapp">

<img class="tw-h-12 tw-transition-img tw-w-36"

src="https://rs.olm.vn/v2/home/footer/google-play.png" alt="google-play" />

</a>

</div>

<div class="tw-flex tw-flex-col">

<strong class="tw-text-18 tw-mb-3 tw-font-semibold tw-text-content-primary">

Kết nối với OLM

</strong>

<div class="tw-flex tw-items-start tw-gap-4">

<a href="https://www.facebook.com/olm.vn"><img class="tw-w-10 tw-h-10 tw-transition-img"

src="https://rs.olm.vn/v2/home/footer/facebook.png" alt="facebook" /></a>

<a href="https://www.youtube.com/@olm_vn"><img class="tw-w-10 tw-h-10 tw-transition-img"

src="https://rs.olm.vn/v2/home/footer/youtube.png" alt="youtube" /></a>

<a href="https://zalo.me/1626869722187764851"><img class="tw-w-10 tw-h-10 tw-transition-img"

src="https://rs.olm.vn/v2/home/footer/zalo.png" alt="zalo" /></a>

</div>

<img class="tw-h-16 tw-w-[140px] lg:tw-w-44 tw-mt-4" src="https://rs.olm.vn/v2/home/footer/info-footer.png"

alt="info-footer" />

</div>

</div>

</div>

</div>

<div class="tw-text-center tw-py-5 tw-border-t-[1px] tw-border-slate-200">

<span class="tw-text-content-secondary tw-text-14">

©2013 - 2026 OLM.VN (26) - Email: a@olm.vn

</span>

</div>

</footer>


<div id="modal-contact-customer-service"

class="main-modal-v2 tw-fixed tw-inset-0 tw-z-50 tw-hidden tw-items-center tw-justify-center tw-bg-black tw-bg-opacity-50 tw-p-4">

<div

class="modal-main-v2-modal tw-bg-white tw-rounded-2xl tw-olm-main-modal-v2-md tw-shadow-lg tw-relative tw-max-h-[calc(100vh-2rem)] tw-my-auto tw-mx-auto tw-flex tw-flex-col tw-overflow-hidden">





<button

class="main-modal-v2-close-button main-modal-v2-btn-cancel tw-absolute tw-top-2 tw-right-1 sm:tw-right-2 tw-text-content-secondary hover:tw-text-black tw-text-xl tw-font-bold tw-p-2 sm:tw-px-3 sm:tw-py-2 tw-rounded-2xl tw-z-10">

<img src="https://rs.olm.vn/v2/icons/cancel.svg" alt="" title=""

class="tw-w-5 tw-h-5 sm:tw-w-6 sm:tw-h-6 tw-pointer-events-none " >

</button>

<div

class="modal-main-v2-content tw-flex-1 tw-overflow-y-auto tw-flex tw-justify-center tw-border-stroke-light tw-p-4 sm:tw-p-6 md:tw-p-8">

<div class="tw-w-full tw-flex tw-justify-center">

<div class="tw-w-full tw-max-w-md tw-mx-auto tw-flex tw-flex-col tw-gap-6 tw-text-center">

<div class="tw-flex tw-flex-col tw-gap-2 tw-px-1">

<h3 class="tw-text-xl sm:tw-text-2xl tw-font-bold tw-text-content-primary tw-font-be-vietnam-pro">

Kết nối với CSKH

</h3>

<p class="tw-text-sm sm:tw-text-base tw-text-content-secondary tw-font-be-vietnam-pro tw-leading-relaxed">

Để OLM hỗ trợ bạn nhanh chóng, vui lòng để lại số điện thoại nhé!

</p>

</div>


<div class="tw-flex tw-flex-col tw-gap-3 tw-w-full">

<div class="tw-relative tw-w-full">

<span class="tw-pointer-events-none tw-absolute tw-left-4 tw-top-1/2 tw--translate-y-1/2 tw-text-content-secondary">

<img src="https://rs.olm.vn/v2/icons/filled-phone-call.svg" alt="" title=""

class="tw-h-5 tw-w-5 " >

</span>

<input type="tel"

name="tel"

value=""

autocomplete="tel"

placeholder="Nhập số điện thoại"

class="tw-w-full tw-rounded-full tw-border tw-border-stroke-light tw-bg-white tw-py-3.5 tw-pl-12 tw-pr-4 tw-text-left tw-text-base tw-text-content-primary tw-font-be-vietnam-pro placeholder:tw-text-content-secondary focus:tw-outline-none focus:tw-ring-2 focus:tw-ring-orange-200" />

</div>

<button type="button"

class="btn-submit-cskh-connect-tel tw-olm-btn-primary-56">

<span>

Gửi yêu cầu kết nối

</span>

<span aria-hidden="true" class="tw-text-lg tw-leading-none">

</span>

</button>

</div>


<div class="tw-flex tw-items-center tw-gap-3 tw-w-full">

<span class="tw-h-px tw-flex-1 tw-bg-stroke-light"></span>

<span class="tw-shrink-0 tw-text-xs sm:tw-text-sm tw-text-content-secondary tw-font-be-vietnam-pro">

hoặc liên hệ khẩn cấp

</span>

<span class="tw-h-px tw-flex-1 tw-bg-stroke-light"></span>

</div>


<div

class="tw-flex tw-flex-col tw-gap-0 tw-w-full tw-rounded-2xl tw-bg-slate-100 tw-p-4 tw-text-center sm:tw-text-left tw-divide-y tw-divide-stroke-light">

<div

class="tw-flex tw-flex-wrap tw-items-center tw-justify-center tw-gap-2 tw-w-full tw-py-2">

<button type="button"

class="tw-inline-flex tw-flex-wrap tw-items-center tw-justify-center tw-gap-x-1 tw-gap-y-0 tw-bg-transparent tw-border-0 tw-p-0 tw-cursor-pointer tw-font-be-vietnam-pro"

onclick="(window._copyToClipboard ? window._copyToClipboard('0986557525') : (navigator.clipboard && navigator.clipboard.writeText ? navigator.clipboard.writeText('0986557525') : (function(){ var i=document.createElement('input'); i.value='0986557525'; document.body.appendChild(i); i.select(); document.execCommand('copy'); document.body.removeChild(i); })())); window._toastbox && window._toastbox('Đã copy số điện thoại');">

<span class="tw-font-bold tw-text-content-primary">

098 655 7525

</span>

<span class="tw-text-slate-500">

- Thầy Thọ

</span>

</button>

<a href="https://zalo.me/0986557525" target="_blank" rel="noopener noreferrer"

class="tw-inline-flex tw-shrink-0 tw-items-center tw-justify-center tw-rounded-2xl tw-border-2 tw-border-stroke-light tw-bg-white tw-p-2 hover:tw-bg-slate-50 tw-transition-colors"

aria-label="Zalo Thầy Thọ">

<img src="https://rs.olm.vn/v2/icons/icon-zalo.svg" alt="" title=""

class="tw-h-4 tw-w-4 " >

</a>

</div>

<div class="tw-flex tw-flex-wrap tw-items-center tw-justify-center tw-gap-2 tw-w-full tw-py-2">

<button type="button"

class="tw-inline-flex tw-flex-wrap tw-items-center tw-justify-center tw-gap-x-1 tw-gap-y-0 tw-bg-transparent tw-border-0 tw-p-0 tw-cursor-pointer tw-font-be-vietnam-pro"

onclick="(window._copyToClipboard ? window._copyToClipboard('0898987672') : (navigator.clipboard && navigator.clipboard.writeText ? navigator.clipboard.writeText('0898987672') : (function(){ var i=document.createElement('input'); i.value='0898987672'; document.body.appendChild(i); i.select(); document.execCommand('copy'); document.body.removeChild(i); })())); window._toastbox && window._toastbox('Đã copy số điện thoại');">

<span class="tw-font-bold tw-text-content-primary">

089 898 7672

</span>

<span class="tw-text-slate-500">

- Cô Hoà

</span>

</button>

<a href="https://zalo.me/0898987672" target="_blank" rel="noopener noreferrer"

class="tw-inline-flex tw-shrink-0 tw-items-center tw-justify-center tw-rounded-2xl tw-border-2 tw-border-stroke-light tw-bg-white tw-p-2 hover:tw-bg-slate-50 tw-transition-colors"

aria-label="Zalo Cô Hoà">

<img src="https://rs.olm.vn/v2/icons/icon-zalo.svg" alt="" title=""

class="tw-h-4 tw-w-4 " >

</a>

</div>

</div>

</div>

</div>

</div>








</div>

</div>



<div id="modal-contact-customer-service-rating"

class="main-modal-v2 tw-fixed tw-inset-0 tw-z-50 tw-hidden tw-items-center tw-justify-center tw-bg-black tw-bg-opacity-50 tw-p-4">

<div

class="modal-main-v2-modal tw-bg-white tw-rounded-2xl tw-olm-main-modal-v2-lg tw-shadow-lg tw-relative tw-max-h-[calc(100vh-2rem)] tw-my-auto tw-mx-auto tw-flex tw-flex-col tw-overflow-hidden">


<div class="modal-main-v2-header tw-flex-shrink-0 tw-p-3 sm:tw-p-4 md:tw-p-5">


<button

class="main-modal-v2-close-button main-modal-v2-btn-cancel tw-absolute tw-top-2 tw-right-1 sm:tw-right-2 tw-text-content-secondary hover:tw-text-black tw-text-xl tw-font-bold tw-p-2 sm:tw-px-3 sm:tw-py-2 tw-rounded-2xl tw-z-10">

<img src="https://rs.olm.vn/v2/icons/cancel.svg" alt="" title=""

class="tw-w-5 tw-h-5 sm:tw-w-6 sm:tw-h-6 tw-pointer-events-none " >

</button>


<h2

class="main-modal-v2-title tw-text-20 sm:tw-text-xl md:tw-text-2xl tw-font-semibold tw-mb-2 tw-leading-6 sm:tw-leading-7 md:tw-leading-8 tw-text-content-primary tw-font-be-vietnam-pro tw-pr-10 sm:tw-pr-12">

Đánh giá CSKH

</h2>


</div>




<div

class="modal-main-v2-content tw-flex-1 tw-overflow-y-auto tw-border-t tw-flex tw-justify-center tw-border-stroke-light tw-p-4 sm:tw-p-6 md:tw-p-8">

<div class="tw-w-full tw-flex tw-justify-center">

<div id="form-feedback-sale" class="tw-w-full tw-max-w-[920px] tw-mx-auto -tw-mt-2 sm:-tw-mt-1">

<div class="tw-overflow-hidden tw-rounded-3xl tw-border tw-border-stroke-light tw-bg-white tw-shadow-xl">

<div class="tw-border-b tw-border-stroke-light tw-px-8 tw-py-6">

<p class="tw-mt-2 tw-text-content-secondary tw-text-24 tw-font-be-vietnam-pro">

Đánh giá của bạn giúp OLM nâng cao chất lượng dịch vụ.

</p>

</div>


<div class="tw-px-8 tw-py-10 tw-flex tw-flex-col tw-items-center tw-gap-4">


<div id="rating-feedback-sale" class="tw-rating tw-gap-2" data-star="" role="radiogroup" aria-label="Đánh giá sao">

<input type="radio" name="cskh-feedback-star" value="0" class="tw-rating-hidden" @checked($starInit === 0) />

<input type="radio" name="cskh-feedback-star" value="1"

class="tw-mask tw-mask-star !tw-h-10 !tw-w-10 tw-bg-orange-400"

@checked($starInit === $i) />

<input type="radio" name="cskh-feedback-star" value="2"

class="tw-mask tw-mask-star !tw-h-10 !tw-w-10 tw-bg-orange-400"

@checked($starInit === $i) />

<input type="radio" name="cskh-feedback-star" value="3"

class="tw-mask tw-mask-star !tw-h-10 !tw-w-10 tw-bg-orange-400"

@checked($starInit === $i) />

<input type="radio" name="cskh-feedback-star" value="4"

class="tw-mask tw-mask-star !tw-h-10 !tw-w-10 tw-bg-orange-400"

@checked($starInit === $i) />

<input type="radio" name="cskh-feedback-star" value="5"

class="tw-mask tw-mask-star !tw-h-10 !tw-w-10 tw-bg-orange-400"

@checked($starInit === $i) />

</div>

<p class="tw-text-base tw-text-[#64748B] tw-font-be-vietnam-pro">

Vui lòng chọn mức đánh giá

</p>

<label class="tw-hidden" name="name" data-idsale="">

sale

</label>

<textarea

id="box-feedback-sale"

name="feedback"

rows="3"

placeholder="Chia sẻ thêm trải nghiệm với CSKH của OLM..."

class="tw-mt-2 tw-w-full tw-rounded-2xl tw-border tw-border-stroke-light tw-bg-white tw-px-5 tw-py-4 tw-text-content-secondary tw-text-18 tw-font-be-vietnam-pro focus:tw-outline-none focus:tw-border-accent-default"></textarea>

</div>


<div class="tw-border-t tw-border-stroke-light tw-px-8 tw-py-5">

<div class="tw-flex tw-items-center tw-justify-center tw-gap-4">

<button type="button"

data-dismiss="modal"

class="tw-olm-btn-tertiary-56">

Hủy

</button>

<button type="button"

class="btn-send-feedback-sale tw-olm-btn-primary-56">

Gửi đánh giá

</button>

</div>

</div>

</div>

</div>

</div>

</div>








</div>

</div>


</div>

<script>

var baseURL = "https://olm.vn";

var versionRs = "?v=1777388154";

var listSubjects = '[{"id":1,"name":"To\u00e1n","alias":"toan-hoc","mingrade":1,"maxgrade":12,"permission":"isTOAN","kpermission":200,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":2,"name":"V\u1eadt l\u00fd","alias":"vat-ly","mingrade":6,"maxgrade":12,"permission":"isVATLY","kpermission":201,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":3,"name":"H\u00f3a h\u1ecdc","alias":"hoa-hoc","mingrade":8,"maxgrade":12,"permission":"isHOAHOC","kpermission":202,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":4,"name":"Sinh h\u1ecdc","alias":"sinh-hoc","mingrade":6,"maxgrade":12,"permission":"isSINHHOC","kpermission":203,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":5,"name":"Ng\u1eef v\u0103n","alias":"ngu-van","mingrade":6,"maxgrade":12,"permission":"isNGUVAN","kpermission":204,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":6,"name":"Ti\u1ebfng anh","alias":"tieng-anh","mingrade":1,"maxgrade":12,"permission":"isTIENGANH","kpermission":205,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":7,"name":"L\u1ecbch s\u1eed","alias":"lich-su","mingrade":6,"maxgrade":12,"permission":"isLICHSU","kpermission":206,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":8,"name":"\u0110\u1ecba l\u00fd","alias":"dia-ly","mingrade":6,"maxgrade":12,"permission":"isDIALY","kpermission":207,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":9,"name":"Tin h\u1ecdc","alias":"tin-hoc","mingrade":3,"maxgrade":12,"permission":"isTINHOC","kpermission":208,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":10,"name":"C\u00f4ng ngh\u1ec7","alias":"cong-nghe","mingrade":6,"maxgrade":12,"permission":"isCONGNGHE","kpermission":209,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":11,"name":"Gi\u00e1o d\u1ee5c c\u00f4ng d\u00e2n","alias":"giao-duc-cong-dan","mingrade":6,"maxgrade":12,"permission":"isGDCD","kpermission":210,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":12,"name":"\u00c2m nh\u1ea1c","alias":"am-nhac","mingrade":1,"maxgrade":12,"permission":"isTIEUHOC","kpermission":216,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":13,"name":"M\u1ef9 thu\u1eadt","alias":"my-thuat","mingrade":1,"maxgrade":5,"permission":"isTIEUHOC","kpermission":216,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":14,"name":"Ti\u1ebfng anh th\u00ed \u0111i\u1ec3m","alias":"tieng-anh-thi-diem","mingrade":3,"maxgrade":12,"permission":"isTIENGANHTHIDIEM","kpermission":213,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":15,"name":"L\u1ecbch s\u1eed v\u00e0 \u0110\u1ecba l\u00fd","alias":"lich-su-va-dia-ly","mingrade":4,"maxgrade":5,"permission":"isTIEUHOC","kpermission":216,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":16,"name":"Th\u1ec3 d\u1ee5c","alias":"the-duc","mingrade":1,"maxgrade":12,"permission":"isTIEUHOC","kpermission":216,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":17,"name":"Khoa h\u1ecdc","alias":"khoa-hoc","mingrade":4,"maxgrade":5,"permission":"isTIEUHOC","kpermission":216,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":18,"name":"T\u1ef1 nhi\u00ean v\u00e0 x\u00e3 h\u1ed9i","alias":"tu-nhien-va-xa-hoi","mingrade":1,"maxgrade":3,"permission":"isTIEUHOC","kpermission":216,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":19,"name":"\u0110\u1ea1o \u0111\u1ee9c","alias":"dao-duc","mingrade":1,"maxgrade":5,"permission":"isTIEUHOC","kpermission":216,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":20,"name":"Th\u1ee7 c\u00f4ng","alias":"thu-cong","mingrade":1,"maxgrade":5,"permission":"isTIEUHOC","kpermission":216,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":21,"name":"Qu\u1ed1c ph\u00f2ng an ninh","alias":"quoc-phong-an-ninh","mingrade":10,"maxgrade":12,"permission":"isTIEUHOC","kpermission":216,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":28,"name":"Ti\u1ebfng vi\u1ec7t","alias":"tieng-viet","mingrade":1,"maxgrade":5,"permission":"isTIEUHOC","kpermission":216,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":29,"name":"Khoa h\u1ecdc t\u1ef1 nhi\u00ean","alias":"khoa-hoc-tu-nhien","mingrade":6,"maxgrade":9,"permission":"isKHOAHOCTUNHIEN","kpermission":216,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]}]';

var listMathSubjects = '[{"id":1,"name":"Ti\u1ebfng Vi\u1ec7t","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,0,1,2,3,4,5]},{"id":2505637,"name":"Khoa h\u1ecdc x\u00e3 h\u1ed9i","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[6,7,8,9]},{"id":2506486,"name":"T\u1ef1 ch\u1ecdn 1","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[6,7,8,9,10,11,12]},{"id":2509712,"name":"Ngo\u1ea1i ng\u1eef 1","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":0,"ct_old":0,"id_school":0,"grades":[1,2,3,4,5,6,7,8,9,10,11,12]},{"id":2510419,"name":"Ngo\u1ea1i ng\u1eef 2","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[1,2,3,4,5,6,7,8,9,10,11,12]},{"id":2511622,"name":"M\u00f4n t\u1ef1 ch\u1ecdn song ng\u1eef","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[1,2,3,4,5,6,7,8,9,10,11,12]},{"id":2519630,"name":"Ngo\u1ea1i ng\u1eef","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[1,2,3,4,5]},{"id":2520962,"name":"M\u00f4n kh\u00e1c","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[1,2,3,4,5,6,7,8,9,10,11,12]},{"id":2621166,"name":"M\u1ef9 Thu\u1eadt","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":0,"ct_old":0,"id_school":0,"grades":[1,2,3,4,5,6,7,8,9,10,11,12]},{"id":21,"name":"Ng\u1eef v\u0103n","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,6,7,8,9,10,11,12]},{"id":3,"name":"To\u00e1n","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,0,1,2,3,4,5,6,7,8,9,10,11,12]},{"id":20,"name":"T\u1ef1 nhi\u00ean x\u00e3 h\u1ed9i","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[1,2,3,-1]},{"id":27,"name":"Khoa h\u1ecdc t\u1ef1 nhi\u00ean","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[6,7,8,9,-1]},{"id":22,"name":"L\u1ecbch s\u1eed v\u00e0 \u0110\u1ecba l\u00ed","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,4,5,6,7,8,9]},{"id":8,"name":"L\u1ecbch s\u1eed","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,3,4,5,6,7,8,9,10,11,12]},{"id":9,"name":"\u0110\u1ecba l\u00fd","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,8,9,10,11,12]},{"id":29,"name":"Gi\u00e1o d\u1ee5c Kinh t\u1ebf v\u00e0 ph\u00e1p lu\u1eadt","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,10,11,12]},{"id":5,"name":"V\u1eadt l\u00ed","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,9,10,11,12]},{"id":6,"name":"H\u00f3a h\u1ecdc","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,8,9,10,11,12]},{"id":7,"name":"Sinh h\u1ecdc","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,8,9,10,11,12]},{"id":12,"name":"C\u00f4ng ngh\u1ec7","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,3,4,5,6,7,8,9,10,11,12]},{"id":18,"name":"\u0110\u1ea1o \u0111\u1ee9c","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[1,2,3,4,5,null,null,-1]},{"id":15,"name":"\u00c2m nh\u1ea1c","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,1,2,3,4,5,6,7,8,9,10,11,12]},{"id":16,"name":"M\u0129 thu\u1eadt","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,1,2,3,4,5,6,7,8,9,10,11,12]},{"id":10,"name":"Gi\u00e1o d\u1ee5c c\u00f4ng d\u00e2n","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,6,7,8,9,10,11,12,13]},{"id":11,"name":"Tin h\u1ecdc","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,3,4,5,6,7,8,9,10,11,12,13]},{"id":28,"name":"Ho\u1ea1t \u0111\u1ed9ng tr\u1ea3i nghi\u1ec7m, h\u01b0\u1edbng nghi\u1ec7p","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[6,7,8,9,10,11,12,-1]},{"id":13,"name":"Gi\u00e1o d\u1ee5c th\u1ec3 ch\u1ea5t","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,0,1,2,3,4,5,6,7,8,9,10,11,12]},{"id":14,"name":"Gi\u00e1o d\u1ee5c Qu\u1ed1c ph\u00f2ng","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[10,11,12,-1]},{"id":2,"name":"Ti\u1ebfng Anh","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,0,1,2,3,4,5,6,7,8,9,10,11,12]},{"id":2147632,"name":"Ti\u1ebfng Nga","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[3,4,5,6,7,8,9,10,11,12]},{"id":17,"name":"Ti\u1ebfng Ph\u00e1p","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,3,4,5,6,7,8,9,10,11,12]},{"id":47,"name":"Ti\u1ebfng Trung","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[4,5,6,7,8,9,10,11,12,-1]},{"id":2110664,"name":"Ti\u1ebfng Nh\u1eadt","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[3,4,5,6,7,8,9,10,11,12]},{"id":46,"name":"Ti\u1ebfng H\u00e0n","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[6,7,8,9,10,11,12,-1]},{"id":2386871,"name":"Ti\u1ebfng \u0110\u1ee9c","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[3,4,5,6,7,8,9,10,11,12]},{"id":25,"name":"Ho\u1ea1t \u0111\u1ed9ng tr\u1ea3i nghi\u1ec7m","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,1,2,3,4,5,6,7,8,9,10,11,12]},{"id":2159702,"name":"BD Ti\u1ebfng Anh","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[1,2,3,4,5,6,7,8,9,10,11,12]},{"id":2163823,"name":"Sinh ho\u1ea1t l\u1edbp","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[-1,1,2,3,4,5,6,7,8,9,10,11,12]},{"id":2162815,"name":"C\u00f4ng d\u00e2n s\u1ed1","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[1,2,3,4,5,6,7,8,9,10,11,12]},{"id":2164754,"name":"Ph\u1ee5 \u0111\u1ea1o Anh","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[6,7,8,9]},{"id":2165311,"name":"Ph\u1ee5 \u0111\u1ea1o Ng\u1eef V\u0103n","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[6,7,8,9]},{"id":2166774,"name":"Ph\u1ee5 \u0111\u1ea1o To\u00e1n","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[6,7,8,9]},{"id":2167476,"name":"TNTT AI","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[6,7,8,9]},{"id":2168852,"name":"Th\u1ec3 thao","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[6,7,8,9]},{"id":2169851,"name":"Ho\u1ea1t \u0111\u1ed9ng Gi\u00e1o d\u1ee5c","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[0,1,2,3,4,5,6,7,8,9,10,11,12]},{"id":2170133,"name":"C\u00f4ng ngh\u1ec7 c\u00f4ng nghi\u1ec7p","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[10,11,12]},{"id":2171905,"name":"C\u00f4ng ngh\u1ec7 n\u00f4ng nghi\u1ec7p","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[10,11,12]},{"id":2111893,"name":"Th\u1ec3 d\u1ee5c","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":0,"ct_old":1,"id_school":0,"grades":[9,12]},{"id":2112449,"name":"Gi\u00e1o d\u1ee5c ngo\u00e0i gi\u1edd","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[0,1,2,3,4,5,6,7,8,9,10,11,12]},{"id":2113627,"name":"T\u1ed5 h\u1ee3p m\u00f4n Khoa h\u1ecdc t\u1ef1 nhi\u00ean","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[10,11,12]},{"id":2114786,"name":"T\u1ed5 h\u1ee3p m\u00f4n Khoa h\u1ecdc x\u00e3 h\u1ed9i","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[10,11,12]},{"id":2115253,"name":"Ho\u1ea1t \u0111\u1ed9ng c\u1ee7ng c\u1ed1 t\u0103ng c\u01b0\u1eddng","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,0,1,2,3,4,5,6,7,8,9,10,11,12,13]},{"id":2116135,"name":"BD Ti\u1ebfng Vi\u1ec7t","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[1,2,3,4,5]},{"id":2117748,"name":"BD M\u1ef9 Thu\u1eadt","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":0,"ct_old":0,"id_school":0,"grades":[1,2,3,4,5]},{"id":2118772,"name":"BD \u00c2m Nh\u1ea1c","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[1,2,3,4,5]},{"id":2119820,"name":"BD To\u00e1n","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[1,2,3,4,5]},{"id":2120653,"name":"Th\u1ef1c h\u00e0nh To\u00e1n","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[1,2,3,4,5]},{"id":2121172,"name":"Th\u1ef1c h\u00e0nh Ti\u1ebfng Vi\u1ec7t","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[1,2,3,4,5]},{"id":43,"name":"Gi\u00e1o d\u1ee5c \u0111\u1ecba ph\u01b0\u01a1ng","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[6,7,8,9,10,11,12,null,null,-1]},{"id":4,"name":"Khoa h\u1ecdc","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[4,5,-1]},{"id":24,"name":"Ngh\u1ec7 thu\u1eadt (\u00c2m nh\u1ea1c, M\u0129 thu\u1eadt)","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,1,2,3,6,7,8,9]},{"id":19,"name":"Th\u1ee7 c\u00f4ng","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[4,5,-1]},{"id":41,"name":"M\u1ea7m non","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[0,-1]},{"id":23,"name":"Tin h\u1ecdc v\u00e0 C\u00f4ng ngh\u1ec7","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":0,"ct_old":1,"id_school":0,"grades":[-1,1,2,3,4,5,6,7,8,9,10,11,12,13]},{"id":42,"name":"Ti\u1ec3u h\u1ecdc","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[1,2,3,4,5,-1]},{"id":26,"name":"Ti\u1ebfng d\u00e2n t\u1ed9c thi\u1ec3u s\u1ed1","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[1,2,3,4,5,6,7,8,9,10,11,12,null,-1]},{"id":39,"name":"Ngh\u1ec1 ph\u1ed5 th\u00f4ng","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[12,-1]},{"id":30,"name":"K\u1ef9 n\u0103ng s\u1ed1ng","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[1,2,3,4,5,6,7,8,9,10,11,12,-1]},{"id":31,"name":"Ch\u1eef c\u00e1i","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[0,-1]},{"id":33,"name":"Kh\u00e1m ph\u00e1","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":0,"ct_old":1,"id_school":0,"grades":[0,null,-1]},{"id":34,"name":"T\u1ea1o h\u00ecnh","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":0,"ct_old":1,"id_school":0,"grades":[0,null,-1]},{"id":35,"name":"Gi\u00e1 tr\u1ecb s\u1ed1ng","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":0,"ct_old":1,"id_school":0,"grades":[0,null,-1]},{"id":37,"name":"C\u1ea3m x\u00fac","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":0,"ct_old":1,"id_school":0,"grades":[0,null,-1]},{"id":38,"name":"Stem","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":0,"ct_old":1,"id_school":0,"grades":[0,null,-1]},{"id":44,"name":"K\u1ef9 thu\u1eadt","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":0,"ct_old":1,"id_school":0,"grades":[4,5,null,-1]},{"id":2138109,"name":"To\u00e1n (ti\u1ebfng Ph\u00e1p)","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,0,1,2,3,4,5,6,7,8,9,10,11,12,13]},{"id":40,"name":"T\u1ed5ng h\u1ee3p m\u00f4n","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,0,1,2,3,4,5,6,7,8,9,10,11,12]}]';

var listGrades = '[{"id":0,"name":"M\u1eabu gi\u00e1o"},{"id":1,"name":"L\u1edbp 1"},{"id":2,"name":"L\u1edbp 2"},{"id":3,"name":"L\u1edbp 3"},{"id":4,"name":"L\u1edbp 4"},{"id":5,"name":"L\u1edbp 5"},{"id":6,"name":"L\u1edbp 6"},{"id":7,"name":"L\u1edbp 7"},{"id":8,"name":"L\u1edbp 8"},{"id":9,"name":"L\u1edbp 9"},{"id":10,"name":"L\u1edbp 10"},{"id":11,"name":"L\u1edbp 11"},{"id":12,"name":"L\u1edbp 12"},{"id":13,"name":"\u0110H - C\u0110"}]';

var globalListCoupons = {};

var auth = null;

var timeNow = 1777389975;

auth = {"ip":"1.54.95.212","site":"olm","background":"","usertype":"googler","block":0,"sendemail":0,"time_token":0,"email_parent":"","images":"","logs":"","teacher":0,"idparent":"","id_parent":0,"parent_name":"","active":2,"subscribe":5,"roles":[0],"update_time":1768632081,"notchat":0,"notchat_sales":0,"grades":[],"subjects":[],"books":[],"block_discuss":0,"block_post":0,"block_course":0,"idsale":"","tel":"","verify_tel":0,"manage_block":"","state":"","support":0,"is_change_pass":0,"allow_feature_in_app":[],"idcode":"","birthday":0,"verify2fa":0,"time_change_pass":0,"is_created_from_group":0,"avatar":"","has_unactive_email":"nguyenhaiquan599@gmail.com","created_from_collaborator":"","_id":"17193342262514","id":171933422,"id_user":171933422,"name":"Su30MK2 AMV","username":"nguyenhaiquan599@gmail.com","username_hoc24":"nguyenhaiquan599@gmail.com","email":"nguyenhaiquan599@gmail.com","registerdate":"2026-01-17 13:41:21","lastvisitdate":"2026-01-17 13:41:21","registertime":1768632081,"lastvisittime":1777197210,"id_customer":"696b2f115091cde4570fb650","status_vip":[17],"closed":1,"lcndate":"2026-04-26 16:55:22","lc_avtdate":"2026-04-26 16:59:41","avatarUrl":"\/avatars\/guest.png","alias":"17193342262514","school":null,"model_partner":null};

auth.isActiveMail = true;

auth.isStudent = true;

auth.grades = [];

auth.is_need_to_change_pass = false;

auth.vipInfo = {"idsale":"","vip_expired_date":1768718483,"coin":0,"last_payment":1768632083,"p_coin":0,"type":0,"id_manage":0,"total":0,"support":0,"id_user":171933422,"iduser":"17193342262514","map_support":{"270":5},"map_support_time":{"270":1777327151},"vip_day":-1};

var _is_mobile = false;

var _is_agent_phone = false;

var _webview = 0;

var olmVersion = "v1";

</script>


<script src="https://rs.olm.vn/js/jquery.min.js"></script>

<script src="https://rs.olm.vn/js/jquery-migrate-1.4.1.min.js"></script>

<script src="https://rs.olm.vn/js/seo/lazysizes.min.js?v=1777388154"></script>

<script src="https://rs.olm.vn/js/iziToast.min.js"></script>

<script src="https://rs.olm.vn/js/jquery.webui-popover.min.js"></script>



<!-- private-js -->

<script src="https://rs.olm.vn/vendor/owl-carousel/owl.carousel.min.js?v=1777388154" ></script>

<!-- end private-js -->


<script src="https://rs.olm.vn/vendor/select2/js/select2.min.js?v=1777388154" ></script>

<script src="https://rs.olm.vn/js/global-olm.js?v=1777388154" ></script>

<script src="https://rs.olm.vn/js/core-olm.js?v=1777388154" ></script>

<script src="https://rs.olm.vn/js/utility/utility.js?v=1777388154" ></script>

<script src="https://rs.olm.vn/js/components/ui/index.js?v=1777388154" ></script>

<script src="https://rs.olm.vn/js/marketing-tracking.js?v=1777388154" ></script>


<script src="https://rs.olm.vn/js/page/landingpage.js?v=1777388154" ></script>

<script>

LDP.init({

campaign: "homepage",

ads: "",

coupon: ""

});

</script>

<script src="https://rs.olm.vn/js/page/v2/home.js?v=1777388154" ></script>

<script src="https://rs.olm.vn/js/manage-components/main-modal-v2.js?v=1777388154" ></script>

<script>

$(document).ready(function() {

MODULE_HOME.init();

MANAGE_MAIN_MODAL_V2.init();

});

</script>

<script>

window._isDev = false;

</script>

<script src="https://rs.olm.vn/vendor/react/react.production.min.js?v=1777388154" ></script>

<script src="https://rs.olm.vn/vendor/react/react-dom.production.min.js?v=1777388154" ></script>

<script>

$(document).ready(function() {

if (window.initHeaderUserDropdown) {

window.initHeaderUserDropdown('header-user-dropdown-container', {

menuList: {"user":[{"icon":"user","iconVariant":"outline","title":"T\u00e0i kho\u1ea3n","permission":"auth","children":[{"route":{"name":"setting-user-info"},"icon":"settings","iconVariant":"outline","title":"Th\u00f4ng tin t\u00e0i kho\u1ea3n","url":"https:\/\/olm.vn\/thong-tin-tai-khoan\/setting","iconUrl":"\/v2\/icons\/settings.svg","is_active":false}],"url":null,"iconUrl":"\/v2\/icons\/user.svg","is_active":false}],"extra":[{"icon":"gift","iconVariant":"duotone","route":{"name":"intro-invite-v2"},"title":"Gi\u1edbi thi\u1ec7u b\u1ea1n b\u00e8","url":"https:\/\/olm.vn\/thong-tin-tai-khoan\/intro-invite","iconUrl":"\/v2\/icons\/gift.svg","is_active":false},{"icon":"hoc-ba","iconVariant":"color","route":{"name":"stat-profile"},"title":"H\u1ecdc b\u1ea1","url":"https:\/\/olm.vn\/thongke","iconUrl":"\/v2\/icons\/hoc-ba.svg","is_active":false},{"icon":"coin","iconVariant":"color","url":"\/vi-cua-toi","title":"V\u00ed c\u1ee7a t\u00f4i","iconUrl":"\/v2\/icons\/coin.svg","is_active":false}],"student":[{"route":{"name":"my-class"},"icon":"book-open","iconVariant":"duotone","title":"L\u1edbp h\u1ecdc c\u1ee7a t\u00f4i","permission":"student","url":"https:\/\/olm.vn\/lop-hoc-cua-toi","iconUrl":"\/v2\/icons\/book-open.svg","is_active":false},{"route":{"name":"discuss-class-student"},"icon":"chat-question","iconVariant":"outline","title":"Th\u1ea3o lu\u1eadn","permission":"student","url":"https:\/\/olm.vn\/thao-luan-hoc-sinh","iconUrl":"\/v2\/icons\/chat-question.svg","is_active":false},{"route":{"name":"bai-tap-duoc-giao"},"icon":"pen-line","iconVariant":"outline","title":"B\u00e0i t\u1eadp \u0111\u01b0\u1ee3c giao","permission":"student","url":"https:\/\/olm.vn\/bai-tap-duoc-giao","iconUrl":"\/v2\/icons\/pen-line.svg","is_active":false},{"route":{"name":"lich-su-giao-dich-olmclass"},"icon":"coin","iconVariant":"color","title":"L\u1ecbch s\u1eed giao d\u1ecbch OlmClass","permission":"student","url":"https:\/\/olm.vn\/lich-su-giao-dich-olmclass","iconUrl":"\/v2\/icons\/coin.svg","is_active":false}]},

avatarUrl: "\/avatars\/guest.png",

accountStatus: false,

});

}

});

</script>

<script>

function toggleSubmenu(button) {

const menuItem = button.closest('.menu-item');

const submenu = menuItem.querySelector('.submenu-items');


if (submenu) {

submenu.classList.toggle('tw-hidden');

}

}

</script>

<script src="https://rs.olm.vn/js/manage-components/main-modal-v2.js?v=1777388154" ></script>

<script>

MANAGE_MAIN_MODAL_V2.init();

</script>

<script src="https://rs.olm.vn/js/manage-components/drawer.js?v=1777388154" ></script>

<script>

$(document).ready(function() {


MANAGE_DRAWER.init({

animationDuration: 300

});

});

</script>

<script>

$(document).ready(function() {

$('#carousel-homepage').owlCarousel({

navText: [

"<img src='https://rs.olm.vn/v2/icons/arrow-left.svg' alt='arrow-left'/>",

"<img src='https://rs.olm.vn/v2/icons/arrow-right.svg' alt='arrow-right'/>"

],

...{"items":1,"loop":true,"margin":32,"nav":true,"dots":true,"slideTransition":"ease-in-out","dotsEach":true,"lazyLoad":true,"autoplay":true,"autoplayTimeout":5000,"navText":["\u003Cimg class=\u0022icon-tertiary\u0022 src=\u0022https:\/\/rs.olm.vn\/v2\/icons\/arrow-left.svg\u0022 alt=\u0022arrow-left\u0022\/\u003E","\u003Cimg class=\u0022icon-tertiary\u0022 src=\u0022https:\/\/rs.olm.vn\/v2\/icons\/arrow-right.svg\u0022 alt=\u0022arrow-right\u0022\/\u003E"]}

});

$('.carousel-homepage-prev').on('click', function() {

$('#carousel-homepage').trigger('prev.owl.carousel');

});

$('.carousel-homepage-next').on('click', function() {

$('#carousel-homepage').trigger('next.owl.carousel');

});

});

</script>

<script>

$(document).ready(function() {

$('#ecosystem-products').owlCarousel({

loop: true,

margin: 16,

nav: false,

dots: true,

autoplay: true,

responsive: {

0: {

items: 1.2,

center: true,

margin: 12

},

768: {

items: 2,

margin: 20

},

1024: {

items: 3,

margin: 32,

nav: true,

navText: [

"<img src='https://rs.olm.vn/v2/icons/arrow-left.svg' alt='arrow-left'/>",

"<img src='https://rs.olm.vn/v2/icons/arrow-right.svg' alt='arrow-right'/>"

],

}

}

});

});

</script>

<script src="https://rs.olm.vn/js/page/v2/feedback-sale.js"></script>

<script>

$(function () {

FEEDBACK_SALE_V2.initCskhTelModal();

var ratingReady = false;

$('#modal-contact-customer-service-rating').on('tw.modal.show', function () {

if (ratingReady) {

return;

}

ratingReady = true;

FEEDBACK_SALE_V2.init();

});

});

</script>


</body>

<!DOCTYPE html>

<html lang="vi">


<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">

<meta http-equiv="X-UA-Compatible" content="ie=edge">


<meta name="csrf-token" content="pWDoJF2b3POS4Vvfr7t0ugR681rVxYEJSk1Xoaow">

<link rel="icon" type="image/png" href="https://rs.olm.vn/images/icon.png?v=1777388154" />


<link rel="stylesheet" type="text/css" href="https://rs.olm.vn/vendor/owl-carousel/owl.carousel.min.css">

<link rel="stylesheet" type="text/css" href="https://rs.olm.vn/vendor/owl-carousel/owl.theme.default.css">


<link rel="preload" href="https://rs.olm.vn/vendor/select2/css/select2.min.css?v=1777388154" as="style"

onload="this.onload=null;this.rel='stylesheet'">

<noscript>

<link rel="stylesheet" href="https://rs.olm.vn/vendor/select2/css/select2.min.css?v=1777388154">

</noscript>


<link rel="stylesheet" type="text/css" href="https://rs.olm.vn/css/tw-olm.css?v=1777388154">


<title>

Nền tảng giáo dục số OLM: Học trực tuyến thông minh

</title>

<meta name="description" content="Bạn đang tìm kiếm một phương pháp mang tính cách mạng để giáo dục con cái? OLM, một nền tảng học tập trực tuyến tiên tiến. Khám phá những lợi ích của giáo dục số và sự tiện lợi của việc học trực tuyến.">

<meta name="keywords" content="học trực tuyến, học toán online, online math, Toán lớp 1, Toán lớp 2, Toán lớp 3, Toán lớp 4, Toán lớp 5, Toán lớp 6, Toán lớp 7, Toán lớp 8, Toán lớp 9, Toán Tiểu học, olm, Giải toán trên mạng, Giải toán qua Internet, tiếng việt, tiếng anh, ngữ văn, toán chương trình mới, tiếng việt chương trình mới">

<meta name="author" content="olm.vn">

<meta name="publisher" content="olm.vn">

<meta name="dc:publisher" content="olm.vn">

<meta name="dc:description" content="Bạn đang tìm kiếm một phương pháp mang tính cách mạng để giáo dục con cái? OLM, một nền tảng học tập trực tuyến tiên tiến. Khám phá những lợi ích của giáo dục số và sự tiện lợi của việc học trực tuyến.">

<link rel="canonical" href="https://olm.vn"/>

<meta property="og:locale" content="vi_VN" />

<meta property="og:type" content="website" />

<meta property="og:title" content="Nền tảng giáo dục số OLM: Học trực tuyến thông minh" />

<meta property="og:description" content="Bạn đang tìm kiếm một phương pháp mang tính cách mạng để giáo dục con cái? OLM, một nền tảng học tập trực tuyến tiên tiến. Khám phá những lợi ích của giáo dục số và sự tiện lợi của việc học trực tuyến." />

<meta property="og:site_name" content="OLM" />

<meta property="og:url" content="https://olm.vn" />

<meta property="og:image" content="https://olm.vn/images/logo-og-1.jpg" />



<script type="application/ld+json">

{"@context":"https:\/\/schema.org","@type":"WebPage","name":"Nền tảng giáo dục số OLM: Học trực tuyến thông minh","description":"Bạn đang tìm kiếm một phương pháp mang tính cách mạng để giáo dục con cái? OLM, một nền tảng học tập trực tuyến tiên tiến. Khám phá những lợi ích của giáo dục số và sự tiện lợi của việc học trực tuyến.","image":"https:\/\/olm.vn\/images\/logo-og-1.jpg"}

</script>

<!-- Google Tag Manager -->

<script>

document.addEventListener("DOMContentLoaded", function() {

(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':

new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],

j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.defer=true;j.async=true;j.src=

'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);

})(window,document,'script','dataLayer','GTM-WXVQJST');

});

</script>

<!-- Global site tag (gtag.js) - Google Ads: 936648078 -->

<script defer src="https://www.googletagmanager.com/gtag/js?id=AW-936648078"></script>

<script>

window.dataLayer = window.dataLayer || [{

'user_id': "17193342262514",

"life_time": 101,

"vip_expired": -100,

"user_type": 3,

"vip_type": 3,

"site": "olm",

}];

function gtag(){dataLayer.push(arguments);}

gtag('js', new Date());


gtag('config', 'AW-936648078');

</script>

<!-- OTM Tracking Script -->

<script>

window.OTM_SERVER_DATA = {

csrfToken: "pWDoJF2b3POS4Vvfr7t0ugR681rVxYEJSk1Xoaow",

currentRouteName: "home",

debug: false,

endpoint: '/api/otm/collect',

user: {

// Lấy user hiện tại

id: '17193342262514',

email: 'nguyenhaiquan599@gmail.com',

phone: '',

fn: 'AMV',

ln: 'Su30MK2',

account_status: 'miễn phí',

vip_source: 'vip_trial',

user_type: 'student',

client_ip_address: '162.158.193.131',

fbp: 'fb.1.1777301124519.348678260553742262',

fbc: null ,

},

device_type: 'desktop',

referrer: '',

};


// Khởi tạo layer sớm để hứng event inline nếu có

window.otmDataLayer = window.otmDataLayer || [];

</script>

<script src="https://rs.olm.vn/js/modules/otm/data.js?v=493719" defer></script>

<script src="https://rs.olm.vn/js/modules/otm/config.js?v=493719" defer></script>

<script src="https://rs.olm.vn/js/modules/otm/otm.js?v=1777388154" defer></script>


<script type="application/ld+json">

{

"@context": "https://schema.org/",

"@type": "Product",

"name": "Nền tảng giáo dục số OLM: Học trực tuyến thông minh",

"image": "",

"description": "Bạn đang tìm kiếm một phương pháp mang tính cách mạng để giáo dục con cái? OLM, một nền tảng học tập trực tuyến tiên tiến. Khám phá những lợi ích của giáo dục số và sự tiện lợi của việc học trực tuyến.",

"aggregateRating": {

"@type": "AggregateRating",

"ratingValue": "4",

"bestRating": "5",

"worstRating": "1",

"ratingCount": "5"

}

}

</script>

</head>


<body>

<div class="tw-font-be-vietnam-pro tw-bg-background-default tw-text-slate-900 tw-text-16">


<header

class="tw-sticky tw-top-0 tw-z-50 tw-bg-white tw-border-b tw-border-gray-100 tw-text-content-secondary">

<!-- Top Info Bar -->

<div class="tw-bg-neon-blue-100">

<div

class="tw-olm-container-2 tw-hidden lg:tw-flex tw-flex-row tw-justify-between tw-items-center tw-text-sm tw-text-slate-700 tw-px-5 tw-py-1 ">

<div class="tw-flex tw-gap-2 tw-items-center">

<a href="/gioi-thieu" class="tw-text-small tw-text-content-secondary">

Về OLM

</a>

<a href="/bg/hotroolm" class="tw-text-small tw-text-content-secondary">

Hướng dẫn &amp; trợ giúp

</a>

</div>

<div class="tw-flex tw-items-center tw-space-x-4">



<a href="/thi-dau" class="tw-text-small tw-text-content-secondary">

Thi đấu

</a>

<a href="https://dgnl.olm.vn" class="tw-text-small tw-text-content-secondary">

Đánh giá năng lực

</a>

</div>

</div>

</div>


<!-- Main Header -->

<div class="tw-olm-container-2 tw-px-3 lg:tw-px-5 tw-py-3 tw-flex tw-flex-row tw-justify-between tw-items-center">

<div class="tw-flex tw-gap-2 lg:tw-gap-8 tw-justify-between tw-items-center">

<!-- Mobile Menu Button -->

<button class="tw-p-2 tw-text-gray-500 tw-transition-colors lg:tw-hidden hover:tw-text-gray-700"

data-drawer-open="#drawer-menu-header">

<svg class="tw-w-6 tw-h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">

<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />

</svg>

</button>


<!-- Logo -->

<a href="https://olm.vn" class="">

<img src="https://rs.olm.vn/images/logo.png" alt="OLM Logo" class="tw-h-10 tw-hidden lg:tw-block">

<img src="https://rs.olm.vn/v2/images/logo-olm.png" alt="OLM Logo" class="tw-h-10 lg:tw-hidden">

</a>


<!-- Navigation Menu -->

<nav class="tw-hidden lg:tw-flex tw-gap-0 tw-items-center ">


<div class="tw-relative tw-group">

<a href="/hoc-bai"

class="tw-text-14 tw-font-semibold tw-flex tw-items-center tw-gap-1 tw-px-1 xl:tw-px-3 tw-py-2 tw-rounded-xl tw-leading-6 tw-transition-all hover:tw-bg-background-subtle ">

<span>

Học bài

</span>


</a>



</div>


<div class="tw-relative tw-group">

<a href="/hoi-dap"

class="tw-text-14 tw-font-semibold tw-flex tw-items-center tw-gap-1 tw-px-1 xl:tw-px-3 tw-py-2 tw-rounded-xl tw-leading-6 tw-transition-all hover:tw-bg-background-subtle ">

<span>

Hỏi đáp

</span>


</a>



</div>


<div class="tw-relative tw-group">

<a href="/cuoc-thi"

class="tw-text-14 tw-font-semibold tw-flex tw-items-center tw-gap-1 tw-px-1 xl:tw-px-3 tw-py-2 tw-rounded-xl tw-leading-6 tw-transition-all hover:tw-bg-background-subtle ">

<span>

Cuộc thi vui

</span>


</a>



</div>


<div class="tw-relative tw-group">

<a href="https://dautruong.olm.vn/"

class="tw-text-14 tw-font-semibold tw-flex tw-items-center tw-gap-1 tw-px-1 xl:tw-px-3 tw-py-2 tw-rounded-xl tw-leading-6 tw-transition-all hover:tw-bg-background-subtle ">

<span>

Đấu trường

</span>


</a>



</div>


<div class="tw-relative tw-group">

<a href="/thu-vien-so"

class="tw-text-14 tw-font-semibold tw-flex tw-items-center tw-gap-1 tw-px-1 xl:tw-px-3 tw-py-2 tw-rounded-xl tw-leading-6 tw-transition-all hover:tw-bg-background-subtle ">

<span>

Thư viện số

</span>


</a>



</div>


<div class="tw-relative tw-group">

<a href="/bai-viet"

class="tw-text-14 tw-font-semibold tw-flex tw-items-center tw-gap-1 tw-px-1 xl:tw-px-3 tw-py-2 tw-rounded-xl tw-leading-6 tw-transition-all hover:tw-bg-background-subtle ">

<span>

Bài viết

</span>


<img src="https://rs.olm.vn/v2/icons/angle-down.svg" alt="" title=""

class="tw-transition-transform group-hover:tw-rotate-180 tw-w-tw-w-4 tw-h-4 tw-h-tw-w-4 tw-h-4" >

</a>



<div class="tw-absolute tw-top-full tw-left-0 tw-pt-2 tw-invisible tw-opacity-0 tw-translate-y-2 group-hover:tw-visible group-hover:tw-opacity-100 group-hover:tw-translate-y-0 tw-transition-all tw-duration-200 tw-z-50">

<div class="tw-bg-white tw-min-w-[220px] tw-rounded-2xl tw-shadow-black-lg tw-border tw-border-stroke-light tw-p-2 tw-flex tw-flex-col tw-gap-1">

<a href="/thongtin"

class="tw-text-[14px] tw-font-medium tw-text-content-secondary tw-p-3 tw-rounded-xl hover:tw-bg-background-subtle hover:tw-text-accent-default tw-transition-all">

Tin tức

</a>

<a href="/chu-de-bai-viet/hoc-tap"

class="tw-text-[14px] tw-font-medium tw-text-content-secondary tw-p-3 tw-rounded-xl hover:tw-bg-background-subtle hover:tw-text-accent-default tw-transition-all">

Blog học tập

</a>

</div>

</div>

</div>

</nav>

</div>



<!-- Right Section: Search & Auth -->

<div class="tw-flex tw-gap-3 tw-justify-end tw-items-center">

<!-- Search -->









<div class="tw-h-8 tw-w-px tw-bg-stroke-light"></div>

<div class="tw-flex tw-items-center tw-gap-2">

<a href="https://olm.vn/messages/tro-chuyen"

class="tw-flex tw-h-12 tw-w-12 tw-rounded-2xl tw-justify-center tw-items-center tw-cursor-pointer hover:tw-bg-stroke-light">

<img src="https://rs.olm.vn/v2/icons/chat-text.svg" alt="" title=""

class=" tw-w-tw-w-6 tw-h-6 tw-h-tw-w-6 tw-h-6" >

</a>


</div>


<div id="header-user-dropdown-container"></div>


</div>

</div>


<div id="drawer-menu-header" class="drawer tw-pointer-events-none tw-fixed tw-inset-0 tw-z-50 tw-hidden" data-open="false" data-dismissible="true">


<div class="tw-pointer-events-auto tw-absolute tw-inset-0 tw-bg-black tw-bg-opacity-50 tw-opacity-0 tw-transition-opacity tw-duration-300"

data-drawer-overlay></div>



<div class="tw-pointer-events-auto tw-absolute tw-bottom-0 tw-top-0 tw-flex tw-transform tw-flex-col tw-bg-white tw-shadow-xl tw-transition-transform tw-duration-300 tw-ease-in-out tw-overflow-hidden tw-left-0 tw-w-3/4 -tw-translate-x-full "

data-drawer-position="left" data-drawer-panel>


<div class="tw-py-3 tw-px-2 tw-flex tw-items-center tw-justify-between tw-border-b tw-border-stroke-light">

<div class="tw-flex tw-items-center tw-gap-2">

<button type="button" class="tw-h-10 tw-w-10 tw-flex tw-items-center tw-justify-center tw-rounded-xl "

data-drawer-close>

<img src="https://rs.olm.vn/v2/icons/cancel.svg" alt="Đóng" title="Đóng"

class=" " >

</button>

<img src="https://rs.olm.vn/v2/images/logo-olm.png" alt="OLM Logo" class="tw-h-10">

</div>

<div

class="tw-flex tw-items-center tw-justify-center tw-w-12 tw-h-12 tw-rounded-2xl tw-duration-300 tw-cursor-pointer tw-bg-white hover:tw-bg-stroke-light">

<img src="https://rs.olm.vn/v2/icons/search.svg" alt="" title=""

class=" tw-w-tw-w-6 tw-h-6 tw-h-tw-w-6 tw-h-6" >

</div>

</div>




<div id="drawer-content" class="tw-min-h-0 tw-flex-1 tw-overflow-y-auto lg:tw-px-5 lg:tw-py-4">

<div class="tw-flex tw-flex-col tw-bg-subtle">


<div class="tw-flex-1">

<div class="main-menu tw-flex tw-flex-col tw-gap-2 tw-p-4 tw-bg-white">


<div class="menu-item tw-flex tw-flex-col">

<!-- MENU ITEM -->

<div

class="tw-flex tw-items-center tw-justify-between tw-py-2 tw-px-3 ">

<a href="/hoc-bai" class="tw-flex-1 tw-leading-8 tw-font-medium">

Học bài

</a>


</div>


<!-- SUBMENU -->


</div>


<div class="menu-item tw-flex tw-flex-col">

<!-- MENU ITEM -->

<div

class="tw-flex tw-items-center tw-justify-between tw-py-2 tw-px-3 ">

<a href="/hoi-dap" class="tw-flex-1 tw-leading-8 tw-font-medium">

Hỏi đáp

</a>


</div>


<!-- SUBMENU -->


</div>


<div class="menu-item tw-flex tw-flex-col">

<!-- MENU ITEM -->

<div

class="tw-flex tw-items-center tw-justify-between tw-py-2 tw-px-3 ">

<a href="/cuoc-thi" class="tw-flex-1 tw-leading-8 tw-font-medium">

Cuộc thi vui

</a>


</div>


<!-- SUBMENU -->


</div>


<div class="menu-item tw-flex tw-flex-col">

<!-- MENU ITEM -->

<div

class="tw-flex tw-items-center tw-justify-between tw-py-2 tw-px-3 ">

<a href="https://dautruong.olm.vn/" class="tw-flex-1 tw-leading-8 tw-font-medium">

Đấu trường

</a>


</div>


<!-- SUBMENU -->


</div>


<div class="menu-item tw-flex tw-flex-col">

<!-- MENU ITEM -->

<div

class="tw-flex tw-items-center tw-justify-between tw-py-2 tw-px-3 ">

<a href="/thu-vien-so" class="tw-flex-1 tw-leading-8 tw-font-medium">

Thư viện số

</a>


</div>


<!-- SUBMENU -->


</div>


<div class="menu-item tw-flex tw-flex-col">

<!-- MENU ITEM -->

<div

class="tw-flex tw-items-center tw-justify-between tw-py-2 tw-px-3 ">

<a href="/bai-viet" class="tw-flex-1 tw-leading-8 tw-font-medium">

Bài viết

</a>


<button type="button"

class="submenu-toggle tw-flex tw-items-center tw-justify-center tw-w-8 tw-h-8"

onclick="toggleSubmenu(this)">

<img src="https://rs.olm.vn/v2/icons/angle-down.svg" alt="" title=""

class=" tw-w-tw-w-6 tw-h-6 tw-h-tw-w-6 tw-h-6" >

</button>

</div>


<!-- SUBMENU -->

<div class="submenu-items tw-flex tw-hidden tw-flex-col tw-gap-2 tw-pl-8 tw-mt-1">

<a href="/thongtin"

class="tw-text-content-secondary tw-text-[14px] tw-leading-5 tw-p-2">

Tin tức

</a>

<a href="/chu-de-bai-viet/hoc-tap"

class="tw-text-content-secondary tw-text-[14px] tw-leading-5 tw-p-2">

Blog học tập

</a>

</div>


</div>

</div>

<div class="sub-menu tw-py-2 tw-px-4 tw-flex tw-flex-col tw-gap-1">

<a href="/gioi-thieu"

class="tw-text-[14px] tw-py-2 tw-px-3 tw-text-content-secondary tw-leading-6">

Về OLM

</a>

<a href="/bg/hotroolm"

class="tw-text-[14px] tw-py-2 tw-px-3 tw-text-content-secondary tw-leading-6">

Hướng dẫn &amp; trợ giúp

</a>

<a href="/thi-dau"

class="tw-text-[14px] tw-py-2 tw-px-3 tw-text-content-secondary tw-leading-6">

Thi đấu

</a>

<a href="https://dgnl.olm.vn"

class="tw-text-[14px] tw-py-2 tw-px-3 tw-text-content-secondary tw-leading-6">

Đánh giá năng lực

</a>

</div>

</div>


<div class="footer-buttons tw-p-4 tw-flex tw-flex-col tw-gap-3">

<button class="tw-py-2 tw-px-3 tw-flex tw-items-center tw-justify-start tw-gap-2 tw-bg-white tw-rounded-xl">

<img src="https://rs.olm.vn/v2/icons/chatbot-icon.svg" alt="" title=""

class=" tw-w-tw-w-8 tw-h-8 tw-h-tw-w-8 tw-h-8" >

<span>

OLM Chatbot

</span>

</button>

<button class="tw-py-2 tw-px-3 tw-flex tw-items-center tw-justify-start tw-gap-2 tw-bg-white tw-rounded-xl">

<img src="https://rs.olm.vn/v2/icons/support.svg" alt="" title=""

class=" tw-w-tw-w-8 tw-h-8 tw-h-tw-w-8 tw-h-8" >

<span>

Liên hệ hỗ trợ

</span>

</button>

</div>

</div>

</div>


</div>

</div>


</header>

<main class="tw-bg-center tw-bg-cover"

style="background-image: url('https://rs.olm.vn/v2/home/hero-section/background.png');">

<div class="tw-mx-auto tw-olm-container">

<section class="tw-mt-4 tw-my-4 lg:tw-my-10 tw-relative">

<div class="tw-w-full"><div>

<div

class="tw-bg-black/10 tw-backdrop-blur-sm tw-rounded-2xl tw-border-2 tw-border-white/15 tw-p-4 tw-w-full tw-flex tw-flex-col lg:tw-flex-row tw-items-start lg:tw-items-center tw-gap-4">


<div class="tw-flex tw-items-center tw-gap-3">

<img src="/avatars/guest.png" alt="" style="height: inherit" class="lg:tw-w-12 lg:tw-h-12 tw-w-10 tw-h-10">

<div class="tw-flex tw-flex-col tw-justify-start tw-items-start">

<strong class="tw-font-semibold tw-text-16 lg:tw-text-18 tw-text-white">

Su30MK2 AMV

</strong>

<span class="tw-text-accent-light tw-text-14">

nguyenhaiquan599@gmail.com

</span>

</div>

</div>



<div class="tw-hidden tw-h-12 tw-w-px tw-shrink-0 tw-self-center tw-bg-white/25 lg:tw-block" aria-hidden="true">

</div>



<div class="tw-w-full lg:tw-w-auto tw-flex tw-flex-col tw-items-start tw-justify-between lg:tw-gap-1 tw-py-3 lg:tw-py-0 tw-border-t lg:tw-border-t-0 tw-border-b lg:tw-border-b-0 tw-border-stroke-light tw-border-dashed">

<p class="tw-text-14 tw-font-semibold tw-text-accent-light-2">

Tài khoản chưa có VIP

</p>

<span class="tw-text-accent-light-2 tw-text-14">

Giới hạn tính năng

</span>

</div>




<div

class="lg:tw-ml-auto tw-flex tw-w-full tw-flex-row tw-flex-nowrap tw-items-center tw-gap-2 tw-self-stretch lg:tw-w-auto lg:tw-gap-3">





<a href="https://olm.vn/lop-hoc-cua-toi"

class="tw-olm-btn-tertiary-40 lg:tw-olm-btn-tertiary-48 tw-flex tw-min-w-0 tw-flex-1 tw-items-center tw-justify-center tw-gap-1 lg:tw-gap-2 tw-text-center tw-text-14 tw-font-bold lg:tw-w-auto lg:tw-text-16 lg:tw-flex-none">

Lớp học của tôi

</a>


<a href="https://olm.vn/mua-vip" title="Xem gói VIP" target="_blank"

class="tw-olm-btn-primary-40 lg:tw-olm-btn-primary-48 tw-flex tw-min-w-0 tw-flex-1 tw-items-center tw-justify-center tw-gap-1 lg:tw-gap-2 lg:tw-w-auto lg:tw-flex-none">

<img src="https://rs.olm.vn/v2/icons/crown-alt.svg" alt="Xem gói VIP" title="Xem gói VIP"

class="tw-h-6 tw-w-6 tw-shrink-0 " >

<span

class="tw-text-center tw-text-14 tw-font-bold tw-text-white lg:tw-text-16">

Xem gói VIP

</span>

</a>

</div>




</div>

</div>

</div>

<div

class="navbar tw-mt-4 lg:tw-mt-0 tw-border tw-w-full tw-border-stroke-light lg:tw-absolute lg:-tw-bottom-1/2 lg:tw-translate-y-[50%] lg:tw-left-1/2 lg:tw-translate-x-[-50%] tw-grid tw-grid-cols-2 lg:tw-flex lg:tw-flex-row lg:tw-justify-center tw-gap-2 lg:tw-gap-4 tw-p-2 tw-bg-white tw-rounded-xl tw-shadow-[0_8px_24px_0_rgba(0,0,0,0.10)]">

<button data-toggle="modal" data-target="#modal-contact-customer-service"

class="tw-group tw-flex tw-items-center tw-gap-1 lg:tw-gap-2 tw-py-2 tw-px-2 lg:tw-px-4 tw-cursor-pointer">

<img src="https://rs.olm.vn/v2/icons/headphones.svg" alt="" title=""

class=" tw-w-tw-w-5 tw-h-5 lg:tw-w-6 lg:tw-h-6 tw-h-tw-w-5 tw-h-5 lg:tw-w-6 lg:tw-h-6" >

<span

class="tw-text-14 lg:tw-text-base tw-font-semibold tw-text-content-primary group-hover:tw-text-accent-default tw-transition-all tw-duration-200">

CSKH

</span>

</button>

<div class="tw-group tw-flex tw-items-center tw-py-2 tw-px-2 lg:tw-px-4 tw-rounded-lg">

<a href="https://olm.vn/lop-hoc-cua-toi"

class="tw-flex tw-items-center tw-gap-1 lg:tw-gap-2 tw-text-14 tw-font-medium tw-text-content-tertiary ">

<img src="https://rs.olm.vn/v2/icons/folder-user.svg" alt="" title=""

class=" tw-w-tw-w-5 tw-h-5 lg:tw-w-6 lg:tw-h-6 tw-h-tw-w-5 tw-h-5 lg:tw-w-6 lg:tw-h-6" >

<span class="tw-text-14 lg:tw-text-base tw-font-semibold tw-text-content-primary group-hover:tw-text-accent-default tw-transition-all tw-duration-200">

Lớp học của tôi

</span>

</a>

</div>

<div class="tw-group tw-flex tw-items-center tw-py-2 tw-px-2 lg:tw-px-4 tw-rounded-lg">

<a href="/thanhvien/17193342262514"

class="tw-flex tw-items-center tw-gap-1 lg:tw-gap-2 tw-text-14 tw-font-medium tw-text-content-tertiary ">

<img src="https://rs.olm.vn/v2/icons/member-card.svg" alt="" title=""

class=" tw-w-tw-w-5 tw-h-5 lg:tw-w-6 lg:tw-h-6 tw-h-tw-w-5 tw-h-5 lg:tw-w-6 lg:tw-h-6" >

<span

class="tw-text-14 lg:tw-text-base tw-font-semibold tw-text-content-primary group-hover:tw-text-accent-default tw-transition-all tw-duration-200">

Trang

cá nhân

</span>

</a>

</div>

</div>

</section>

</div>

</main>

<div class="tw-py-20 tw-bg-background-default tw-olm-container tw-hidden lg:tw-block">




<div class="owl-carousel owl-theme loop olm-carousel carousel-homepage" id="carousel-homepage">

<a href="https://olm.vn/bai-viet/ra-mat-olm-mentor-giao-bai-ca-nhan-hoa-681233675" class="swiper-slide tw-cursor-pointer banner" data-index="0">

<img src="https://cdn3.olm.vn/upload/img/0423/img_2026-04-23_69ead523661da.jpg" alt="Ra mắt OLM Mentor"

class="tw-w-full tw-h-auto tw-rounded-lg tw-object-cover">

</a>

<a href="https://olm.vn/bai-viet/olm-exam-dich-vu-ra-de-thi-theo-yeu-cau-681151163" class="swiper-slide tw-cursor-pointer banner" data-index="1">

<img src="https://cdn3.olm.vn/upload/img/0422/img_2026-04-22_69e991f1c8aa8.jpg" alt="OLM Exam - Dịch vụ ra đề thi theo yêu cầu"

class="tw-w-full tw-h-auto tw-rounded-lg tw-object-cover">

</a>

<a href="https://olm.vn/bai-viet/olm-mien-phi-nen-tang-day-va-hoc-cho-giao-vien-va-hoc-sinh-ha-noi-den-3152026-680807656" class="swiper-slide tw-cursor-pointer banner" data-index="2">

<img src="https://cdn3.olm.vn/upload/img/0420/img_2026-04-20_69e5a8ad19544.jpg" alt="Miễn phí nền tảng cho GV và HS Hà Nội"

class="tw-w-full tw-h-auto tw-rounded-lg tw-object-cover">

</a>

<a href="https://olm.vn/bai-viet/bo-de-on-tap-kiem-tra-cuoi-ky-ii-tu-tin-chinh-phuc-diem-10-680362670" class="swiper-slide tw-cursor-pointer banner" data-index="3">

<img src="https://cdn3.olm.vn/upload/img/0408/img_2026-04-08_69d70503c4426.jpg" alt="BỘ ĐỀ ÔN TẬP KIỂM TRA CUỐI KỲ II"

class="tw-w-full tw-h-auto tw-rounded-lg tw-object-cover">

</a>

<a href="https://olm.vn/bai-viet/thong-bao-nang-cap-va-dieu-chinh-goi-svip-cho-nha-truong-679880628" class="swiper-slide tw-cursor-pointer banner" data-index="4">

<img src="https://cdn3.olm.vn/upload/img/0401/img_2026-04-01_69cdcca01401a.jpg" alt="Thông báo điều chỉnh gói SVIP trường"

class="tw-w-full tw-h-auto tw-rounded-lg tw-object-cover">

</a>

<a href="https://olm.vn/bai-viet/huong-dan-to-chuc-thi-thu-tot-nghiep-thpt-tren-olm-678437107" class="swiper-slide tw-cursor-pointer banner" data-index="5">

<img src="https://cdn3.olm.vn/upload/img/0309/img_2026-03-09_69af7b03c48ff.jpg" alt="Banner HD tổ chức thi thử THPT 2026"

class="tw-w-full tw-h-auto tw-rounded-lg tw-object-cover">

</a>

</div>


</div>

<section class="tw-bg-gradient-to-tr tw-from-pumpkin-100 tw-to-neon-blue-50 lg:tw-from-30% tw-to-70% tw-py-12 lg:tw-py-20">

<div class="tw-olm-container tw-gap-4 lg:tw-gap-12">

<!-- Title -->

<div class="tw-text-center">

<h2 class="tw-mb-2 tw-font-semibold tw-text-[24px] lg:tw-text-32">

Kho học liệu số toàn diện

</h2>

<p class="tw-text-gray-600 tw-text-[14px] lg:tw-text-18"><strong>

200000+

</strong>

học liệu tương tác, nội dung bám sát các bộ SGK

</p>

</div>

<!-- Search Form -->


<a href="https://olm.vn/kids" target="_blank"

class="tw-relative tw-block tw-overflow-hidden tw-w-full tw-h-[120px] lg:tw-h-[180px] tw-bg-right tw-bg-cover tw-bg-[url('/v2/images/olm-kids/banner-olm-kids.png')] tw-rounded-3xl tw-border-4 tw-border-white">

<div class="tw-pointer-events-none tw-absolute tw-inset-0 tw-rounded-3xl tw-bg-gradient-to-r tw-from-gray-700/85 tw-to-transparent lg:tw-hidden" aria-hidden="true"></div>

<div class="tw-relative tw-z-10 tw-flex tw-h-full tw-flex-col tw-items-start tw-justify-center tw-gap-2 tw-text-white tw-p-5 lg:tw-p-8">

<img src="/v2/images/olm-kids/OLM-KIDS.png" alt="OLM KIDS" class="tw-h-8 lg:tw-h-10">

<span class="tw-text-[20px] lg:tw-text-3xl tw-font-black tw-text-white tw-font-nunito tw-w-[165px] lg:tw-w-auto">

Khối Mầm non và Tiền tiểu học

</span>

</div>

</a>

<div class="tw-olm-card hover:tw-border-stroke-light tw-p-4 lg:tw-p-10 tw-border-none">

<!-- Section Title -->

<h2 class="tw-text-32 tw-text-neon-blue-500 tw-font-nunito tw-font-black tw-mb-4">

Khối Tiểu Học

</h2>

<div class="tw-grid tw-grid-cols-2 lg:tw-grid-cols-5 tw-gap-4 xl:tw-gap-6">

<div class="tw-relative tw-p-1 lg:tw-p-2 max-sm:tw-max-w-[240px] tw-rounded-2xl tw-border-2 tw-bg-white tw-border-stroke-light hover:tw-border-accent-default tw-olm-shadow-md tw-duration-300 tw-flex tw-flex-row lg:tw-flex-col tw-gap-3 lg:tw-gap-0 tw-items-center">


<a href="https://olm.vn/lop-1" title="Khóa học lớp 1" aria-label="Khóa học lớp 1" class="tw-absolute tw-inset-0 tw-z-10 tw-rounded-2xl lg:tw-hidden"></a>


<!-- Grade Header -->

<a href="https://olm.vn/lop-1" title="Xem thêm khóa học lớp 1" class="tw-relative tw-z-0 tw-aspect-square tw-block tw-max-w-[64px] tw-max-h-[64px] max-lg:tw-pointer-events-none lg:tw-max-w-full lg:tw-max-h-full">

<img src="/v2/home/class-1.png" alt="Khóa học lớp 1" class="tw-rounded-2xl tw-img-cover" title="Khóa học lớp 1" loading="lazy">

</a>


<!-- Subjects -->

<div class="tw-m-1 tw-hidden lg:tw-block">

<a href="https://olm.vn/lop-1-mon-toan" title="Khóa học lớp 1 - Môn Toán" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3 tw-border-b tw-border-stroke-light last:tw-border-b-0">

<div class="tw-font-medium tw-text-gray-800">

Toán

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>

<a href="https://olm.vn/lop-1-tieng-viet" title="Khóa học lớp 1 - Môn Tiếng Việt" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3 tw-border-b tw-border-stroke-light last:tw-border-b-0">

<div class="tw-font-medium tw-text-gray-800">

Tiếng Việt

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>

<a href="https://olm.vn/lop-1-tieng-anh" title="Khóa học lớp 1 - Môn Tiếng Anh" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3">

<div class="tw-font-medium tw-text-gray-800">

Tiếng Anh

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>


<!-- View more button -->

<div class="tw-mt-2 tw-text-center">

<a href="https://olm.vn/lop-1" title="Xem thêm khóa học lớp 1" class="tw-olm-btn-tertiary-40 lg:tw-olm-btn-tertiary-48 tw-w-full">

Xem thêm

<img src="https://rs.olm.vn/v2/icons/arrow-right-secondary.svg" alt="Xem thêm" title="Xem thêm"

class="tw-w-6 tw-h-6 " >

</a>

</div>

</div>



<div class="tw-block lg:tw-hidden">

<span class="tw-text-base tw-font-semibold tw-text-content-secondary">

Lớp 1

</span>

</div>

</div>

<div class="tw-relative tw-p-1 lg:tw-p-2 max-sm:tw-max-w-[240px] tw-rounded-2xl tw-border-2 tw-bg-white tw-border-stroke-light hover:tw-border-accent-default tw-olm-shadow-md tw-duration-300 tw-flex tw-flex-row lg:tw-flex-col tw-gap-3 lg:tw-gap-0 tw-items-center">


<a href="https://olm.vn/lop-2" title="Khóa học lớp 2" aria-label="Khóa học lớp 2" class="tw-absolute tw-inset-0 tw-z-10 tw-rounded-2xl lg:tw-hidden"></a>


<!-- Grade Header -->

<a href="https://olm.vn/lop-2" title="Xem thêm khóa học lớp 2" class="tw-relative tw-z-0 tw-aspect-square tw-block tw-max-w-[64px] tw-max-h-[64px] max-lg:tw-pointer-events-none lg:tw-max-w-full lg:tw-max-h-full">

<img src="/v2/home/class-2.png" alt="Khóa học lớp 2" class="tw-rounded-2xl tw-img-cover" title="Khóa học lớp 2" loading="lazy">

</a>


<!-- Subjects -->

<div class="tw-m-1 tw-hidden lg:tw-block">

<a href="https://olm.vn/lop-2-mon-toan" title="Khóa học lớp 2 - Môn Toán" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3 tw-border-b tw-border-stroke-light last:tw-border-b-0">

<div class="tw-font-medium tw-text-gray-800">

Toán

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>

<a href="https://olm.vn/lop-2-tieng-viet" title="Khóa học lớp 2 - Môn Tiếng Việt" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3 tw-border-b tw-border-stroke-light last:tw-border-b-0">

<div class="tw-font-medium tw-text-gray-800">

Tiếng Việt

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>

<a href="https://olm.vn/lop-2-tieng-anh" title="Khóa học lớp 2 - Môn Tiếng Anh" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3">

<div class="tw-font-medium tw-text-gray-800">

Tiếng Anh

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>


<!-- View more button -->

<div class="tw-mt-2 tw-text-center">

<a href="https://olm.vn/lop-2" title="Xem thêm khóa học lớp 2" class="tw-olm-btn-tertiary-40 lg:tw-olm-btn-tertiary-48 tw-w-full">

Xem thêm

<img src="https://rs.olm.vn/v2/icons/arrow-right-secondary.svg" alt="Xem thêm" title="Xem thêm"

class="tw-w-6 tw-h-6 " >

</a>

</div>

</div>



<div class="tw-block lg:tw-hidden">

<span class="tw-text-base tw-font-semibold tw-text-content-secondary">

Lớp 2

</span>

</div>

</div>

<div class="tw-relative tw-p-1 lg:tw-p-2 max-sm:tw-max-w-[240px] tw-rounded-2xl tw-border-2 tw-bg-white tw-border-stroke-light hover:tw-border-accent-default tw-olm-shadow-md tw-duration-300 tw-flex tw-flex-row lg:tw-flex-col tw-gap-3 lg:tw-gap-0 tw-items-center">


<a href="https://olm.vn/lop-3" title="Khóa học lớp 3" aria-label="Khóa học lớp 3" class="tw-absolute tw-inset-0 tw-z-10 tw-rounded-2xl lg:tw-hidden"></a>


<!-- Grade Header -->

<a href="https://olm.vn/lop-3" title="Xem thêm khóa học lớp 3" class="tw-relative tw-z-0 tw-aspect-square tw-block tw-max-w-[64px] tw-max-h-[64px] max-lg:tw-pointer-events-none lg:tw-max-w-full lg:tw-max-h-full">

<img src="/v2/home/class-3.png" alt="Khóa học lớp 3" class="tw-rounded-2xl tw-img-cover" title="Khóa học lớp 3" loading="lazy">

</a>


<!-- Subjects -->

<div class="tw-m-1 tw-hidden lg:tw-block">

<a href="https://olm.vn/lop-3-mon-toan" title="Khóa học lớp 3 - Môn Toán" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3 tw-border-b tw-border-stroke-light last:tw-border-b-0">

<div class="tw-font-medium tw-text-gray-800">

Toán

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>

<a href="https://olm.vn/lop-3-tieng-viet" title="Khóa học lớp 3 - Môn Tiếng Việt" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3 tw-border-b tw-border-stroke-light last:tw-border-b-0">

<div class="tw-font-medium tw-text-gray-800">

Tiếng Việt

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>

<a href="https://olm.vn/lop-3-tieng-anh" title="Khóa học lớp 3 - Môn Tiếng Anh" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3">

<div class="tw-font-medium tw-text-gray-800">

Tiếng Anh

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>


<!-- View more button -->

<div class="tw-mt-2 tw-text-center">

<a href="https://olm.vn/lop-3" title="Xem thêm khóa học lớp 3" class="tw-olm-btn-tertiary-40 lg:tw-olm-btn-tertiary-48 tw-w-full">

Xem thêm

<img src="https://rs.olm.vn/v2/icons/arrow-right-secondary.svg" alt="Xem thêm" title="Xem thêm"

class="tw-w-6 tw-h-6 " >

</a>

</div>

</div>



<div class="tw-block lg:tw-hidden">

<span class="tw-text-base tw-font-semibold tw-text-content-secondary">

Lớp 3

</span>

</div>

</div>

<div class="tw-relative tw-p-1 lg:tw-p-2 max-sm:tw-max-w-[240px] tw-rounded-2xl tw-border-2 tw-bg-white tw-border-stroke-light hover:tw-border-accent-default tw-olm-shadow-md tw-duration-300 tw-flex tw-flex-row lg:tw-flex-col tw-gap-3 lg:tw-gap-0 tw-items-center">


<a href="https://olm.vn/lop-4" title="Khóa học lớp 4" aria-label="Khóa học lớp 4" class="tw-absolute tw-inset-0 tw-z-10 tw-rounded-2xl lg:tw-hidden"></a>


<!-- Grade Header -->

<a href="https://olm.vn/lop-4" title="Xem thêm khóa học lớp 4" class="tw-relative tw-z-0 tw-aspect-square tw-block tw-max-w-[64px] tw-max-h-[64px] max-lg:tw-pointer-events-none lg:tw-max-w-full lg:tw-max-h-full">

<img src="/v2/home/class-4.png" alt="Khóa học lớp 4" class="tw-rounded-2xl tw-img-cover" title="Khóa học lớp 4" loading="lazy">

</a>


<!-- Subjects -->

<div class="tw-m-1 tw-hidden lg:tw-block">

<a href="https://olm.vn/lop-4-mon-toan" title="Khóa học lớp 4 - Môn Toán" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3 tw-border-b tw-border-stroke-light last:tw-border-b-0">

<div class="tw-font-medium tw-text-gray-800">

Toán

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>

<a href="https://olm.vn/lop-4-tieng-viet" title="Khóa học lớp 4 - Môn Tiếng Việt" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3 tw-border-b tw-border-stroke-light last:tw-border-b-0">

<div class="tw-font-medium tw-text-gray-800">

Tiếng Việt

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>

<a href="https://olm.vn/lop-4-tieng-anh" title="Khóa học lớp 4 - Môn Tiếng Anh" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3">

<div class="tw-font-medium tw-text-gray-800">

Tiếng Anh

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>


<!-- View more button -->

<div class="tw-mt-2 tw-text-center">

<a href="https://olm.vn/lop-4" title="Xem thêm khóa học lớp 4" class="tw-olm-btn-tertiary-40 lg:tw-olm-btn-tertiary-48 tw-w-full">

Xem thêm

<img src="https://rs.olm.vn/v2/icons/arrow-right-secondary.svg" alt="Xem thêm" title="Xem thêm"

class="tw-w-6 tw-h-6 " >

</a>

</div>

</div>



<div class="tw-block lg:tw-hidden">

<span class="tw-text-base tw-font-semibold tw-text-content-secondary">

Lớp 4

</span>

</div>

</div>

<div class="tw-relative tw-p-1 lg:tw-p-2 max-sm:tw-max-w-[240px] tw-rounded-2xl tw-border-2 tw-bg-white tw-border-stroke-light hover:tw-border-accent-default tw-olm-shadow-md tw-duration-300 tw-flex tw-flex-row lg:tw-flex-col tw-gap-3 lg:tw-gap-0 tw-items-center">


<a href="https://olm.vn/lop-5" title="Khóa học lớp 5" aria-label="Khóa học lớp 5" class="tw-absolute tw-inset-0 tw-z-10 tw-rounded-2xl lg:tw-hidden"></a>


<!-- Grade Header -->

<a href="https://olm.vn/lop-5" title="Xem thêm khóa học lớp 5" class="tw-relative tw-z-0 tw-aspect-square tw-block tw-max-w-[64px] tw-max-h-[64px] max-lg:tw-pointer-events-none lg:tw-max-w-full lg:tw-max-h-full">

<img src="/v2/home/class-5.png" alt="Khóa học lớp 5" class="tw-rounded-2xl tw-img-cover" title="Khóa học lớp 5" loading="lazy">

</a>


<!-- Subjects -->

<div class="tw-m-1 tw-hidden lg:tw-block">

<a href="https://olm.vn/lop-5-mon-toan" title="Khóa học lớp 5 - Môn Toán" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3 tw-border-b tw-border-stroke-light last:tw-border-b-0">

<div class="tw-font-medium tw-text-gray-800">

Toán

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>

<a href="https://olm.vn/lop-5-tieng-viet" title="Khóa học lớp 5 - Môn Tiếng Việt" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3 tw-border-b tw-border-stroke-light last:tw-border-b-0">

<div class="tw-font-medium tw-text-gray-800">

Tiếng Việt

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>

<a href="https://olm.vn/lop-5-tieng-anh" title="Khóa học lớp 5 - Môn Tiếng Anh" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3">

<div class="tw-font-medium tw-text-gray-800">

Tiếng Anh

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>


<!-- View more button -->

<div class="tw-mt-2 tw-text-center">

<a href="https://olm.vn/lop-5" title="Xem thêm khóa học lớp 5" class="tw-olm-btn-tertiary-40 lg:tw-olm-btn-tertiary-48 tw-w-full">

Xem thêm

<img src="https://rs.olm.vn/v2/icons/arrow-right-secondary.svg" alt="Xem thêm" title="Xem thêm"

class="tw-w-6 tw-h-6 " >

</a>

</div>

</div>



<div class="tw-block lg:tw-hidden">

<span class="tw-text-base tw-font-semibold tw-text-content-secondary">

Lớp 5

</span>

</div>

</div>

</div>

</div>

<div class="tw-grid lg:tw-grid-cols-2 tw-gap-6">

<div class="tw-olm-card hover:tw-border-stroke-light tw-p-4 lg:tw-p-10 tw-border-none">

<!-- Section Title -->

<h2 class="tw-text-32 tw-text-neon-blue-500 tw-font-nunito tw-font-black tw-mb-4">

Khối THCS

</h2>

<div class="tw-grid tw-grid-cols-2 tw-gap-4 lg:tw-gap-6">

<div class="tw-relative tw-p-1 lg:tw-p-2 max-sm:tw-max-w-[240px] tw-rounded-2xl tw-border-2 tw-bg-white tw-border-stroke-light hover:tw-border-accent-default tw-olm-shadow-md tw-duration-300 tw-flex tw-flex-row lg:tw-flex-col tw-gap-3 lg:tw-gap-0 tw-items-center">


<a href="https://olm.vn/lop-6" title="Khóa học lớp 6" aria-label="Khóa học lớp 6" class="tw-absolute tw-inset-0 tw-z-10 tw-rounded-2xl lg:tw-hidden"></a>


<!-- Grade Header -->

<a href="https://olm.vn/lop-6" title="Xem thêm khóa học lớp 6" class="tw-relative tw-z-0 tw-aspect-square tw-block tw-max-w-[64px] tw-max-h-[64px] max-lg:tw-pointer-events-none lg:tw-max-w-full lg:tw-max-h-full">

<img src="/v2/home/class-6.png" alt="Khóa học lớp 6" class="tw-rounded-2xl tw-img-cover" title="Khóa học lớp 6" loading="lazy">

</a>


<!-- Subjects -->

<div class="tw-m-1 tw-hidden lg:tw-block">

<a href="https://olm.vn/lop-6-mon-toan" title="Khóa học lớp 6 - Môn Toán" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3 tw-border-b tw-border-stroke-light last:tw-border-b-0">

<div class="tw-font-medium tw-text-gray-800">

Toán

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>

<a href="https://olm.vn/lop-6-ngu-van" title="Khóa học lớp 6 - Môn Ngữ văn" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3 tw-border-b tw-border-stroke-light last:tw-border-b-0">

<div class="tw-font-medium tw-text-gray-800">

Ngữ văn

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>

<a href="https://olm.vn/lop-6-tieng-anh" title="Khóa học lớp 6 - Môn Tiếng Anh" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3">

<div class="tw-font-medium tw-text-gray-800">

Tiếng Anh

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>


<!-- View more button -->

<div class="tw-mt-2 tw-text-center">

<a href="https://olm.vn/lop-6" title="Xem thêm khóa học lớp 6" class="tw-olm-btn-tertiary-40 lg:tw-olm-btn-tertiary-48 tw-w-full">

Xem thêm

<img src="https://rs.olm.vn/v2/icons/arrow-right-secondary.svg" alt="Xem thêm" title="Xem thêm"

class="tw-w-6 tw-h-6 " >

</a>

</div>

</div>



<div class="tw-block lg:tw-hidden">

<span class="tw-text-base tw-font-semibold tw-text-content-secondary">

Lớp 6

</span>

</div>

</div>

<div class="tw-relative tw-p-1 lg:tw-p-2 max-sm:tw-max-w-[240px] tw-rounded-2xl tw-border-2 tw-bg-white tw-border-stroke-light hover:tw-border-accent-default tw-olm-shadow-md tw-duration-300 tw-flex tw-flex-row lg:tw-flex-col tw-gap-3 lg:tw-gap-0 tw-items-center">


<a href="https://olm.vn/lop-7" title="Khóa học lớp 7" aria-label="Khóa học lớp 7" class="tw-absolute tw-inset-0 tw-z-10 tw-rounded-2xl lg:tw-hidden"></a>


<!-- Grade Header -->

<a href="https://olm.vn/lop-7" title="Xem thêm khóa học lớp 7" class="tw-relative tw-z-0 tw-aspect-square tw-block tw-max-w-[64px] tw-max-h-[64px] max-lg:tw-pointer-events-none lg:tw-max-w-full lg:tw-max-h-full">

<img src="/v2/home/class-7.png" alt="Khóa học lớp 7" class="tw-rounded-2xl tw-img-cover" title="Khóa học lớp 7" loading="lazy">

</a>


<!-- Subjects -->

<div class="tw-m-1 tw-hidden lg:tw-block">

<a href="https://olm.vn/lop-7-mon-toan" title="Khóa học lớp 7 - Môn Toán" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3 tw-border-b tw-border-stroke-light last:tw-border-b-0">

<div class="tw-font-medium tw-text-gray-800">

Toán

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>

<a href="https://olm.vn/lop-7-ngu-van" title="Khóa học lớp 7 - Môn Ngữ văn" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3 tw-border-b tw-border-stroke-light last:tw-border-b-0">

<div class="tw-font-medium tw-text-gray-800">

Ngữ văn

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>

<a href="https://olm.vn/lop-7-tieng-anh" title="Khóa học lớp 7 - Môn Tiếng Anh" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3">

<div class="tw-font-medium tw-text-gray-800">

Tiếng Anh

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>


<!-- View more button -->

<div class="tw-mt-2 tw-text-center">

<a href="https://olm.vn/lop-7" title="Xem thêm khóa học lớp 7" class="tw-olm-btn-tertiary-40 lg:tw-olm-btn-tertiary-48 tw-w-full">

Xem thêm

<img src="https://rs.olm.vn/v2/icons/arrow-right-secondary.svg" alt="Xem thêm" title="Xem thêm"

class="tw-w-6 tw-h-6 " >

</a>

</div>

</div>



<div class="tw-block lg:tw-hidden">

<span class="tw-text-base tw-font-semibold tw-text-content-secondary">

Lớp 7

</span>

</div>

</div>

<div class="tw-relative tw-p-1 lg:tw-p-2 max-sm:tw-max-w-[240px] tw-rounded-2xl tw-border-2 tw-bg-white tw-border-stroke-light hover:tw-border-accent-default tw-olm-shadow-md tw-duration-300 tw-flex tw-flex-row lg:tw-flex-col tw-gap-3 lg:tw-gap-0 tw-items-center">


<a href="https://olm.vn/lop-8" title="Khóa học lớp 8" aria-label="Khóa học lớp 8" class="tw-absolute tw-inset-0 tw-z-10 tw-rounded-2xl lg:tw-hidden"></a>


<!-- Grade Header -->

<a href="https://olm.vn/lop-8" title="Xem thêm khóa học lớp 8" class="tw-relative tw-z-0 tw-aspect-square tw-block tw-max-w-[64px] tw-max-h-[64px] max-lg:tw-pointer-events-none lg:tw-max-w-full lg:tw-max-h-full">

<img src="/v2/home/class-8.png" alt="Khóa học lớp 8" class="tw-rounded-2xl tw-img-cover" title="Khóa học lớp 8" loading="lazy">

</a>


<!-- Subjects -->

<div class="tw-m-1 tw-hidden lg:tw-block">

<a href="https://olm.vn/lop-8-mon-toan" title="Khóa học lớp 8 - Môn Toán" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3 tw-border-b tw-border-stroke-light last:tw-border-b-0">

<div class="tw-font-medium tw-text-gray-800">

Toán

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>

<a href="https://olm.vn/lop-8-ngu-van" title="Khóa học lớp 8 - Môn Ngữ văn" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3 tw-border-b tw-border-stroke-light last:tw-border-b-0">

<div class="tw-font-medium tw-text-gray-800">

Ngữ văn

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>

<a href="https://olm.vn/lop-8-tieng-anh" title="Khóa học lớp 8 - Môn Tiếng Anh" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3">

<div class="tw-font-medium tw-text-gray-800">

Tiếng Anh

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>


<!-- View more button -->

<div class="tw-mt-2 tw-text-center">

<a href="https://olm.vn/lop-8" title="Xem thêm khóa học lớp 8" class="tw-olm-btn-tertiary-40 lg:tw-olm-btn-tertiary-48 tw-w-full">

Xem thêm

<img src="https://rs.olm.vn/v2/icons/arrow-right-secondary.svg" alt="Xem thêm" title="Xem thêm"

class="tw-w-6 tw-h-6 " >

</a>

</div>

</div>



<div class="tw-block lg:tw-hidden">

<span class="tw-text-base tw-font-semibold tw-text-content-secondary">

Lớp 8

</span>

</div>

</div>

<div class="tw-relative tw-p-1 lg:tw-p-2 max-sm:tw-max-w-[240px] tw-rounded-2xl tw-border-2 tw-bg-white tw-border-stroke-light hover:tw-border-accent-default tw-olm-shadow-md tw-duration-300 tw-flex tw-flex-row lg:tw-flex-col tw-gap-3 lg:tw-gap-0 tw-items-center">


<a href="https://olm.vn/lop-9" title="Khóa học lớp 9" aria-label="Khóa học lớp 9" class="tw-absolute tw-inset-0 tw-z-10 tw-rounded-2xl lg:tw-hidden"></a>


<!-- Grade Header -->

<a href="https://olm.vn/lop-9" title="Xem thêm khóa học lớp 9" class="tw-relative tw-z-0 tw-aspect-square tw-block tw-max-w-[64px] tw-max-h-[64px] max-lg:tw-pointer-events-none lg:tw-max-w-full lg:tw-max-h-full">

<img src="/v2/home/class-9.png" alt="Khóa học lớp 9" class="tw-rounded-2xl tw-img-cover" title="Khóa học lớp 9" loading="lazy">

</a>


<!-- Subjects -->

<div class="tw-m-1 tw-hidden lg:tw-block">

<a href="https://olm.vn/lop-9-mon-toan" title="Khóa học lớp 9 - Môn Toán" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3 tw-border-b tw-border-stroke-light last:tw-border-b-0">

<div class="tw-font-medium tw-text-gray-800">

Toán

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>

<a href="https://olm.vn/lop-9-ngu-van" title="Khóa học lớp 9 - Môn Ngữ văn" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3 tw-border-b tw-border-stroke-light last:tw-border-b-0">

<div class="tw-font-medium tw-text-gray-800">

Ngữ văn

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>

<a href="https://olm.vn/lop-9-tieng-anh" title="Khóa học lớp 9 - Môn Tiếng Anh" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3">

<div class="tw-font-medium tw-text-gray-800">

Tiếng Anh

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>


<!-- View more button -->

<div class="tw-mt-2 tw-text-center">

<a href="https://olm.vn/lop-9" title="Xem thêm khóa học lớp 9" class="tw-olm-btn-tertiary-40 lg:tw-olm-btn-tertiary-48 tw-w-full">

Xem thêm

<img src="https://rs.olm.vn/v2/icons/arrow-right-secondary.svg" alt="Xem thêm" title="Xem thêm"

class="tw-w-6 tw-h-6 " >

</a>

</div>

</div>



<div class="tw-block lg:tw-hidden">

<span class="tw-text-base tw-font-semibold tw-text-content-secondary">

Lớp 9

</span>

</div>

</div>

</div>

</div>

<div class="tw-olm-card hover:tw-border-stroke-light tw-p-4 lg:tw-p-10 tw-border-none">

<!-- Section Title -->

<h2 class="tw-text-32 tw-text-neon-blue-500 tw-font-nunito tw-font-black tw-mb-4">

Khối THPT

</h2>

<div class="tw-grid tw-grid-cols-2 tw-gap-4 lg:tw-gap-6">

<div class="tw-relative tw-p-1 lg:tw-p-2 max-sm:tw-max-w-[240px] tw-rounded-2xl tw-border-2 tw-bg-white tw-border-stroke-light hover:tw-border-accent-default tw-olm-shadow-md tw-duration-300 tw-flex tw-flex-row lg:tw-flex-col tw-gap-3 lg:tw-gap-0 tw-items-center">


<a href="https://olm.vn/lop-10" title="Khóa học lớp 10" aria-label="Khóa học lớp 10" class="tw-absolute tw-inset-0 tw-z-10 tw-rounded-2xl lg:tw-hidden"></a>


<!-- Grade Header -->

<a href="https://olm.vn/lop-10" title="Xem thêm khóa học lớp 10" class="tw-relative tw-z-0 tw-aspect-square tw-block tw-max-w-[64px] tw-max-h-[64px] max-lg:tw-pointer-events-none lg:tw-max-w-full lg:tw-max-h-full">

<img src="/v2/home/class-10.png" alt="Khóa học lớp 10" class="tw-rounded-2xl tw-img-cover" title="Khóa học lớp 10" loading="lazy">

</a>


<!-- Subjects -->

<div class="tw-m-1 tw-hidden lg:tw-block">

<a href="https://olm.vn/lop-10-mon-toan" title="Khóa học lớp 10 - Môn Toán" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3 tw-border-b tw-border-stroke-light last:tw-border-b-0">

<div class="tw-font-medium tw-text-gray-800">

Toán

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>

<a href="https://olm.vn/lop-10-ngu-van" title="Khóa học lớp 10 - Môn Ngữ văn" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3 tw-border-b tw-border-stroke-light last:tw-border-b-0">

<div class="tw-font-medium tw-text-gray-800">

Ngữ văn

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>

<a href="https://olm.vn/lop-10-tieng-anh" title="Khóa học lớp 10 - Môn Tiếng Anh" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3">

<div class="tw-font-medium tw-text-gray-800">

Tiếng Anh

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>


<!-- View more button -->

<div class="tw-mt-2 tw-text-center">

<a href="https://olm.vn/lop-10" title="Xem thêm khóa học lớp 10" class="tw-olm-btn-tertiary-40 lg:tw-olm-btn-tertiary-48 tw-w-full">

Xem thêm

<img src="https://rs.olm.vn/v2/icons/arrow-right-secondary.svg" alt="Xem thêm" title="Xem thêm"

class="tw-w-6 tw-h-6 " >

</a>

</div>

</div>



<div class="tw-block lg:tw-hidden">

<span class="tw-text-base tw-font-semibold tw-text-content-secondary">

Lớp 10

</span>

</div>

</div>

<div class="tw-relative tw-p-1 lg:tw-p-2 max-sm:tw-max-w-[240px] tw-rounded-2xl tw-border-2 tw-bg-white tw-border-stroke-light hover:tw-border-accent-default tw-olm-shadow-md tw-duration-300 tw-flex tw-flex-row lg:tw-flex-col tw-gap-3 lg:tw-gap-0 tw-items-center">


<a href="https://olm.vn/lop-11" title="Khóa học lớp 11" aria-label="Khóa học lớp 11" class="tw-absolute tw-inset-0 tw-z-10 tw-rounded-2xl lg:tw-hidden"></a>


<!-- Grade Header -->

<a href="https://olm.vn/lop-11" title="Xem thêm khóa học lớp 11" class="tw-relative tw-z-0 tw-aspect-square tw-block tw-max-w-[64px] tw-max-h-[64px] max-lg:tw-pointer-events-none lg:tw-max-w-full lg:tw-max-h-full">

<img src="/v2/home/class-11.png" alt="Khóa học lớp 11" class="tw-rounded-2xl tw-img-cover" title="Khóa học lớp 11" loading="lazy">

</a>


<!-- Subjects -->

<div class="tw-m-1 tw-hidden lg:tw-block">

<a href="https://olm.vn/lop-11-mon-toan" title="Khóa học lớp 11 - Môn Toán" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3 tw-border-b tw-border-stroke-light last:tw-border-b-0">

<div class="tw-font-medium tw-text-gray-800">

Toán

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>

<a href="https://olm.vn/lop-11-ngu-van" title="Khóa học lớp 11 - Môn Ngữ văn" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3 tw-border-b tw-border-stroke-light last:tw-border-b-0">

<div class="tw-font-medium tw-text-gray-800">

Ngữ văn

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>

<a href="https://olm.vn/lop-11-tieng-anh" title="Khóa học lớp 11 - Môn Tiếng Anh" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3">

<div class="tw-font-medium tw-text-gray-800">

Tiếng Anh

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>


<!-- View more button -->

<div class="tw-mt-2 tw-text-center">

<a href="https://olm.vn/lop-11" title="Xem thêm khóa học lớp 11" class="tw-olm-btn-tertiary-40 lg:tw-olm-btn-tertiary-48 tw-w-full">

Xem thêm

<img src="https://rs.olm.vn/v2/icons/arrow-right-secondary.svg" alt="Xem thêm" title="Xem thêm"

class="tw-w-6 tw-h-6 " >

</a>

</div>

</div>



<div class="tw-block lg:tw-hidden">

<span class="tw-text-base tw-font-semibold tw-text-content-secondary">

Lớp 11

</span>

</div>

</div>

<div class="tw-relative tw-p-1 lg:tw-p-2 max-sm:tw-max-w-[240px] tw-rounded-2xl tw-border-2 tw-bg-white tw-border-stroke-light hover:tw-border-accent-default tw-olm-shadow-md tw-duration-300 tw-flex tw-flex-row lg:tw-flex-col tw-gap-3 lg:tw-gap-0 tw-items-center">


<a href="https://olm.vn/lop-12" title="Khóa học lớp 12" aria-label="Khóa học lớp 12" class="tw-absolute tw-inset-0 tw-z-10 tw-rounded-2xl lg:tw-hidden"></a>


<!-- Grade Header -->

<a href="https://olm.vn/lop-12" title="Xem thêm khóa học lớp 12" class="tw-relative tw-z-0 tw-aspect-square tw-block tw-max-w-[64px] tw-max-h-[64px] max-lg:tw-pointer-events-none lg:tw-max-w-full lg:tw-max-h-full">

<img src="/v2/home/class-12.png" alt="Khóa học lớp 12" class="tw-rounded-2xl tw-img-cover" title="Khóa học lớp 12" loading="lazy">

</a>


<!-- Subjects -->

<div class="tw-m-1 tw-hidden lg:tw-block">

<a href="https://olm.vn/lop-12-mon-toan" title="Khóa học lớp 12 - Môn Toán" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3 tw-border-b tw-border-stroke-light last:tw-border-b-0">

<div class="tw-font-medium tw-text-gray-800">

Toán

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>

<a href="https://olm.vn/lop-12-ngu-van" title="Khóa học lớp 12 - Môn Ngữ văn" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3 tw-border-b tw-border-stroke-light last:tw-border-b-0">

<div class="tw-font-medium tw-text-gray-800">

Ngữ văn

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>

<a href="https://olm.vn/lop-12-tieng-anh" title="Khóa học lớp 12 - Môn Tiếng Anh" class="tw-flex text-link tw-justify-between tw-items-center tw-py-3">

<div class="tw-font-medium tw-text-gray-800">

Tiếng Anh

</div>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">

<path d="M10 16.75C9.80802 16.75 9.61599 16.6771 9.46999 16.5301C9.17699 16.2371 9.17699 15.762 9.46999 15.469L12.94 11.999L9.46999 8.52908C9.17699 8.23608 9.17699 7.76104 9.46999 7.46804C9.76299 7.17504 10.238 7.17504 10.531 7.46804L14.531 11.468C14.824 11.761 14.824 12.2361 14.531 12.5291L10.531 16.5291C10.384 16.6771 10.192 16.75 10 16.75Z" fill="#0F172A"/>

</svg>

</a>


<!-- View more button -->

<div class="tw-mt-2 tw-text-center">

<a href="https://olm.vn/lop-12" title="Xem thêm khóa học lớp 12" class="tw-olm-btn-tertiary-40 lg:tw-olm-btn-tertiary-48 tw-w-full">

Xem thêm

<img src="https://rs.olm.vn/v2/icons/arrow-right-secondary.svg" alt="Xem thêm" title="Xem thêm"

class="tw-w-6 tw-h-6 " >

</a>

</div>

</div>



<div class="tw-block lg:tw-hidden">

<span class="tw-text-base tw-font-semibold tw-text-content-secondary">

Lớp 12

</span>

</div>

</div>

<div class="tw-flex tw-items-center tw-justify-center tw-w-full tw-h-full">

<img src="/logo/logo-olm-opacity.png" alt="OLM" title="OLM" class="">

</div>

</div>

</div>

</div>

</div>

</section>

<section class="tw-py-12 lg:tw-py-20 tw-bg-white">

<div class="tw-olm-container !tw-grid !tw-grid-cols-2 tw-gap-4 lg:tw-gap-8">

<a href="/hoi-dap" title="Đặt câu hỏi"

class="tw-olm-card tw-border-2 tw-p-4 lg:tw-p-6 tw-olm-shadow-2xl tw-duration-300 tw-block tw-no-underline tw-text-inherit hover:tw-no-underline tw-cursor-pointer tw-flex-col lg:tw-flex-row tw-items-center tw-gap-4 !tw-col-span-2 lg:tw-flex">

<!-- Image -->

<div class="tw-w-full">

<img src="/v2/images/homepage/Image_hoi_dap.png" alt="Hỏi &amp; Đáp cùng cộng đồng" class="tw-img-cover" title="Hỏi &amp; Đáp cùng cộng đồng" loading="lazy">

</div>


<div class="tw-text-left tw-w-full tw-px-4 tw-py-6">

<h3 class="tw-font-semibold tw-text-18 lg:tw-text-24 tw-text-slate-900">

Hỏi &amp; Đáp cùng cộng đồng

</h3>


<p class="tw-mb-6 tw-leading-relaxed tw-text-slate-700 tw-text-14 lg:tw-text-16">

Đặt câu hỏi và nhận ngay lời giải từ thầy cô và các bạn

</p>


<span class="tw-olm-btn-tertiary-48">

Đặt câu hỏi

<img src="https://rs.olm.vn/v2/icons/arrow-right-secondary.svg" alt="Xem thêm" title="Xem thêm"

class="tw-w-6 tw-h-6 " >

</span>

</div>

</a>

<a href="https://dautruong.olm.vn/" title="Tham gia thi đấu"

class="tw-olm-card tw-border-2 tw-p-4 lg:tw-p-6 tw-olm-shadow-2xl tw-duration-300 tw-block tw-no-underline tw-text-inherit hover:tw-no-underline tw-cursor-pointer tw-flex-col tw-items-center tw-gap-4 !tw-col-span-2 lg:!tw-col-span-1 ">

<!-- Image -->

<div class="tw-w-full">

<img src="/v2/images/homepage/Image_dau_truong.png" alt="Đấu trường tri thức" class="tw-img-cover" title="Đấu trường tri thức" loading="lazy">

</div>


<div class="tw-text-left tw-w-full tw-px-4 tw-py-6">

<h3 class="tw-font-semibold tw-text-18 lg:tw-text-24 tw-text-slate-900">

Đấu trường tri thức

</h3>


<p class="tw-mb-6 tw-leading-relaxed tw-text-slate-700 tw-text-14 lg:tw-text-16">

Học vui - Ghi nhớ lâu - Tăng động lực

</p>


<span class="tw-olm-btn-tertiary-48">

Tham gia thi đấu

<img src="https://rs.olm.vn/v2/icons/arrow-right-secondary.svg" alt="Xem thêm" title="Xem thêm"

class="tw-w-6 tw-h-6 " >

</span>

</div>

</a>

<a href="/cuoc-thi" title="Khám phá"

class="tw-olm-card tw-border-2 tw-p-4 lg:tw-p-6 tw-olm-shadow-2xl tw-duration-300 tw-block tw-no-underline tw-text-inherit hover:tw-no-underline tw-cursor-pointer tw-flex-col tw-items-center tw-gap-4 !tw-col-span-2 lg:!tw-col-span-1 ">

<!-- Image -->

<div class="tw-w-full">

<img src="/v2/images/homepage/Image_cuoc_thi_vui.png" alt="Cuộc thi vui mỗi tuần" class="tw-img-cover" title="Cuộc thi vui mỗi tuần" loading="lazy">

</div>


<div class="tw-text-left tw-w-full tw-px-4 tw-py-6">

<h3 class="tw-font-semibold tw-text-18 lg:tw-text-24 tw-text-slate-900">

Cuộc thi vui mỗi tuần

</h3>


<p class="tw-mb-6 tw-leading-relaxed tw-text-slate-700 tw-text-14 lg:tw-text-16">

Chinh phục những đề thi thú vị và nhận quà mỗi tuần

</p>


<span class="tw-olm-btn-tertiary-48">

Khám phá

<img src="https://rs.olm.vn/v2/icons/arrow-right-secondary.svg" alt="Xem thêm" title="Xem thêm"

class="tw-w-6 tw-h-6 " >

</span>

</div>

</a>

</div>

</section>

<section class="tw-py-12 lg:tw-py-20 tw-bg-slate-100">

<div class="tw-olm-container">

<!-- Title -->

<div class="tw-flex tw-flex-col tw-items-center">

<h2 class="tw-mb-6 lg:tw-mb-12 tw-font-semibold tw-text-center tw-leading-10 tw-text-[24px] lg:tw-text-32 tw-text-slate-900">

OLM đáp ứng nhu cầu của mọi đối tượng

</h2>


<!-- Tab Navigation -->

<div class="tw-olm-segmented tw-overflow-x-auto tw-scrollbar-custom max-lg:tw-w-full" id="segment-v2-why-section">

<div class="tw-olm-segmented-item tw-h-10 lg:tw-h-14 tw-flex-shrink-0 tw-rounded-lg lg:tw-rounded-2xl" data-type="student">

<img src="https://rs.olm.vn/v2/icons/icon-student.svg" alt="" title=""

class="tw-w-6 tw-h-6 tw-hidden lg:tw-block " >

<span class="tw-text-[14px] lg:tw-text-18">

Học sinh

</span>

</div>

<div class="tw-olm-segmented-item tw-h-10 lg:tw-h-14 tw-flex-shrink-0 tw-rounded-lg lg:tw-rounded-2xl" data-type="parent">

<img src="https://rs.olm.vn/v2/icons/icon-parent.svg" alt="" title=""

class="tw-w-6 tw-h-6 tw-hidden lg:tw-block " >

<span class="tw-text-[14px] lg:tw-text-18">

Phụ huynh

</span>

</div>

<div class="tw-olm-segmented-item tw-h-10 lg:tw-h-14 tw-flex-shrink-0 tw-rounded-lg lg:tw-rounded-2xl" data-type="teacher">

<img src="https://rs.olm.vn/v2/icons/icon-teacher.svg" alt="" title=""

class="tw-w-6 tw-h-6 tw-hidden lg:tw-block " >

<span class="tw-text-[14px] lg:tw-text-18">

Giáo viên

</span>

</div>

<div class="tw-olm-segmented-item tw-h-10 lg:tw-h-14 tw-flex-shrink-0 tw-rounded-lg lg:tw-rounded-2xl" data-type="school">

<img src="https://rs.olm.vn/v2/icons/icon-school.svg" alt="" title=""

class="tw-w-6 tw-h-6 tw-hidden lg:tw-block " >

<span class="tw-text-[14px] lg:tw-text-18">

Nhà trường

</span>

</div>

</div>

</div>


<!-- Content Area -->

<div class="tw-bg-white tw-rounded-2xl lg:tw-rounded-3xl tw-overflow-hidden">

<div id="student-content" class="tw-block box-type-segment" data-type="student">

<div class="tw-flex tw-flex-col lg:tw-flex-row tw-gap-0 lg:tw-gap-8">

<!-- Left Content -->

<div class="tw-flex-1 tw-p-4 lg:tw-p-6 lg:tw-py-16 lg:tw-pl-16 tw-text-left">

<h3 class="tw-mb-6 lg:tw-mb-10 tw-font-semibold tw-text-[20px] lg:tw-text-24 tw-text-accent-strong tw-leading-[1.4]">

Học tập chủ động, hiệu quả hơn

</h3>


<!-- Feature List -->

<div class="tw-grid tw-grid-cols-1 tw-gap-6 md:tw-grid-cols-2">

<div class="tw-flex tw-gap-4 tw-items-start lg:tw-flex-col">

<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 lg:tw-w-12 lg:tw-h-12">

<img src="https://rs.olm.vn/v2/icons/pencil.svg" alt="Bám sát chương trình" title="Bám sát chương trình"

class="tw-w-full tw-h-full " >

</div>

<div class="tw-flex-1">

<strong class="tw-font-bold tw-text-16 lg:tw-text-18 tw-text-slate-900 tw-mb-1">

Bám sát chương trình

</strong>

<p class="tw-text-[14px] tw-text-content-secondary tw-leading-snug">

Kho bài giảng &amp; bài tập phong phú, bám sát chương trình học

</p>

</div>

</div>

<div class="tw-flex tw-gap-4 tw-items-start lg:tw-flex-col">

<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 lg:tw-w-12 lg:tw-h-12">

<img src="https://rs.olm.vn/v2/icons/user-folder.svg" alt="Cá nhân hóa" title="Cá nhân hóa"

class="tw-w-full tw-h-full " >

</div>

<div class="tw-flex-1">

<strong class="tw-font-bold tw-text-16 lg:tw-text-18 tw-text-slate-900 tw-mb-1">

Cá nhân hóa

</strong>

<p class="tw-text-[14px] tw-text-content-secondary tw-leading-snug">

Nội dung phù hợp trình độ, giúp học đúng chỗ còn yếu

</p>

</div>

</div>

<div class="tw-flex tw-gap-4 tw-items-start lg:tw-flex-col">

<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 lg:tw-w-12 lg:tw-h-12">

<img src="https://rs.olm.vn/v2/icons/community-chat.svg" alt="Cộng đồng kết nối" title="Cộng đồng kết nối"

class="tw-w-full tw-h-full " >

</div>

<div class="tw-flex-1">

<strong class="tw-font-bold tw-text-16 lg:tw-text-18 tw-text-slate-900 tw-mb-1">

Cộng đồng kết nối

</strong>

<p class="tw-text-[14px] tw-text-content-secondary tw-leading-snug">

Tham gia cộng đồng hỏi đáp với giáo viên &amp; bạn bè

</p>

</div>

</div>

<div class="tw-flex tw-gap-4 tw-items-start lg:tw-flex-col">

<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 lg:tw-w-12 lg:tw-h-12">

<img src="https://rs.olm.vn/v2/icons/book-pencil.svg" alt="Luyện đề mọi lúc" title="Luyện đề mọi lúc"

class="tw-w-full tw-h-full " >

</div>

<div class="tw-flex-1">

<strong class="tw-font-bold tw-text-16 lg:tw-text-18 tw-text-slate-900 tw-mb-1">

Luyện đề mọi lúc

</strong>

<p class="tw-text-[14px] tw-text-content-secondary tw-leading-snug">

Làm bài kiểm tra, đề thi thử, tự đánh giá năng lực

</p>

</div>

</div>

</div>

</div>


<!-- Right Image -->

<div class="tw-relative tw-flex-1 tw-flex-shrink-0 tw-hidden lg:tw-block">

<img src="/v2/images/homepage/Why1.png" alt="Học tập chủ động, hiệu quả hơn" class="tw-w-full tw-h-full tw-object-contain" loading="lazy">

</div>


</div>

</div>

<div id="parent-content" class="tw-block box-type-segment" data-type="parent">

<div class="tw-flex tw-flex-col lg:tw-flex-row tw-gap-0 lg:tw-gap-8">

<!-- Left Content -->

<div class="tw-flex-1 tw-p-4 lg:tw-p-6 lg:tw-py-16 lg:tw-pl-16 tw-text-left">

<h3 class="tw-mb-6 lg:tw-mb-10 tw-font-semibold tw-text-[20px] lg:tw-text-24 tw-text-accent-strong tw-leading-[1.4]">

Đồng hành cùng con trong học tập

</h3>


<!-- Feature List -->

<div class="tw-grid tw-grid-cols-1 tw-gap-6 md:tw-grid-cols-2">

<div class="tw-flex tw-gap-4 tw-items-start lg:tw-flex-col">

<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 lg:tw-w-12 lg:tw-h-12">

<img src="https://rs.olm.vn/v2/icons/support-result.svg" alt="Theo dõi kết quả học" title="Theo dõi kết quả học"

class="tw-w-full tw-h-full " >

</div>

<div class="tw-flex-1">

<strong class="tw-font-bold tw-text-16 lg:tw-text-18 tw-text-slate-900 tw-mb-1">

Theo dõi kết quả học

</strong>

<p class="tw-text-[14px] tw-text-content-secondary tw-leading-snug">

Theo dõi tiến trình học tập &amp; kết quả học tập qua báo cáo chi tiết

</p>

</div>

</div>

<div class="tw-flex tw-gap-4 tw-items-start lg:tw-flex-col">

<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 lg:tw-w-12 lg:tw-h-12">

<img src="https://rs.olm.vn/v2/icons/promote.svg" alt="Đề xuất lộ trình học" title="Đề xuất lộ trình học"

class="tw-w-full tw-h-full " >

</div>

<div class="tw-flex-1">

<strong class="tw-font-bold tw-text-16 lg:tw-text-18 tw-text-slate-900 tw-mb-1">

Đề xuất lộ trình học

</strong>

<p class="tw-text-[14px] tw-text-content-secondary tw-leading-snug">

Nhận thông báo &amp; đề xuất lộ trình học phù hợp cho con

</p>

</div>

</div>

<div class="tw-flex tw-gap-4 tw-items-start lg:tw-flex-col">

<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 lg:tw-w-12 lg:tw-h-12">

<img src="https://rs.olm.vn/v2/icons/calculator.svg" alt="Hỗ trợ học tập hiệu quả" title="Hỗ trợ học tập hiệu quả"

class="tw-w-full tw-h-full " >

</div>

<div class="tw-flex-1">

<strong class="tw-font-bold tw-text-16 lg:tw-text-18 tw-text-slate-900 tw-mb-1">

Hỗ trợ học tập hiệu quả

</strong>

<p class="tw-text-[14px] tw-text-content-secondary tw-leading-snug">

Hỗ trợ con học tập với hệ thống Hỏi – Đáp, kho tài liệu tham khảo

</p>

</div>

</div>

<div class="tw-flex tw-gap-4 tw-items-start lg:tw-flex-col">

<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 lg:tw-w-12 lg:tw-h-12">

<img src="https://rs.olm.vn/v2/icons/teacher-1.svg" alt="Tương tác giáo viên dễ dàng" title="Tương tác giáo viên dễ dàng"

class="tw-w-full tw-h-full " >

</div>

<div class="tw-flex-1">

<strong class="tw-font-bold tw-text-16 lg:tw-text-18 tw-text-slate-900 tw-mb-1">

Tương tác giáo viên dễ dàng

</strong>

<p class="tw-text-[14px] tw-text-content-secondary tw-leading-snug">

Tương tác với giáo viên, nắm bắt tình hình học tập dễ dàng

</p>

</div>

</div>

</div>

</div>


<!-- Right Image -->

<div class="tw-relative tw-flex-1 tw-flex-shrink-0 tw-hidden lg:tw-block">

<img src="/v2/images/homepage/Why2.png" alt="Đồng hành cùng con trong học tập" class="tw-w-full tw-h-full tw-object-contain" loading="lazy">

</div>


</div>

</div>

<div id="teacher-content" class="tw-block box-type-segment" data-type="teacher">

<div class="tw-flex tw-flex-col lg:tw-flex-row tw-gap-0 lg:tw-gap-8">

<!-- Left Content -->

<div class="tw-flex-1 tw-p-4 lg:tw-p-6 lg:tw-py-16 lg:tw-pl-16 tw-text-left">

<h3 class="tw-mb-6 lg:tw-mb-10 tw-font-semibold tw-text-[20px] lg:tw-text-24 tw-text-accent-strong tw-leading-[1.4]">

Giảng dạy thông minh, quản lý dễ dàng

</h3>


<!-- Feature List -->

<div class="tw-grid tw-grid-cols-1 tw-gap-6 md:tw-grid-cols-2">

<div class="tw-flex tw-gap-4 tw-items-start lg:tw-flex-col">

<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 lg:tw-w-12 lg:tw-h-12">

<img src="https://rs.olm.vn/v2/icons/support-result.svg" alt="Tạo bài tập trực tuyến" title="Tạo bài tập trực tuyến"

class="tw-w-full tw-h-full " >

</div>

<div class="tw-flex-1">

<strong class="tw-font-bold tw-text-16 lg:tw-text-18 tw-text-slate-900 tw-mb-1">

Tạo bài tập trực tuyến

</strong>

<p class="tw-text-[14px] tw-text-content-secondary tw-leading-snug">

Tạo bài tập, kiểm tra trực tuyến và theo dõi kết quả tự động

</p>

</div>

</div>

<div class="tw-flex tw-gap-4 tw-items-start lg:tw-flex-col">

<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 lg:tw-w-12 lg:tw-h-12">

<img src="https://rs.olm.vn/v2/icons/score.svg" alt="Chấm điểm nhanh chóng " title="Chấm điểm nhanh chóng "

class="tw-w-full tw-h-full " >

</div>

<div class="tw-flex-1">

<strong class="tw-font-bold tw-text-16 lg:tw-text-18 tw-text-slate-900 tw-mb-1">

Chấm điểm nhanh chóng

</strong>

<p class="tw-text-[14px] tw-text-content-secondary tw-leading-snug">

Giao bài &amp; chấm điểm nhanh chóng, tiết kiệm thời gian dạy

</p>

</div>

</div>

<div class="tw-flex tw-gap-4 tw-items-start lg:tw-flex-col">

<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 lg:tw-w-12 lg:tw-h-12">

<img src="https://rs.olm.vn/v2/icons/document.svg" alt="Kho tài liệu số hóa" title="Kho tài liệu số hóa"

class="tw-w-full tw-h-full " >

</div>

<div class="tw-flex-1">

<strong class="tw-font-bold tw-text-16 lg:tw-text-18 tw-text-slate-900 tw-mb-1">

Kho tài liệu số hóa

</strong>

<p class="tw-text-[14px] tw-text-content-secondary tw-leading-snug">

Sử dụng kho tài liệu số hóa, giúp thiết kế bài giảng sinh động hơn

</p>

</div>

</div>

<div class="tw-flex tw-gap-4 tw-items-start lg:tw-flex-col">

<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 lg:tw-w-12 lg:tw-h-12">

<img src="https://rs.olm.vn/v2/icons/online.svg" alt="Giảng dạy trực tuyến" title="Giảng dạy trực tuyến"

class="tw-w-full tw-h-full " >

</div>

<div class="tw-flex-1">

<strong class="tw-font-bold tw-text-16 lg:tw-text-18 tw-text-slate-900 tw-mb-1">

Giảng dạy trực tuyến

</strong>

<p class="tw-text-[14px] tw-text-content-secondary tw-leading-snug">

Giảng dạy trực tuyến &amp; đánh giá năng lực học sinh chính xác

</p>

</div>

</div>

</div>

</div>


<!-- Right Image -->

<div class="tw-relative tw-flex-1 tw-flex-shrink-0 tw-hidden lg:tw-block">

<img src="/v2/images/homepage/Why3.png" alt="Giảng dạy thông minh, quản lý dễ dàng" class="tw-w-full tw-h-full tw-object-contain" loading="lazy">

</div>


</div>

</div>

<div id="school-content" class="tw-block box-type-segment" data-type="school">

<div class="tw-flex tw-flex-col lg:tw-flex-row tw-gap-0 lg:tw-gap-8">

<!-- Left Content -->

<div class="tw-flex-1 tw-p-4 lg:tw-p-6 lg:tw-py-16 lg:tw-pl-16 tw-text-left">

<h3 class="tw-mb-6 lg:tw-mb-10 tw-font-semibold tw-text-[20px] lg:tw-text-24 tw-text-accent-strong tw-leading-[1.4]">

Số hóa giáo dục, nâng cao chất lượng giảng dạy

</h3>


<!-- Feature List -->

<div class="tw-grid tw-grid-cols-1 tw-gap-6 md:tw-grid-cols-2">

<div class="tw-flex tw-gap-4 tw-items-start lg:tw-flex-col">

<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 lg:tw-w-12 lg:tw-h-12">

<img src="https://rs.olm.vn/v2/icons/analysis-1.svg" alt="Quản lý giáo dục toàn diện" title="Quản lý giáo dục toàn diện"

class="tw-w-full tw-h-full " >

</div>

<div class="tw-flex-1">

<strong class="tw-font-bold tw-text-16 lg:tw-text-18 tw-text-slate-900 tw-mb-1">

Quản lý giáo dục toàn diện

</strong>

<p class="tw-text-[14px] tw-text-content-secondary tw-leading-snug">

Quản lý giáo viên, học sinh &amp; chương trình trên một nền tảng

</p>

</div>

</div>

<div class="tw-flex tw-gap-4 tw-items-start lg:tw-flex-col">

<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 lg:tw-w-12 lg:tw-h-12">

<img src="https://rs.olm.vn/v2/icons/analysis.svg" alt="Phân tích dữ liệu đào tạo" title="Phân tích dữ liệu đào tạo"

class="tw-w-full tw-h-full " >

</div>

<div class="tw-flex-1">

<strong class="tw-font-bold tw-text-16 lg:tw-text-18 tw-text-slate-900 tw-mb-1">

Phân tích dữ liệu đào tạo

</strong>

<p class="tw-text-[14px] tw-text-content-secondary tw-leading-snug">

Hệ thống báo cáo, phân tích dữ liệu đánh giá chất lượng đào tạo

</p>

</div>

</div>

<div class="tw-flex tw-gap-4 tw-items-start lg:tw-flex-col">

<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 lg:tw-w-12 lg:tw-h-12">

<img src="https://rs.olm.vn/v2/icons/online.svg" alt="Dạy học trực tuyến" title="Dạy học trực tuyến"

class="tw-w-full tw-h-full " >

</div>

<div class="tw-flex-1">

<strong class="tw-font-bold tw-text-16 lg:tw-text-18 tw-text-slate-900 tw-mb-1">

Dạy học trực tuyến

</strong>

<p class="tw-text-[14px] tw-text-content-secondary tw-leading-snug">

Hỗ trợ triển khai dạy học trực tuyến &amp; kiểm tra đánh giá số hóa

</p>

</div>

</div>

<div class="tw-flex tw-gap-4 tw-items-start lg:tw-flex-col">

<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 lg:tw-w-12 lg:tw-h-12">

<img src="https://rs.olm.vn/v2/icons/pencil.svg" alt="Học tập hiệu quả" title="Học tập hiệu quả"

class="tw-w-full tw-h-full " >

</div>

<div class="tw-flex-1">

<strong class="tw-font-bold tw-text-16 lg:tw-text-18 tw-text-slate-900 tw-mb-1">

Học tập hiệu quả

</strong>

<p class="tw-text-[14px] tw-text-content-secondary tw-leading-snug">

Tạo môi trường học tập hiện đại, linh hoạt &amp; hiệu quả

</p>

</div>

</div>

</div>

</div>


<!-- Right Image -->

<div class="tw-relative tw-flex-1 tw-flex-shrink-0 tw-hidden lg:tw-block">

<img src="/v2/images/homepage/Why4.png" alt="Số hóa giáo dục, nâng cao chất lượng giảng dạy" class="tw-w-full tw-h-full tw-object-contain" loading="lazy">

</div>


</div>

</div>

</div>

</div>

</section>

<section class="tw-bg-white">

<div class="tw-olm-container tw-py-12 md:tw-py-20">

<!-- Title -->

<h2 class="tw-text-24 md:tw-text-32 tw-font-semibold tw-leading-tight md:tw-leading-10 tw-text-center lg:tw-mb-8">

Các sản phẩm cùng

<br class="md:tw-hidden" />

hệ sinh thái

</h2>


<!-- Products Grid -->

<div class="owl-carousel owl-theme loop olm-carousel

[&_.owl-dots]:tw-mt-8 [&_.owl-dots]:tw-flex [&_.owl-dots]:tw-justify-center [&_.owl-dots]:tw-gap-2

[&_.owl-dot_span]:tw-w-6 [&_.owl-dot_span]:tw-h-1.5 [&_.owl-dot_span]:tw-rounded-full [&_.owl-dot_span]:tw-bg-[#CBD5E1] [&_.owl-dot_span]:tw-transition-all [&_.owl-dot_span]:tw-duration-300

[&_.owl-dot.active_span]:tw-w-10 [&_.owl-dot.active_span]:tw-bg-[#4F46E5]"

id="ecosystem-products">

<a href="https://tkb.olm.vn/" target="_blank" class="tw-bg-white tw-rounded-xl tw-flex tw-flex-col tw-h-[320px] md:tw-h-80 tw-overflow-hidden tw-transition-all tw-duration-300 tw-outline tw-outline-1 tw-outline-[#E2E8F0] tw--outline-offset-1 tw-shadow-[inset_0px_-1px_0px_2px_rgba(241,245,249,1.0)] hover:tw-outline-accent-default">


<!-- Content Area -->

<div class="tw-p-4 md:tw-p-6 tw-flex-1 tw-flex tw-flex-col tw-gap-4">

<img src="/v2/home/ecosystem-section/logo-tkb.png" alt="Thời khóa biểu OLM TKB" title="Thời khóa biểu OLM TKB"

class="tw-h-10 tw-w-auto tw-object-contain tw-self-start" style="width: auto !important;" loading="lazy">


<p class="tw-text-16 tw-leading-6 tw-text-Color-Content-Secondary">

Ứng dụng xếp thời khoá biểu OLM TKB

</p>

</div>


<!-- Illustration Area -->

<div class="tw-relative tw-h-44 md:tw-h-40 tw-overflow-hidden">

<!-- Decorative circle from figma -->

<div class="tw-absolute tw-w-52 tw-h-72 tw-left-[103px] tw-top-[66px] tw-bg-[#F5F3FF] tw-rounded-full"></div>


<img src="/v2/images/homepage/TKB.png" alt="Thời khóa biểu OLM TKB"

title="Thời khóa biểu OLM TKB"

class="tw-absolute tw-right-0 tw-bottom-0 tw-w-48 tw-h-full tw-object-contain" loading="lazy">

</div>

</a>

<a href="https://dgnl.olm.vn/" target="_blank" class="tw-bg-white tw-rounded-xl tw-flex tw-flex-col tw-h-[320px] md:tw-h-80 tw-overflow-hidden tw-transition-all tw-duration-300 tw-outline tw-outline-1 tw-outline-[#E2E8F0] tw--outline-offset-1 tw-shadow-[inset_0px_-1px_0px_2px_rgba(241,245,249,1.0)] hover:tw-outline-accent-default">


<!-- Content Area -->

<div class="tw-p-4 md:tw-p-6 tw-flex-1 tw-flex tw-flex-col tw-gap-4">

<img src="/v2/home/ecosystem-section/logo-dgnl.png" alt="Đánh giá năng lực ĐGNL" title="Đánh giá năng lực ĐGNL"

class="tw-h-10 tw-w-auto tw-object-contain tw-self-start" style="width: auto !important;" loading="lazy">


<p class="tw-text-16 tw-leading-6 tw-text-Color-Content-Secondary">

Luyện tập, thi thử đánh giá năng lực

</p>

</div>


<!-- Illustration Area -->

<div class="tw-relative tw-h-44 md:tw-h-40 tw-overflow-hidden">

<!-- Decorative circle from figma -->

<div class="tw-absolute tw-w-52 tw-h-72 tw-left-[103px] tw-top-[66px] tw-bg-[#F5F3FF] tw-rounded-full"></div>


<img src="/v2/images/homepage/dgnl.png" alt="Đánh giá năng lực ĐGNL"

title="Đánh giá năng lực ĐGNL"

class="tw-absolute tw-right-0 tw-bottom-0 tw-w-48 tw-h-full tw-object-contain" loading="lazy">

</div>

</a>

<a href="https://marker.olm.vn/" target="_blank" class="tw-bg-white tw-rounded-xl tw-flex tw-flex-col tw-h-[320px] md:tw-h-80 tw-overflow-hidden tw-transition-all tw-duration-300 tw-outline tw-outline-1 tw-outline-[#E2E8F0] tw--outline-offset-1 tw-shadow-[inset_0px_-1px_0px_2px_rgba(241,245,249,1.0)] hover:tw-outline-accent-default">


<!-- Content Area -->

<div class="tw-p-4 md:tw-p-6 tw-flex-1 tw-flex tw-flex-col tw-gap-4">

<img src="/v2/home/ecosystem-section/logo-marker.png" alt="Marker OLM" title="Marker OLM"

class="tw-h-10 tw-w-auto tw-object-contain tw-self-start" style="width: auto !important;" loading="lazy">


<p class="tw-text-16 tw-leading-6 tw-text-Color-Content-Secondary">

Phần mềm chấm trắc nghiệm theo mẫu đề thi THPT 2025

</p>

</div>


<!-- Illustration Area -->

<div class="tw-relative tw-h-44 md:tw-h-40 tw-overflow-hidden">

<!-- Decorative circle from figma -->

<div class="tw-absolute tw-w-52 tw-h-72 tw-left-[103px] tw-top-[66px] tw-bg-[#F5F3FF] tw-rounded-full"></div>


<img src="/v2/images/homepage/Marker.png" alt="Marker OLM"

title="Marker OLM"

class="tw-absolute tw-right-0 tw-bottom-0 tw-w-48 tw-h-full tw-object-contain" loading="lazy">

</div>

</a>

<a href="https://class.olm.vn/" target="_blank" class="tw-bg-white tw-rounded-xl tw-flex tw-flex-col tw-h-[320px] md:tw-h-80 tw-overflow-hidden tw-transition-all tw-duration-300 tw-outline tw-outline-1 tw-outline-[#E2E8F0] tw--outline-offset-1 tw-shadow-[inset_0px_-1px_0px_2px_rgba(241,245,249,1.0)] hover:tw-outline-accent-default">


<!-- Content Area -->

<div class="tw-p-4 md:tw-p-6 tw-flex-1 tw-flex tw-flex-col tw-gap-4">

<img src="/v2/home/ecosystem-section/logo-olm-class.png" alt="OLM Class" title="OLM Class"

class="tw-h-10 tw-w-auto tw-object-contain tw-self-start" style="width: auto !important;" loading="lazy">


<p class="tw-text-16 tw-leading-6 tw-text-Color-Content-Secondary">

Học trực tiếp với giáo viên của OLM

</p>

</div>


<!-- Illustration Area -->

<div class="tw-relative tw-h-44 md:tw-h-40 tw-overflow-hidden">

<!-- Decorative circle from figma -->

<div class="tw-absolute tw-w-52 tw-h-72 tw-left-[103px] tw-top-[66px] tw-bg-[#F5F3FF] tw-rounded-full"></div>


<img src="/v2/images/homepage/Class.png" alt="OLM Class"

title="OLM Class"

class="tw-absolute tw-right-0 tw-bottom-0 tw-w-48 tw-h-full tw-object-contain" loading="lazy">

</div>

</a>

</div>

</div>

</section>

<section class="tw-olm-container tw-mt-6 tw-mb-12 lg:tw-mb-20">

<div class="tw-flex tw-flex-col tw-gap-6 lg:tw-gap-8 tw-items-center tw-py-8 lg:tw-py-16 tw-bg-secondary-extra-light tw-rounded-2xl lg:tw-rounded-3xl">

<!-- Title -->

<h2 class="tw-font-semibold tw-text-24 lg:tw-text-32 tw-text-dark-green tw-text-center">

Chia sẻ từ người dùng OLM

</h2>


<div class="tw-flex tw-relative tw-flex-col tw-gap-6 md:tw-gap-8 tw-items-center tw-self-stretch tw-w-full">

<!-- Tab Navigation -->

<div class="tw-w-full tw-px-4">

<div class="tw-olm-segmented tw-flex tw-flex-nowrap tw-w-max tw-max-w-full md:tw-mx-auto tw-overflow-x-auto tw-scrollbar-custom" id="segment-v2-testimonials-section">

<div class="tw-olm-segmented-item tw-h-10 lg:tw-h-14 tw-flex-shrink-0 tw-rounded-lg lg:tw-rounded-2xl" data-type="student">

<img src="https://rs.olm.vn/v2/icons/icon-student.svg" alt="" title=""

class="tw-hidden lg:tw-block md:tw-w-6 md:tw-h-6 " >

<span class="tw-whitespace-nowrap tw-text-[14px] lg:tw-text-18">

Học sinh

</span>

</div>

<div class="tw-olm-segmented-item tw-h-10 lg:tw-h-14 tw-flex-shrink-0 tw-rounded-lg lg:tw-rounded-2xl" data-type="parent">

<img src="https://rs.olm.vn/v2/icons/icon-parent.svg" alt="" title=""

class="tw-hidden lg:tw-block md:tw-w-6 md:tw-h-6 " >

<span class="tw-whitespace-nowrap tw-text-[14px] lg:tw-text-18">

Phụ huynh

</span>

</div>

<div class="tw-olm-segmented-item tw-h-10 lg:tw-h-14 tw-flex-shrink-0 tw-rounded-lg lg:tw-rounded-2xl" data-type="teacher">

<img src="https://rs.olm.vn/v2/icons/icon-teacher.svg" alt="" title=""

class="tw-hidden lg:tw-block md:tw-w-6 md:tw-h-6 " >

<span class="tw-whitespace-nowrap tw-text-[14px] lg:tw-text-18">

Giáo viên

</span>

</div>

<div class="tw-olm-segmented-item tw-h-10 lg:tw-h-14 tw-flex-shrink-0 tw-rounded-lg lg:tw-rounded-2xl" data-type="school">

<img src="https://rs.olm.vn/v2/icons/icon-school.svg" alt="" title=""

class="tw-hidden lg:tw-block md:tw-w-6 md:tw-h-6 " >

<span class="tw-whitespace-nowrap tw-text-[14px] lg:tw-text-18">

Nhà trường

</span>

</div>

</div>

</div>


<!-- Testimonials Content -->

<div class="tw-px-4 md:tw-pl-8 tw-w-full marquee

[&_.tw-olm-card]:tw-flex-[0_0_90%] md:[&_.tw-olm-card]:tw-flex-[0_0_35%]

[&_.tw-olm-card]:tw-max-w-[90%] md:[&_.tw-olm-card]:tw-max-w-[35%]

[&_.tw-olm-card]:tw-whitespace-normal">

<div id="student-testimonials"

class="marquee-inner testimonials-carousel"

data-type="student">

<div class="tw-olm-card tw-h-[300px] tw-flex tw-flex-col tw-justify-between">

<!-- Testimonial Content -->

<div class="tw-flex tw-flex-col tw-gap-2 tw-items-start tw-h-full tw-w-full">

<div class="tw-w-6 tw-h-6 tw-flex-shrink-0">

<img src="https://rs.olm.vn/v2/icons/quote.svg" alt="Quote" title="Quote"

class="tw-w-full tw-h-full " >

</div>

<p class="tw-text-16 tw-text-wrap tw-w-full tw-break-words tw-whitespace-normal tw-overflow-wrap-anywhere">

Nhờ OLM, em có thể luyện tập và thi thử các đề ĐGNL, THPT Quốc gia sát với thực tế. Giao diện dễ dùng, phần giải thích chi tiết giúp em hiểu sâu hơn từng dạng bài.

</p>

</div>


<!-- User Info -->

<div class="tw-flex tw-gap-3 tw-items-center">


<div>

<h4 class="tw-text-16 tw-font-semibold">

Nguyễn Thúy Trang

</h4>

<p class="tw-text-14 tw-text-content-tertiary">

Học sinh, Lớp 12

</p>

</div>

</div>

</div>

<div class="tw-olm-card tw-h-[300px] tw-flex tw-flex-col tw-justify-between">

<!-- Testimonial Content -->

<div class="tw-flex tw-flex-col tw-gap-2 tw-items-start tw-h-full tw-w-full">

<div class="tw-w-6 tw-h-6 tw-flex-shrink-0">

<img src="https://rs.olm.vn/v2/icons/quote.svg" alt="Quote" title="Quote"

class="tw-w-full tw-h-full " >

</div>

<p class="tw-text-16 tw-text-wrap tw-w-full tw-break-words tw-whitespace-normal tw-overflow-wrap-anywhere">

Em rất thích các cuộc thi đấu trên OLM vì được tranh tài với các bạn trên cả nước, vừa học vừa chơi mà vẫn nâng cao kiến thức.

</p>

</div>


<!-- User Info -->

<div class="tw-flex tw-gap-3 tw-items-center">


<div>

<h4 class="tw-text-16 tw-font-semibold">

Lê Minh Quân

</h4>

<p class="tw-text-14 tw-text-content-tertiary">

Học sinh, Lớp 9

</p>

</div>

</div>

</div>

<div class="tw-olm-card tw-h-[300px] tw-flex tw-flex-col tw-justify-between">

<!-- Testimonial Content -->

<div class="tw-flex tw-flex-col tw-gap-2 tw-items-start tw-h-full tw-w-full">

<div class="tw-w-6 tw-h-6 tw-flex-shrink-0">

<img src="https://rs.olm.vn/v2/icons/quote.svg" alt="Quote" title="Quote"

class="tw-w-full tw-h-full " >

</div>

<p class="tw-text-16 tw-text-wrap tw-w-full tw-break-words tw-whitespace-normal tw-overflow-wrap-anywhere">

OLM có kho đề phong phú, cập nhật liên tục. Em dễ dàng tìm được đề phù hợp với trình độ và mục tiêu học tập của mình.

</p>

</div>


<!-- User Info -->

<div class="tw-flex tw-gap-3 tw-items-center">


<div>

<h4 class="tw-text-16 tw-font-semibold">

Trần Bảo Ngọc

</h4>

<p class="tw-text-14 tw-text-content-tertiary">

Học sinh, Lớp 7

</p>

</div>

</div>

</div>

<div class="tw-olm-card tw-h-[300px] tw-flex tw-flex-col tw-justify-between">

<!-- Testimonial Content -->

<div class="tw-flex tw-flex-col tw-gap-2 tw-items-start tw-h-full tw-w-full">

<div class="tw-w-6 tw-h-6 tw-flex-shrink-0">

<img src="https://rs.olm.vn/v2/icons/quote.svg" alt="Quote" title="Quote"

class="tw-w-full tw-h-full " >

</div>

<p class="tw-text-16 tw-text-wrap tw-w-full tw-break-words tw-whitespace-normal tw-overflow-wrap-anywhere">

Nhờ luyện tập trên OLM, em tự tin hơn khi làm bài kiểm tra ở trường. Các phần thưởng cũng rất thú vị và tạo động lực cho em học tốt hơn.

</p>

</div>


<!-- User Info -->

<div class="tw-flex tw-gap-3 tw-items-center">


<div>

<h4 class="tw-text-16 tw-font-semibold">

Phạm Đức Anh

</h4>

<p class="tw-text-14 tw-text-content-tertiary">

Học sinh, Lớp 5

</p>

</div>

</div>

</div>

</div>

<div id="parent-testimonials"

class="marquee-inner testimonials-carousel"

data-type="parent">

<div class="tw-olm-card tw-h-[300px] tw-flex tw-flex-col tw-justify-between">

<!-- Testimonial Content -->

<div class="tw-flex tw-flex-col tw-gap-2 tw-items-start tw-h-full tw-w-full">

<div class="tw-w-6 tw-h-6 tw-flex-shrink-0">

<img src="https://rs.olm.vn/v2/icons/quote.svg" alt="Quote" title="Quote"

class="tw-w-full tw-h-full " >

</div>

<p class="tw-text-16 tw-text-wrap tw-w-full tw-break-words tw-whitespace-normal tw-overflow-wrap-anywhere">

Tôi yên tâm khi cho con học trên OLM vì nội dung được kiểm duyệt kỹ, phù hợp với chương trình giáo dục. Bé nhà tôi tiến bộ rõ rệt sau mỗi kỳ thi.

</p>

</div>


<!-- User Info -->

<div class="tw-flex tw-gap-3 tw-items-center">


<div>

<h4 class="tw-text-16 tw-font-semibold">

Nguyễn Thị Mai

</h4>

<p class="tw-text-14 tw-text-content-tertiary">

Phụ huynh học sinh, Hà Nội

</p>

</div>

</div>

</div>

<div class="tw-olm-card tw-h-[300px] tw-flex tw-flex-col tw-justify-between">

<!-- Testimonial Content -->

<div class="tw-flex tw-flex-col tw-gap-2 tw-items-start tw-h-full tw-w-full">

<div class="tw-w-6 tw-h-6 tw-flex-shrink-0">

<img src="https://rs.olm.vn/v2/icons/quote.svg" alt="Quote" title="Quote"

class="tw-w-full tw-h-full " >

</div>

<p class="tw-text-16 tw-text-wrap tw-w-full tw-break-words tw-whitespace-normal tw-overflow-wrap-anywhere">

OLM giúp tôi dễ dàng theo dõi quá trình học tập của con. Các báo cáo chi tiết, rõ ràng, giúp tôi biết con cần cải thiện ở đâu.

</p>

</div>


<!-- User Info -->

<div class="tw-flex tw-gap-3 tw-items-center">


<div>

<h4 class="tw-text-16 tw-font-semibold">

Trần Văn Hùng

</h4>

<p class="tw-text-14 tw-text-content-tertiary">

Phụ huynh học sinh, TP.HCM

</p>

</div>

</div>

</div>

<div class="tw-olm-card tw-h-[300px] tw-flex tw-flex-col tw-justify-between">

<!-- Testimonial Content -->

<div class="tw-flex tw-flex-col tw-gap-2 tw-items-start tw-h-full tw-w-full">

<div class="tw-w-6 tw-h-6 tw-flex-shrink-0">

<img src="https://rs.olm.vn/v2/icons/quote.svg" alt="Quote" title="Quote"

class="tw-w-full tw-h-full " >

</div>

<p class="tw-text-16 tw-text-wrap tw-w-full tw-break-words tw-whitespace-normal tw-overflow-wrap-anywhere">

Con tôi rất hào hứng với các cuộc thi và phần thưởng trên OLM. Nhờ đó, bé chủ động học tập hơn mà không cần nhắc nhở nhiều.

</p>

</div>


<!-- User Info -->

<div class="tw-flex tw-gap-3 tw-items-center">


<div>

<h4 class="tw-text-16 tw-font-semibold">

Lê Thị Hạnh

</h4>

<p class="tw-text-14 tw-text-content-tertiary">

Phụ huynh học sinh, Đà Nẵng

</p>

</div>

</div>

</div>

</div>

<div id="teacher-testimonials"

class="marquee-inner testimonials-carousel"

data-type="teacher">

<div class="tw-olm-card tw-h-[300px] tw-flex tw-flex-col tw-justify-between">

<!-- Testimonial Content -->

<div class="tw-flex tw-flex-col tw-gap-2 tw-items-start tw-h-full tw-w-full">

<div class="tw-w-6 tw-h-6 tw-flex-shrink-0">

<img src="https://rs.olm.vn/v2/icons/quote.svg" alt="Quote" title="Quote"

class="tw-w-full tw-h-full " >

</div>

<p class="tw-text-16 tw-text-wrap tw-w-full tw-break-words tw-whitespace-normal tw-overflow-wrap-anywhere">

OLM là công cụ hỗ trợ đắc lực cho giáo viên. Tôi có thể giao bài, kiểm tra và đánh giá học sinh một cách nhanh chóng, hiệu quả.

</p>

</div>


<!-- User Info -->

<div class="tw-flex tw-gap-3 tw-items-center">


<div>

<h4 class="tw-text-16 tw-font-semibold">

Ngô Văn Bình

</h4>

<p class="tw-text-14 tw-text-content-tertiary">

Giáo viên Toán, Trường THCS Nguyễn Du

</p>

</div>

</div>

</div>

<div class="tw-olm-card tw-h-[300px] tw-flex tw-flex-col tw-justify-between">

<!-- Testimonial Content -->

<div class="tw-flex tw-flex-col tw-gap-2 tw-items-start tw-h-full tw-w-full">

<div class="tw-w-6 tw-h-6 tw-flex-shrink-0">

<img src="https://rs.olm.vn/v2/icons/quote.svg" alt="Quote" title="Quote"

class="tw-w-full tw-h-full " >

</div>

<p class="tw-text-16 tw-text-wrap tw-w-full tw-break-words tw-whitespace-normal tw-overflow-wrap-anywhere">

Kho đề thi và bài tập trên OLM rất đa dạng, bám sát chương trình. Tôi dễ dàng chọn lọc và giao bài phù hợp với từng đối tượng học sinh.

</p>

</div>


<!-- User Info -->

<div class="tw-flex tw-gap-3 tw-items-center">


<div>

<h4 class="tw-text-16 tw-font-semibold">

Phạm Thị Lan

</h4>

<p class="tw-text-14 tw-text-content-tertiary">

Giáo viên Ngữ văn, Trường THPT Lê Quý Đôn

</p>

</div>

</div>

</div>

<div class="tw-olm-card tw-h-[300px] tw-flex tw-flex-col tw-justify-between">

<!-- Testimonial Content -->

<div class="tw-flex tw-flex-col tw-gap-2 tw-items-start tw-h-full tw-w-full">

<div class="tw-w-6 tw-h-6 tw-flex-shrink-0">

<img src="https://rs.olm.vn/v2/icons/quote.svg" alt="Quote" title="Quote"

class="tw-w-full tw-h-full " >

</div>

<p class="tw-text-16 tw-text-wrap tw-w-full tw-break-words tw-whitespace-normal tw-overflow-wrap-anywhere">

Tính năng thống kê, báo cáo trên OLM giúp tôi nắm bắt được tiến độ học tập của từng học sinh, từ đó có phương pháp giảng dạy phù hợp hơn.

</p>

</div>


<!-- User Info -->

<div class="tw-flex tw-gap-3 tw-items-center">


<div>

<h4 class="tw-text-16 tw-font-semibold">

Lê Minh Tuấn

</h4>

<p class="tw-text-14 tw-text-content-tertiary">

Giáo viên Vật lý, Trường THCS Trần Phú

</p>

</div>

</div>

</div>

</div>

<div id="school-testimonials"

class="marquee-inner testimonials-carousel"

data-type="school">

<div class="tw-olm-card tw-h-[300px] tw-flex tw-flex-col tw-justify-between">

<!-- Testimonial Content -->

<div class="tw-flex tw-flex-col tw-gap-2 tw-items-start tw-h-full tw-w-full">

<div class="tw-w-6 tw-h-6 tw-flex-shrink-0">

<img src="https://rs.olm.vn/v2/icons/quote.svg" alt="Quote" title="Quote"

class="tw-w-full tw-h-full " >

</div>

<p class="tw-text-16 tw-text-wrap tw-w-full tw-break-words tw-whitespace-normal tw-overflow-wrap-anywhere">

OLM giúp nhà trường tổ chức các kỳ thi online một cách chuyên nghiệp, tiết kiệm thời gian và nguồn lực.

</p>

</div>


<!-- User Info -->

<div class="tw-flex tw-gap-3 tw-items-center">


<div>

<h4 class="tw-text-16 tw-font-semibold">

Nguyễn Thị Thu

</h4>

<p class="tw-text-14 tw-text-content-tertiary">

Hiệu trưởng, Trường THPT Nguyễn Trãi

</p>

</div>

</div>

</div>

<div class="tw-olm-card tw-h-[300px] tw-flex tw-flex-col tw-justify-between">

<!-- Testimonial Content -->

<div class="tw-flex tw-flex-col tw-gap-2 tw-items-start tw-h-full tw-w-full">

<div class="tw-w-6 tw-h-6 tw-flex-shrink-0">

<img src="https://rs.olm.vn/v2/icons/quote.svg" alt="Quote" title="Quote"

class="tw-w-full tw-h-full " >

</div>

<p class="tw-text-16 tw-text-wrap tw-w-full tw-break-words tw-whitespace-normal tw-overflow-wrap-anywhere">

Nhờ OLM, việc quản lý chất lượng dạy và học trong trường trở nên dễ dàng hơn. Các báo cáo tổng hợp rất trực quan và hữu ích.

</p>

</div>


<!-- User Info -->

<div class="tw-flex tw-gap-3 tw-items-center">


<div>

<h4 class="tw-text-16 tw-font-semibold">

Trần Văn Dũng

</h4>

<p class="tw-text-14 tw-text-content-tertiary">

Phó hiệu trưởng, Trường THCS Lý Tự Trọng

</p>

</div>

</div>

</div>

<div class="tw-olm-card tw-h-[300px] tw-flex tw-flex-col tw-justify-between">

<!-- Testimonial Content -->

<div class="tw-flex tw-flex-col tw-gap-2 tw-items-start tw-h-full tw-w-full">

<div class="tw-w-6 tw-h-6 tw-flex-shrink-0">

<img src="https://rs.olm.vn/v2/icons/quote.svg" alt="Quote" title="Quote"

class="tw-w-full tw-h-full " >

</div>

<p class="tw-text-16 tw-text-wrap tw-w-full tw-break-words tw-whitespace-normal tw-overflow-wrap-anywhere">

OLM là nền tảng giáo dục số hiện đại, giúp nhà trường kết nối hiệu quả với học sinh, phụ huynh và giáo viên.

</p>

</div>


<!-- User Info -->

<div class="tw-flex tw-gap-3 tw-items-center">


<div>

<h4 class="tw-text-16 tw-font-semibold">

Lê Thị Hòa

</h4>

<p class="tw-text-14 tw-text-content-tertiary">

Cán bộ quản lý, Trường Tiểu học Kim Đồng

</p>

</div>

</div>

</div>

</div>

</div>


<!-- View All Button -->

<a href="https://olm.vn/gioi-thieu/phan-hoi-khach-hang" class="tw-olm-btn-tertiary-48 tw-px-6">

Xem tất cả phản hồi

</a>

</div>

</div>

</section>

<footer class="tw-pt-10 tw-bg-white tw-border-t-[1px] tw-border-slate-200">

<div class="tw-olm-container tw-flex tw-flex-col tw-gap-6 tw-items-start">

<div class="tw-flex tw-justify-between tw-items-center tw-w-full">

<div class="tw-h-12">

<img class="tw-img-cover" src="https://rs.olm.vn/v2/home/footer/logo-footer.png" alt="OLM" />

</div>

<button onclick="window.scrollTo({top: 0, behavior: 'smooth'})" class="tw-w-10 tw-h-10 tw-flex tw-items-center tw-justify-center tw-rounded-xl tw-border tw-border-slate-200 tw-bg-white hover:tw-bg-slate-50 tw-transition-all">

<img src="https://rs.olm.vn/v2/icons/arrow-up-small.svg" alt="" title=""

class="tw-w-4 tw-h-4 " >

</button>

</div>

<div class="tw-flex tw-flex-col lg:tw-flex-row tw-items-start tw-self-stretch tw-justify-between">

<div class="tw-flex tw-flex-col tw-items-start tw-gap-4 tw-py-5 lg:tw-py-0 tw-border-b tw-border-slate-100 lg:tw-border-b-0 tw-w-full lg:tw-w-auto">

<span class="tw-text-18 tw-mb-2 tw-font-semibold tw-text-content-primary">

Công ty Cổ phần Khoa học và

<br>

Công nghệ Giáo dục

</span>

<span class="tw-text-14 tw-mb-2 tw-text-content-primary">

MST/ĐKKD/QĐTL: 0106303886

</span>

<span class="tw-text-14 lg:tw-mb-6 tw-text-content-primary">

Địa chỉ: Số 15 Ngõ 28 Dương Khuê, Phường Từ Liêm, TP Hà Nội

</span>

<span class="tw-text-14 tw-font-semibold tw-mb-3 tw-text-content-primary">

Đối tác của chúng tôi

</span>

<div class="tw-flex tw-gap-2">

<img src="/v2/images/logo-nxb.png" alt="logo-nxb" class="tw-h-16">

<img src="/v2/images/logo-hnue.png" alt="logo-hnue" class="tw-h-16">

<img src="/v2/images/logo-edc.png" alt="logo-edc" class="tw-h-16">

</div>

</div>

<div class="tw-w-full lg:tw-w-auto tw-grid tw-grid-cols-2 tw-gap-4 tw-py-5 lg:tw-py-0 tw-border-b tw-border-slate-100 lg:tw-border-b-0">

<div>

<span class="tw-text-18 tw-font-semibold tw-text-content-primary">

Đề xuất

</span>

<ul class="tw-flex tw-flex-col tw-gap-3 tw-mt-3">

<li>

<a href="https://olm.vn/gioi-thieu" class="tw-olm-footer-link">

Về OLM

</a>

</li>

<li>

<a href="https://olm.vn/khoa-hoc" class="tw-olm-footer-link">

Khóa học

</a>

</li>

<li>

<a href="https://olm.vn/gioi-thieu/phu-huynh-va-hoc-sinh" class="tw-olm-footer-link">

Dành cho học sinh

</a>

</li>

<li>

<a href="https://olm.vn/gioi-thieu/phu-huynh-va-hoc-sinh" class="tw-olm-footer-link">

Dành cho phụ huynh

</a>

</li>

<li>

<a href="https://olm.vn/gioi-thieu/giao-vien-va-nha-truong" class="tw-olm-footer-link">

Dành cho GV và Nhà

trường

</a>

</li>

</ul>

</div>

<div>

<span class="tw-text-18 tw-font-semibold tw-text-content-primary">

Trợ giúp

</span>

<ul class="tw-flex tw-flex-col tw-gap-3 tw-mt-3">

<li>

<a href="https://olm.vn/gioi-thieu/trung-tam-tro-giup" class="tw-olm-footer-link">

Trung tâm trợ

giúp

</a>

</li>

<li>

<a href="/bg/hotroolm" class="tw-olm-footer-link">

Hướng dẫn sử dụng

</a>

</li>

<li>

<a href="https://olm.vn/gioi-thieu/feedback" class="tw-olm-footer-link">

Phản hồi về OLM

</a>

</li>

<li>

<a href="https://olm.vn/gioi-thieu/phan-hoi-khach-hang" class="tw-olm-footer-link">

KH nói về OLM

</a>

</li>

<li>

<a href="https://olm.vn/gioi-thieu/lien-he" class="tw-olm-footer-link">

Liên hệ

</a>

</li>

</ul>

</div>

</div>

<div class="tw-w-full lg:tw-w-auto tw-grid tw-grid-cols-2 lg:tw-flex lg:tw-flex-col tw-gap-4 tw-py-5 lg:tw-py-0">

<div class="tw-flex tw-flex-col tw-items-start tw-gap-3 lg:tw-mt-8">

<span class="tw-text-18 tw-font-semibold tw-text-content-primary">

Tải ứng dụng

</span>

<a href="https://apps.apple.com/vn/app/olm/id6497209326?l=vi">

<img class="tw-h-12 tw-transition-img tw-w-36"

src="https://rs.olm.vn/v2/home/footer/app-store.png" alt="app-store" />

</a>

<a href="https://play.google.com/store/apps/details?id=vn.olm.olmapp">

<img class="tw-h-12 tw-transition-img tw-w-36"

src="https://rs.olm.vn/v2/home/footer/google-play.png" alt="google-play" />

</a>

</div>

<div class="tw-flex tw-flex-col">

<strong class="tw-text-18 tw-mb-3 tw-font-semibold tw-text-content-primary">

Kết nối với OLM

</strong>

<div class="tw-flex tw-items-start tw-gap-4">

<a href="https://www.facebook.com/olm.vn"><img class="tw-w-10 tw-h-10 tw-transition-img"

src="https://rs.olm.vn/v2/home/footer/facebook.png" alt="facebook" /></a>

<a href="https://www.youtube.com/@olm_vn"><img class="tw-w-10 tw-h-10 tw-transition-img"

src="https://rs.olm.vn/v2/home/footer/youtube.png" alt="youtube" /></a>

<a href="https://zalo.me/1626869722187764851"><img class="tw-w-10 tw-h-10 tw-transition-img"

src="https://rs.olm.vn/v2/home/footer/zalo.png" alt="zalo" /></a>

</div>

<img class="tw-h-16 tw-w-[140px] lg:tw-w-44 tw-mt-4" src="https://rs.olm.vn/v2/home/footer/info-footer.png"

alt="info-footer" />

</div>

</div>

</div>

</div>

<div class="tw-text-center tw-py-5 tw-border-t-[1px] tw-border-slate-200">

<span class="tw-text-content-secondary tw-text-14">

©2013 - 2026 OLM.VN (26) - Email: a@olm.vn

</span>

</div>

</footer>


<div id="modal-contact-customer-service"

class="main-modal-v2 tw-fixed tw-inset-0 tw-z-50 tw-hidden tw-items-center tw-justify-center tw-bg-black tw-bg-opacity-50 tw-p-4">

<div

class="modal-main-v2-modal tw-bg-white tw-rounded-2xl tw-olm-main-modal-v2-md tw-shadow-lg tw-relative tw-max-h-[calc(100vh-2rem)] tw-my-auto tw-mx-auto tw-flex tw-flex-col tw-overflow-hidden">





<button

class="main-modal-v2-close-button main-modal-v2-btn-cancel tw-absolute tw-top-2 tw-right-1 sm:tw-right-2 tw-text-content-secondary hover:tw-text-black tw-text-xl tw-font-bold tw-p-2 sm:tw-px-3 sm:tw-py-2 tw-rounded-2xl tw-z-10">

<img src="https://rs.olm.vn/v2/icons/cancel.svg" alt="" title=""

class="tw-w-5 tw-h-5 sm:tw-w-6 sm:tw-h-6 tw-pointer-events-none " >

</button>

<div

class="modal-main-v2-content tw-flex-1 tw-overflow-y-auto tw-flex tw-justify-center tw-border-stroke-light tw-p-4 sm:tw-p-6 md:tw-p-8">

<div class="tw-w-full tw-flex tw-justify-center">

<div class="tw-w-full tw-max-w-md tw-mx-auto tw-flex tw-flex-col tw-gap-6 tw-text-center">

<div class="tw-flex tw-flex-col tw-gap-2 tw-px-1">

<h3 class="tw-text-xl sm:tw-text-2xl tw-font-bold tw-text-content-primary tw-font-be-vietnam-pro">

Kết nối với CSKH

</h3>

<p class="tw-text-sm sm:tw-text-base tw-text-content-secondary tw-font-be-vietnam-pro tw-leading-relaxed">

Để OLM hỗ trợ bạn nhanh chóng, vui lòng để lại số điện thoại nhé!

</p>

</div>


<div class="tw-flex tw-flex-col tw-gap-3 tw-w-full">

<div class="tw-relative tw-w-full">

<span class="tw-pointer-events-none tw-absolute tw-left-4 tw-top-1/2 tw--translate-y-1/2 tw-text-content-secondary">

<img src="https://rs.olm.vn/v2/icons/filled-phone-call.svg" alt="" title=""

class="tw-h-5 tw-w-5 " >

</span>

<input type="tel"

name="tel"

value=""

autocomplete="tel"

placeholder="Nhập số điện thoại"

class="tw-w-full tw-rounded-full tw-border tw-border-stroke-light tw-bg-white tw-py-3.5 tw-pl-12 tw-pr-4 tw-text-left tw-text-base tw-text-content-primary tw-font-be-vietnam-pro placeholder:tw-text-content-secondary focus:tw-outline-none focus:tw-ring-2 focus:tw-ring-orange-200" />

</div>

<button type="button"

class="btn-submit-cskh-connect-tel tw-olm-btn-primary-56">

<span>

Gửi yêu cầu kết nối

</span>

<span aria-hidden="true" class="tw-text-lg tw-leading-none">

</span>

</button>

</div>


<div class="tw-flex tw-items-center tw-gap-3 tw-w-full">

<span class="tw-h-px tw-flex-1 tw-bg-stroke-light"></span>

<span class="tw-shrink-0 tw-text-xs sm:tw-text-sm tw-text-content-secondary tw-font-be-vietnam-pro">

hoặc liên hệ khẩn cấp

</span>

<span class="tw-h-px tw-flex-1 tw-bg-stroke-light"></span>

</div>


<div

class="tw-flex tw-flex-col tw-gap-0 tw-w-full tw-rounded-2xl tw-bg-slate-100 tw-p-4 tw-text-center sm:tw-text-left tw-divide-y tw-divide-stroke-light">

<div

class="tw-flex tw-flex-wrap tw-items-center tw-justify-center tw-gap-2 tw-w-full tw-py-2">

<button type="button"

class="tw-inline-flex tw-flex-wrap tw-items-center tw-justify-center tw-gap-x-1 tw-gap-y-0 tw-bg-transparent tw-border-0 tw-p-0 tw-cursor-pointer tw-font-be-vietnam-pro"

onclick="(window._copyToClipboard ? window._copyToClipboard('0986557525') : (navigator.clipboard && navigator.clipboard.writeText ? navigator.clipboard.writeText('0986557525') : (function(){ var i=document.createElement('input'); i.value='0986557525'; document.body.appendChild(i); i.select(); document.execCommand('copy'); document.body.removeChild(i); })())); window._toastbox && window._toastbox('Đã copy số điện thoại');">

<span class="tw-font-bold tw-text-content-primary">

098 655 7525

</span>

<span class="tw-text-slate-500">

- Thầy Thọ

</span>

</button>

<a href="https://zalo.me/0986557525" target="_blank" rel="noopener noreferrer"

class="tw-inline-flex tw-shrink-0 tw-items-center tw-justify-center tw-rounded-2xl tw-border-2 tw-border-stroke-light tw-bg-white tw-p-2 hover:tw-bg-slate-50 tw-transition-colors"

aria-label="Zalo Thầy Thọ">

<img src="https://rs.olm.vn/v2/icons/icon-zalo.svg" alt="" title=""

class="tw-h-4 tw-w-4 " >

</a>

</div>

<div class="tw-flex tw-flex-wrap tw-items-center tw-justify-center tw-gap-2 tw-w-full tw-py-2">

<button type="button"

class="tw-inline-flex tw-flex-wrap tw-items-center tw-justify-center tw-gap-x-1 tw-gap-y-0 tw-bg-transparent tw-border-0 tw-p-0 tw-cursor-pointer tw-font-be-vietnam-pro"

onclick="(window._copyToClipboard ? window._copyToClipboard('0898987672') : (navigator.clipboard && navigator.clipboard.writeText ? navigator.clipboard.writeText('0898987672') : (function(){ var i=document.createElement('input'); i.value='0898987672'; document.body.appendChild(i); i.select(); document.execCommand('copy'); document.body.removeChild(i); })())); window._toastbox && window._toastbox('Đã copy số điện thoại');">

<span class="tw-font-bold tw-text-content-primary">

089 898 7672

</span>

<span class="tw-text-slate-500">

- Cô Hoà

</span>

</button>

<a href="https://zalo.me/0898987672" target="_blank" rel="noopener noreferrer"

class="tw-inline-flex tw-shrink-0 tw-items-center tw-justify-center tw-rounded-2xl tw-border-2 tw-border-stroke-light tw-bg-white tw-p-2 hover:tw-bg-slate-50 tw-transition-colors"

aria-label="Zalo Cô Hoà">

<img src="https://rs.olm.vn/v2/icons/icon-zalo.svg" alt="" title=""

class="tw-h-4 tw-w-4 " >

</a>

</div>

</div>

</div>

</div>

</div>








</div>

</div>



<div id="modal-contact-customer-service-rating"

class="main-modal-v2 tw-fixed tw-inset-0 tw-z-50 tw-hidden tw-items-center tw-justify-center tw-bg-black tw-bg-opacity-50 tw-p-4">

<div

class="modal-main-v2-modal tw-bg-white tw-rounded-2xl tw-olm-main-modal-v2-lg tw-shadow-lg tw-relative tw-max-h-[calc(100vh-2rem)] tw-my-auto tw-mx-auto tw-flex tw-flex-col tw-overflow-hidden">


<div class="modal-main-v2-header tw-flex-shrink-0 tw-p-3 sm:tw-p-4 md:tw-p-5">


<button

class="main-modal-v2-close-button main-modal-v2-btn-cancel tw-absolute tw-top-2 tw-right-1 sm:tw-right-2 tw-text-content-secondary hover:tw-text-black tw-text-xl tw-font-bold tw-p-2 sm:tw-px-3 sm:tw-py-2 tw-rounded-2xl tw-z-10">

<img src="https://rs.olm.vn/v2/icons/cancel.svg" alt="" title=""

class="tw-w-5 tw-h-5 sm:tw-w-6 sm:tw-h-6 tw-pointer-events-none " >

</button>


<h2

class="main-modal-v2-title tw-text-20 sm:tw-text-xl md:tw-text-2xl tw-font-semibold tw-mb-2 tw-leading-6 sm:tw-leading-7 md:tw-leading-8 tw-text-content-primary tw-font-be-vietnam-pro tw-pr-10 sm:tw-pr-12">

Đánh giá CSKH

</h2>


</div>




<div

class="modal-main-v2-content tw-flex-1 tw-overflow-y-auto tw-border-t tw-flex tw-justify-center tw-border-stroke-light tw-p-4 sm:tw-p-6 md:tw-p-8">

<div class="tw-w-full tw-flex tw-justify-center">

<div id="form-feedback-sale" class="tw-w-full tw-max-w-[920px] tw-mx-auto -tw-mt-2 sm:-tw-mt-1">

<div class="tw-overflow-hidden tw-rounded-3xl tw-border tw-border-stroke-light tw-bg-white tw-shadow-xl">

<div class="tw-border-b tw-border-stroke-light tw-px-8 tw-py-6">

<p class="tw-mt-2 tw-text-content-secondary tw-text-24 tw-font-be-vietnam-pro">

Đánh giá của bạn giúp OLM nâng cao chất lượng dịch vụ.

</p>

</div>


<div class="tw-px-8 tw-py-10 tw-flex tw-flex-col tw-items-center tw-gap-4">


<div id="rating-feedback-sale" class="tw-rating tw-gap-2" data-star="" role="radiogroup" aria-label="Đánh giá sao">

<input type="radio" name="cskh-feedback-star" value="0" class="tw-rating-hidden" @checked($starInit === 0) />

<input type="radio" name="cskh-feedback-star" value="1"

class="tw-mask tw-mask-star !tw-h-10 !tw-w-10 tw-bg-orange-400"

@checked($starInit === $i) />

<input type="radio" name="cskh-feedback-star" value="2"

class="tw-mask tw-mask-star !tw-h-10 !tw-w-10 tw-bg-orange-400"

@checked($starInit === $i) />

<input type="radio" name="cskh-feedback-star" value="3"

class="tw-mask tw-mask-star !tw-h-10 !tw-w-10 tw-bg-orange-400"

@checked($starInit === $i) />

<input type="radio" name="cskh-feedback-star" value="4"

class="tw-mask tw-mask-star !tw-h-10 !tw-w-10 tw-bg-orange-400"

@checked($starInit === $i) />

<input type="radio" name="cskh-feedback-star" value="5"

class="tw-mask tw-mask-star !tw-h-10 !tw-w-10 tw-bg-orange-400"

@checked($starInit === $i) />

</div>

<p class="tw-text-base tw-text-[#64748B] tw-font-be-vietnam-pro">

Vui lòng chọn mức đánh giá

</p>

<label class="tw-hidden" name="name" data-idsale="">

sale

</label>

<textarea

id="box-feedback-sale"

name="feedback"

rows="3"

placeholder="Chia sẻ thêm trải nghiệm với CSKH của OLM..."

class="tw-mt-2 tw-w-full tw-rounded-2xl tw-border tw-border-stroke-light tw-bg-white tw-px-5 tw-py-4 tw-text-content-secondary tw-text-18 tw-font-be-vietnam-pro focus:tw-outline-none focus:tw-border-accent-default"></textarea>

</div>


<div class="tw-border-t tw-border-stroke-light tw-px-8 tw-py-5">

<div class="tw-flex tw-items-center tw-justify-center tw-gap-4">

<button type="button"

data-dismiss="modal"

class="tw-olm-btn-tertiary-56">

Hủy

</button>

<button type="button"

class="btn-send-feedback-sale tw-olm-btn-primary-56">

Gửi đánh giá

</button>

</div>

</div>

</div>

</div>

</div>

</div>








</div>

</div>


</div>

<script>

var baseURL = "https://olm.vn";

var versionRs = "?v=1777388154";

var listSubjects = '[{"id":1,"name":"To\u00e1n","alias":"toan-hoc","mingrade":1,"maxgrade":12,"permission":"isTOAN","kpermission":200,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":2,"name":"V\u1eadt l\u00fd","alias":"vat-ly","mingrade":6,"maxgrade":12,"permission":"isVATLY","kpermission":201,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":3,"name":"H\u00f3a h\u1ecdc","alias":"hoa-hoc","mingrade":8,"maxgrade":12,"permission":"isHOAHOC","kpermission":202,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":4,"name":"Sinh h\u1ecdc","alias":"sinh-hoc","mingrade":6,"maxgrade":12,"permission":"isSINHHOC","kpermission":203,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":5,"name":"Ng\u1eef v\u0103n","alias":"ngu-van","mingrade":6,"maxgrade":12,"permission":"isNGUVAN","kpermission":204,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":6,"name":"Ti\u1ebfng anh","alias":"tieng-anh","mingrade":1,"maxgrade":12,"permission":"isTIENGANH","kpermission":205,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":7,"name":"L\u1ecbch s\u1eed","alias":"lich-su","mingrade":6,"maxgrade":12,"permission":"isLICHSU","kpermission":206,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":8,"name":"\u0110\u1ecba l\u00fd","alias":"dia-ly","mingrade":6,"maxgrade":12,"permission":"isDIALY","kpermission":207,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":9,"name":"Tin h\u1ecdc","alias":"tin-hoc","mingrade":3,"maxgrade":12,"permission":"isTINHOC","kpermission":208,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":10,"name":"C\u00f4ng ngh\u1ec7","alias":"cong-nghe","mingrade":6,"maxgrade":12,"permission":"isCONGNGHE","kpermission":209,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":11,"name":"Gi\u00e1o d\u1ee5c c\u00f4ng d\u00e2n","alias":"giao-duc-cong-dan","mingrade":6,"maxgrade":12,"permission":"isGDCD","kpermission":210,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":12,"name":"\u00c2m nh\u1ea1c","alias":"am-nhac","mingrade":1,"maxgrade":12,"permission":"isTIEUHOC","kpermission":216,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":13,"name":"M\u1ef9 thu\u1eadt","alias":"my-thuat","mingrade":1,"maxgrade":5,"permission":"isTIEUHOC","kpermission":216,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":14,"name":"Ti\u1ebfng anh th\u00ed \u0111i\u1ec3m","alias":"tieng-anh-thi-diem","mingrade":3,"maxgrade":12,"permission":"isTIENGANHTHIDIEM","kpermission":213,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":15,"name":"L\u1ecbch s\u1eed v\u00e0 \u0110\u1ecba l\u00fd","alias":"lich-su-va-dia-ly","mingrade":4,"maxgrade":5,"permission":"isTIEUHOC","kpermission":216,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":16,"name":"Th\u1ec3 d\u1ee5c","alias":"the-duc","mingrade":1,"maxgrade":12,"permission":"isTIEUHOC","kpermission":216,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":17,"name":"Khoa h\u1ecdc","alias":"khoa-hoc","mingrade":4,"maxgrade":5,"permission":"isTIEUHOC","kpermission":216,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":18,"name":"T\u1ef1 nhi\u00ean v\u00e0 x\u00e3 h\u1ed9i","alias":"tu-nhien-va-xa-hoi","mingrade":1,"maxgrade":3,"permission":"isTIEUHOC","kpermission":216,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":19,"name":"\u0110\u1ea1o \u0111\u1ee9c","alias":"dao-duc","mingrade":1,"maxgrade":5,"permission":"isTIEUHOC","kpermission":216,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":20,"name":"Th\u1ee7 c\u00f4ng","alias":"thu-cong","mingrade":1,"maxgrade":5,"permission":"isTIEUHOC","kpermission":216,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":21,"name":"Qu\u1ed1c ph\u00f2ng an ninh","alias":"quoc-phong-an-ninh","mingrade":10,"maxgrade":12,"permission":"isTIEUHOC","kpermission":216,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":28,"name":"Ti\u1ebfng vi\u1ec7t","alias":"tieng-viet","mingrade":1,"maxgrade":5,"permission":"isTIEUHOC","kpermission":216,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":29,"name":"Khoa h\u1ecdc t\u1ef1 nhi\u00ean","alias":"khoa-hoc-tu-nhien","mingrade":6,"maxgrade":9,"permission":"isKHOAHOCTUNHIEN","kpermission":216,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]}]';

var listMathSubjects = '[{"id":1,"name":"Ti\u1ebfng Vi\u1ec7t","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,0,1,2,3,4,5]},{"id":2505637,"name":"Khoa h\u1ecdc x\u00e3 h\u1ed9i","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[6,7,8,9]},{"id":2506486,"name":"T\u1ef1 ch\u1ecdn 1","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[6,7,8,9,10,11,12]},{"id":2509712,"name":"Ngo\u1ea1i ng\u1eef 1","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":0,"ct_old":0,"id_school":0,"grades":[1,2,3,4,5,6,7,8,9,10,11,12]},{"id":2510419,"name":"Ngo\u1ea1i ng\u1eef 2","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[1,2,3,4,5,6,7,8,9,10,11,12]},{"id":2511622,"name":"M\u00f4n t\u1ef1 ch\u1ecdn song ng\u1eef","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[1,2,3,4,5,6,7,8,9,10,11,12]},{"id":2519630,"name":"Ngo\u1ea1i ng\u1eef","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[1,2,3,4,5]},{"id":2520962,"name":"M\u00f4n kh\u00e1c","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[1,2,3,4,5,6,7,8,9,10,11,12]},{"id":2621166,"name":"M\u1ef9 Thu\u1eadt","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":0,"ct_old":0,"id_school":0,"grades":[1,2,3,4,5,6,7,8,9,10,11,12]},{"id":21,"name":"Ng\u1eef v\u0103n","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,6,7,8,9,10,11,12]},{"id":3,"name":"To\u00e1n","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,0,1,2,3,4,5,6,7,8,9,10,11,12]},{"id":20,"name":"T\u1ef1 nhi\u00ean x\u00e3 h\u1ed9i","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[1,2,3,-1]},{"id":27,"name":"Khoa h\u1ecdc t\u1ef1 nhi\u00ean","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[6,7,8,9,-1]},{"id":22,"name":"L\u1ecbch s\u1eed v\u00e0 \u0110\u1ecba l\u00ed","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,4,5,6,7,8,9]},{"id":8,"name":"L\u1ecbch s\u1eed","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,3,4,5,6,7,8,9,10,11,12]},{"id":9,"name":"\u0110\u1ecba l\u00fd","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,8,9,10,11,12]},{"id":29,"name":"Gi\u00e1o d\u1ee5c Kinh t\u1ebf v\u00e0 ph\u00e1p lu\u1eadt","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,10,11,12]},{"id":5,"name":"V\u1eadt l\u00ed","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,9,10,11,12]},{"id":6,"name":"H\u00f3a h\u1ecdc","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,8,9,10,11,12]},{"id":7,"name":"Sinh h\u1ecdc","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,8,9,10,11,12]},{"id":12,"name":"C\u00f4ng ngh\u1ec7","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,3,4,5,6,7,8,9,10,11,12]},{"id":18,"name":"\u0110\u1ea1o \u0111\u1ee9c","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[1,2,3,4,5,null,null,-1]},{"id":15,"name":"\u00c2m nh\u1ea1c","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,1,2,3,4,5,6,7,8,9,10,11,12]},{"id":16,"name":"M\u0129 thu\u1eadt","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,1,2,3,4,5,6,7,8,9,10,11,12]},{"id":10,"name":"Gi\u00e1o d\u1ee5c c\u00f4ng d\u00e2n","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,6,7,8,9,10,11,12,13]},{"id":11,"name":"Tin h\u1ecdc","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,3,4,5,6,7,8,9,10,11,12,13]},{"id":28,"name":"Ho\u1ea1t \u0111\u1ed9ng tr\u1ea3i nghi\u1ec7m, h\u01b0\u1edbng nghi\u1ec7p","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[6,7,8,9,10,11,12,-1]},{"id":13,"name":"Gi\u00e1o d\u1ee5c th\u1ec3 ch\u1ea5t","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,0,1,2,3,4,5,6,7,8,9,10,11,12]},{"id":14,"name":"Gi\u00e1o d\u1ee5c Qu\u1ed1c ph\u00f2ng","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[10,11,12,-1]},{"id":2,"name":"Ti\u1ebfng Anh","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,0,1,2,3,4,5,6,7,8,9,10,11,12]},{"id":2147632,"name":"Ti\u1ebfng Nga","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[3,4,5,6,7,8,9,10,11,12]},{"id":17,"name":"Ti\u1ebfng Ph\u00e1p","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,3,4,5,6,7,8,9,10,11,12]},{"id":47,"name":"Ti\u1ebfng Trung","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[4,5,6,7,8,9,10,11,12,-1]},{"id":2110664,"name":"Ti\u1ebfng Nh\u1eadt","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[3,4,5,6,7,8,9,10,11,12]},{"id":46,"name":"Ti\u1ebfng H\u00e0n","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[6,7,8,9,10,11,12,-1]},{"id":2386871,"name":"Ti\u1ebfng \u0110\u1ee9c","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[3,4,5,6,7,8,9,10,11,12]},{"id":25,"name":"Ho\u1ea1t \u0111\u1ed9ng tr\u1ea3i nghi\u1ec7m","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,1,2,3,4,5,6,7,8,9,10,11,12]},{"id":2159702,"name":"BD Ti\u1ebfng Anh","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[1,2,3,4,5,6,7,8,9,10,11,12]},{"id":2163823,"name":"Sinh ho\u1ea1t l\u1edbp","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[-1,1,2,3,4,5,6,7,8,9,10,11,12]},{"id":2162815,"name":"C\u00f4ng d\u00e2n s\u1ed1","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[1,2,3,4,5,6,7,8,9,10,11,12]},{"id":2164754,"name":"Ph\u1ee5 \u0111\u1ea1o Anh","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[6,7,8,9]},{"id":2165311,"name":"Ph\u1ee5 \u0111\u1ea1o Ng\u1eef V\u0103n","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[6,7,8,9]},{"id":2166774,"name":"Ph\u1ee5 \u0111\u1ea1o To\u00e1n","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[6,7,8,9]},{"id":2167476,"name":"TNTT AI","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[6,7,8,9]},{"id":2168852,"name":"Th\u1ec3 thao","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[6,7,8,9]},{"id":2169851,"name":"Ho\u1ea1t \u0111\u1ed9ng Gi\u00e1o d\u1ee5c","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[0,1,2,3,4,5,6,7,8,9,10,11,12]},{"id":2170133,"name":"C\u00f4ng ngh\u1ec7 c\u00f4ng nghi\u1ec7p","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[10,11,12]},{"id":2171905,"name":"C\u00f4ng ngh\u1ec7 n\u00f4ng nghi\u1ec7p","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[10,11,12]},{"id":2111893,"name":"Th\u1ec3 d\u1ee5c","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":0,"ct_old":1,"id_school":0,"grades":[9,12]},{"id":2112449,"name":"Gi\u00e1o d\u1ee5c ngo\u00e0i gi\u1edd","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[0,1,2,3,4,5,6,7,8,9,10,11,12]},{"id":2113627,"name":"T\u1ed5 h\u1ee3p m\u00f4n Khoa h\u1ecdc t\u1ef1 nhi\u00ean","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[10,11,12]},{"id":2114786,"name":"T\u1ed5 h\u1ee3p m\u00f4n Khoa h\u1ecdc x\u00e3 h\u1ed9i","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[10,11,12]},{"id":2115253,"name":"Ho\u1ea1t \u0111\u1ed9ng c\u1ee7ng c\u1ed1 t\u0103ng c\u01b0\u1eddng","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,0,1,2,3,4,5,6,7,8,9,10,11,12,13]},{"id":2116135,"name":"BD Ti\u1ebfng Vi\u1ec7t","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[1,2,3,4,5]},{"id":2117748,"name":"BD M\u1ef9 Thu\u1eadt","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":0,"ct_old":0,"id_school":0,"grades":[1,2,3,4,5]},{"id":2118772,"name":"BD \u00c2m Nh\u1ea1c","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[1,2,3,4,5]},{"id":2119820,"name":"BD To\u00e1n","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[1,2,3,4,5]},{"id":2120653,"name":"Th\u1ef1c h\u00e0nh To\u00e1n","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[1,2,3,4,5]},{"id":2121172,"name":"Th\u1ef1c h\u00e0nh Ti\u1ebfng Vi\u1ec7t","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[1,2,3,4,5]},{"id":43,"name":"Gi\u00e1o d\u1ee5c \u0111\u1ecba ph\u01b0\u01a1ng","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[6,7,8,9,10,11,12,null,null,-1]},{"id":4,"name":"Khoa h\u1ecdc","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[4,5,-1]},{"id":24,"name":"Ngh\u1ec7 thu\u1eadt (\u00c2m nh\u1ea1c, M\u0129 thu\u1eadt)","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,1,2,3,6,7,8,9]},{"id":19,"name":"Th\u1ee7 c\u00f4ng","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[4,5,-1]},{"id":41,"name":"M\u1ea7m non","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[0,-1]},{"id":23,"name":"Tin h\u1ecdc v\u00e0 C\u00f4ng ngh\u1ec7","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":0,"ct_old":1,"id_school":0,"grades":[-1,1,2,3,4,5,6,7,8,9,10,11,12,13]},{"id":42,"name":"Ti\u1ec3u h\u1ecdc","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[1,2,3,4,5,-1]},{"id":26,"name":"Ti\u1ebfng d\u00e2n t\u1ed9c thi\u1ec3u s\u1ed1","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[1,2,3,4,5,6,7,8,9,10,11,12,null,-1]},{"id":39,"name":"Ngh\u1ec1 ph\u1ed5 th\u00f4ng","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[12,-1]},{"id":30,"name":"K\u1ef9 n\u0103ng s\u1ed1ng","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[1,2,3,4,5,6,7,8,9,10,11,12,-1]},{"id":31,"name":"Ch\u1eef c\u00e1i","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[0,-1]},{"id":33,"name":"Kh\u00e1m ph\u00e1","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":0,"ct_old":1,"id_school":0,"grades":[0,null,-1]},{"id":34,"name":"T\u1ea1o h\u00ecnh","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":0,"ct_old":1,"id_school":0,"grades":[0,null,-1]},{"id":35,"name":"Gi\u00e1 tr\u1ecb s\u1ed1ng","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":0,"ct_old":1,"id_school":0,"grades":[0,null,-1]},{"id":37,"name":"C\u1ea3m x\u00fac","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":0,"ct_old":1,"id_school":0,"grades":[0,null,-1]},{"id":38,"name":"Stem","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":0,"ct_old":1,"id_school":0,"grades":[0,null,-1]},{"id":44,"name":"K\u1ef9 thu\u1eadt","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":0,"ct_old":1,"id_school":0,"grades":[4,5,null,-1]},{"id":2138109,"name":"To\u00e1n (ti\u1ebfng Ph\u00e1p)","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,0,1,2,3,4,5,6,7,8,9,10,11,12,13]},{"id":40,"name":"T\u1ed5ng h\u1ee3p m\u00f4n","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,0,1,2,3,4,5,6,7,8,9,10,11,12]}]';

var listGrades = '[{"id":0,"name":"M\u1eabu gi\u00e1o"},{"id":1,"name":"L\u1edbp 1"},{"id":2,"name":"L\u1edbp 2"},{"id":3,"name":"L\u1edbp 3"},{"id":4,"name":"L\u1edbp 4"},{"id":5,"name":"L\u1edbp 5"},{"id":6,"name":"L\u1edbp 6"},{"id":7,"name":"L\u1edbp 7"},{"id":8,"name":"L\u1edbp 8"},{"id":9,"name":"L\u1edbp 9"},{"id":10,"name":"L\u1edbp 10"},{"id":11,"name":"L\u1edbp 11"},{"id":12,"name":"L\u1edbp 12"},{"id":13,"name":"\u0110H - C\u0110"}]';

var globalListCoupons = {};

var auth = null;

var timeNow = 1777389975;

auth = {"ip":"1.54.95.212","site":"olm","background":"","usertype":"googler","block":0,"sendemail":0,"time_token":0,"email_parent":"","images":"","logs":"","teacher":0,"idparent":"","id_parent":0,"parent_name":"","active":2,"subscribe":5,"roles":[0],"update_time":1768632081,"notchat":0,"notchat_sales":0,"grades":[],"subjects":[],"books":[],"block_discuss":0,"block_post":0,"block_course":0,"idsale":"","tel":"","verify_tel":0,"manage_block":"","state":"","support":0,"is_change_pass":0,"allow_feature_in_app":[],"idcode":"","birthday":0,"verify2fa":0,"time_change_pass":0,"is_created_from_group":0,"avatar":"","has_unactive_email":"nguyenhaiquan599@gmail.com","created_from_collaborator":"","_id":"17193342262514","id":171933422,"id_user":171933422,"name":"Su30MK2 AMV","username":"nguyenhaiquan599@gmail.com","username_hoc24":"nguyenhaiquan599@gmail.com","email":"nguyenhaiquan599@gmail.com","registerdate":"2026-01-17 13:41:21","lastvisitdate":"2026-01-17 13:41:21","registertime":1768632081,"lastvisittime":1777197210,"id_customer":"696b2f115091cde4570fb650","status_vip":[17],"closed":1,"lcndate":"2026-04-26 16:55:22","lc_avtdate":"2026-04-26 16:59:41","avatarUrl":"\/avatars\/guest.png","alias":"17193342262514","school":null,"model_partner":null};

auth.isActiveMail = true;

auth.isStudent = true;

auth.grades = [];

auth.is_need_to_change_pass = false;

auth.vipInfo = {"idsale":"","vip_expired_date":1768718483,"coin":0,"last_payment":1768632083,"p_coin":0,"type":0,"id_manage":0,"total":0,"support":0,"id_user":171933422,"iduser":"17193342262514","map_support":{"270":5},"map_support_time":{"270":1777327151},"vip_day":-1};

var _is_mobile = false;

var _is_agent_phone = false;

var _webview = 0;

var olmVersion = "v1";

</script>


<script src="https://rs.olm.vn/js/jquery.min.js"></script>

<script src="https://rs.olm.vn/js/jquery-migrate-1.4.1.min.js"></script>

<script src="https://rs.olm.vn/js/seo/lazysizes.min.js?v=1777388154"></script>

<script src="https://rs.olm.vn/js/iziToast.min.js"></script>

<script src="https://rs.olm.vn/js/jquery.webui-popover.min.js"></script>



<!-- private-js -->

<script src="https://rs.olm.vn/vendor/owl-carousel/owl.carousel.min.js?v=1777388154" ></script>

<!-- end private-js -->


<script src="https://rs.olm.vn/vendor/select2/js/select2.min.js?v=1777388154" ></script>

<script src="https://rs.olm.vn/js/global-olm.js?v=1777388154" ></script>

<script src="https://rs.olm.vn/js/core-olm.js?v=1777388154" ></script>

<script src="https://rs.olm.vn/js/utility/utility.js?v=1777388154" ></script>

<script src="https://rs.olm.vn/js/components/ui/index.js?v=1777388154" ></script>

<script src="https://rs.olm.vn/js/marketing-tracking.js?v=1777388154" ></script>


<script src="https://rs.olm.vn/js/page/landingpage.js?v=1777388154" ></script>

<script>

LDP.init({

campaign: "homepage",

ads: "",

coupon: ""

});

</script>

<script src="https://rs.olm.vn/js/page/v2/home.js?v=1777388154" ></script>

<script src="https://rs.olm.vn/js/manage-components/main-modal-v2.js?v=1777388154" ></script>

<script>

$(document).ready(function() {

MODULE_HOME.init();

MANAGE_MAIN_MODAL_V2.init();

});

</script>

<script>

window._isDev = false;

</script>

<script src="https://rs.olm.vn/vendor/react/react.production.min.js?v=1777388154" ></script>

<script src="https://rs.olm.vn/vendor/react/react-dom.production.min.js?v=1777388154" ></script>

<script>

$(document).ready(function() {

if (window.initHeaderUserDropdown) {

window.initHeaderUserDropdown('header-user-dropdown-container', {

menuList: {"user":[{"icon":"user","iconVariant":"outline","title":"T\u00e0i kho\u1ea3n","permission":"auth","children":[{"route":{"name":"setting-user-info"},"icon":"settings","iconVariant":"outline","title":"Th\u00f4ng tin t\u00e0i kho\u1ea3n","url":"https:\/\/olm.vn\/thong-tin-tai-khoan\/setting","iconUrl":"\/v2\/icons\/settings.svg","is_active":false}],"url":null,"iconUrl":"\/v2\/icons\/user.svg","is_active":false}],"extra":[{"icon":"gift","iconVariant":"duotone","route":{"name":"intro-invite-v2"},"title":"Gi\u1edbi thi\u1ec7u b\u1ea1n b\u00e8","url":"https:\/\/olm.vn\/thong-tin-tai-khoan\/intro-invite","iconUrl":"\/v2\/icons\/gift.svg","is_active":false},{"icon":"hoc-ba","iconVariant":"color","route":{"name":"stat-profile"},"title":"H\u1ecdc b\u1ea1","url":"https:\/\/olm.vn\/thongke","iconUrl":"\/v2\/icons\/hoc-ba.svg","is_active":false},{"icon":"coin","iconVariant":"color","url":"\/vi-cua-toi","title":"V\u00ed c\u1ee7a t\u00f4i","iconUrl":"\/v2\/icons\/coin.svg","is_active":false}],"student":[{"route":{"name":"my-class"},"icon":"book-open","iconVariant":"duotone","title":"L\u1edbp h\u1ecdc c\u1ee7a t\u00f4i","permission":"student","url":"https:\/\/olm.vn\/lop-hoc-cua-toi","iconUrl":"\/v2\/icons\/book-open.svg","is_active":false},{"route":{"name":"discuss-class-student"},"icon":"chat-question","iconVariant":"outline","title":"Th\u1ea3o lu\u1eadn","permission":"student","url":"https:\/\/olm.vn\/thao-luan-hoc-sinh","iconUrl":"\/v2\/icons\/chat-question.svg","is_active":false},{"route":{"name":"bai-tap-duoc-giao"},"icon":"pen-line","iconVariant":"outline","title":"B\u00e0i t\u1eadp \u0111\u01b0\u1ee3c giao","permission":"student","url":"https:\/\/olm.vn\/bai-tap-duoc-giao","iconUrl":"\/v2\/icons\/pen-line.svg","is_active":false},{"route":{"name":"lich-su-giao-dich-olmclass"},"icon":"coin","iconVariant":"color","title":"L\u1ecbch s\u1eed giao d\u1ecbch OlmClass","permission":"student","url":"https:\/\/olm.vn\/lich-su-giao-dich-olmclass","iconUrl":"\/v2\/icons\/coin.svg","is_active":false}]},

avatarUrl: "\/avatars\/guest.png",

accountStatus: false,

});

}

});

</script>

<script>

function toggleSubmenu(button) {

const menuItem = button.closest('.menu-item');

const submenu = menuItem.querySelector('.submenu-items');


if (submenu) {

submenu.classList.toggle('tw-hidden');

}

}

</script>

<script src="https://rs.olm.vn/js/manage-components/main-modal-v2.js?v=1777388154" ></script>

<script>

MANAGE_MAIN_MODAL_V2.init();

</script>

<script src="https://rs.olm.vn/js/manage-components/drawer.js?v=1777388154" ></script>

<script>

$(document).ready(function() {


MANAGE_DRAWER.init({

animationDuration: 300

});

});

</script>

<script>

$(document).ready(function() {

$('#carousel-homepage').owlCarousel({

navText: [

"<img src='https://rs.olm.vn/v2/icons/arrow-left.svg' alt='arrow-left'/>",

"<img src='https://rs.olm.vn/v2/icons/arrow-right.svg' alt='arrow-right'/>"

],

...{"items":1,"loop":true,"margin":32,"nav":true,"dots":true,"slideTransition":"ease-in-out","dotsEach":true,"lazyLoad":true,"autoplay":true,"autoplayTimeout":5000,"navText":["\u003Cimg class=\u0022icon-tertiary\u0022 src=\u0022https:\/\/rs.olm.vn\/v2\/icons\/arrow-left.svg\u0022 alt=\u0022arrow-left\u0022\/\u003E","\u003Cimg class=\u0022icon-tertiary\u0022 src=\u0022https:\/\/rs.olm.vn\/v2\/icons\/arrow-right.svg\u0022 alt=\u0022arrow-right\u0022\/\u003E"]}

});

$('.carousel-homepage-prev').on('click', function() {

$('#carousel-homepage').trigger('prev.owl.carousel');

});

$('.carousel-homepage-next').on('click', function() {

$('#carousel-homepage').trigger('next.owl.carousel');

});

});

</script>

<script>

$(document).ready(function() {

$('#ecosystem-products').owlCarousel({

loop: true,

margin: 16,

nav: false,

dots: true,

autoplay: true,

responsive: {

0: {

items: 1.2,

center: true,

margin: 12

},

768: {

items: 2,

margin: 20

},

1024: {

items: 3,

margin: 32,

nav: true,

navText: [

"<img src='https://rs.olm.vn/v2/icons/arrow-left.svg' alt='arrow-left'/>",

"<img src='https://rs.olm.vn/v2/icons/arrow-right.svg' alt='arrow-right'/>"

],

}

}

});

});

</script>

<script src="https://rs.olm.vn/js/page/v2/feedback-sale.js"></script>

<script>

$(function () {

FEEDBACK_SALE_V2.initCskhTelModal();

var ratingReady = false;

$('#modal-contact-customer-service-rating').on('tw.modal.show', function () {

if (ratingReady) {

return;

}

ratingReady = true;

FEEDBACK_SALE_V2.init();

});

});

</script>


</body>

<!DOCTYPE html>

<html lang="vi">


<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">

<meta http-equiv="X-UA-Compatible" content="ie=edge">


<meta name="csrf-token" content="W3hnIXtHziet6HsFduDCcOn4FB9cAywCAQK48wa1">

<link rel="icon" type="image/png" href="https://rs.olm.vn/images/icon.png?v=1777289580" />

<link rel="preload" as="style" href="https://rs.olm.vn/css/font-awesome/fontawesome.css" />

<link rel="preload" as="style" href="https://rs.olm.vn/css/font-awesome/regular.css" />

<link rel="preload" as="style" href="https://rs.olm.vn/css/font-awesome/brands.css" />

<link rel="preload" as="style" href="https://rs.olm.vn/css/font-awesome/solid.css">



<link href="https://fonts.googleapis.com/css?family=Baloo%7cOpen+Sans:400,700%7cMuli:400,500,700&display=swap" rel="stylesheet" />

<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&family=Roboto:wght@300;400;500;700;900&display=swap" rel="stylesheet" />


<style>

:root{--blue: #007bff;--indigo: #6610f2;--purple: #6f42c1;--pink: #e83e8c;--red: #dc3545;--orange: #fd7e14;--yellow: #ffc107;--green: #28a745;--teal: #20c997;--cyan: #17a2b8;--white: #fff;--gray: #6c757d;--gray-dark: #343a40;--primary: #007bff;--secondary: #6c757d;--success: #28a745;--info: #17a2b8;--warning: #ffc107;--danger: #dc3545;--light: #f8f9fa;--dark: #343a40;--olm: #cef79f;--breakpoint-xs: 0;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}*,*::before,*::after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:0.9rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus:not(:focus-visible){outline:0 !important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[title],abbr[data-original-title]{text-decoration:underline;text-decoration:underline dotted;cursor:help;border-bottom:0;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul,dl{margin-top:0;margin-bottom:1rem}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover:not(.not-hover){color:#0056b3;text-decoration:none}a:not([href]):not([class]){color:inherit;text-decoration:none}a:not([href]):not([class]):hover:not(.not-hover){color:inherit;text-decoration:none}pre,code,kbd,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit;text-align:-webkit-match-parent}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus:not(:focus-visible){outline:0}input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none !important}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}h1,.h1{font-size:2.25rem}h2,.h2{font-size:1.8rem}h3,.h3{font-size:1.575rem}h4,.h4{font-size:1.35rem}h5,.h5{font-size:1.125rem}h6,.h6{font-size:0.9rem}.lead{font-size:1.125rem;font-weight:300}.display-1{font-size:6rem;font-weight:300;line-height:1.2}.display-2{font-size:5.5rem;font-weight:300;line-height:1.2}.display-3{font-size:4.5rem;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}small,.small{font-size:80%;font-weight:400}mark{padding:.2em;background-color:#fcf8e3}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:90%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.125rem}.blockquote-footer{display:block;font-size:80%;color:#6c757d}.blockquote-footer::before{content:"— "}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#6c757d}code{font-size:87.5%;color:#e83e8c;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:100%;font-weight:700}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}.container,.container-fluid,.container-xl,.container-lg,.container-md,.container-sm{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media(min-width: 576px){.container-sm,.container{max-width:540px}}@media(min-width: 768px){.container-md,.container-sm,.container{max-width:720px}}@media(min-width: 992px){.container-lg,.container-md,.container-sm,.container{max-width:960px}}@media(min-width: 1200px){.container-xl,.container-lg,.container-md,.container-sm,.container{max-width:1250px}}.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col-xl,.col-xl-auto,.col-xl-12,.col-xl-11,.col-xl-10,.col-xl-9,.col-xl-8,.col-xl-7,.col-xl-6,.col-xl-5,.col-xl-4,.col-xl-3,.col-xl-2,.col-xl-1,.col-lg,.col-lg-auto,.col-lg-12,.col-lg-11,.col-lg-10,.col-lg-9,.col-lg-8,.col-lg-7,.col-lg-6,.col-lg-5,.col-lg-4,.col-lg-3,.col-lg-2,.col-lg-1,.col-md,.col-md-auto,.col-md-12,.col-md-11,.col-md-10,.col-md-9,.col-md-8,.col-md-7,.col-md-6,.col-md-5,.col-md-4,.col-md-3,.col-md-2,.col-md-1,.col-sm,.col-sm-auto,.col-sm-12,.col-sm-11,.col-sm-10,.col-sm-9,.col-sm-8,.col-sm-7,.col-sm-6,.col-sm-5,.col-sm-4,.col-sm-3,.col-sm-2,.col-sm-1,.col,.col-auto,.col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-1>*{flex:0 0 100%;max-width:100%}.row-cols-2>*{flex:0 0 50%;max-width:50%}.row-cols-3>*{flex:0 0 33.3333333333%;max-width:33.3333333333%}.row-cols-4>*{flex:0 0 25%;max-width:25%}.row-cols-5>*{flex:0 0 20%;max-width:20%}.row-cols-6>*{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-auto{flex:0 0 auto;width:auto;max-width:100%}.col-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-12{flex:0 0 100%;max-width:100%}.order-first{order:-1}.order-last{order:13}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.offset-1{margin-left:8.3333333333%}.offset-2{margin-left:16.6666666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.3333333333%}.offset-5{margin-left:41.6666666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.3333333333%}.offset-8{margin-left:66.6666666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.3333333333%}.offset-11{margin-left:91.6666666667%}@media(min-width: 576px){.col-sm{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-sm-1>*{flex:0 0 100%;max-width:100%}.row-cols-sm-2>*{flex:0 0 50%;max-width:50%}.row-cols-sm-3>*{flex:0 0 33.3333333333%;max-width:33.3333333333%}.row-cols-sm-4>*{flex:0 0 25%;max-width:25%}.row-cols-sm-5>*{flex:0 0 20%;max-width:20%}.row-cols-sm-6>*{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-sm-auto{flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-sm-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-sm-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-sm-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-sm-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-sm-12{flex:0 0 100%;max-width:100%}.order-sm-first{order:-1}.order-sm-last{order:13}.order-sm-0{order:0}.order-sm-1{order:1}.order-sm-2{order:2}.order-sm-3{order:3}.order-sm-4{order:4}.order-sm-5{order:5}.order-sm-6{order:6}.order-sm-7{order:7}.order-sm-8{order:8}.order-sm-9{order:9}.order-sm-10{order:10}.order-sm-11{order:11}.order-sm-12{order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.3333333333%}.offset-sm-2{margin-left:16.6666666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.3333333333%}.offset-sm-5{margin-left:41.6666666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.3333333333%}.offset-sm-8{margin-left:66.6666666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.3333333333%}.offset-sm-11{margin-left:91.6666666667%}}@media(min-width: 768px){.col-md{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-md-1>*{flex:0 0 100%;max-width:100%}.row-cols-md-2>*{flex:0 0 50%;max-width:50%}.row-cols-md-3>*{flex:0 0 33.3333333333%;max-width:33.3333333333%}.row-cols-md-4>*{flex:0 0 25%;max-width:25%}.row-cols-md-5>*{flex:0 0 20%;max-width:20%}.row-cols-md-6>*{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-md-auto{flex:0 0 auto;width:auto;max-width:100%}.col-md-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-md-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-md-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-md-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-md-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-md-12{flex:0 0 100%;max-width:100%}.order-md-first{order:-1}.order-md-last{order:13}.order-md-0{order:0}.order-md-1{order:1}.order-md-2{order:2}.order-md-3{order:3}.order-md-4{order:4}.order-md-5{order:5}.order-md-6{order:6}.order-md-7{order:7}.order-md-8{order:8}.order-md-9{order:9}.order-md-10{order:10}.order-md-11{order:11}.order-md-12{order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.3333333333%}.offset-md-2{margin-left:16.6666666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.3333333333%}.offset-md-5{margin-left:41.6666666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.3333333333%}.offset-md-8{margin-left:66.6666666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.3333333333%}.offset-md-11{margin-left:91.6666666667%}}@media(min-width: 992px){.col-lg{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-lg-1>*{flex:0 0 100%;max-width:100%}.row-cols-lg-2>*{flex:0 0 50%;max-width:50%}.row-cols-lg-3>*{flex:0 0 33.3333333333%;max-width:33.3333333333%}.row-cols-lg-4>*{flex:0 0 25%;max-width:25%}.row-cols-lg-5>*{flex:0 0 20%;max-width:20%}.row-cols-lg-6>*{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-lg-auto{flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-lg-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-lg-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-lg-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-lg-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-lg-12{flex:0 0 100%;max-width:100%}.order-lg-first{order:-1}.order-lg-last{order:13}.order-lg-0{order:0}.order-lg-1{order:1}.order-lg-2{order:2}.order-lg-3{order:3}.order-lg-4{order:4}.order-lg-5{order:5}.order-lg-6{order:6}.order-lg-7{order:7}.order-lg-8{order:8}.order-lg-9{order:9}.order-lg-10{order:10}.order-lg-11{order:11}.order-lg-12{order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.3333333333%}.offset-lg-2{margin-left:16.6666666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.3333333333%}.offset-lg-5{margin-left:41.6666666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.3333333333%}.offset-lg-8{margin-left:66.6666666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.3333333333%}.offset-lg-11{margin-left:91.6666666667%}}@media(min-width: 1200px){.col-xl{flex-basis:0;flex-grow:1;max-width:100%}.row-cols-xl-1>*{flex:0 0 100%;max-width:100%}.row-cols-xl-2>*{flex:0 0 50%;max-width:50%}.row-cols-xl-3>*{flex:0 0 33.3333333333%;max-width:33.3333333333%}.row-cols-xl-4>*{flex:0 0 25%;max-width:25%}.row-cols-xl-5>*{flex:0 0 20%;max-width:20%}.row-cols-xl-6>*{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-xl-auto{flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-xl-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-xl-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-xl-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-xl-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-xl-12{flex:0 0 100%;max-width:100%}.order-xl-first{order:-1}.order-xl-last{order:13}.order-xl-0{order:0}.order-xl-1{order:1}.order-xl-2{order:2}.order-xl-3{order:3}.order-xl-4{order:4}.order-xl-5{order:5}.order-xl-6{order:6}.order-xl-7{order:7}.order-xl-8{order:8}.order-xl-9{order:9}.order-xl-10{order:10}.order-xl-11{order:11}.order-xl-12{order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.3333333333%}.offset-xl-2{margin-left:16.6666666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.3333333333%}.offset-xl-5{margin-left:41.6666666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.3333333333%}.offset-xl-8{margin-left:66.6666666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.3333333333%}.offset-xl-11{margin-left:91.6666666667%}}.table{width:100%;margin-bottom:1rem;color:#212529}.table th,.table td{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table-sm th,.table-sm td{padding:.3rem}.table-bordered{border:1px solid #dee2e6}.table-bordered th,.table-bordered td{border:1px solid #dee2e6}.table-bordered thead th,.table-bordered thead td{border-bottom-width:2px}.table-borderless th,.table-borderless td,.table-borderless thead th,.table-borderless tbody+tbody{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover:not(.not-hover){color:#212529;background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>th,.table-primary>td{background-color:#b8daff}.table-primary th,.table-primary td,.table-primary thead th,.table-primary tbody+tbody{border-color:#7abaff}.table-hover .table-primary:hover:not(.not-hover){background-color:#9fcdff}.table-hover .table-primary:hover:not(.not-hover)>td,.table-hover .table-primary:hover:not(.not-hover)>th{background-color:#9fcdff}.table-secondary,.table-secondary>th,.table-secondary>td{background-color:#d6d8db}.table-secondary th,.table-secondary td,.table-secondary thead th,.table-secondary tbody+tbody{border-color:#b3b7bb}.table-hover .table-secondary:hover:not(.not-hover){background-color:#c8cbcf}.table-hover .table-secondary:hover:not(.not-hover)>td,.table-hover .table-secondary:hover:not(.not-hover)>th{background-color:#c8cbcf}.table-success,.table-success>th,.table-success>td{background-color:#c3e6cb}.table-success th,.table-success td,.table-success thead th,.table-success tbody+tbody{border-color:#8fd19e}.table-hover .table-success:hover:not(.not-hover){background-color:#b1dfbb}.table-hover .table-success:hover:not(.not-hover)>td,.table-hover .table-success:hover:not(.not-hover)>th{background-color:#b1dfbb}.table-info,.table-info>th,.table-info>td{background-color:#bee5eb}.table-info th,.table-info td,.table-info thead th,.table-info tbody+tbody{border-color:#86cfda}.table-hover .table-info:hover:not(.not-hover){background-color:#abdde5}.table-hover .table-info:hover:not(.not-hover)>td,.table-hover .table-info:hover:not(.not-hover)>th{background-color:#abdde5}.table-warning,.table-warning>th,.table-warning>td{background-color:#ffeeba}.table-warning th,.table-warning td,.table-warning thead th,.table-warning tbody+tbody{border-color:#ffdf7e}.table-hover .table-warning:hover:not(.not-hover){background-color:#ffe8a1}.table-hover .table-warning:hover:not(.not-hover)>td,.table-hover .table-warning:hover:not(.not-hover)>th{background-color:#ffe8a1}.table-danger,.table-danger>th,.table-danger>td{background-color:#f5c6cb}.table-danger th,.table-danger td,.table-danger thead th,.table-danger tbody+tbody{border-color:#ed969e}.table-hover .table-danger:hover:not(.not-hover){background-color:#f1b0b7}.table-hover .table-danger:hover:not(.not-hover)>td,.table-hover .table-danger:hover:not(.not-hover)>th{background-color:#f1b0b7}.table-light,.table-light>th,.table-light>td{background-color:#fdfdfe}.table-light th,.table-light td,.table-light thead th,.table-light tbody+tbody{border-color:#fbfcfc}.table-hover .table-light:hover:not(.not-hover){background-color:#ececf6}.table-hover .table-light:hover:not(.not-hover)>td,.table-hover .table-light:hover:not(.not-hover)>th{background-color:#ececf6}.table-dark,.table-dark>th,.table-dark>td{background-color:#c6c8ca}.table-dark th,.table-dark td,.table-dark thead th,.table-dark tbody+tbody{border-color:#95999c}.table-hover .table-dark:hover:not(.not-hover){background-color:#b9bbbe}.table-hover .table-dark:hover:not(.not-hover)>td,.table-hover .table-dark:hover:not(.not-hover)>th{background-color:#b9bbbe}.table-olm,.table-olm>th,.table-olm>td{background-color:#f1fde4}.table-olm th,.table-olm td,.table-olm thead th,.table-olm tbody+tbody{border-color:#e6fbcd}.table-hover .table-olm:hover:not(.not-hover){background-color:#e5fbcc}.table-hover .table-olm:hover:not(.not-hover)>td,.table-hover .table-olm:hover:not(.not-hover)>th{background-color:#e5fbcc}.table-active,.table-active>th,.table-active>td{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover:not(.not-hover){background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover:not(.not-hover)>td,.table-hover .table-active:hover:not(.not-hover)>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{color:#fff;background-color:#343a40;border-color:#454d55}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#343a40}.table-dark th,.table-dark td,.table-dark thead th{border-color:#454d55}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover:not(.not-hover){color:#fff;background-color:rgba(255,255,255,.075)}@media(max-width: 575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-sm>.table-bordered{border:0}}@media(max-width: 767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-md>.table-bordered{border:0}}@media(max-width: 991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-lg>.table-bordered{border:0}}@media(max-width: 1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;height:calc(1.5em + 0.75rem + 2px);padding:.375rem .75rem;font-size:0.9rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}.form-control:focus:not(.not-hover){color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}input[type=date].form-control,input[type=time].form-control,input[type=datetime-local].form-control,input[type=month].form-control{appearance:none}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(0.375rem + 1px);padding-bottom:calc(0.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(0.5rem + 1px);padding-bottom:calc(0.5rem + 1px);font-size:1.125rem;line-height:1.5}.col-form-label-sm{padding-top:calc(0.25rem + 1px);padding-bottom:calc(0.25rem + 1px);font-size:0.7875rem;line-height:1.5}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;font-size:0.9rem;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-sm,.form-control-plaintext.form-control-lg{padding-right:0;padding-left:0}.form-control-sm{height:calc(1.5em + 0.5rem + 2px);padding:.25rem .5rem;font-size:0.7875rem;line-height:1.5;border-radius:.2rem}.form-control-lg{height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.125rem;line-height:1.5;border-radius:.3rem}select.form-control[size],select.form-control[multiple]{height:auto}textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:flex;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input[disabled]~.form-check-label,.form-check-input:disabled~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{display:inline-flex;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#28a745}.valid-tooltip{position:absolute;top:100%;left:0;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:0.7875rem;line-height:1.5;color:#fff;background-color:rgba(40,167,69,.9);border-radius:.25rem}.form-row>.col>.valid-tooltip,.form-row>[class*=col-]>.valid-tooltip{left:5px}.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip,.is-valid~.valid-feedback,.is-valid~.valid-tooltip{display:block}.was-validated .form-control:valid,.form-control.is-valid{border-color:#28a745;padding-right:calc(1.5em + 0.75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(0.375em + 0.1875rem) center;background-size:calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}.was-validated .form-control:valid:focus,.form-control.is-valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + 0.75rem);background-position:top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem)}.was-validated .custom-select:valid,.custom-select.is-valid{border-color:#28a745;padding-right:calc(0.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat}.was-validated .custom-select:valid:focus,.custom-select.is-valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.was-validated .form-check-input:valid~.form-check-label,.form-check-input.is-valid~.form-check-label{color:#28a745}.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip,.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip{display:block}.was-validated .custom-control-input:valid~.custom-control-label,.custom-control-input.is-valid~.custom-control-label{color:#28a745}.was-validated .custom-control-input:valid~.custom-control-label::before,.custom-control-input.is-valid~.custom-control-label::before{border-color:#28a745}.was-validated .custom-control-input:valid:checked~.custom-control-label::before,.custom-control-input.is-valid:checked~.custom-control-label::before{border-color:#34ce57;background:#34ce57 linear-gradient(180deg, #52d570, #34ce57) repeat-x}.was-validated .custom-control-input:valid:focus~.custom-control-label::before,.custom-control-input.is-valid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before,.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before{border-color:#28a745}.was-validated .custom-file-input:valid~.custom-file-label,.custom-file-input.is-valid~.custom-file-label{border-color:#28a745}.was-validated .custom-file-input:valid:focus~.custom-file-label,.custom-file-input.is-valid:focus~.custom-file-label{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;left:0;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:0.7875rem;line-height:1.5;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.25rem}.form-row>.col>.invalid-tooltip,.form-row>[class*=col-]>.invalid-tooltip{left:5px}.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip,.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip{display:block}.was-validated .form-control:invalid,.form-control.is-invalid{border-color:#dc3545;padding-right:calc(1.5em + 0.75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(0.375em + 0.1875rem) center;background-size:calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}.was-validated .form-control:invalid:focus,.form-control.is-invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + 0.75rem);background-position:top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem)}.was-validated .custom-select:invalid,.custom-select.is-invalid{border-color:#dc3545;padding-right:calc(0.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat}.was-validated .custom-select:invalid:focus,.custom-select.is-invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.was-validated .form-check-input:invalid~.form-check-label,.form-check-input.is-invalid~.form-check-label{color:#dc3545}.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip,.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip{display:block}.was-validated .custom-control-input:invalid~.custom-control-label,.custom-control-input.is-invalid~.custom-control-label{color:#dc3545}.was-validated .custom-control-input:invalid~.custom-control-label::before,.custom-control-input.is-invalid~.custom-control-label::before{border-color:#dc3545}.was-validated .custom-control-input:invalid:checked~.custom-control-label::before,.custom-control-input.is-invalid:checked~.custom-control-label::before{border-color:#e4606d;background:#e4606d linear-gradient(180deg, #e87883, #e4606d) repeat-x}.was-validated .custom-control-input:invalid:focus~.custom-control-label::before,.custom-control-input.is-invalid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before,.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before{border-color:#dc3545}.was-validated .custom-file-input:invalid~.custom-file-label,.custom-file-input.is-invalid~.custom-file-label{border-color:#dc3545}.was-validated .custom-file-input:invalid:focus~.custom-file-label,.custom-file-input.is-invalid:focus~.custom-file-label{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-inline{display:flex;flex-flow:row wrap;align-items:center}.form-inline .form-check{width:100%}@media(min-width: 576px){.form-inline label{display:flex;align-items:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:flex;flex:0 0 auto;flex-flow:row wrap;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .input-group,.form-inline .custom-select{width:auto}.form-inline .form-check{display:flex;align-items:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{align-items:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:0.9rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.btn{transition:none}}.btn:hover:not(.not-hover){color:#212529;text-decoration:none}.btn:focus,.btn.focus{outline:0}.btn.disabled,.btn:disabled{opacity:.65}.btn:not(:disabled):not(.disabled){cursor:pointer}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{color:#fff;background:#007bff linear-gradient(180deg, #268fff, #007bff) repeat-x;border-color:#007bff}.btn-primary:hover:not(.not-hover){color:#fff;background:#0069d9 linear-gradient(180deg, #2680df, #0069d9) repeat-x;border-color:#0062cc}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff;background-image:none}.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;background-image:none;border-color:#005cbf}.btn-primary:not(:disabled):not(.disabled):active:focus,.btn-primary:not(:disabled):not(.disabled).active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-secondary{color:#fff;background:#6c757d linear-gradient(180deg, #828a91, #6c757d) repeat-x;border-color:#6c757d}.btn-secondary:hover:not(.not-hover){color:#fff;background:#5a6268 linear-gradient(180deg, #737a7f, #5a6268) repeat-x;border-color:#545b62}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d;background-image:none}.btn-secondary:not(:disabled):not(.disabled):active,.btn-secondary:not(:disabled):not(.disabled).active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;background-image:none;border-color:#4e555b}.btn-secondary:not(:disabled):not(.disabled):active:focus,.btn-secondary:not(:disabled):not(.disabled).active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-success{color:#fff;background:#28a745 linear-gradient(180deg, #48b461, #28a745) repeat-x;border-color:#28a745}.btn-success:hover:not(.not-hover){color:#fff;background:#218838 linear-gradient(180deg, #429a56, #218838) repeat-x;border-color:#1e7e34}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745;background-image:none}.btn-success:not(:disabled):not(.disabled):active,.btn-success:not(:disabled):not(.disabled).active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;background-image:none;border-color:#1c7430}.btn-success:not(:disabled):not(.disabled):active:focus,.btn-success:not(:disabled):not(.disabled).active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-info{color:#fff;background:#17a2b8 linear-gradient(180deg, #3ab0c3, #17a2b8) repeat-x;border-color:#17a2b8}.btn-info:hover:not(.not-hover){color:#fff;background:#138496 linear-gradient(180deg, #3696a6, #138496) repeat-x;border-color:#117a8b}.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8;background-image:none}.btn-info:not(:disabled):not(.disabled):active,.btn-info:not(:disabled):not(.disabled).active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#117a8b;background-image:none;border-color:#10707f}.btn-info:not(:disabled):not(.disabled):active:focus,.btn-info:not(:disabled):not(.disabled).active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-warning{color:#212529;background:#ffc107 linear-gradient(180deg, #ffca2c, #ffc107) repeat-x;border-color:#ffc107}.btn-warning:hover:not(.not-hover){color:#212529;background:#e0a800 linear-gradient(180deg, #e5b526, #e0a800) repeat-x;border-color:#d39e00}.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107;background-image:none}.btn-warning:not(:disabled):not(.disabled):active,.btn-warning:not(:disabled):not(.disabled).active,.show>.btn-warning.dropdown-toggle{color:#212529;background-color:#d39e00;background-image:none;border-color:#c69500}.btn-warning:not(:disabled):not(.disabled):active:focus,.btn-warning:not(:disabled):not(.disabled).active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-danger{color:#fff;background:#dc3545 linear-gradient(180deg, #e15361, #dc3545) repeat-x;border-color:#dc3545}.btn-danger:hover:not(.not-hover){color:#fff;background:#c82333 linear-gradient(180deg, #d04452, #c82333) repeat-x;border-color:#bd2130}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545;background-image:none}.btn-danger:not(:disabled):not(.disabled):active,.btn-danger:not(:disabled):not(.disabled).active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;background-image:none;border-color:#b21f2d}.btn-danger:not(:disabled):not(.disabled):active:focus,.btn-danger:not(:disabled):not(.disabled).active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-light{color:#212529;background:#f8f9fa linear-gradient(180deg, #f9fafb, #f8f9fa) repeat-x;border-color:#f8f9fa}.btn-light:hover:not(.not-hover){color:#212529;background:#e2e6ea linear-gradient(180deg, #e6eaed, #e2e6ea) repeat-x;border-color:#dae0e5}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa;background-image:none}.btn-light:not(:disabled):not(.disabled):active,.btn-light:not(:disabled):not(.disabled).active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;background-image:none;border-color:#d3d9df}.btn-light:not(:disabled):not(.disabled):active:focus,.btn-light:not(:disabled):not(.disabled).active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-dark{color:#fff;background:#343a40 linear-gradient(180deg, #52585d, #343a40) repeat-x;border-color:#343a40}.btn-dark:hover:not(.not-hover){color:#fff;background:#23272b linear-gradient(180deg, #44474b, #23272b) repeat-x;border-color:#1d2124}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40;background-image:none}.btn-dark:not(:disabled):not(.disabled):active,.btn-dark:not(:disabled):not(.disabled).active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;background-image:none;border-color:#171a1d}.btn-dark:not(:disabled):not(.disabled):active:focus,.btn-dark:not(:disabled):not(.disabled).active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-olm{color:#212529;background:#cef79f linear-gradient(180deg, #d5f8ad, #cef79f) repeat-x;border-color:#cef79f}.btn-olm:hover:not(.not-hover){color:#212529;background:#bcf47c linear-gradient(180deg, #c6f690, #bcf47c) repeat-x;border-color:#b6f370}.btn-olm.disabled,.btn-olm:disabled{color:#212529;background-color:#cef79f;border-color:#cef79f;background-image:none}.btn-olm:not(:disabled):not(.disabled):active,.btn-olm:not(:disabled):not(.disabled).active,.show>.btn-olm.dropdown-toggle{color:#212529;background-color:#b6f370;background-image:none;border-color:#b0f264}.btn-olm:not(:disabled):not(.disabled):active:focus,.btn-olm:not(:disabled):not(.disabled).active:focus,.show>.btn-olm.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(180,216,141,.5)}.btn-outline-primary{color:#007bff;border-color:#007bff}.btn-outline-primary:hover:not(.not-hover){color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary:focus,.btn-outline-primary.focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#007bff;background-color:transparent}.btn-outline-primary:not(:disabled):not(.disabled):active,.btn-outline-primary:not(:disabled):not(.disabled).active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-secondary{color:#6c757d;border-color:#6c757d}.btn-outline-secondary:hover:not(.not-hover){color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:focus,.btn-outline-secondary.focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-secondary:not(:disabled):not(.disabled):active,.btn-outline-secondary:not(:disabled):not(.disabled).active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-success{color:#28a745;border-color:#28a745}.btn-outline-success:hover:not(.not-hover){color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:focus,.btn-outline-success.focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#28a745;background-color:transparent}.btn-outline-success:not(:disabled):not(.disabled):active,.btn-outline-success:not(:disabled):not(.disabled).active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:not(:disabled):not(.disabled):active:focus,.btn-outline-success:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-info{color:#17a2b8;border-color:#17a2b8}.btn-outline-info:hover:not(.not-hover){color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info:focus,.btn-outline-info.focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#17a2b8;background-color:transparent}.btn-outline-info:not(:disabled):not(.disabled):active,.btn-outline-info:not(:disabled):not(.disabled).active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info:not(:disabled):not(.disabled):active:focus,.btn-outline-info:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-warning{color:#ffc107;border-color:#ffc107}.btn-outline-warning:hover:not(.not-hover){color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:focus,.btn-outline-warning.focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-warning:not(:disabled):not(.disabled):active,.btn-outline-warning:not(:disabled):not(.disabled).active,.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-danger{color:#dc3545;border-color:#dc3545}.btn-outline-danger:hover:not(.not-hover){color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:focus,.btn-outline-danger.focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-danger:not(:disabled):not(.disabled):active,.btn-outline-danger:not(:disabled):not(.disabled).active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:hover:not(.not-hover){color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:focus,.btn-outline-light.focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-light:not(:disabled):not(.disabled):active,.btn-outline-light:not(:disabled):not(.disabled).active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled):active:focus,.btn-outline-light:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-dark{color:#343a40;border-color:#343a40}.btn-outline-dark:hover:not(.not-hover){color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark:focus,.btn-outline-dark.focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#343a40;background-color:transparent}.btn-outline-dark:not(:disabled):not(.disabled):active,.btn-outline-dark:not(:disabled):not(.disabled).active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-olm{color:#cef79f;border-color:#cef79f}.btn-outline-olm:hover:not(.not-hover){color:#212529;background-color:#cef79f;border-color:#cef79f}.btn-outline-olm:focus,.btn-outline-olm.focus{box-shadow:0 0 0 .2rem rgba(206,247,159,.5)}.btn-outline-olm.disabled,.btn-outline-olm:disabled{color:#cef79f;background-color:transparent}.btn-outline-olm:not(:disabled):not(.disabled):active,.btn-outline-olm:not(:disabled):not(.disabled).active,.show>.btn-outline-olm.dropdown-toggle{color:#212529;background-color:#cef79f;border-color:#cef79f}.btn-outline-olm:not(:disabled):not(.disabled):active:focus,.btn-outline-olm:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-olm.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(206,247,159,.5)}.btn-link{font-weight:400;color:#007bff;text-decoration:none}.btn-link:hover:not(.not-hover){color:#0056b3;text-decoration:none}.btn-link:focus,.btn-link.focus{text-decoration:none}.btn-link:disabled,.btn-link.disabled{color:#6c757d;pointer-events:none}.btn-lg,.btn-group-lg>.btn{padding:.5rem 1rem;font-size:1.125rem;line-height:1.5;border-radius:.3rem}.btn-sm,.btn-group-sm>.btn{padding:.25rem .5rem;font-size:0.7875rem;line-height:1.5;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=submit].btn-block,input[type=reset].btn-block,input[type=button].btn-block{width:100%}.fade{transition:opacity .15s linear}@media(prefers-reduced-motion: reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}@media(prefers-reduced-motion: reduce){.collapsing{transition:none}}.dropup,.dropright,.dropdown,.dropleft{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle:not(.custom)::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:not(.custom):empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:0.9rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu-left{right:auto;left:0}.dropdown-menu-right{right:0;left:auto}@media(min-width: 576px){.dropdown-menu-sm-left{right:auto;left:0}.dropdown-menu-sm-right{right:0;left:auto}}@media(min-width: 768px){.dropdown-menu-md-left{right:auto;left:0}.dropdown-menu-md-right{right:0;left:auto}}@media(min-width: 992px){.dropdown-menu-lg-left{right:auto;left:0}.dropdown-menu-lg-right{right:0;left:auto}}@media(min-width: 1200px){.dropdown-menu-xl-left{right:auto;left:0}.dropdown-menu-xl-right{right:0;left:auto}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle:not(.custom)::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:not(.custom):empty::after{margin-left:0}.dropright .dropdown-menu{top:0;right:auto;left:100% !important;margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle:not(.custom)::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropright .dropdown-toggle:not(.custom):empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle:not(.custom)::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle:not(.custom)::after{display:none}.dropleft .dropdown-toggle:not(.custom)::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropleft .dropdown-toggle:not(.custom):empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-menu[x-placement^=top],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left]{right:auto;bottom:auto}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:hover:not(.not-hover),.dropdown-item:focus:not(.not-focus){color:#16181b;text-decoration:none;background:#e9ecef linear-gradient(180deg, #eceff1, #e9ecef) repeat-x}.dropdown-item.active:not(.not-active),.dropdown-item:active:not(.not-active){color:#fff;text-decoration:none;background:#007bff linear-gradient(180deg, #268fff, #007bff) repeat-x}.dropdown-item.disabled,.dropdown-item:disabled{color:#adb5bd;pointer-events:none;background-color:transparent;background-image:none}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:0.7875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group>.btn,.btn-group-vertical>.btn{position:relative;flex:1 1 auto}.btn-group>.btn:hover:not(.not-hover),.btn-group-vertical>.btn:hover:not(.not-hover){z-index:1}.btn-group>.btn:focus,.btn-group>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn.active{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn:not(:first-child),.btn-group>.btn-group:not(:first-child){margin-left:-1px}.btn-group>.btn:not(:last-child):not(.dropdown-toggle),.btn-group>.btn-group:not(:last-child)>.btn{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:not(:first-child),.btn-group>.btn-group:not(:first-child)>.btn{border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after{margin-left:0}.dropleft .dropdown-toggle-split::before{margin-right:0}.btn-sm+.dropdown-toggle-split,.btn-group-sm>.btn+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-lg+.dropdown-toggle-split,.btn-group-lg>.btn+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn:not(:first-child),.btn-group-vertical>.btn-group:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),.btn-group-vertical>.btn-group:not(:last-child)>.btn{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:not(:first-child),.btn-group-vertical>.btn-group:not(:first-child)>.btn{border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox]{position:absolute;clip:rect(0, 0, 0, 0);pointer-events:none}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-control-plaintext,.input-group>.custom-select,.input-group>.custom-file{position:relative;flex:1 1 auto;width:1%;min-width:0;margin-bottom:0}.input-group>.form-control+.form-control,.input-group>.form-control+.custom-select,.input-group>.form-control+.custom-file,.input-group>.form-control-plaintext+.form-control,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.custom-file,.input-group>.custom-select+.form-control,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.custom-file,.input-group>.custom-file+.form-control,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.custom-file{margin-left:-1px}.input-group>.form-control:focus,.input-group>.custom-select:focus,.input-group>.custom-file .custom-file-input:focus~.custom-file-label{z-index:3}.input-group>.custom-file .custom-file-input:focus{z-index:4}.input-group>.form-control:not(:first-child),.input-group>.custom-select:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:flex;align-items:center}.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:first-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.input-group:not(.has-validation)>.form-control:not(:last-child),.input-group:not(.has-validation)>.custom-select:not(:last-child),.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation>.form-control:nth-last-child(n+3),.input-group.has-validation>.custom-select:nth-last-child(n+3),.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group-prepend,.input-group-append{display:flex}.input-group-prepend .btn,.input-group-append .btn{position:relative;z-index:2}.input-group-prepend .btn:focus,.input-group-append .btn:focus{z-index:3}.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.input-group-text,.input-group-append .input-group-text+.btn{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:0.9rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-text input[type=radio],.input-group-text input[type=checkbox]{margin-top:0}.input-group-lg>.form-control:not(textarea),.input-group-lg>.custom-select{height:calc(1.5em + 1rem + 2px)}.input-group-lg>.form-control,.input-group-lg>.custom-select,.input-group-lg>.input-group-prepend>.input-group-text,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-append>.btn{padding:.5rem 1rem;font-size:1.125rem;line-height:1.5;border-radius:.3rem}.input-group-sm>.form-control:not(textarea),.input-group-sm>.custom-select{height:calc(1.5em + 0.5rem + 2px)}.input-group-sm>.form-control,.input-group-sm>.custom-select,.input-group-sm>.input-group-prepend>.input-group-text,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-append>.btn{padding:.25rem .5rem;font-size:0.7875rem;line-height:1.5;border-radius:.2rem}.input-group-lg>.custom-select,.input-group-sm>.custom-select{padding-right:1.75rem}.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text,.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.custom-control{position:relative;z-index:1;display:block;min-height:1.35rem;padding-left:1.5rem;color-adjust:exact}.custom-control-inline{display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;left:0;z-index:-1;width:1rem;height:1.175rem;opacity:0}.custom-control-input:checked~.custom-control-label::before{color:#fff;border-color:#007bff;background:#007bff linear-gradient(180deg, #268fff, #007bff) repeat-x}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#80bdff}.custom-control-input:not(:disabled):active~.custom-control-label::before{color:#fff;background-color:#b3d7ff;border-color:#b3d7ff}.custom-control-input[disabled]~.custom-control-label,.custom-control-input:disabled~.custom-control-label{color:#6c757d}.custom-control-input[disabled]~.custom-control-label::before,.custom-control-input:disabled~.custom-control-label::before{background-color:#e9ecef}.custom-control-label{position:relative;margin-bottom:0;vertical-align:top}.custom-control-label::before{position:absolute;top:.175rem;left:-1.5rem;display:block;width:1rem;height:1rem;pointer-events:none;content:"";background-color:#fff;border:#adb5bd solid 1px}.custom-control-label::after{position:absolute;top:.175rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:"";background:50%/50% 50% no-repeat}.custom-checkbox .custom-control-label::before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{border-color:#007bff;background:#007bff linear-gradient(180deg, #268fff, #007bff) repeat-x}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background:rgba(0,123,255,.5) linear-gradient(180deg, rgba(88, 169, 255, 0.575), rgba(0, 123, 255, 0.5)) repeat-x}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background:rgba(0,123,255,.5) linear-gradient(180deg, rgba(88, 169, 255, 0.575), rgba(0, 123, 255, 0.5)) repeat-x}.custom-radio .custom-control-label::before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background:rgba(0,123,255,.5) linear-gradient(180deg, rgba(88, 169, 255, 0.575), rgba(0, 123, 255, 0.5)) repeat-x}.custom-switch{padding-left:2.25rem}.custom-switch .custom-control-label::before{left:-2.25rem;width:1.75rem;pointer-events:all;border-radius:.5rem}.custom-switch .custom-control-label::after{top:calc(0.175rem + 2px);left:calc(-2.25rem + 2px);width:calc(1rem - 4px);height:calc(1rem - 4px);background-color:#adb5bd;border-radius:.5rem;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.custom-switch .custom-control-label::after{transition:none}}.custom-switch .custom-control-input:checked~.custom-control-label::after{background-color:#fff;transform:translateX(0.75rem)}.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before{background:rgba(0,123,255,.5) linear-gradient(180deg, rgba(88, 169, 255, 0.575), rgba(0, 123, 255, 0.5)) repeat-x}.custom-select{display:inline-block;width:100%;height:calc(1.5em + 0.75rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-size:0.9rem;font-weight:400;line-height:1.5;color:#495057;vertical-align:middle;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;border:1px solid #ced4da;border-radius:.25rem;appearance:none}.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-select:focus::-ms-value{color:#495057;background-color:#fff}.custom-select[multiple],.custom-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.custom-select:disabled{color:#6c757d;background-color:#e9ecef}.custom-select::-ms-expand{display:none}.custom-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}.custom-select-sm{height:calc(1.5em + 0.5rem + 2px);padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:0.7875rem}.custom-select-lg{height:calc(1.5em + 1rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.125rem}.custom-file{position:relative;display:inline-block;wid

th:100%;height:calc(1.5em + 0.75rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(1.5em + 0.75rem + 2px);margin:0;overflow:hidden;opacity:0}.custom-file-input:focus~.custom-file-label{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-file-input[disabled]~.custom-file-label,.custom-file-input:disabled~.custom-file-label{background-color:#e9ecef}.custom-file-input:lang(en)~.custom-file-label::after{content:"Browse"}.custom-file-input~.custom-file-label[data-browse]::after{content:attr(data-browse)}.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(1.5em + 0.75rem + 2px);padding:.375rem .75rem;overflow:hidden;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:calc(1.5em + 0.75rem);padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background:#e9ecef linear-gradient(180deg, #eceff1, #e9ecef) repeat-x;border-left:inherit;border-radius:0 .25rem .25rem 0}.custom-range{width:100%;height:1.4rem;padding:0;background-color:transparent;appearance:none}.custom-range:focus{outline:0}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-0.25rem;background:#007bff linear-gradient(180deg, #268fff, #007bff) repeat-x;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media(prefers-reduced-motion: reduce){.custom-range::-webkit-slider-thumb{transition:none}}.custom-range::-webkit-slider-thumb:active{background:#b3d7ff linear-gradient(180deg, #beddff, #b3d7ff) repeat-x}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-moz-range-thumb{width:1rem;height:1rem;background:#007bff linear-gradient(180deg, #268fff, #007bff) repeat-x;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media(prefers-reduced-motion: reduce){.custom-range::-moz-range-thumb{transition:none}}.custom-range::-moz-range-thumb:active{background:#b3d7ff linear-gradient(180deg, #beddff, #b3d7ff) repeat-x}.custom-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background:#007bff linear-gradient(180deg, #268fff, #007bff) repeat-x;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media(prefers-reduced-motion: reduce){.custom-range::-ms-thumb{transition:none}}.custom-range::-ms-thumb:active{background:#b3d7ff linear-gradient(180deg, #beddff, #b3d7ff) repeat-x}.custom-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}.custom-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6;border-radius:1rem}.custom-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.custom-range:disabled::-webkit-slider-runnable-track{cursor:default}.custom-range:disabled::-moz-range-thumb{background-color:#adb5bd}.custom-range:disabled::-moz-range-track{cursor:default}.custom-range:disabled::-ms-thumb{background-color:#adb5bd}.custom-control-label::before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.custom-control-label::before,.custom-file-label,.custom-select{transition:none}}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:hover:not(.not-hover),.nav-link:focus:not(.not-focus){text-decoration:none}.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-link{margin-bottom:-1px;border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:hover:not(.not-hover),.nav-tabs .nav-link:focus:not(.not-focus){border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#007bff}.nav-fill>.nav-link,.nav-fill .nav-item{flex:1 1 auto;text-align:center}.nav-justified>.nav-link,.nav-justified .nav-item{flex-basis:0;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:.5rem 1rem}.navbar .container,.navbar .container-fluid,.navbar .container-sm,.navbar .container-md,.navbar .container-lg,.navbar .container-xl{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.33125rem;padding-bottom:.33125rem;margin-right:1rem;font-size:1.125rem;line-height:inherit;white-space:nowrap}.navbar-brand:hover:not(.not-hover),.navbar-brand:focus:not(.not-focus){text-decoration:none}.navbar-nav{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.125rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:hover:not(.not-hover),.navbar-toggler:focus:not(.not-focus){text-decoration:none}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:50%/100% 100% no-repeat}.navbar-nav-scroll{max-height:75vh;overflow-y:auto}@media(max-width: 575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-xl{padding-right:0;padding-left:0}}@media(min-width: 576px){.navbar-expand-sm{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-xl{flex-wrap:nowrap}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media(max-width: 767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-md,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-xl{padding-right:0;padding-left:0}}@media(min-width: 768px){.navbar-expand-md{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-md,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-xl{flex-wrap:nowrap}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media(max-width: 991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-xl{padding-right:0;padding-left:0}}@media(min-width: 992px){.navbar-expand-lg{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-xl{flex-wrap:nowrap}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media(max-width: 1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-xl{padding-right:0;padding-left:0}}@media(min-width: 1200px){.navbar-expand-xl{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-xl{flex-wrap:nowrap}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-sm,.navbar-expand>.container-md,.navbar-expand>.container-lg,.navbar-expand>.container-xl{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-sm,.navbar-expand>.container-md,.navbar-expand>.container-lg,.navbar-expand>.container-xl{flex-wrap:nowrap}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:hover:not(.not-hover),.navbar-light .navbar-brand:focus:not(.not-focus){color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:hover:not(.not-hover),.navbar-light .navbar-nav .nav-link:focus:not(.not-focus){color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .show>.nav-link,.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .nav-link.active{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a{color:rgba(0,0,0,.9)}.navbar-light .navbar-text a:hover:not(.not-hover),.navbar-light .navbar-text a:focus:not(.not-focus){color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:hover:not(.not-hover),.navbar-dark .navbar-brand:focus:not(.not-focus){color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5)}.navbar-dark .navbar-nav .nav-link:hover:not(.not-hover),.navbar-dark .navbar-nav .nav-link:focus:not(.not-focus){color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .show>.nav-link,.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .nav-link.active{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-dark .navbar-text{color:rgba(255,255,255,.5)}.navbar-dark .navbar-text a{color:#fff}.navbar-dark .navbar-text a:hover:not(.not-hover),.navbar-dark .navbar-text a:focus:not(.not-focus){color:#fff}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:calc(0.25rem - 1px);border-top-right-radius:calc(0.25rem - 1px)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:calc(0.25rem - 1px);border-bottom-left-radius:calc(0.25rem - 1px)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;min-height:1px;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-0.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover:not(.not-hover){text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(0.25rem - 1px) calc(0.25rem - 1px)}.card-header-tabs{margin-right:-0.625rem;margin-bottom:-0.75rem;margin-left:-0.625rem;border-bottom:0}.card-header-pills{margin-right:-0.625rem;margin-left:-0.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem;border-radius:calc(0.25rem - 1px)}.card-img,.card-img-top,.card-img-bottom{flex-shrink:0;width:100%}.card-img,.card-img-top{border-top-left-radius:calc(0.25rem - 1px);border-top-right-radius:calc(0.25rem - 1px)}.card-img,.card-img-bottom{border-bottom-right-radius:calc(0.25rem - 1px);border-bottom-left-radius:calc(0.25rem - 1px)}.card-deck .card{margin-bottom:15px}@media(min-width: 576px){.card-deck{display:flex;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{flex:1 0 0%;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group>.card{margin-bottom:15px}@media(min-width: 576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-img-top,.card-group>.card:not(:last-child) .card-header{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-img-bottom,.card-group>.card:not(:last-child) .card-footer{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-img-top,.card-group>.card:not(:first-child) .card-header{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-img-bottom,.card-group>.card:not(:first-child) .card-footer{border-bottom-left-radius:0}}.card-columns .card{margin-bottom:.75rem}@media(min-width: 576px){.card-columns{column-count:3;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.accordion{overflow-anchor:none}.accordion>.card{overflow:hidden}.accordion>.card:not(:last-of-type){border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion>.card:not(:first-of-type){border-top-left-radius:0;border-top-right-radius:0}.accordion>.card>.card-header{border-radius:0;margin-bottom:-1px}.breadcrumb{display:flex;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:.5rem;color:#6c757d;content:">"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:3;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.125rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:0.7875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media(prefers-reduced-motion: reduce){.badge{transition:none}}a.badge:hover:not(.not-hover),a.badge:focus:not(.not-focus){text-decoration:none}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-primary{color:#fff;background-color:#007bff}a.badge-primary:hover:not(.not-hover),a.badge-primary:focus:not(.not-focus){color:#fff;background-color:#0062cc}a.badge-primary:focus,a.badge-primary.focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.badge-secondary{color:#fff;background-color:#6c757d}a.badge-secondary:hover:not(.not-hover),a.badge-secondary:focus:not(.not-focus){color:#fff;background-color:#545b62}a.badge-secondary:focus,a.badge-secondary.focus{outline:0;box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.badge-success{color:#fff;background-color:#28a745}a.badge-success:hover:not(.not-hover),a.badge-success:focus:not(.not-focus){color:#fff;background-color:#1e7e34}a.badge-success:focus,a.badge-success.focus{outline:0;box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.badge-info{color:#fff;background-color:#17a2b8}a.badge-info:hover:not(.not-hover),a.badge-info:focus:not(.not-focus){color:#fff;background-color:#117a8b}a.badge-info:focus,a.badge-info.focus{outline:0;box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.badge-warning{color:#212529;background-color:#ffc107}a.badge-warning:hover:not(.not-hover),a.badge-warning:focus:not(.not-focus){color:#212529;background-color:#d39e00}a.badge-warning:focus,a.badge-warning.focus{outline:0;box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.badge-danger{color:#fff;background-color:#dc3545}a.badge-danger:hover:not(.not-hover),a.badge-danger:focus:not(.not-focus){color:#fff;background-color:#bd2130}a.badge-danger:focus,a.badge-danger.focus{outline:0;box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.badge-light{color:#212529;background-color:#f8f9fa}a.badge-light:hover:not(.not-hover),a.badge-light:focus:not(.not-focus){color:#212529;background-color:#dae0e5}a.badge-light:focus,a.badge-light.focus{outline:0;box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.badge-dark{color:#fff;background-color:#343a40}a.badge-dark:hover:not(.not-hover),a.badge-dark:focus:not(.not-focus){color:#fff;background-color:#1d2124}a.badge-dark:focus,a.badge-dark.focus{outline:0;box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.badge-olm{color:#212529;background-color:#cef79f}a.badge-olm:hover:not(.not-hover),a.badge-olm:focus:not(.not-focus){color:#212529;background-color:#b6f370}a.badge-olm:focus,a.badge-olm.focus{outline:0;box-shadow:0 0 0 .2rem rgba(206,247,159,.5)}.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#e9ecef;border-radius:.3rem}@media(min-width: 576px){.jumbotron{padding:4rem 2rem}}.jumbotron-fluid{padding-right:0;padding-left:0;border-radius:0}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert p{margin:0}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:3.85rem}.alert-dismissible .close{position:absolute;top:0;right:0;z-index:2;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#004085;background:#cce5ff linear-gradient(180deg, #d4e9ff, #cce5ff) repeat-x;border-color:#b8daff}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{color:#383d41;background:#e2e3e5 linear-gradient(180deg, #e6e7e9, #e2e3e5) repeat-x;border-color:#d6d8db}.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{color:#155724;background:#d4edda linear-gradient(180deg, #daf0e0, #d4edda) repeat-x;border-color:#c3e6cb}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{color:#0c5460;background:#d1ecf1 linear-gradient(180deg, #d8eff3, #d1ecf1) repeat-x;border-color:#bee5eb}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#856404;background:#fff3cd linear-gradient(180deg, #fff5d5, #fff3cd) repeat-x;border-color:#ffeeba}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{color:#721c24;background:#f8d7da linear-gradient(180deg, #f9dde0, #f8d7da) repeat-x;border-color:#f5c6cb}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert-light{color:#818182;background:#fefefe linear-gradient(180deg, #fefefe, #fefefe) repeat-x;border-color:#fdfdfe}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{color:#1b1e21;background:#d6d8d9 linear-gradient(180deg, #dcdedf, #d6d8d9) repeat-x;border-color:#c6c8ca}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}.alert-olm{color:#6b8053;background:#f5fdec linear-gradient(180deg, #f7fdef, #f5fdec) repeat-x;border-color:#f1fde4}.alert-olm hr{border-top-color:#e5fbcc}.alert-olm .alert-link{color:#51613f}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:flex;height:1rem;overflow:hidden;line-height:0;font-size:0.675rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease}@media(prefers-reduced-motion: reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-size:1rem 1rem}.progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media(prefers-reduced-motion: reduce){.progress-bar-animated{animation:none}}.media{display:flex;align-items:flex-start}.media-body{flex:1}.list-group{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:.25rem}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:hover:not(.not-hover),.list-group-item-action:focus:not(.not-focus){z-index:1;color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;pointer-events:none;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:-1px;border-top-width:1px}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}@media(min-width: 576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media(min-width: 768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media(min-width: 992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media(min-width: 1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 1px}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-transparent{border-radius:0}.list-group-transparent .list-group-item{background-color:transparent}.list-group-item-primary{color:#004085;background-color:#b8daff}.list-group-item-primary.list-group-item-action:hover:not(.not-hover),.list-group-item-primary.list-group-item-action:focus:not(.not-focus){color:#004085;background-color:#9fcdff}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#004085;border-color:#004085}.list-group-item-secondary{color:#383d41;background-color:#d6d8db}.list-group-item-secondary.list-group-item-action:hover:not(.not-hover),.list-group-item-secondary.list-group-item-action:focus:not(.not-focus){color:#383d41;background-color:#c8cbcf}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383d41;border-color:#383d41}.list-group-item-success{color:#155724;background-color:#c3e6cb}.list-group-item-success.list-group-item-action:hover:not(.not-hover),.list-group-item-success.list-group-item-action:focus:not(.not-focus){color:#155724;background-color:#b1dfbb}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#155724;border-color:#155724}.list-group-item-info{color:#0c5460;background-color:#bee5eb}.list-group-item-info.list-group-item-action:hover:not(.not-hover),.list-group-item-info.list-group-item-action:focus:not(.not-focus){color:#0c5460;background-color:#abdde5}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#0c5460;border-color:#0c5460}.list-group-item-warning{color:#856404;background-color:#ffeeba}.list-group-item-warning.list-group-item-action:hover:not(.not-hover),.list-group-item-warning.list-group-item-action:focus:not(.not-focus){color:#856404;background-color:#ffe8a1}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#856404;border-color:#856404}.list-group-item-danger{color:#721c24;background-color:#f5c6cb}.list-group-item-danger.list-group-item-action:hover:not(.not-hover),.list-group-item-danger.list-group-item-action:focus:not(.not-focus){color:#721c24;background-color:#f1b0b7}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#721c24;border-color:#721c24}.list-group-item-light{color:#818182;background-color:#fdfdfe}.list-group-item-light.list-group-item-action:hover:not(.not-hover),.list-group-item-light.list-group-item-action:focus:not(.not-focus){color:#818182;background-color:#ececf6}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#818182;border-color:#818182}.list-group-item-dark{color:#1b1e21;background-color:#c6c8ca}.list-group-item-dark.list-group-item-action:hover:not(.not-hover),.list-group-item-dark.list-group-item-action:focus:not(.not-focus){color:#1b1e21;background-color:#b9bbbe}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#1b1e21;border-color:#1b1e21}.list-group-item-olm{color:#6b8053;background-color:#f1fde4}.list-group-item-olm.list-group-item-action:hover:not(.not-hover),.list-group-item-olm.list-group-item-action:focus:not(.not-focus){color:#6b8053;background-color:#e5fbcc}.list-group-item-olm.list-group-item-action.active{color:#fff;background-color:#6b8053;border-color:#6b8053}.close{float:right;font-size:1.35rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:hover:not(.not-hover){color:#000;text-decoration:none}.close:not(:disabled):not(.disabled):hover:not(.not-hover),.close:not(:disabled):not(.disabled):focus:not(.not-focus){opacity:.75}button.close{padding:0;background-color:transparent;border:0}a.close.disabled{pointer-events:none}.toast{flex-basis:350px;max-width:350px;font-size:0.875rem;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 .25rem .75rem rgba(0,0,0,.1);opacity:0;border-radius:.25rem}.toast:not(:last-child){margin-bottom:.75rem}.toast.showing{opacity:1}.toast.show{display:block;opacity:1}.toast.hide{display:none}.toast-header{display:flex;align-items:center;padding:.25rem .75rem;color:#6c757d;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05);border-top-left-radius:calc(0.25rem - 1px);border-top-right-radius:calc(0.25rem - 1px)}.toast-body{padding:.75rem}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0, -50px)}@media(prefers-reduced-motion: reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-header,.modal-dialog-scrollable .modal-footer{flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);height:min-content;content:""}.modal-dialog-centered.modal-dialog-scrollable{flex-direction:column;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(0.3rem - 1px);border-top-right-radius:calc(0.3rem - 1px)}.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;flex:1 1 auto;padding:1rem}.modal-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(0.3rem - 1px);border-bottom-left-radius:calc(0.3rem - 1px)}.modal-footer>*{margin:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media(min-width: 576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem);height:min-content}.modal-sm{max-width:300px}}@media(min-width: 992px){.modal-lg,.modal-xl{max-width:800px}}@media(min-width: 1200px){.modal-xl{max-width:1140px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:0.7875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-top,.bs-tooltip-auto[x-placement^=top]{padding:.4rem 0}.bs-tooltip-top .arrow,.bs-tooltip-auto[x-placement^=top] .arrow{bottom:0}.bs-tooltip-top .arrow::before,.bs-tooltip-auto[x-placement^=top] .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-right,.bs-tooltip-auto[x-placement^=right]{padding:0 .4rem}.bs-tooltip-right .arrow,.bs-tooltip-auto[x-placement^=right] .arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-right .arrow::before,.bs-tooltip-auto[x-placement^=right] .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-bottom,.bs-tooltip-auto[x-placement^=bottom]{padding:.4rem 0}.bs-tooltip-bottom .arrow,.bs-tooltip-auto[x-placement^=bottom] .arrow{top:0}.bs-tooltip-bottom .arrow::before,.bs-tooltip-auto[x-placement^=bottom] .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-left,.bs-tooltip-auto[x-placement^=left]{padding:0 .4rem}.bs-tooltip-left .arrow,.bs-tooltip-auto[x-placement^=left] .arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-left .arrow::before,.bs-tooltip-auto[x-placement^=left] .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:0.7875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .arrow::before,.popover .arrow::after{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-top,.bs-popover-auto[x-placement^=top]{margin-bottom:.5rem}.bs-popover-top>.arrow,.bs-popover-auto[x-placement^=top]>.arrow{bottom:calc(-0.5rem - 1px)}.bs-popover-top>.arrow::before,.bs-popover-auto[x-placement^=top]>.arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgba(0,0,0,.25)}.bs-popover-top>.arrow::after,.bs-popover-auto[x-placement^=top]>.arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}.bs-popover-right,.bs-popover-auto[x-placement^=right]{margin-left:.5rem}.bs-popover-right>.arrow,.bs-popover-auto[x-placement^=right]>.arrow{left:calc(-0.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-right>.arrow::before,.bs-popover-auto[x-placement^=right]>.arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgba(0,0,0,.25)}.bs-popover-right>.arrow::after,.bs-popover-auto[x-placement^=right]>.arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}.bs-popover-bottom,.bs-popover-auto[x-placement^=bottom]{margin-top:.5rem}.bs-popover-bottom>.arrow,.bs-popover-auto[x-placement^=bottom]>.arrow{top:calc(-0.5rem - 1px)}.bs-popover-bottom>.arrow::before,.bs-popover-auto[x-placement^=bottom]>.arrow::before{top:0;border-width:0 .5rem .5rem .5rem;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-bottom>.arrow::after,.bs-popover-auto[x-placement^=bottom]>.arrow::after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff}.bs-popover-bottom .popover-header::before,.bs-popover-auto[x-placement^=bottom] .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-0.5rem;content:"";border-bottom:1px solid #f7f7f7}.bs-popover-left,.bs-popover-auto[x-placement^=left]{margin-right:.5rem}.bs-popover-left>.arrow,.bs-popover-auto[x-placement^=left]>.arrow{right:calc(-0.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-left>.arrow::before,.bs-popover-auto[x-placement^=left]>.arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgba(0,0,0,.25)}.bs-popover-left>.arrow::after,.bs-popover-auto[x-placement^=left]>.arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:0.9rem;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(0.3rem - 1px);border-top-right-radius:calc(0.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#212529}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;backface-visibility:hidden;transition:transform .6s ease-in-out}@media(prefers-reduced-motion: reduce){.carousel-item{transition:none}}.carousel-item.active,.carousel-item-next,.carousel-item-prev{display:block}.carousel-item-next:not(.carousel-item-left),.active.carousel-item-right{transform:translateX(100%)}.carousel-item-prev:not(.carousel-item-right),.active.carousel-item-left{transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item.active,.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right{z-index:1;opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{z-index:0;opacity:0;transition:opacity 0s .6s}@media(prefers-reduced-motion: reduce){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{transition:none}}.carousel-control-prev,.carousel-control-next{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5;transition:opacity .15s ease}@media(prefers-reduced-motion: reduce){.carousel-control-prev,.carousel-control-next{transition:none}}.carousel-control-prev:hover:not(.not-hover),.carousel-control-prev:focus:not(.not-focus),.carousel-control-next:hover:not(.not-hover),.carousel-control-next:focus:not(.not-focus){color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0;background-image:linear-gradient(90deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.001))}.carousel-control-next{right:0;background-image:linear-gradient(270deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.001))}.carousel-control-prev-icon,.carousel-control-next-icon{display:inline-block;width:20px;height:20px;background:50%/100% 100% no-repeat}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:15;display:flex;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media(prefers-reduced-motion: reduce){.carousel-indicators li{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;animation:.75s linear infinite spinner-border}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;background-color:currentColor;border-radius:50%;opacity:0;animation:.75s linear infinite spinner-grow}.spinner-grow-sm{width:1rem;height:1rem}@media(prefers-reduced-motion: reduce){.spinner-border,.spinner-grow{animation-duration:1.5s}}.align-baseline{vertical-align:baseline !important}.align-top{vertical-align:top !important}.align-middle{vertical-align:middle !important}.align-bottom{vertical-align:bottom !important}.align-text-bottom{vertical-align:text-bottom !important}.align-text-top{vertical-align:text-top !important}.bg-primary{background-color:#007bff !important}a.bg-primary:hover:not(.not-hover),a.bg-primary:focus:not(.not-focus),button.bg-primary:hover:not(.not-hover),button.bg-primary:focus:not(.not-focus){background-color:#0062cc !important}.bg-secondary{background-color:#6c757d !important}a.bg-secondary:hover:not(.not-hover),a.bg-secondary:focus:not(.not-focus),button.bg-secondary:hover:not(.not-hover),button.bg-secondary:focus:not(.not-focus){background-color:#545b62 !important}.bg-success{background-color:#28a745 !important}a.bg-success:hover:not(.not-hover),a.bg-success:focus:not(.not-focus),button.bg-success:hover:not(.not-hover),button.bg-success:focus:not(.not-focus){background-color:#1e7e34 !important}.bg-info{background-color:#17a2b8 !important}a.bg-info:hover:not(.not-hover),a.bg-info:focus:not(.not-focus),button.bg-info:hover:not(.not-hover),button.bg-info:focus:not(.not-focus){background-color:#117a8b !important}.bg-warning{background-color:#ffc107 !important}a.bg-warning:hover:not(.not-hover),a.bg-warning:focus:not(.not-focus),button.bg-warning:hover:not(.not-hover),button.bg-warning:focus:not(.not-focus){background-color:#d39e00 !important}.bg-danger{background-color:#dc3545 !important}a.bg-danger:hover:not(.not-hover),a.bg-danger:focus:not(.not-focus),button.bg-danger:hover:not(.not-hover),button.bg-danger:focus:not(.not-focus){background-color:#bd2130 !important}.bg-light{background-color:#f8f9fa !important}a.bg-light:hover:not(.not-hover),a.bg-light:focus:not(.not-focus),button.bg-light:hover:not(.not-hover),button.bg-light:focus:not(.not-focus){background-color:#dae0e5 !important}.bg-dark{background-color:#343a40 !important}a.bg-dark:hover:not(.not-hover),a.bg-dark:focus:not(.not-focus),button.bg-dark:hover:not(.not-hover),button.bg-dark:focus:not(.not-focus){background-color:#1d2124 !important}.bg-olm{background-color:#cef79f !important}a.bg-olm:hover:not(.not-hover),a.bg-olm:focus:not(.not-focus),button.bg-olm:hover:not(.not-hover),button.bg-olm:focus:not(.not-focus){background-color:#b6f370 !important}.bg-gradient-primary{background:#007bff linear-gradient(180deg, #8cc4ff, #007bff) repeat-x !important}.bg-gradient-secondary{background:#6c757d linear-gradient(180deg, #bdc1c5, #6c757d) repeat-x !important}.bg-gradient-success{background:#28a745 linear-gradient(180deg, #9ed7ab, #28a745) repeat-x !important}.bg-gradient-info{background:#17a2b8 linear-gradient(180deg, #97d5df, #17a2b8) repeat-x !important}.bg-gradient-warning{background:#ffc107 linear-gradient(180deg, #ffe38f, #ffc107) repeat-x !important}.bg-gradient-danger{background:#dc3545 linear-gradient(180deg, #efa4ab, #dc3545) repeat-x !important}.bg-gradient-light{background:#f8f9fa linear-gradient(180deg, #fcfcfd, #f8f9fa) repeat-x !important}.bg-gradient-dark{background:#343a40 linear-gradient(180deg, #a4a6a9, #343a40) repeat-x !important}.bg-gradient-olm{background:#cef79f linear-gradient(180deg, #e9fbd4, #cef79f) repeat-x !important}.bg-white{background-color:#fff !important}.bg-transparent{background-color:transparent !important}.btn.bg:hover{opacity:.65}.border{border:1px solid #dee2e6 !important}.border-top{border-top:1px solid #dee2e6 !important}.border-right{border-right:1px solid #dee2e6 !important}.border-bottom{border-bottom:1px solid #dee2e6 !important}.border-left{border-left:1px solid #dee2e6 !important}.border-0{border:0 !important}.border-top-0{border-top:0 !important}.border-right-0{border-right:0 !important}.border-bottom-0{border-bottom:0 !important}.border-left-0{border-left:0 !important}.border-primary{border-color:#007bff !important}.border-secondary{border-color:#6c757d !important}.border-success{border-color:#28a745 !important}.border-info{border-color:#17a2b8 !important}.border-warning{border-color:#ffc107 !important}.border-danger{border-color:#dc3545 !important}.border-light{border-color:#f8f9fa !important}.border-dark{border-color:#343a40 !important}.border-olm{border-color:#cef79f !important}.border-white{border-color:#fff !important}.rounded-sm{border-radius:.2rem !important}.rounded{border-radius:.25rem !important}.rounded-top{border-top-left-radius:.25rem !important;border-top-right-radius:.25rem !important}.rounded-right{border-top-right-radius:.25rem !important;border-bottom-right-radius:.25rem !important}.rounded-bottom{border-bottom-right-radius:.25rem !important;border-bottom-left-radius:.25rem !important}.rounded-left{border-top-left-radius:.25rem !important;border-bottom-left-radius:.25rem !important}.rounded-lg{border-radius:.3rem !important}.rounded-circle{border-radius:50% !important}.rounded-pill{border-radius:50rem !important}.rounded-0{border-radius:0 !important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none !important}.d-inline{display:inline !important}.d-inline-block{display:inline-block !important}.d-block{display:block !important}.d-table{display:table !important}.d-table-row{display:table-row !important}.d-table-cell{display:table-cell !important}.d-flex{display:flex !important}.d-inline-flex{display:inline-flex !important}@media(min-width: 576px){.d-sm-none{display:none !important}.d-sm-inline{display:inline !important}.d-sm-inline-block{display:inline-block !important}.d-sm-block{display:block !important}.d-sm-table{display:table !important}.d-sm-table-row{display:table-row !important}.d-sm-table-cell{display:table-cell !important}.d-sm-flex{display:flex !important}.d-sm-inline-flex{display:inline-flex !important}}@media(min-width: 768px){.d-md-none{display:none !important}.d-md-inline{display:inline !important}.d-md-inline-block{display:inline-block !important}.d-md-block{display:block !important}.d-md-table{display:table !important}.d-md-table-row{display:table-row !important}.d-md-table-cell{display:table-cell !important}.d-md-flex{display:flex !important}.d-md-inline-flex{display:inline-flex !important}}@media(min-width: 992px){.d-lg-none{display:none !important}.d-lg-inline{display:inline !important}.d-lg-inline-block{display:inline-block !important}.d-lg-block{display:block !important}.d-lg-table{display:table !important}.d-lg-table-row{display:table-row !important}.d-lg-table-cell{display:table-cell !important}.d-lg-flex{display:flex !important}.d-lg-inline-flex{display:inline-flex !important}}@media(min-width: 1200px){.d-xl-none{display:none !important}.d-xl-inline{display:inline !important}.d-xl-inline-block{display:inline-block !important}.d-xl-block{display:block !important}.d-xl-table{display:table !important}.d-xl-table-row{display:table-row !important}.d-xl-table-cell{display:table-cell !important}.d-xl-flex{display:flex !important}.d-xl-inline-flex{display:inline-flex !important}}@media print{.d-print-none{display:none !important}.d-print-inline{display:inline !important}.d-print-inline-block{display:inline-block !important}.d-print-block{display:block !important}.d-print-table{display:table !important}.d-print-table-row{display:table-row !important}.d-print-table-cell{display:table-cell !important}.d-print-flex{display:flex !important}.d-print-inline-flex{display:inline-flex !important}}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.8571428571%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.flex-row{flex-direction:row !important}.flex-column{flex-direction:column !important}.flex-row-reverse{flex-direction:row-reverse !important}.flex-column-reverse{flex-direction:column-reverse !important}.flex-wrap{flex-wrap:wrap !important}.flex-nowrap{flex-wrap:nowrap !important}.flex-wrap-reverse{flex-wrap:wrap-reverse !important}.flex-fill{flex:1 1 auto !important}.flex-grow-0{flex-grow:0 !important}.flex-grow-1{flex-grow:1 !important}.flex-shrink-0{flex-shrink:0 !important}.flex-shrink-1{flex-shrink:1 !important}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.justify-content-between{justify-content:space-between !important}.justify-content-around{justify-content:space-around !important}.align-items-start{align-items:flex-start !important}.align-items-end{align-items:flex-end !important}.align-items-center{align-items:center !important}.align-items-baseline{align-items:baseline !important}.align-items-stretch{align-items:stretch !important}.align-content-start{align-content:flex-start !important}.align-content-end{align-content:flex-end !important}.align-content-center{align-content:center !important}.align-content-between{align-content:space-between !important}.align-content-around{align-content:space-around !important}.align-content-stretch{align-content:stretch !important}.align-self-auto{align-self:auto !important}.align-self-start{align-self:flex-start !important}.align-self-end{align-self:flex-end !important}.align-self-center{align-self:center !important}.align-self-baseline{align-self:baseline !important}.align-self-stretch{align-self:stretch !important}@media(min-width: 576px){.flex-sm-row{flex-direction:row !important}.flex-sm-column{flex-direction:column !important}.flex-sm-row-reverse{flex-direction:row-reverse !important}.flex-sm-column-reverse{flex-direction:column-reverse !important}.flex-sm-wrap{flex-wrap:wrap !important}.flex-sm-nowrap{flex-wrap:nowrap !important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse !important}.flex-sm-fill{flex:1 1 auto !important}.flex-sm-grow-0{flex-grow:0 !important}.flex-sm-grow-1{flex-grow:1 !important}.flex-sm-shrink-0{flex-shrink:0 !important}.flex-sm-shrink-1{flex-shrink:1 !important}.justify-content-sm-start{justify-content:flex-start !important}.justify-content-sm-end{justify-content:flex-end !important}.justify-content-sm-center{justify-content:center !important}.justify-content-sm-between{justify-content:space-between !important}.justify-content-sm-around{justify-content:space-around !important}.align-items-sm-start{align-items:flex-start !important}.align-items-sm-end{align-items:flex-end !important}.align-items-sm-center{align-items:center !important}.align-items-sm-baseline{align-items:baseline !important}.align-items-sm-stretch{align-items:stretch !important}.align-content-sm-start{align-content:flex-start !important}.align-content-sm-end{align-content:flex-end !important}.align-content-sm-center{align-content:center !important}.align-content-sm-between{align-content:space-between !important}.align-content-sm-around{align-content:space-around !important}.align-content-sm-stretch{align-content:stretch !important}.align-self-sm-auto{align-self:auto !important}.align-self-sm-start{align-self:flex-start !important}.align-self-sm-end{align-self:flex-end !important}.align-self-sm-center{align-self:center !important}.align-self-sm-baseline{align-self:baseline !important}.align-self-sm-stretch{align-self:stretch !important}}@media(min-width: 768px){.flex-md-row{flex-direction:row !important}.flex-md-column{flex-direction:column !important}.flex-md-row-reverse{flex-direction:row-reverse !important}.flex-md-column-reverse{flex-direction:column-reverse !important}.flex-md-wrap{flex-wrap:wrap !important}.flex-md-nowrap{flex-wrap:nowrap !important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse !important}.flex-md-fill{flex:1 1 auto !important}.flex-md-grow-0{flex-grow:0 !important}.flex-md-grow-1{flex-grow:1 !important}.flex-md-shrink-0{flex-shrink:0 !important}.flex-md-shrink-1{flex-shrink:1 !important}.justify-content-md-start{justify-content:flex-start !important}.justify-content-md-end{justify-content:flex-end !important}.justify-content-md-center{justify-content:center !important}.justify-content-md-between{justify-content:space-between !important}.justify-content-md-around{justify-content:space-around !important}.align-items-md-start{align-items:flex-start !important}.align-items-md-end{align-items:flex-end !important}.align-items-md-center{align-items:center !important}.align-items-md-baseline{align-items:baseline !important}.align-items-md-stretch{align-items:stretch !important}.align-content-md-start{align-content:flex-start !important}.align-content-md-end{align-content:flex-end !important}.align-content-md-center{align-content:center !important}.align-content-md-between{align-content:space-between !important}.align-content-md-around{align-content:space-around !important}.align-content-md-stretch{align-content:stretch !important}.align-self-md-auto{align-self:auto !important}.align-self-md-start{align-self:flex-start !important}.align-self-md-end{align-self:flex-end !important}.align-self-md-center{align-self:center !important}.align-self-md-baseline{align-self:baseline !important}.align-self-md-stretch{align-self:stretch !important}}@media(min-width: 992px){.flex-lg-row{flex-direction:row !important}.flex-lg-column{flex-direction:column !important}.flex-lg-row-reverse{flex-direction:row-reverse !important}.flex-lg-column-reverse{flex-direction:column-reverse !important}.flex-lg-wrap{flex-wrap:wrap !important}.flex-lg-nowrap{flex-wrap:nowrap !important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse !important}.flex-lg-fill{flex:1 1 auto !important}.flex-lg-grow-0{flex-grow:0 !important}.flex-lg-grow-1{flex-grow:1 !important}.flex-lg-shrink-0{flex-shrink:0 !important}.flex-lg-shrink-1{flex-shrink:1 !important}.justify-content-lg-start{justify-content:flex-start !important}.justify-content-lg-end{justify-content:flex-end !important}.justify-content-lg-center{justify-content:center !important}.justify-content-lg-between{justify-content:space-between !important}.justify-content-lg-around{justify-content:space-around !important}.align-items-lg-start{align-items:flex-start !important}.align-items-lg-end{align-items:flex-end !important}.align-items-lg-center{align-items:center !important}.align-items-lg-baseline{align-items:baseline !important}.align-items-lg-stretch{align-items:stretch !important}.align-content-lg-start{align-content:flex-start !important}.align-content-lg-end{align-content:flex-end !important}.align-content-lg-center{align-content:center !important}.align-content-lg-between{align-content:space-between !important}.align-content-lg-around{align-content:space-around !important}.align-content-lg-stretch{align-content:stretch !important}.align-self-lg-auto{align-self:auto !important}.align-self-lg-start{align-self:flex-start !important}.align-self-lg-end{align-self:flex-end !important}.align-self-lg-center{align-self:center !important}.align-self-lg-baseline{align-self:baseline !important}.align-self-lg-stretch{align-self:stretch !important}}@media(min-width: 1200px){.flex-xl-row{flex-direction:row !important}.flex-xl-column{flex-direction:column !important}.flex-xl-row-reverse{flex-direction:row-reverse !important}.flex-xl-column-reverse{flex-direction:column-reverse !important}.flex-xl-wrap{flex-wrap:wrap !important}.flex-xl-nowrap{flex-wrap:nowrap !important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse !important}.flex-xl-fill{flex:1 1 auto !important}.flex-xl-grow-0{flex-grow:0 !important}.flex-xl-grow-1{flex-grow:1 !important}.flex-xl-shrink-0{flex-shrink:0 !important}.flex-xl-shrink-1{flex-shrink:1 !important}.justify-content-xl-start{justify-content:flex-start !important}.justify-content-xl-end{justify-content:flex-end !important}.justify-content-xl-center{justify-content:center !important}.justify-content-xl-between{justify-content:space-between !important}.justify-content-xl-around{justify-content:space-around !important}.align-items-xl-start{align-items:flex-start !important}.align-items-xl-end{align-items:flex-end !important}.align-items-xl-center{align-items:center !important}.align-items-xl-baseline{align-items:baseline !important}.align-items-xl-stretch{align-items:stretch !important}.align-content-xl-start{align-content:flex-start !important}.align-content-xl-end{align-content:flex-end !important}.align-content-xl-center{align-content:center !important}.align-content-xl-between{align-content:space-between !important}.align-content-xl-around{align-content:space-around !important}.align-content-xl-stretch{align-content:stretch !important}.align-self-xl-auto{align-self:auto !important}.align-self-xl-start{align-self:flex-start !important}.align-self-xl-end{align-self:flex-end !important}.align-self-xl-center{align-self:center !important}.align-self-xl-baseline{align-self:baseline !important}.align-self-xl-stretch{align-self:stretch !important}}.float-left{float:left !important}.float-right{float:right !important}.float-none{float:none !important}@media(min-width: 576px){.float-sm-left{float:left !important}.float-sm-right{float:right !important}.float-sm-none{float:none !important}}@media(min-width: 768px){.float-md-left{float:left !important}.float-md-right{float:right !important}.float-md-none{float:none !important}}@media(min-width: 992px){.float-lg-left{float:left !important}.float-lg-right{float:right !important}.float-lg-none{float:none !important}}@media(min-width: 1200px){.float-xl-left{float:left !important}.float-xl-right{float:right !important}.float-xl-none{float:none !important}}.user-select-all{user-select:all !important}.user-select-auto{user-select:auto !important}.user-select-none{user-select:none !important}.overflow-auto{overflow:auto !important}.overflow-hidden{overflow:hidden !important}.position-static{position:static !important}.position-relative{position:relative !important}.position-absolute{position:absolute !important}.position-fixed{position:fixed !important}.position-sticky{position:sticky !important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports(position: sticky){.sticky-top{position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075) !important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15) !important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175) !important}.shadow-none{box-shadow:none !important}.w-6{width:6% !important}.w-7{width:7% !important}.w-10{width:10% !important}.w-12{width:12% !important}.w-13{width:13% !important}.w-20{width:20% !important}.w-25{width:25% !important}.w-30{width:30% !important}.w-35{width:35% !important}.w-40{width:40% !important}.w-45{width:45% !important}.w-50{width:50% !important}.w-60{width:60% !important}.w-75{width:75% !important}.w-80{width:80% !important}.w-90{width:90% !important}.w-100{width:100% !important}.w-auto{width:auto

!important}.w-24-p{width:24px !important}.w-30-p{width:30px !important}.w-40-p{width:40px !important}.w-50-p{width:50px !important}.w-65-p{width:65px !important}.w-90-p{width:90px !important}.w-120-p{width:120px !important}.w-159-p{width:159px !important}.w-200-p{width:200px !important}.w-250-p{width:250px !important}.w-300-p{width:300px !important}.w-340-p{width:340px !important}.w-400-p{width:400px !important}.w-460-p{width:460px !important}.w-650-p{width:650px !important}.h-7{height:7% !important}.h-10{height:10% !important}.h-13{height:13% !important}.h-20{height:20% !important}.h-25{height:25% !important}.h-30{height:30% !important}.h-35{height:35% !important}.h-40{height:40% !important}.h-50{height:50% !important}.h-60{height:60% !important}.h-75{height:75% !important}.h-80{height:80% !important}.h-90{height:90% !important}.h-100{height:100% !important}.h-auto{height:auto !important}.h-24-p{height:24px !important}.h-30-p{height:30px !important}.h-40-p{height:40px !important}.h-50-p{height:50px !important}.h-65-p{height:65px !important}.h-90-p{height:90px !important}.h-120-p{height:120px !important}.h-159-p{height:159px !important}.h-200-p{height:200px !important}.h-250-p{height:250px !important}.h-300-p{height:300px !important}.h-340-p{height:340px !important}.h-400-p{height:400px !important}.h-460-p{height:460px !important}.h-650-p{height:650px !important}.mw-7{max-width:7% !important}.mw-10{max-width:10% !important}.mw-13{max-width:13% !important}.mw-20{max-width:20% !important}.mw-25{max-width:25% !important}.mw-30{max-width:30% !important}.mw-35{max-width:35% !important}.mw-40{max-width:40% !important}.mw-50{max-width:50% !important}.mw-60{max-width:60% !important}.mw-75{max-width:75% !important}.mw-80{max-width:80% !important}.mw-90{max-width:90% !important}.mw-100{max-width:100% !important}.mw-auto{width:auto !important}.mw-24-p{max-width:24px !important}.mw-30-p{max-width:30px !important}.mw-40-p{max-width:40px !important}.mw-50-p{max-width:50px !important}.mw-65-p{max-width:65px !important}.mw-90-p{max-width:90px !important}.mw-120-p{max-width:120px !important}.mw-159-p{max-width:159px !important}.mw-200-p{max-width:200px !important}.mw-250-p{max-width:250px !important}.mw-300-p{max-width:300px !important}.mw-340-p{max-width:340px !important}.mw-400-p{max-width:400px !important}.mw-460-p{max-width:460px !important}.mw-650-p{max-width:650px !important}.mh-7{max-height:7% !important}.mh-10{max-height:10% !important}.mh-13{max-height:13% !important}.mh-20{max-height:20% !important}.mh-25{max-height:25% !important}.mh-30{max-height:30% !important}.mh-35{max-height:35% !important}.mh-40{max-height:40% !important}.mh-50{max-height:50% !important}.mh-60{max-height:60% !important}.mh-75{max-height:75% !important}.mh-80{max-height:80% !important}.mh-90{max-height:90% !important}.mh-100{max-height:100% !important}.mh-auto{height:auto !important}.mh-24-p{max-height:24px !important}.mh-30-p{max-height:30px !important}.mh-40-p{max-height:40px !important}.mh-50-p{max-height:50px !important}.mh-65-p{max-height:65px !important}.mh-90-p{max-height:90px !important}.mh-120-p{max-height:120px !important}.mh-159-p{max-height:159px !important}.mh-200-p{max-height:200px !important}.mh-250-p{max-height:250px !important}.mh-300-p{max-height:300px !important}.mh-340-p{max-height:340px !important}.mh-400-p{max-height:400px !important}.mh-460-p{max-height:460px !important}.mh-650-p{max-height:650px !important}.mmw-7{min-width:7% !important}.mmw-10{min-width:10% !important}.mmw-13{min-width:13% !important}.mmw-20{min-width:20% !important}.mmw-25{min-width:25% !important}.mmw-30{min-width:30% !important}.mmw-35{min-width:35% !important}.mmw-40{min-width:40% !important}.mmw-50{min-width:50% !important}.mmw-60{min-width:60% !important}.mmw-75{min-width:75% !important}.mmw-80{min-width:80% !important}.mmw-90{min-width:90% !important}.mmw-100{min-width:100% !important}.mmw-auto{min-width:auto !important}.mmw-24-p{min-width:24px !important}.mmw-30-p{min-width:30px !important}.mmw-40-p{min-width:40px !important}.mmw-50-p{min-width:50px !important}.mmw-65-p{min-width:65px !important}.mmw-90-p{min-width:90px !important}.mmw-120-p{min-width:120px !important}.mmw-159-p{min-width:159px !important}.mmw-200-p{min-width:200px !important}.mmw-250-p{min-width:250px !important}.mmw-300-p{min-width:300px !important}.mmw-340-p{min-width:340px !important}.mmw-400-p{min-width:400px !important}.mmw-460-p{min-width:460px !important}.mmw-650-p{min-width:650px !important}.mmh-7{min-height:7% !important}.mmh-10{min-height:10% !important}.mmh-13{min-height:13% !important}.mmh-20{min-height:20% !important}.mmh-25{min-height:25% !important}.mmh-30{min-height:30% !important}.mmh-35{min-height:35% !important}.mmh-40{min-height:40% !important}.mmh-50{min-height:50% !important}.mmh-60{min-height:60% !important}.mmh-75{min-height:75% !important}.mmh-80{min-height:80% !important}.mmh-90{min-height:90% !important}.mmh-100{min-height:100% !important}.mmh-auto{min-height:auto !important}.mmh-24-p{min-height:24px !important}.mmh-30-p{min-height:30px !important}.mmh-40-p{min-height:40px !important}.mmh-50-p{min-height:50px !important}.mmh-65-p{min-height:65px !important}.mmh-90-p{min-height:90px !important}.mmh-120-p{min-height:120px !important}.mmh-159-p{min-height:159px !important}.mmh-200-p{min-height:200px !important}.mmh-250-p{min-height:250px !important}.mmh-300-p{min-height:300px !important}.mmh-340-p{min-height:340px !important}.mmh-400-p{min-height:400px !important}.mmh-460-p{min-height:460px !important}.mmh-650-p{min-height:650px !important}.mw-100{max-width:100% !important}.mh-100{max-height:100% !important}.min-vw-100{min-width:100vw !important}.min-vh-100{min-height:100vh !important}.vw-100{width:100vw !important}.vh-100{height:100vh !important}.m-0{margin:0 !important}.mt-0,.my-0{margin-top:0 !important}.mr-0,.mx-0{margin-right:0 !important}.mb-0,.my-0{margin-bottom:0 !important}.ml-0,.mx-0{margin-left:0 !important}.m-1{margin:.25rem !important}.mt-1,.my-1{margin-top:.25rem !important}.mr-1,.mx-1{margin-right:.25rem !important}.mb-1,.my-1{margin-bottom:.25rem !important}.ml-1,.mx-1{margin-left:.25rem !important}.m-2{margin:.5rem !important}.mt-2,.my-2{margin-top:.5rem !important}.mr-2,.mx-2{margin-right:.5rem !important}.mb-2,.my-2{margin-bottom:.5rem !important}.ml-2,.mx-2{margin-left:.5rem !important}.m-3{margin:1rem !important}.mt-3,.my-3{margin-top:1rem !important}.mr-3,.mx-3{margin-right:1rem !important}.mb-3,.my-3{margin-bottom:1rem !important}.ml-3,.mx-3{margin-left:1rem !important}.m-4{margin:1.5rem !important}.mt-4,.my-4{margin-top:1.5rem !important}.mr-4,.mx-4{margin-right:1.5rem !important}.mb-4,.my-4{margin-bottom:1.5rem !important}.ml-4,.mx-4{margin-left:1.5rem !important}.m-5{margin:3rem !important}.mt-5,.my-5{margin-top:3rem !important}.mr-5,.mx-5{margin-right:3rem !important}.mb-5,.my-5{margin-bottom:3rem !important}.ml-5,.mx-5{margin-left:3rem !important}.p-0{padding:0 !important}.pt-0,.py-0{padding-top:0 !important}.pr-0,.px-0{padding-right:0 !important}.pb-0,.py-0{padding-bottom:0 !important}.pl-0,.px-0{padding-left:0 !important}.p-1{padding:.25rem !important}.pt-1,.py-1{padding-top:.25rem !important}.pr-1,.px-1{padding-right:.25rem !important}.pb-1,.py-1{padding-bottom:.25rem !important}.pl-1,.px-1{padding-left:.25rem !important}.p-2{padding:.5rem !important}.pt-2,.py-2{padding-top:.5rem !important}.pr-2,.px-2{padding-right:.5rem !important}.pb-2,.py-2{padding-bottom:.5rem !important}.pl-2,.px-2{padding-left:.5rem !important}.p-3{padding:1rem !important}.pt-3,.py-3{padding-top:1rem !important}.pr-3,.px-3{padding-right:1rem !important}.pb-3,.py-3{padding-bottom:1rem !important}.pl-3,.px-3{padding-left:1rem !important}.p-4{padding:1.5rem !important}.pt-4,.py-4{padding-top:1.5rem !important}.pr-4,.px-4{padding-right:1.5rem !important}.pb-4,.py-4{padding-bottom:1.5rem !important}.pl-4,.px-4{padding-left:1.5rem !important}.p-5{padding:3rem !important}.pt-5,.py-5{padding-top:3rem !important}.pr-5,.px-5{padding-right:3rem !important}.pb-5,.py-5{padding-bottom:3rem !important}.pl-5,.px-5{padding-left:3rem !important}.m-n1{margin:-0.25rem !important}.mt-n1,.my-n1{margin-top:-0.25rem !important}.mr-n1,.mx-n1{margin-right:-0.25rem !important}.mb-n1,.my-n1{margin-bottom:-0.25rem !important}.ml-n1,.mx-n1{margin-left:-0.25rem !important}.m-n2{margin:-0.5rem !important}.mt-n2,.my-n2{margin-top:-0.5rem !important}.mr-n2,.mx-n2{margin-right:-0.5rem !important}.mb-n2,.my-n2{margin-bottom:-0.5rem !important}.ml-n2,.mx-n2{margin-left:-0.5rem !important}.m-n3{margin:-1rem !important}.mt-n3,.my-n3{margin-top:-1rem !important}.mr-n3,.mx-n3{margin-right:-1rem !important}.mb-n3,.my-n3{margin-bottom:-1rem !important}.ml-n3,.mx-n3{margin-left:-1rem !important}.m-n4{margin:-1.5rem !important}.mt-n4,.my-n4{margin-top:-1.5rem !important}.mr-n4,.mx-n4{margin-right:-1.5rem !important}.mb-n4,.my-n4{margin-bottom:-1.5rem !important}.ml-n4,.mx-n4{margin-left:-1.5rem !important}.m-n5{margin:-3rem !important}.mt-n5,.my-n5{margin-top:-3rem !important}.mr-n5,.mx-n5{margin-right:-3rem !important}.mb-n5,.my-n5{margin-bottom:-3rem !important}.ml-n5,.mx-n5{margin-left:-3rem !important}.m-auto{margin:auto !important}.mt-auto,.my-auto{margin-top:auto !important}.mr-auto,.mx-auto{margin-right:auto !important}.mb-auto,.my-auto{margin-bottom:auto !important}.ml-auto,.mx-auto{margin-left:auto !important}@media(min-width: 576px){.m-sm-0{margin:0 !important}.mt-sm-0,.my-sm-0{margin-top:0 !important}.mr-sm-0,.mx-sm-0{margin-right:0 !important}.mb-sm-0,.my-sm-0{margin-bottom:0 !important}.ml-sm-0,.mx-sm-0{margin-left:0 !important}.m-sm-1{margin:.25rem !important}.mt-sm-1,.my-sm-1{margin-top:.25rem !important}.mr-sm-1,.mx-sm-1{margin-right:.25rem !important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem !important}.ml-sm-1,.mx-sm-1{margin-left:.25rem !important}.m-sm-2{margin:.5rem !important}.mt-sm-2,.my-sm-2{margin-top:.5rem !important}.mr-sm-2,.mx-sm-2{margin-right:.5rem !important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem !important}.ml-sm-2,.mx-sm-2{margin-left:.5rem !important}.m-sm-3{margin:1rem !important}.mt-sm-3,.my-sm-3{margin-top:1rem !important}.mr-sm-3,.mx-sm-3{margin-right:1rem !important}.mb-sm-3,.my-sm-3{margin-bottom:1rem !important}.ml-sm-3,.mx-sm-3{margin-left:1rem !important}.m-sm-4{margin:1.5rem !important}.mt-sm-4,.my-sm-4{margin-top:1.5rem !important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem !important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem !important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem !important}.m-sm-5{margin:3rem !important}.mt-sm-5,.my-sm-5{margin-top:3rem !important}.mr-sm-5,.mx-sm-5{margin-right:3rem !important}.mb-sm-5,.my-sm-5{margin-bottom:3rem !important}.ml-sm-5,.mx-sm-5{margin-left:3rem !important}.p-sm-0{padding:0 !important}.pt-sm-0,.py-sm-0{padding-top:0 !important}.pr-sm-0,.px-sm-0{padding-right:0 !important}.pb-sm-0,.py-sm-0{padding-bottom:0 !important}.pl-sm-0,.px-sm-0{padding-left:0 !important}.p-sm-1{padding:.25rem !important}.pt-sm-1,.py-sm-1{padding-top:.25rem !important}.pr-sm-1,.px-sm-1{padding-right:.25rem !important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem !important}.pl-sm-1,.px-sm-1{padding-left:.25rem !important}.p-sm-2{padding:.5rem !important}.pt-sm-2,.py-sm-2{padding-top:.5rem !important}.pr-sm-2,.px-sm-2{padding-right:.5rem !important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem !important}.pl-sm-2,.px-sm-2{padding-left:.5rem !important}.p-sm-3{padding:1rem !important}.pt-sm-3,.py-sm-3{padding-top:1rem !important}.pr-sm-3,.px-sm-3{padding-right:1rem !important}.pb-sm-3,.py-sm-3{padding-bottom:1rem !important}.pl-sm-3,.px-sm-3{padding-left:1rem !important}.p-sm-4{padding:1.5rem !important}.pt-sm-4,.py-sm-4{padding-top:1.5rem !important}.pr-sm-4,.px-sm-4{padding-right:1.5rem !important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem !important}.pl-sm-4,.px-sm-4{padding-left:1.5rem !important}.p-sm-5{padding:3rem !important}.pt-sm-5,.py-sm-5{padding-top:3rem !important}.pr-sm-5,.px-sm-5{padding-right:3rem !important}.pb-sm-5,.py-sm-5{padding-bottom:3rem !important}.pl-sm-5,.px-sm-5{padding-left:3rem !important}.m-sm-n1{margin:-0.25rem !important}.mt-sm-n1,.my-sm-n1{margin-top:-0.25rem !important}.mr-sm-n1,.mx-sm-n1{margin-right:-0.25rem !important}.mb-sm-n1,.my-sm-n1{margin-bottom:-0.25rem !important}.ml-sm-n1,.mx-sm-n1{margin-left:-0.25rem !important}.m-sm-n2{margin:-0.5rem !important}.mt-sm-n2,.my-sm-n2{margin-top:-0.5rem !important}.mr-sm-n2,.mx-sm-n2{margin-right:-0.5rem !important}.mb-sm-n2,.my-sm-n2{margin-bottom:-0.5rem !important}.ml-sm-n2,.mx-sm-n2{margin-left:-0.5rem !important}.m-sm-n3{margin:-1rem !important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem !important}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem !important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem !important}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem !important}.m-sm-n4{margin:-1.5rem !important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem !important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem !important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem !important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem !important}.m-sm-n5{margin:-3rem !important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem !important}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem !important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem !important}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem !important}.m-sm-auto{margin:auto !important}.mt-sm-auto,.my-sm-auto{margin-top:auto !important}.mr-sm-auto,.mx-sm-auto{margin-right:auto !important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto !important}.ml-sm-auto,.mx-sm-auto{margin-left:auto !important}}@media(min-width: 768px){.m-md-0{margin:0 !important}.mt-md-0,.my-md-0{margin-top:0 !important}.mr-md-0,.mx-md-0{margin-right:0 !important}.mb-md-0,.my-md-0{margin-bottom:0 !important}.ml-md-0,.mx-md-0{margin-left:0 !important}.m-md-1{margin:.25rem !important}.mt-md-1,.my-md-1{margin-top:.25rem !important}.mr-md-1,.mx-md-1{margin-right:.25rem !important}.mb-md-1,.my-md-1{margin-bottom:.25rem !important}.ml-md-1,.mx-md-1{margin-left:.25rem !important}.m-md-2{margin:.5rem !important}.mt-md-2,.my-md-2{margin-top:.5rem !important}.mr-md-2,.mx-md-2{margin-right:.5rem !important}.mb-md-2,.my-md-2{margin-bottom:.5rem !important}.ml-md-2,.mx-md-2{margin-left:.5rem !important}.m-md-3{margin:1rem !important}.mt-md-3,.my-md-3{margin-top:1rem !important}.mr-md-3,.mx-md-3{margin-right:1rem !important}.mb-md-3,.my-md-3{margin-bottom:1rem !important}.ml-md-3,.mx-md-3{margin-left:1rem !important}.m-md-4{margin:1.5rem !important}.mt-md-4,.my-md-4{margin-top:1.5rem !important}.mr-md-4,.mx-md-4{margin-right:1.5rem !important}.mb-md-4,.my-md-4{margin-bottom:1.5rem !important}.ml-md-4,.mx-md-4{margin-left:1.5rem !important}.m-md-5{margin:3rem !important}.mt-md-5,.my-md-5{margin-top:3rem !important}.mr-md-5,.mx-md-5{margin-right:3rem !important}.mb-md-5,.my-md-5{margin-bottom:3rem !important}.ml-md-5,.mx-md-5{margin-left:3rem !important}.p-md-0{padding:0 !important}.pt-md-0,.py-md-0{padding-top:0 !important}.pr-md-0,.px-md-0{padding-right:0 !important}.pb-md-0,.py-md-0{padding-bottom:0 !important}.pl-md-0,.px-md-0{padding-left:0 !important}.p-md-1{padding:.25rem !important}.pt-md-1,.py-md-1{padding-top:.25rem !important}.pr-md-1,.px-md-1{padding-right:.25rem !important}.pb-md-1,.py-md-1{padding-bottom:.25rem !important}.pl-md-1,.px-md-1{padding-left:.25rem !important}.p-md-2{padding:.5rem !important}.pt-md-2,.py-md-2{padding-top:.5rem !important}.pr-md-2,.px-md-2{padding-right:.5rem !important}.pb-md-2,.py-md-2{padding-bottom:.5rem !important}.pl-md-2,.px-md-2{padding-left:.5rem !important}.p-md-3{padding:1rem !important}.pt-md-3,.py-md-3{padding-top:1rem !important}.pr-md-3,.px-md-3{padding-right:1rem !important}.pb-md-3,.py-md-3{padding-bottom:1rem !important}.pl-md-3,.px-md-3{padding-left:1rem !important}.p-md-4{padding:1.5rem !important}.pt-md-4,.py-md-4{padding-top:1.5rem !important}.pr-md-4,.px-md-4{padding-right:1.5rem !important}.pb-md-4,.py-md-4{padding-bottom:1.5rem !important}.pl-md-4,.px-md-4{padding-left:1.5rem !important}.p-md-5{padding:3rem !important}.pt-md-5,.py-md-5{padding-top:3rem !important}.pr-md-5,.px-md-5{padding-right:3rem !important}.pb-md-5,.py-md-5{padding-bottom:3rem !important}.pl-md-5,.px-md-5{padding-left:3rem !important}.m-md-n1{margin:-0.25rem !important}.mt-md-n1,.my-md-n1{margin-top:-0.25rem !important}.mr-md-n1,.mx-md-n1{margin-right:-0.25rem !important}.mb-md-n1,.my-md-n1{margin-bottom:-0.25rem !important}.ml-md-n1,.mx-md-n1{margin-left:-0.25rem !important}.m-md-n2{margin:-0.5rem !important}.mt-md-n2,.my-md-n2{margin-top:-0.5rem !important}.mr-md-n2,.mx-md-n2{margin-right:-0.5rem !important}.mb-md-n2,.my-md-n2{margin-bottom:-0.5rem !important}.ml-md-n2,.mx-md-n2{margin-left:-0.5rem !important}.m-md-n3{margin:-1rem !important}.mt-md-n3,.my-md-n3{margin-top:-1rem !important}.mr-md-n3,.mx-md-n3{margin-right:-1rem !important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem !important}.ml-md-n3,.mx-md-n3{margin-left:-1rem !important}.m-md-n4{margin:-1.5rem !important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem !important}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem !important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem !important}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem !important}.m-md-n5{margin:-3rem !important}.mt-md-n5,.my-md-n5{margin-top:-3rem !important}.mr-md-n5,.mx-md-n5{margin-right:-3rem !important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem !important}.ml-md-n5,.mx-md-n5{margin-left:-3rem !important}.m-md-auto{margin:auto !important}.mt-md-auto,.my-md-auto{margin-top:auto !important}.mr-md-auto,.mx-md-auto{margin-right:auto !important}.mb-md-auto,.my-md-auto{margin-bottom:auto !important}.ml-md-auto,.mx-md-auto{margin-left:auto !important}}@media(min-width: 992px){.m-lg-0{margin:0 !important}.mt-lg-0,.my-lg-0{margin-top:0 !important}.mr-lg-0,.mx-lg-0{margin-right:0 !important}.mb-lg-0,.my-lg-0{margin-bottom:0 !important}.ml-lg-0,.mx-lg-0{margin-left:0 !important}.m-lg-1{margin:.25rem !important}.mt-lg-1,.my-lg-1{margin-top:.25rem !important}.mr-lg-1,.mx-lg-1{margin-right:.25rem !important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem !important}.ml-lg-1,.mx-lg-1{margin-left:.25rem !important}.m-lg-2{margin:.5rem !important}.mt-lg-2,.my-lg-2{margin-top:.5rem !important}.mr-lg-2,.mx-lg-2{margin-right:.5rem !important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem !important}.ml-lg-2,.mx-lg-2{margin-left:.5rem !important}.m-lg-3{margin:1rem !important}.mt-lg-3,.my-lg-3{margin-top:1rem !important}.mr-lg-3,.mx-lg-3{margin-right:1rem !important}.mb-lg-3,.my-lg-3{margin-bottom:1rem !important}.ml-lg-3,.mx-lg-3{margin-left:1rem !important}.m-lg-4{margin:1.5rem !important}.mt-lg-4,.my-lg-4{margin-top:1.5rem !important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem !important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem !important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem !important}.m-lg-5{margin:3rem !important}.mt-lg-5,.my-lg-5{margin-top:3rem !important}.mr-lg-5,.mx-lg-5{margin-right:3rem !important}.mb-lg-5,.my-lg-5{margin-bottom:3rem !important}.ml-lg-5,.mx-lg-5{margin-left:3rem !important}.p-lg-0{padding:0 !important}.pt-lg-0,.py-lg-0{padding-top:0 !important}.pr-lg-0,.px-lg-0{padding-right:0 !important}.pb-lg-0,.py-lg-0{padding-bottom:0 !important}.pl-lg-0,.px-lg-0{padding-left:0 !important}.p-lg-1{padding:.25rem !important}.pt-lg-1,.py-lg-1{padding-top:.25rem !important}.pr-lg-1,.px-lg-1{padding-right:.25rem !important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem !important}.pl-lg-1,.px-lg-1{padding-left:.25rem !important}.p-lg-2{padding:.5rem !important}.pt-lg-2,.py-lg-2{padding-top:.5rem !important}.pr-lg-2,.px-lg-2{padding-right:.5rem !important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem !important}.pl-lg-2,.px-lg-2{padding-left:.5rem !important}.p-lg-3{padding:1rem !important}.pt-lg-3,.py-lg-3{padding-top:1rem !important}.pr-lg-3,.px-lg-3{padding-right:1rem !important}.pb-lg-3,.py-lg-3{padding-bottom:1rem !important}.pl-lg-3,.px-lg-3{padding-left:1rem !important}.p-lg-4{padding:1.5rem !important}.pt-lg-4,.py-lg-4{padding-top:1.5rem !important}.pr-lg-4,.px-lg-4{padding-right:1.5rem !important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem !important}.pl-lg-4,.px-lg-4{padding-left:1.5rem !important}.p-lg-5{padding:3rem !important}.pt-lg-5,.py-lg-5{padding-top:3rem !important}.pr-lg-5,.px-lg-5{padding-right:3rem !important}.pb-lg-5,.py-lg-5{padding-bottom:3rem !important}.pl-lg-5,.px-lg-5{padding-left:3rem !important}.m-lg-n1{margin:-0.25rem !important}.mt-lg-n1,.my-lg-n1{margin-top:-0.25rem !important}.mr-lg-n1,.mx-lg-n1{margin-right:-0.25rem !important}.mb-lg-n1,.my-lg-n1{margin-bottom:-0.25rem !important}.ml-lg-n1,.mx-lg-n1{margin-left:-0.25rem !important}.m-lg-n2{margin:-0.5rem !important}.mt-lg-n2,.my-lg-n2{margin-top:-0.5rem !important}.mr-lg-n2,.mx-lg-n2{margin-right:-0.5rem !important}.mb-lg-n2,.my-lg-n2{margin-bottom:-0.5rem !important}.ml-lg-n2,.mx-lg-n2{margin-left:-0.5rem !important}.m-lg-n3{margin:-1rem !important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem !important}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem !important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem !important}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem !important}.m-lg-n4{margin:-1.5rem !important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem !important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem !important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem !important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem !important}.m-lg-n5{margin:-3rem !important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem !important}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem !important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem !important}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem !important}.m-lg-auto{margin:auto !important}.mt-lg-auto,.my-lg-auto{margin-top:auto !important}.mr-lg-auto,.mx-lg-auto{margin-right:auto !important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto !important}.ml-lg-auto,.mx-lg-auto{margin-left:auto !important}}@media(min-width: 1200px){.m-xl-0{margin:0 !important}.mt-xl-0,.my-xl-0{margin-top:0 !important}.mr-xl-0,.mx-xl-0{margin-right:0 !important}.mb-xl-0,.my-xl-0{margin-bottom:0 !important}.ml-xl-0,.mx-xl-0{margin-left:0 !important}.m-xl-1{margin:.25rem !important}.mt-xl-1,.my-xl-1{margin-top:.25rem !important}.mr-xl-1,.mx-xl-1{margin-right:.25rem !important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem !important}.ml-xl-1,.mx-xl-1{margin-left:.25rem !important}.m-xl-2{margin:.5rem !important}.mt-xl-2,.my-xl-2{margin-top:.5rem !important}.mr-xl-2,.mx-xl-2{margin-right:.5rem !important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem !important}.ml-xl-2,.mx-xl-2{margin-left:.5rem !important}.m-xl-3{margin:1rem !important}.mt-xl-3,.my-xl-3{margin-top:1rem !important}.mr-xl-3,.mx-xl-3{margin-right:1rem !important}.mb-xl-3,.my-xl-3{margin-bottom:1rem !important}.ml-xl-3,.mx-xl-3{margin-left:1rem !important}.m-xl-4{margin:1.5rem !important}.mt-xl-4,.my-xl-4{margin-top:1.5rem !important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem !important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem !important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem !important}.m-xl-5{margin:3rem !important}.mt-xl-5,.my-xl-5{margin-top:3rem !important}.mr-xl-5,.mx-xl-5{margin-right:3rem !important}.mb-xl-5,.my-xl-5{margin-bottom:3rem !important}.ml-xl-5,.mx-xl-5{margin-left:3rem !important}.p-xl-0{padding:0 !important}.pt-xl-0,.py-xl-0{padding-top:0 !important}.pr-xl-0,.px-xl-0{padding-right:0 !important}.pb-xl-0,.py-xl-0{padding-bottom:0 !important}.pl-xl-0,.px-xl-0{padding-left:0 !important}.p-xl-1{padding:.25rem !important}.pt-xl-1,.py-xl-1{padding-top:.25rem !important}.pr-xl-1,.px-xl-1{padding-right:.25rem !important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem !important}.pl-xl-1,.px-xl-1{padding-left:.25rem !important}.p-xl-2{padding:.5rem !important}.pt-xl-2,.py-xl-2{padding-top:.5rem !important}.pr-xl-2,.px-xl-2{padding-right:.5rem !important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem !important}.pl-xl-2,.px-xl-2{padding-left:.5rem !important}.p-xl-3{padding:1rem !important}.pt-xl-3,.py-xl-3{padding-top:1rem !important}.pr-xl-3,.px-xl-3{padding-right:1rem !important}.pb-xl-3,.py-xl-3{padding-bottom:1rem !important}.pl-xl-3,.px-xl-3{padding-left:1rem !important}.p-xl-4{padding:1.5rem !important}.pt-xl-4,.py-xl-4{padding-top:1.5rem !important}.pr-xl-4,.px-xl-4{padding-right:1.5rem !important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem !important}.pl-xl-4,.px-xl-4{padding-left:1.5rem !important}.p-xl-5{padding:3rem !important}.pt-xl-5,.py-xl-5{padding-top:3rem !important}.pr-xl-5,.px-xl-5{padding-right:3rem !important}.pb-xl-5,.py-xl-5{padding-bottom:3rem !important}.pl-xl-5,.px-xl-5{padding-left:3rem !important}.m-xl-n1{margin:-0.25rem !important}.mt-xl-n1,.my-xl-n1{margin-top:-0.25rem !important}.mr-xl-n1,.mx-xl-n1{margin-right:-0.25rem !important}.mb-xl-n1,.my-xl-n1{margin-bottom:-0.25rem !important}.ml-xl-n1,.mx-xl-n1{margin-left:-0.25rem !important}.m-xl-n2{margin:-0.5rem !important}.mt-xl-n2,.my-xl-n2{margin-top:-0.5rem !important}.mr-xl-n2,.mx-xl-n2{margin-right:-0.5rem !important}.mb-xl-n2,.my-xl-n2{margin-bottom:-0.5rem !important}.ml-xl-n2,.mx-xl-n2{margin-left:-0.5rem !important}.m-xl-n3{margin:-1rem !important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem !important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem !important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem !important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem !important}.m-xl-n4{margin:-1.5rem !important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem !important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem !important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem !important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem !important}.m-xl-n5{margin:-3rem !important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem !important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem !important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem !important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem !important}.m-xl-auto{margin:auto !important}.mt-xl-auto,.my-xl-auto{margin-top:auto !important}.mr-xl-auto,.mx-xl-auto{margin-right:auto !important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto !important}.ml-xl-auto,.mx-xl-auto{margin-left:auto !important}}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;content:"";background-color:rgba(0,0,0,0)}.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace !important}.text-justify{text-align:justify !important}.text-wrap{white-space:normal !important}.text-nowrap{white-space:nowrap !important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left !important}.text-right{text-align:right !important}.text-center{text-align:center !important}@media(min-width: 576px){.text-sm-left{text-align:left !important}.text-sm-right{text-align:right !important}.text-sm-center{text-align:center !important}}@media(min-width: 768px){.text-md-left{text-align:left !important}.text-md-right{text-align:right !important}.text-md-center{text-align:center !important}}@media(min-width: 992px){.text-lg-left{text-align:left !important}.text-lg-right{text-align:right !important}.text-lg-center{text-align:center !important}}@media(min-width: 1200px){.text-xl-left{text-align:left !important}.text-xl-right{text-align:right !important}.text-xl-center{text-align:center !important}}.text-lowercase{text-transform:lowercase !important}.text-uppercase{text-transform:uppercase !important}.text-capitalize{text-transform:capitalize !important}.font-weight-light{font-weight:300 !important}.font-weight-lighter{font-weight:lighter !important}.font-weight-normal{font-weight:400 !important}.font-weight-bold{font-weight:700 !important}.font-weight-bolder{font-weight:bolder !important}.font-italic{font-style:italic !important}.text-white{color:#fff !important}.text-primary{color:#007bff !important}a.text-primary:hover:not(.not-hover),a.text-primary:focus:not(.not-focus){color:#0056b3 !important}.text-secondary{color:#6c757d !important}a.text-secondary:hover:not(.not-hover),a.text-secondary:focus:not(.not-focus){color:#494f54 !important}.text-success{color:#28a745 !important}a.text-success:hover:not(.not-hover),a.text-success:focus:not(.not-focus){color:#19692c !important}.text-info{color:#17a2b8 !important}a.text-info:hover:not(.not-hover),a.text-info:focus:not(.not-focus){color:#0f6674 !important}.text-warning{color:#ffc107 !important}a.text-warning:hover:not(.not-hover),a.text-warning:focus:not(.not-focus){color:#ba8b00 !important}.text-danger{color:#dc3545 !important}a.text-danger:hover:not(.not-hover),a.text-danger:focus:not(.not-focus){color:#a71d2a !important}.text-light{color:#f8f9fa !important}a.text-light:hover:not(.not-hover),a.text-light:focus:not(.not-focus){color:#cbd3da !important}.text-dark{color:#343a40 !important}a.text-dark:hover:not(.not-hover),a.text-dark:focus:not(.not-focus){color:#121416 !important}.text-olm{color:#cef79f !important}a.text-olm:hover:not(.not-hover),a.text-olm:focus:not(.not-focus){color:#aaf158 !important}.text-body{color:#212529 !important}.text-muted{color:#6c757d !important}.text-black-50{color:rgba(0,0,0,.5) !important}.text-white-50{color:rgba(255,255,255,.5) !important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.text-decoration-none{text-decoration:none !important}.text-decoration-underlined{text-decoration:underline !important}.text-break{word-break:break-word !important;word-wrap:break-word !important}.text-reset{color:inherit !important}.visible{visibility:visible !important}.invisible{visibility:hidden !important}@media print{*,*::before,*::after{text-shadow:none !important;box-shadow:none !important}a:not(.btn){text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap !important}pre,blockquote{border:1px solid #adb5bd;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px !important}.container{min-width:992px !important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse !important}.table td,.table th{background-color:#fff !important}.table-bordered th,.table-bordered td{border:1px solid #dee2e6 !important}.table-dark{color:inherit}.table-dark th,.table-dark td,.table-dark thead th,.table-dark tbody+tbody{border-color:#dee2e6}.table .thead-dark th{color:inherit;border-color:#dee2e6}}.theme-dark{background-color:#1a2236}.theme-dark .app-content{background-color:#1a2236}.theme-dark .app-content:before{background-color:rgba(0,0,0,.9)}.theme-dark .card{background-color:#293145 !important}.theme-dark .app-footer{background-color:#293145 !important;border-top:0}.theme-dark .app-footer i{color:#fff}.theme-dark .app-header .logo svg path{fill:#fff}.theme-dark .app-header .menu-icon i{color:#fff}.theme-dark h1,.theme-dark h2,.theme-dark h3,.theme-dark h4,.theme-dark h5,.theme-dark h6,.theme-dark .h1,.theme-dark .h2,.theme-dark .h3,.theme-dark .h4,.theme-dark .h5,.theme-dark .h6{color:#fff !important}.bg-facebook{background-color:#0d66ff !important}.bg-messenger{background-color:#55acee !important}.bg-twiiter{background-color:#3b5999 !important}.bg-linkedin{background-color:#0077b5 !important}.bg-skype{background-color:#00aff0 !important}.bg-pinterest{background-color:#bd081c !important}.bg-instagram{background-color:#e4405f !important}.bg-flicker{background-color:#ff0084 !important}.bg-whatsup{background-color:#25d366 !important}.bg-tumblr{background-color:#34465d !important}.bg-youtube{background-color:#cd201f !important}.bg-black{background-color:#000}.text-facebook{color:#0d66ff !important}.text-messenger{color:#55acee !important}.text-twiiter{color:#3b5999 !important}.text-linkedin{color:#0077b5 !important}.text-skype{color:#00aff0 !important}.text-pinterest{color:#bd081c !important}.text-instagram{color:#e4405f !important}.text-current{color:var(--theme-color) !important}.text-red{color:red !important}.text-ornage{color:#ff9500 !important}.text-black{color:#000 !important}.text-cyan{color:#00a9a8 !important}.text-yellow{color:#ffde00 !important}.bg-black-08{background:rgba(0,0,0,.8)}.bg-current{background-color:var(--theme-color) !important}.bg-current-shade{background-color:var(--theme-color-shade) !important}.bg-primary-gradiant{background:linear-gradient(135deg, var(--theme-color), var(--theme-color-shade)) !important}.bg-gold-gradiant{background:linear-gradient(to right, #f2994a, #f2c94c) !important}.bg-red-gradiant{background:linear-gradient(to right, #e44d26, #f16529) !important}.bg-mini-gradiant{background:linear-gradient(to right, #ee0979, #ff6a00) !important}.bg-blue-gradiant{background:linear-gradient(to right, #0575e6, #021b79) !important}.bg-grey{background-color:#eee !important}.bg-lightblue{background-color:#e8f1fa !important}.bg-lightgreen{background-color:#f2faf6 !important}.bg-greyblue{background-color:#f6f7fc !important}.bg-greylight{background-color:#f5f5f5 !important}.bg-lightgrey{background-color:#f9f9f9 !important}.bg-lightbrown{background-color:#fdfbf4 !important}.bg-orange{background-color:#ff9500 !important}.bg-cyan{background-color:#00a9a8 !important}.bg-yellow{background-color:#ffde00 !important}.bg-blur{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:rgba(255,255,255,.3)}.bg-after-fluid{position:relative}.bg-after-fluid:after{top:0;content:"";border-radius:10px;background:#e8f1fa;height:100%;width:90%;margin:0 auto;display:block;position:absolute;left:5%}.bg-after-fluid .container{position:relative;z-index:2}.bg-gradiant-bottom:after{content:"";background:linear-gradient(180deg, rgba(0, 0, 0, 0.01) 60%, rgba(0, 0, 0, 0.9) 100%);width:100%;height:150px;position:absolute;bottom:0;left:0;z-index:1}.bg-gradiant-top:before{content:"";background:linear-gradient(0deg, rgba(0, 0, 0, 0.01) 60%, rgba(0, 0, 0, 0.6) 100%);width:100%;height:150px;position:absolute;top:0;left:0;z-index:1}.bg-lightblue-after{position:relative}.bg-lightblue-after .container{position:relative;z-index:3}.bg-lightblue-after:after{content:"";position:absolute;top:0;left:0;width:100%;height:90%;background-color:#fef6e7 !important}.pattern-layer{position:relative}.pattern-layer:after{content:"";position:absolute;top:-300px;right:-10%;height:100%;z-index:1;width:120%;height:100%;background-image:url(../images/layer-pattenr-bg.png);background-repeat:repeat-y;background-size:contain}.pattern-layer:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background-color:rgba(255,255,255,.8)}.pattern-layer .layer-after{position:relative;z-index:3}.color-theme-red{--theme-color: #f32323;--theme-color-rgb: 255, 59, 48;--theme-color-shade: #fb9f81 ;--theme-color-tint: #ff6259}.color-theme-green{--theme-color: #4cd964;--theme-color-rgb: 76, 217, 100;--theme-color-shade: #2cd048;--theme-color-tint: #6ee081}.color-theme-blue{--theme-color: #05f;--theme-color-rgb: 33, 150, 243;--theme-color-shade: #09f;--theme-color-tint: #1E74FD}.color-theme-deepblue{--theme-color: #0f36c0;--theme-color-rgb: 33, 150, 243;--theme-color-shade: #103ace;--theme-color-tint: #1E74FD}.color-theme-pink{--theme-color: #ff2d55;--theme-color-rgb: 255, 45, 85;--theme-color-shade: #ff0434;--theme-color-tint: #ff5676}.color-theme-yellow{--theme-color: #fbaf03;--theme-color-rgb: 255, 204, 0;--theme-color-shade: #d6ab00;--theme-color-tint: #ffd429}.color-theme-orange{--theme-color: #ff9500;--theme-color-rgb: 255, 149, 0;--theme-color-shade: #d67d00;--theme-color-tint: #ffa629}.color-theme-purple{--theme-color: #9c27b0;--theme-color-rgb: 156, 39, 176;--theme-color-shade: #7e208f;--theme-color-tint: #b92fd1}.color-theme-deeppurple{--theme-color: #673ab7;--theme-color-rgb: 103, 58, 183;--theme-color-shade: #563098;--theme-color-tint: #7c52c8}.color-theme-lightblue{--theme-color: #346e93;--theme-color-rgb: 90, 200, 250;--theme-color-shade: #7ac1ed;--theme-color-tint: #82d5fb}.color-theme-teal{--theme-color: #00bfad;--theme-color-rgb: 0, 150, 136;--theme-color-shade: #00bfad;--theme-color-tint: #00bfad}.color-theme-lime{--theme-color: #cddc39;--theme-color-rgb: 205, 220, 57;--theme-color-shade: #bac923;--theme-color-tint: #d6e25c}.color-theme-deeporange{--theme-color: #ff6b22;--theme-color-rgb: 255, 107, 34;--theme-color-shade: #f85200;--theme-color-tint: #ff864b}.color-theme-gray{--theme-color: #8e8e93;--theme-color-rgb: 142, 142, 147;--theme-color-shade: #79797f;--theme-color-tint: #a3a3a7}.color-theme-white{--theme-color: #ffffff;--theme-color-rgb: 255, 255, 255;--theme-color-shade: #ebebeb;--theme-color-tint: #ffffff}.color-theme-black{--theme-color: #000000;--theme-color-rgb: 0, 0, 0;--theme-color-shade: #000000;--theme-color-tint: #141414}.color-theme-brown{--theme-color: #D2691E;--theme-color-rgb: #D2691E;--theme-color-shade: #D2691E;--theme-color-tint: #D2691E}.color-theme-darkgreen{--theme-color: #1c891f;--theme-color-rgb: 142, 142, 147;--theme-color-shade: #79797f;--theme-color-tint: #a3a3a7}.color-theme-cayan{--theme-color: #7ac1ed;--theme-color-rgb: 255, 255, 255;--theme-color-shade: #6ae2da;--theme-color-tint: #6ae2da}.color-theme-darkorchid{--theme-color: #9932cc;--theme-color-rgb: 0, 0, 0;--theme-color-shade: #000000;--theme-color-tint: #141414}.color-theme-black{--theme-color: #000;--theme-color-rgb: 0, 0, 0;--theme-color-shade: #000;--theme-color-tint: #000}.color-theme-cadetblue{--theme-color: #5f9ea0;--theme-color-rgb: 0, 0, 0;--theme-color-shade: #5f9ea0;--theme-color-tint: #5f9ea0}.color-theme-deeppink{--theme-color: #FFC0CB;--theme-color-rgb: 0, 0, 0;--theme-color-shade: #FFC0CB;--theme-color-tint: #FFC0CB}.w10{width:12px !important}.w15{width:15px}.w20{width:18px}.w25{width:25px !important}.w30{width:30px !important}.w35{width:35px !important}.w40{width:40px !important}.w45{width:45px !important}.w50{width:50px !important}.w60{width:60px !important}.w65{width:65px !important}.w75{width:75px !important}.w90{width:90px !important}.w100{width:100px !important}.w125{width:125px !important}.w140{width:140px !important}.w150{width:150px !important}.w175{width:175px !important}.w200{width:200px !important}.w250{width:250px !important}.w300{width:300px !important}.w350{width:350px !important}.w400{width:400px !important}.w__12{width:12.1% !important;flex:0 0 30% !important;max-width:30% !important}.w__30{width:30% !important;flex:0 0 30% !important;max-width:30% !important}.w__60{width:60% !important;flex:0 0 60% !important;max-width:60% !important}.w__70{width:70% !important;flex:0 0 70% !important;max-width:70% !important}.w__48{width:49% !important;flex:0 0 49% !important;max-width:49% !important}.h5{height:5px !important}.h10{height:7px !important}.h75{height:75px !important}.h90{height:90px !important}.h100{height:100px !important}.h125{height:125px !important}.h150{height:150px !important}.h175{height:175px !important}.h200{height:200px !important}.h240{height:242px !important}.h290{height:290px !important}.h300{height:300px !important}.h361{height:361px !important}.h400{height:400px !important}.h450{height:450px !important}.h500{height:500px !important}.h600{height:600px !important}.btn-round-xss{width:8px;height:8px;border-radius:8px;display:inline-block;line-height:25px !important;text-align:center}.btn-round-xss i{line-height:25px !important}.btn-round-xs{width:20px;height:20px;border-radius:20px;display:inline-block;line-height:20px !important;text-align:center}.btn-round-xs i{line-height:20px !important}.btn-round-sm{width:35px;height:35px;border-radius:35px;display:inline-block;line-height:35px !important;text-align:center}.btn-round-sm i{line-height:35px !important}.btn-round-md{width:45px;height:45px;border-radius:45px;display:inline-block;line-height:45px !important;text-align:center}.btn-round-md i{line-height:45px}.btn-round-lg{width:50px;height:50px;border-radius:50px;display:inline-block;line-height:50px;text-align:center}.btn-round-lg i{line-height:50px}.btn-round-xl{width:60px;height:60px;border-radius:60px;display:inline-block;line-height:60px;text-align:center}.btn-round-xl i{line-height:60px}.btn-round-xl img{line-height:60px}.btn-round-xxl{width:70px;height:70px;border-radius:70px;display:inline-block;line-height:70px;text-align:center}.btn-round-xxl i{line-height:70px}.btn-round-xxxl{width:80px;height:80px;border-radius:80px;display:inline-block;line-height:80px;text-align:center}.btn-round-xxxl i{line-height:80px}.btn-round-xxxxl{width:110px;height:110px;border-radius:110px;display:inline-block;line-height:110px;text-align:center}.btn-round-xxxxl i{line-height:110px}.z-index-1{z-index:2;position:relative}.cursor-pointer{cursor:pointer}.ls-0{letter-spacing:-0.4px}.ls-1{letter-spacing:.4px}.ls-2{letter-spacing:.6px}.ls-3{letter-spacing:1px}.lh-1{line-height:1}.lh-2{line-height:1.2}.lh-3{line-height:1.4}.lh-4{line-height:1.6}.lh-5{line-height:2}.lh-16{line-height:16px !important}.lh-24{line-height:24px !important}.lh-26{line-height:26px}.lh-28{line-height:28px}.lh-30{line-height:30px !important}.lh-32{line-height:32px}.lh-34{line-height:34px}.lh-38{line-height:38px}.font-xsssss{font-size:10px !important}.font-xssss{font-size:12px !important}.font-xsss{font-size:14px !important}.font-xss{font-size:16px !important}.font-xs{font-size:18px !important}.font-sm{font-size:20px !important}.font-md{font-size:22px !important}.font-lg{font-size:25px !important}.font-xl{font-size:28px !important}.font-xxl{font-size:32px !important}.display1-size{font-size:36px !important}.display2-size{font-size:44px !important}.display3-size{font-size:50px !important}.display4-size{font-size:60px !important}.display5-size{font-size:80px !important}.shadow-md{box-shadow:0 .5rem 1rem rgba(0,0,0,.1) !important}.shadow-xs{box-shadow:0 .5rem 1rem rgba(0,0,0,.03) !important}.shadow-xss{box-shadow:0 8px 30px rgba(0,0,0,.05) !important}.border-size-mn{border-width:.5px !important}.border-size-sm{border-width:1px !important}.border-size-md{border-width:2px !important}.border-size-lg{border-width:3px !important}.border-light{border:1px #eee solid}.border-light-md{border:2px #ddd solid}.border-right-light{border-right:1px #eee solid}.border-bottom-light{border-bottom:1px #eee solid}.border-bottom-dark{border-bottom:2px #333 solid}.border-bottom-blue{border-bottom:1px #1254a1 solid}.border-dashed{border-style:dashed !important}.border-black{border:2px #000 dashed !important}.border-top-lg{border-top:3px solid #000}.bg-image-cover{background-size:cover}.bg-image-contain{background-size:contain}.bg-no-repeat{background-repeat:no-repeat}.bg-image-center{background-position:center center}.bg-image-topcenter{background-position:top 30px center}.bg-image-bottomcenter{background-position:bottom center}.bg-image-right{background-position:right -60px top 0px}.bg-size-contain{background-size:contain}.bg-bottom-right{background-position:bottom right}.bg-top-right{background-position:top right}.bg-top-left{background-position:top left}.bg-size-half{background-size:40%}.bg-size-quater{background-size:70%}.bg-top-right-2{background-position:top 50px right 20px}.bg-top-100-right{background-position:top 50px right 50px}.bg-pattern{background:repeating-linear-gradient(45deg, #ffffff, #ffffff 6px, #ddd 6px, #ddd 12px)}.bottom-0{bottom:0}.top-0{top:0 !important}.top--15{top:-15px !important;z-index:2}.top--10{top:-10px !important;z-index:2}.top-5{top:3px}.left-auto{left:auto !important}.left-0{left:0px !important}.left-15{left:15px}.left--50{left:50%}.right-auto{right:auto !important}.right-0{right:0}.right-15{right:15px}.right--10{right:-10px}.pt-7{padding-top:75px}.pb-7{padding-bottom:75px}.pt-10{padding-top:125px}.pb-10{padding-bottom:125px}.p-150{padding-top:150px;padding-bottom:150px}.pl-30{padding-left:30px}.pl-35{padding-left:35px}.pl-7{padding-left:70px}.mt--1{margin-top:-0.4rem !important}.mt--6{margin-top:-4.2rem !important}.round-lg-btn{width:100px;height:100px;line-height:100px;border-radius:100px}.rounded-xxl{border-radius:15px !important}.rounded-xl{border-radius:30px !important}.avatar.w90{overflow:hidden}:root{--f7-theme-color: #132977}.theme-full{background-color:#ddd !important}.theme-full .main-wrapper{max-width:1600px;margin:0 auto}.theme-dark{background-color:#132977}.theme-dark .middle-sidebar-header,.theme-dark .navigation{background-color:#293145 !important;box-shadow:none !important}.theme-dark .navigation .nav-content ul li:not(.logo) a span{color:#ddd}.theme-dark .navigation .nav-top a i{background-color:transparent !important}.theme-dark .scroll-bar::-webkit-scrollbar,.theme-dark .scroll-bar::-webkit-scrollbar-track{background-color:#1a2236 !important}.theme-dark .main-content .middle-sidebar-header .header-menu:before,.theme-dark .main-content .middle-sidebar-header .header-menu:after{background-color:#fff}.theme-dark .main-content .middle-sidebar-header .menu-search-icon i{color:#fff !important}.theme-dark .main-content .middle-sidebar-bottom .middle-sidebar-right .middle-sidebar-right-content .card{border:0 !important}.theme-dark .main-content .middle-sidebar-header{border-bottom:0}.theme-dark .modal-popup-chat .modal-popup-wrap .modal-popup-header,.theme-dark .modal-popup-chat .modal-popup-wrap .modal-popup-footer{border:0 !important}.theme-dark .input-file+.js-labelFile.btn-tertiary,.theme-dark .modal-popup-chat .modal-popup-wrap,.theme-dark .theme-dark-bg{background-color:#1a2236 !important}.theme-dark ul.list-inline .list-inline-item.border-bottom{border-bottom:0 !important}.theme-dark .form-control{background-color:#333 !important;border-color:var(--theme-color)}.theme-dark .menu-dropdown:after{border-color:transparent transparent #1a2236 transparent !important}.theme-dark .bg-transparent-card{background:transparent !important}.theme-dark .menu-dropdown,.theme-dark .main-content{background-color:#1a2236 !important}.theme-dark .form-group.bg-white{border:0 !important;background-color:#1a2236 !important}.theme-dark .main-content .left-sidebar .left-sidebar-content .left-sidebar-header,.theme-dark .main-content .left-sidebar .left-sidebar-content .left-sidebar-bottom,.theme-dark .main-content .left-sidebar .left-sidebar-content{background-color:#293145 !important}.theme-dark .apexcharts-datalabel-value{fill:#eee}.theme-dark .form-group label,.theme-dark .text-dark{color:#eee !important}.theme-dark .member-ul li.active a b,.theme-dark .price-wrap .left-price h2,.theme-dark .form-div h2,.theme-dark .slide-wrapper h2{color:#eee}.theme-dark .header-wrapper .search-div{border:1px #555 solid}.theme-dark .header-wrapper .nav-menu li a{color:#ddd !important}.theme-dark .search-wrapper,.theme-dark .accordion .card .card-body,.theme-dark .accordion .card .card-header,.theme-dark .form-div{background-color:#293145}.theme-dark .header-wrapper .logo{color:#b0c4de}.theme-dark .card p{color:#ddd !important}.theme-dark .accordion .card button:after,.theme-dark .accordion .card button,.theme-dark .price-wrap .middle-price h6,.theme-dark .form-div p,.theme-dark .form-div label p,.theme-dark .form-div .sign-up-text{color:#ddd}.theme-dark .form-div label p a,.theme-dark .form-div .sign-up-text a{color:#fff;margin-left:5px}.theme-dark .navbar-toggler{color:#fff;border-color:#fff}.theme-dark .accordion .card button.small-text a,.theme-dark .accordion .card button.small-text{color:#fff}.theme-dark .card-header{border-bottom:0 solid #000}.theme-dark .dark-bg-transparent{background-color:transparent !important}.theme-dark .dark-bg{background-color:#1a2236 !important}.theme-dark .nav-tabs li a.active{border-bottom:2px #ddd solid !important;color:#fff !important}.theme-dark .form-group label.text-dark-color,.theme-dark .text-dark-color{color:#111 !important}.theme-dark .list-group .list-group-item{border-bottom:0 solid #000}.theme-dark .course-slider{background-color:#000 !important}.theme-dark .header-wrapper .logo .light{display:none}.theme-dark .header-wrapper .logo .dark{display:inline-block}*{outline:none}*::after{margin:0;padding:0}*::before{margin:0;padding:0}body{line-height:1.75}body.fixed{overflow:hidden;position:fixed}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-weight:400}ul{padding:0;margin:0}li{list-style:none}a{text-decoration:none;outline:none}a:hover:not(.not-hover),a:focus:not(.not-focus),a.active{text-decoration:none;outline:none;color:#007bff}b,strong,.strong{font-weight:700}.h-0{height:0}.main-wrap,.main-wrapper{opacity:1;transition:all .25s ease-in;overflow:hidden;position:relative;z-index:1}.main-wrap.show,.main-wrapper.show{opacity:1}.content-body{margin-left:65px;margin-top:18px;margin-right:6px;margin-bottom:45px}.text-grey-100{color:#f8f9fa !important}.text-grey-200{color:#e9ecef !important}.text-grey-300{color:#dee2e6 !important}.text-grey-400{color:#ced4da !important}.text-grey-500{color:#adb5bd !important}.text-grey-600{color:#6c757d !important}.text-grey-700{color:#495057 !important}.text-grey-800{color:#343a40 !important}.text-grey-900{color:#212529 !important}.fw-100{font-weight:100 !important}.fw-200{font-weight:200 !important}.fw-300{font-weight:300 !important}.fw-400{font-weight:400 !important}.fw-500{font-weight:500 !important}.fw-600{font-weight:600 !important}.fw-700{font-weight:700 !important}.fw-800{font-weight:800 !important}.fw-900{font-weight:900 !important}.swatch-primary{background-color:#fff}.swatch-secondary{background-color:#fff}.swatch-success{background-color:#fff}.swatch-info{background-color:#fff}.swatch-warning{background-color:#212529}.swatch-danger{background-color:#fff}.swatch-light{background-color:#212529}.swatch-dark{background-color:#fff}.swatch-olm{background-color:#212529}.pt150{padding-top:150px}.mont-font{font-family:"Montserrat",sans-serif}.roboto-font{font-family:"Roboto",sans-serif}.open-font{font-family:"Open Sans",sans-serif}.fredoka-font{font-family:"Fredoka One",cursive}.preloader{position:fixed;left:0px;top:0px;width:100%;height:100%;z-index:999999;background-color:#fff;background-position:center center;background-repeat:no-repeat;background-image:url(../../images/preloader.svg);background-size:80px}.menu-user-setting{position:fixed;left:310px;bottom:10px;background:#fff;z-index:99999}.navigation{position:fixed;top:0;-ms-flex-negative:0;flex-shrink:0;width:300px;height:100vh;overflow:hidden;background:#fff;-webkit-box-shadow:inset -1px 0 0 0 #e4e4e4;box-shadow:inset -1px 0 0 0 #e4e4e4;-webkit-transition:width .25s;-o-transition:width .25s;transition:width .25s;padding-top:90px;height:100%;z-index:9999}.navigation .nav-content{height:100%}.navigation .nav-content::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(226,226,226,.3);background-color:#f5f5f5}.navigation .nav-content::-webkit-scrollbar{width:5px;background-color:#f5f5f5}.navigation .nav-content::-webkit-scrollbar-thumb{background-color:#aaa7a7;border:2px solid #bab8b8}.navigation.menu-active #toggle-menu i{background-color:#e9ecef}.navigation.menu-active:not(:hover){width:90px;margin-bottom:96px}.navigation.menu-active:not(:hover) #toggle-menu{display:none !important}.navigation.menu-active:not(:hover) .nav-content{height:calc(100% - 96px)}.navigation.menu-active:not(:hover) .menu-user-setting{left:100px}.navigation.menu-active:not(:hover) .nav-content{width:90px}.navigation.menu-active:not(:hover) .nav-content ul li>a span{margin-left:30px}.navigation.menu-active:not(:hover) .nav-content ul li>a span.circle-count,.navigation.menu-active:not(:hover) .card,.navigation.menu-active:not(:hover) .nav-top a .logo-text,.navigation.menu-active:not(:hover) .nav-caption span{display:none !important}.navigation.menu-active:not(:hover) .nav-caption{padding-left:0 !important;padding-right:0 !important;text-align:center}.navigation.menu-active:not(:hover) .nav-footer{height:96px}.navigation.menu-active:not(:hover) .nav-footer .nav-user{flex-direction:column}.navigation.menu-active:not(:hover) .nav-footer .nav-user ul{width:100% !important}.navigation.menu-active:not(:hover) .nav-footer .nav-user span{display:none}.navigation.menu-current-color{background:linear-gradient(135deg, var(--theme-color), var(--theme-color-shade)) !important}.navigation.menu-current-color .nav-top a .logo-text,.navigation.menu-current-color .nav-content ul li:not(.logo) a i,.navigation.menu-current-color .nav-content ul li:not(.logo) a span{color:#fff !important}.navigation.menu-current-color .nav-caption{color:#fff !important;opacity:.6}.navigation.menu-current-color .nav-content ul li>a.active{background:var(--theme-color-tint) !important}@media(max-width: 991.98px){.navigation{position:fixed;top:0;left:-300px;z-index:1000;height:100vh;padding-top:0;transition:all .4s ease}.navigation.nav-active{left:0}}.navigation .card{transition:all .4s ease;width:calc(300px - 45px)}.navigation .nav-footer{position:absolute;bottom:0;left:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:69px;border-top:1px solid #aaaab3}.navigation .nav-top{position:absolute;top:0;left:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:96px}@media(max-width: 991.98px){.navigation .nav-top{position:relative}}.navigation .nav-top a{line-height:75px;text-align:left;padding-left:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px;white-space:nowrap}.navigation .nav-top a .logo-text{line-height:75px;transition:all .4s ease}.navigation .nav-caption{margin-bottom:15px;padding-left:35px;white-space:nowrap;color:#808191;-webkit-transition:padding .25s;-o-transition:padding .25s;transition:padding .25s}.navigation .nav-content{width:300px;transition:all .2s ease}@media(max-width: 991.98px){.navigation .nav-content{width:auto}}@media(min-width: 992px){.navigation .nav-content{-webkit-border-radius:0 10px 10px 0;-moz-border-radius:0 10px 10px 0;border-radius:0 10px 10px 0}}.navigation .nav-content ul{padding:0;margin:0}.navigation .nav-content ul.sidebar-submenu a{padding:2px 5px 2px 8px}@media(min-width: 992px){.navigation .nav-content ul{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media(min-width: 992px){.navigation .nav-content ul li.flex-lg-brackets{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}}.navigation .nav-content ul li:not(.logo){list-style-image:none;list-style-type:none;margin:1px 15px}@media(max-width: 991.98px){.navigation .nav-content ul li:not(.logo){margin:4px 15px}}.navigation .nav-content ul li:not(.logo) a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:5px 15px 5px 18px;white-space:nowrap;position:relative;font-size:15px;font-weight:600;line-height:28px;color:#888;height:40px;display:flex;overflow:hidden;transition:all .2s ease}.navigation .nav-content ul li:not(.logo) a span{font-size:15px;font-weight:600;line-height:28px;color:#888;transition:all .2s ease;margin-right:auto;padding-right:10px}.navigation .nav-content ul li:not(.logo) a i{font-size:26px;color:var(--theme-color);top:0px;position:relative}.navigation .nav-content ul li:not(.logo) a .circle-icon{content:"";display:block;width:7px;height:7px;padding:0;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;position:absolute;top:6px;right:13px}.navigation .nav-content ul li:not(.logo) a .circle-count{padding:1px 6px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;position:absolute;top:6px;display:inline-block;color:#fff;font-size:13px;right:13px}.navigation .nav-content ul li.brackets{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}.navigation .nav-content ul li>a.active{background:linear-gradient(135deg, var(--theme-color), var(--theme-color-shade)) !important;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.navigation .nav-content ul li>a.active span{color:#fff}.navigation .nav-content ul li>a.active:after{color:#fff}.navigation .nav-content ul li>a.active i{color:#fff}.navigation .nav-content ul li>a:hover span{color:var(--theme-color)}.navigation .nav-content ul li>a.active:hover span{color:#fff !important}.app-footer{display:none}@media(max-width: 991.98px){.app-footer{min-height:56px;position:fixed;z-index:100;bottom:0;left:0;right:0;background:#fff;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #fff;padding-left:4px;padding-right:4px;padding-bottom:env(safe-area-inset-bottom)}.app-footer .cart-count{position:absolute;top:2px;right:10px;border-radius:15px;width:15px;height:15px;line-height:15px;text-align:center;display:inline-block;font-size:10px}.app-footer .dot-count{position:absolute;top:5px;right:15px;border-radius:5px;width:7px;height:7px;line-height:15px;text-align:center;display:inline-block;font-size:10px}.app-footer a{padding:6px 20px}.app-footer a i{color:var(--theme-color);font-size:25px;top:3px;position:relative}.app-footer a span{color:var(--theme-color)}}.app-header-search{display:block;padding:0;background:#fff;border-bottom:1px solid #fff;position:fixed;box-shadow:0 3px 6px 0 rgba(0,0,0,.1),0 1px 3px 0 rgba(0,0,0,.08);left:0;top:-50%;right:0;width:100%;z-index:1001;transition:.2s all ease-in-out}.app-header-search.show{top:env(safe-area-inset-top);transition:.3s all}.live-stream{height:600px}@media(max-width: 1399.98px){.live-stream{height:500px}}@media(max-width: 1199.98px){.live-stream{height:500px}}@media(max-width: 991.98px){.live-stream{height:400px}}.main-content{z-index:999;background-color:#fbfcfe}@media(min-width: 992px){.main-content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding-left:300px;-webkit-transition:all .25s;-o-transition:all .25s;transition:all .25s}}@media(min-width: 992px){.main-content.menu-active{padding-left:90px}}.main-content.menu-active .middle-sidebar-header.sticky-header{left:90px}@media(max-width: 991.98px){.main-content{order:1;position:relative;height:calc(100vh - 56px);overflow-x:hidden;overflow-y:auto}}.main-content .left-sidebar,.main-content .right-sidebar{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.main-content .left-sidebar .left-sidebar-content,.main-content .right-sidebar .left-sidebar-content{background:var(--theme-color-shade);overflow:hidden;width:270px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;padding:0px 10px 10px 10px}.main-content .left-sidebar .left-sidebar-content .left-sidebar-header,.main-content .right-sidebar .left-sidebar-content .left-sidebar-header{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:13px 15px 0 15px;background:var(--theme-color-shade)}@media(max-width: 767.98px){.main-content .left-sidebar .left-sidebar-content .left-sidebar-header,.main-content .right-sidebar .left-sidebar-content .left-sidebar-header{padding:20px 20px 0 20px}}.main-content .left-sidebar .left-sidebar-content .left-sidebar-bottom,.main-content .right-sidebar .left-sidebar-content .left-sidebar-bottom{background:var(--theme-color-shade);overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;padding:20px 15px 15px 15px}@media(max-width: 1399.98px){.main-content .left-sidebar .left-sidebar-content .left-sidebar-bottom,.main-content .right-sidebar .left-sidebar-content .left-sidebar-bottom{width:400px}}@media(max-width: 991.98px){.main-content .left-sidebar .left-sidebar-content .left-sidebar-bottom,.main-content .right-sidebar .left-sidebar-content .left-sidebar-bottom{width:100%}}@media(max-width: 767.98px){.main-content .left-sidebar .left-sidebar-content .left-sidebar-bottom,.main-content .right-sidebar .left-sidebar-content .left-sidebar-bottom{padding:0 20px 0 20px}}.main-content .left-sidebar .left-sidebar-content .left-sidebar-bottom .panel .panel-title a i,.main-content .right-sidebar .left-sidebar-content .left-sidebar-bottom .panel .panel-title a i{position:relative;top:3px}.main-content .left-sidebar .left-sidebar-content .left-sidebar-bottom .panel .panel-body ul,.main-content .right-sidebar .left-sidebar-content .left-sidebar-bottom .panel .panel-body ul{padding-left:31px}.main-content .left-sidebar .left-sidebar-content .left-sidebar-bottom .panel .panel-body ul li a,.main-content .right-sidebar .left-sidebar-content .left-sidebar-bottom .panel .panel-body ul li a{font-size:12px}.main-content .middle-sidebar-header{top:0;left:300px;right:0;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:65px;padding:0 15px;background:#fff;border-bottom:2px #eee solid;-webkit-transition:left .25s;-o-transition:left .25s;transition:left .25s}@media(max-width: 991.98px){.main-content .middle-sidebar-header{padding:10px 15px 10px 15px;height:auto;position:fixed;top:env(safe-area-inset-top);left:0;right:0;z-index:999;box-shadow:0 .5rem 1rem rgba(0,0,0,.03) !important}}.main-content .middle-sidebar-header .header-menu{display:none;border:0;background-color:transparent;flex-shrink:0;width:32px;height:38px;margin-right:32px;font-size:0}.main-content .middle-sidebar-header .header-menu:focus{outline:none}.main-content .middle-sidebar-header .header-menu:before{content:"";display:inline-block;width:32px;height:2px;margin:3px auto;border-radius:1px;background:#1b1d21;-webkit-transition:all .25s;-o-transition:all .25s;transition:all .25s}.main-content .middle-sidebar-header .header-menu:after{content:"";display:inline-block;width:32px;height:2px;margin:3px auto;border-radius:1px;background:#1b1d21;-webkit-transition:all .25s;-o-transition:all .25s;transition:all .25s}.main-content .middle-sidebar-header .header-menu.active:before{transform:translateY(4px) rotate(45deg)}.main-content .middle-sidebar-header .header-menu.active:after{transform:translateY(-4px) rotate(-45deg)}@media(max-width: 991.98px){.main-content .middle-sidebar-header .header-menu{display:inline-block}}@media(max-width: 991.98px){.main-content .middle-sidebar-header .header-search{display:none}}.main-content .middle-sidebar-header .header-search .form-group.icon-input i{top:10px}.main-content .middle-sidebar-bottom{width:100%;padding:20px 20px 10px 20px}@media(min-width: 992px){.main-content .middle-sidebar-bottom{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}}@media(max-width: 1399.98px){.main-content .middle-sidebar-bottom{width:400px}}@media(max-width: 991.98px){.main-content .middle-sidebar-bottom{width:100%;padding:76px 15px 15px}}.main-content .middle-sidebar-bottom .middle-sidebar-left{width:calc(100% - 320px)}.right-menu-icon li a,.right-menu-icon li div.dropdown-box{display:inline-block;position:relative}.right-menu-icon li a .dot-count,.right-menu-icon li div.dropdown-box .dot-count{position:absolute;top:-3px;right:-3px;border-radius:5px;width:7px;height:7px;line-height:15px;text-align:center;display:inline-block;font-size:10px}.right-menu-icon li a:hover .menu-dropdown,.right-menu-icon li div.dropdown-box:hover .menu-dropdown{visibility:visible;opacity:1}.right-menu-icon li a .menu-dropdown,.right-menu-icon li div.dropdown-box .menu-dropdown{visibility:hidden;opacity:0;background-color:#fff;width:300px;padding:25px 30px;box-shadow:0px 15px 125px rgba(0,0,0,.22);border-radius:6px;z-index:9999;border:0;position:absolute;top:120%;right:-5px;text-align:left;transition:all .4s ease}.right-menu-icon li a .menu-dropdown:after,.right-menu-icon li div.dropdown-box .menu-dropdown:after{content:"";width:0;height:0;border-style:solid;border-width:0 10px 15px 10px;border-color:transparent transparent #fff transparent;position:absolute;top:-10px;right:10px;display:inline-block}@media(max-width: 991.98px){.right-menu-icon li{display:none}}.right-menu-icon li:last-child{display:none}@media(max-width: 991.98px){.right-menu-icon li:last-child{display:inline-block}}.middle-sidebar-right,.middle-sidebar-left{z-index:2;overflow-x:hidden;position:fixed;top:0;z-index:2;padding:76px 15px 56px;height:calc(100vh);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:rgba(255,255,255,.3)}.middle-sidebar-right .middle-sidebar-content,.middle-sidebar-left .middle-sidebar-content{padding:0 2px 0 0;width:472px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:

normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;margin-left:0px}@media(max-width: 991.98px){.middle-sidebar-right .middle-sidebar-content,.middle-sidebar-left .middle-sidebar-content{margin-left:auto}}.middle-sidebar-right{right:-504px}.middle-sidebar-right.active-sidebar{right:0px}.middle-sidebar-left{left:-504px}.middle-sidebar-left.active-sidebar{left:0px}.sidebar-right,.sidebar-left{background-color:#1a73e9;position:fixed;top:47%;transform:translateY(-47%);display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:60px;height:60px;padding:0;border-radius:50%;z-index:222;visibility:visible;opacity:1;animation:pulse 2s infinite}.sidebar-right i,.sidebar-left i{font-size:18px;position:relative}.sidebar-right{right:-27px}.sidebar-right i{left:-10px}.sidebar-left{left:-27px}.sidebar-left i{right:-10px}@keyframes pulse{0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(52,172,224,.7)}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(52,172,224,0)}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(52,172,224,0)}}body:not(.theme-full) .main-content .middle-sidebar-header.sticky-header{position:fixed}body:not(.theme-full) .main-content .middle-sidebar-bottom.header-padding{padding-top:116px}.accordion-toggle{position:relative;display:block;line-height:25px}.accordion-toggle.icon-none:after{display:none}.accordion-toggle:after{font-family:"themify";position:absolute;content:"";right:-10px;top:1px;color:#999;font-weight:lighter;transform:rotate(-180deg);transition:all .2s ease-in}.accordion-toggle.collapsed::after{color:#999;transform:rotate(0deg);transition:all .2s ease-in}.navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1);display:none;height:40px}@media only screen and (max-width: 992px){.navbar-toggler{display:inline-block}}.navbar-toggler-icon{width:27px;height:2px;background-color:#999;position:relative;top:-2px}.navbar-toggler-icon:after{content:"";width:27px;height:2px;background-color:#999;position:absolute;top:-8px;left:0}.navbar-toggler-icon:before{content:"";width:27px;height:2px;background-color:#999;position:absolute;bottom:-8px;left:0}.icon-count{position:absolute !important;width:20px !important;height:20px !important;border-radius:20px !important;top:-10px !important;right:-10px !important;line-height:20px !important;text-align:center !important;font-size:12px !important;font-weight:500 !important;color:#fff !important;padding:0 !important}.upper-header{background-color:#f9f9f9 !important}.upper-header ul{margin-bottom:0;margin-top:20px}.upper-header ul li{position:relative;padding-left:15px}.upper-header ul li a{color:#ddd;font-size:11px;line-height:38px;font-weight:600;text-transform:uppercase}.upper-header ul li a i{position:relative;top:2px}.upper-header.bg-greylight ul li a{color:#999}.header-wrapper{width:100%}.header-wrapper.pos-fixed{position:fixed;top:0;z-index:5}@media only screen and (max-width: 992px){.header-wrapper.pos-fixed{position:relative}}@media only screen and (max-width: 768px){.header-wrapper.pos-fixed .navbar-collapse{background-color:#fff;padding:0 10px;border-radius:6px;margin-top:10px;box-shadow:0 .5rem 1rem rgba(0,0,0,.08) !important}}.header-wrapper.shadow-xs{box-shadow:0 .5rem 1rem rgba(0,0,0,.03) !important}.header-wrapper .nav-menu{display:inline-block;float:left;margin-left:40px;margin-top:0px}@media only screen and (max-width: 992px){.header-wrapper .nav-menu{margin-left:0;width:100%;display:block}}.header-wrapper .nav-menu.dropdown-menu-full{position:relative}.header-wrapper .nav-menu.dropdown-menu-full li{position:initial}.header-wrapper .nav-menu.text-white li a{color:#fff !important}.header-wrapper .nav-menu.text-black li a{color:#000 !important}.header-wrapper .nav-menu li{padding:0 15px;display:inline-block;float:left}@media only screen and (max-width: 992px){.header-wrapper .nav-menu li{padding:15px 0;text-align:left;width:100%;margin:0}}.header-wrapper .nav-menu li:hover .dropdown-menu{opacity:1;visibility:visible}.header-wrapper .nav-menu li .dropdown-menu{position:absolute;display:block;left:20px;top:148%;border:0;box-shadow:0 .5rem 1rem rgba(0,0,0,.08) !important;min-width:13rem;border-top:3px var(--theme-color) solid;border-radius:0 0 5px 5px;opacity:0;visibility:hidden;z-index:1030;transition:all .2s ease-in-out}@media only screen and (max-width: 992px){.header-wrapper .nav-menu li .dropdown-menu{position:relative;left:0;top:0;display:none;visibility:visible;opacity:1;border-top:0 solid #000;box-shadow:none !important;background-color:#f5f5f5;padding:0;margin-top:15px}.header-wrapper .nav-menu li .dropdown-menu.show{display:block}}.header-wrapper .nav-menu li .dropdown-menu a{padding:12px 15px;font-size:14px}.header-wrapper .nav-menu li .dropdown-menu.full-wrap{min-width:100%;top:115%;left:0;width:100%;padding:30px 30px 25px 40px;background-position:right 0px top 0;background-repeat:no-repeat;background-size:contain}.header-wrapper .nav-menu li .dropdown-menu.full-wrap ul.sub-menu{padding-left:0;margin-left:0;width:100%;float:left}.header-wrapper .nav-menu li .dropdown-menu.full-wrap ul.sub-menu li{width:100%;float:left;padding-left:0}.header-wrapper .nav-menu li .dropdown-menu.full-wrap ul.sub-menu li a{padding-left:0;font-weight:400;line-height:14px;display:block;font-size:14px}.header-wrapper .nav-menu li a{font-size:14px;line-height:22px;font-weight:600;letter-spacing:.4px;color:#333;transition:all .4s ease}.header-wrapper .nav-menu li a i{font-size:10px;margin-left:5px}@media only screen and (max-width: 992px){.header-wrapper .nav-menu li a i{float:right;line-height:22px;margin-right:10px}}.header-wrapper .nav-menu li a:after{display:none}.header-wrapper .nav-menu li a:hover{color:var(--theme-color)}@media only screen and (max-width: 992px){.header-wrapper .nav-menu li a{padding:0;color:#333 !important}}.header-wrapper .nav-menu.bg-dark li .nav-link{color:#eee !important;font-weight:500}.menu-icon{position:relative}.menu-icon .dot-count{position:absolute;top:5px;right:5px;border-radius:5px;width:7px;height:7px;line-height:15px;text-align:center;display:inline-block;font-size:10px}.footer-wrapper{margin-top:100px;padding:80px 0 10px;background-color:#f6f7fc}.footer-wrapper.bg-dark h5{color:#fff !important}.footer-wrapper.bg-dark .middle-footer{border-top:1px #555 solid !important}.footer-wrapper.bg-dark p a{color:#ddd !important}.footer-wrapper.bg-transparent{z-index:100;position:fixed;left:0;padding:15px 80px;bottom:0;margin-top:0;width:100%;box-shadow:none !important}@media only screen and (max-width: 992px){.footer-wrapper.bg-transparent{padding:15px 15px}}@media only screen and (max-width: 768px){.footer-wrapper{margin-top:30px;padding-top:50px;padding-bottom:30px}.footer-wrapper .logo img{width:100px}}@media only screen and (max-width: 576px){.footer-wrapper{padding-bottom:15px}}.footer-wrapper .icon-img{height:50px}@media only screen and (max-width: 576px){.footer-wrapper .icon-img{margin-bottom:20px}}.footer-wrapper form{overflow:hidden;border-radius:2px}.footer-wrapper form input{line-height:50px;width:70%;background-color:#fff;border:0;outline:none;display:inline-block;padding:0 15px;float:left;font-size:14px;box-shadow:0px 5px 10px rgba(0,0,0,.1)}.footer-wrapper form button{text-transform:uppercase;float:left;width:30%;line-height:50px;text-align:center;background-color:var(--theme-color);border:0;outline:none;color:#fff;font-size:12px;font-weight:600;letter-spacing:1px;box-shadow:0px 5px 10px rgba(0,0,0,.1)}@media only screen and (max-width: 768px){.footer-wrapper .copyright-text{text-align:center;width:100%;margin-bottom:0px;line-height:22px}}.footer-wrapper h4{font-size:24px;line-height:48px;font-weight:300;color:#2f2d52;margin-bottom:0}@media only screen and (max-width: 768px){.footer-wrapper h4{font-size:22px !important;line-height:36px}}.footer-wrapper h4 a{font-size:22px;color:#fff;font-weight:500;letter-spacing:1px;display:block;text-decoration:underline;margin-top:20px}.footer-wrapper p{color:#aaa;width:60%;font-size:12px;font-weight:500;line-height:28px}.footer-wrapper p a{color:#333;font-weight:600}.footer-wrapper h5{font-weight:600;color:#333;font-size:13px;letter-spacing:.4px;text-transform:capitalize}.footer-wrapper ul{margin-bottom:0;margin-top:20px}.footer-wrapper ul li a{color:#aaa;font-size:12px;line-height:34px;font-weight:500}.footer-wrapper .middle-footer{padding-top:75px;margin-top:75px;border-top:1px #ecedf2 solid}@media only screen and (max-width: 768px){.footer-wrapper .middle-footer{padding-top:30px !important;margin-top:20px !important;padding-bottom:0}}.footer-wrapper .lower-footer{padding-top:50px}@media only screen and (max-width: 768px){.footer-wrapper .lower-footer{padding-top:0}}.accordion{margin-bottom:50px}.accordion .card{box-shadow:none;background:#fff;margin-bottom:25px;border:0}.accordion .card .card-body,.accordion .card .card-header{background:#fff;padding:20px 30px;border-bottom:0 solid #000}@media only screen and (max-width: 768px){.accordion .card .card-body,.accordion .card .card-header{padding:15px 40px 15px 15px}}.accordion .card a.collapsed button:after{transform:rotate(-90deg);transition:all .5s ease}.accordion .card button{font-size:15px;color:#111;font-weight:600;padding-left:0}.accordion .card button:focus,.accordion .card button:hover{text-decoration:none}.accordion .card button.small-text{font-size:16px}.accordion .card button.small-text a{color:#111}.accordion .card button i{font-size:30px;margin-right:10px;position:relative;top:32px;margin-right:10px;color:#333;position:absolute;left:33px}.accordion .card button span{font-size:11px;color:#999;font-weight:400;display:block}.accordion .card button:after{font-family:"feather";content:"";font-size:25px;position:absolute;right:20px;top:20px;color:#888;transform:rotate(0deg);transition:all .5s ease}@media only screen and (max-width: 768px){.accordion .card button:after{right:10px}}.accordion .card button.small-text:after{top:33px}.accordion .card button.collapsed:after{transform:rotate(-90deg);transition:all .5s ease}.accordion .card p{font-size:15px;line-height:36px;color:#666}.owl-carousel.overflow-visible .owl-stage-outer{overflow:visible}.owl-carousel.overflow-visible .owl-item{opacity:.2;transition:all .4s ease}.owl-carousel.overflow-visible.opacity-5 .owl-item{opacity:.5;transition:all .4s ease}.owl-carousel.overflow-visible .owl-item.active{opacity:1}.owl-carousel.owl-theme .owl-dots{bottom:-70px;width:100%;position:absolute}.owl-carousel.owl-theme .owl-dots .owl-dot span{width:8px;height:8px;margin:4px;transition:all .4s ease}.owl-carousel.owl-theme .owl-dots .owl-dot.active span{background-color:var(--theme-color)}.owl-carousel.owl-theme.dot-none .owl-dots{display:none}.owl-theme.owl-nav-link .owl-nav{position:absolute;top:50%;width:100%;left:0%;margin-top:0}.owl-theme.owl-nav-link .owl-nav .owl-prev{left:10px;top:0;margin-top:-20px;position:absolute}.owl-theme.owl-nav-link .owl-nav .owl-next{right:10px;top:0;margin-top:-20px;position:absolute}.owl-theme.owl-nav-link .owl-nav [class*=owl-]:focus,.owl-theme.owl-nav-link .owl-nav [class*=owl-]:hover{background-color:transparent !important;outline:none !important}.owl-theme.owl-nav-link .owl-nav .icon-nav{font-size:18px;width:40px;height:40px;background-color:#fff;border-radius:50px;display:inline-block;text-align:center;line-height:40px;color:#000;box-shadow:0 .5rem 1rem rgba(0,0,0,.03) !important}.owl-theme.owl-nav-link .owl-nav .icon-nav:hover{color:#000}.owl-theme.owl-nav-link.edge-link .owl-nav .icon-nav{font-size:18px;width:40px;height:40px;background-color:#fff;border-radius:5px;display:inline-block;text-align:center;line-height:40px;color:#000;box-shadow:0 .5rem 1rem rgba(0,0,0,.03) !important}.owl-theme.owl-nav-link.edge-link .owl-nav{width:100%;left:0}.owl-theme.owl-nav-link.edge-link .owl-nav .owl-next{right:0px}.owl-theme.owl-nav-link.edge-link .owl-nav .owl-prev{left:0px}.owl-theme.owl-nav-link.edge-link .owl-nav .icon-nav{box-shadow:none !important;margin-top:-10px}.owl-theme.nav-none .owl-nav{display:none}.owl-theme.dot-style2 .owl-dots{bottom:20px !important}.owl-theme.dot-style2 .owl-dots .active span{background-color:transparent !important;border:1px #fff solid}.owl-theme.dot-style2 .owl-dots span{width:25px !important;height:25px !important;padding:10px;background-color:transparent;position:relative}.owl-theme.dot-style2 .owl-dots span:after{width:5px;height:5px;border-radius:5px;content:"";position:absolute;display:inline-block;background-color:#fff;top:9px;left:9px}.owl-theme.dot-style3.text-left-dot .owl-dots{text-align:center}.owl-theme.dot-style3 .owl-dots{bottom:0px !important;left:-4px !important;text-align:left}.owl-theme.dot-style3 .owl-dots .active span{background-color:transparent !important;border:2px var(--theme-color) solid}.owl-theme.dot-style3 .owl-dots span{border:2px transparent solid;transition:all .4s ease;width:25px !important;height:25px !important;padding:10px;background-color:transparent;position:relative}.owl-theme.dot-style3 .owl-dots span:after{width:5px;height:5px;border-radius:5px;content:"";position:absolute;display:inline-block;background-color:var(--theme-color);top:9px;left:9px}.owl-theme.right-nav .owl-nav{position:absolute;right:0;top:-90px;margin-top:0}.owl-theme.right-nav .owl-nav button{width:40px;height:40px;border-radius:50px;border:2px solid var(--theme-color)}.owl-theme.right-nav .owl-nav button i{color:var(--theme-color);font-size:18px;line-height:38px}.owl-theme.right-nav .owl-nav button:hover,.owl-theme.right-nav .owl-nav button:focus{background-color:transparent !important;outline:none !important}.owl-theme.right-nav .owl-nav button:hover i,.owl-theme.right-nav .owl-nav button:focus i{color:var(--theme-color)}.product-slider-3 .owl-thumbs{text-align:center;display:table;width:80px;left:-90px;top:0;margin-top:0px;position:absolute}.product-slider-3 .owl-thumb-item{width:100%;height:auto;border:none;background:none;padding:0;opacity:.5;overflow:hidden;background-color:#fff}.product-slider-3 .owl-thumb-item img{width:100%;height:auto;vertical-align:middle}.product-slider-3 .owl-thumb-item.active{opacity:1}.product-slider-3 .owl-thumb-item.active img{position:relative}.product-slider-3 .owl-thumb-item:active,.product-slider-3 .owl-thumb-item:focus{outline:none !important}.product-slider-4 .owl-thumbs{text-align:center;display:table;margin-top:10px;width:105%;margin-left:-10px;margin-right:-10px}.product-slider-4 .owl-thumb-item{width:46%;margin:2% 2% 2% 2%;height:auto;border:none;background:none;padding:0;opacity:1;overflow:hidden;background-color:#fff}.product-slider-4 .owl-thumb-item img{width:100%;height:auto;vertical-align:middle}.product-slider-4 .owl-thumb-item.active{opacity:1}.product-slider-4 .owl-thumb-item.active img{position:relative}.product-slider-4 .owl-thumb-item:active,.product-slider-4 .owl-thumb-item:focus{outline:none !important}.banner-wrap{background-position:right 50px top 10px;background-color:#e4f7fe}@media(max-width: 991.98px){.banner-wrap{background-position:right -150px center;background-size:80%}}@media(max-width: 767.98px){.banner-wrap{background-position:top 0px left}}.modal-backdrop-none .modal-backdrop.show{opacity:0 !important}.modal .modal-content .close{position:absolute;right:10px;top:10px;opacity:1;z-index:2;width:24px;height:24px;border-radius:20px;display:inline-block;line-height:10px}.modal .modal-content .close i{color:#fff;font-size:16px}.modal.in .modal-dialog{transform:none}.modal.in{opacity:1 !important}.modal-backdrop.in{opacity:.5}.modal.left.fade .modal-dialog{left:-280px;-webkit-transition:opacity .3s linear,left .3s ease-out;-moz-transition:opacity .3s linear,left .3s ease-out;-o-transition:opacity .3s linear,left .3s ease-out;transition:opacity .3s linear,left .3s ease-out}.modal.right.fade .modal-dialog{right:-280px;-webkit-transition:opacity .3s linear,right .3s ease-out;-moz-transition:opacity .3s linear,right .3s ease-out;-o-transition:opacity .3s linear,right .3s ease-out;transition:opacity .3s linear,right .3s ease-out}.modal.bottom.fade .modal-dialog{bottom:-50%;-webkit-transition:opacity .3s linear,bottom .3s ease-out;-moz-transition:opacity .3s linear,bottom .3s ease-out;-o-transition:opacity .3s linear,bottom .3s ease-out;transition:opacity .3s linear,bottom .3s ease-out}.modal.left.fade.in .modal-dialog,.modal.left.fade.show .modal-dialog{left:0}.modal.bottom.fade.in .modal-dialog,.modal.bottom.fade.show .modal-dialog{bottom:0px}.modal.right.fade.in .modal-dialog,.modal.right.fade.show .modal-dialog{right:0px}.modal-open .modal{overflow-y:hidden}@media(min-width: 576px){.modal.wide.fade .modal-dialog{max-width:800px}.modal.wide-xl.fade .modal-dialog{max-width:1000px}.modal.side.fade .modal-dialog{max-width:400px}.modal-dialog.video-wrap{max-width:900px}.modal-dialog.video-wrap .close{right:-20px;top:-20px}}.toggle{display:inline-block;vertical-align:middle;position:relative;box-sizing:border-box;align-self:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.toggle input[type=checkbox]{display:none}.toggle .toggle-icon{z-index:0;margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;position:relative;transition:.3s;box-sizing:border-box;display:block;cursor:pointer;width:calc(40px);height:calc(20px + 2px);border-radius:20px;background:#eee}.toggle .toggle-icon:before{content:"";position:absolute;left:2px;top:2px;height:calc(20px - 4px);width:calc(20px - 4px);border-radius:18px;box-sizing:border-box;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.3);z-index:1;transition-duration:.3s;transform:scale(1)}.toggle .toggle-icon:after{height:calc(20px - 4px);width:calc(20px - 4px);top:2px;left:2px;box-shadow:0 2px 4px rgba(0,0,0,.3);border-radius:calc(20px - 4px);background:#fff;position:absolute;z-index:2;transform:translateX(0px);transition-duration:.3s;content:""}.toggle input[type=checkbox]:checked+.toggle-icon{background:#ff3b30}.toggle input[type=checkbox]:checked+.toggle-icon:after{transform:translateX(20px)}.toggle input[type=checkbox]:checked+.toggle-icon:before{opacity:0}.switchcolor-wrap ul{overflow:hidden}.switchcolor-wrap ul li{display:inline-block;float:left;margin-right:8px}.switchcolor-wrap ul li .item-content{display:inline;padding-left:0;position:relative}.switchcolor-wrap ul li .item-content .ti-check{left:10px;top:3px !important}.switchcolor-wrap ul li .item-content .ti-check:before{color:#fff;opacity:0}.switchcolor-wrap .circle-color{width:32px;height:32px;border-radius:50px;display:inline-block;cursor:pointer}.switchcolor-wrap label.item-radio input[type=radio]{display:none}.switchcolor-wrap label.item-radio input[type=radio]:checked~.ti-check:before{opacity:1}.switchcolor-wrap label.item-radio input[type=radio]~.ti-check{position:absolute;top:50%;margin-top:-11px;right:calc(var(--f7-safe-area-right) + 10px)}.switchcolor-wrap .toggle-div{padding:20px;border-radius:10px;box-shadow:0 8px 30px rgba(0,0,0,.15);border:1px #eee solid}.switchcolor-wrap .sheet-close{position:absolute;top:15px;right:10px;color:#444}.switchcolor-wrap .sheet-close i{font-size:20px}.dropdown-menu-settings{visibility:hidden;opacity:0;background-color:#fff;width:300px;padding:25px 30px;box-shadow:0px 15px 125px rgba(0,0,0,.22);border-radius:6px;z-index:999;border:0;position:absolute;top:100%;right:0;text-align:left;transition:all .4s ease}.dropdown-menu-settings.active{visibility:visible;opacity:1}.dropdown-menu-settings:after{content:"";width:0;height:0;border-style:solid;border-width:0 10px 15px 10px;border-color:transparent transparent #fff transparent;position:absolute;top:-10px;right:10px;display:inline-block}.timer{display:block;position:relative;float:left}.timer.style3 .time-count{max-width:25%;width:25%;margin:0;padding:0px;text-align:left}.timer.style3 .time-count .text-time{font-size:40px;font-weight:600;color:#fff;margin-left:0 !important;margin-right:20px !important;margin-bottom:0 !important;text-align:left;background:transparent;padding-bottom:0 !important;padding-left:0 !important}@media only screen and (max-width: 992px){.timer.style3 .time-count .text-time{font-size:30px}}.timer.style3 .time-count .text-day{text-align:left;margin-left:0;font-size:14px;font-weight:400;color:#eee;margin-top:0 !important;margin-bottom:10px}.timer.bg-white .time-count{max-width:25%;width:25%;margin:0;padding:10px}.timer.bg-white .time-count .text-time{font-size:30px;font-weight:700;color:#000;text-align:center;padding-bottom:0 !important}.timer.bg-white .time-count .text-day{text-align:center;margin-left:0;font-size:14px;font-weight:700;color:#999;margin-top:0 !important;margin-bottom:10px}.timer.bg-grey-time .text-time{background-color:#f5f5f5}.timer .time-count{margin:8px;max-width:60px;text-align:center;float:left;margin-left:0}.timer .text-time{padding:12px;margin:5px;font-weight:600;font-size:15px;background-color:#fff;border-radius:5px}.timer .text-day{display:block;text-align:center;margin-top:10px;font-size:12px;font-weight:600;margin-left:6px}.form-group.icon-input{position:relative}.form-group.icon-input i{position:absolute;left:15px;top:19px}.form-group.icon-input input{padding-left:35px}.form-group.icon-right-input{position:relative}.form-group.icon-right-input i{position:absolute;right:15px;top:12px}.form-group.icon-right-input input{padding-left:35px}.form-group .style1-input{height:55px;line-height:55px;display:block;font-size:12px}.form-group .style1-select{line-height:55px;height:55px;width:100%;font-size:14px;font-weight:500;color:#adb5bd !important}.form-group .style2-select{line-height:60px;height:60px;font-size:14px;font-weight:500;color:#adb5bd !important;border:2px #eee solid;border-radius:7px}.form-group .style2-input{height:60px !important;line-height:60px;display:block;border:2px #eee solid;border-radius:7px}.form-group .style2-input::-webkit-input-placeholder{font-size:14px;font-weight:600;letter-spacing:0;line-height:60px}.form-group .style2-input::-moz-placeholder{font-size:14px;font-weight:600;letter-spacing:0;line-height:60px}.form-group .style2-input:-ms-input-placeholder{font-size:14px;font-weight:600;letter-spacing:0;line-height:60px}.form-group .style2-input:-moz-placeholder{font-size:14px;font-weight:600;letter-spacing:0;line-height:60px}.form-group .style2-input i{position:relative;top:6px}.form-group .style2-textarea{line-height:20px;display:block;border:2px #eee solid;border-radius:7px}.search-form{position:relative}.search-form input{height:55px;line-height:55px;padding-left:20px;border-radius:8px;font-weight:500}.search-form i{position:absolute;top:18px;right:15px;color:#999}.form-control{height:50px;font-size:14px;display:inline-block;border:2px #eee solid}.form-control:focus{border-color:var(--theme-color)}.form-control.style2{height:60px;line-height:60px}.input-file{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.input-file+.js-labelFile{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 10px;cursor:pointer;font-weight:600;font-size:14px;line-height:40px;vertical-align:middle;padding:10px}.input-file+.js-labelFile.btn-tertiary{color:#555;padding:0;line-height:40px;width:300px;margin:auto;display:block;border:2px solid #555}.input-file+.js-labelFile.btn-tertiary:hover,.input-file+.js-labelFile.btn-tertiary:focus{color:#888;border-color:#888}.input-file+.js-labelFile i{font-size:24px;position:relative;top:5px;display:inline-block}.input-file+.js-labelFile i.large-icon{font-size:42px}.input-file+.js-labelFile.has-file i{display:none}.subscribe-widget:after{background-image:url(../images/paper-plane.png);background-size:200px;position:absolute;top:10px;right:-45%;opacity:.3;background-repeat:no-repeat;content:"";display:inline-block;width:368px;height:258px;z-index:-1}.quantity{height:60px;float:left;width:100px;position:relative;border:1px solid #dedede}.quantity-input{border:0;background:none;padding:0;width:100%;height:100%;font-size:18px;padding-left:17px;line-height:60px;color:inherit;text-align:center;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}.quantity .qtybutton{background-color:transparent;z-index:1;position:absolute;height:58px;cursor:pointer;width:2rem;font-size:18px;font-weight:300;line-height:60px;top:0;text-align:center;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-ms-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in}.quantity .qtybutton.inc{right:0}.quantity .qtybutton.dec{left:0}.custom-switch .custom-control-input:checked~.custom-control-label:after{background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,0,0,.15),0 2px 1px 0 rgba(0,0,0,.05)}.custom-switch .custom-control-input:not(:disabled):active~.custom-control-label::before{border:0}.custom-switch .custom-control-input:active~.custom-control-label::before{border:0}.custom-control-input:checked~.custom-control-label.bg-success::before{background-color:#10d876 !important;border-color:#10d876 !important}.bar-container{position:relative;background-color:#eee;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:5px;margin-top:7px;width:100%;float:left}.bar-percentage{background-color:#aaa;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;height:5px;padding:0;width:0;transition:all .4s ease}select.sort{border:0;color:#999;width:180px;font-size:13px;font-weight:600;padding:7px 15px;border:2px solid #ddd;border-radius:20px}.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative;direction:ltr}.noUi-base{width:100%;height:100%;position:relative;z-index:1}.noUi-origin{position:absolute;right:0;top:0;left:0;bottom:0}.noUi-handle{position:relative;z-index:1}.noUi-stacking .noUi-handle{z-index:10}.noUi-state-tap .noUi-origin{-webkit-transition:left .3s,top .3s;transition:left .3s,top .3s}.noUi-state-drag *{cursor:inherit !important}.noUi-base,.noUi-handle{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.noUi-horizontal{height:3px;border-radius:10px}.noUi-horizontal .noUi-handle{width:10px;height:10px;border-radius:50%;left:-3px;top:-3px;background-color:#222}.noUi-background{background:#ddd}.noUi-connect{background:#555;-webkit-transition:background 450ms;transition:background 450ms}.noUi-origin,.noUi-target{border-radius:2px}.noUi-draggable{cursor:w-resize}.noUi-vertical .noUi-draggable{cursor:n-resize}.noUi-handle{cursor:default;-webkit-box-sizing:content-box !important;-moz-box-sizing:content-box !important;box-sizing:content-box !important}.noUi-handle:active{border:8px solid #345dbb;border:8px solid rgba(53,93,187,.38);-webkit-background-clip:padding-box;background-clip:padding-box;left:-14px;top:-14px}.custom-radio.size-sm label::before{width:15px !important;height:15px !important;top:5px;left:-30px}.quantity{height:60px;float:left;width:100px;position:relative;border:1px solid #dedede}.quantity-input{border:0;background:none;padding:0;width:100%;height:100%;font-size:18px;padding-left:17px;line-height:60px;color:inherit;text-align:center;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}.quantity .qtybutton{background-color:transparent;z-index:1;position:absolute;height:58px;cursor:pointer;width:2rem;font-size:18px;font-weight:300;line-height:60px;top:0;text-align:center;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-ms-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in}.quantity .qtybutton.inc{right:0}.quantity .qtybutton.dec{left:0}.cart-wrapper .quantity{height:45px}.cart-wrapper .quantity-input{line-height:45px;font-size:15px}.cart-wrapper .quantity .qtybutton{height:43px;line-height:43px}label.required{}label.required::after{color:#dc3545 !important;content:"*";margin:0 .5em}.contact-wrap{z-index:1;top:-100px;padding:60px 80px 70px 80px}@media(max-width: 1199.98px){.contact-wrap{padding:50px}}@media(max-width: 991.98px){.contact-wrap{padding:40px 30px}.contact-wrap .display3-size{font-size:40px !important;margin-bottom:30px !important}}.contact-wrapper{padding:80px;max-width:550px}@media(max-width: 1199.98px){.contact-wrapper{padding:50px;max-width:500px;margin-top:80px;margin-bottom:50px}}.video-btn{background-color:#fff;width:60px;height:60px;border-radius:60px;position:absolute;top:60px;left:50%;margin-left:-30px;box-shadow:0 8px 30px rgba(0,0,0,.05);text-align:center}.video-btn i{line-height:60px;font-size:21px}.video-bttn{position:relative}.video-bttn:after{content:"";position:absolute;top:50%;left:50%;z-index:1;margin-left:-30px;margin-top:-30px;);background-size:contain;display:block;width:60px;height:60px}.video-bttn.default{background-color:rgba(255,255,255,.2);border-radius:50% !important;animation:videobtn 1.9s linear infinite;display:inline-block;width:60px;height:60px}.video-bttn.default:after{margin-left:0;position:relative;left:0}.question-div{transition:all .4s ease}.question-div .question-ans{cursor:pointer;transition:all .4s ease}.question-div .question-ans.style2{border:2px solid transparent !important}.question-div .question-ans.style1.active{background-color:var(--theme-color) !important;color:#fff !important}.question-div .question-ans.style2.active{border:2px solid var(--theme-color) !important}.question-div .question-ans.style3 span{transition:all .4s ease}.question-div .question-ans.style3.active span{background-color:var(--theme-color) !important;color:#fff !important}.triangle-after{position:relative}.triangle-after:after{width:0;height:0;border-style:solid;border-width:20px 20px 0 0;border-color:#fff transparent transparent transparent;content:"";position:absolute;left:0;bottom:-20px;z-index:2}.modal-popup-body,.chat-wrapper,.chat-left{height:calc(100vh - 150px)}.custom-scroll-bar::-webkit-scrollbar-track,.modal-popup-body::-webkit-scrollbar-track,.chat-wrapper::-webkit-scrollbar-track,.chat-left::-webkit-scrollbar-track{background-color:#f1f1f1}.custom-scroll-bar::-webkit-scrollbar,.modal-popup-body::-webkit-scrollbar,.chat-wrapper::-webkit-scrollbar,.chat-left::-webkit-scrollbar{width:4px;background-color:#f1f1f1}.custom-scroll-bar::-webkit-scrollbar-thumb,.modal-popup-body::-webkit-scrollbar-thumb,.chat-wrapper::-webkit-scrollbar-thumb,.chat-left::-webkit-scrollbar-thumb{background-color:#ddd}.arrow-right:after{background-image:url(../images/arrow.png);width:50px;right:-30px;z-index:2;position:absolute;height:17px;background-size:contain;background-position:center center;display:inline-block;content:"";position:absolute;top:35px;background-repeat:no-repeat}@media only screen and (max-width: 768px){.arrow-right:after{display:none}}.nav-tabs li a{transition:all .4s ease}.nav-tabs li a.active{border-bottom:2px #333 solid !important;color:#000 !important}.login-card{min-width:380px;max-width:400px}.coming-soon-card{min-width:500px;max-width:500px}.banner-slider .style-div{height:570px}@media(max-width: 1199.98px){.banner-slider .style-div{height:450px}}.recent-post{padding-left:20px}.recent-post li{list-style-type:disc;margin-bottom:5px}.recent-post li a{font-size:14px;font-weight:500;color:#777}.next-article:before{display:block !important;content:"";width:100%;height:2px;top:0px;left:0;position:absolute;z-index:1;background:linear-gradient(to right, #FFF 0, #eeeeee 35%, #eeeeee 65%, #FFF 100%);background:-ms-linear-gradient(left, #fff 0, #eeeeee 35%, #eeeeee 65%, #fff 100%);background:-o-linear-gradient(left, #fff 0, #eeeeee 35%, #eeeeee 65%, #fff 100%);background:-webkit-linear-gradient(left, #FFF 0, #eeeeee 35%, #eeeeee 65%, #FFF 100%);background:-moz-linear-gradient(left, #fff 0, #eeeeee 35%, #eeeeee 65%, #fff 100%);background:-webkit-gradient(linear, left top, right top, color-stop(0%, #FFF), color-stop(35%, #eeeeee), color-stop(65%, #eeeeee), color-stop(100%, #FFF))}.next-article:after{display:block !important;content:"";width:100%;height:2px;bottom:0px;left:0;position:absolute;z-index:1;background:linear-gradient(to right, #FFF 0, #eeeeee 35%, #eeeeee 65%, #FFF 100%);background:-ms-linear-gradient(left, #fff 0, #eeeeee 35%, #eeeeee 65%, #fff 100%);background:-o-linear-gradient(left, #fff 0, #eeeeee 35%, #eeeeee 65%, #fff 100%);background:-webkit-linear-gradient(left, #FFF 0, #eeeeee 35%, #eeeeee 65%, #FFF 100%);background:-moz-linear-gradient(left, #fff 0, #eeeeee 35%, #eeeeee 65%, #fff 100%);background:-webkit-gradient(linear, left top, right top, color-stop(0%, #FFF), color-stop(35%, #eeeeee), color-stop(65%, #eeeeee), color-stop(100%, #FFF))}.modal-popup-chat{padding:20px;position:fixed;bottom:0;right:0;z-index:100}.modal-popup-chat .modal-popup-wrap{width:350px}.modal-popup-chat .modal-popup-wrap .modal-popup-header{top:0;left:0}.modal-popup-chat .modal-popup-wrap .modal-popup-body{padding-top:80px;padding-bottom:80px}.modal-popup-chat .modal-popup-wrap .modal-popup-footer{bottom:0;left:0}.modal-popup-chat .message-content{color:#594939;padding:10px 20px;background-color:#fcf6ee;border-radius:20px 20px 20px 0px;max-width:80%;display:inline-block;text-align:left}.modal-popup-chat .message.self .message-content{border-radius:20px 20px 0px 20px;background-color:#e2efff;color:#2a4e7f}.dot-typing{position:relative;left:-9999px;width:6px;height:6px;border-radius:5px;color:#9880ff;box-shadow:none;animation:dotTyping 1.5s infinite linear;top:-4px;position:relative}.memberlist{margin-left:-15px;position:relative}.memberlist li{display:inline-block;float:none;position:relative;width:15px}.memberlist li.last-member a{width:30px;height:30px;display:inline-block;border-radius:30px;line-height:30px}.chatlist .item{width:55px}.chatlist .item img{width:100%;border:2px var(--theme-color) solid;border-radius:50px;padding:2px}.chatlist .item.dashed img{border:2px var(--theme-color) dashed}.chatlist .item.online:after{width:10px;height:10px;background-color:#28a745;position:absolute;bottom:3px;right:3px;display:inline-block;z-index:2;content:"";border-radius:5px}.chatlist.style2 .item{width:55px;border:2px solid transparent}.chatlist.style2 .item.no-ouline{border:2px #999 solid;border-radius:22px;text-align:center;line-height:52px}.chatlist.style2 .item.no-ouline:before{content:none}.chatlist.style2 .item.no-ouline span{line-height:20px;width:110%;left:-6%;margin-top:2px}.chatlist.style2 .item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:0px;border-radius:inherit;background:linear-gradient(to right, red, orange);border-radius:22px !important}.chatlist.style2 .item img{border:2px #000 solid;margin:0px;border-radius:22px !important}.chatlist.style2 .item.online:after{bottom:2px;right:2px}.chatlist.style2 .item span{position:absolute;width:100%;margin-top:3px;text-align:center}.chat-bottom{background-color:#fff;position:absolute;bottom:0;left:0;width:100%;z-index:11}.chat-form{padding:4px;width:100%}.chat-form .form-group{width:calc(100% - 90px);border-radius:30px;float:left;margin:0 5px;position:relative}.chat-form .form-group:after{background-color:var(--theme-color);opacity:.08;width:100%;height:100%;content:"";position:absolute;top:0;left:0;border-radius:30px}.chat-form input{width:100%;border:0;border-radius:30px;font-size:14px;padding:0 15px;line-height:40px;color:#ddd;font-weight:500}.chat-form button{border:0;width:40px;height:40px;border-radius:20px}.chat-form button i{font-size:16px}.chat-body{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;margin:0px 0 0}@media(max-width: 991.98px){.chat-body{margin-top:20px;margin-bottom:0px;padding-right:20px;padding-left:20px;overflow:auto !important}}.chat-body .messages-content{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start;padding-bottom:70px !important}.chat-body .messages-content .message-item.outgoing-message{margin-left:auto;margin-right:5px}.chat-body .messages-content .message-item.outgoing-message .message-user{-webkit-box-pack:end;-webkit-justify-content:flex-end;-moz-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.chat-body .messages-content .message-item.outgoing-message .message-wrap{background-color:var(--theme-color);color:#fff}.chat-body .messages-content .message-item{max-width:97%;margin-bottom:20px}@media(max-width: 1399.98px){.chat-body .messages-content .message-item{max-width:75%}}.chat-body .messages-content .message-item .message-wrap{padding:14px;background-color:#ebeef6;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;position:relative;box-shadow:0 8px 30px rgba(0,0,0,.05);font-size:13px;color:#000;font-weight:500;line-height:24px;position:relative;z-index:2}.chat-body .messages-content .message-item .message-wrap.outgoing-message::after{display:none}@media(max-width: 1399.98px){.chat-body .messages-content .message-item .message-wrap{padding:20px}}.chat-body .messages-content .message-item .message-user{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:5px}.chat-body .messages-content .message-item .message-user .avatar{top:3px;position:relative}.chat-body .messages-content .message-item .message-user .avatar img{display:inline-block;margin-bottom:0;height:40px;width:40px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin-right:10px;box-shadow:0 8px 30px rgba(0,0,0,.05)}.chat-body .messages-content .message-item .message-user h5{font-size:14px;color:#0c0c0d;font-weight:700;line-height:1.3;margin-bottom:0px}.chat-body .messages-content .message-item .time{font-size:11px;font-weight:500;color:#aaa;margin-bottom:0px;position:relative;top:-3px;right:auto;display:inline-block}.chat-body .messages-content .message-item .time .ti-double-check:before{content:"";font-family:themify;position:relative;left:9px}.chat-body .messages-content .message-item .time .ti-double-check:after{content:"";font-family:themify}.cart-wrapper .table tbody td{border-top:0;vertical-align:middle;padding-top:10px}.input-code{width:200px;height:60px;line-height:60px}@media(max-width: 991.98px){.input-code{width:165px}}.animation-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@keyframes videobtn{0%{box-shadow:0 0 0 0 rgba(255,255,255,.1),0 0 0 10px rgba(255,255,255,.2),0 0 0 30px rgba(255,255,255,.2)}100%{box-shadow:0 0 0 10px rgba(255,255,255,.2),0 0 0 30px rgba(255,255,255,.2),0 0 0 50px rgba(255,255,255,0)}}@keyframes videobtn_red{0%{box-shadow:0 0 0 0 rgba(236,57,139,.1),0 0 0 10px rgba(236,57,139,.2),0 0 0 50px rgba(236,57,139,.3)}100%{box-shadow:0 0 0 10px rgba(236,57,139,.2),0 0 0 50px rgba(236,57,139,.2),0 0 0 100px rgba(236,57,139,0)}}@keyframes dotTyping{0%{box-shadow:9984px 0 0 0 var(--theme-color),9995px 0 0 0 var(--theme-color),10005px 0 0 0 var(--theme-color)}16.667%{box-shadow:9984px -10px 0 0 var(--theme-color),9995px 0 0 0 var(--theme-color),10005px 0 0 0 var(--theme-color)}33.333%{box-shadow:9984px 0 0 0 var(--theme-color),9995px 0 0 0 var(--theme-color),10005px 0 0 0 var(--theme-color)}50%{box-shadow:9984px 0 0 0 var(--theme-color),9995px -10px 0 0 var(--theme-color),10005px 0 0 0 var(--theme-color)}66.667%{box-shadow:9984px 0 0 0 var(--theme-color),9995px 0 0 0 var(--theme-color),10005px 0 0 0 var(--theme-color)}83.333%{box-shadow:9984px 0 0 0 var(--theme-color),9995px 0 0 0 var(--theme-color),10005px -10px 0 0 var(--theme-color)}100%{box-shadow:9984px 0 0 0 var(--theme-color),9995px 0 0 0 var(--theme-color),10005px 0 0 0 var(--theme-color)}}.right-scroll-bar{margin-left:0px;overflow-y:scroll}.right-scroll-bar::-webkit-scrollbar-track{background-color:transparent}.right-scroll-bar::-webkit-scrollbar{width:2px;background-color:transparent}.right-scroll-bar::-webkit-scrollbar-thumb{background-color:#aaa}.scroll-bar{margin-left:0px;overflow-y:scroll}.scroll-bar::-webkit-scrollbar-track{background-color:#f0f0f0}.scroll-bar::-webkit-scrollbar{width:2px;background-color:#f5f5f5}.scroll-bar::-webkit-scrollbar-thumb{background-color:#aaa}.email-message a{margin-bottom:3px;padding:20px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:60px;position:relative}@media(max-width: 991.98px){.email-message a{padding:20px 10px;height:auto;display:block}}.email-message a .form-check{display:inline-block;position:relative}@media(max-width: 991.98px){.email-message a .form-check{display:none}}.email-message a .email-user{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:0;-ms-flex:0 0 226px;flex:0 0 226px;width:226px;padding:0 20px 0 10px}.email-message a .email-user img,.email-message a .email-user span.btn-round-sm{margin-left:7px;margin-right:7px}@media(max-width: 991.98px){.email-message a .email-user .btn-round-xss{display:none}}@media(max-width: 991.98px){.email-message a .email-user h6{margin-left:4px}}@media(max-width: 1199.98px){.email-message a .email-user{flex:0 0 180px;width:180px;padding:0 20px 0 0px}}@media(max-width: 991.98px){.email-message a .email-user{width:100%;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:0}}.email-message a .email-subject{position:relative;-webkit-box-flex:0;-ms-flex:0 0 210px;flex:0 0 210px;width:210px;padding:0 20px 0 34px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;font-weight:500;color:#44444f;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media(max-width: 991.98px){.email-message a .email-subject{display:none}}.email-message a .email-text{-webkit-box-flex:0;-ms-flex:0 0 calc(100% - 552px);flex:0 0 calc(100% - 552px);max-width:calc(100% - 552px);padding-right:20px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;color:#92929d}@media(max-width: 991.98px){.email-message a .email-text{max-width:100%;height:46px;margin-top:-10px;padding:0 0 0 47px;white-space:normal;line-height:1.66667}}.email-message a .email-file{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;width:24px;height:24px;font-size:0}@media(max-width: 991.98px){.email-message a .email-file{display:inline-block;position:absolute;top:50px;left:10px;width:auto}}.email-message a .email-time{-webkit-box-flex:0;-ms-flex:0 0 72px;flex:0 0 72px;width:72px;margin-left:auto;text-align:right;font-size:12px;color:#696974}@media(max-width: 991.98px){.email-message a .email-time{display:inline-block;position:absolute;top:14px;right:15px;width:auto}}.course-slider{height:410px;background-color:#000}@media(max-width: 1199.98px){.course-slider{height:370px}}.course-slider .card-body{width:60%;padding:0px 0 0 70px;z-index:3}@media(max-width: 991.98px){.course-slider .card-body{width:90%;padding:20px}}@media(max-width: 991.98px){.course-slider .card-body .w200{width:150px !important}}.course-slider .video-wrap{width:80%;margin-left:auto;position:relative;height:100%}@media(max-width: 991.98px){.course-slider .video-wrap{width:100%}}.course-slider .video-wrap:after{content:"";position:absolute;top:0;left:0%;width:60%;height:100%;background:linear-gradient(to right, #000, transparent);z-index:2}.course-slider .video-wrap video{position:absolute;width:120%;top:0}@media(max-width: 991.98px){.course-slider .video-wrap video{width:200%}}.cat-card-hover{cursor:pointer}.cat-card-hover img{transition:all .4s ease !important;position:relative}.cat-card-hover:hover img{transform:scale(1.2)}.course-card .card-image{overflow:hidden}.course-card .card-image img{transition:all .4s ease !important;position:relative}.course-card:hover .card-image img{transform:scale(1.1)}@media(min-width: 991px){.navbar-collapse{display:flex !important;flex-basis:auto}.main-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100vh;overflow:hidden}.middle-wrap{max-width:800px;margin-left:auto;margin-right:auto}.pr-md--2{padding-right:.5rem !important}.pl-md--2{padding-left:.5rem !important}.pt-lg--5{padding-top:30px !important}.pb-lg--5{padding-bottom:30px !important}.pt-lg--7{padding-top:75px !important}.pb-lg--7{padding-bottom:75px !important}.pt-lg--10{padding-top:125px !important}.pb-lg--10{padding-bottom:125px !important}.pl-md--0{padding-left:0}.p-md--5{padding:3rem !important}.float-right-md{float:right !important}.vh-lg--100{height:100vh}}@media(min-width: 768px){.p-md--5{padding:3rem !important}.vh-md-100{height:100vh}}@media(min-width: 1800px){.col-xxl-9{flex:0 0 73%;max-width:73%}.col-xxl-3{flex:0 0 27%;max-width:27%}.col-xxxl-3{flex:0 0 25%;max-width:25%}.col-xxxl-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-xxxl-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}}@media(min-width: 1600px){.container-half-fluid{width:1400px}.p-xxl-5{padding:3rem !important}}@media(min-width: 1400px){.middle-sidebar-left{padding-right:20px}}@media(min-width: 1200px){.vh-lg-100{height:100vh}.pl-lg--5{padding-left:3rem !important}.pr-lg--5{padding-right:3rem !important}.p-lg--5{padding:3rem !important}}@media(max-width: 1600px){.display5-size{font-size:60px !important}.main-content .middle-sidebar-bottom .sidebar-right{visibility:visible;opacity:1}.main-content .middle-sidebar-bottom .middle-sidebar-left{width:100%}.middle-sidebar-right{position:fixed;top:0;right:-504px;z-index:2;padding:15px;overflow:scroll;height:calc(100vh);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:rgba(255,255,255,.3)}.middle-sidebar-right.active-sidebar{right:0px}}@media(max-width: 1400px){.overflow-visible-xl,.overflow-visible-xl .owl-stage-outer{overflow:visible !important}.xl-p-5{padding:3rem}}@media(max-width: 1200px){.coming-soon-card,.login-card{padding-top:100px;padding-bottom:100px}.display4-lg-size{font-size:50px !important}}@media(max-width: 991px){.display2-md-size{font-size:30px !important}.display4-md-size{font-size:40px !important}.coming-soon-card,.login-card{padding-top:50px;padding-bottom:50px}.md-mb-2{margin-bottom:1rem !important}.main-content .middle-sidebar-bottom .sidebar-right{display:none}}@media(max-width: 768px){.col-xs-12{flex:0 0 100%;max-width:100%}.col-xs-6{flex:0 0 50%;max-width:50%}.col-xs-3{flex:0 0 25%;max-width:25%}.col-xs-9{flex:0 0 75%;max-width:75%}.sm-mb-4{margin-bottom:2rem !important}.sm-mt-2{margin-top:1rem !important}.sm-mt-7{margin-top:5rem !important}.sm-mb-5{margin-bottom:3rem !important}.font-md-xxl{font-size:28px !important}.sm-text-center{text-align:center}.coming-soon-card,.login-card{min-width:320px}.sm-pt-10{padding-top:5rem}}@media(max-width: 576px){.d-none-xs{display:none !important}.xs-mb-4{margin-bottom:2rem !important}.xs-mb-2{margin-bottom:1rem !important}.xs-p-4{padding:2rem}.xs-pt-10{padding-top:150px}.owl-theme.owl-nav-link .owl-nav .icon-nav,.owl-theme.nav-xs-none .owl-nav{display:none !important}.col-xss-6{flex:0 0 50%;max-width:50%}.display4-xs-size{font-size:40px !important}.font-md-xs{font-size:18px !important}.display1-sm-size{font-size:25px !important}}/*# sourceMappingURL=style.css.map */

.olm-ads {

min-height: 300px

}

</style>

<link rel="preload" href="https://rs.olm.vn/css/style.css?v=1777289580" as="style"

onload="this.onload=null;this.rel='stylesheet'">

<noscript>

<link rel="stylesheet" href="https://rs.olm.vn/css/style.css?v=1777289580">

</noscript>

<link rel="preload" href="https://rs.olm.vn/css/desktop/olm.css?v=1777289580" as="style"

onload="this.onload=null;this.rel='stylesheet'">

<noscript>

<link rel="stylesheet" href="https://rs.olm.vn/css/desktop/olm.css?v=1777289580">

</noscript>

<link rel="preload" href="https://rs.olm.vn/css/font-awesome/fontawesome.css?v=1777289580" as="style"

onload="this.onload=null;this.rel='stylesheet'">

<noscript>

<link rel="stylesheet" href="https://rs.olm.vn/css/font-awesome/fontawesome.css?v=1777289580">

</noscript>

<link rel="preload" href="https://rs.olm.vn/css/font-awesome/regular.css?v=1777289580" as="style"

onload="this.onload=null;this.rel='stylesheet'">

<noscript>

<link rel="stylesheet" href="https://rs.olm.vn/css/font-awesome/regular.css?v=1777289580">

</noscript>

<link rel="preload" href="https://rs.olm.vn/css/font-awesome/brands.css?v=1777289580" as="style"

onload="this.onload=null;this.rel='stylesheet'">

<noscript>

<link rel="stylesheet" href="https://rs.olm.vn/css/font-awesome/brands.css?v=1777289580">

</noscript>

<link rel="preload" href="https://rs.olm.vn/css/font-awesome/solid.css?v=1777289580" as="style"

onload="this.onload=null;this.rel='stylesheet'">

<noscript>

<link rel="stylesheet" href="https://rs.olm.vn/css/font-awesome/solid.css?v=1777289580">

</noscript>

<link rel="preload" href="https://rs.olm.vn/css/desktop/feather.css?v=1777289580" as="style"

onload="this.onload=null;this.rel='stylesheet'">

<noscript>

<link rel="stylesheet" href="https://rs.olm.vn/css/desktop/feather.css?v=1777289580">

</noscript>

<link rel="preload" href="https://rs.olm.vn/vendor/select2/css/select2.min.css?v=1777289580" as="style"

onload="this.onload=null;this.rel='stylesheet'">

<noscript>

<link rel="stylesheet" href="https://rs.olm.vn/vendor/select2/css/select2.min.css?v=1777289580">

</noscript>

<link rel="preload" href="https://rs.olm.vn/css/jquery.webui-popover.min.css?v=1777289580" as="style"

onload="this.onload=null;this.rel='stylesheet'">

<noscript>

<link rel="stylesheet" href="https://rs.olm.vn/css/jquery.webui-popover.min.css?v=1777289580">

</noscript>

<link rel="stylesheet" type="text/css" href="https://rs.olm.vn/css/chat/chat.css?v=1777289580">

<link rel="stylesheet" type="text/css" href="https://rs.olm.vn/vendor/katex/katex.min.css?v=1777289580">


<title>

Trò chuyện

</title>

<meta name="description" content="Trò chuyện">

<meta name="keywords" content="Trò chuyện">

<meta name="author" content="olm.vn">

<meta name="publisher" content="olm.vn">

<meta name="dc:publisher" content="olm.vn">

<meta name="dc:description" content="Trò chuyện">

<link rel="canonical" href="https://olm.vn/messages/tro-chuyen"/>

<meta property="og:locale" content="vi_VN" />

<meta property="og:type" content="website" />

<meta property="og:title" content="Trò chuyện" />

<meta property="og:description" content="Trò chuyện" />

<meta property="og:site_name" content="OLM" />

<meta property="og:url" content="https://olm.vn/messages/tro-chuyen" />

<meta property="og:image" content="https://olm.vn/images/logo-og-1.jpg" />



<script type="application/ld+json">

{"@context":"https:\/\/schema.org","@type":"WebPage","name":"Trò chuyện","description":"Trò chuyện","image":"https:\/\/olm.vn\/images\/logo-og-1.jpg"}

</script>

<!-- Google Tag Manager -->

<script>

document.addEventListener("DOMContentLoaded", function() {

(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':

new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],

j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.defer=true;j.async=true;j.src=

'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);

})(window,document,'script','dataLayer','GTM-WXVQJST');

});

</script>

<!-- Global site tag (gtag.js) - Google Ads: 936648078 -->

<script defer src="https://www.googletagmanager.com/gtag/js?id=AW-936648078"></script>

<script>

window.dataLayer = window.dataLayer || [{

'user_id': "15111387746043",

"life_time": 1293,

"vip_expired": -122,

"user_type": 1,

"vip_type": -1,

"site": "olm",

}];

function gtag(){dataLayer.push(arguments);}

gtag('js', new Date());


gtag('config', 'AW-936648078');

</script>

<!-- OTM Tracking Script -->

<script>

window.OTM_SERVER_DATA = {

csrfToken: "W3hnIXtHziet6HsFduDCcOn4FB9cAywCAQK48wa1",

currentRouteName: "chat-page",

debug: false,

endpoint: '/api/otm/collect',

user: {

// Lấy user hiện tại

id: '15111387746043',

email: 'nguyenhaiquan5a1@gmail.com',

phone: '',

fn: '',

ln: 'YouTube',

account_status: 'miễn phí',

vip_source: 'free',

user_type: 'teacher',

client_ip_address: '162.158.114.242',

fbp: 'fb.1.1776615085690.190927876473527221',

fbc: null ,

},

device_type: 'desktop',

referrer: 'https://olm.vn/',

};


// Khởi tạo layer sớm để hứng event inline nếu có

window.otmDataLayer = window.otmDataLayer || [];

</script>

<!-- OTM Tracking Disabled for this route -->

<script src="https://rs.olm.vn/js/modules/otm/otm.js?v=1777289580" defer></script>

</head>


<body class="color-theme-olm ">

<div class="main-wrap">

<div class="header-wrapper shadow-xss bg-primary-v2 header-olm header-sticky-olm">

<div class="py-2 container-fluid">

<div class="row">

<div class="col-8 pt-0 pb-0 pr-0">

<div class="d-inline-flex mr-3">

<a href="https://olm.vn" title="logo OLM">

<img data-src='/images/logo-white.png?v=1777289580' width='120' height='40' alt='Học trực tuyến' title="OLM.VN" class='img-logo lazyload' />

</a>

</div>

<div class="ml-1 d-inline-flex border opacity-header rounded rounded-xl px-0 h47">

<div class="d-flex align-items-center overlay-box-tmp-search">

<div class="align-self-start">

<button class="btn btn-link text-white opacity-header btn-lg not-hover not-focus submit-search-content" data-href="/hoc-lieu-mo/chi-tiet" id="searcholm" aria-label="searcholm">

<i class=" far fa-search "></i>

</button>

</div>

<div class="pl-0">

<input class="form-control border-0 not-hover not-focus font-weight-bold p-0 main-input-search v2" name="q" type="text" placeholder="Tìm kiếm bài học, bài tập, mã lớp, mã khóa học..." value="" data-href="/hoc-lieu-mo/chi-tiet">

</div>

<div class="align-self-end">

<div class="d-flex align-items-center pb-1 pb-1 mr-1">

<select id = "type_search" class="custom-select opacity-header border-0 rounded-xxl width-100" name="type_search" aria-label="search">

<option value="cate">

Học liệu

</option>

<option value="discuss">

Hỏi đáp

</option>

</select>

</div>

</div>

</div>

</div>

</div>

<div class="col-4 text-right d-flex justify-content-end">

<div class="d-flex float-right align-items-center">

<ul class="d-flex ml-auto right-menu-icon">

<li class="nav-item d-flex align-items-center header-request-trigger ml-4">

<a href="#" title="Bạn bè" class="float-right text-center text-grey-800 position-relative header-trigger" data-type="friend" aria-expanded="false" role="button">

<i class="font-md align-middle text-white opacity-header far fa-user " ></i>

<span class="icon-count bg-secondary-v2 d-none friend-request-count"></span>

</a>

</li>

<li class="nav-item d-flex align-items-center ml-4 header-chat-trigger">

<a href="https://olm.vn/messages/tro-chuyen" class="float-right text-center text-grey-800 position-relative" title="Trao đổi">

<i class="font-md text-white opacity-header align-middle far fa-comments " ></i>

<span class="icon-count bg-secondary-v2 new-message-count">

1

</span>

</a>


</li>

<li class="nav-item d-flex align-items-center dropdown ml-4 header-noti-trigger">

<div class="header-trigger dropdown-box" data-type="noti">

<i class="font-md text-white opacity-header align-middle far fa-bell " ></i>

<span class="icon-count bg-secondary-v2 d-none noti-count"></span>

<div class="menu-dropdown header-noti w-340-p shadow px-4 py-3">

<p class="fw-700 font-xs mb-2">

Thông báo

</p>

<div class="d-flex mb-2">

<div class="mr-auto"><strong>

Mới

</strong></div>

<div>

<a href="https://olm.vn/notifications" title="Xem tất cả tin nhắn" class="olm-text-link">

Xem tất cả

</a>

</div>

</div>

<div class="list-noti" data-type="list-noti"></div>

<div class="text-primary d-flex justify-content-center" data-type="loader"></div>

</div>

</div>

</li>

<li class="nav-item d-flex align-items-center dropdown ml-4" id="dropdownMenuUser">

<div class="dropdown-box">

<div class="d-flex align-items-center">

<span class='olm-circle olm-bg-primary rounded-circle border ' data-input='youtube' style='width:40px;height:40px;font-size:20px'>

Y

</span>

<span class="ml-1 font-weight-bold text-white opacity-header text-truncate align-text-top d-none d-xl-inline-block mw-100">

YouTube

</span>

</div>

<div class="menu-dropdown header-user px-0 scroll-bar mh-80vh">

<p class="fw-700 font-xs mb-2 text-center">

<a href="https://olm.vn/thanhvien/15111387746043" class="olm-text-link" title="YouTube">

YouTube

</a>

</p>

<a href="https://olm.vn/thong-tin-tai-khoan/info" class="dropdown-item d-flex align-items-center font-xss" title="Thông tin account">

<i class="mr-2 font-xs far fa-cog " ></i>

Thông tin

</a>

<a href="/dang-xuat" class="dropdown-item d-flex align-items-center font-xss" title="Thoát">

<i class="mr-2 font-xs far fa-sign-out-alt " ></i>

Đăng xuất

</a>

<a href="https://olm.vn/intro-invite" title="Giới thiệu bạn bè" class="dropdown-item d-flex align-items-center font-xss">

<i class="font-sm w-24-p mr-1 far fa-gift " ></i>

<span>

Giới thiệu bạn bè

</span>

</a>

<a href="https://olm.vn/thongke" title="Học bạ" class="dropdown-item d-flex align-items-center font-xss">

<i class="font-sm w-24-p mr-1 far fa-chart-bar " ></i>

<span>

Học bạ

</span>

</a>

<a href="/mua-vip" title="Mua VIP" class="dropdown-item d-flex align-items-center font-xss">

<i class="font-sm w-24-p mr-1 far fa-star " ></i>

<span>

Mua VIP

</span>

</a>

<a href="/vi-cua-toi" title="Ví của tôi" class="dropdown-item d-flex align-items-center font-xss">

<i class="font-sm w-24-p mr-1 far fa-wallet " ></i>

<span>

Ví của tôi

</span>

</a>

<a href="https://olm.vn/course/my-feedback" title="Báo lỗi câu hỏi" class="dropdown-item d-flex align-items-center font-xss">

<i class="font-sm w-24-p mr-1 far fa-exclamation-triangle " ></i>

<span>

Báo lỗi câu hỏi

</span>

</a>

<a href="https://olm.vn/home" title="Trang giáo viên" class="dropdown-item d-flex align-items-center font-xss">

<i class="font-sm w-24-p mr-1 far fa-server " ></i>

<span>

Trang giáo viên

</span>

</a>

<a href="https://olm.vn/thong-ke-dung-luong" title="Thống kê dung lượng" class="dropdown-item d-flex align-items-center font-xss">

<i class="font-sm w-24-p mr-1 far fa-server " ></i>

<span>

Thống kê dung lượng

</span>

</a>

<a href="https://olm.vn/hoc-lieu-cua-toi" title="Thư viện của tôi" class="dropdown-item d-flex align-items-center font-xss">

<i class="font-sm w-24-p mr-1 far fa-copy " ></i>

<span>

Thư viện của tôi

</span>

</a>

<a href="https://olm.vn/me/enteralflame" title="Trang chia sẻ khóa học/học liệu" class="dropdown-item d-flex align-items-center font-xss">

<i class="font-sm w-24-p mr-1 far fa-copy " ></i>

<span>

Trang chia sẻ khóa học/học liệu

</span>

</a>

</div>

</div>

</li>


</ul>

</div>

</div>

</div>

</div>

</div>

<div class="distance-with-body h40rem"></div>


<div class="chat-sidebar">

<div class="box-chat-groups overflow-auto scroll-bar bg-white border mmh-100">

<div class="group-box-list"></div>

<div class="loader text-center p-3"></div>

</div>

</div>

<div class="chat-box-content">

<div class="group-title px-3 py-2 bg-white position-sticky top-0" style="z-index: 999"></div>

<div class="box-chat-with scroll-bar">

<div class="loader text-center"></div>

<div class="chat-body">

<div class="messages-list messages-content"></div>

</div>

<div class="dark-bg chat-bottom">

<form class="chat-form w-100 form-submit-mess-page" action="#">

<input type="hidden" name="_token" value="W3hnIXtHziet6HsFduDCcOn4FB9cAywCAQK48wa1">

<input type="hidden" name="id_group">

<div class="d-flex align-items-center">

<input class="w-100 border text-dark" type="text" name="message"

placeholder="Nhập tin nhắn ở đây ..." />

<div class="ml-2">

<button type="submit" class="bg-current">

<i class="text-white far fa-paper-plane " ></i>

</button>

</div>

</div>

</form>

</div>

</div>

</div>


</div>


<div class="position-fixed right-0 p-3" style="z-index: 10000;" id="olm-toast">

</div>

<div class="modal fade" id="modal-friend-request" tabindex="-1" aria-labelledby="modal-title-groups-chat" aria-hidden="true">

<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">

<div class="modal-content">

<div class="modal-header">

<h5 class="modal-title" id="modal-title-groups-chat">

Lời mời kết bạn

</h5>

<button type="button" class="close p-0 m-0" data-dismiss="modal" aria-label="Close">

<span aria-hidden="true">

&times;

</span>

</button>

</div>

<div class="modal-body scroll-bar" data-type="box-list-request">

<ul class="groups-chat-content list-unstyled" data-type="list-request"></ul>

<div class="text-primary d-flex justify-content-center" data-type="loader"></div>

<div class="alert alert-success text-center mt-2">

<a class="olm-text-link fw-600" href="https://olm.vn/thanhvien/15111387746043/ban-be" title="Danh sách bạn bè">

Danh sách bạn bè

</a>

</div>

</div>

</div>

</div>

</div>


<div class="modal fade" id="modal-groups-chat" tabindex="-1" aria-labelledby="modal-title-groups-chat"

aria-hidden="true">

<div class="modal-dialog modal-dialog-scrollable modal-dialog-centered">

<div class="modal-content">

<div class="modal-header align-items-center">

<h5 class="modal-title" id="modal-title-groups-chat">

Tin nhắn

</h5>

<button type="button" class="close p-0 m-0" data-dismiss="modal" aria-label="Close">

<span aria-hidden="true">

&times;

</span>

</button>

</div>

<div class="modal-body scroll-bar" data-type="group-box-list">

<ul class="list-group list-group-flush groups-chat-content" data-type="group-list">

</ul>

<div class="text-primary d-flex justify-content-center" data-type="loader"></div>

</div>

</div>

</div>

</div>


<div class="modal fade" id="modal-chat-with" tabindex="-1" aria-labelledby="modal-title-group-chat" aria-hidden="true">

<div class="modal-dialog modal-lg modal-dialog-scrollable modal-dialog-centered">

<div class="modal-content h600">

<div class="modal-header">

<div class="d-flex align-items-center">

<button type="button" class="btn btn-link" id="back-to-group-modal">

<i class="olm-text-primary far fa-chevron-left " ></i>

</button>

<div class="modal-title" data-type="group-title" id="modal-title-group-chat"></div>

</div>

<button type="button" class="close p-0 m-0" data-dismiss="modal" aria-label="Close">

<span aria-hidden="true">

&times;

</span>

</button>

</div>

<div class="modal-body scroll-bar" data-type="group-box-list">

<div class="text-primary d-flex justify-content-center" data-type="loader"></div>

<div class="d-none d-lg-block d-md-block">

<div class="chat-wrapper pt-0 w-100 position-relative h-80">

<div class="chat-body px-2">

<div class="messages-content pb-5" data-type="messages-list"></div>

</div>

</div>

</div>

</div>

<div class="modal-footer dark-bg chat-bottom">

<form class="chat-form w-100" action="/messages/create" id="form-submit-mess">

<input type="hidden" name="_token" value="W3hnIXtHziet6HsFduDCcOn4FB9cAywCAQK48wa1">

<input type="hidden" name="id_group">

<div class="d-flex align-items-center">

<input class="w-100 border text-dark" type="text" name="message" placeholder="Nhập tin nhắn ở đây ..." />

<div class="ml-2">

<button type="submit" class="bg-current">

<i class="text-white far fa-paper-plane " ></i>

</button>

</div>

</div>

</form>

</div>

</div>

</div>

</div>


<div class="modal " id="modal-form-active-mail" >

<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-lg ">

<div class="modal-content">

<div class="modal-header">

<h5 class="modal-title">

Xác thực

</h5>

<button type="button" class="close p-0 m-0" data-dismiss="modal" aria-label="Close">

<span aria-hidden="true">

&times;

</span>

</button>

</div>

<div class="modal-body scroll-bar">

<div>

<nav>

<div class="nav nav-tabs" id="nav-tab" role="tablist">


<button class="nav-link" id="nav-verify-email-tab" data-toggle="tab" data-target="#nav-verify-email" type="button" role="tab" aria-controls="nav-verify-email" aria-selected="false"><b class="font-xss">

Email

</b></button>

<button class="nav-link" id="nav-verify-tel-tab" data-toggle="tab" data-target="#nav-verify-tel" type="button" role="tab" aria-controls="nav-verify-tel" aria-selected="true"><b class="font-xss">

Số điện thoại

</b></button>

</div>

</nav>

<div class="tab-content mt-3" id="nav-tabContent">


<div class="tab-pane fade show active" id="nav-verify-email" role="tabpanel" aria-labelledby="nav-verify-email-tab">

<div class="alert alert-info">

Thầy cô vui lòng xác thực email để bảo vệ tài khoản và nhận thưởng VIP.

</div>

<div class="form-group">

<label class="required col-4">

Email:

</label>

<input class="form-control col-6" type="email" name="email" placeholder="Nhập địa chỉ email" />

</div>

<div class="alert alert-danger d-none alert-exists-email">

<p class="mb-2"><strong><i class="fa fa-exclamation-triangle mr-1"></i>

Email này đã được dùng ở tài khoản khác!

</strong>

Thầy/Cô có 2 lựa chọn:

</p>

<ul class="mb-2">

<li><strong>

Cách 1:

</strong>

Dùng email này làm

<strong>

email phụ huynh

</strong>

cho tài khoản hiện tại → Bấm nút bên dưới

</li>

<p class="mb-1 alert alert-warning py-2"><i class="fa fa-exclamation-triangle mr-1"></i>

<strong>

Lưu ý:

</strong>

Khi đăng nhập bằng email này, hệ thống sẽ vào

<strong>

tài khoản cũ

</strong>

(không phải tài khoản hiện tại).

</p>

<button class="btn btn-primary btn-agree-email-parent mb-3">

Dùng làm email phụ huynh

</button>

<li>

<strong>

Cách 2:

</strong>

Muốn xác thực email cho tài khoản hiện tại:

<ol class="mt-1 mb-0">

<li><strong>

Bước 1:

</strong>

Đăng nhập vào tài khoản cũ (bằng email này)

</li>

<li><strong>

Bước 2:

</strong>

Vào phần thông tin tài khoản → Hủy xác thực email (trong trường hợp chưa xác thực tiến hành xác thực rồi hủy)

</li>

<li><strong>

Bước 3:

</strong>

Quay lại tài khoản hiện tại để xác thực

</li>

</ol>

</li>

</ul>

</div>

<div class="form-group">

<label class="required col-4">

Số điện thoại:

</label>

<input class="form-control col-6" type="phone" name="phone" value="" placeholder="Nhập số ĐT" />

</div>

<div class="form-group mt-3 float-right">

<button class="btn olm-btn-two btn-cancel">

Không hiện lại nữa

</button>

<button class="btn olm-btn-primary btn-verify-email">

Gửi

</button>

</div>

</div>

<div class="tab-pane fade" id="nav-verify-tel" role="tabpanel" aria-labelledby="nav-verify-tel-tab">

<div class="alert alert-primary">

<h5 class="title">

Nhắn tin để xác thực số điện thoại

</h5>

<p>

Để xác thực số ĐT, bạn vui lòng soạn tin nhắn theo cú pháp:

<b>

olm enteralflame

</b>

và gửi đến số:

<div data-key="olm-verify-phone-number" data-type="dynamic" class="olm-dynamic-content d-inline"><b>

0364 341 077

</b></div></p>

<p>

Khi nhận được phản hồi từ hệ thống. Bạn hãy nhấn nút bên dưới để kiểm tra lại và nhận

<b>

2 ngày

</b>

VIP.

</p>

<p><b>

Lưu ý: 1 số điện thoại có thể dùng cho nhiều tài khoản, nhưng VIP sẽ chỉ được cộng cho tài khoản xác thực đầu tiên.

</b></p>


<p class='waiting-verify-tel'></p>

<button class="btn btn-primary check-verify-tel">

Kiểm tra xác thực

</button>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

<div class="modal " id="modal-form-verify-tel" >

<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-lg ">

<div class="modal-content">

<div class="modal-header">

<h5 class="modal-title">

Bổ sung thông tin

</h5>

<button type="button" class="close p-0 m-0" data-dismiss="modal" aria-label="Close">

<span aria-hidden="true">

&times;

</span>

</button>

</div>

<div class="modal-body scroll-bar">

<div>

<div class="tab-content mt-3" id="nav-tabContent">

<div class="tab-pane fade show active" >

<div class="form-group">

<label class="required col-4">

Số điện thoại:

</label>

<input class="form-control col-6" type="phone" name="phone" value="" placeholder="Nhập số điện thoại" />

</div>

<div class="form-group mt-3 float-right">

<button class="btn olm-btn-two btn-cancel">

Không hiện lại nữa

</button>

<button class="btn olm-btn-primary btn-verify-tel">

Xác nhận

</button>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

<div class="modal fade" id="modal-change-password" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">

<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">

<div class="modal-content">

<div class="modal-header align-items-center">

<h3 class="modal-title" id="modal-title-groups-chat">

Thay đổi mật khẩu

</h3>

<button type="button" class="close p-0 m-0" data-dismiss="modal" aria-label="Close">

<span aria-hidden="true">

&times;

</span>

</button>

</div>

<div class="modal-body" data-type="group-box-list">

<div class="alert alert-primary alert-change-pass mb-2" role="alert">

<span class="text-alert text-justify d-block"></span>

</div>

<div class="alert alert-warning mb-2">

<p class="m-0">

Nếu mật khẩu bị lộ, kẻ xấu có thể:

</p>

<ul class="list-style-disc pl-3 m-0">

<li class="m-0"><b>

Xóa bài tập, thay đổi nội dung học liệu, hoặc phá hoại lớp học online.

</b></li>

<li class="m-0"><b>

Lấy được danh sách học sinh thầy/cô phụ trách, gây mất an toàn dữ liệu cá nhân.

</b></li>

<li class="m-0"><b>

Gửi thông báo sai lệch hoặc làm giả thông tin dưới danh nghĩa của thầy/cô.

</b></li>

</ul>

</div>

<form action="change-password" method="POST">

<input type="hidden" name="_token" value="W3hnIXtHziet6HsFduDCcOn4FB9cAywCAQK48wa1">

<div class="form-group position-relative">

<label class="required label-password" for="">

Mật khẩu cũ:

</label>

<input class="form-control input-password" type="password" autocomplete="off" name="old-password" placeholder="Nhập mật khẩu cũ của bạn">

<i class="position-absolute bottom-15 right-10-p cursor-pointer far fa-eye " onclick=MAIN_UI.showPassword(this)></i>

</div>

<div class="form-group position-relative mb-1">

<label class="required" for="">

Mật khẩu mới:

</label>

<input class="form-control input-password" type="password" autocomplete="off" name="new-password" placeholder="Nhập mật khẩu mới tại đây">

<i class="position-absolute bottom-15 right-10-p cursor-pointer far fa-eye " onclick=MAIN_UI.showPassword(this)></i>

</div>

<div class="box-check-level"></div>

<div class="olm-text-two">

Gợi ý:

<b>

Sử dụng ít nhất 8 ký tự, bao gồm chữ hoa, chữ thường, số và ký tự đặc biệt.

</b></div>

<div class="form-group d-flex justify-content-end">

<button class="btn olm-btn-primary mr-2" type="submit">

Xác nhận

</button>

</div>

</form>

</div>

</div>

</div>

</div>




<div class="modal " id="modal-give-coin" >

<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable ">

<div class="modal-content">

<div class="modal-header">

<h5 class="modal-title">

Chuyển Coin/Xu

</h5>

<button type="button" class="close p-0 m-0" data-dismiss="modal" aria-label="Close">

<span aria-hidden="true">

&times;

</span>

</button>

</div>

<div class="modal-body scroll-bar">

<!-- Alert thông báo -->

<div class="alert alert-info border-0 rounded-3 mb-4">

<div class="d-flex align-items-center">

<i class="fas fa-info-circle me-2 text-info"></i>

<div>

<strong>

Lưu ý:

</strong>

Tài khoản khả dụng của bạn phải trên 50 coin/xu mới có thể sử dụng chức năng này!

</div>

</div>

</div>



<!-- Card chọn loại tiền tệ - Cho tất cả user -->

<div class="card border-0 shadow-sm mb-4">

<div class="card-header bg-gradient-success text-white border-0 rounded-top">

<h6 class="mb-0">

<i class="fas fa-hand-holding-usd me-2"></i>

Chọn loại tiền tệ

</h6>

</div>

<div class="card-body">

<div class="row g-3">

<div class="col-6">

<div class="form-check form-check-card">

<input type="radio" id="select-give-coin" name="select-currency"

value="0"

class="form-check-input" checked>

<label class="form-check-label card h-100 border-2 border-primary text-center p-3" for="select-give-coin">

<div class="mb-2">

<i class="fas fa-coins fa-2x text-primary"></i>

</div>

<h6 class="mb-0 text-primary fw-bold">

Coin

</h6>

</label>

</div>

</div>

<div class="col-6">

<div class="form-check form-check-card">

<input type="radio" id="select-give-xu" name="select-currency"

value="1"

class="form-check-input">

<label class="form-check-label card h-100 border-2 border-success text-center p-3" for="select-give-xu">

<div class="mb-2">

<i class="fas fa-coins fa-2x text-success"></i>

</div>

<h6 class="mb-0 text-success fw-bold">

Xu

</h6>

</label>

</div>

</div>

</div>

</div>

</div>


<!-- Card thông tin giao dịch -->

<div class="card border-0 shadow-sm">

<div class="card-header bg-light border-0 rounded-top">

<h6 class="mb-0">

<i class="fas fa-edit me-2 text-primary"></i>

Thông tin giao dịch

</h6>

</div>

<div class="card-body">

<!-- Số lượng -->

<div class="form-group mb-4">

<label for="mgc-coin" class="form-label fw-bold">

<i class="fas fa-calculator me-1 text-warning"></i>

Số lượng:

<span class="text-danger">

*

</span>

</label>

<div class="input-group input-group-lg">

<span class="input-group-text bg-light border-2">

<i class="fas fa-hashtag text-muted"></i>

</span>

<input type="number" class="form-control border-2" id="mgc-coin"

placeholder="Nhập số coin/xu cần chuyển" min="50" max="999999" />

<span class="input-group-text bg-light border-2" id="coin-type-display">

<span class="badge bg-primary" id="coin-type-display-text"></span>

</span>

</div>

<small class="form-text text-muted mt-2">

<i class="fas fa-info-circle me-1"></i>

Số lượng tối thiểu: 50, tối đa: 999,999

</small>

</div>


<!-- Nội dung -->

<div class="form-group mb-3">

<label for="mgc-message" class="form-label fw-bold">

<i class="fas fa-comment-alt me-1 text-info"></i>

Nội dung giao dịch:

<span class="text-danger">

*

</span>

</label>

<div class="position-relative">

<textarea class="form-control border-2" id="mgc-message" rows="4"

placeholder="Nhập lý do hoặc nội dung giao dịch..." maxlength="500">

YouTube chuyển cho bạn

</textarea>

<small class="position-absolute bottom-0 end-0 me-2 mb-1 text-muted">

<span id="message-count">

0

</span>

/500

</small>

</div>

<small class="form-text text-muted mt-2">

<i class="fas fa-lightbulb me-1"></i>

Nội dung này sẽ hiển thị trong lịch sử giao dịch

</small>

</div>

</div>

</div>

</div>

<div class="modal-footer">

<button class='btn olm-btn-primary text-white btn-submit mb-0'>

Xác nhận thao tác

</button>

<button type="button" class="btn btn-secondary btn-cancel mb-0" data-dismiss="modal">

Hủy bỏ

</button>

</div>

</div>

</div>

</div>

<div class="modal " id="modal-confirm-transaction" >

<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable ">

<div class="modal-content">

<div class="modal-header">

<h5 class="modal-title">

Xác nhận giao dịch

</h5>

<button type="button" class="close p-0 m-0" data-dismiss="modal" aria-label="Close">

<span aria-hidden="true">

&times;

</span>

</button>

</div>

<div class="modal-body scroll-bar">

<!-- Hidden data để lưu transaction info -->

<input type="hidden" id="transaction-id" value="">


<div class="card border-0 shadow-sm">

<div class="card-header bg-primary text-white">

<h6 class="mb-0">

<i class="fas fa-coins me-2"></i>

Thông tin giao dịch

</h6>

</div>

<div class="card-body">

<!-- Thông tin người nhận -->

<div class="row mb-3">

<div class="col-4">

<span class="text-muted">

Đến tài khoản:

</span>

</div>

<div class="col-8">

<strong id="target-fullname">

-

</strong>

<br>

<small class="text-muted">

Username:

<span id="target-username">

-

</span></small>

</div>

</div>


<!-- Số lượng xu -->

<div class="row mb-3">

<div class="col-4">

<span class="text-muted">

Số lượng

<span class="currency-name">

xu

</span>

:

</span>

</div>

<div class="col-8">

<span class="h5 text-primary fw-bold" id="transfer-amount">

0

</span>

<span class="currency-name">

xu

</span>

</div>

</div>


<!-- Nội dung chuyển -->

<div class="row mb-3">

<div class="col-4">

<span class="text-muted">

Nội dung:

</span>

</div>

<div class="col-8">

<span id="transfer-content" class="fst-italic">

-

</span>

</div>

</div>

</div>

</div>


<!-- Cảnh báo xác nhận -->

<div class="alert alert-warning mt-3" role="alert">

<div class="d-flex align-items-center">

<i class="fas fa-exclamation-triangle me-2"></i>

<div>

<strong>

Lưu ý quan trọng:

</strong>

<ul class="mb-0 mt-2">

<li>

Vui lòng kiểm tra kỹ thông tin trước khi xác nhận

</li>

<li>

Giao dịch sẽ không thể hoàn tác sau khi thực hiện

</li>

<li>

Đảm bảo tài khoản người nhận chính xác

</li>

</ul>

</div>

</div>

</div>

</div>

<div class="modal-footer">

<button class='btn olm-btn-primary text-white btn-submit mb-0'>

Chuyển

</button>

<button type="button" class="btn btn-secondary btn-cancel mb-0" data-dismiss="modal">

Hủy bỏ

</button>

</div>

</div>

</div>

</div><div class="modal " id="modal-pending-transaction" >

<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable ">

<div class="modal-content">

<div class="modal-header">

<h5 class="modal-title">

Giao dịch đang chờ xử lý

</h5>

<button type="button" class="close p-0 m-0" data-dismiss="modal" aria-label="Close">

<span aria-hidden="true">

&times;

</span>

</button>

</div>

<div class="modal-body scroll-bar">

<!-- Alert thông báo -->

<div class="alert alert-warning border-0 rounded-3 mb-4">

<div class="d-flex align-items-start">

<i class="fas fa-exclamation-triangle me-3 mt-1 text-warning"></i>

<div>

<strong>

Thông báo:

</strong>

Bạn đang có một giao dịch chưa hoàn tất.

Vui lòng chọn một trong các tùy chọn bên dưới để tiếp tục.

</div>

</div>

</div>


<!-- Card thông tin giao dịch pending -->

<div class="card border-0 shadow-sm">

<div class="card-header bg-gradient-warning text-white border-0 rounded-top">

<h6 class="mb-0">

<i class="fas fa-clock me-2"></i>

Thông tin giao dịch đang chờ

</h6>

</div>

<div class="card-body">

<!-- Người nhận -->

<div class="row mb-3">

<div class="col-4">

<span class="text-muted fw-bold">

Người nhận:

</span>

</div>

<div class="col-8">

<strong id="pending-receiver-name">

-

</strong>

<br>

<small class="text-muted">

Username:

<span id="pending-receiver-username">

-

</span></small>

</div>

</div>


<!-- Số lượng -->

<div class="row mb-3">

<div class="col-4">

<span class="text-muted fw-bold">

Số lượng:

</span>

</div>

<div class="col-8">

<span class="h5 text-primary fw-bold" id="pending-amount">

0

</span>

<span class="text-muted" id="pending-currency">

xu

</span>

</div>

</div>


<!-- Nội dung -->

<div class="row mb-3">

<div class="col-4">

<span class="text-muted fw-bold">

Nội dung:

</span>

</div>

<div class="col-8">

<span id="pending-description" class="fst-italic">

-

</span>

</div>

</div>


<!-- Thời gian tạo -->

<div class="row">

<div class="col-4">

<span class="text-muted fw-bold">

Thời gian tạo:

</span>

</div>

<div class="col-8">

<span id="pending-created-time">

-

</span>

</div>

</div>

</div>

</div>


<!-- Cảnh báo lựa chọn -->

<div class="alert alert-info mt-3" role="alert">

<div class="d-flex align-items-center">

<div>

<strong>

Bạn muốn làm gì với giao dịch này?

</strong>

<ul class="mb-0 mt-2">

<li><strong>

Tiếp tục:

</strong>

Xác nhận và hoàn tất giao dịch đang chờ

</li>

<li><strong>

Hủy:

</strong>

Hủy giao dịch cũ để tạo giao dịch mới

</li>

</ul>

</div>

</div>

</div>


<input type="hidden" id="pending-transaction-id" value="">

</div>

<div class="modal-footer">

<button class='btn olm-btn-primary text-white btn-submit mb-0'>

Tiếp tục giao dịch

</button>

<button type="button" class="btn btn-secondary btn-cancel mb-0" data-dismiss="modal">

Hủy giao dịch cũ

</button>

</div>

</div>

</div>

</div>

<div class="modal fade dialogbox" id="dialogConfirm" data-backdrop="static" tabindex="-1" role="dialog">

<div class="modal-dialog" role="document">

<div class="modal-content">

<div class="modal-header">

<h5 class="modal-title"></h5>

</div>

<div class="modal-body">

</div>

<div class="modal-footer">

<div class="btn-inline">

<button class="btn olm-btn-four" data-dismiss="modal" id="dialog-no">

Không

</button>

<button class="btn olm-btn-primary" data-dismiss="modal" id="dialog-yes">

</button>

</div>

</div>

</div>

</div>

</div>

<div class="modal " id="modal-verify2fa" >

<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable ">

<div class="modal-content">

<div class="modal-header">

<h5 class="modal-title">

Xác thực 2 lớp

</h5>

<button type="button" class="close p-0 m-0" data-dismiss="modal" aria-label="Close">

<span aria-hidden="true">

&times;

</span>

</button>

</div>

<div class="modal-body scroll-bar">

<blockquote>

Hãy truy cập vào địa chỉ email

<strong>

nguyenhaiquan5a1@gmail.com

</strong>

để lấy mã xác thực

</blockquote>

<form action="verify2fa" method="POST">

<input type="hidden" name="_token" value="W3hnIXtHziet6HsFduDCcOn4FB9cAywCAQK48wa1">

<div class="form-group position-relative">

<label class="required">

Mã xác thực:

</label>

<input class="form-control" type="text" autocomplete="off" name="code" placeholder="Nhập mã code được gửi ở email vào đây">

</div>

<div class="form-group d-flex justify-content-end">

<button class="btn olm-btn-primary mr-2" type="submit">

Xác nhận

</button>

<button type="button" class="btn olm-btn-four" data-dismiss="modal">

Hủy

</button>

</div>

</form>

</div>

</div>

</div>

</div>


<div id="box-main-search" style="display: none;">

<div class="form-group d-block w-100 not-focus text-left p-0 bg-white m-0" style="height: 38px;">

<div class="row align-items-center">

<div class="align-self-start">

<button class="btn btn-link olm-text-link btn-lg not-hover not-focus submit-search-content" data-href="https://olm.vn/hoc-lieu-mo/chi-tiet">

<i class=" far fa-search " ></i>

</button>

</div>

<div class="col-6 pl-0">

<input class="form-control border-0 not-hover not-focus font-weight-bold p-0"

name="q" type="text" placeholder="Tìm kiếm học liệu tại đây..." value=""

data-href="https://olm.vn/hoc-lieu-mo/chi-tiet">

</div>

<div class="align-self-end col-4">

<div class="d-flex align-items-center">

<select class="custom-select" style="width: 100px" name="type_search">

<option value="cate" >

Học liệu

</option>

<option value="discuss" >

Hỏi đáp

</option>

<option value="s" >

Link rút gọn

</option>

<option value="short_link" >

Link rút gọn

</option>

</select>

<button class="btn btn-link olm-text-link btn-lg not-hover not-focus destroy-search-content">

<i class=" far fa-times " ></i>

</button>

</div>

</div>

</div>

</div>

</div>

<div class="col-4 bg-white rounded-lg border p-4 my-5" id="dialogConfirmNotification" style="display:none;z-index: 10000; position: fixed; top: 0; left: 50%; transform: translateX(-50%);">

<div class="d-flex justify-content-between align-items-center w-100">

<div class="confirmNoti-logo m-3">

<a href="https://olm.vn" title="logo OLM.VN">

<img data-src='/images/logo.png?v=1777289580' src='/images/logo.png?v=1777289580' width=120 height=33 alt='Học trực tuyến OLM' title='Học trực tuyến OLM' class='img16-9 lazyload' />

</a>

</div>

<div>

<h5 class="confirmNoti-content mr-3" style="text-align: justify; text-justify: inter-word;"></h5>

</div>

</div>

<div class="confirmNoti-footer d-block text-center mr-3">

<div class="row btn-inline justify-content-end">

<a href="#" title ="Đăng ký sau" class="btn olm-btn-four mr-2" id="later-noti">

Để sau

</a>

<a href="#" title="đăng ký" class="btn btn-primary" id="register-noti">

Đăng ký

</a>

</div>

</div>

</div>

<div class="modal " id="modal-buy-course">

<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-lg">

<div class="modal-content">

<div class="modal-header">

<h5 class="modal-title">

Các khóa học có thể bạn quan tâm

</h5>

<button type="button" class="close p-0 m-0" data-dismiss="modal" aria-label="Close">

<span aria-hidden="true">

&times;

</span>

</button>

</div>

<div class="modal-body scroll-bar">

<div id="list-related-course">

Mua khóa học

</div>

<div class="box-boss-vip" style="display: none;">


</div>

</div>

<div class="modal-footer justify-content-between">

<div>

<span>

Tổng thanh toán:

<b><span class="total-price">

0

</span>

đ

</b></span>

<b>

(Tiết kiệm:

<span class="save-money">

0

</span>

đ)

</b>

</div>

<div>

<a href="https://olm.vn/gio-hang" class='btn olm-btn-primary text-white btn-submit mb-0' title="Giỏ hàng OLM">

Tới giỏ hàng

</a>

<button type="button" class="btn btn-secondary mb-0" data-dismiss="modal">

Đóng

</button>

</div>

</div>

</div>

</div>

</div><div class="modal fade" id="modal-alert-message" tabindex="-1" aria-labelledby="modal-alert-message"

aria-hidden="true" data-backdrop=static>

<div class="modal-dialog modal-dialog-scrollable modal-dialog-centered">

<div class="modal-content">

<div class="modal-header">

<button type="button" class="close p-0 m-0" data-dismiss="modal" aria-label="Close">

<span aria-hidden="true">

&times;

</span>

</button>

</div>

<div class="modal-body">

<div class="alert alert-danger text-message font-weight-bold m-0" role="alert">


</div>

</div>

</div>

</div>

</div><div class="modal " id="modal-require-vip" >

<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-xl ">

<div class="modal-content">

<div class="modal-header">

<h5 class="modal-title">

Yêu cầu VIP

</h5>

<button type="button" class="close p-0 m-0" data-dismiss="modal" aria-label="Close">

<span aria-hidden="true">

&times;

</span>

</button>

</div>

<div class="modal-body scroll-bar">

<div class="alert alert-danger" role="alert">

<div class="alert-message" content='&lt;p&gt;Học liệu này đang bị hạn chế, chỉ dành cho tài khoản VIP cá nhân, vui lòng &lt;a href=&quot;https://olm.vn/mua-vip&quot; class=&quot;olm-text-link font-xss font-weight-bold&quot;&gt;nhấn vào đây&lt;/a&gt; để nâng cấp tài khoản.&lt;/p&gt;'>

<p>

Học liệu này đang bị hạn chế, chỉ dành cho tài khoản VIP cá nhân, vui lòng

<a href="https://olm.vn/mua-vip" class="olm-text-link font-xss font-weight-bold">

nhấn vào đây

</a>

để nâng cấp tài khoản.

</p>

</div>

<p>

Hoặc liên hệ tư vấn

<a href="https://olm.vn/bai-viet/olm-chinh-thuc-trien-khai-cac-goi-svip-danh-cho-truong-hoc-643585435" class="olm-text-link font-xss font-weight-bold" title="mua VIP olm">

mua VIP

</a>

cho trường để tiết kiệm chi phí nhất:

<div class="d-block">

<strong>

Tài khoản được trường cấp

</strong>

<ul>

<li>

Cô Huyền: 0359666307

</li>

</ul>

</div>

<div class="d-block">

<strong>

Tài khoản giáo viên tự do

</strong>

<ul>

<li>

Cô Hòa: 0936197672

</li>

</ul>

</div>

</p>

</div>

</div>

</div>

</div>

</div>

<script>

var baseURL = "https://olm.vn";

var versionRs = "?v=1777289580";

var listSubjects = '[{"id":1,"name":"To\u00e1n","alias":"toan-hoc","mingrade":1,"maxgrade":12,"permission":"isTOAN","kpermission":200,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":2,"name":"V\u1eadt l\u00fd","alias":"vat-ly","mingrade":6,"maxgrade":12,"permission":"isVATLY","kpermission":201,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":3,"name":"H\u00f3a h\u1ecdc","alias":"hoa-hoc","mingrade":8,"maxgrade":12,"permission":"isHOAHOC","kpermission":202,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":4,"name":"Sinh h\u1ecdc","alias":"sinh-hoc","mingrade":6,"maxgrade":12,"permission":"isSINHHOC","kpermission":203,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":5,"name":"Ng\u1eef v\u0103n","alias":"ngu-van","mingrade":6,"maxgrade":12,"permission":"isNGUVAN","kpermission":204,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":6,"name":"Ti\u1ebfng anh","alias":"tieng-anh","mingrade":1,"maxgrade":12,"permission":"isTIENGANH","kpermission":205,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":7,"name":"L\u1ecbch s\u1eed","alias":"lich-su","mingrade":6,"maxgrade":12,"permission":"isLICHSU","kpermission":206,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":8,"name":"\u0110\u1ecba l\u00fd","alias":"dia-ly","mingrade":6,"maxgrade":12,"permission":"isDIALY","kpermission":207,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":9,"name":"Tin h\u1ecdc","alias":"tin-hoc","mingrade":3,"maxgrade":12,"permission":"isTINHOC","kpermission":208,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":10,"name":"C\u00f4ng ngh\u1ec7","alias":"cong-nghe","mingrade":6,"maxgrade":12,"permission":"isCONGNGHE","kpermission":209,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":11,"name":"Gi\u00e1o d\u1ee5c c\u00f4ng d\u00e2n","alias":"giao-duc-cong-dan","mingrade":6,"maxgrade":12,"permission":"isGDCD","kpermission":210,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":12,"name":"\u00c2m nh\u1ea1c","alias":"am-nhac","mingrade":1,"maxgrade":12,"permission":"isTIEUHOC","kpermission":216,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":13,"name":"M\u1ef9 thu\u1eadt","alias":"my-thuat","mingrade":1,"maxgrade":5,"permission":"isTIEUHOC","kpermission":216,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":14,"name":"Ti\u1ebfng anh th\u00ed \u0111i\u1ec3m","alias":"tieng-anh-thi-diem","mingrade":3,"maxgrade":12,"permission":"isTIENGANHTHIDIEM","kpermission":213,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":15,"name":"L\u1ecbch s\u1eed v\u00e0 \u0110\u1ecba l\u00fd","alias":"lich-su-va-dia-ly","mingrade":4,"maxgrade":5,"permission":"isTIEUHOC","kpermission":216,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":16,"name":"Th\u1ec3 d\u1ee5c","alias":"the-duc","mingrade":1,"maxgrade":12,"permission":"isTIEUHOC","kpermission":216,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":17,"name":"Khoa h\u1ecdc","alias":"khoa-hoc","mingrade":4,"maxgrade":5,"permission":"isTIEUHOC","kpermission":216,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":18,"name":"T\u1ef1 nhi\u00ean v\u00e0 x\u00e3 h\u1ed9i","alias":"tu-nhien-va-xa-hoi","mingrade":1,"maxgrade":3,"permission":"isTIEUHOC","kpermission":216,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":19,"name":"\u0110\u1ea1o \u0111\u1ee9c","alias":"dao-duc","mingrade":1,"maxgrade":5,"permission":"isTIEUHOC","kpermission":216,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":20,"name":"Th\u1ee7 c\u00f4ng","alias":"thu-cong","mingrade":1,"maxgrade":5,"permission":"isTIEUHOC","kpermission":216,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":21,"name":"Qu\u1ed1c ph\u00f2ng an ninh","alias":"quoc-phong-an-ninh","mingrade":10,"maxgrade":12,"permission":"isTIEUHOC","kpermission":216,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":28,"name":"Ti\u1ebfng vi\u1ec7t","alias":"tieng-viet","mingrade":1,"maxgrade":5,"permission":"isTIEUHOC","kpermission":216,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]},{"id":29,"name":"Khoa h\u1ecdc t\u1ef1 nhi\u00ean","alias":"khoa-hoc-tu-nhien","mingrade":6,"maxgrade":9,"permission":"isKHOAHOCTUNHIEN","kpermission":216,"publish":1,"ct_new":0,"ct_old":0,"id_school":0,"grades":[]}]';

var listMathSubjects = '[{"id":1,"name":"Ti\u1ebfng Vi\u1ec7t","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,0,1,2,3,4,5]},{"id":2505637,"name":"Khoa h\u1ecdc x\u00e3 h\u1ed9i","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[6,7,8,9]},{"id":2506486,"name":"T\u1ef1 ch\u1ecdn 1","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[6,7,8,9,10,11,12]},{"id":2509712,"name":"Ngo\u1ea1i ng\u1eef 1","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":0,"ct_old":0,"id_school":0,"grades":[1,2,3,4,5,6,7,8,9,10,11,12]},{"id":2510419,"name":"Ngo\u1ea1i ng\u1eef 2","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[1,2,3,4,5,6,7,8,9,10,11,12]},{"id":2511622,"name":"M\u00f4n t\u1ef1 ch\u1ecdn song ng\u1eef","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[1,2,3,4,5,6,7,8,9,10,11,12]},{"id":2519630,"name":"Ngo\u1ea1i ng\u1eef","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[1,2,3,4,5]},{"id":2520962,"name":"M\u00f4n kh\u00e1c","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[1,2,3,4,5,6,7,8,9,10,11,12]},{"id":21,"name":"Ng\u1eef v\u0103n","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,6,7,8,9,10,11,12]},{"id":3,"name":"To\u00e1n","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,0,1,2,3,4,5,6,7,8,9,10,11,12]},{"id":20,"name":"T\u1ef1 nhi\u00ean x\u00e3 h\u1ed9i","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[1,2,3,-1]},{"id":27,"name":"Khoa h\u1ecdc t\u1ef1 nhi\u00ean","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[6,7,8,9,-1]},{"id":22,"name":"L\u1ecbch s\u1eed v\u00e0 \u0110\u1ecba l\u00ed","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,4,5,6,7,8,9]},{"id":8,"name":"L\u1ecbch s\u1eed","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,3,4,5,6,7,8,9,10,11,12]},{"id":9,"name":"\u0110\u1ecba l\u00fd","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,8,9,10,11,12]},{"id":29,"name":"Gi\u00e1o d\u1ee5c Kinh t\u1ebf v\u00e0 ph\u00e1p lu\u1eadt","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,10,11,12]},{"id":5,"name":"V\u1eadt l\u00ed","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,9,10,11,12]},{"id":6,"name":"H\u00f3a h\u1ecdc","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,8,9,10,11,12]},{"id":7,"name":"Sinh h\u1ecdc","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,8,9,10,11,12]},{"id":12,"name":"C\u00f4ng ngh\u1ec7","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,3,4,5,6,7,8,9,10,11,12]},{"id":18,"name":"\u0110\u1ea1o \u0111\u1ee9c","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[1,2,3,4,5,null,null,-1]},{"id":15,"name":"\u00c2m nh\u1ea1c","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,1,2,3,4,5,6,7,8,9,10,11,12]},{"id":16,"name":"M\u0129 thu\u1eadt","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,1,2,3,4,5,6,7,8,9,10,11,12]},{"id":10,"name":"Gi\u00e1o d\u1ee5c c\u00f4ng d\u00e2n","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,6,7,8,9,10,11,12,13]},{"id":11,"name":"Tin h\u1ecdc","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,3,4,5,6,7,8,9,10,11,12,13]},{"id":28,"name":"Ho\u1ea1t \u0111\u1ed9ng tr\u1ea3i nghi\u1ec7m, h\u01b0\u1edbng nghi\u1ec7p","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[6,7,8,9,10,11,12,-1]},{"id":13,"name":"Gi\u00e1o d\u1ee5c th\u1ec3 ch\u1ea5t","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,0,1,2,3,4,5,6,7,8,9,10,11,12]},{"id":14,"name":"Gi\u00e1o d\u1ee5c Qu\u1ed1c ph\u00f2ng","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[10,11,12,-1]},{"id":2,"name":"Ti\u1ebfng Anh","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,0,1,2,3,4,5,6,7,8,9,10,11,12]},{"id":2147632,"name":"Ti\u1ebfng Nga","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[3,4,5,6,7,8,9,10,11,12]},{"id":17,"name":"Ti\u1ebfng Ph\u00e1p","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,3,4,5,6,7,8,9,10,11,12]},{"id":47,"name":"Ti\u1ebfng Trung","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[4,5,6,7,8,9,10,11,12,-1]},{"id":2110664,"name":"Ti\u1ebfng Nh\u1eadt","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[3,4,5,6,7,8,9,10,11,12]},{"id":46,"name":"Ti\u1ebfng H\u00e0n","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[6,7,8,9,10,11,12,-1]},{"id":2386871,"name":"Ti\u1ebfng \u0110\u1ee9c","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[3,4,5,6,7,8,9,10,11,12]},{"id":25,"name":"Ho\u1ea1t \u0111\u1ed9ng tr\u1ea3i nghi\u1ec7m","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,1,2,3,4,5,6,7,8,9,10,11,12]},{"id":2159702,"name":"BD Ti\u1ebfng Anh","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[1,2,3,4,5,6,7,8,9,10,11,12]},{"id":2163823,"name":"Sinh ho\u1ea1t l\u1edbp","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[-1,1,2,3,4,5,6,7,8,9,10,11,12]},{"id":2162815,"name":"C\u00f4ng d\u00e2n s\u1ed1","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[1,2,3,4,5,6,7,8,9,10,11,12]},{"id":2164754,"name":"Ph\u1ee5 \u0111\u1ea1o Anh","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[6,7,8,9]},{"id":2165311,"name":"Ph\u1ee5 \u0111\u1ea1o Ng\u1eef V\u0103n","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[6,7,8,9]},{"id":2166774,"name":"Ph\u1ee5 \u0111\u1ea1o To\u00e1n","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[6,7,8,9]},{"id":2167476,"name":"TNTT AI","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[6,7,8,9]},{"id":2168852,"name":"Th\u1ec3 thao","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[6,7,8,9]},{"id":2169851,"name":"Ho\u1ea1t \u0111\u1ed9ng Gi\u00e1o d\u1ee5c","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[0,1,2,3,4,5,6,7,8,9,10,11,12]},{"id":2170133,"name":"C\u00f4ng ngh\u1ec7 c\u00f4ng nghi\u1ec7p","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[10,11,12]},{"id":2171905,"name":"C\u00f4ng ngh\u1ec7 n\u00f4ng nghi\u1ec7p","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[10,11,12]},{"id":2111893,"name":"Th\u1ec3 d\u1ee5c","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":0,"ct_old":1,"id_school":0,"grades":[9,12]},{"id":2112449,"name":"Gi\u00e1o d\u1ee5c ngo\u00e0i gi\u1edd","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[0,1,2,3,4,5,6,7,8,9,10,11,12]},{"id":2113627,"name":"T\u1ed5 h\u1ee3p m\u00f4n Khoa h\u1ecdc t\u1ef1 nhi\u00ean","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[10,11,12]},{"id":2114786,"name":"T\u1ed5 h\u1ee3p m\u00f4n Khoa h\u1ecdc x\u00e3 h\u1ed9i","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[10,11,12]},{"id":2115253,"name":"Ho\u1ea1t \u0111\u1ed9ng c\u1ee7ng c\u1ed1 t\u0103ng c\u01b0\u1eddng","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,0,1,2,3,4,5,6,7,8,9,10,11,12,13]},{"id":2116135,"name":"BD Ti\u1ebfng Vi\u1ec7t","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[1,2,3,4,5]},{"id":2117748,"name":"BD M\u1ef9 Thu\u1eadt","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":0,"ct_old":0,"id_school":0,"grades":[1,2,3,4,5]},{"id":2118772,"name":"BD \u00c2m Nh\u1ea1c","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[1,2,3,4,5]},{"id":2119820,"name":"BD To\u00e1n","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[1,2,3,4,5]},{"id":2120653,"name":"Th\u1ef1c h\u00e0nh To\u00e1n","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[1,2,3,4,5]},{"id":2121172,"name":"Th\u1ef1c h\u00e0nh Ti\u1ebfng Vi\u1ec7t","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[1,2,3,4,5]},{"id":43,"name":"Gi\u00e1o d\u1ee5c \u0111\u1ecba ph\u01b0\u01a1ng","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[6,7,8,9,10,11,12,null,null,-1]},{"id":4,"name":"Khoa h\u1ecdc","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[4,5,-1]},{"id":24,"name":"Ngh\u1ec7 thu\u1eadt (\u00c2m nh\u1ea1c, M\u0129 thu\u1eadt)","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,1,2,3,6,7,8,9]},{"id":19,"name":"Th\u1ee7 c\u00f4ng","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[4,5,-1]},{"id":41,"name":"M\u1ea7m non","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[0,-1]},{"id":23,"name":"Tin h\u1ecdc v\u00e0 C\u00f4ng ngh\u1ec7","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":0,"ct_old":1,"id_school":0,"grades":[-1,1,2,3,4,5,6,7,8,9,10,11,12,13]},{"id":42,"name":"Ti\u1ec3u h\u1ecdc","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[1,2,3,4,5,-1]},{"id":26,"name":"Ti\u1ebfng d\u00e2n t\u1ed9c thi\u1ec3u s\u1ed1","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":0,"id_school":0,"grades":[1,2,3,4,5,6,7,8,9,10,11,12,null,-1]},{"id":39,"name":"Ngh\u1ec1 ph\u1ed5 th\u00f4ng","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[12,-1]},{"id":30,"name":"K\u1ef9 n\u0103ng s\u1ed1ng","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[1,2,3,4,5,6,7,8,9,10,11,12,-1]},{"id":31,"name":"Ch\u1eef c\u00e1i","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[0,-1]},{"id":33,"name":"Kh\u00e1m ph\u00e1","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":0,"ct_old":1,"id_school":0,"grades":[0,null,-1]},{"id":34,"name":"T\u1ea1o h\u00ecnh","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":0,"ct_old":1,"id_school":0,"grades":[0,null,-1]},{"id":35,"name":"Gi\u00e1 tr\u1ecb s\u1ed1ng","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":0,"ct_old":1,"id_school":0,"grades":[0,null,-1]},{"id":37,"name":"C\u1ea3m x\u00fac","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":0,"ct_old":1,"id_school":0,"grades":[0,null,-1]},{"id":38,"name":"Stem","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":0,"ct_old":1,"id_school":0,"grades":[0,null,-1]},{"id":44,"name":"K\u1ef9 thu\u1eadt","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":0,"ct_old":1,"id_school":0,"grades":[4,5,null,-1]},{"id":2138109,"name":"To\u00e1n (ti\u1ebfng Ph\u00e1p)","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,0,1,2,3,4,5,6,7,8,9,10,11,12,13]},{"id":40,"name":"T\u1ed5ng h\u1ee3p m\u00f4n","alias":"","mingrade":1,"maxgrade":12,"permission":"isAdmin","kpermission":0,"publish":0,"ct_new":1,"ct_old":1,"id_school":0,"grades":[-1,0,1,2,3,4,5,6,7,8,9,10,11,12]}]';

var listGrades = '[{"id":0,"name":"M\u1eabu gi\u00e1o"},{"id":1,"name":"L\u1edbp 1"},{"id":2,"name":"L\u1edbp 2"},{"id":3,"name":"L\u1edbp 3"},{"id":4,"name":"L\u1edbp 4"},{"id":5,"name":"L\u1edbp 5"},{"id":6,"name":"L\u1edbp 6"},{"id":7,"name":"L\u1edbp 7"},{"id":8,"name":"L\u1edbp 8"},{"id":9,"name":"L\u1edbp 9"},{"id":10,"name":"L\u1edbp 10"},{"id":11,"name":"L\u1edbp 11"},{"id":12,"name":"L\u1edbp 12"},{"id":13,"name":"\u0110H - C\u0110"}]';

var globalListCoupons = {};

var auth = null;

var timeNow = 1777298311;

auth = {"ip":"1.54.95.212","site":"hoc24","background":"","usertype":"","block":0,"sendemail":0,"time_token":1776312595,"email_parent":"","images":"avt151113877_256by256.jpg","logs":"M\u1edf kh\u00f3a t\u00e0i kho\u1ea3n: B\u1edfi gi\u00e1o vi\u00ean trong l\u1edbp h\u1ecdc","teacher":0,"idparent":"","id_parent":"","parent_name":"","active":2,"subscribe":5,"roles":[],"update_time":0,"notchat":0,"notchat_sales":0,"grades":[0,1,2,3,4,6,7,8,9,10,11,12,13],"subjects":[],"books":[1,2,3,4286],"block_discuss":1,"block_post":0,"block_course":0,"idsale":"","tel":"","verify_tel":0,"manage_block":"","state":"","support":0,"is_change_pass":1,"allow_feature_in_app":[],"idcode":"","birthday":0,"verify2fa":0,"time_change_pass":1776399387,"is_created_from_group":0,"avatar":"","has_unactive_email":"nguyenhaiquan5a1@gmail.com","created_from_collaborator":"","_id":"15111387746043","origin_password":"","label_hoc24":0,"label_hoc24_custom":[],"id":151113877,"id_user":151113877,"name":"YouTube","username":"enteralflame","username_hoc24":"enteralflame","email":"nguyenhaiquan5a1@gmail.com","registerdate":"2022-10-12 19:24:36","lastvisitdate":"2022-10-12 19:24:36","registertime":1665577476,"lastvisittime":1777267334,"active_parent":0,"subscribe_zalo":0,"status_vip":[],"lc_avtdate":"2024-04-19 19:59:15","closed":7,"id_customer":"669e92c79994370b881ea549","lcndate":"2025-12-28 16:27:28","force_change_pass":0,"map_support":{"800":-5},"map_support_time":{"800":1777097244},"alias":"enteralflame","avatarUrl":"\/avatars\/guest.png","school":null,"model_partner":null};

auth.isActiveMail = true;

auth.is_teacher = true;

auth.isStudent = true;

auth.grades = [0,1,2,3,4,6,7,8,9,10,11,12,13];

auth.is_need_to_change_pass = false;

auth.vipInfo = {"idsale":"","vip_expired_date":1766726644,"coin":0,"last_payment":1766640244,"p_coin":0,"type":0,"id_manage":0,"total":0,"support":0,"id_user":151113877,"iduser":"15111387746043","map_support":{"270":5},"map_support_time":{"270":1777239643},"vip_day":-1};

var _is_mobile = false;

var _is_agent_phone = false;

var _webview = 0;

var olmVersion = "v1";

</script>


<script src="https://rs.olm.vn/js/jquery.min.js?v=1777289580" ></script>

<script src="https://rs.olm.vn/js/jquery-migrate-1.4.1.min.js?v=1777289580" ></script>

<script src="https://rs.olm.vn/js/seo/lazysizes.min.js?v=1777289580" ></script>

<script src="https://rs.olm.vn/vendor/bootstrap/js/src/popper.min.js?v=1777289580" ></script>

<script src="https://rs.olm.vn/vendor/bootstrap/dist/js/bootstrap.min.js?v=1777289580" ></script><script src="https://rs.olm.vn/js/iziToast.min.js?v=1777289580" ></script>

<script src="https://rs.olm.vn/js/jquery.webui-popover.min.js?v=1777289580" ></script>



<!-- private-js -->

<!-- end private-js -->



<script src="https://rs.olm.vn/vendor/compressor.min.js?v=1777289580" ></script>

<script src="https://rs.olm.vn/vendor/select2/js/select2.min.js?v=1777289580" ></script>

<script src="https://rs.olm.vn/vendor/owl-carousel/owl.carousel.min.js?v=1777289580" ></script>

<script src="https://rs.olm.vn/js/regenerator-runtime.js?v=1777289580" ></script>

<script src="https://rs.olm.vn/js/global.js?v=1777289580" ></script>

<script src="https://rs.olm.vn/js/desktop/core.js?v=1777289580" ></script>

<script src="https://rs.olm.vn/js/desktop/scripts.js?v=1777289580" ></script>

<script src="https://rs.olm.vn/js/utility/chat.js?v=1777289580" ></script>

<script src="https://rs.olm.vn/js/utility/noti.js?v=1777289580" ></script>

<script src="https://rs.olm.vn/js/utility/friend.js?v=1777289580" ></script>

<script src="https://rs.olm.vn/js/utility/search.js?v=1777289580" ></script>

<script src="https://rs.olm.vn/js/template.js?v=1777289580" ></script>


<script src="https://rs.olm.vn/js/core.js?v=1777289580" ></script>


<script src="https://rs.olm.vn/js/utility/cart.js?v=1777289580" ></script>

<script src="https://rs.olm.vn/js/user/verify.js?v=1777289580" ></script>

<script src="https://rs.olm.vn/js/teachercourse/buy_course.js?v=1777289580" ></script>

<script src="https://rs.olm.vn/js/main.js?v=1777289580" ></script>

<script src="https://rs.olm.vn/js/t-r-u.js?v=1777289580" ></script>

<script src="https://rs.olm.vn/js/t-u-p.js?v=1777289580" ></script>


<script>

$(document).ready(function() {

MAIN_UI.init({

id_user: 15111387746043,

id_group_u: 6059919830,

vocative: 'Thầy/cô'

});

T_R_U.init({

name_route: "chat-page",

full_path: "messages/tro-chuyen"

});

})

</script>


<script type="module" src="/js/notify/firebase-notify.js?v=1777289580"></script>


<script defer src="https://rs.olm.vn/vendor/katex/katex.min.js?v=1777289580"></script>



<script defer src="https://rs.olm.vn/vendor/katex/contrib/auto-render.min.js?v=1777289580"></script>



<script defer src="https://rs.olm.vn/js/katex-patch.min.js?v=1777289580"></script>





<script>

window.listGroupsUrl = "https:\/\/olm.vn\/messages\/groups"; window.isCRM = false;

</script>

<script src="https://rs.olm.vn/js/chat/echo-chat.js?v=1777289580" ></script>

<script src="https://rs.olm.vn/js/chat/chat.js?v=1777289580" ></script>


<script src="//www.googleadservices.com/pagead/conversion.js"></script>


</body>

</html>