/*---------------------------------
	1.2 Theme SCSS
---------------------------------*/
/*-----------------------------------------------------------------------------------

    Template Name: Univet - University Education HTML Template
    Author: RSTheme
    Support: https://rstheme.com/support
    Description: Univet - University Education HTML Template
    Version: 1.0.1
	Developer: Nayeem Ahmed

-----------------------------------------------------------------------------------

/************ TABLE OF CONTENTS ***************

	-----------------
    01. THEME SCSS
	-----------------
		1.1 spacing
		1.2 theme
		1.3 typography
		1.4 index

	-----------------
    01. utils SCSS
	-----------------
		1.1 breakpoints
		1.2 extends
		1.3 mixins
		1.4 root
		1.5 index
		1.6 main

	-----------------
    02. COMPONENTS SCSS
	-----------------
		2.1 accordion
		2.2 animation
		2.3 background
		2.4 backtotop
		2.5 breadcrumb
		2.6 buttons
		2.7 color
		2.8 common
		2.9 counter
		2.10 cursor
		2.11 forms
		2.12 lenis
		2.13 list
		2.14 navigation
		2.15 offcanvas
		2.16 pagination
		2.17 post-meta
		2.18 post-tag
		2.19 preloader
		2.20 progress-bar
		2.21 scrollbar
		2.22 section-title
		2.23 settings
		2.24 smooth-scroll
		2.25 social
		2.26 index

	-----------------
    03. layout
	-----------------
		-----------------
		3.1.1 banner SCSS
		-----------------
			3.1.1 banner-1
			3.1.2 banner-2
			3.1.3 banner-3
			3.1.4 banner-4
			3.1.5 banner-5
			3.1.6 banner-6
			3.1.7 banner-7
			3.1.8 banner-8
			3.1.10 index

		-----------------
		3.1.2 blog SCSS
		-----------------
			3.2.1 blog-tag
			3.2.2 blog
			3.2.3 postbox
			3.2.4 sidebar-tag
			3.2.5 sidebar
			3.2.6 index

		-----------------
		3.1.3 ecommerce SCSS
		-----------------
			3.3.1 checkout
			3.3.2 shop
			3.3.3 index

		-----------------
		3.1.4 footer SCSS
		-----------------
			3.4.1 footer
			3.4.2 copyright
			3.4.3 index

		-----------------
		3.1.5 header SCSS
		-----------------
			3.5.1 header-1
			3.5.2 header-2
			3.5.3 header-3
			3.5.4 header-common
			3.5.5 header-top
			3.5.6 index
		-----------------
		3.1.6 menu SCSS
		-----------------
			3.6.1 memu
			3.6.2 mobile-menu
			3.6.3 index

	-----------------
    04. Page SCSS
	-----------------
		4.1 about
		4.2 achievement
		4.3 admission
		4.4 alumni
		4.5 award
		4.6 bio
		4.7 campus-life
		4.8 cart
		4.9 contact
		4.10 cta
		4.11 curriculum
		4.12 deadline
		4.13 directory
		4.14 error
		4.15 event
		4.16 experience
		4.17 faculty
		4.18 faq
		4.19 feature
		4.20 filter
		4.21 funfact
		4.22 gallery
		4.23 history
		4.24 libraries
		4.25 login
		4.26 mission
		4.27 overview
		4.28 page-slidebar
		4.29 price-range
		4.30 privacy-policy
		4.30 process
		4.31 program-cost
		4.32 program
		4.33 quantity
		4.34 quote
		4.35 requirement
		4.36 research
		4.37 scholarships
		4.38 team
		4.49 testimonial
		4.40 text-slide
		4.41 thumb
		4.42 tuition
		4.43 video
		4.44 why-choose
		4.45 index

/*----------------------------------------*/
/*  1.1 Theme Default
/*----------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Prata&display=swap");

.offcanvas-overlay,
a,
.btn,
button,
span,
sub,
sup,
p,
input,
select,
textarea,
img,
svg,
.transition-3,
li,
h1,
h2,
h3,
h4,
h5,
h6 {
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
html.lenis{
  padding: 0;
}

:root {
  --ntcgal-paper: #f3efe6;
  --ntcgal-ink: #1f2a24;
  --ntcgal-brass: #8a6d3b;
  --ntcgal-rule: #c9bfa6;
  --ntcgal-accent: #7a2e2e;
  background: var(--ntcgal-paper);
  color: var(--ntcgal-ink);
  --navy: #0B1550;
  --navy-deep: #060B33;
  --gold: #F5B935;
  --gold-deep: #C98F14;
  --cream: #F7F4EC;
  --white: #FFFFFF;
  --text-muted: #6B7080;
  --tec-navy: #0b1f63;
  --tec-navy-deep: #071640;
  --tec-gold: #f6a621;
  --tec-paper: #f6f4ee;
  --tec-ink-dim: #6b6f80;
  --tec-line: #e3e1d8;
  --cls-navy: #0b1f63;
  --cls-navy-deep: #071640;
  --cls-gold: #f6a621;
  --cls-paper: #f6f4ee;
  --cls-ink-dim: #6b6f80;
  --cls-line: #e3e1d8;
  --cls-primary: #1f6fb2;
  --cls-middle: #b1453c;
  --cls-senior: #1f8a70;
  --cls-lab: #7a4fb0;
  --navy: #0b1a55;
  --navy-deep: #081240;
  --gold: #f6b93b;
  --gold-dark: #e2a12a;
  --cream: #f4efe6;
  --ink: #1c2340;
  --muted: #6b7290;
  --mi-navy: #0e1a6b;
  --mi-navy-dark: #0a1450;
  --mi-gold: #f7b733;
  --mi-gold-dark: #e4a01f;
  --mi-cream: #f7f3ea;
  --mi-ink: #1c1f3b;
  --mi-muted: #6b6f8a;
  --mi-line: #e4e0d4;
  --mi-white: #ffffff;
  /**  @font family declaration */
  --rs-ff-body: "Inter", sans-serif;
  --rs-ff-title: "Bitter", sans-serif;
  --rs-ff-p: "Inter", sans-serif;
  --rs-ff-remixicon: "remixicon";
  /** @color declaration */
  --rs-white: #ffffff;
  --rs-black: #000;
  --rs-light: #eee;
  --rs-green: #54bd05;
  --rs-yellow: #f69c00;
  --rs-pink: #e033e0;
  --rs-red: #e80000;
  --rs-theme-blue: #000080;
  --rs-theme-blue-two: #000080;
  --rs-theme-yellow: #fdc72f;
  --rs-theme-cyan: #0c5776;
  --rs-theme-light-cyan: #00ade2;
  --rs-theme-red: #960b27;
  --rs-theme-red-two: #a50034;
  --rs-theme-green: #2f584f;
  --rs-theme-green-two: #15a656;
  --rs-text-primary: #4c4c4c;
  --rs-text-secondary: #656565;
  --rs-title-primary: #030303;
  --rs-title-secondary: #1d1d1b;
  --rs-title-tertiary: #000080;
  --rs-bg-primary: #f6f4ee;
  --rs-bg-secondary: #f4f3f3;
  --rs-bg-black: #231f20;
  --rs-bg-dark-blue: #000080;
  --rs-bg-blue: #000080;
  --rs-border-primary: #e4e4e4;
  --rs-border-secondary: rgba(255, 255, 255, 0.15);
  --rs-border-tertiary: rgba(255, 255, 255, 0.1);
  --rs-rgba-1: rgba(255, 255, 255, 0.7);
  --rs-rgba-2: rgba(255, 255, 255, 0.8);
  --rs-placeholder: rgba(30, 30, 30, 0.4);
  --rs-gradient-primary: #00033d;
  --rs-gradient-secondary: #000080;
  --rs-rating: #f3b656;
  /** @font weight declaration */
  --rs-fw-normal: normal;
  --rs-fw-thin: 100;
  --rs-fw-elight: 200;
  --rs-fw-light: 300;
  --rs-fw-regular: 400;
  --rs-fw-medium: 500;
  --rs-fw-sbold: 600;
  --rs-fw-bold: 700;
  --rs-fw-ebold: 800;
  --rs-fw-black: 900;
  /** @font size declaration */
  --rs-fs-body: 16px;
  --rs-fs-p: 16px;
  --rs-fs-h1: 64px;
  --rs-fs-h2: 48px;
  --rs-fs-h3: 36px;
  --rs-fs-h4: 30px;
  --rs-fs-h5: 24px;
  --rs-fs-h6: 20px;
  --rs-fs-b1: 14px;
  --rs-fs-b2: 16px;
  --rs-fs-b3: 18px;
  --rs-fs-b4: 22px;
  --navy: #0E1657;
  --navy-2: #171F8C;
  --navy-soft: #232B8F;
  --gold: #F5B537;
  --gold-deep: #D99512;
  --cream: #F6F2E6;
  --paper: #FFFFFF;
  --ink: #1B1D3A;
  --muted: #666A8A;
  --rule: #E3DCC8;
  --rule-on-navy: rgba(255, 255, 255, 0.16);

  --font-display: "Fraunces", Georgia, serif;
  --font-body: "Inter", "Segoe UI", sans-serif;

  --radius-lg: 20px;
  --radius-md: 14px;
  --radius-sm: 10px;
  --shadow-card: 0 12px 30px -14px rgba(14, 22, 87, 0.25);
  --ac-navy: #0e1a6b;
  --ac-navy-dark: #0a1450;
  --ac-gold: #f7b733;
  --ac-gold-dark: #e4a01f;
  --ac-cream: #f7f3ea;
  --ac-ink: #1c1f3b;
  --ac-muted: #6b6f8a;
  --ac-line: #e4e0d4;
  --ac-white: #ffffff;
  --or-navy: #0e1a6b;
  --or-navy-dark: #0a1450;
  --or-gold: #f7b733;
  --or-gold-dark: #e4a01f;
  --or-cream: #f7f3ea;
  --or-ink: #1c1f3b;
  --or-muted: #6b6f8a;
  --or-line: #e4e0d4;
  --or-white: #ffffff;
  --gi-navy: #0e1a6b;
  --gi-navy-dark: #0a1450;
  --gi-gold: #f7b733;
  --gi-gold-dark: #e4a01f;
  --gi-cream: #f7f3ea;
  --gi-ink: #1c1f3b;
  --gi-muted: #6b6f8a;
  --gi-line: #e4e0d4;
  --gi-white: #ffffff;
  --ra-navy: #0e1a6b;
  --ra-navy-dark: #0a1450;
  --ra-gold: #f7b733;
  --ra-gold-dark: #e4a01f;
  --ra-cream: #f7f3ea;
  --ra-ink: #1c1f3b;
  --ra-muted: #6b6f8a;
  --ra-line: #e4e0d4;
  --ra-white: #ffffff;
  --sy-navy: #0e1a6b;
  --sy-navy-dark: #0a1450;
  --sy-gold: #f7b733;
  --sy-gold-dark: #e4a01f;
  --sy-cream: #f7f3ea;
  --sy-ink: #1c1f3b;
  --sy-muted: #6b6f8a;
  --sy-line: #e4e0d4;
  --sy-white: #ffffff;
  --hl-navy: #0e1a6b;
  --hl-navy-dark: #0a1450;
  --hl-gold: #f7b733;
  --hl-gold-dark: #e4a01f;
  --hl-cream: #f7f3ea;
  --hl-ink: #1c1f3b;
  --hl-muted: #6b6f8a;
  --hl-line: #e4e0d4;
  --hl-white: #ffffff;
  --hl-red: #d64545;
  --bl-navy: #0e1a6b;
  --bl-navy-dark: #0a1450;
  --bl-gold: #f7b733;
  --bl-gold-dark: #e4a01f;
  --bl-cream: #f7f3ea;
  --bl-ink: #1c1f3b;
  --bl-muted: #6b6f8a;
  --bl-line: #e4e0d4;
  --bl-white: #ffffff;
  --ct-navy: #0e1a6b;
  --ct-navy-dark: #0a1450;
  --ct-gold: #f7b733;
  --ct-gold-dark: #e4a01f;
  --ct-silver: #c7ccd8;
  --ct-bronze: #d99a5b;
  --ct-cream: #f7f3ea;
  --ct-ink: #1c1f3b;
  --ct-muted: #6b6f8a;
  --ct-line: #e4e0d4;
  --ct-white: #ffffff;
  --mc-navy: #0e1a6b;
  --mc-navy-dark: #0a1450;
  --mc-gold: #f7b733;
  --mc-gold-dark: #e4a01f;
  --mc-cream: #f7f3ea;
  --mc-ink: #1c1f3b;
  --mc-muted: #6b6f8a;
  --mc-line: #e4e0d4;
  --mc-white: #ffffff;
  --sp-navy: #0e1a6b;
  --sp-navy-dark: #0a1450;
  --sp-gold: #f7b733;
  --sp-gold-dark: #e4a01f;
  --sp-cream: #f7f3ea;
  --sp-ink: #1c1f3b;
  --sp-muted: #6b6f8a;
  --sp-line: #e4e0d4;
  --sp-white: #ffffff;
  --sa-navy: #0e1a6b;
  --sa-navy-dark: #0a1450;
  --sa-gold: #f7b733;
  --sa-gold-dark: #e4a01f;
  --sa-cream: #f7f3ea;
  --sa-ink: #1c1f3b;
  --sa-muted: #6b6f8a;
  --sa-line: #e4e0d4;
  --sa-white: #ffffff;
  --md-navy: #0e1a6b;
  --md-navy-dark: #0a1450;
  --md-gold: #f7b733;
  --md-gold-dark: #e4a01f;
  --md-cream: #f7f3ea;
  --md-ink: #1c1f3b;
  --md-muted: #6b6f8a;
  --md-line: #e4e0d4;
  --md-white: #ffffff;
  --md-green: #2f8f4e;
  --sc-navy: #0e1a6b;
  --sc-navy-dark: #0a1450;
  --sc-gold: #f7b733;
  --sc-gold-dark: #e4a01f;
  --sc-cream: #f7f3ea;
  --sc-ink: #1c1f3b;
  --sc-muted: #6b6f8a;
  --sc-line: #e4e0d4;
  --sc-white: #ffffff;
  --cr-navy: #0e1a6b;
  --cr-navy-dark: #0a1450;
  --cr-gold: #f7b733;
  --cr-gold-dark: #e4a01f;
  --cr-cream: #f7f3ea;
  --cr-ink: #1c1f3b;
  --cr-muted: #6b6f8a;
  --cr-line: #e4e0d4;
  --cr-white: #ffffff;
  --cr-green: #2f8f4e;
  --pd-navy: #0e1a6b;
  --pd-navy-dark: #0a1450;
  --pd-gold: #f7b733;
  --pd-gold-dark: #e4a01f;
  --pd-cream: #f7f3ea;
  --pd-ink: #1c1f3b;
  --pd-muted: #6b6f8a;
  --pd-line: #e4e0d4;
  --pd-white: #ffffff;
  --pd-green: #2f8f4e;
  --sc-navy: #0e1a6b;
  --sc-navy-dark: #0a1450;
  --sc-gold: #f7b733;
  --sc-gold-dark: #e4a01f;
  --sc-cream: #f7f3ea;
  --sc-ink: #1c1f3b;
  --sc-muted: #6b6f8a;
  --sc-line: #e4e0d4;
  --sc-white: #ffffff;
  --st-navy: #0e1a6b;
  --st-navy-dark: #0a1450;
  --st-gold: #f7b733;
  --st-gold-dark: #e4a01f;
  --st-cream: #f7f3ea;
  --st-ink: #1c1f3b;
  --st-muted: #6b6f8a;
  --st-line: #e4e0d4;
  --st-white: #ffffff;
  --sp-navy: #0e1a6b;
  --sp-navy-dark: #0a1450;
  --sp-gold: #f7b733;
  --sp-gold-dark: #e4a01f;
  --sp-cream: #f7f3ea;
  --sp-ink: #1c1f3b;
  --sp-muted: #6b6f8a;
  --sp-line-c: #e4e0d4;
  --sp-white: #ffffff;
  --cc-navy: #0e1a6b;
  --cc-navy-dark: #0a1450;
  --cc-gold: #f7b733;
  --cc-gold-dark: #e4a01f;
  --cc-cream: #f7f3ea;
  --cc-ink: #1c1f3b;
  --cc-muted: #6b6f8a;
  --cc-line: #e4e0d4;
  --cc-white: #ffffff;
  --cc-green: #2f8f4e;
  --cc-red: #d64545;
  --sr-navy: #0e1a6b;
  --sr-navy-dark: #0a1450;
  --sr-gold: #f7b733;
  --sr-gold-dark: #e4a01f;
  --sr-cream: #f7f3ea;
  --sr-ink: #1c1f3b;
  --sr-muted: #6b6f8a;
  --sr-line: #e4e0d4;
  --sr-white: #ffffff;
  --tc-navy: #0e1a6b;
  --tc-navy-dark: #0a1450;
  --tc-gold: #f7b733;
  --tc-gold-dark: #e4a01f;
  --tc-cream: #f7f3ea;
  --tc-ink: #1c1f3b;
  --tc-muted: #6b6f8a;
  --tc-line: #e4e0d4;
  --tc-white: #ffffff;
  --lr-navy: #0e1a6b;
  --lr-navy-dark: #0a1450;
  --lr-gold: #f7b733;
  --lr-gold-dark: #e4a01f;
  --lr-cream: #f7f3ea;
  --lr-ink: #1c1f3b;
  --lr-muted: #6b6f8a;
  --lr-line: #e4e0d4;
  --lr-white: #ffffff;
  --lr-green: #2f8f4e;
  --lr-red: #d64545;
  --te-navy: #0e1a6b;
  --te-navy-dark: #0a1450;
  --te-gold: #f7b733;
  --te-gold-dark: #e4a01f;
  --te-cream: #f7f3ea;
  --te-ink: #1c1f3b;
  --te-muted: #6b6f8a;
  --te-line: #e4e0d4;
  --te-white: #ffffff;
  --te-green: #2f8f4e;
  --pl-navy: #0e1a6b;
  --pl-navy-dark: #0a1450;
  --pl-gold: #f7b733;
  --pl-gold-dark: #e4a01f;
  --pl-cream: #f7f3ea;
  --pl-ink: #1c1f3b;
  --pl-muted: #6b6f8a;
  --pl-line: #e4e0d4;
  --pl-white: #ffffff;
  --vh-navy: #0e1a6b;
  --vh-navy-dark: #0a1450;
  --vh-gold: #f7b733;
  --vh-gold-dark: #e4a01f;
  --vh-cream: #f7f3ea;
  --vh-ink: #1c1f3b;
  --vh-muted: #6b6f8a;
  --vh-line: #e4e0d4;
  --vh-white: #ffffff;
  --gg-navy: #0e1a6b;
  --gg-navy-dark: #0a1450;
  --gg-gold: #f7b733;
  --gg-gold-dark: #e4a01f;
  --gg-cream: #f7f3ea;
  --gg-ink: #1c1f3b;
  --gg-muted: #6b6f8a;
  --gg-line: #e4e0d4;
  --gg-white: #ffffff;
  --sd-navy: #0e1a6b;
  --sd-navy-dark: #0a1450;
  --sd-gold: #f7b733;
  --sd-gold-dark: #e4a01f;
  --sd-cream: #f7f3ea;
  --sd-ink: #1c1f3b;
  --sd-muted: #6b6f8a;
  --sd-line: #e4e0d4;
  --sd-white: #ffffff;
  --su-navy: #0e1a6b;
  --su-navy-dark: #0a1450;
  --su-gold: #f7b733;
  --su-gold-dark: #e4a01f;
  --su-cream: #f7f3ea;
  --su-ink: #1c1f3b;
  --su-muted: #6b6f8a;
  --su-line: #e4e0d4;
  --su-white: #ffffff;
  --pr-navy: #0e1a6b;
  --pr-navy-dark: #0a1450;
  --pr-gold: #f7b733;
  --pr-gold-dark: #e4a01f;
  --pr-cream: #f7f3ea;
  --pr-ink: #1c1f3b;
  --pr-muted: #6b6f8a;
  --pr-line: #e4e0d4;
  --pr-white: #ffffff;
  --pr-green: #2f8f4e;
  --al-navy: #0e1a6b;
  --al-navy-dark: #0a1450;
  --al-gold: #f7b733;
  --al-gold-dark: #e4a01f;
  --al-cream: #f7f3ea;
  --al-ink: #1c1f3b;
  --al-muted: #6b6f8a;
  --al-line: #e4e0d4;
  --al-white: #ffffff;
  --bt-navy: #0e1a6b;
  --bt-navy-dark: #0a1450;
  --bt-gold: #f7b733;
  --bt-gold-dark: #e4a01f;
  --bt-cream: #f7f3ea;
  --bt-ink: #1c1f3b;
  --bt-muted: #6b6f8a;
  --bt-line: #e4e0d4;
  --bt-white: #ffffff;
  --cm-navy: #0e1a6b;
  --cm-navy-dark: #0a1450;
  --cm-gold: #f7b733;
  --cm-gold-dark: #e4a01f;
  --cm-cream: #f7f3ea;
  --cm-ink: #1c1f3b;
  --cm-muted: #6b6f8a;
  --cm-line: #e4e0d4;
  --cm-white: #ffffff;
  --pm-navy: #0e1a6b;
  --pm-navy-dark: #0a1450;
  --pm-gold: #f7b733;
  --pm-gold-dark: #e4a01f;
  --pm-cream: #f7f3ea;
  --pm-ink: #1c1f3b;
  --pm-muted: #6b6f8a;
  --pm-line: #e4e0d4;
  --pm-white: #ffffff;
  --ts-navy: #0e1a6b;
  --ts-navy-dark: #0a1450;
  --ts-gold: #f7b733;
  --ts-gold-dark: #e4a01f;
  --ts-cream: #f7f3ea;
  --ts-ink: #1c1f3b;
  --ts-muted: #6b6f8a;
  --ts-line: #e4e0d4;
  --ts-white: #ffffff;
  --nt-navy: #0e1a6b;
  --nt-navy-dark: #0a1450;
  --nt-gold: #f7b733;
  --nt-gold-dark: #e4a01f;
  --nt-cream: #f7f3ea;
  --nt-ink: #1c1f3b;
  --nt-muted: #6b6f8a;
  --nt-line: #e4e0d4;
  --nt-white: #ffffff;
  --lc-navy: #0e1a6b;
  --lc-navy-dark: #0a1450;
  --lc-gold: #f7b733;
  --lc-gold-dark: #e4a01f;
  --lc-cream: #f7f3ea;
  --lc-ink: #1c1f3b;
  --lc-muted: #6b6f8a;
  --lc-line: #e4e0d4;
  --lc-white: #ffffff;
  --navy: #0b1a55;
  --navy-deep: #081240;
  --gold: #f6b93b;
  --gold-dark: #e2a12a;
  --cream: #f4efe6;
  --ink: #1c2340;
  --muted: #6b7290;
  --text: #1a1a1a;
  --blue: #1E63E9;
  --line: #E4E6EA;
  --navy: #0b1f63;
  --navy-deep: #071640;
  --gold: #f6a621;
  --paper: #f6f4ee;
  --ink-dim: #6b6f80;
  --line: #e3e1d8;
  --admission: #f6a621;
  --exam: #1f6fb2;
  --scholar: #1f8a70;
  --tnd-navy: #0b1f63;
  --tnd-navy-deep: #071640;
  --tnd-gold: #f6a621;
  --tnd-paper: #f6f4ee;
  --tnd-ink-dim: #6b6f80;
  --tnd-line: #e3e1d8;
  --tnd-open: #1f8a70;
  --tnd-closed: #b1453c;
  --exm-navy: #0b1f63;
  --exm-navy-deep: #071640;
  --exm-gold: #f6a621;
  --exm-paper: #f6f4ee;
  --exm-ink-dim: #6b6f80;
  --exm-line: #e3e1d8;
  --exm-science: #1f6fb2;
  --exm-arts: #b1453c;
  --exm-commerce: #1f8a70;
  --cnt-navy: #0b1f63;
  --cnt-navy-deep: #071640;
  --cnt-gold: #f6a621;
  --cnt-paper: #f6f4ee;
  --cnt-ink-dim: #6b6f80;
  --cnt-line: #e3e1d8;
  --cnt-green: #1f8a70;
  --inf-navy: #0b1f63;
  --inf-navy-deep: #071640;
  --inf-gold: #f6a621;
  --inf-paper: #f6f4ee;
  --inf-ink-dim: #6b6f80;
  --inf-line: #e3e1d8;
  --inf-red: #c1443a;
  --lab-navy: #0b1f63;
  --lab-navy-deep: #071640;
  --lab-gold: #f6a621;
  --lab-paper: #f6f4ee;
  --lab-ink-dim: #6b6f80;
  --lab-line: #e3e1d8;
  --lab-physics: #1f6fb2;
  --lab-chem: #b1453c;
  --lab-bio: #1f8a70;
  --lab-cs: #7a4fb0;
  --fd-navy: #0b1f63;
  --fd-navy-deep: #071640;
  --fd-gold: #f6a621;
  --fd-paper: #f6f4ee;
  --fd-ink-dim: #6b6f80;
  --fd-line: #e3e1d8;
  --fd-morning: #f6a621;
  --fd-lunch: #1f8a70;
  --fd-snack: #b1453c;
  --trp-navy: #0b1f63;
  --trp-navy-deep: #071640;
  --trp-gold: #f6a621;
  --trp-paper: #f6f4ee;
  --trp-ink-dim: #6b6f80;
  --trp-line: #e3e1d8;
  --trp-green: #1f8a70;
  --navy: #0B1550;
  --navy-deep: #060B33;
  --gold: #F5B935;
  --gold-deep: #C98F14;
  --cream: #F7F4EC;
  --white: #FFFFFF;
  --text-muted: #6B7080;
  --row-alt: #F7F4EC;
  --certgal-paper:#f3efe6;
    --certgal-ink:#1f2a24;
    --certgal-brass:#8a6d3b;
    --certgal-rule:#c9bfa6;
    background:var(--certgal-paper);
    font-family:'Georgia','Times New Roman',serif;
    color:var(--certgal-ink);
    padding:48px 20px;
}

/*----------------------------------------
   Bootstrap customize
-----------------------------------------*/
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  --bs-gutter-x: 3rem;
}

@media (min-width: 1441px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1310px;
  }
}

.row {
  --bs-gutter-x: 3rem;
}

.g-20 {
  --bs-gutter-x: 20px;
  --bs-gutter-y: 20px;
}

.g-20,
.gx-20 {
  --bs-gutter-x: 20px;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-10,
.gx-10 {
  --bs-gutter-x: 10px;
}

.g-30,
.gx-30 {
  --bs-gutter-x: 30px;
}

.gy-24 {
  --bs-gutter-y: 24px;
}

.g-30,
.gy-30 {
  --bs-gutter-y: 30px;
}

.g-40,
.gx-40 {
  --bs-gutter-x: 40px;
}

.g-40,
.gy-40 {
  --bs-gutter-y: 40px;
}

.g-50,
.gx-50 {
  --bs-gutter-x: 50px;
}

.g-50,
.gy-50 {
  --bs-gutter-y: 50px;
}

.g-60,
.gy-60 {
  --bs-gutter-y: 60px;
}

/*---------------------------------
    1.2 Common Classes
---------------------------------*/
.w-img img {
  width: 100%;
}

.m-img img {
  max-width: 100%;
}

.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

.z-index-1 {
  z-index: 1;
}

.z-index-11 {
  z-index: 11;
}

.opacity-05 {
  opacity: 0.5;
}

.overflow-y-visible {
  overflow-x: hidden;
  overflow-y: visible;
}

.p-relative {
  position: relative;
}

.position-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

.position-absolute {
  position: absolute;
}

.include-bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.hr-1 {
  border-top: 1px solid rgb(232, 232, 232);
}

.x-clip {
  overflow-x: clip;
}

@media only screen and (max-width: 575px) {
  .o-xs {
    overflow-x: hidden;
  }
}

.overflow-visible {
  overflow: visible;
}

/*----------------------------------------
    Body Overlay 
-----------------------------------------*/
.image-bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

/*----------------------------------------
   Text Underline
-----------------------------------------*/
.underline a {
  display: inline;
  background-image: -webkit-gradient(linear,
      left top,
      right top,
      color-stop(0, currentColor),
      to(currentColor));
  background-image: linear-gradient(to right,
      currentColor 0,
      currentColor 100%);
  background-position: left 100%;
  background-repeat: no-repeat;
  background-size: 0 1px;
  -webkit-transition:
    all 0.3s,
    background-size 0.8s;
  transition:
    all 0.3s,
    background-size 0.8s;
  padding-bottom: 0;
}

.underline a:hover {
  color: var(--rs-title-primary);
  background-size: 100% 1px;
}

.underline.is-white a {
  background-image:
    linear-gradient(var(--rs-white), var(--rs-white)),
    linear-gradient(var(--rs-white), var(--rs-white));
}

.underline.is-white a:hover {
  color: var(--rs-white);
}

/*----------------------------------------
   Mfp customize
-----------------------------------------*/
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 1280px;
}

@media only screen and (max-width: 1366px) {
  .mfp-iframe-holder .mfp-content {
    max-width: 850px;
  }
}

@media only screen and (max-width: 1199px) {
  .mfp-iframe-holder .mfp-content {
    max-width: 820px;
  }
}

@media only screen and (max-width: 991px) {
  .mfp-iframe-holder .mfp-content {
    max-width: 750px;
  }
}

.mfp-close {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.mfp-close:hover {
  color: var(--rs-white);
}

.mfp-close::after {
  position: absolute;
  content: "\eb98";
  height: 100%;
  width: 100%;
  font-family: var(--rs-ff-remixicon);
  font-size: 31px;
  font-weight: 200;
  right: -20px;
  margin-top: -25px;
}

@media only screen and (max-width: 991px) {
  .mfp-close::after {
    right: 15px;
    margin-top: -30px;
  }
}

/*---------------------------------
	1.3 Typography SCSS
---------------------------------*/
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 10px;
}

/*---------------------------------
    Typography css start 
---------------------------------*/
body {
  color: var(--rs-text-primary);
  font-family: var(--rs-ff-body);
  font-size: var(--rs-fs-body);
  font-weight: normal;
  line-height: 1.5;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h5,
h5,
.h5,
h6,
.h6 {
  color: var(--rs-title-primary);
  margin-top: 0px;
  line-height: 1;
  margin-bottom: 0;
  font-weight: var(--rs-fw-sbold);
  word-break: break-word;
  font-family: var(--rs-ff-title);
}

h1,
.h1 {
  font-size: var(--rs-fs-h1);
  line-height: 1;
}

@media only screen and (max-width: 1600px) {

  h1,
  .h1 {
    font-size: 60px;
  }
}

@media only screen and (max-width: 1199px) {

  h1,
  .h1 {
    font-size: 55px;
  }
}

@media only screen and (max-width: 991px) {

  h1,
  .h1 {
    font-size: 50px;
  }
}

@media only screen and (max-width: 767px) {

  h1,
  .h1 {
    font-size: 45px;
  }
}

@media only screen and (max-width: 575px) {

  h1,
  .h1 {
    font-size: 40px;
  }
}

h2,
.h2 {
  font-size: var(--rs-fs-h2);
  line-height: 1.2;
}

@media only screen and (max-width: 1199px) {

  h2,
  .h2 {
    font-size: 42px;
  }
}

@media only screen and (max-width: 991px) {

  h2,
  .h2 {
    font-size: 37px;
  }
}

@media only screen and (max-width: 767px) {

  h2,
  .h2 {
    font-size: 32px;
  }
}

@media only screen and (max-width: 575px) {

  h2,
  .h2 {
    font-size: 27px;
  }
}

h3,
.h3 {
  font-size: var(--rs-fs-h3);
  line-height: 1.25;
}

@media only screen and (max-width: 1600px) {

  h3,
  .h3 {
    font-size: 26px;
  }
}

@media only screen and (max-width: 991px) {

  h3,
  .h3 {
    font-size: 24px;
  }
}

@media only screen and (max-width: 767px) {

  h3,
  .h3 {
    font-size: 22px;
  }
}

h4,
.h4 {
  font-size: var(--rs-fs-h4);
  line-height: 1.33;
}

@media only screen and (max-width: 1600px) {

  h4,
  .h4 {
    font-size: 24px;
  }
}

@media only screen and (max-width: 991px) {

  h4,
  .h4 {
    font-size: 22px;
  }
}

h5,
.h5 {
  font-size: var(--rs-fs-h5);
  line-height: 1.4;
}

@media only screen and (max-width: 1600px) {

  h5,
  .h5 {
    font-size: 22px;
  }
}

@media only screen and (max-width: 1199px) {

  h5,
  .h5 {
    font-size: 20px;
  }
}

@media only screen and (max-width: 991px) {

  h5,
  .h5 {
    font-size: 22px;
  }
}

@media only screen and (max-width: 575px) {

  h5,
  .h5 {
    font-size: 20px;
  }
}

h6,
.h6 {
  font-size: var(--rs-fs-h6);
  line-height: 1.44;
}

h6.small,
.h6.small {
  font-size: 18px;
}

@media only screen and (max-width: 575px) {

  h6,
  .h6 {
    font-size: 18px;
  }
}

ul {
  margin: 0px;
  padding: 0px;
}

p {
  font-size: var(--rs-fs-p);
  font-family: var(--rs-ff-p);
  font-weight: var(--rs-fw-normal);
  color: var(--rs-text-primary);
  margin-bottom: 30px;
  line-height: 28px;
}

p.b1 {
  font-size: var(--rs-fs-b1);
  line-height: 1.714;
}

p.b2 {
  font-size: var(--rs-fs-b2);
  line-height: 1.625;
}

p.b3 {
  font-size: var(--rs-fs-b3);
  line-height: 1.55;
}

p.b4 {
  font-size: var(--rs-fs-b4);
  line-height: 1.454;
}

p:last-child {
  margin-bottom: 0;
}

.b1 {
  font-size: var(--rs-fs-b1);
  line-height: 1.714;
}

.b2 {
  font-size: var(--rs-fs-b2);
  line-height: 1.625;
}

.b3 {
  font-size: var(--rs-fs-b3);
  line-height: 1.55;
}

.b4 {
  font-size: var(--rs-fs-b4);
  line-height: 1.454;
}

a {
  text-decoration: none;
}

a:focus,
.button:focus {
  text-decoration: none;
  outline: none;
}

a:focus,
a:hover {
  text-decoration: none;
  color: inherit;
}

a,
button {
  color: inherit;
  outline: none;
  border: none;
  background: transparent;
}

img {
  max-width: 100%;
}

button:hover {
  cursor: pointer;
}

button:focus {
  outline: 0;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

hr:not([size]) {
  margin: 0;
  opacity: 1;
  border: none;
  height: 1px;
  background-color: #ececec;
}

[rs-theme="rs-theme-dark"] hr:not([size]) {
  background-color: #2d2d27;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
textarea {
  outline: none;
  background-color: transparent;
  height: 50px;
  width: 100%;
  font-size: 16px;
  border: none;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid var(--rs-border-primary);
  color: var(--rs-black);
  padding-inline-start: 25px;
  padding-inline-end: 25px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
textarea:focus {
  border-color: var(--rs-theme-yellow);
}

textarea {
  padding: 14px 24px;
}

textarea:focus {
  border-color: var(--rs-theme-yellow);
}

*::-moz-selection {
  background: var(--rs-theme-blue);
  color: var(--rs-white);
  text-shadow: none;
}

::selection {
  background: var(--rs-theme-blue);
  color: var(--rs-white);
  text-shadow: none;
}

*::-moz-placeholder {
  opacity: 1;
  font-size: 16px;
  color: var(--rs-placeholder);
}

*::placeholder {
  opacity: 1;
  font-size: 16px;
  font-weight: 400;
  font-family: var(--rs-ff-body);
  color: var(--rs-placeholder);
}

/*---------------------------------
	1.1 Default Spacing SCSS
---------------------------------*/
.section-space {
  padding-top: 120px;
  padding-bottom: 120px;
}

@media only screen and (max-width: 1199px) {
  .section-space {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

@media only screen and (max-width: 991px) {
  .section-space {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.section-space-top {
  padding-top: 120px;
}

@media only screen and (max-width: 1199px) {
  .section-space-top {
    padding-top: 100px;
  }
}

@media only screen and (max-width: 991px) {
  .section-space-top {
    padding-top: 80px;
  }
}

.section-space-bottom {
  padding-bottom: 120px;
}

@media only screen and (max-width: 1199px) {
  .section-space-bottom {
    padding-bottom: 100px;
  }
}

@media only screen and (max-width: 991px) {
  .section-space-bottom {
    padding-bottom: 80px;
  }
}

.section-title-space {
  margin-bottom: 45px;
}

@media only screen and (max-width: 767px) {
  .section-title-space {
    margin-bottom: 30px;
  }
}

/*----------------------------------------*/
/*  2.1 accordion
/*----------------------------------------*/
.rs-accordion-one .rs-accordion-item {
  background: var(--rs-white);
  padding-top: 25px;
  padding-bottom: 25px;
  padding-inline-start: 25px;
  padding-inline-end: 25px;
  border-radius: 6px;
}

@media only screen and (max-width: 575px) {
  .rs-accordion-one .rs-accordion-item {
    padding-inline-start: 20px;
    padding-inline-end: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

.rs-accordion-one .rs-accordion-item:not(:last-child) {
  margin-bottom: 20px;
}

.rs-accordion-one .accordion-button {
  background-color: transparent;
  padding: 0;
  box-shadow: none;
  padding-top: 0;
  padding-bottom: 0;
  padding-inline-end: 50px;
  padding-inline-start: 0;
  font-size: 20px;
  font-weight: 500;
  color: var(--rs-title-primary);
  text-align: start;
}

@media only screen and (max-width: 767px) {
  .rs-accordion-one .accordion-button {
    font-size: 20px;
    padding-inline-end: 30px;
  }
}

@media only screen and (max-width: 575px) {
  .rs-accordion-one .accordion-button {
    font-size: 18px;
  }
}

.rs-accordion-one .accordion-button::after {
  content: none;
}

.rs-accordion-one .accordion-button:not(.collapsed) {
  box-shadow: none;
  color: var(--rs-theme-green-two);
}

.rs-accordion-one .accordion-button:not(.collapsed) .accordion-icon svg {
  transform: rotate(0deg);
}

.rs-accordion-one .accordion-button:not(.collapsed) .accordion-icon svg path {
  fill: var(--rs-theme-green-two);
}

.rs-accordion-one .accordion-icon {
  position: absolute;
  inset-inline-end: 0px;
  transition: all 0.4s ease-out 0s;
}

.rs-accordion-one .accordion-icon svg {
  width: 13px;
  transform: rotate(-90deg);
}

[dir="rtl"] .rs-accordion-one .accordion-icon svg {
  transform: rotate(90deg);
}

.rs-accordion-one .accordion-icon svg path {
  fill: var(--rs-theme-secondary);
  transition: all 0.4s ease-out 0s;
}

.rs-accordion-one .accordion-item {
  padding-top: 22px;
  padding-bottom: 0;
  padding-inline-end: 22px;
  padding-inline-start: 0;
  border: 0;
  /* border-bottom: 1px solid #ebebeb; */
  position: relative;
}

.rs-accordion-one .accordion-item:first-child {
  border-top: 1px solid #ebebeb;
}

.rs-accordion-one .accordion-body {
  color: var(--rs-text-primary);
  padding: 14px 30px 0 0px;
  line-height: 28px;
}

@media only screen and (max-width: 767px) {
  .rs-accordion-one .accordion-body {
    padding: 14px 0px 0 0px;
  }
}

.rs-accordion-two .rs-accordion-item:not(:last-child) {
  margin-bottom: 20px;
}

.rs-accordion-two .accordion-button {
  padding: 0;
  box-shadow: none;
  font-size: 20px;
  font-weight: 500;
  color: var(--rs-title-primary);
  text-align: start;
  padding-top: 23px;
  padding-bottom: 20px;
  padding-inline-start: 25px;
  padding-inline-end: 25px;
  border-radius: 6px;
  background: var(--rs-white);
  transition: 0.3s;
}

.rs-accordion-two .accordion-button:hover {
  background: var(--rs-theme-blue);
  color: var(--rs-white);
}

.rs-accordion-two .accordion-button:hover .accordion-icon svg path {
  fill: var(--rs-white);
}

@media only screen and (max-width: 767px) {
  .rs-accordion-two .accordion-button {
    font-size: 20px;
    padding-inline-end: 30px;
  }
}

@media only screen and (max-width: 575px) {
  .rs-accordion-two .accordion-button {
    font-size: 18px;
  }
}

.rs-accordion-two .accordion-button::after {
  content: none;
}

.rs-accordion-two .accordion-button:not(.collapsed) {
  box-shadow: none;
  color: var(--rs-white);
  background: var(--rs-theme-blue);
  border-radius: 6px 6px 0px 0;
}

.rs-accordion-two .accordion-button:not(.collapsed) .accordion-icon svg {
  transform: rotate(0deg);
}

.rs-accordion-two .accordion-button:not(.collapsed) .accordion-icon svg path {
  fill: var(--rs-white);
}

.rs-accordion-two .accordion-icon {
  position: absolute;
  inset-inline-end: 30px;
  transition: all 0.4s ease-out 0s;
}

.rs-accordion-two .accordion-icon svg {
  width: 13px;
  transform: rotate(-90deg);
}

[dir="rtl"] .rs-accordion-two .accordion-icon svg {
  transform: rotate(90deg);
}

.rs-accordion-two .accordion-icon svg path {
  fill: var(--rs-black);
  transition: all 0.4s ease-out 0s;
}

.rs-accordion-two .accordion-item {
  padding-top: 22px;
  padding-bottom: 0;
  padding-inline-end: 22px;
  padding-inline-start: 0;
  border-bottom: 1px solid #ebebeb;
  position: relative;
}

.rs-accordion-two .accordion-item:first-child {
  border-top: 1px solid #ebebeb;
}

.rs-accordion-two .accordion-body {
  color: var(--rs-text-primary);
  padding-top: 20px;
  padding-inline-start: 25px;
  padding-inline-end: 30px;
  padding-bottom: 30px;
  line-height: 28px;
  background: var(--rs-white);
  border-radius: 0 0 6px 6px;
}

@media only screen and (max-width: 1199px) {
  .rs-accordion-two .accordion-body {
    padding-top: 20px;
    padding-inline-start: 20px;
    padding-inline-end: 20px;
    padding-bottom: 20px;
  }
}

.rs-accordion-three .rs-accordion-item:not(:last-child) {
  margin-bottom: 20px;
}

.rs-accordion-three .accordion-button {
  padding: 0;
  box-shadow: none;
  font-size: 20px;
  font-weight: 600;
  color: var(--rs-title-primary);
  text-align: start;
  padding-top: 23px;
  padding-bottom: 20px;
  padding-inline-start: 25px;
  padding-inline-end: 25px;
  border-radius: 6px;
  background: var(--rs-white);
  transition: 0.3s;
}

.rs-accordion-three .accordion-button:hover {
  color: var(--rs-theme-blue);
}

.rs-accordion-three .accordion-button:hover .accordion-icon svg path {
  fill: var(--rs-theme-blue);
}

@media only screen and (max-width: 767px) {
  .rs-accordion-three .accordion-button {
    font-size: 20px;
    padding-inline-end: 30px;
  }
}

@media only screen and (max-width: 575px) {
  .rs-accordion-three .accordion-button {
    font-size: 18px;
  }
}

.rs-accordion-three .accordion-button::after {
  content: none;
}

.rs-accordion-three .accordion-button:not(.collapsed) {
  box-shadow: none;
  color: var(--rs-theme-blue);
  border-radius: 6px 6px 0px 0;
  padding-bottom: 0px;
}

.rs-accordion-three .accordion-button:not(.collapsed) .accordion-icon svg {
  transform: rotate(0deg);
}

.rs-accordion-three .accordion-button:not(.collapsed) .accordion-icon svg path {
  fill: var(--rs-theme-blue);
}

.rs-accordion-three .accordion-icon {
  position: absolute;
  inset-inline-end: 30px;
  transition: all 0.4s ease-out 0s;
}

.rs-accordion-three .accordion-icon svg {
  width: 13px;
  transform: rotate(-90deg);
}

[dir="rtl"] .rs-accordion-three .accordion-icon svg {
  transform: rotate(90deg);
}

.rs-accordion-three .accordion-icon svg path {
  fill: var(--rs-black);
  transition: all 0.4s ease-out 0s;
}

.rs-accordion-three .accordion-item {
  padding-top: 22px;
  padding-bottom: 0;
  padding-inline-end: 22px;
  padding-inline-start: 0;
  border: 0;
  border-bottom: 1px solid #ebebeb;
  position: relative;
}

.rs-accordion-three .accordion-item:first-child {
  border-top: 1px solid #ebebeb;
}

.rs-accordion-three .accordion-body {
  color: var(--rs-text-primary);
  padding-top: 10px;
  padding-inline-start: 25px;
  padding-inline-end: 30px;
  padding-bottom: 20px;
  line-height: 28px;
  background: var(--rs-white);
  border-radius: 0 0 6px 6px;
  font-style: italic;
}

/*----------------------------------------*/
/*  2.3 Background
/*----------------------------------------*/
.bg-primary {
  background-color: var(--rs-bg-primary);
}

.secondary-bg {
  background-color: var(--rs-bg-secondary);
}

.bg-grey {
  background-color: var(--rs-bg-grey);
}

.theme-secondary {
  background: var(--rs-theme-secondary);
}

.blue-bg {
  background: var(--rs-blue);
}

/*----------------------------------------*/
/*  2.6 Buttons
/*----------------------------------------*/
.rs-btn {
  font-size: 15px;
  color: var(--rs-white);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 26px;
  transition: all 0.4s ease-out 0s;
  border-radius: 100px;
  font-weight: 500;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: var(--rs-theme-blue);
}

.rs-btn:hover {
  background: var(--rs-theme-yellow);
  color: var(--rs-black);
}

.rs-btn:hover.has-icon .icon-first {
  transform: translateX(150%);
}

.rs-btn:hover.has-icon .icon-second {
  transform: translateX(0%);
}

.rs-btn:hover.has-icon .icon-box svg path {
  fill: var(--rs-black);
}

.rs-btn:hover.has-icon .has-rotate svg {
  transform: rotate(90deg);
}

.rs-btn:hover .btn-text-wrap .text-default {
  -webkit-transform: translateY(-150%);
  transform: translateY(-150%);
}

.rs-btn:hover .btn-text-wrap .text-hover {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.rs-btn.has-text {
  padding: 0;
  width: unset;
  height: unset;
  background: transparent;
}

.rs-btn.has-text.has-icon {
  gap: 8px;
}

.rs-btn.has-text.has-icon .icon-box svg path {
  fill: var(--rs-title-primary);
}

.rs-btn.has-text.has-icon.is-white .icon-box svg path {
  fill: var(--rs-white);
  transition: 0.3s;
}

.rs-btn.has-text.has-icon.is-white:hover .icon-box svg path {
  fill: var(--rs-theme-primary);
}

.rs-btn.has-text.is-text-white {
  color: var(--rs-white);
}

.rs-btn.has-text.is-text-white.has-icon svg path {
  fill: var(--rs-white);
}

.rs-btn.has-text.is-text-black {
  color: var(--rs-title-primary);
}

.rs-btn.has-text.is-text-black:hover {
  color: var(--rs-theme-primary);
}

.rs-btn.has-text.is-text-black.has-icon svg path {
  fill: var(--rs-black);
}

.rs-btn.has-text.is-text-primary {
  color: var(--rs-theme-primary);
}

.rs-btn.has-text.is-text-primary:hover {
  color: var(--rs-theme-primary);
}

.rs-btn.has-text.is-text-primary.has-icon svg path {
  fill: var(--rs-theme-primary);
}

.rs-btn.has-text.is-text-blue {
  color: var(--rs-title-tertiary);
}

.rs-btn.has-text.is-text-blue:hover {
  color: var(--rs-theme-yellow);
}

.rs-btn.has-text.is-text-blue:hover .icon-box svg path {
  fill: var(--rs-theme-yellow);
}

.rs-btn.has-text.is-text-blue.has-icon svg path {
  fill: var(--rs-title-tertiary);
}

.rs-btn.has-icon {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.rs-btn.has-icon .icon-box {
  overflow: hidden;
  position: relative;
  display: inline-flex;
  transition: all 0.3s ease-out 0s;
}

[dir="rtl"] .rs-btn.has-icon .icon-box {
  transform: rotate(-180deg);
}

.rs-btn.has-icon .icon-box svg {
  width: 15px;
}

.rs-btn.has-icon .icon-box svg path {
  fill: var(--rs-white);
  transition: 0.5s;
}

.rs-btn.has-icon .icon-box:hover .icon-first {
  transform: translateX(150%);
}

.rs-btn.has-icon .icon-box:hover .icon-second {
  transform: translateX(0%);
}

.rs-btn.has-icon .icon-box.is-black svg path {
  fill: var(--rs-black);
}

.rs-btn.has-icon .icon-first {
  transition: all 0.3s ease-out 0s;
}

.rs-btn.has-icon .icon-second {
  position: absolute;
  transform: translateX(-150%);
  transition: all 0.3s ease-out 0s;
}

.rs-btn.hover-white:hover {
  background: var(--rs-white);
  color: var(--rs-black);
}

.rs-btn.hover-white:hover .icon-box svg path {
  fill: var(--rs-black);
}

.rs-btn.hover-black:hover {
  background: var(--rs-black);
  color: var(--rs-white);
}

.rs-btn.hover-black:hover .icon-box svg path {
  fill: var(--rs-white);
}

.rs-btn.hover-yellow:hover {
  background: var(--rs-theme-yellow);
  color: var(--rs-black);
}

.rs-btn.hover-yellow:hover .icon-box svg path {
  fill: var(--rs-black);
}

.rs-btn.hover-blue.has-icon:hover {
  background: var(--rs-theme-blue);
  color: var(--rs-white);
}

.rs-btn.hover-blue.has-icon:hover .icon-box svg path {
  fill: var(--rs-white);
}

.rs-btn.hover-red.has-icon:hover {
  background: var(--rs-theme-red);
  color: var(--rs-white);
  border-color: var(--rs-theme-red);
}

.rs-btn.hover-red.has-icon:hover .icon-box svg path {
  fill: var(--rs-white);
}

.rs-btn.hover-yellow.has-icon:hover {
  background: var(--rs-theme-yellow);
  color: var(--rs-black);
  border-color: var(--rs-theme-yellow);
}

.rs-btn.hover-yellow.has-icon:hover .icon-box svg path {
  fill: var(--rs-black);
}

.rs-btn.hover-green-two.has-icon:hover {
  background: var(--rs-theme-green-two);
  color: var(--rs-white);
  border-color: var(--rs-theme-green-two);
}

.rs-btn.hover-green-two.has-icon:hover .icon-box svg path {
  fill: var(--rs-white);
}

.rs-btn.hover-cyan.has-icon:hover {
  background: var(--rs-theme-light-cyan);
  color: var(--rs-white);
  border-color: var(--rs-theme-light-cyan);
}

.rs-btn.hover-cyan.has-icon:hover .icon-box svg path {
  fill: var(--rs-white);
}

.rs-btn.hover-dark-cyan {
  background: var(--rs-theme-light-cyan);
  color: var(--rs-white);
}

.rs-btn.hover-dark-cyan:hover {
  background: var(--rs-theme-cyan);
  border-color: var(--rs-theme-cyan);
}

.rs-btn.hover-dark-cyan:hover .icon-box svg path {
  fill: var(--rs-white);
}

.rs-btn.is-transparent {
  background: transparent;
  border: 1px solid var(--rs-border-secondary);
}

.rs-btn.has-bg-white {
  background: var(--rs-white);
  color: var(--rs-title-primary);
}

.rs-btn.has-bg-white .icon-box svg path {
  fill: var(--rs-theme-secondary);
}

.rs-btn.has-text-underline {
  text-decoration: underline;
  color: var(--rs-title-primary);
  overflow: visible;
}

.rs-btn.has-border {
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  border-color: var(--rs-theme-primary);
  border-radius: 0;
}

.rs-btn.has-border.has-border-white {
  border-color: var(--rs-white);
}

.rs-btn.has-border.has-border-white:hover {
  border-color: var(--rs-theme-primary);
}

.rs-btn.has-rotate {
  transform: rotate(-45deg);
}

.rs-btn.has-theme-yellow {
  background: var(--rs-theme-yellow);
  color: var(--rs-black);
}

.rs-btn.has-theme-yellow.has-icon .icon-box svg path {
  fill: var(--rs-black);
}

.rs-btn.has-theme-red {
  background: var(--rs-theme-red);
  color: var(--rs-white);
}

.rs-btn.has-theme-red.has-icon .icon-box svg path {
  fill: var(--rs-white);
}

.rs-btn.has-theme-green {
  background: var(--rs-theme-green);
  color: var(--rs-white);
}

.rs-btn.has-theme-green.has-icon .icon-box svg path {
  fill: var(--rs-white);
}

.rs-btn.has-theme-green-two {
  background: var(--rs-theme-green-two);
  color: var(--rs-white);
}

.rs-btn.has-theme-green-two.has-icon .icon-box svg path {
  fill: var(--rs-white);
}

.rs-btn.has-theme-cyan {
  background: var(--rs-theme-cyan);
  color: var(--rs-white);
}

.rs-btn.has-theme-cyan.has-icon .icon-box svg path {
  fill: var(--rs-white);
}

.rs-btn.has-theme-light-cyan {
  background: var(--rs-theme-light-cyan);
  color: var(--rs-white);
}

.rs-btn.has-black {
  background: var(--rs-black);
  color: var(--rs-white);
}

.rs-btn.has-black.has-icon .icon-box svg path {
  fill: var(--rs-white);
}

.rs-btn .btn-text-wrap {
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: inline-block;
}

.rs-btn .btn-text-wrap .text-default {
  position: relative;
  display: block;
  transition: 0.3s;
  transform: translateY(-1px);
}

.rs-btn .btn-text-wrap .text-hover {
  position: absolute;
  top: 100%;
  display: block;
  transition: 0.3s;
  transform: translateY(0px);
}

.rs-btn.has-bg-primary {
  background: var(--rs-bg-primary);
  color: var(--rs-title-primary);
}

.rs-btn.has-bg-primary.has-icon .icon-box svg path {
  fill: var(--rs-black);
}

.rs-rotate-btn {
  width: 180px;
  height: 180px;
  position: relative;
}

.rs-rotate-btn:hover .rs-text-circle {
  animation-play-state: paused;
}

.rs-rotate-btn .rs-circle-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 90px;
  transform: translate(-50%, -50%);
  background: var(--rs-theme-primary);
  border-radius: 50%;
  text-align: center;
  padding: 20px;
  z-index: 1;
  transition: 0.3s;
}

.rs-rotate-btn .rs-circle-btn:hover svg {
  transform: rotate(45deg);
}

.rs-rotate-btn .rs-circle-btn svg {
  width: 27px;
  height: 27px;
}

.rs-rotate-btn .rs-circle-btn svg path {
  fill: var(--rs-theme-secondary);
}

.rs-rotate-btn .rs-text-circle-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}

.rs-rotate-btn .rs-text-circle {
  animation: rotate-infinite 30s infinite linear;
  width: 100%;
  height: 100%;
  position: relative;
}

.rs-rotate-btn .rs-text-circle span {
  position: absolute;
  height: 100%;
  width: 100%;
  text-transform: uppercase;
  font-size: 18px;
  text-align: center;
  color: var(--rs-title-primary);
}

.rs-rotate-btn .rs-text-circle.is-text-white span {
  color: var(--rs-white);
}

.rs-play-btn {
  width: 70px;
  height: 70px;
  font-size: 20px;
  background: var(--rs-theme-primary);
  display: inline-flex;
  border-radius: 50%;
  color: var(--rs-white);
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  transition: all 0.3s ease-out 0s;
}

.rs-play-btn.is-large {
  width: 90px;
  height: 90px;
  font-size: 30px;
}

.rs-play-btn.is-large::before {
  width: 90px;
  height: 90px;
}

.rs-play-btn.is-medium {
  width: 80px;
  height: 80px;
  font-size: 24px;
}

.rs-play-btn.is-medium::before {
  width: 80px;
  height: 80px;
}

.rs-play-btn.is-small {
  width: 40px;
  height: 40px;
  font-size: 13px;
}

.rs-play-btn.is-small::before {
  width: 35px;
  height: 35px;
}

.rs-play-btn.is-white {
  background: var(--rs-white);
  color: var(--rs-theme-secondary);
}

.rs-play-btn.is-white::before {
  background: var(--rs-white);
}

.rs-play-btn.has-transparent-btn::before {
  content: none;
}

.rs-play-btn.has-transparent-btn::after {
  content: none;
}

.rs-play-btn.has-blur {
  background: transparent;
  border: 1.5px solid rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(3px);
}

.rs-play-btn.hover-yellow:hover {
  background: var(--rs-theme-yellow);
  border-color: var(--rs-theme-yellow);
  color: var(--rs-black);
}

.rs-play-btn.hover-red:hover {
  background: var(--rs-theme-red);
  border-color: var(--rs-theme-red);
  color: var(--rs-white);
}

.rs-play-btn.hover-cyan:hover {
  background: var(--rs-theme-light-cyan);
  border-color: var(--rs-theme-light-cyan);
  color: var(--rs-white);
}

.rs-play-btn:hover {
  color: var(--rs-black);
}

.rs-play-btn::before {
  background: var(--rs-theme-primary);
  content: "";
  position: absolute;
  width: 60px;
  height: 60px;
  z-index: -1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  border-radius: 50%;
  -webkit-animation: rs-pulse-border 1500ms ease-out infinite;
  animation: rs-pulse-border 1500ms ease-out infinite;
}

.rs-play-btn::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  border-radius: 50%;
  transition: all 200ms;
}

.rs-play-btn.has-bg-white {
  background-color: rgba(255, 255, 255, 0.18);
}

.rs-btn-circle {
  width: 60px;
  height: 60px;
  background: var(--rs-theme-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-out 0s;
  border-radius: 50%;
}

.rs-btn-circle:hover {
  background: var(--rs-white);
}

.rs-btn-circle:hover svg {
  transform: rotate(45deg);
}

.rs-btn-circle:hover i {
  color: var(--rs-black);
}

.rs-btn-circle svg {
  width: 14px;
  height: 14px;
}

.rs-btn-circle svg path {
  fill: var(--rs-white);
}

.rs-btn-circle i {
  font-size: 25px;
  color: var(--rs-white);
}

.rs-square-btn {
  font-size: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0px 9px;
  height: 30px;
  transition: all 0.3s linear;
  border-radius: 2px;
  font-weight: 500;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: #202021;
}

.rs-square-btn.has-icon {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.rs-square-btn.has-icon .icon-box {
  overflow: hidden;
  position: relative;
  display: inline-flex;
  transition: all 0.3s ease-out 0s;
  transform: rotate(-45deg);
}

[dir="rtl"] .rs-square-btn.has-icon .icon-box {
  transform: rotate(-180deg);
}

.rs-square-btn.has-icon .icon-box svg {
  width: 16px;
}

.rs-square-btn.has-icon .icon-box svg path {
  fill: var(--rs-white);
}

.rs-square-btn.has-icon .icon-box:hover .icon-first {
  transform: translateX(150%);
}

.rs-square-btn.has-icon .icon-box:hover .icon-second {
  transform: translateX(0%);
}

.rs-square-btn.has-icon .icon-first {
  transition: all 0.3s ease-out 0s;
}

.rs-square-btn.has-icon .icon-second {
  position: absolute;
  transform: translateX(-150%);
  transition: all 0.3s ease-out 0s;
}

.rs-square-btn.has-icon:hover {
  background: var(--rs-theme-primary);
}

.rs-square-btn.has-icon:hover .icon-first {
  transform: translateX(150%);
}

.rs-square-btn.has-icon:hover .icon-second {
  transform: translateX(0%);
}

.rs-square-btn.has-transparent {
  background: transparent;
  padding: unset;
}

.rs-square-btn.has-transparent:hover {
  background: transparent;
}

/*----------------------------------------*/
/*  2.7 Color Short Code
/*----------------------------------------*/
.rs-text-primary {
  color: var(--rs-primary);
}

.rs-white {
  color: var(--rs-white);
}

.rs-black {
  color: var(--rs-black);
}

.rs-light-purple {
  color: var(--rs-theme-purple-light);
}

.rs-red {
  color: var(--rs-red);
}

.rating-color {
  color: #ffb21d;
}

.text-blue {
  color: var(--rs-title-tertiary);
}

.text-yellow {
  color: var(--rs-theme-yellow);
}

/*----------------------------------------*/
/*  2. 9 counter
/*----------------------------------------*/
.rs-counter-one .rs-counter-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}

@media only screen and (max-width: 1199px) {
  .rs-counter-one .rs-counter-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media only screen and (max-width: 767px) {
  .rs-counter-one .rs-counter-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 480px) {
  .rs-counter-one .rs-counter-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

.rs-counter-one .rs-counter-item {
  display: flex;
  border: 1px solid var(--rs-border-primary);
  padding: 20px;
  gap: 20px;
  border-radius: 6px;
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 1600px) {
  .rs-counter-one .rs-counter-item {
    padding: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-counter-one .rs-counter-item {
    flex-wrap: wrap;
  }
}

.rs-counter-one .rs-counter-shape {
  position: absolute;
  top: 50%;
  inset-inline-end: 0;
  transform: translateY(-50%) rotateY(180deg);
}

.rs-counter-one .rs-counter-icon svg {
  width: 33px;
  height: 33px;
}

.rs-counter-one .rs-counter-icon svg path {
  fill: var(--rs-theme-green);
}

.rs-counter-one .rs-counter-number,
.rs-counter-one .prefix {
  font-size: 40px;
  color: var(--rs-title-primary);
  font-weight: 600;
  line-height: 0.9;
  font-family: var(--rs-ff-title);
}

@media only screen and (max-width: 1600px) {

  .rs-counter-one .rs-counter-number,
  .rs-counter-one .prefix {
    font-size: 30px;
  }
}

.rs-counter-one .rs-counter-number-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}

.rs-counter-two {
  position: relative;
  z-index: 1;
}

.rs-counter-two .rs-counter-bg-thumb {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  border-radius: 16px;
}

.rs-counter-two .rs-counter-bg-thumb::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: linear-gradient(66.21deg,
      #0a2165 11.06%,
      rgba(0, 58, 101, 0.6) 100%);
  border-radius: 16px;
}

.rs-counter-two.rs-counter-wrapper {
  padding-top: 42px;
  padding-bottom: 42px;
  padding-inline-start: 40px;
  padding-inline-end: 40px;
  border-radius: 16px;
  margin-bottom: 35px;
}

@media only screen and (max-width: 1600px) {
  .rs-counter-two.rs-counter-wrapper {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-inline-start: 30px;
    padding-inline-end: 30px;
  }
}

.rs-counter-two .rs-counter-item-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  flex-wrap: wrap;
}

.rs-counter-two .rs-counter-item {
  display: flex;
  gap: 20px;
  position: relative;
  z-index: 1;
}

.rs-counter-two .rs-counter-item:not(:last-child)::before {
  position: absolute;
  content: "";
  top: 50%;
  inset-inline-end: -120px;
  transform: translate(-50%, -50%);
  width: 2px;
  height: 60px;
  background: rgba(255, 255, 255, 0.3);
}

@media only screen and (max-width: 1600px) {
  .rs-counter-two .rs-counter-item:not(:last-child)::before {
    inset-inline-end: -55px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-counter-two .rs-counter-item:not(:last-child)::before {
    content: none;
  }
}

.rs-counter-two .rs-counter-item:not(:last-child)::after {
  position: absolute;
  content: "";
  width: 6px;
  height: 10px;
  background: rgba(255, 255, 255, 0.3);
  clip-path: polygon(0% 0%, 0 1%, 100% 50%, 0 100%, 0% 100%);
  inset-inline-end: -125px;
  top: 50%;
  transform: translateY(-50%);
}

[dir="rtl"] .rs-counter-two .rs-counter-item:not(:last-child)::after {
  transform: translateY(-50%) rotateY(-180deg);
}

@media only screen and (max-width: 1600px) {
  .rs-counter-two .rs-counter-item:not(:last-child)::after {
    inset-inline-end: -60px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-counter-two .rs-counter-item:not(:last-child)::after {
    content: none;
  }
}

.rs-counter-two .rs-counter-item:nth-child(2)::before {
  inset-inline-end: -120px;
}

@media only screen and (max-width: 1600px) {
  .rs-counter-two .rs-counter-item:nth-child(2)::before {
    inset-inline-end: -60px;
  }
}

.rs-counter-two .rs-counter-item:nth-child(2)::after {
  inset-inline-end: -117px;
  top: 50%;
  transform: rotateY(180deg) translateY(-50%);
}

[dir="rtl"] .rs-counter-two .rs-counter-item:nth-child(2)::after {
  transform: rotateY(360deg) translateY(-50%);
}

@media only screen and (max-width: 1600px) {
  .rs-counter-two .rs-counter-item:nth-child(2)::after {
    inset-inline-end: -57px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-counter-two .rs-counter-item {
    flex-wrap: wrap;
  }
}

.rs-counter-two .rs-counter-icon svg {
  width: 50px;
  height: 50px;
}

@media only screen and (max-width: 1199px) {
  .rs-counter-two .rs-counter-icon svg {
    width: 40px;
    height: 40px;
  }
}

.rs-counter-two .rs-counter-icon svg path {
  fill: var(--rs-theme-yellow);
}

.rs-counter-two .rs-counter-number,
.rs-counter-two .prefix {
  font-size: 40px;
  color: var(--rs-white);
  font-weight: 600;
  line-height: 0.9;
  font-family: var(--rs-ff-title);
}

@media only screen and (max-width: 1600px) {

  .rs-counter-two .rs-counter-number,
  .rs-counter-two .prefix {
    font-size: 30px;
  }
}

@media only screen and (max-width: 480px) {

  .rs-counter-two .rs-counter-number,
  .rs-counter-two .prefix {
    font-size: 25px;
  }
}

.rs-counter-two .rs-counter-number-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}

.rs-counter-two .rs-counter-title {
  color: var(--rs-white);
}

.rs-counter-three .rs-counter-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  background: var(--rs-white);
  padding-inline: 50px;
  padding-top: 45px;
  padding-bottom: 45px;
  border-radius: 12px;
}

@media only screen and (max-width: 1199px) {
  .rs-counter-three .rs-counter-wrapper {
    grid-template-columns: repeat(3, 1fr);
    padding-inline: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-counter-three .rs-counter-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 480px) {
  .rs-counter-three .rs-counter-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

.rs-counter-three .rs-counter-item {
  position: relative;
  z-index: 1;
}

.rs-counter-three .rs-counter-number,
.rs-counter-three .prefix {
  font-size: 40px;
  color: var(--rs-title-tertiary);
  font-weight: 600;
  line-height: 0.9;
  font-family: var(--rs-ff-title);
}

@media only screen and (max-width: 1600px) {

  .rs-counter-three .rs-counter-number,
  .rs-counter-three .prefix {
    font-size: 30px;
  }
}

.rs-counter-three .rs-counter-number-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  border-bottom: 1px solid var(--rs-border-primary);
  padding-bottom: 20px;
}

.rs-counter-three .rs-counter-title {
  color: var(--rs-title-tertiary);
  margin-bottom: 5px;
}

/*----------------------------------------*/
/*  2.15 Offcanvas
/*----------------------------------------*/
.offcanvas-area {
  background: var(--rs-white) none repeat scroll 0 0;
  position: fixed;
  inset-inline-end: -100%;
  top: 0;
  width: 400px;
  height: 100%;
  z-index: 99999;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
  transition: all 0.5s ease-in-out;
}

.offcanvas-area ::-webkit-scrollbar {
  display: none;
}

@media only screen and (max-width: 575px) {
  .offcanvas-area {
    width: 100%;
  }
}

.offcanvas-area.info-open {
  inset-inline-end: 0%;
}

.offcanvas-area .mean-container .mean-nav ul li.active>a {
  color: var(--rs-theme-yellow);
}

.offcanvas-area.has-theme-red .mean-container .mean-nav ul li.active>a {
  color: var(--rs-theme-red);
}

.offcanvas-area.has-theme-red .mean-container .mean-nav ul li a.active {
  color: var(--rs-theme-red);
}

.offcanvas-area.has-theme-red .mean-container .mean-nav ul li a:hover,
.offcanvas-area.has-theme-red .mean-container .mean-nav ul li span:hover {
  color: var(--rs-theme-red);
}

.offcanvas-area.has-theme-red .mean-container .mean-nav ul li.dropdown-opened>a,
.offcanvas-area.has-theme-red .mean-container .mean-nav ul li.dropdown-opened>span {
  color: var(--rs-theme-red);
}

.offcanvas-area.has-theme-red .mean-container .mean-nav ul li.dropdown-opened>a.mean-expand.mean-clicked,
.offcanvas-area.has-theme-red .mean-container .mean-nav ul li.dropdown-opened>span.mean-expand.mean-clicked {
  background: var(--rs-theme-red);
}

.offcanvas-area.has-theme-red .mean-container .mean-nav ul li a.mean-expand:hover,
.offcanvas-area.has-theme-red .mean-container .mean-nav ul li span.mean-expand:hover {
  background: var(--rs-theme-red);
  color: var(--rs-white);
}

.offcanvas-area.has-theme-cyan .mean-container .mean-nav ul li.active>a {
  color: var(--rs-theme-cyan);
}

.offcanvas-area.has-theme-cyan .mean-container .mean-nav ul li a.active {
  color: var(--rs-theme-cyan);
}

.offcanvas-area.has-theme-cyan .mean-container .mean-nav ul li a:hover,
.offcanvas-area.has-theme-cyan .mean-container .mean-nav ul li span:hover {
  color: var(--rs-theme-cyan);
}

.offcanvas-area.has-theme-cyan .mean-container .mean-nav ul li.dropdown-opened>a,
.offcanvas-area.has-theme-cyan .mean-container .mean-nav ul li.dropdown-opened>span {
  color: var(--rs-theme-cyan);
}

.offcanvas-area.has-theme-cyan .mean-container .mean-nav ul li.dropdown-opened>a.mean-expand.mean-clicked,
.offcanvas-area.has-theme-cyan .mean-container .mean-nav ul li.dropdown-opened>span.mean-expand.mean-clicked {
  background: var(--rs-theme-cyan);
}

.offcanvas-area.has-theme-cyan .mean-container .mean-nav ul li a.mean-expand:hover,
.offcanvas-area.has-theme-cyan .mean-container .mean-nav ul li span.mean-expand:hover {
  background: var(--rs-theme-cyan);
  color: var(--rs-white);
}

.offcanvas-area.has-theme-green .mean-container .mean-nav ul li.active>a {
  color: var(--rs-theme-green);
}

.offcanvas-area.has-theme-green .mean-container .mean-nav ul li a.active {
  color: var(--rs-theme-green);
}

.offcanvas-area.has-theme-green .mean-container .mean-nav ul li a:hover,
.offcanvas-area.has-theme-green .mean-container .mean-nav ul li span:hover {
  color: var(--rs-theme-green);
}

.offcanvas-area.has-theme-green .mean-container .mean-nav ul li.dropdown-opened>a,
.offcanvas-area.has-theme-green .mean-container .mean-nav ul li.dropdown-opened>span {
  color: var(--rs-theme-green);
}

.offcanvas-area.has-theme-green .mean-container .mean-nav ul li.dropdown-opened>a.mean-expand.mean-clicked,
.offcanvas-area.has-theme-green .mean-container .mean-nav ul li.dropdown-opened>span.mean-expand.mean-clicked {
  background: var(--rs-theme-green);
}

.offcanvas-area.has-theme-green .mean-container .mean-nav ul li a.mean-expand:hover,
.offcanvas-area.has-theme-green .mean-container .mean-nav ul li span.mean-expand:hover {
  background: var(--rs-theme-green);
  color: var(--rs-white);
}

.offcanvas-area.has-theme-green-two .mean-container .mean-nav ul li.active>a {
  color: var(--rs-theme-green-two);
}

.offcanvas-area.has-theme-green-two .mean-container .mean-nav ul li a.active {
  color: var(--rs-theme-green-two);
}

.offcanvas-area.has-theme-green-two .mean-container .mean-nav ul li a:hover,
.offcanvas-area.has-theme-green-two .mean-container .mean-nav ul li span:hover {
  color: var(--rs-theme-green-two);
}

.offcanvas-area.has-theme-green-two .mean-container .mean-nav ul li.dropdown-opened>a,
.offcanvas-area.has-theme-green-two .mean-container .mean-nav ul li.dropdown-opened>span {
  color: var(--rs-theme-green-two);
}

.offcanvas-area.has-theme-green-two .mean-container .mean-nav ul li.dropdown-opened>a.mean-expand.mean-clicked,
.offcanvas-area.has-theme-green-two .mean-container .mean-nav ul li.dropdown-opened>span.mean-expand.mean-clicked {
  background: var(--rs-theme-green-two);
}

.offcanvas-area.has-theme-green-two .mean-container .mean-nav ul li a.mean-expand:hover,
.offcanvas-area.has-theme-green-two .mean-container .mean-nav ul li span.mean-expand:hover {
  background: var(--rs-theme-green-two);
  color: var(--rs-white);
}

.offcanvas-area.has-theme-yellow .mean-container .mean-nav ul li.dropdown-opened>a.mean-expand.mean-clicked i,
.offcanvas-area.has-theme-yellow .mean-container .mean-nav ul li.dropdown-opened>span.mean-expand.mean-clicked i {
  color: var(--rs-black);
}

.offcanvas-logo a img {
  width: 150px;
}

.offcanvas-logo .logo-white {
  display: none;
}

.offcanvas-content {
  padding-bottom: 45px;
}

.offcanvas-wrapper {
  position: relative;
  height: 100%;
  padding: 40px 40px;
}

@media only screen and (max-width: 575px) {
  .offcanvas-wrapper {
    padding: 30px 30px;
  }
}

.offcanvas-title-meta {
  color: var(--rs-title-primary);
  margin-bottom: 20px;
  font-size: 20px;
}

.offcanvas-text p {
  margin-bottom: 25px;
}

.offcanvas-social {
  margin-bottom: 40px;
}

.offcanvas-social ul li {
  display: inline-block;
}

.offcanvas-social ul li:not(:last-child) {
  margin-right: 5px;
}

.offcanvas-social ul li a {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: transparent;
  border: 1px solid var(--rs-border-primary);
  color: #585b6f;
  font-size: 16px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.offcanvas-social ul li a:hover {
  background: var(--rs-theme-blue);
  color: var(--rs-white);
  border-color: var(--rs-theme-blue);
}

.offcanvas-social.has-theme-cyan ul li a:hover {
  background: var(--rs-theme-light-cyan);
  border-color: var(--rs-theme-light-cyan);
}

.offcanvas-social.has-theme-red ul li a:hover {
  background: var(--rs-theme-red);
  border-color: var(--rs-theme-red);
}

.offcanvas-social.has-theme-green ul li a:hover {
  background: var(--rs-theme-green);
  border-color: var(--rs-theme-green);
}

.offcanvas-social.has-theme-green-two ul li a:hover {
  background: var(--rs-theme-green-two);
  border-color: var(--rs-theme-green-two);
}

.offcanvas-overlay {
  background-color: rgba(0, 0, 0, 0.6);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 99;
  inset-inline-start: 0;
  opacity: 0;
  visibility: hidden;
}

.offcanvas-overlay:hover {
  cursor: url(../images/shape/cross-out.webp), pointer;
}

.offcanvas-overlay.overlay-open {
  opacity: 1;
  visibility: visible;
}

.offcanvas-contact ul li:not(:last-child) {
  margin-bottom: 20px;
}

.offcanvas-contact ul li a:hover {
  color: var(--rs-theme-blue);
}

.offcanvas-contact ul li:hover svg {
  animation: rs-fold linear 0.5s;
}

.offcanvas-contact ul li:hover svg path {
  fill: var(--rs-theme-blue);
}

.offcanvas-contact-icon {
  flex: 0 0 auto;
}

.offcanvas-contact-icon svg {
  width: 22px;
  height: 22px;
}

.offcanvas-contact-icon svg path {
  fill: #4c4c4c;
  transition: 0.5s;
}

.offcanvas-contact.has-theme-cyan ul li a:hover {
  color: var(--rs-theme-light-cyan);
}

.offcanvas-contact.has-theme-cyan ul li:hover svg path {
  fill: var(--rs-theme-light-cyan);
}

.offcanvas-contact.has-theme-red ul li a:hover {
  color: var(--rs-theme-red);
}

.offcanvas-contact.has-theme-red ul li:hover svg path {
  fill: var(--rs-theme-red);
}

.offcanvas-contact.has-theme-green ul li a:hover {
  color: var(--rs-theme-green);
}

.offcanvas-contact.has-theme-green ul li:hover svg path {
  fill: var(--rs-theme-green);
}

.offcanvas-contact.has-theme-green-two ul li a:hover {
  color: var(--rs-theme-green-two);
}

.offcanvas-contact.has-theme-green-two ul li:hover svg path {
  fill: var(--rs-theme-green-two);
}

.offcanvas-gallery-thumb-wrapper {
  gap: 20px;
  display: flex;
  flex-wrap: wrap;
}

.offcanvas-gallery-thumb-wrapper .offcanvas-popup-thumb img {
  width: 85px;
  height: 85px;
  object-fit: cover;
}

.offcanvas-about p {
  max-width: 300px;
}

.offcanvas-close {
  width: 35px;
  height: 35px;
  background: var(--rs-theme-blue);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
}

.offcanvas-close.has-theme-cyan {
  background: var(--rs-theme-light-cyan);
}

.offcanvas-close.has-theme-red {
  background: var(--rs-theme-red);
}

.offcanvas-close.has-theme-green {
  background: var(--rs-theme-green);
}

.offcanvas-close.has-theme-green-two {
  background: var(--rs-theme-green-two);
}

.offcanvas-close-icon {
  line-height: 1;
  color: var(--rs-black);
}

.offcanvas-close-icon .offcanvas-m-lines {
  position: relative;
  display: block;
  height: 14px;
  width: 14px;
}

.offcanvas-close-icon.animation--flip .offcanvas-m-line.line--1 {
  top: 6px;
  transform: rotate(45deg);
}

.offcanvas-close-icon.animation--flip .offcanvas-m-line.line--3 {
  opacity: 0;
  opacity: 0;
}

.offcanvas-close-icon.animation--flip .offcanvas-m-line.line--2 {
  top: 6px;
  transform: rotate(-45deg);
}

.offcanvas-close-icon .offcanvas-m-line {
  position: absolute;
  inset-inline-start: 0;
  height: 2px;
  width: 100%;
  background-color: var(--rs-white);
  transition:
    top 0.15s ease,
    transform 0.3s ease;
}

.offcanvas-close-icon .offcanvas-m-line.line--1 {
  top: 0;
}

.offcanvas-close-icon .offcanvas-m-line.line--2 {
  top: 5px;
}

.offcanvas-close-icon .offcanvas-m-line.line--3 {
  bottom: 0;
  bottom: 0;
}

.offcanvas-close-icon:hover .offcanvas-m-line {
  animation: qode-draw 0.8s cubic-bezier(0.44, 1.1, 0.53, 0.99) 1 forwards;
  animation: qode-draw 0.8s cubic-bezier(0.44, 1.1, 0.53, 0.99) 1 forwards;
}

.offcanvas-close-icon:hover .offcanvas-m-line:nth-of-type(2) {
  animation-delay: 0.1s;
}

/*----------------------------------------*/
/*  2.22 Section Title  
/*----------------------------------------*/
.section-title {
  color: var(--rs-title-primary);
}

.section-title.is-white {
  color: var(--rs-white);
}

.section-title.has-theme-blue {
  color: var(--rs-title-tertiary);
}

.section-title-two {
  font-size: 46px;
  font-family: "Prata", serif;
  font-weight: 600;
  color: #021e40;
  line-height: 1.39;
}

@media only screen and (max-width: 1199px) {
  .section-title-two {
    font-size: 42px;
  }
}

@media only screen and (max-width: 991px) {
  .section-title-two {
    font-size: 37px;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-two {
    font-size: 32px;
  }
}

@media only screen and (max-width: 575px) {
  .section-title-two {
    font-size: 26px;
  }
}

.section-title-two.is-white {
  color: var(--rs-white);
}

.section-subtitle {
  font-size: 15px;
  font-weight: 600;
  line-height: 28px;
  color: var(--rs-title-primary);
  margin-bottom: 10px;
  display: inline-block;
  display: flex;
  align-items: center;
  gap: 8px;
}

.section-subtitle svg {
  width: 24px;
  height: 24px;
}

.section-subtitle.is-white {
  color: var(--rs-white);
}

.section-subtitle.is-white svg path {
  fill: var(--rs-white);
}

.section-subtitle.has-theme-blue {
  color: var(--rs-title-tertiary);
}

.section-subtitle.has-theme-blue svg path {
  fill: var(--rs-theme-blue);
}

.section-subtitle.has-theme-red svg path {
  fill: var(--rs-theme-red);
}

@media only screen and (max-width: 575px) {
  .section-subtitle.has-theme-red {
    font-size: 13px;
  }
}

.section-subtitle.has-theme-green svg path {
  fill: var(--rs-theme-green);
}

@media only screen and (max-width: 575px) {
  .section-subtitle.has-theme-green {
    font-size: 13px;
  }
}

.section-subtitle.has-theme-green-two svg path {
  fill: var(--rs-theme-green-two);
}

@media only screen and (max-width: 575px) {
  .section-subtitle.has-theme-green-two {
    font-size: 13px;
  }
}

.section-subtitle.has-theme-yellow {
  color: var(--rs-theme-yellow);
}

.section-subtitle.has-theme-yellow svg path {
  fill: var(--rs-theme-yellow);
}

.section-subtitle.has-theme-cyan svg path {
  fill: var(--rs-theme-light-cyan);
}

@media only screen and (max-width: 575px) {
  .section-subtitle.has-theme-cyan {
    font-size: 13px;
  }
}

.section-subtitle.is-uppercase {
  text-transform: uppercase;
}

.section-subtitle.is-text-red {
  color: var(--rs-theme-red);
}

.section-subtitle.has-dark-grey {
  color: var(--rs-text-primary);
}

.section-desc.is-white {
  color: rgba(255, 255, 255, 0.8);
}

/*----------------------------------------*/
/*  2.5 Breadcrumb
/*----------------------------------------*/
.rs-breadcrumb-one {
  padding-top: 190px;
  padding-bottom: 115px;
  position: relative;
  z-index: 1;
  padding-inline: 150px;
}

@media only screen and (max-width: 1600px) {
  .rs-breadcrumb-one {
    padding-inline: 15px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-breadcrumb-one {
    padding-top: 170px;
    padding-bottom: 95px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-breadcrumb-one {
    padding-top: 150px;
    padding-bottom: 75px;
  }
}

@media only screen and (max-width: 575px) {
  .rs-breadcrumb-one {
    padding-top: 135px;
  }
}

.rs-breadcrumb-one .rs-breadcrumb-shape {
  position: absolute;
  inset-inline-end: 140px;
  bottom: 60px;
}

[dir="rtl"] .rs-breadcrumb-one .rs-breadcrumb-shape {
  transform: rotateY(180deg);
}

@media only screen and (max-width: 991px) {
  .rs-breadcrumb-one .rs-breadcrumb-shape {
    inset-inline-end: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-breadcrumb-one .rs-breadcrumb-shape {
    display: none;
  }
}

.rs-breadcrumb-one .rs-breadcrumb-bg-thumb {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0px;
  z-index: -1;
}

.rs-breadcrumb-one .rs-breadcrumb-bg-thumb::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: linear-gradient(180deg,
      rgba(0, 25, 44, 0) -3%,
      #00192c 133.75%);
}

.rs-breadcrumb-one .rs-breadcrumb-title {
  font-size: 56px;
  line-height: 1.12;
  color: var(--rs-white);
  font-weight: 500;
  margin-top: 20px;
}

@media only screen and (max-width: 991px) {
  .rs-breadcrumb-one .rs-breadcrumb-title {
    font-size: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-breadcrumb-one .rs-breadcrumb-title {
    font-size: 45px;
    line-height: 1.2;
  }
}

@media only screen and (max-width: 575px) {
  .rs-breadcrumb-one .rs-breadcrumb-title {
    font-size: 40px;
  }
}

@media only screen and (max-width: 480px) {
  .rs-breadcrumb-one .rs-breadcrumb-title {
    font-size: 35px;
  }
}

.rs-breadcrumb-one .rs-breadcrumb-line {
  width: 482px;
  position: relative;
  display: inline-block;
  margin-top: 25px;
  margin-bottom: 20px;
  border-color: rgba(255, 255, 255, 0.15);
  border-style: solid;
  border-width: 0px 0px 1px 0px;
}

@media only screen and (max-width: 767px) {
  .rs-breadcrumb-one .rs-breadcrumb-line {
    width: 100%;
  }
}

.rs-breadcrumb-one .rs-breadcrumb-line::after {
  position: absolute;
  content: "";
  width: 145px;
  background: var(--rs-white);
  inset-inline-start: 0;
  height: 2px;
  top: 50%;
  transform: translateY(-50%);
}

.rs-breadcrumb-one .rs-breadcrumb-menu ul {
  display: flex;
  align-items: center;
  gap: 8px 8px;
}

.rs-breadcrumb-one .rs-breadcrumb-menu ul li {
  list-style: none;
  display: flex;
  gap: 8px;
}

.rs-breadcrumb-one .rs-breadcrumb-menu ul li:last-child {
  color: white;
}

.rs-breadcrumb-one .rs-breadcrumb-menu ul li a {
  color: rgba(255, 255, 255, 0.7);
  font-weight: 500;
}

.rs-breadcrumb-one .rs-breadcrumb-menu ul li a:hover {
  color: var(--rs-theme-yellow);
}

.rs-breadcrumb-one .rs-breadcrumb-menu ul li .rs-breadcrumb-icon svg {
  width: 16px;
  height: 16px;
}

[dir="rtl"] .rs-breadcrumb-one .rs-breadcrumb-menu ul li .rs-breadcrumb-icon svg {
  transform: rotateY(180deg);
}

.rs-breadcrumb-one .rs-breadcrumb-menu ul li .rs-breadcrumb-icon svg path {
  fill: var(--rs-white);
}

.rs-breadcrumb-one .rs-breadcrumb-desc {
  color: rgba(255, 255, 255, 0.9);
  max-width: 600px;
}

@media only screen and (max-width: 767px) {
  .rs-breadcrumb-one .rs-breadcrumb-desc {
    max-width: 100%;
  }
}

/*----------------------------------------
   2.16 Basic pagination
-----------------------------------------*/
.rs-pagination.swiper-pagination {
  position: unset;
  overflow: visible;
  font-size: unset;
  transform: unset !important;
  width: 100% !important;
}

.rs-pagination.swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: #dbdee1;
  position: relative;
  transform: unset;
  opacity: unset;
  margin: 3px 13px;
}

.rs-pagination.swiper-pagination .swiper-pagination-bullet::before {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: calc(100% + 17px);
  height: calc(100% + 17px);
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 50%;
}

.rs-pagination.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--rs-theme-blue);
}

.rs-pagination.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  border-color: var(--rs-theme-primary);
  transform: translate(-50%, -50%) scale(1);
}

.rs-pagination.swiper-pagination.has-before-none .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 3px 6px;
}

.rs-pagination.swiper-pagination.has-before-none .swiper-pagination-bullet::before {
  content: none;
}

.rs-pagination.swiper-pagination.has-theme-yellow .swiper-pagination-bullet {
  border: 1px solid var(--rs-theme-yellow);
}

.rs-pagination.swiper-pagination.has-theme-yellow .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--rs-theme-green);
  border-color: var(--rs-theme-green);
}

.rs-pagination.swiper-pagination.has-theme-yellow .swiper-pagination-bullet:hover {
  background: var(--rs-theme-green);
  border-color: var(--rs-theme-green);
}

.rs-pagination.swiper-pagination.has-theme-blue .swiper-pagination-bullet {
  border: 1px solid var(--rs-theme-yellow);
}

.rs-pagination.swiper-pagination.has-theme-blue .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--rs-theme-blue);
  border-color: var(--rs-theme-blue);
}

.rs-pagination.swiper-pagination.has-theme-blue .swiper-pagination-bullet:hover {
  background: var(--rs-theme-blue);
  border-color: var(--rs-theme-blue);
}

.rs-pagination.swiper-pagination.has-theme-red .swiper-pagination-bullet {
  border: 1px solid var(--rs-theme-red);
}

.rs-pagination.swiper-pagination.has-theme-red .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--rs-theme-red);
  border-color: var(--rs-theme-red);
}

.rs-pagination.swiper-pagination.has-theme-red .swiper-pagination-bullet:hover {
  background: var(--rs-theme-red);
}

.rs-pagination.swiper-pagination.has-theme-green-two .swiper-pagination-bullet {
  border: 1px solid var(--rs-theme-green-two);
}

.rs-pagination.swiper-pagination.has-theme-green-two .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--rs-theme-green-two);
  border-color: var(--rs-theme-green-two);
}

.rs-pagination.swiper-pagination.has-theme-green-two .swiper-pagination-bullet:hover {
  background: var(--rs-theme-green-two);
  border-color: var(--rs-theme-green-two);
}

.rs-pagination.swiper-pagination.has-theme-cyan .swiper-pagination-bullet {
  border: 1px solid var(--rs-theme-light-cyan);
}

.rs-pagination.swiper-pagination.has-theme-cyan .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--rs-theme-light-cyan);
  border-color: var(--rs-theme-light-cyan);
}

.rs-pagination.swiper-pagination.has-theme-cyan .swiper-pagination-bullet:hover {
  background: var(--rs-theme-light-cyan);
  border-color: var(--rs-theme-light-cyan);
}

.rs-pagination.swiper-pagination.has-transparent .swiper-pagination-bullet {
  background: transparent;
}

.common-pagination {
  margin-top: 45px;
}

.common-pagination ul {
  display: inline-flex;
  gap: 10px;
}

.common-pagination ul li {
  list-style: none;
}

.common-pagination ul li.current {
  background: var(--rs-theme-blue);
}

.common-pagination ul li a {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--rs-border-primary);
  color: var(--rs-black);
  border-radius: 5px;
  position: relative;
  background: var(--rs-bg-secondary);
}

.common-pagination ul li a:hover {
  background: var(--rs-theme-yellow);
  border-color: var(--rs-theme-yellow);
  color: var(--rs-black);
}

.common-pagination ul li a.current {
  background: var(--rs-theme-blue);
  color: var(--rs-white);
  border: none;
}

.common-pagination ul li a.is-next::before {
  position: absolute;
  font-family: remixicon !important;
  font-size: 16px;
  line-height: 1;
  opacity: 1;
  content: "\ea6b";
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

[dir="rtl"] .common-pagination ul li a.is-next::before {
  transform: translate(-50%, -50%) rotateY(180deg);
}

/*----------------------------------------*/
/*  2.11 forms
/*----------------------------------------*/
/* Custom checkbox button */
input[type="checkbox"] {
  display: none;
}

input[type="checkbox"]:checked~label::before {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

input[type="checkbox"]:checked~label::after {
  background-color: var(--rs-white);
  border-color: var(--rs-white);
}

input[type="checkbox"]:checked~label::before {
  visibility: visible;
  opacity: 1;
}

input[type="checkbox"]~label {
  position: relative;
  padding-inline-start: 25px;
  color: var(--rs-white);
  font-size: 16px;
}

input[type="checkbox"]~label::after {
  position: absolute;
  content: "";
  top: 4px;
  inset-inline-start: 0;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.5);
  z-index: -1;
  transition: all 0.2s linear;
  border-radius: 2px;
}

input[type="checkbox"]~label::before {
  position: absolute;
  content: "\eb7a";
  top: 2px;
  inset-inline-start: -2px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  color: var(--rs-black);
  transition: all 0.2s linear;
  font-family: remixicon !important;
  font-size: 10px;
}

input[type="checkbox"]~label:hover {
  cursor: pointer;
}

/*----------------------------------------*/
/*  2.25 social
/*----------------------------------------*/
.theme-social {
  display: inline-flex;
  gap: 10px;
  align-items: center;
}

.theme-social a {
  color: var(--rs-white);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  font-size: 18px;
  background-color: var(--rs-theme-blue);
  transition: 0.5s;
  border-radius: 50%;
}

.theme-social a:hover {
  background: var(--rs-theme-yellow);
  color: var(--rs-black);
}

.theme-social svg {
  width: 16px;
  height: 16px;
}

.theme-social.has-medium a {
  width: 36px;
  height: 36px;
  font-size: 14px;
}

.theme-social.has-transparent a {
  background: transparent;
  color: #fff;
  width: unset;
  height: unset;
  border-radius: 0;
}

.theme-social.has-transparent a:hover {
  color: var(--rs-theme-yellow);
}

.theme-social.has-border a {
  border: 1px solid var(--rs-border-primary);
}

.theme-social.rs-social-links a {
  width: 32px;
  height: 32px;
  border-radius: 3px;
}

.theme-social.rs-social-links a:hover {
  background: 0.5;
}

.theme-social.rs-social-links a.is-facebook {
  background: #1559c2;
}

.theme-social.rs-social-links a.is-instagram {
  background: #e1306c;
}

.theme-social.rs-social-links a.is-twitter {
  background: #202021;
}

.theme-social.rs-social-links a.is-linkedin {
  background: #0077b5;
}

.theme-social.has-transform a:hover {
  transform: translate(0, -10%);
}

.theme-social.has-bg-white a {
  background: var(--rs-white);
  color: var(--rs-black);
}

.theme-social.has-theme-yellow a:hover {
  background: var(--rs-theme-yellow);
}

.theme-social.has-theme-green a {
  background: var(--rs-theme-green);
}

.theme-social.has-theme-green a svg path {
  transition: 0.3s;
}

.theme-social.has-theme-green a:hover {
  background: var(--rs-theme-yellow);
}

.theme-social.has-theme-green a:hover svg path {
  fill: var(--rs-black);
}

.theme-social.has-theme-green-two a {
  background: var(--rs-theme-green-two);
}

.theme-social.has-theme-green-two a svg path {
  transition: 0.3s;
}

.theme-social.has-theme-green-two a:hover {
  background: var(--rs-white);
}

.theme-social.has-theme-green-two a:hover svg path {
  fill: var(--rs-black);
}

.theme-social.has-theme-red a:hover {
  background: var(--rs-theme-red);
  color: var(--rs-white);
}

.theme-social.has-theme-blue a {
  background: var(--rs-theme-blue);
}

.theme-social.has-radius-none a {
  border-radius: 0;
}

.theme-social.has-theme-cyan a {
  background: var(--rs-theme-cyan);
}

.theme-social.hover-yellow a:hover {
  background: var(--rs-theme-yellow);
  border-color: var(--rs-theme-yellow);
}

.theme-social.hover-yellow a:hover svg path {
  fill: var(--rs-black);
}

.theme-social.hover-light-cyan a:hover {
  background: var(--rs-theme-light-cyan);
  color: var(--rs-white);
}

.theme-social.hover-light-cyan a:hover svg path {
  fill: var(--rs-white);
}

/*----------------------------------------*/
/*  2.4 Back to top
/*----------------------------------------*/
#backtotop-wrap {
  text-align: center;
  bottom: 20px;
  cursor: pointer;
  display: none;
  position: fixed;
  inset-inline-end: 20px;
  z-index: 10;
  border-radius: 50%;
  background: var(--rs-theme-blue);
  padding: 1px;
  transition: all linear 0.5s;
  box-shadow: 0px 8px 16px rgba(3, 4, 28, 0.3);
}

#backtotop-wrap .scrollprogress .progress-circle {
  transition: stroke-dashoffset 0.5s ease;
  transition: stroke 0.5s ease;
}

#backtotop-wrap .arrowicon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

#backtotop-wrap svg path {
  fill: var(--rs-white);
  transition: all linear 0.5s;
}

.rs-backtotop.has-theme-cyan {
  background: var(--rs-theme-light-cyan) !important;
}

.rs-backtotop.has-theme-red {
  background: var(--rs-theme-red) !important;
}

.rs-backtotop.has-theme-green {
  background: var(--rs-theme-green) !important;
}

/*----------------------------------------*/
/*  2.2 Animations
/*----------------------------------------*/
.animate-play {
  position: relative;
  z-index: 5;
}

.animate-play::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  border: 1px solid rgb(134, 134, 134);
  top: 0;
  left: 0;
  right: 0px;
  bottom: 0px;
  z-index: 0;
  animation-name: popupBtn;
  animation-duration: 1.6s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  z-index: -1;
}

.animate-play::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  border: 1px solid rgb(134, 134, 134);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0px;
  z-index: 0;
  animation-name: popupBtn;
  animation-duration: 1.8s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  z-index: -1;
}

@keyframes qode-draw {

  0%,
  100% {
    -webkit-clip-path: inset(-2px 0);
    clip-path: inset(-2px 0);
  }

  42% {
    -webkit-clip-path: inset(-2px 0 -2px 100%);
    clip-path: inset(-2px 0 -2px 100%);
  }

  43% {
    -webkit-clip-path: inset(-2px 100% -2px 0);
    clip-path: inset(-2px 100% -2px 0);
  }
}

@keyframes rs-scale {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }

  100% {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
  }
}

@-webkit-keyframes rotate-infinite {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@-moz-keyframes rotate-infinite {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@-ms-keyframes rotate-infinite {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes rotate-infinite {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes rs-left-right {
  0% {
    transform: translateX(-200px);
    -webkit-transform: translateX(-200px);
  }

  0% {
    transform: translateX(20px);
    -webkit-transform: translateX(20px);
  }
}

@keyframes rs-pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }

  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

@keyframes rs-fold {
  0% {
    transform: rotateY(0);
  }

  50% {
    transform: rotateY(90deg);
  }

  100% {
    transform: rotateY(0);
  }
}

@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(10%);
  }

  10% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(10%);
  }

  10% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes updown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes scale {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }

  100% {
    transform: scale(1.07);
    -webkit-transform: scale(1.07);
  }
}

@keyframes btnHoverEffectReverse {
  0% {
    transform: scale(1);
  }

  30% {
    transform: scale(0.5);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes btnHoverEffect {
  0% {
    transform: scale(1);
  }

  30% {
    transform: scale(0.5);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes marquee_rev {
  100% {
    transform: translateX(0);
  }

  0% {
    transform: translateX(-50%);
  }
}

/* marquee left */
@keyframes marquee {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}

@keyframes rs-scale-two {
  0% {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
  }

  100% {
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
  }
}

@keyframes rs-scale-three {
  0% {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
  }

  100% {
    transform: scale(1.08);
    -webkit-transform: scale(1.08);
  }
}

@-webkit-keyframes rs-scale-three {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(1.1);
  }
}

.popup-circle:before {
  content: "";
  position: relative;
  display: block;
  top: -14px;
  inset-inline-start: -14px;
  width: 35px;
  height: 35px;
  box-sizing: border-box;
  border-radius: 50%;
  background-color: #e40101;
  animation: rs-pulse 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}

.popup-circle:after {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #e40101;
  border-radius: 50%;
  animation: circle 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
}

@keyframes rs-pulse {
  0% {
    transform: scale(0.33);
  }

  80%,
  100% {
    opacity: 0;
  }
}

@keyframes popup-circle {
  0% {
    transform: scale(0.8);
  }

  50% {
    transform: scale(1);
  }

  100% {
    transform: scale(0.8);
  }
}

@keyframes textRotatingOut {
  from {
    transform: translateY(0) rotateX(0);
    opacity: 1;
  }

  to {
    transform: translateY(-70%) rotateX(100deg);
    opacity: 0;
  }
}

@keyframes textRotatingIn {
  from {
    transform: translateY(70%) rotateX(-100deg);
    opacity: 0;
  }

  to {
    transform: translateY(0) rotateX(0);
    opacity: 1;
  }
}

@keyframes rs-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@keyframes rs-slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  100% {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes rs-skew {

  from,
  to {
    transform: scale(1, 1);
  }

  25% {
    transform: scale(0.7, 1.1);
  }

  50% {
    transform: scale(1.1, 0.7);
  }

  75% {
    transform: scale(0.95, 1.05);
  }
}

@keyframes rs-rotate-anim {
  0% {
    -webkit-transform: scale(0.7) rotate(0deg);
    transform: scale(0.7) rotate(0deg);
  }

  40% {
    -webkit-transform: scale(0.7) rotate(160deg);
    transform: scale(0.7) rotate(160deg);
  }

  80% {
    -webkit-transform: scale(1) rotate(360deg);
    transform: scale(1) rotate(360deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(360deg);
    transform: scale(1) rotate(360deg);
  }
}

/*----------------------------------------*/
/*  2. 8 Short codes
/*----------------------------------------*/
.container.has-large {
  max-width: 1720px;
}

.is-stroke-text {
  -webkit-text-stroke: 2px var(--rs-primary);
  -webkit-text-fill-color: var(--rs-white);
}

.has-ff {
  font-family: "Prata", serif;
}

.h-55 {
  height: 55px;
}

.height-50 {
  height: 50px;
}

/* display flex */
.d-flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.d-flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.d-flex-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.has-separator {
  position: relative;
}

.has-separator::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 12px;
  background-color: rgba(101, 101, 103, 0.3);
  transform: translateY(-50%);
  inset-inline-end: 0px;
  top: 50%;
}

.image-link {
  width: 100%;
  height: 100%;
}

/* gap */
.rs-gutter-24 {
  --bs-gutter-x: 24px;
  --bs-gutter-y: 24px;
}

.gap-05 {
  gap: 5px;
}

.gap-10 {
  gap: 10px;
}

.gap-15 {
  gap: 15px;
}

.gap-16 {
  gap: 16px;
}

.gap-20 {
  gap: 20px;
}

.gap-25 {
  gap: 25px;
}

.gap-30 {
  gap: 30px;
}

.gap-35 {
  gap: 35px;
}

.mb-0 {
  margin-bottom: 0;
}

/* List Style None */
.list-none ul {
  list-style: none;
}

.gap-20 {
  --bs-gutter-x: 20px;
  --bs-gutter-y: 20px;
}

.gap-25 {
  --bs-gutter-x: 25px;
  --bs-gutter-y: 25px;
}

/* Font Weight */
.fw-1 {
  font-weight: var(--rs-fw-thin);
}

.fw-2 {
  font-weight: var(--rs-fw-elight);
}

.fw-3 {
  font-weight: var(--rs-fw-light);
}

.fw-4 {
  font-weight: var(--rs-fw-regular);
}

.fw-5 {
  font-weight: var(--rs-fw-medium);
}

.fw-6 {
  font-weight: var(--rs-fw-sbold);
}

.fw-7 {
  font-weight: var(--rs-fw-bold);
}

.fw-8 {
  font-weight: var(--rs-fw-ebold);
}

.fw-9 {
  font-weight: var(--rs-fw-black);
}

.rs-section-border-wrapper {
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 991px) {
  .rs-section-border-wrapper {
    flex-wrap: wrap;
    gap: 30px;
  }
}

.rs-section-border-wrapper .section-border {
  width: 100%;
  display: flex;
  align-items: center;
}

.rs-section-border-wrapper .section-border {
  padding-inline-end: 20px;
}

@media only screen and (max-width: 991px) {
  .rs-section-border-wrapper .section-border {
    padding-inline-end: 0px;
  }
}

.rs-section-border-wrapper .rs-section-dot {
  width: 7px;
  height: 7px;
  background-color: var(--rs-theme-primary);
  display: inline-block;
  transform: rotate(45deg);
  margin-inline-end: 5px;
  margin-inline-start: 5px;
}

.rs-section-border-wrapper .rs-section-line {
  border: 1px solid var(--rs-border-primary);
  border-width: 1px 0;
  flex-grow: 1;
  height: 4px;
}

.radius-6 {
  border-radius: 6px;
}

.radius-15 {
  border-radius: 15px;
}

.margin-15 {
  margin-inline-start: 15px;
}

@media only screen and (max-width: 1600px) {
  .margin-15 {
    margin-inline-start: 0px;
  }
}

.margin-10 {
  margin-inline-start: 10px;
}

@media only screen and (max-width: 1366px) {
  .margin-10 {
    margin-inline-start: 0px;
  }
}

.timeline-divider {
  position: absolute;
  width: 10px;
  height: 100%;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  z-index: 1;
}

.timeline-divider::before {
  content: "";
  border: 1px solid var(--rs-theme-primary);
  border-radius: 10px;
  position: absolute;
  inset: 0;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: var(--rs-border-tertiary);
}

.timeline-divider .divider-line {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  background-color: var(--rs-theme-primary);
  z-index: 1;
  border-radius: 10px;
}

.timeline-divider .divider-circle {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  width: 25px;
  height: 25px;
  border-radius: 50%;
  z-index: 2;
  background-color: var(--rs-white);
  border: 3px solid var(--rs-theme-primary);
}


/*----------------------------------------*/
/*  2.20 Progress Bar
/*----------------------------------------*/
.single-progress {
  position: relative;
  overflow: hidden;
}

.progress {
  overflow: visible;
  border-radius: 0px;
  height: 14px;
  line-height: 14px;
  padding: 3px 3px 3px 3px;
  border: 1px solid var(--rs-border-primary);
  background-color: var(--rs-bg-secondary);
}

.progress-bar {
  border-radius: 0px;
  width: 0;
  height: 100%;
  background-color: var(--rs-theme-secondary);
  transition: width 0.5s ease;
  overflow: visible;
}

.progress-number {
  position: absolute;
  font-size: 16px;
  top: 0;
  inset-inline-end: 0;
  z-index: 1;
  font-weight: 500;
  color: var(--rs-title-primary);
}

.progress-title {
  font-size: 18px;
  font-weight: 500;
}

.progress-top {
  margin-bottom: 17px;
}
.rs-banner-bg-thumb{
    position: relative;
    overflow: hidden;
}

.rs-banner-bg-thumb video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Overlay */
.rs-banner-bg-thumb::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;

    background: linear-gradient(
        90deg,
        rgba(5, 23, 70, 0.85) 0%,
        rgba(5, 23, 70, 0.55) 45%,
        rgba(5, 23, 70, 0.15) 100%
    );
}

/* Banner Content */
.rs-banner-wrapper{
    position: relative;
    z-index: 2;
}
/*----------------------------------------*/
/*  2.21 Swiper scrollbar 
/*----------------------------------------*/
.rs-swiper-scrollbar.swiper-scrollbar {
  height: 5px;
  background: var(--rs-bg-secondary);
}

.rs-swiper-scrollbar .swiper-scrollbar-drag {
  width: 220px !important;
  background: var(--rs-theme-primary);
}

/*----------------------------------------*/
/* 2.12 lenis
/*----------------------------------------*/
html.lenis,
html.lenis body {
  height: auto;
}

.lenis.lenis-scrolling {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

/*----------------------------------------*/
/*  2.23 settings
/*----------------------------------------*/
.rs-theme-settings-area {
  position: fixed;
  top: 50%;
  right: 0px;
  width: 240px;
  background-color: var(--rs-white);
  transform: translateY(-50%) translateX(100%);
  z-index: 991;
  border-bottom-right-radius: 4px;
  box-shadow: 0 10px 35px 0 rgba(0, 0, 0, 0.1);
  transition: all 0.4s 0s ease-out;
}

.rs-theme-settings-area.settings-opened {
  transform: translateY(-50%) translateX(0%);
}

.rs-theme-settings-area.settings-opened .rs-theme-settings-gear {
  opacity: 0;
}

.rs-theme-settings-area.settings-opened .rs-theme-settings-close {
  opacity: 1;
}

.rs-theme-settings-open {
  position: absolute;
  top: -1px;
  right: 100%;
}

.rs-theme-settings-open button {
  background-color: var(--rs-white);
  border-inline-end: 0;
  width: 45px;
  height: 45px;
  text-align: center;
  font-size: 20px;
  color: var(--rs-black);
  position: relative;
  border-start-start-radius: 2px;
  border-bottom-left-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 35px 0 rgba(0, 0, 0, 0.15);
}

.rs-theme-settings-gear {
  display: inline-block;
  color: var(--rs-black);
  animation: spin 8s linear infinite;
}

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-ms-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.rs-theme-settings-close {
  display: inline-block;
  position: absolute;
  top: 50%;
  inset-inline-start: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
}

[dir="rtl"] .rs-theme-settings-close {
  inset-inline-end: 50%;
  inset-inline-start: auto;
}

.rs-theme-header-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
  color: var(--rs-black);
}

.rs-theme-wrapper {
  padding: 15px 20px 20px 20px;
}

.rs-theme-toggle {
  text-align: center;
}

.rs-theme-toggle-main {
  display: inline-block;
  width: 160px;
  margin: auto;
  position: relative;
  z-index: 1;
  background-color: var(--rs-black);
  padding: 4px;
  border-radius: 2px;
}

.rs-theme-toggle-main span.active {
  color: var(--rs-black);
}

.rs-theme-toggle-light,
.rs-theme-toggle-dark {
  display: inline-block;
  width: 48%;
  height: 26px;
  line-height: 26px;
}

.rs-theme-toggle input {
  display: none;
}

.rs-theme-toggle:hover {
  cursor: pointer;
}

.rs-theme-toggle label {
  font-size: 14px;
  font-weight: 500;
}

.rs-theme-toggle label:hover {
  cursor: pointer;
}

.rs-theme-toggle #rs-theme-toggler {
  display: none;
}

.rs-theme-toggle #rs-theme-toggler:checked+i {
  inset-inline-end: calc(50% - 4px);
}

.rs-theme-toggle-slide {
  position: absolute;
  top: 50%;
  inset-inline-end: 4px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 50%;
  height: 26px;
  background-color: var(--rs-white);
  border-radius: 3px;
  -webkit-transform: translate3d(0, 0);
  transform: translate3d(0, 0);
  transition: all, 0.2s, cubic-bezier(0.25, 1, 0.5, 1);
  z-index: -1;
}

.rs-theme-dir {
  text-align: center;
}

.rs-theme-dir-main {
  display: inline-block;
  width: 160px;
  margin: auto;
  position: relative;
  z-index: 1;
  background-color: var(--rs-black);
  padding: 4px 0px 3px 0px;
  border-radius: 2px;
}

.rs-theme-dir-main span.active {
  color: var(--rs-black);
}

.rs-theme-dir-ltr,
.rs-theme-dir-rtl {
  display: inline-block;
  width: 48%;
  height: 26px;
  line-height: 26px;
  color: var(--rs-white);
}

.rs-theme-dir input {
  display: none;
}

.rs-theme-dir:hover {
  cursor: pointer;
}

.rs-theme-dir label {
  font-size: 14px;
  font-weight: 500;
}

.rs-theme-dir label:hover {
  cursor: pointer;
}

.rs-theme-dir #rs-dir-toggler {
  display: none;
}

.rs-theme-dir #rs-dir-toggler:checked+i {
  inset-inline-end: calc(50% - 4px);
}

.rs-theme-dir-slide {
  position: absolute;
  top: 50%;
  inset-inline-end: 4px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 50%;
  height: 25px;
  background-color: var(--rs-white);
  border-radius: 2px;
  -webkit-transform: translate3d(0, 0);
  transform: translate3d(0, 0);
  transition: all, 0.2s, cubic-bezier(0.25, 1, 0.5, 1);
  z-index: -1;
}

/*----------------------------------------
   2.14 Basic navigation
-----------------------------------------*/
.rs-swiper-btn-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
}

.rs-swiper-btn {
  width: 40px;
  height: 40px;
  background: var(--rs-theme-blue);
  color: var(--rs-white);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 14px;
  transition: all 0.3s 0s ease-out;
  cursor: pointer;
}

[dir="rtl"] .rs-swiper-btn {
  transform: rotateY(-180deg);
}

.rs-swiper-btn.is-large {
  width: 60px;
  height: 60px;
  background: var(--rs-theme-secondary);
  border-radius: 0%;
  font-size: 30px;
  color: var(--rs-white);
}

.rs-swiper-btn.is-large:hover {
  background: var(--rs-theme-primary);
  color: var(--rs-white);
}

.rs-swiper-btn.has-radius-small {
  border-radius: 3px;
}

.rs-swiper-btn:hover {
  background: var(--rs-theme-primary);
  color: var(--rs-theme-secondary);
}

.rs-swiper-btn.has-transparent {
  background: transparent;
  width: unset;
  height: unset;
}

.rs-swiper-btn.has-theme-red {
  background: var(--rs-theme-red);
  width: 50px;
  height: 50px;
  border-radius: 0;
  font-size: 25px;
}

.rs-swiper-btn.has-theme-red:hover {
  background: var(--rs-white);
  color: var(--rs-black);
}

.rs-swiper-btn.has-theme-green {
  background: var(--rs-theme-green);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 25px;
}

.rs-swiper-btn.has-theme-green:hover {
  background: var(--rs-theme-yellow);
  color: var(--rs-black);
}

.rs-swiper .swiper-button-prev,
.rs-swiper .swiper-button-next {
  position: unset;
  margin-top: 0;
}

.rs-swiper .swiper-button-prev::after,
.rs-swiper .swiper-button-next::after {
  content: none;
}

/*----------------------------------------*/
/*  2.13 list
/*----------------------------------------*/
.rs-list-item ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px 30px;
}

@media only screen and (max-width: 480px) {
  .rs-list-item ul {
    grid-template-columns: repeat(1, 1fr);
  }
}

.rs-list-item ul li {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--rs-title-primary);
}

.rs-list-item ul li svg {
  width: 20px;
  height: 20px;
}

.rs-list-item ul li svg path {
  fill: var(--rs-theme-primary);
}

.rs-list-item ul li i {
  border: 2px solid var(--rs-theme-blue);
  color: var(--rs-theme-blue);
  border-radius: 50%;
  width: 20px;
  height: 20px;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rs-list-item.is-list-block ul {
  display: block;
}

.rs-list-item.is-list-block ul li:not(:last-child) {
  margin-bottom: 13px;
}

.rs-list-item.is-large ul li svg {
  width: 22px;
  height: 22px;
}

.rs-list-item.is-large ul li svg path {
  fill: var(--rs-primary);
}

/*----------------------------------------*/
/*  2.18 post tag
/*----------------------------------------*/
.rs-post-tag .post-tag {
  background: var(--rs-theme-primary);
  color: var(--rs-white);
  display: inline-flex;
  align-items: center;
  padding: 5px 10px 5px 10px;
  height: 21px;
  border-radius: 0 100px 100px 70px;
  font-weight: 500;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 22px;
}

.rs-post-tag .post-tag.is-yellow {
  background-color: var(--rs-yellow);
}

.rs-post-tag .post-tag.is-green {
  background-color: var(--rs-green);
}

.rs-post-tag .post-tag.is-pink {
  background-color: var(--rs-pink);
}

.rs-post-tag .post-tag.is-red {
  background: #ff3a3a;
}

.rs-post-tag-two .post-tag {
  position: relative;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  color: var(--rs-text-primary);
  padding-inline-start: 16px;
}

.rs-post-tag-two .post-tag:hover {
  color: var(--rs-theme-primary);
}

.rs-post-tag-two .post-tag::before {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  inset-inline-start: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(246, 156, 0, 0.5);
  border-radius: 50%;
}

.rs-post-tag-two .post-tag.is-white {
  color: var(--rs-white);
}

.rs-post-tag-two .post-tag.is-white:hover {
  color: var(--rs-theme-primary);
}

/*----------------------------------------
   2.17 Post Meta
-----------------------------------------*/
.rs-post-meta ul {
  display: flex;
  gap: 20px;
  align-items: center;
}

@media only screen and (max-width: 1600px) {
  .rs-post-meta ul {
    flex-wrap: wrap;
  }
}

.rs-post-meta ul li {
  list-style: none;
}

.rs-post-meta .rs-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
}

.rs-post-meta .rs-meta svg {
  width: 15px;
  height: 15px;
}

.rs-post-meta .rs-meta svg path {
  fill: var(--rs-theme-primary);
}

.rs-post-meta .rs-meta .meta-author:hover {
  color: var(--rs-theme-primary);
}

.rs-post-meta .rs-meta .rs-meta-thumb img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.rs-post-meta.meta-white span {
  color: rgba(255, 255, 255, 0.8);
}

.rs-post-meta.meta-white .rs-meta svg path {
  fill: rgba(255, 255, 255, 0.8);
}

/*----------------------------------------*/
/*  3.5.1 Header Style 1
/*----------------------------------------*/
.rs-header-one {
  overflow-x: clip;
}

.rs-header-one .header-wrapper {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 99;
  justify-content: space-between;
}

@media only screen and (max-width: 1600px) {
  .rs-header-one .header-wrapper {
    padding-inline-start: 15px;
    padding-inline-end: 15px;
  }
}

.rs-header-one .header-logo {
  position: relative;
  z-index: 1;
  width: 200px;
}

.rs-header-one .header-left {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0 30px;
}

.rs-header-one .header-menu {
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 575px) {
  .rs-header-one .header-btn {
    display: none;
  }
}

.rs-header-one .rs-sticky-header.active {
  background: var(--rs-theme-blue);
  padding-top: 0;
}

@media only screen and (max-width: 1199px) {
  .rs-header-one .rs-sticky-header.active {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

.rs-header-one .rs-sticky-header.active .main-menu>ul>li>a {
  padding: 30px 0px;
}

.rs-header-one .rs-sticky-header.active.has-bg {
  background: var(--rs-theme-blue-two);
}

.rs-header-one.has-bg-white .header-wrapper {
  background: var(--rs-white);
}

.rs-header-one.has-bg-white .header-search-icon {
  border-color: var(--rs-border-primary);
}

.rs-header-one.has-bg-white .header-search-icon i {
  color: var(--rs-theme-secondary);
}

.rs-header-one.has-bg-white .header-search-icon:hover .has-search {
  color: var(--rs-theme-primary);
}

.rs-header-one.has-bg-white .sidebar-toggle {
  background: transparent;
  border-color: var(--rs-border-primary);
}

.rs-header-one.has-bg-white .sidebar-toggle .header-bar-icon span {
  background: var(--rs-theme-secondary);
}

.rs-header-one.has-space .main-menu>ul>li>a {
  padding: 50px 0px;
}

.rs-header-one.has-space-two .header-wrapper {
  margin-top: 30px;
  margin-inline-start: 150px;
  margin-inline-end: 150px;
  padding-inline-start: 30px;
  padding-inline-end: 30px;
  border-radius: 12px;
  background: #001936;
}

@media only screen and (max-width: 1600px) {
  .rs-header-one.has-space-two .header-wrapper {
    margin-top: 20px;
    margin-inline-start: 15px;
    margin-inline-end: 15px;
  }
}

@media only screen and (max-width: 480px) {
  .rs-header-one.has-space-two .header-wrapper {
    padding-inline-start: 20px;
    padding-inline-end: 20px;
  }
}

.rs-header-one.has-space-two .main-menu>ul>li>a {
  padding: 28px 0px;
}

/*----------------------------------------*/
/*  3.5.2 Header Style 2
/*----------------------------------------*/
.rs-header-two {
  overflow-x: clip;
}

.rs-header-two .header-wrapper {
  align-items: center;
  position: relative;
  z-index: 99;
  justify-content: space-between;
  display: flex;
  padding-inline-start: 150px;
  padding-inline-end: 150px;
}

@media only screen and (max-width: 1600px) {
  .rs-header-two .header-wrapper {
    padding-inline-start: 15px;
    padding-inline-end: 15px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-header-two .header-wrapper {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

.rs-header-two .header-logo {
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .rs-header-two .header-logo .logo-white {
    display: none;
  }
}

.rs-header-two .header-logo .logo-red {
  display: none;
}

@media only screen and (max-width: 767px) {
  .rs-header-two .header-logo .logo-red {
    display: block;
  }
}

.rs-header-two .header-logo-wrapper {
  margin-top: -50px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  width: 237px;
}

@media only screen and (max-width: 991px) {
  .rs-header-two .header-logo-wrapper {
    margin-top: -100px;
    width: 200px;
  }
}

.rs-header-two .header-logo-wrapper::before {
  position: absolute;
  content: "";
  width: 237px;
  height: 205px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #730017;
  clip-path: polygon(0 0, 100% 0%, 100% 80%, 50% 100%, 0 80%);
  top: 0;
  left: 0;
}

@media only screen and (max-width: 1199px) {
  .rs-header-two .header-logo-wrapper::before {
    height: 165px;
    top: -15px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-header-two .header-logo-wrapper::before {
    height: 205px;
    width: 200px;
  }
}

.rs-header-two .header-logo-wrapper::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 5px;
  left: 0;
  clip-path: polygon(0px 0px, 100% 0%, 100% -5px, 50% 17%, 0 -5%);
  background: var(--rs-theme-red);
}

@media only screen and (max-width: 1199px) {
  .rs-header-two .header-logo-wrapper::after {
    top: -10px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-header-two .header-logo-wrapper {
    margin-top: 0;
    width: unset;
  }

  .rs-header-two .header-logo-wrapper::before,
  .rs-header-two .header-logo-wrapper::after {
    content: none;
  }
}

.rs-header-two.has-theme-green-two .header-logo-wrapper {
  margin-top: -45px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  padding: 17px 70px 17px 70px;
  background: #00843c;
  margin-inline: 30px;
}

@media only screen and (max-width: 1199px) {
  .rs-header-two.has-theme-green-two .header-logo-wrapper {
    padding: 15px 15px 15px 15px;
    width: 150px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-header-two.has-theme-green-two .header-logo-wrapper {
    margin: 0px;
    padding: 0;
    background: transparent;
  }
}

.rs-header-two.has-theme-green-two .header-logo-wrapper::before {
  position: absolute;
  content: "";
  width: 32px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #007937;
  top: 0;
  inset-inline-end: -30px;
  inset-inline-start: auto;
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
}

.rs-header-two.has-theme-green-two .header-logo-wrapper::after {
  position: absolute;
  content: "";
  width: 32px;
  height: 44px;
  top: 0px;
  inset-inline-start: -30px;
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  background: #007937;
}

@media only screen and (max-width: 991px) {

  .rs-header-two.has-theme-green-two .header-logo-wrapper::before,
  .rs-header-two.has-theme-green-two .header-logo-wrapper::after {
    content: none;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-header-two.has-theme-green-two .header-wrapper {
    padding-top: 0;
    padding-bottom: 0;
  }
}

@media only screen and (max-width: 991px) {
  .rs-header-two.has-theme-green-two .header-wrapper {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

.rs-header-two.has-theme-green-two .header-logo {
  width: 100px;
}

@media only screen and (max-width: 1199px) {
  .rs-header-two.has-theme-green-two .header-logo {
    width: 80px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-header-two.has-theme-green-two .header-logo {
    width: 170px;
  }
}

@media only screen and (max-width: 575px) {
  .rs-header-two.has-theme-green-two .header-logo {
    width: 140px;
  }
}

.rs-header-two.has-theme-green-two .header-logo {
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 991px) {
  .rs-header-two.has-theme-green-two .header-logo .logo-white {
    display: none;
  }
}

.rs-header-two.has-theme-green-two .header-logo .logo-green {
  display: none;
}

@media only screen and (max-width: 991px) {
  .rs-header-two.has-theme-green-two .header-logo .logo-green {
    display: block;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-header-two.has-theme-green-two .header-left {
    display: none;
  }
}

.rs-header-two.has-theme-green-two .has-extra-menu {
  display: none;
}

@media only screen and (max-width: 1199px) {
  .rs-header-two.has-theme-green-two .has-extra-menu {
    display: block;
  }
}

.rs-header-two.has-theme-green-two .rs-sticky-header.active .header-logo-wrapper {
  margin-top: 0;
  width: unset;
  background: transparent;
  padding: 0;
  margin-inline: 0;
}

.rs-header-two.has-theme-green-two .rs-sticky-header.active .header-logo-wrapper::before,
.rs-header-two.has-theme-green-two .rs-sticky-header.active .header-logo-wrapper::after {
  content: none;
}

@media only screen and (max-width: 1199px) {
  .rs-header-two.has-theme-green-two .rs-sticky-header.active.header-wrapper {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

.rs-header-two .header-left {
  display: flex;
  gap: 30px;
}

.rs-header-two .header-menu {
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 1366px) {
  .rs-header-two .header-btn {
    display: none;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-header-two .header-btn {
    display: block;
  }
}

@media only screen and (max-width: 575px) {
  .rs-header-two .header-btn {
    display: none;
  }
}

.rs-header-two .main-menu ul li a {
  color: var(--rs-title-primary);
}

.rs-header-two .header-logo {
  width: 90px;
  margin-top: auto;
}

@media only screen and (max-width: 1199px) {
  .rs-header-two .header-logo {
    width: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-header-two .header-logo {
    width: 140px;
  }
}

.rs-header-two .header-icon-wrapper::before {
  background: rgba(0, 0, 0, 0.14);
}

.rs-header-two .header-search-icon i {
  color: var(--rs-black);
}

.rs-header-two .header-bar-icon span {
  background: var(--rs-black);
}

.rs-header-two .rs-sticky-header.active .header-logo-wrapper {
  margin-top: 0;
  width: unset;
}

.rs-header-two .rs-sticky-header.active .header-logo-wrapper::before,
.rs-header-two .rs-sticky-header.active .header-logo-wrapper::after {
  content: none;
}

.rs-header-two .rs-sticky-header.active .header-logo {
  width: unset;
  margin-top: unset;
}

@media only screen and (max-width: 575px) {
  .rs-header-two .rs-sticky-header.active .header-logo {
    width: 140px;
  }
}

.rs-header-two .rs-sticky-header.active .header-left {
  gap: 30px 60px;
}

/*----------------------------------------*/
/*  3.5.3 Header Style 3
/*----------------------------------------*/
.rs-header-three {
  overflow-x: clip;
}

.rs-header-three .header-wrapper {
  align-items: center;
  position: relative;
  z-index: 99;
  justify-content: space-between;
  display: flex;
  padding-inline-start: 150px;
  padding-inline-end: 150px;
}

@media only screen and (max-width: 1600px) {
  .rs-header-three .header-wrapper {
    padding-inline-start: 15px;
    padding-inline-end: 15px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-header-three .header-wrapper {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

.rs-header-three .header-wrapper.has-space {
  padding-inline-start: 120px;
  padding-inline-end: 120px;
}

@media only screen and (max-width: 1600px) {
  .rs-header-three .header-wrapper.has-space {
    padding-inline-start: 15px;
    padding-inline-end: 15px;
  }
}

.rs-header-three .header-logo {
  position: relative;
  z-index: 1;
}

.rs-header-three .header-left {
  display: flex;
  gap: 30px;
}

.rs-header-three .header-menu {
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 1366px) {
  .rs-header-three .header-btn {
    display: none;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-header-three .header-btn {
    display: block;
  }
}

@media only screen and (max-width: 575px) {
  .rs-header-three .header-btn {
    display: none;
  }
}

.rs-header-three .main-menu>ul>li>a {
  color: var(--rs-title-primary);
}

.rs-header-three .header-icon-wrapper::before {
  background: rgba(0, 0, 0, 0.14);
}

.rs-header-three .header-search-icon i {
  color: var(--rs-black);
}

.rs-header-three .header-bar-icon span {
  background: var(--rs-black);
}

.rs-header-three.has-space .main-menu>ul>li>a {
  padding: 33px 0px;
}

.rs-header-three.has-space .rs-sticky-header.active .main-menu>ul>li>a {
  padding: 30px 0px;
}

/*----------------------------------------*/
/*  3.5.5 Header Top Style
/*----------------------------------------*/
.rs-header-top.rs-header-top-one {
  padding-inline-start: 415px;
  padding-inline-end: 150px;
  padding-bottom: 10px;
  padding-top: 10px;
  background: var(--rs-theme-red);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

@media only screen and (max-width: 1600px) {
  .rs-header-top.rs-header-top-one {
    padding-inline-start: 265px;
    padding-inline-end: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-header-top.rs-header-top-one {
    padding-inline-start: 15px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-header-top.rs-header-top-one {
    justify-content: center;
  }
}

@media only screen and (max-width: 991px) {
  .rs-header-top.rs-header-top-one {
    padding-bottom: 10px;
    padding-top: 8px;
  }
}

.rs-header-top.rs-header-top-one .header-top-menu-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}

.rs-header-top.rs-header-top-one .header-nav-menu-item {
  position: relative;
}

.rs-header-top.rs-header-top-one .header-nav-menu-item:not(:last-child) {
  padding-inline-end: 12px;
  margin-inline-end: 12px;
}

.rs-header-top.rs-header-top-one .header-nav-menu-item:not(:last-child)::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 10px;
  background: rgba(255, 255, 255, 0.2);
  inset-inline-end: 0;
  top: 50%;
  transform: translateY(-50%);
}

.rs-header-top.rs-header-top-one .header-nav-menu-item a {
  font-size: 14px;
  font-weight: 500;
  color: var(--rs-white);
}

.rs-header-top.rs-header-top-one .header-nav-menu-item a:hover {
  color: rgba(255, 255, 255, 0.65);
}

.rs-header-top.rs-header-top-one .header-top-icon {
  width: 17px;
  min-width: 17px;
  flex-wrap: wrap;
  background: var(--rs-white);
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}

.rs-header-top.rs-header-top-one .header-top-icon svg {
  width: 9px;
}

.rs-header-top.rs-header-top-one .header-top-left {
  display: flex;
  align-items: center;
  gap: 10px;
}

.rs-header-top.rs-header-top-one.has-theme-cyan {
  background: var(--rs-theme-cyan);
  padding-inline-start: 150px;
  padding-inline-end: 150px;
}

@media only screen and (max-width: 1600px) {
  .rs-header-top.rs-header-top-one.has-theme-cyan {
    padding-inline-start: 15px;
    padding-inline-end: 15px;
  }
}

.rs-header-top.rs-header-top-one.has-theme-green {
  background: var(--rs-theme-green);
  padding-inline-start: 150px;
  padding-inline-end: 150px;
}

@media only screen and (max-width: 1600px) {
  .rs-header-top.rs-header-top-one.has-theme-green {
    padding-inline-start: 15px;
    padding-inline-end: 15px;
  }
}

.rs-header-top.rs-header-top-one.has-theme-green-two {
  padding-inline-start: 150px;
  padding-inline-end: 150px;
  padding-bottom: 9px;
  padding-top: 9px;
  background: var(--rs-theme-green-two);
}

@media only screen and (max-width: 1600px) {
  .rs-header-top.rs-header-top-one.has-theme-green-two {
    padding-inline-start: 15px;
    padding-inline-end: 15px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-header-top.rs-header-top-one.has-theme-green-two {
    padding-inline-start: 240px;
    padding-inline-end: 15px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-header-top.rs-header-top-one.has-theme-green-two {
    padding-inline-start: 15px;
    padding-inline-end: 15px;
  }
}

.rs-header-top.rs-header-top-one.has-theme-red {
  margin-inline-start: 120px;
  margin-inline-end: 120px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-inline-start: 30px;
  padding-inline-end: 30px;
  padding-bottom: 10px;
  padding-top: 10px;
  border-radius: 15px;
}

@media only screen and (max-width: 1600px) {
  .rs-header-top.rs-header-top-one.has-theme-red {
    margin-inline-start: 15px;
    margin-inline-end: 15px;
    margin-bottom: 0;
  }
}

.rs-header-top.rs-header-top-one .header-top-content {
  display: flex;
  gap: 15px;
}

.rs-header-top.rs-header-top-one .header-top-content .header-top-title {
  color: var(--rs-white);
  font-weight: 500;
  font-size: 14px;
  display: flex;
  gap: 10px;
}

.rs-header-top.rs-header-top-one .header-top-content .header-top-title svg {
  width: 24px;
  height: 24px;
}

.rs-header-top.rs-header-top-one .header-top-content .header-top-title svg path {
  fill: var(--rs-white);
}

.rs-header-top.rs-header-top-one .header-top-description {
  font-size: 14px;
  font-weight: 500;
  color: var(--rs-white);
  margin-bottom: 0;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  min-width: 350px;
}

@media only screen and (max-width: 480px) {
  .rs-header-top.rs-header-top-one .header-top-description {
    text-align: center;
  }
}

.rs-header-top.rs-header-top-one .header-top-description.is-active {
  position: relative;
  opacity: 1;
  animation: textRotatingIn 0.8s cubic-bezier(0.86, 0, 0.07, 1) both;
}

.rs-header-top.rs-header-top-one .header-top-description:not(.is-active) {
  animation: textRotatingOut 0.8s cubic-bezier(0.86, 0, 0.07, 1) both;
}

.rs-header-top.rs-header-top-one .header-top-item {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
}

.rs-header-top.rs-header-top-one .header-top-item:not(:last-child) {
  padding-inline-end: 15px;
  margin-inline-end: 15px;
}

.rs-header-top.rs-header-top-one .header-top-item:not(:last-child)::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 14px;
  background: rgba(255, 255, 255, 0.5);
  inset-inline-end: 0;
}

@media only screen and (max-width: 575px) {
  .rs-header-top.rs-header-top-one .header-top-item:not(:last-child):not(:last-child) {
    padding-inline-end: 0px;
    margin-inline-end: 0px;
  }

  .rs-header-top.rs-header-top-one .header-top-item:not(:last-child):not(:last-child)::before {
    content: none;
  }
}

.rs-header-top.rs-header-top-one .header-top-item h6 {
  font-size: 15px;
  font-weight: 400;
  color: var(--rs-white);
}

.rs-header-top.rs-header-top-one .header-top-item h6 a:hover {
  color: rgba(255, 255, 255, 0.72);
}

.rs-header-top.rs-header-top-one .header-top-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
}

.rs-header-top.rs-header-top-one .header-top-meta:not(:last-child) {
  padding-inline-end: 15px;
  margin-inline-end: 15px;
}

.rs-header-top.rs-header-top-one .header-top-meta:not(:last-child)::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 14px;
  background: rgba(255, 255, 255, 0.5);
  inset-inline-end: 0;
}

@media only screen and (max-width: 575px) {
  .rs-header-top.rs-header-top-one .header-top-meta:not(:last-child) {
    padding-inline-end: 0;
    margin-inline-end: 0px;
  }

  .rs-header-top.rs-header-top-one .header-top-meta:not(:last-child)::before {
    content: none;
  }
}

.rs-header-top.rs-header-top-one .header-top-meta-icon {
  position: relative;
  top: -2px;
}

.rs-header-top.rs-header-top-one .header-top-meta-icon svg {
  width: 16px;
  height: 16px;
}

.rs-header-top.rs-header-top-one .header-top-meta-icon svg path {
  fill: var(--rs-white);
}

.rs-header-top.rs-header-top-one .header-top-meta-content span {
  color: var(--rs-white);
  font-size: 14px;
  font-weight: 500;
}

.rs-header-top.rs-header-top-one .header-top-meta-content a {
  color: var(--rs-white);
  font-size: 14px;
  font-weight: 500;
}

.rs-header-top.rs-header-top-one .header-top-meta-content a:hover {
  color: var(--rs-theme-secondary);
}

.rs-header-top.rs-header-top-one .popup-circle {
  width: 8px;
  height: 8px;
  position: relative;
}

.rs-header-top.rs-header-top-one .header-top-social a {
  font-size: 14px;
}

.rs-header-top.rs-header-top-one .header-top-social-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
}

.rs-header-top.rs-header-top-one .header-top-social-title {
  font-size: 14px;
  font-weight: 500;
  color: var(--rs-white);
}

.rs-header-top.rs-header-top-two {
  padding-inline-start: 170px;
  padding-inline-end: 170px;
  padding-bottom: 12px;
  padding-top: 12px;
  background: var(--rs-black);
}

@media only screen and (max-width: 1600px) {
  .rs-header-top.rs-header-top-two {
    padding-inline-start: 15px;
    padding-inline-end: 15px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-header-top.rs-header-top-two {
    justify-content: center;
  }
}

.rs-header-top.rs-header-top-two .header-top-left {
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .rs-header-top.rs-header-top-two .header-top-left {
    justify-content: center;
  }
}

@media only screen and (max-width: 575px) {
  .rs-header-top.rs-header-top-two .header-top-left {
    gap: 5px 30px;
    flex-wrap: wrap;
  }
}

.rs-header-top.rs-header-top-two .header-top-content {
  overflow: hidden;
  position: relative;
}

.rs-header-top.rs-header-top-two .header-top-description {
  font-size: 14px;
  font-weight: 500;
  color: var(--rs-white);
  margin-bottom: 0;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  min-width: 350px;
}

@media only screen and (max-width: 480px) {
  .rs-header-top.rs-header-top-two .header-top-description {
    text-align: center;
  }
}

.rs-header-top.rs-header-top-two .header-top-description.is-active {
  position: relative;
  opacity: 1;
  animation: textRotatingIn 0.8s cubic-bezier(0.86, 0, 0.07, 1) both;
}

.rs-header-top.rs-header-top-two .header-top-description:not(.is-active) {
  animation: textRotatingOut 0.8s cubic-bezier(0.86, 0, 0.07, 1) both;
}

.rs-header-top.rs-header-top-two .header-top-item {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
}

.rs-header-top.rs-header-top-two .header-top-item:not(:last-child) {
  padding-inline-end: 15px;
  margin-inline-end: 15px;
}

.rs-header-top.rs-header-top-two .header-top-item:not(:last-child)::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 14px;
  background: rgba(255, 255, 255, 0.5);
  inset-inline-end: 0;
}

@media only screen and (max-width: 575px) {
  .rs-header-top.rs-header-top-two .header-top-item:not(:last-child):not(:last-child) {
    padding-inline-end: 0px;
    margin-inline-end: 0px;
  }

  .rs-header-top.rs-header-top-two .header-top-item:not(:last-child):not(:last-child)::before {
    content: none;
  }
}

.rs-header-top.rs-header-top-two .header-top-item h6 {
  font-size: 15px;
  font-weight: 400;
  color: var(--rs-white);
}

.rs-header-top.rs-header-top-two .header-top-item h6 a:hover {
  color: rgba(255, 255, 255, 0.72);
}

.rs-header-top.rs-header-top-two .popup-circle {
  width: 8px;
  height: 8px;
  position: relative;
}

.rs-header-top.rs-header-top-two .header-top-title {
  font-size: 14px;
  font-weight: 600;
  color: #e40101;
  text-transform: uppercase;
  line-height: 20px;
}

.rs-header-top.rs-header-top-two .header-top-right {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  max-width: 520px;
  justify-content: end;
  margin-inline-start: auto;
}

@media only screen and (max-width: 767px) {
  .rs-header-top.rs-header-top-two .header-top-right {
    justify-content: unset;
    margin-inline-start: unset;
    margin: 0 auto;
  }
}

.rs-header-top.rs-header-top-two .header-top-right .swiper-slide {
  width: auto !important;
}

.rs-header-top.rs-header-top-two .header-top-right .swiper-slide:not(:last-child) .header-top-tag ul li::before {
  position: absolute;
  content: "";
  width: 1px;
  height: calc(100% - 12px);
  background: var(--rs-border-secondary);
  right: -12px;
  top: 50%;
  transform: translateY(-50%);
}

.rs-header-top.rs-header-top-two .header-top-right .swiper-wrapper .swiper-slide:last-child {
  padding-right: 0;
}

.rs-header-top.rs-header-top-two .header-top-tag ul li {
  list-style: none;
  position: relative;
  text-align: center;
}

.rs-header-top.rs-header-top-two .header-top-tag ul li a {
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
}

.rs-header-top.rs-header-top-two .header-top-tag ul li a:hover {
  color: var(--rs-theme-primary);
}

.rs-header-top.rs-header-top-two .header-navigation {
  display: flex;
  align-items: center;
  gap: 5px;
}

.rs-header-top.rs-header-top-two .header-navigation button {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.8);
}

[dir="rtl"] .rs-header-top.rs-header-top-two .header-navigation button {
  transform: rotateY(180deg);
}

.rs-header-top.rs-header-top-two .header-navigation button i {
  font-weight: 400;
}

.rs-header-top.rs-header-top-two .header-navigation button:hover {
  color: var(--rs-theme-primary);
}

/*----------------------------------------*/
/*  3.5.4 Header Common Style 
/*----------------------------------------*/
.header-logo {
  width: 230px;
}

@media only screen and (max-width: 575px) {
  .header-logo {
    width: 140px;
  }
}

.header-search-wrapper {
  position: relative;
}

.header-search-inner {
  display: none;
  position: absolute;
  width: 290px;
  top: 60px;
  z-index: 2;
  inset-inline-end: 0;
}

@media only screen and (max-width: 1199px) {
  .header-search-inner {
    top: 55px;
  }
}

@media only screen and (max-width: 575px) {
  .header-search-inner {
    width: 250px;
    top: 48px;
  }
}

@media only screen and (max-width: 480px) {
  .header-search-inner {
    top: 46px;
    width: 220px;
  }
}

.header-search-icon {
  cursor: pointer;
}

.header-search-icon:hover .has-search {
  color: var(--rs-theme-yellow);
}

.header-search-icon:hover .has-close {
  color: var(--rs-theme-yellow);
}

.header-search-icon i {
  font-size: 20px;
  transition: all 0.3s ease-out 0s;
  color: var(--rs-white);
}

@media only screen and (max-width: 480px) {
  .header-search-icon i {
    font-size: 17px;
  }
}

.header-search-icon .has-close {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  z-index: 1;
}

.header-search-icon.icon-close .has-search {
  opacity: 0;
  visibility: hidden;
}

.header-search-icon.icon-close .has-close {
  opacity: 1;
  visibility: visible;
}

.header-search-icon.has-theme-cyan:hover .has-search {
  color: var(--rs-theme-cyan);
}

.header-search-icon.has-theme-cyan:hover .has-close {
  color: var(--rs-theme-cyan);
}

.header-search-icon.has-theme-red:hover .has-search {
  color: var(--rs-theme-red);
}

.header-search-icon.has-theme-red:hover .has-close {
  color: var(--rs-theme-red);
}

.header-search-icon.has-theme-green:hover .has-search {
  color: var(--rs-theme-green);
}

.header-search-icon.has-theme-green:hover .has-close {
  color: var(--rs-theme-green);
}

.header-search-icon.has-theme-green-two:hover .has-search {
  color: var(--rs-theme-green-two);
}

.header-search-icon.has-theme-green-two:hover .has-close {
  color: var(--rs-theme-green-two);
}

.header-search input {
  color: var(--rs-black);
  padding-inline-end: 40px;
  padding-inline-start: 15px;
  width: 100%;
  background: var(--rs-white);
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 14px;
  height: 48px;
}

[dir="rtl"] .header-search input {
  padding-inline-end: 40px;
}

.header-search input::placeholder {
  color: var(--rs-text-primary);
  font-weight: 500;
  font-size: 14px;
}

.header-search input:focus {
  border-color: rgba(0, 0, 0, 0.1);
}

.header-search button {
  position: absolute;
  right: 5px;
  font-size: 20px;
  top: 50%;
  transform: translate(-50%, -50%);
}

[dir="rtl"] .header-search button {
  left: 20px;
}

.header-search button:hover {
  color: var(--rs-theme-primary);
}

.header-content {
  display: flex;
  align-items: center;
  position: relative;
  gap: 18px;
}

.header-inner.rs-sticky .header-menu>nav>ul>li>a {
  padding: 32px 0;
}

.header-inner.rs-sticky .header-search-inner {
  top: 56px;
}

@media only screen and (max-width: 1199px) {
  .header-inner.rs-sticky .header-search-inner {
    top: 51px;
  }
}

@media only screen and (max-width: 480px) {
  .header-inner.rs-sticky .header-search-inner {
    top: 48px;
  }
}

.header-icon-wrapper {
  display: flex;
  align-items: center;
  position: relative;
}

.header-icon-wrapper::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 15px;
  background: rgba(255, 255, 255, 0.7);
  left: 50%;
  transform: translateX(-50%);
}

.header-search-wrapper:not(:last-child) {
  padding-inline-end: 17px;
  margin-inline-end: 17px;
}

.header-right {
  display: flex;
  gap: 35px;
  align-items: center;
}

.header-bar-icon {
  width: 20px;
  height: 16px;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  transition: color 0.2s ease-out;
}

.header-bar-icon span {
  width: 28px;
  height: 2px;
  background: var(--rs-white);
  display: inline-block;
  transition: color 0.2s ease-out;
  margin: 0 auto;
  margin-right: auto;
  margin-right: 0;
}

.header-bar-icon span:nth-child(1) {
  width: 20px;
  transition: all 0.3s linear;
}

.header-bar-icon span:nth-child(2) {
  width: 15px;
  transition: all 0.3s linear;
}

.header-bar-icon span:nth-child(3) {
  width: 20px;
  transition: all 0.3s linear;
}

.header-bar-icon:hover span {
  animation: qode-draw 0.8s cubic-bezier(0.44, 1.1, 0.53, 0.99) 1 forwards;
}

.header-bar-icon:hover span:nth-child(2) {
  animation-delay: 0.1s;
}

.header-bar-icon:hover span:nth-child(3) {
  animation-delay: 0.2s;
}

.rs-sticky-header {
  position: fixed !important;
  top: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  width: 100%;
  z-index: 999;
  background: var(--rs-white);
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.07);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-100%);
  transition: all 0.6s ease;
}

.rs-sticky-header.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.header-transparent {
  /*position: absolute;*/
  inset-inline-start: 0;
  margin: auto;
  width: 100%;
  z-index: 99;
  background-color: #001359;
}

/* HEADER CSS */
/*----------------------------------------*/
/*  3.1.1 banner style 1
/*----------------------------------------*/
.rs-banner-one {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.rs-banner-one::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, #0a2165 -1.41%, #0092ff 117.34%);
  z-index: -1;
}

.rs-banner-one .rs-banner-bg-thumb {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 2;
}

.rs-banner-one .rs-banner-bg-thumb::before {
  content: "";
  position: absolute;
  background-color: #000;
  top: 0;
  left: 0;
}

.rs-banner-bg-thumb video {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .rs-banner-one .rs-banner-bg-thumb {
    opacity: 0.2;
  }
}

.rs-banner-one .rs-banner-wrapper {
  padding-top: 170px;
  padding-inline-start: 200px;
  padding-inline-end: 250px;
  padding-bottom: 80px;
}

@media only screen and (max-width: 1600px) {
  .rs-banner-one .rs-banner-wrapper {
    padding-inline-start: 0px;
    padding-inline-end: 0px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-banner-one .rs-banner-wrapper {
    padding-top: 150px;
  }
}

@media only screen and (max-width: 575px) {
  .rs-banner-one .rs-banner-wrapper {
    padding-top: 135px;
  }
}

.rs-banner-one .rs-banner-subtitle {
  font-size: 18px;
  font-weight: 500;
  color: var(--rs-white);
  margin-bottom: 15px;
  display: inline-flex;
  align-items: center;
  gap: 20px;
}

@media only screen and (max-width: 480px) {
  .rs-banner-one .rs-banner-subtitle {
    font-size: 16px;
    gap: 15px;
  }
}

.rs-banner-one .rs-banner-subtitle img {
  width: 33px;
}

.rs-banner-one .rs-banner-title {
  color: var(--rs-white);
  line-height: 1.125;
}

.rs-banner-one .rs-banner-large-title {
  letter-spacing: 10px;
  text-transform: uppercase;
  background: linear-gradient(180deg,
      #ffffff -88.62%,
      rgba(255, 255, 255, 0.05) 95.12%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-size: 350px;
  line-height: 0.8;
  text-align: center;
}

@media only screen and (max-width: 1700px) {
  .rs-banner-one .rs-banner-large-title {
    font-size: 280px;
  }
}

@media only screen and (max-width: 1600px) {
  .rs-banner-one .rs-banner-large-title {
    font-size: 250px;
  }
}

@media only screen and (max-width: 1600px) {
  .rs-banner-one .rs-banner-large-title {
    font-size: 220px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-banner-one .rs-banner-large-title {
    font-size: 190px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-banner-one .rs-banner-large-title {
    font-size: 160px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-banner-one .rs-banner-large-title {
    font-size: 120px;
  }
}

@media only screen and (max-width: 575px) {
  .rs-banner-one .rs-banner-large-title {
    font-size: 100px;
  }
}

@media only screen and (max-width: 480px) {
  .rs-banner-one .rs-banner-large-title {
    font-size: 60px;
  }
}

.rs-banner-one .rs-banner-content-wrapper {
  position: relative;
  z-index: 2;
}

.rs-banner-one .rs-video-title {
  font-size: 24px;
  font-weight: 600;
  color: var(--rs-white);
  margin-top: 15px;
}

.rs-banner-one .rs-banner-content-wrapper {
  display: grid;
  grid-template-columns: 800px auto;
  align-items: end;
  justify-content: space-between;
  gap: 30px;
  margin-top: 250px;
}

@media only screen and (max-width: 1700px) {
  .rs-banner-one .rs-banner-content-wrapper {
    margin-top: 200px;
  }
}

@media only screen and (max-width: 1600px) {
  .rs-banner-one .rs-banner-content-wrapper {
    margin-top: 150px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-banner-one .rs-banner-content-wrapper {
    margin-top: 130px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-banner-one .rs-banner-content-wrapper {
    margin-top: 90px;
    grid-template-columns: 500px auto;
  }
}

@media only screen and (max-width: 767px) {
  .rs-banner-one .rs-banner-content-wrapper {
    grid-template-columns: auto;
    text-align: center;
    margin-top: 70px;
  }
}

@media only screen and (max-width: 575px) {
  .rs-banner-one .rs-banner-content-wrapper {
    margin-top: 50px;
  }
}

.rs-banner-one .rs-banner-video-wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
}

/*----------------------------------------*/
/*  3.1.2 banner style 2
/*----------------------------------------*/
.rs-banner-two {
  overflow-x: clip;
  position: relative;
}

.rs-banner-two .b-line-one {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  background: var(--rs-border-tertiary);
  inset-inline-start: 150px;
  top: 0;
  z-index: 2;
}

@media only screen and (max-width: 575px) {
  .rs-banner-two .b-line-one {
    display: none;
  }
}

.rs-banner-two .b-line-two {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  background: var(--rs-border-tertiary);
  inset-inline-end: 150px;
  top: 0;
  z-index: 2;
}

@media only screen and (max-width: 575px) {
  .rs-banner-two .b-line-two {
    display: none;
  }
}

.rs-banner-two .b-line-three {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: var(--rs-border-tertiary);
  left: 0px;
  bottom: 140px;
  z-index: 2;
}

.rs-banner-two .rs-banner-item-wrapper {
  position: relative;
  z-index: 1;
}

.rs-banner-two .rs-banner-bg-thumb {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  transition:
    transform 7000ms ease,
    opacity 1500ms ease-in,
    -webkit-transform 7000ms ease;
}

.rs-banner-two .rs-banner-bg-thumb::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(3, 3, 3, 0) -2.4%, #030303 111.13%);
  z-index: -1;
}

.rs-banner-two .rs-banner-wrapper {
  padding: 300px 0 210px;
  text-align: center;
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 1600px) {
  .rs-banner-two .rs-banner-wrapper {
    padding: 250px 0 200px;
  }
}

@media only screen and (max-width: 1366px) {
  .rs-banner-two .rs-banner-wrapper {
    padding: 200px 0 150px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-banner-two .rs-banner-wrapper {
    padding: 110px 0 90px;
  }
}

.rs-banner-two .rs-banner-subtitle {
  font-size: 20px;
  font-weight: 600;
  color: var(--rs-white);
  display: inline-block;
}

.rs-banner-two .rs-banner-title {
  font-size: 70px;
  color: var(--rs-white);
  text-transform: capitalize;
  line-height: 1.15;
  margin-top: 20px;
  margin-bottom: 40px;
}

@media only screen and (max-width: 1600px) {
  .rs-banner-two .rs-banner-title {
    font-size: 60px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-banner-two .rs-banner-title {
    font-size: 55px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-banner-two .rs-banner-title {
    font-size: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-banner-two .rs-banner-title {
    font-size: 45px;
  }
}

@media only screen and (max-width: 575px) {
  .rs-banner-two .rs-banner-title {
    font-size: 40px;
  }
}

@media only screen and (max-width: 480px) {
  .rs-banner-two .rs-banner-title {
    font-size: 35px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-banner-two .rs-banner-navigation {
    display: none;
  }
}

.rs-banner-two .rs-banner-navigation .swiper-button-prev,
.rs-banner-two .rs-banner-navigation .swiper-button-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.rs-banner-two .rs-banner-navigation button {
  inset-inline-start: 30px;
}

.rs-banner-two .rs-banner-navigation button.swiper-button-next {
  inset-inline-end: 30px;
  inset-inline-start: auto;
}

.rs-banner-two .rs-pagination.swiper-pagination {
  position: absolute;
  bottom: 40px;
}

.rs-banner-two .rs-pagination.swiper-pagination.swiper-pagination-bullet-active {
  background: var(--rs-theme-red);
}

.rs-banner-two .rs-pagination.swiper-pagination.swiper-pagination-bullet-active::before {
  border-color: var(--rs-theme-red);
}

.rs-banner-two .swiper-slide-active .rs-banner-subtitle,
.rs-banner-two .swiper-slide-active .rs-banner-title,
.rs-banner-two .swiper-slide-active .rs-banner-btn {
  animation-fill-mode: both;
  animation-name: fadeInUp;
}

.rs-banner-two .swiper-slide-active .rs-banner-subtitle {
  animation-delay: 0.3s;
  animation-duration: 0.7s;
}

.rs-banner-two .swiper-slide-active .rs-banner-title {
  animation-delay: 0.5s;
  animation-duration: 0.9s;
}

.rs-banner-two .swiper-slide-active .rs-banner-btn {
  animation-delay: 0.9s;
  animation-duration: 1.1s;
}

.rs-banner-two .swiper-slide-active .rs-banner-bg-thumb {
  transform: scale(1.15);
}

/*----------------------------------------*/
/*  3.1.3 banner style 3
/*----------------------------------------*/
.rs-banner-three {
  position: relative;
  z-index: 1;
  overflow-x: clip;
}

.rs-banner-three .rs-banner-bg-thumb {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.rs-banner-three .rs-banner-bg-thumb::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(176.07deg, rgba(0, 0, 0, 0) 14%, #000000 129.41%);
  z-index: -1;
}

.rs-banner-three .rs-banner-wrapper {
  position: relative;
  z-index: 1;
  padding-top: 150px;
  padding-inline-start: 135px;
  padding-inline-end: 135px;
  padding-bottom: 150px;
  display: grid;
  grid-template-columns: 700px 415px;
  gap: 30px;
  justify-content: space-between;
  align-items: end;
}

@media only screen and (max-width: 1600px) {
  .rs-banner-three .rs-banner-wrapper {
    padding-inline-start: 0px;
    padding-inline-end: 0px;
    padding-bottom: 130px;
    padding-top: 130px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-banner-three .rs-banner-wrapper {
    grid-template-columns: auto 415px;
    padding-bottom: 100px;
    padding-top: 100px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-banner-three .rs-banner-wrapper {
    grid-template-columns: auto;
    padding-bottom: 80px;
    padding-top: 80px;
  }
}

.rs-banner-three .rs-banner-subtitle {
  font-size: 17px;
  font-weight: 500;
  color: var(--rs-white);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 50px;
  margin-bottom: 15px;
}

@media only screen and (max-width: 991px) {
  .rs-banner-three .rs-banner-subtitle {
    margin-top: 35px;
  }
}

@media only screen and (max-width: 480px) {
  .rs-banner-three .rs-banner-subtitle {
    font-size: 16px;
    gap: 15px;
  }
}

.rs-banner-three .rs-banner-subtitle img {
  width: 24px;
}

.rs-banner-three .rs-banner-title {
  color: var(--rs-white);
  line-height: 1.15;
}

@media only screen and (max-width: 480px) {
  .rs-banner-three .rs-banner-title {
    font-size: 35px;
  }
}

.rs-banner-three .rs-banner-btn {
  margin-top: 40px;
}

.rs-banner-three .rs-notice-wrapper {
  background-color: var(--rs-theme-cyan);
  padding-top: 25px;
  padding-bottom: 30px;
  padding-inline-start: 35px;
  padding-inline-end: 35px;
  border-radius: 16px;
}

@media only screen and (max-width: 1199px) {
  .rs-banner-three .rs-notice-wrapper {
    padding-inline-start: 30px;
    padding-inline-end: 30px;
  }
}

.rs-banner-three .rs-notice-wrapper .popup-circle {
  width: 8px;
  height: 8px;
  position: relative;
}

.rs-banner-three .rs-notice-wrapper .popup-circle::before {
  background: var(--rs-theme-yellow);
}

.rs-banner-three .rs-notice-wrapper .popup-circle::after {
  background: var(--rs-theme-yellow);
}

.rs-banner-three .rs-notice-wrapper .rs-notice-sec-title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid var(--rs-border-tertiary);
  margin-bottom: 12px;
  padding-bottom: 10px;
  color: var(--rs-white);
}

.rs-banner-three .rs-notice-wrapper .rs-notice-item:not(:last-child) {
  border-bottom: 1px solid var(--rs-border-tertiary);
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.rs-banner-three .rs-notice-wrapper .rs-notice-title {
  font-size: 17px;
  margin-bottom: 10px;
  color: var(--rs-white);
}

@media only screen and (max-width: 575px) {
  .rs-banner-three .rs-notice-wrapper .rs-notice-title {
    font-size: 15px;
  }
}

.rs-banner-three .rs-notice-wrapper .rs-notice-content {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
}

.rs-banner-three .rs-notice-wrapper .rs-notice-meta {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.rs-banner-three .rs-notice-wrapper .rs-notice-date {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  margin-bottom: 5px;
  color: rgba(255, 255, 255, 0.8);
}

.rs-banner-three .rs-notice-wrapper .rs-notice-date svg {
  width: 14px;
  height: 14px;
}

.rs-banner-three .rs-notice-wrapper .rs-notice-date svg path {
  fill: rgba(255, 255, 255, 0.8);
}

.rs-banner-three .rs-notice-wrapper .rs-notice-id {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.8);
}

.rs-banner-three .rs-notice-wrapper .rs-notice-link svg {
  width: 20px;
  height: 20px;
}

.rs-banner-three .rs-notice-wrapper .rs-notice-link svg path {
  transition: 0.3s;
  fill: var(--rs-white);
}

.rs-banner-three .rs-notice-wrapper .rs-notice-link a:hover svg path {
  fill: var(--rs-theme-light-cyan);
}

.rs-banner-three .rs-notice-btn {
  margin-top: 30px;
}

.rs-banner-three .rs-notice-btn .rs-btn {
  font-size: 22px;
  font-family: var(--rs-ff-title);
  gap: 10px;
  font-weight: 600;
  border-radius: 12px;
  background: var(--rs-theme-cyan);
}

.rs-banner-three .rs-notice-btn .rs-btn:hover {
  background: var(--rs-theme-light-cyan);
  color: var(--rs-white);
}

.rs-banner-three .rs-notice-btn .rs-btn:hover svg path {
  fill: var(--rs-white);
}

.rs-banner-three .rs-notice-btn .rs-btn svg {
  width: 28px;
  height: 28px;
}

.rs-banner-three .rs-notice-btn .rs-btn svg path {
  fill: var(--rs-theme-light-cyan);
}

/*----------------------------------------*/
/*  3.1.4 banner style 4
/*----------------------------------------*/
.rs-banner-four {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.rs-banner-four .rs-banner-video {
  position: absolute;
  top: 0;
  left: 0;
}

@media only screen and (max-width: 991px) {
  .rs-banner-four .rs-banner-video {
    height: 540px;
  }
}

.rs-banner-four .rs-banner-video::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-image: radial-gradient(at center center, #000000 0%, #000000 69%);
  opacity: 0.5;
  top: 0;
  left: 0;
}

.rs-banner-four .rs-banner-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.rs-banner-four .rs-banner-wrapper {
  position: relative;
  z-index: 1;
  padding-top: 230px;
  padding-bottom: 245px;
  text-align: center;
}

@media only screen and (max-width: 1600px) {
  .rs-banner-four .rs-banner-wrapper {
    padding-top: 180px;
    padding-bottom: 200px;
  }
}

@media only screen and (max-width: 1366px) {
  .rs-banner-four .rs-banner-wrapper {
    padding-top: 150px;
    padding-bottom: 170px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-banner-four .rs-banner-wrapper {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-banner-four .rs-banner-wrapper {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.rs-banner-four .rs-banner-logo {
  margin-bottom: 20px;
}

.rs-banner-four .rs-banner-logo img {
  width: 80px;
}

.rs-banner-four .rs-banner-title {
  font-size: 80px;
  font-weight: 700;
  color: var(--rs-white);
  line-height: 1.1;
}

@media only screen and (max-width: 1600px) {
  .rs-banner-four .rs-banner-title {
    font-size: 65px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-banner-four .rs-banner-title {
    font-size: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-banner-four .rs-banner-title {
    font-size: 45px;
  }
}

@media only screen and (max-width: 575px) {
  .rs-banner-four .rs-banner-title {
    font-size: 40px;
  }
}

.rs-banner-four .rs-banner-content-wrapper {
  position: relative;
  z-index: 2;
}

.rs-banner-four .rs-banner-content-wrapper {
  display: grid;
  grid-template-columns: 600px auto;
  align-items: end;
  justify-content: space-between;
  gap: 30px;
  margin-top: 250px;
}

@media only screen and (max-width: 1700px) {
  .rs-banner-four .rs-banner-content-wrapper {
    margin-top: 200px;
  }
}

@media only screen and (max-width: 1600px) {
  .rs-banner-four .rs-banner-content-wrapper {
    margin-top: 150px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-banner-four .rs-banner-content-wrapper {
    margin-top: 130px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-banner-four .rs-banner-content-wrapper {
    margin-top: 90px;
    grid-template-columns: 500px auto;
  }
}

@media only screen and (max-width: 767px) {
  .rs-banner-four .rs-banner-content-wrapper {
    grid-template-columns: auto;
    text-align: center;
    margin-top: 70px;
  }
}

@media only screen and (max-width: 575px) {
  .rs-banner-four .rs-banner-content-wrapper {
    margin-top: 50px;
  }
}

/*----------------------------------------*/
/*  3.1.5 banner style 5
/*----------------------------------------*/
.rs-banner-five {
  position: relative;
  z-index: 1;
  overflow-x: clip;
}

.rs-banner-five:hover .rs-banner-navigation {
  visibility: visible;
  opacity: 1;
  inset-inline-end: 30px;
}

.rs-banner-five .rs-banner-bg-thumb,
.rs-banner-five .rs-banner-bg-thumb-two {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.rs-banner-five .rs-banner-wrapper {
  position: relative;
  z-index: 1;
  padding-top: 100px;
  padding-inline-start: 135px;
  padding-inline-end: 85px;
  display: grid;
  grid-template-columns: auto 864px;
  align-items: end;
  gap: 30px 200px;
}

@media only screen and (max-width: 1800px) {
  .rs-banner-five .rs-banner-wrapper {
    gap: 30px 30px;
    grid-template-columns: auto 750px;
  }
}

@media only screen and (max-width: 1600px) {
  .rs-banner-five .rs-banner-wrapper {
    padding-inline-start: 0px;
    padding-inline-end: 0px;
    grid-template-columns: auto 600px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-banner-five .rs-banner-wrapper {
    grid-template-columns: auto 500px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-banner-five .rs-banner-wrapper {
    grid-template-columns: auto;
    padding-top: 80px;
  }
}

.rs-banner-five .rs-banner-btn {
  margin-top: 45px;
}

.rs-banner-five .rs-banner-subtitle {
  font-size: 18px;
  font-weight: 500;
  color: var(--rs-white);
  margin-bottom: 15px;
  display: inline-flex;
  align-items: center;
  gap: 20px;
}

@media only screen and (max-width: 480px) {
  .rs-banner-five .rs-banner-subtitle {
    font-size: 16px;
    gap: 15px;
  }
}

.rs-banner-five .rs-banner-subtitle img {
  width: 33px;
}

.rs-banner-five .rs-banner-title {
  color: var(--rs-white);
  line-height: 1.125;
}

@media only screen and (max-width: 1199px) {
  .rs-banner-five .rs-banner-title {
    font-size: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-banner-five .rs-banner-title {
    font-size: 40px;
  }
}

.rs-banner-five .rs-banner-content-wrapper {
  position: relative;
  z-index: 2;
  padding-bottom: 130px;
}

@media only screen and (max-width: 991px) {
  .rs-banner-five .rs-banner-content-wrapper {
    padding-bottom: 0;
  }
}

.rs-banner-five .rs-banner-thumb img {
  width: 100%;
  display: block;
}

.rs-banner-five .rs-banner-navigation {
  display: flex;
  gap: 10px;
  flex-direction: column;
  position: absolute;
  z-index: 2;
  inset-inline-end: 0px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}

@media only screen and (max-width: 767px) {
  .rs-banner-five .rs-banner-navigation {
    display: none;
  }
}

.rs-banner-five .rs-pagination.swiper-pagination {
  position: absolute;
  bottom: 40px;
}

.rs-banner-five .rs-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--rs-theme-green);
}

.rs-banner-five .rs-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  border-color: var(--rs-theme-green);
}

.rs-banner-five .swiper-slide-active .rs-banner-subtitle,
.rs-banner-five .swiper-slide-active .rs-banner-title,
.rs-banner-five .swiper-slide-active .rs-banner-btn {
  animation-fill-mode: both;
  animation-name: fadeInUp;
}

.rs-banner-five .swiper-slide-active .rs-banner-subtitle {
  animation-delay: 0.3s;
  animation-duration: 0.7s;
}

.rs-banner-five .swiper-slide-active .rs-banner-title {
  animation-delay: 0.5s;
  animation-duration: 0.9s;
}

.rs-banner-five .swiper-slide-active .rs-banner-btn {
  animation-delay: 0.9s;
  animation-duration: 1.1s;
}

.rs-banner-five .swiper-slide-active .rs-banner-thumb {
  animation-fill-mode: both;
  animation-name: fadeInRight;
}

.rs-banner-five .swiper-slide-active .rs-banner-thumb {
  animation-delay: 1.1s;
  animation-duration: 1.3s;
}

/*----------------------------------------*/
/*  3.1.6 banner style 6
/*----------------------------------------*/
.rs-banner-six {
  position: relative;
  z-index: 1;
  overflow-x: clip;
}

.rs-banner-six .rs-banner-bg-thumb {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  transition:
    transform 7000ms ease,
    opacity 1500ms ease-in,
    -webkit-transform 7000ms ease;
}

.rs-banner-six .rs-banner-bg-thumb::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(224.33deg,
      rgba(0, 0, 0, 0) 26.66%,
      #000000 92.82%);
}

.rs-banner-six .rs-banner-wrapper {
  position: relative;
  z-index: 1;
  padding-top: 260px;
  padding-bottom: 200px;
  padding-inline-start: 180px;
  padding-inline-end: 100px;
}

@media only screen and (max-width: 1600px) {
  .rs-banner-six .rs-banner-wrapper {
    padding-inline-start: 0px;
    padding-inline-end: 0px;
    padding-top: 200px;
  }
}

@media only screen and (max-width: 1366px) {
  .rs-banner-six .rs-banner-wrapper {
    padding-top: 150px;
    padding-bottom: 150px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-banner-six .rs-banner-wrapper {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-banner-six .rs-banner-wrapper {
    padding-top: 80px;
    padding-bottom: 100px;
  }
}

.rs-banner-six .rs-banner-subtitle {
  font-size: 16px;
  color: var(--rs-white);
  margin-bottom: 15px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

@media only screen and (max-width: 480px) {
  .rs-banner-six .rs-banner-subtitle {
    font-size: 16px;
    gap: 15px;
  }
}

.rs-banner-six .rs-banner-subtitle img {
  width: 26px;
}

.rs-banner-six .rs-banner-title {
  color: var(--rs-white);
  line-height: 1.125;
  font-size: 72px;
}

@media only screen and (max-width: 1600px) {
  .rs-banner-six .rs-banner-title {
    font-size: 65px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-banner-six .rs-banner-title {
    font-size: 60px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-banner-six .rs-banner-title {
    font-size: 55px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-banner-six .rs-banner-title {
    font-size: 50px;
  }
}

@media only screen and (max-width: 575px) {
  .rs-banner-six .rs-banner-title {
    font-size: 45px;
  }
}

@media only screen and (max-width: 480px) {
  .rs-banner-six .rs-banner-title {
    font-size: 40px;
  }
}

.rs-banner-six .rs-banner-desc {
  color: rgba(255, 255, 255, 0.91);
  max-width: 540px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.rs-banner-six .rs-banner-content-wrapper {
  position: relative;
  z-index: 2;
  max-width: 700px;
}

.rs-banner-six .rs-banner-info-content {
  margin-inline-start: 90px;
}

@media only screen and (max-width: 575px) {
  .rs-banner-six .rs-banner-info-content {
    margin-inline-start: 50px;
  }
}

.rs-banner-six .rs-banner-scroll-btn {
  position: absolute;
  bottom: 55px;
  transform: rotate(90deg);
  inset-inline-start: -50px;
  z-index: 2;
}

@media only screen and (max-width: 480px) {
  .rs-banner-six .rs-banner-scroll-btn {
    bottom: 80px;
  }
}

.rs-banner-six .rs-banner-scroll-btn .rs-btn {
  padding: 2px 12px;
  font-size: 16px;
  font-weight: 400;
}

.rs-banner-six .rs-banner-navigation {
  display: flex;
  gap: 10px;
  flex-direction: column;
  position: absolute;
  z-index: 2;
  inset-inline-end: 60px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.5s;
}

@media only screen and (max-width: 767px) {
  .rs-banner-six .rs-banner-navigation {
    display: none;
  }
}

.rs-banner-six .rs-pagination.swiper-pagination {
  position: absolute;
  bottom: 40px;
}

.rs-banner-six .rs-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--rs-theme-green-two);
}

.rs-banner-six .rs-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  border-color: var(--rs-theme-green-two);
}

.rs-banner-six .swiper-slide-active .rs-banner-subtitle,
.rs-banner-six .swiper-slide-active .rs-banner-title,
.rs-banner-six .swiper-slide-active .rs-banner-desc,
.rs-banner-six .swiper-slide-active .rs-banner-btn {
  animation-fill-mode: both;
  animation-name: fadeInUp;
}

.rs-banner-six .swiper-slide-active .rs-banner-subtitle {
  animation-delay: 0.3s;
  animation-duration: 0.7s;
}

.rs-banner-six .swiper-slide-active .rs-banner-title {
  animation-delay: 0.5s;
  animation-duration: 0.9s;
}

.rs-banner-six .swiper-slide-active .rs-banner-desc {
  animation-delay: 0.7s;
  animation-duration: 1.1s;
}

.rs-banner-six .swiper-slide-active .rs-banner-btn {
  animation-delay: 0.9s;
  animation-duration: 1.3s;
}

.rs-banner-six .swiper-slide-active .rs-banner-bg-thumb {
  transform: scale(1.15);
}

.rs-banner-six .swiper-slide-active .rs-banner-scroll-btn {
  animation-fill-mode: both;
  animation-name: fadeIn;
}

.rs-banner-six .swiper-slide-active .rs-banner-scroll-btn {
  animation-delay: 1s;
  animation-duration: 1.4s;
}

/*----------------------------------------*/
/*  3.1.7 banner style 7
/*----------------------------------------*/
.rs-banner-seven {
  overflow-x: clip;
  position: relative;
}

.rs-banner-seven .rs-banner-item-wrapper {
  position: relative;
  z-index: 1;
}

.rs-banner-seven .rs-banner-bg-thumb {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  transition:
    transform 7000ms ease,
    opacity 1500ms ease-in,
    -webkit-transform 7000ms ease;
}

[dir="rtl"] .rs-banner-seven .rs-banner-bg-thumb {
  transform: rotateY(180deg);
}

.rs-banner-seven .rs-banner-bg-thumb::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(to right,
      rgb(13, 37, 63) 0%,
      rgba(13, 37, 63, 0.8) 35%,
      rgba(13, 37, 63, 0) 65%);
  z-index: -1;
}

.rs-banner-seven .rs-banner-wrapper {
  padding-top: 200px;
  padding-bottom: 230px;
  padding-inline: 150px;
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 1600px) {
  .rs-banner-seven .rs-banner-wrapper {
    padding-top: 170px;
    padding-bottom: 200px;
    padding-inline: 120px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-banner-seven .rs-banner-wrapper {
    padding-top: 150px;
    padding-bottom: 180px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-banner-seven .rs-banner-wrapper {
    padding-top: 130px;
    padding-bottom: 150px;
    padding-inline: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-banner-seven .rs-banner-wrapper {
    padding-inline: 0px;
    padding-top: 80px;
    padding-bottom: 100px;
  }
}

.rs-banner-seven .rs-banner-subtitle {
  font-size: 22px;
  font-weight: 400;
  color: var(--rs-white);
  display: inline-block;
  font-style: italic;
}

@media only screen and (max-width: 767px) {
  .rs-banner-seven .rs-banner-subtitle {
    font-size: 20px;
  }
}

.rs-banner-seven .rs-banner-title {
  color: var(--rs-white);
  text-transform: capitalize;
  margin-top: 20px;
  margin-bottom: 40px;
  font-size: unset;
}

.rs-banner-seven .rs-banner-title .banner-title-primary {
  font-size: 100px;
  line-height: 1;
  margin-bottom: 15px;
  display: inline-block;
}

@media only screen and (max-width: 1600px) {
  .rs-banner-seven .rs-banner-title .banner-title-primary {
    font-size: 80px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-banner-seven .rs-banner-title .banner-title-primary {
    font-size: 60px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-banner-seven .rs-banner-title .banner-title-primary {
    font-size: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-banner-seven .rs-banner-title .banner-title-primary {
    font-size: 40px;
  }
}

.rs-banner-seven .rs-banner-title .banner-title-secondary {
  font-size: 130px;
  font-weight: 700;
  display: grid;
  grid-template-columns: 90px auto;
  align-items: center;
  gap: 30px;
  line-height: 1;
}

@media only screen and (max-width: 1600px) {
  .rs-banner-seven .rs-banner-title .banner-title-secondary {
    font-size: 100px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-banner-seven .rs-banner-title .banner-title-secondary {
    font-size: 80px;
    grid-template-columns: 70px auto;
  }
}

@media only screen and (max-width: 991px) {
  .rs-banner-seven .rs-banner-title .banner-title-secondary {
    font-size: 70px;
    grid-template-columns: 50px auto;
  }
}

@media only screen and (max-width: 767px) {
  .rs-banner-seven .rs-banner-title .banner-title-secondary {
    font-size: 60px;
    gap: 10px;
  }
}

@media only screen and (max-width: 575px) {
  .rs-banner-seven .rs-banner-title .banner-title-secondary {
    font-size: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-banner-seven .rs-banner-navigation {
    display: none;
  }
}

.rs-banner-seven .rs-banner-navigation .swiper-button-prev,
.rs-banner-seven .rs-banner-navigation .swiper-button-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.rs-banner-seven .rs-banner-navigation button {
  inset-inline-start: 30px;
}

.rs-banner-seven .rs-banner-navigation button.swiper-button-next {
  inset-inline-end: 30px;
  inset-inline-start: auto;
}

[dir="rtl"] .rs-banner-seven .rs-banner-navigation button {
  transform: translateY(-50%) rotateY(180deg);
}

.rs-banner-seven .rs-pagination.swiper-pagination {
  position: absolute;
  bottom: 40px;
}

.rs-banner-seven .rs-pagination.swiper-pagination.swiper-pagination-bullet-active {
  background: var(--rs-theme-red);
}

.rs-banner-seven .rs-pagination.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  border-color: var(--rs-white);
}

.rs-banner-seven .swiper-slide-active .rs-banner-subtitle,
.rs-banner-seven .swiper-slide-active .rs-banner-title,
.rs-banner-seven .swiper-slide-active .rs-banner-btn {
  animation-fill-mode: both;
  animation-name: fadeInUp;
}

.rs-banner-seven .swiper-slide-active .rs-banner-subtitle {
  animation-delay: 0.3s;
  animation-duration: 0.7s;
}

.rs-banner-seven .swiper-slide-active .rs-banner-title {
  animation-delay: 0.5s;
  animation-duration: 0.9s;
}

.rs-banner-seven .swiper-slide-active .rs-banner-btn {
  animation-delay: 0.9s;
  animation-duration: 1.1s;
}

.rs-banner-seven .swiper-slide-active .rs-banner-bg-thumb {
  transform: scale(1.15);
}

/*----------------------------------------*/
/*  3.1.8 banner style 8
/*----------------------------------------*/
.rs-banner-eight {
  position: relative;
  z-index: 1;
  overflow-x: clip;
}

.rs-banner-eight .rs-banner-bg-thumb {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background-position: top center;
  transition:
    transform 7000ms ease,
    opacity 1500ms ease-in,
    -webkit-transform 7000ms ease;
}

[dir="rtl"] .rs-banner-eight .rs-banner-bg-thumb {
  transform: rotateY(180deg);
}

.rs-banner-eight .rs-banner-wrapper {
  position: relative;
  z-index: 1;
  padding-top: 300px;
  padding-inline-start: 240px;
  padding-bottom: 220px;
}

@media only screen and (max-width: 1800px) {
  .rs-banner-eight .rs-banner-wrapper {
    padding-inline-start: 200px;
  }
}

@media only screen and (max-width: 1600px) {
  .rs-banner-eight .rs-banner-wrapper {
    padding-inline-start: 100px;
    padding-top: 275px;
  }
}

@media only screen and (max-width: 1366px) {
  .rs-banner-eight .rs-banner-wrapper {
    padding-top: 255px;
    padding-bottom: 200px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-banner-eight .rs-banner-wrapper {
    padding-top: 235px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-banner-eight .rs-banner-wrapper {
    padding-top: 170px;
    padding-inline-start: 0px;
    padding-bottom: 100px;
  }
}

.rs-banner-eight .rs-banner-btn {
  margin-top: 30px;
}

.rs-banner-eight .rs-banner-subtitle {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--rs-theme-yellow);
  margin-bottom: 30px;
  display: inline-block;
}

@media only screen and (max-width: 991px) {
  .rs-banner-eight .rs-banner-subtitle {
    margin-bottom: 20px;
  }
}

.rs-banner-eight .rs-banner-title {
  color: var(--rs-white);
  line-height: 1.2;
  font-size: 86px;
  letter-spacing: -1px;
  font-family: "Prata", serif;
  font-weight: 400;
}

@media only screen and (max-width: 1366px) {
  .rs-banner-eight .rs-banner-title {
    font-size: 80px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-banner-eight .rs-banner-title {
    font-size: 70px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-banner-eight .rs-banner-title {
    font-size: 60px;
  }

  .rs-banner-eight .rs-banner-title br {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .rs-banner-eight .rs-banner-title {
    font-size: 50px;
  }
}

@media only screen and (max-width: 575px) {
  .rs-banner-eight .rs-banner-title {
    font-size: 40px;
  }
}

.rs-banner-eight .rs-banner-pagination {
  position: absolute;
  inset-inline-end: 100px;
  top: 50%;
  transform: translateY(-50%);
}

@media only screen and (max-width: 991px) {
  .rs-banner-eight .rs-banner-pagination {
    bottom: 40px;
    transform: translateX(-50%) translateY(0);
    inset-inline-start: 50%;
    top: unset;
    inset-inline-end: unset;
  }
}

.rs-banner-eight .rs-banner-pagination .rs-pagination.swiper-pagination {
  position: absolute;
  bottom: 40px;
}

@media only screen and (max-width: 991px) {
  .rs-banner-eight .rs-banner-pagination .rs-pagination.swiper-pagination {
    position: unset;
  }
}

.rs-banner-eight .rs-banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--rs-theme-yellow);
}

.rs-banner-eight .rs-banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  border-color: var(--rs-white);
}

.rs-banner-eight .swiper-slide-active .rs-banner-subtitle,
.rs-banner-eight .swiper-slide-active .rs-banner-title,
.rs-banner-eight .swiper-slide-active .rs-banner-desc,
.rs-banner-eight .swiper-slide-active .rs-banner-btn {
  animation-fill-mode: both;
  animation-name: fadeInUp;
}

.rs-banner-eight .swiper-slide-active .rs-banner-subtitle {
  animation-delay: 0.3s;
  animation-duration: 0.7s;
}

.rs-banner-eight .swiper-slide-active .rs-banner-title {
  animation-delay: 0.5s;
  animation-duration: 0.9s;
}

.rs-banner-eight .swiper-slide-active .rs-banner-desc {
  animation-delay: 0.7s;
  animation-duration: 1.1s;
}

.rs-banner-eight .swiper-slide-active .rs-banner-btn {
  animation-delay: 0.9s;
  animation-duration: 1.3s;
}

.rs-banner-eight .swiper-slide-active .rs-banner-bg-thumb {
  transform: scale(1.15);
}

/* HEADER CSS */
.main-menu ul li.active>a {
  color: var(--rs-theme-yellow);
}

.main-menu ul li a.active {
  color: var(--rs-theme-yellow);
}

.main-menu ul li ul.submenu li.active>a {
  color: var(--rs-theme-yellow);
  padding-inline-start: 30px;
}

.main-menu ul li ul.submenu li.active>a::before {
  width: 12px;
  background: var(--rs-theme-yellow);
}

.main-menu ul li ul.mega-menu li ul li.active>a {
  color: var(--rs-theme-yellow);
  padding-inline-start: 15px;
}

.main-menu ul li ul.mega-menu li ul li.active>a::before {
  width: 12px;
  background: var(--rs-theme-yellow);
}

.main-menu>ul {
  display: inline-flex;
  gap: 0 15px;
}

@media only screen and (max-width: 1366px) {
  .main-menu>ul {
    gap: 0 17px;
  }
}

.main-menu>ul>li:hover>a {
  color: var(--rs-theme-yellow);
}

.main-menu>ul>li:hover>a::before {
  opacity: 1;
}

.main-menu>ul>li:hover .mega-menu {
  opacity: 1;
  pointer-events: all;
  transform: scaleY(1);
  visibility: visible;
}

.main-menu>ul>li:hover>ul {
  opacity: 1;
  pointer-events: all;
  transform: scaleY(1);
  visibility: visible;
}

.main-menu>ul>li:hover>ul.submenu li:hover>ul {
  opacity: 1;
  pointer-events: all;
  visibility: visible;
}

.main-menu li {
  position: relative;
  list-style: none;
}

.main-menu li a {
  font-size: 14px;
  font-weight: 500;
  color: var(--rs-white);
  padding: 45px 0px;
  display: flex;
  align-items: center;
  text-transform: capitalize;
  position: relative;
  transition: all 0.3s linear;
}

.main-menu .submenu {
  background-color: var(--rs-white);
  -webkit-box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.1);
  width: 260px;
  position: absolute;
  opacity: 0;
  pointer-events: none;
  z-index: 10;
  top: 100%;
  transform: scaleY(0);
  transition: all 0.5s ease;
  visibility: hidden;
  transform-origin: top center;
  border-radius: 0 0 5px 5px;
}

.main-menu .submenu ul {
  width: 260px;
  position: absolute;
  inset-inline-start: 100%;
  top: 0;
  opacity: 0;
  z-index: 10;
  transition: all 0.5s;
}

.main-menu .submenu li {
  position: relative;
}

.main-menu .submenu li:not(:last-child) {
  border-bottom: 1px solid #ebebeb;
}

.main-menu .submenu li:hover>a {
  color: var(--rs-theme-yellow);
  padding-inline-start: 35px;
}

.main-menu .submenu li:hover>a::before {
  width: 12px;
  background: var(--rs-theme-yellow);
}

.main-menu .submenu li:hover>ul {
  opacity: 1;
  transform: none !important;
  pointer-events: all;
}

.main-menu .submenu li a {
  font-size: 14px;
  color: var(--rs-text-primary);
  display: block;
  transition: all 0.5s;
  text-align: start;
  cursor: pointer;
  padding: 0;
  padding-top: 11px;
  padding-bottom: 11px;
  padding-inline-start: 20px;
  padding-inline-end: 20px;
  position: relative;
}

.main-menu .submenu li a::before {
  position: absolute;
  content: "";
  inset-inline-start: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 1px;
  background-color: var(--rs-border-primary);
  transition: all 0.3s 0s ease-out;
}

.main-menu .mega-menu {
  background-color: #001359;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
  width: 1200px;
  margin: 0 auto;
  position: absolute;
  opacity: 0;
  pointer-events: none;
  z-index: 10;
  top: 100%;
  transform: scaleY(0);
  transition: all 0.5s ease;
  visibility: hidden;
  transform-origin: top center;
  padding: 30px 30px 30px 30px;
  inset-inline-start: 0;
  inset-inline-end: 0;
  z-index: 99;
  border-radius: 0 0 5px 5px;
}

@media only screen and (max-width: 1600px) {
  .main-menu .mega-menu {
    width: 1150px;
  }
}

.main-menu .mega-menu li a {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.6);
  padding: 0;
  position: relative;
}

.main-menu .mega-menu li a:hover {
  color: var(--rs-theme-yellow);
  padding-inline-start: 15px;
}

.main-menu .mega-menu li a:hover::before {
  width: 12px;
  background: var(--rs-theme-yellow);
}

.main-menu .mega-menu ul li:not(:last-child) {
  margin-bottom: 15px;
}

.main-menu .mega-menu .active>a {
  color: var(--rs-theme-yellow);
}

.main-menu .rs-mega-menu {
  position: static;
  transition: all 15s ease-in-out;
}

.main-menu .rs-mega-menu-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px 40px;
}

.main-menu .mega-menu .title {
  pointer-events: none;
  font-weight: 600;
  color: var(--rs-white) !important;
  margin-bottom: 20px;
}

.main-menu .mega-grid {
  background-color: var(--rs-white);
  grid-template-columns: repeat(4, 1fr);
  display: grid;
  width: 950px;
  padding: 0;
}

.main-menu .mega-grid>li {
  position: relative;
}

.main-menu .mega-grid>li::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  border-inline-end: 1px solid var(--rs-border-primary);
  inset-inline-end: 0;
  top: 0;
}

.main-menu .mega-grid>li:nth-child(4)::before {
  content: none;
}

.main-menu .mega-grid>li:last-child::before {
  content: none;
}

.main-menu .mega-grid .title {
  color: var(--rs-title-primary) !important;
}

.main-menu .mega-grid li a {
  color: var(--rs-text-primary);
}

.main-menu .mega-grid li a::before {
  position: absolute;
  content: "";
  inset-inline-start: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 1px;
  background-color: var(--rs-border-primary);
  transition: all 0.3s 0s ease-out;
}

.main-menu .rs-mega-menu-left {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.main-menu .rs-mega-menu-right {
  background: var(--rs-bg-secondary);
  padding: 20px;
}

.main-menu .rs-mega-menu-right:hover .rs-mega-menu-thumb img {
  transform: scale3d(1.1, 1.1, 1);
}

.main-menu .rs-mega-menu-desc {
  margin: 10px 0 10px 0;
}

.main-menu .rs-mega-menu-thumb {
  margin-top: 20px;
  border-radius: 6px;
  overflow: hidden;
}

.main-menu .rs-mega-menu-thumb img {
  width: 100%;
  transform: scale(1.02);
  transition: all 0.8s ease;
  object-fit: cover;
  object-position: top center;
  height: 150px;
}

@media only screen and (max-width: 1366px) {
  .main-menu .rs-mega-menu-thumb img {
    height: 100%;
  }
}

.main-menu .rs-menu-item {
  padding-top: 30px;
  padding-bottom: 25px;
  padding-inline-start: 30px;
  padding-inline-end: 30px;
}

.main-menu .rs-mega-menu-btn .rs-btn {
  font-size: 14px;
}

.main-menu .rs-mega-menu-btn .rs-btn .icon-box svg {
  width: 14px;
  height: 14px;
}

.main-menu li .has-arrow>a::after {
  position: absolute;
  inset-inline-end: 20px;
  transition: all 0.3s ease-in-out;
  font-size: 20px;
  content: "\ea4e";
  font-family: var(--rs-ff-remixicon);
}

.main-menu li .has-arrow:hover a::after {
  transform: rotate(-90deg);
}

[dir="rtl"] .main-menu li .has-arrow:hover a::after {
  transform: rotate(90deg);
}

.main-menu>ul>li:hover>a::after {
  transform: rotate(180deg);
  color: var(--rs-theme-yellow);
}

.main-menu>ul>li.menu-item-has-children>a {
  position: relative;
}

.main-menu>ul>li.menu-item-has-children>a::after {
  font-weight: 400;
  transition: all 0.3s ease-in-out;
  display: inline-block;
  margin-left: 2px;
  font-size: 14px;
  content: "\ea4e";
  font-family: "remixicon";
}

.main-menu .submenu li.menu-item-has-children>a::after {
  content: "\ea6e";
  font-family: "remixicon";
  font-size: 16px;
  float: right;
  margin-top: 2px;
  transition: 0.3s;
}

.rs-header-area.has-theme-red .main-menu ul li.active>a {
  color: var(--rs-theme-red);
}

.rs-header-area.has-theme-red .main-menu ul li a.active {
  color: var(--rs-theme-red);
}

.rs-header-area.has-theme-red .main-menu ul li ul.submenu li.active>a::before {
  background: var(--rs-theme-red);
}

.rs-header-area.has-theme-red .main-menu>ul>li:hover>a {
  color: var(--rs-theme-red);
}

.rs-header-area.has-theme-red .main-menu>ul>li:hover>a::after {
  color: var(--rs-theme-red);
}

.rs-header-area.has-theme-red .main-menu>ul>li>a {
  padding: 33px 0px;
}

.rs-header-area.has-theme-red .main-menu .submenu li:hover>a {
  color: var(--rs-theme-red);
}

.rs-header-area.has-theme-red .main-menu .submenu li:hover>a::before {
  background: var(--rs-theme-red);
}

.rs-header-area.has-theme-red .main-menu .submenu li a {
  color: var(--rs-text-primary);
}

.rs-header-area.has-theme-red .main-menu .submenu li a:hover {
  color: var(--rs-theme-red);
}

.rs-header-area.has-theme-red .main-menu .submenu li a.active {
  color: var(--rs-theme-red);
}

.rs-header-area.has-theme-red .main-menu .mega-menu li a {
  color: var(--rs-text-primary);
}

.rs-header-area.has-theme-red .main-menu .mega-menu li a:hover {
  color: var(--rs-theme-red);
}

.rs-header-area.has-theme-red .main-menu .mega-menu li:hover a::before {
  background: var(--rs-theme-red);
}

.rs-header-area.has-theme-red .rs-sticky-header.active .main-menu>ul>li>a {
  padding: 30px 0px;
}

.rs-header-area.has-theme-cyan .main-menu ul li.active>a {
  color: var(--rs-theme-cyan);
}

.rs-header-area.has-theme-cyan .main-menu ul li a.active {
  color: var(--rs-theme-cyan);
}

.rs-header-area.has-theme-cyan .main-menu ul li ul.submenu li.active>a::before {
  background: var(--rs-theme-cyan);
}

.rs-header-area.has-theme-cyan .main-menu>ul>li:hover>a {
  color: var(--rs-theme-cyan);
}

.rs-header-area.has-theme-cyan .main-menu>ul>li:hover>a::after {
  color: var(--rs-theme-cyan);
}

.rs-header-area.has-theme-cyan .main-menu>ul>li>a {
  padding: 33px 0px;
}

.rs-header-area.has-theme-cyan .main-menu .submenu li:hover>a {
  color: var(--rs-theme-cyan);
}

.rs-header-area.has-theme-cyan .main-menu .submenu li:hover>a::before {
  background: var(--rs-theme-cyan);
}

.rs-header-area.has-theme-cyan .main-menu .submenu li a {
  color: var(--rs-text-primary);
}

.rs-header-area.has-theme-cyan .main-menu .submenu li a:hover {
  color: var(--rs-theme-cyan);
}

.rs-header-area.has-theme-cyan .main-menu .submenu li a.active {
  color: var(--rs-theme-cyan);
}

.rs-header-area.has-theme-cyan .main-menu .mega-menu li a {
  color: var(--rs-text-primary);
}

.rs-header-area.has-theme-cyan .main-menu .mega-menu li a:hover {
  color: var(--rs-theme-cyan);
}

.rs-header-area.has-theme-cyan .main-menu .mega-menu li:hover a::before {
  background: var(--rs-theme-cyan);
}

.rs-header-area.has-theme-cyan .rs-sticky-header.active .main-menu>ul>li>a {
  padding: 30px 0px;
}

.rs-header-area.has-theme-green .main-menu ul li.active>a {
  color: var(--rs-theme-green);
}

.rs-header-area.has-theme-green .main-menu ul li a.active {
  color: var(--rs-theme-green);
}

.rs-header-area.has-theme-green .main-menu ul li ul.submenu li.active>a::before {
  background: var(--rs-theme-green);
}

.rs-header-area.has-theme-green .main-menu>ul>li:hover>a {
  color: var(--rs-theme-green);
}

.rs-header-area.has-theme-green .main-menu>ul>li:hover>a::after {
  color: var(--rs-theme-green);
}

.rs-header-area.has-theme-green .main-menu>ul>li>a {
  padding: 33px 0px;
}

.rs-header-area.has-theme-green .main-menu .submenu li:hover>a {
  color: var(--rs-theme-green);
}

.rs-header-area.has-theme-green .main-menu .submenu li:hover>a::before {
  background: var(--rs-theme-green);
}

.rs-header-area.has-theme-green .main-menu .submenu li a {
  color: var(--rs-text-primary);
}

.rs-header-area.has-theme-green .main-menu .submenu li a:hover {
  color: var(--rs-theme-green);
}

.rs-header-area.has-theme-green .main-menu .submenu li a.active {
  color: var(--rs-theme-green);
}

.rs-header-area.has-theme-green .main-menu .mega-menu li a {
  color: var(--rs-text-primary);
}

.rs-header-area.has-theme-green .main-menu .mega-menu li a:hover {
  color: var(--rs-theme-green);
}

.rs-header-area.has-theme-green .main-menu .mega-menu li:hover a::before {
  background: var(--rs-theme-green);
}

.rs-header-area.has-theme-green-two .main-menu ul li.active>a {
  color: var(--rs-theme-green-two);
}

.rs-header-area.has-theme-green-two .main-menu ul li a.active {
  color: var(--rs-theme-green-two);
}

.rs-header-area.has-theme-green-two .main-menu ul li ul.submenu li.active>a::before {
  background: var(--rs-theme-green-two);
}

.rs-header-area.has-theme-green-two .main-menu>ul>li:hover>a {
  color: var(--rs-theme-green-two);
}

.rs-header-area.has-theme-green-two .main-menu>ul>li:hover>a::after {
  color: var(--rs-theme-green-two);
}

.rs-header-area.has-theme-green-two .main-menu>ul>li>a {
  padding: 32px 0px;
}

.rs-header-area.has-theme-green-two .main-menu .submenu li:hover>a {
  color: var(--rs-theme-green-two);
}

.rs-header-area.has-theme-green-two .main-menu .submenu li:hover>a::before {
  background: var(--rs-theme-green-two);
}

.rs-header-area.has-theme-green-two .main-menu .submenu li a {
  color: var(--rs-text-primary);
}

.rs-header-area.has-theme-green-two .main-menu .submenu li a:hover {
  color: var(--rs-theme-green-two);
}

.rs-header-area.has-theme-green-two .main-menu .submenu li a.active {
  color: var(--rs-theme-green-two);
}

.rs-header-area.has-theme-green-two .main-menu .mega-menu li a {
  color: var(--rs-text-primary);
}

.rs-header-area.has-theme-green-two .main-menu .mega-menu li a:hover {
  color: var(--rs-theme-green-two);
}

.rs-header-area.has-theme-green-two .main-menu .mega-menu li:hover a::before {
  background: var(--rs-theme-green-two);
}

.rs-header-area.has-theme-green-two .main-menu .mega-grid {
  margin-inline-start: 260px;
}

@media only screen and (max-width: 1600px) {
  .rs-header-area.has-theme-green-two .main-menu .mega-grid {
    margin-inline-start: 115px;
  }
}

.rs-header-area.has-theme-green-two .rs-sticky-header.active .main-menu>ul>li>a {
  padding: 30px 0px;
}

/*----------------------------------------*/
/*  3.6.2 Mobile Menu css
/*----------------------------------------*/
.mean-container .mean-bar {
  padding: 0;
  min-height: auto;
  background: none;
  float: left;
  width: 100%;
  position: relative;
  padding: 4px 0;
  min-height: 42px;
  z-index: 999999;
  margin-bottom: 30px;
}

.mean-container .mean-bar,
.mean-container .mean-bar * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.mean-container a.meanmenu-reveal {
  width: 22px;
  height: 22px;
  padding: 13px 13px 11px 13px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  color: var(--rs-white);
  text-decoration: none;
  font-size: 16px;
  text-indent: -9999em;
  line-height: 22px;
  font-size: 1px;
  font-weight: 700;
  display: none !important;
}

.mean-container a.meanmenu-reveal span {
  display: block;
  background: var(--rs-white);
  height: 3px;
  margin-top: 3px;
}

.mean-container .mean-nav {
  background: none;
  margin-top: 0;
  float: left;
  width: 100%;
}

.mean-container .mean-nav>ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
  display: block !important;
}

.mean-container .mean-nav ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.mean-container .mean-nav ul.mega-menu {
  position: static;
  height: 100%;
  background: transparent;
  z-index: 3;
  display: block;
  padding: 0 0;
  opacity: 1;
  visibility: visible;
  transition: none;
  padding-inline-start: 20px;
}

[dir="rtl"] .mean-container .mean-nav ul.mega-menu {
  padding-inline-start: 22px;
  padding-inline-end: 0;
}

.mean-container .mean-nav .submenu {
  padding-inline-start: 20px;
}

.mean-container .mean-nav .submenu a {
  font-size: 16px;
}

.mean-container .mean-nav .mega-menu ul {
  padding-inline-start: 20px;
}

.mean-container .mean-nav ul li {
  position: relative;
  float: left;
  width: 100%;
  border-bottom: 1px solid var(--rs-border-primary);
}

.mean-container .mean-nav ul li a,
.mean-container .mean-nav ul li span {
  display: block;
  float: left;
  width: 90%;
  padding: 10px 5%;
  margin: 0;
  text-align: start;
  text-decoration: none;
  width: 100%;
  padding: 10px 0;
  color: var(--rs-black);
  border-top: 1px solid rgba(255, 255, 255, 0.079);
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
}

.mean-container .mean-nav ul li a:hover,
.mean-container .mean-nav ul li span:hover {
  color: var(--rs-theme-yellow);
}

.mean-container .mean-nav>ul>li:first-child>a {
  border-top: 0;
}

.mean-container .mean-nav ul li.dropdown-opened>a,
.mean-container .mean-nav ul li.dropdown-opened>span {
  color: var(--rs-theme-yellow);
}

.mean-container .mean-nav ul li a.mean-expand,
.mean-container .mean-nav ul li span.mean-expand {
  text-align: center;
  position: absolute;
  inset-inline-end: 0;
  top: 0;
  z-index: 2;
  background: transparent;
  border: none !important;
  font-size: 14px !important;
  margin-top: 8px;
  padding: 0 !important;
  height: 30px;
  width: 30px;
  color: var(--rs-black);
  line-height: 30px;
  font-weight: 400;
}

.mean-container .mean-nav ul li a.mean-expand:hover,
.mean-container .mean-nav ul li span.mean-expand:hover {
  background: var(--rs-theme-yellow);
  color: var(--rs-black);
}

.mean-container .mean-nav ul li a.mean-expand i,
.mean-container .mean-nav ul li span.mean-expand i {
  transition: all 0.3s ease-out 0s;
}

.mean-container .mean-nav ul li.dropdown-opened>a.mean-expand.mean-clicked,
.mean-container .mean-nav ul li.dropdown-opened>span.mean-expand.mean-clicked {
  background: var(--rs-theme-yellow);
  color: var(--rs-black);
  border-color: transparent;
}

.mean-container .mean-nav ul li.dropdown-opened>a.mean-expand.mean-clicked i,
.mean-container .mean-nav ul li.dropdown-opened>span.mean-expand.mean-clicked i {
  color: var(--rs-white);
  transform: rotate(45deg);
}

.mean-container .mean-nav ul li>a.mean-expand i {
  display: inline-block;
}

.mobile-menu.mean-container .menu-item {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  border: 1px solid rgba(43, 77, 255, 0.1215686275);
  padding: 10px 10px 10px 10px;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
}

.mobile-menu.mean-container .menu-item:hover {
  background: rgba(43, 77, 255, 0.0392156863);
}

.mobile-menu.mean-container .menu-item:hover .title {
  color: var(--rs-theme-primary);
}

.mobile-menu.mean-container .menu-item-has-children.dropdown-opened {
  border-bottom: 0;
}

.mobile-menu.mean-container .rs-mega-menu-btn {
  margin-bottom: 20px;
}

.mobile-menu.mean-container .rs-mega-menu-btn .rs-btn {
  border-radius: 0;
  display: inline-flex;
  float: unset;
  align-items: center;
  justify-content: start;
  font-size: 15px;
  height: unset;
  padding: unset;
  width: unset;
}

.mobile-menu.mean-container .rs-mega-menu-btn .rs-btn .icon-box {
  width: unset;
  padding: 0;
}

.mobile-menu.mean-container .rs-mega-menu-thumb .image-link {
  padding: 0;
}

.mobile-menu.mean-container .rs-mega-menu-desc {
  margin-bottom: 10px;
}

@media only screen and (max-width: 1199px) {
  #mobile-menu-two {
    display: none;
  }
}

@media only screen and (max-width: 1199px) {
  #mobile-menu-three {
    display: none;
  }
}

@media only screen and (max-width: 1199px) {
  #mobile-menu-four {
    display: none;
  }
}

.mobile-menu.mean-container .onepage-menu li a.active {
  color: var(--rs-theme-primary);
}

/* Menu index */
/*----------------------------------------*/
/*  3.2.2 Blog css
/*----------------------------------------*/
.rs-blog-one .rs-blog-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

@media only screen and (max-width: 991px) {
  .rs-blog-one .rs-blog-wrapper {
    grid-template-columns: auto;
  }
}

.rs-blog-one .rs-blog-shape {
  position: absolute;
  right: 0;
  bottom: 0;
  transform: rotateY(180deg);
}

.rs-blog-one .rs-blog-item {
  display: grid;
  grid-template-columns: 220px auto;
  background: var(--rs-white);
  border-radius: 12px;
  padding: 12px;
  gap: 30px;
  align-items: center;
  position: relative;
}

@media only screen and (max-width: 1600px) {
  .rs-blog-one .rs-blog-item {
    grid-template-columns: 180px auto;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-blog-one .rs-blog-item {
    grid-template-columns: 150px auto;
  }
}

@media only screen and (max-width: 991px) {
  .rs-blog-one .rs-blog-item {
    grid-template-columns: 250px auto;
  }
}

@media only screen and (max-width: 767px) {
  .rs-blog-one .rs-blog-item {
    grid-template-columns: auto;
    gap: 25px;
    padding-bottom: 25px;
  }
}

.rs-blog-one .rs-blog-item:hover .rs-blog-thumb img {
  transform: scale3d(1.1, 1.1, 1);
}

.rs-blog-one .rs-blog-thumb {
  overflow: hidden;
  border-radius: 8px;
}

.rs-blog-one .rs-blog-thumb img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  transition: all 0.8s ease;
  transform: scale(1.02);
}

@media only screen and (max-width: 991px) {
  .rs-blog-one .rs-blog-thumb img {
    height: 100%;
  }
}

.rs-blog-one .rs-blog-meta {
  display: flex;
  align-items: center;
  gap: 5px 12px;
  flex-wrap: wrap;
}

.rs-blog-one .rs-blog-meta-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 500;
}

.rs-blog-one .rs-blog-title {
  margin-top: 15px;
  margin-bottom: 25px;
}

.rs-blog-one .rs-blog-title a:hover {
  color: var(--rs-theme-yellow);
}

.rs-blog-one .rs-blog-meta-author-thumb img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

.rs-blog-one .rs-blog-meta-author {
  display: flex;
  align-items: center;
  gap: 10px;
}

.rs-blog-one .rs-blog-meta-author-content a {
  font-size: 15px;
  font-weight: 500;
}

.rs-blog-one .rs-blog-meta-author-content a:hover {
  color: var(--rs-theme-yellow);
}

@media only screen and (max-width: 767px) {
  .rs-blog-one .rs-blog-content {
    padding-inline: 15px;
  }
}

@media only screen and (max-width: 480px) {
  .rs-blog-one .rs-blog-content {
    padding-inline: 10px;
  }
}

.rs-blog-one.has-bg-primary .rs-blog-item {
  background: var(--rs-bg-primary);
}

.rs-blog-one.has-bg-primary .rs-blog-title a:hover {
  color: var(--rs-theme-red);
}

.rs-blog-one.has-bg-primary .rs-blog-meta-author-content a:hover {
  color: var(--rs-theme-red);
}

.rs-blog-one.has-theme-green-two .rs-blog-title a:hover {
  color: var(--rs-theme-green-two);
}

.rs-blog-one.has-theme-green-two .rs-blog-meta-author-content a:hover {
  color: var(--rs-theme-green-two);
}

.rs-blog-one.has-theme-green-two .rs-blog-pagination {
  margin-top: 40px;
}

.rs-blog-one.has-theme-blue-two .rs-blog-title {
  font-size: 20px;
  color: #021e40;
  line-height: 1.5;
}

@media only screen and (max-width: 480px) {
  .rs-blog-one.has-theme-blue-two .rs-blog-title {
    font-size: 18px;
  }
}

.rs-blog-two .rs-blog-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

@media only screen and (max-width: 991px) {
  .rs-blog-two .rs-blog-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 767px) {
  .rs-blog-two .rs-blog-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

.rs-blog-two .rs-blog-item {
  background: var(--rs-white);
  border-radius: 12px;
  padding-top: 12px;
  padding-inline: 12px;
  padding-bottom: 35px;
  position: relative;
}

.rs-blog-two .rs-blog-item:hover .rs-blog-thumb img {
  transform: scale3d(1.1, 1.1, 1);
}

.rs-blog-two .rs-blog-content {
  padding-inline: 15px;
  padding-top: 25px;
}

.rs-blog-two .rs-blog-thumb {
  overflow: hidden;
  border-radius: 8px;
}

.rs-blog-two .rs-blog-thumb img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  transition: all 0.8s ease;
  transform: scale(1.02);
}

.rs-blog-two .rs-blog-meta {
  display: flex;
  align-items: center;
  gap: 5px 12px;
  flex-wrap: wrap;
}

.rs-blog-two .rs-blog-meta-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 500;
}

.rs-blog-two .rs-blog-title {
  margin-top: 15px;
  margin-bottom: 20px;
}

.rs-blog-two .rs-blog-title a:hover {
  color: var(--rs-theme-red);
}

.rs-blog-two .rs-blog-meta-author-thumb img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

.rs-blog-two .rs-blog-meta-author {
  display: flex;
  align-items: center;
  gap: 10px;
}

.rs-blog-two .rs-blog-meta-author-content a {
  font-size: 15px;
  font-weight: 500;
}

.rs-blog-two .rs-blog-meta-author-content a:hover {
  color: var(--rs-theme-red);
}

.rs-blog-two.has-theme-green .rs-blog-title a:hover {
  color: var(--rs-theme-yellow);
}

.rs-blog-two.has-theme-green .rs-blog-meta-author-content a:hover {
  color: var(--rs-theme-yellow);
}

.rs-blog-two.has-theme-cyan .rs-blog-title a:hover {
  color: var(--rs-theme-light-cyan);
}

.rs-blog-two.has-theme-cyan .rs-blog-meta-author-content a:hover {
  color: var(--rs-theme-light-cyan);
}

/*----------------------------------------*/
/*  3.2.1 Blog tag css
/*----------------------------------------*/
.rs-blog-tag a {
  color: var(--rs-white);
  font-size: 14px;
  padding: 6px 12px 6px 12px;
  border-radius: 3px;
  background: var(--rs-theme-secondary);
  transition: 0.3s;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
}

.rs-blog-tag a:hover {
  background: var(--rs-white);
  color: var(--rs-title-primary);
}

/*----------------------------------------*/
/*  3.2.3 Postbox css
/*----------------------------------------*/
.rs-postbox-more-navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid var(--rs-border-primary);
  border-bottom: 1px solid var(--rs-border-primary);
  padding-top: 30px;
  margin-top: 50px;
  padding-bottom: 30px;
  background: var(--rs-white);
  position: relative;
  flex-wrap: wrap;
  gap: 20px;
}

@media only screen and (max-width: 480px) {
  .rs-postbox-more-navigation {
    justify-content: center;
  }
}

.rs-postbox-more-navigation a {
  display: flex;
  align-items: center;
  gap: 30px;
  font-weight: 500;
  text-transform: uppercase;
  color: var(--rs-title-primary);
}

.rs-postbox-more-navigation a:hover {
  color: var(--rs-theme-primary);
}

.rs-postbox-more-navigation a i {
  font-size: 25px;
  width: 50px;
  height: 50px;
  border: 1px solid var(--rs-border-primary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rs-postbox-more-item::before {
  position: absolute;
  content: "";
  width: 50px;
  height: 1px;
  background: var(--rs-border-primary);
  left: 50%;
  transform: translateY(-50%) rotate(90deg);
  top: 50%;
}

@media only screen and (max-width: 480px) {
  .rs-postbox-more-item::before {
    content: none;
  }
}

.rs-postbox-more-item:last-child::before {
  content: none;
}

.rs-postbox-item {
  background: var(--rs-white);
  border-radius: 12px;
  padding-top: 16px;
  padding-bottom: 25px;
  padding-inline: 16px;
}

.rs-postbox-item:not(:last-child) {
  margin-bottom: 30px;
}

.rs-postbox-content {
  padding-top: 30px;
  padding-inline: 15px;
}

.rs-postbox-thumb {
  position: relative;
  overflow: hidden;
  border-radius: 4px;
}

.rs-postbox-thumb:hover img {
  transform: scale(1.1);
}

.rs-postbox-thumb img {
  width: 100%;
  transition: 0.9s;
}

.rs-postbox-tag {
  position: absolute;
  bottom: 0px;
  inset-inline-start: 30px;
}

.rs-postbox-tag a {
  color: var(--rs-title-primary);
  font-size: 15px;
  text-transform: capitalize;
  padding: 5px 10px;
  background: var(--rs-theme-yellow);
  transition: 0.3s;
  border-radius: 6px 6px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rs-postbox-tag a:hover {
  background: var(--rs-theme-blue);
  color: var(--rs-white);
}

.rs-postbox-meta-list {
  display: flex;
  align-items: center;
  gap: 5px 20px;
  flex-wrap: wrap;
}

.rs-postbox-title {
  margin: 15px 0 15px;
  font-size: 30px;
}

@media only screen and (max-width: 1199px) {
  .rs-postbox-title {
    font-size: 26px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-postbox-title {
    font-size: 24px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-postbox-title {
    font-size: 22px;
  }
}

@media only screen and (max-width: 575px) {
  .rs-postbox-title {
    font-size: 20px;
  }
}

.rs-postbox-title a:hover {
  color: var(--rs-theme-yellow);
}

.rs-postbox-meta-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 500;
}

.rs-postbox-btn {
  margin-top: 15px;
}

.rs-postbox-btn .rs-btn {
  font-weight: 600;
  border-radius: 0;
  font-size: 16px;
}

.rs-postbox-comment-form {
  background: var(--rs-white);
  padding: 40px;
  border-radius: 7px;
  margin-top: 40px;
}

@media only screen and (max-width: 991px) {
  .rs-postbox-comment-form {
    padding: 30px;
  }
}

.rs-postbox-details-thumb img {
  width: 100%;
  border-radius: 6px;
}

.rs-postbox-details-title {
  font-size: 30px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 1199px) {
  .rs-postbox-details-title {
    font-size: 25px;
  }
}

.rs-postbox-details-tags {
  align-items: center;
}

.rs-postbox-details-tags span {
  font-weight: 600;
  padding-inline-end: 10px;
  color: var(--rs-title-primary);
}

.rs-postbox-details-tags.tagcloud a {
  padding: 6px 15px;
  margin-bottom: 0px;
  margin-inline-end: 0px;
  border: 1px solid var(--rs-border-primary);
  border-radius: 6px;
}

.rs-postbox-details-social {
  align-items: center;
  justify-content: space-between;
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
  border-top: 1px solid var(--rs-border-primary);
  border-bottom: 1px solid var(--rs-border-primary);
  padding-top: 20px;
  padding-bottom: 20px;
}

.rs-postbox-details-comment-title {
  margin-bottom: 20px;
  margin-top: 40px;
}

.rs-postbox-details-video {
  position: relative;
  z-index: 1;
  height: 380px;
  margin-bottom: 30px;
}

@media only screen and (max-width: 1199px) {
  .rs-postbox-details-video {
    height: 300px;
  }
}

.rs-postbox-details-video .rs-video-play-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
}

.rs-postbox-details-bg-thumb {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  border-radius: 8px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.rs-postbox-details-comment-inner ul li {
  list-style: none;
}

.rs-postbox-details-comment-inner ul.children {
  margin-inline-start: 77px;
}

@media only screen and (max-width: 1199px) {
  .rs-postbox-details-comment-inner ul.children {
    margin-inline-start: 0px;
  }
}

.rs-postbox-details-comment-inner ul.children li {
  border-bottom: 1px solid var(--rs-border-primary);
}

.rs-postbox-details-comment-inner ul.children li:first-child {
  border-top: 1px solid var(--rs-border-primary);
}

.rs-postbox-details-avater-meta {
  font-size: 14px;
  margin-bottom: 8px;
  margin-top: 8px;
  display: inline-block;
}

.rs-postbox-details-comment-content P {
  margin-bottom: 20px;
}

.rs-postbox-details-comment-box {
  margin-bottom: 30px;
  padding-top: 30px;
  gap: 20px 30px;
  display: flex;
  align-items: start;
}

@media only screen and (max-width: 575px) {
  .rs-postbox-details-comment-box {
    flex-wrap: wrap;
  }
}

.rs-postbox-details-comment-reply a {
  padding: 6px 20px;
  background: var(--rs-theme-primary);
  color: var(--rs-title-primary);
  font-size: 14px;
  border-radius: 5px;
}

.rs-postbox-details-comment-reply a:hover {
  background: var(--rs-theme-secondary);
  color: var(--rs-white);
}

.rs-postbox-details-comment-thumb img {
  width: 70px;
  height: 70px;
  min-width: 70px;
  border-radius: 50%;
}

.rs-postbox-details-social .rs-postbox-social span {
  font-weight: 600;
  padding-inline-end: 10px;
  color: var(--rs-title-primary);
}

.rs-postbox-details-social .rs-postbox-social a {
  color: #616c74;
  font-size: 16px;
}

.rs-postbox-details-social .rs-postbox-social .rs-theme-social {
  gap: 15px;
}

.rs-postbox-quote {
  margin-bottom: 30px;
  position: relative;
}

@media only screen and (max-width: 575px) {
  .rs-postbox-quote {
    margin-top: 50px;
  }
}

.rs-postbox-quote blockquote {
  background: var(--rs-white);
  border-radius: 6px;
  padding-top: 30px;
  padding-inline-start: 40px;
  padding-inline-end: 40px;
  padding-bottom: 30px;
}

@media only screen and (max-width: 1199px) {
  .rs-postbox-quote blockquote {
    padding-top: 20px;
    padding-inline-start: 30px;
    padding-inline-end: 30px;
    padding-bottom: 30px;
  }
}

@media only screen and (max-width: 575px) {
  .rs-postbox-quote blockquote {
    padding-top: 15px;
    padding-inline-start: 25px;
    padding-inline-end: 25px;
    padding-bottom: 25px;
  }
}

.rs-postbox-quote p {
  font-style: italic;
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 31px;
  color: var(--rs-title-primary);
}

@media only screen and (max-width: 1199px) {
  .rs-postbox-quote p {
    margin-bottom: 20px;
  }
}

.rs-postbox-quote cite {
  text-transform: uppercase;
  font-style: normal;
  color: var(--rs-black);
  font-weight: 500;
  position: relative;
  padding-inline-start: 57px;
}

.rs-postbox-quote cite::before {
  content: "";
  background: var(--rs-theme-blue);
  height: 2px;
  width: 42px;
  position: absolute;
  top: 50%;
  inset-inline-start: 0;
  transform: translateY(-50%);
}

.rs-postbox-quote-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px 20px;
}

.rs-postbox-quote .rs-postbox-quote-icon svg {
  width: 36px;
}

.rs-postbox-quote .rs-postbox-quote-icon svg path {
  fill: var(--rs-theme-blue);
}

.rs-postbox-details-feature {
  margin-top: 20px;
}

.rs-postbox-details-feature ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

@media only screen and (max-width: 1199px) {
  .rs-postbox-details-feature ul {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 575px) {
  .rs-postbox-details-feature ul {
    grid-template-columns: repeat(1, 1fr);
  }
}

.rs-postbox-details-feature ul li {
  list-style: none;
  position: relative;
  display: flex;
  color: var(--rs-black);
  gap: 7px;
  font-weight: 500;
}

.rs-postbox-details-feature ul li span {
  width: 22px;
  height: 22px;
  border: 1px solid var(--rs-border-primary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.rs-postbox-details-feature ul li span svg {
  width: 11px;
  height: 11px;
}

.rs-postbox-comment-form .rs-contact-input-title {
  font-size: 16px;
  color: var(--rs-title-primary);
  margin-bottom: 7px;
  font-weight: 500;
}

.rs-postbox-comment-form .rs-contact-input input {
  height: 56px;
  border-radius: 6px;
  padding-inline-start: 20px;
  padding-inline-end: 20px;
  border: 1px solid var(--rs-border-primary);
}

.rs-postbox-comment-form .rs-contact-input input:focus {
  border-color: var(--rs-theme-yellow);
}

.rs-postbox-comment-form .rs-contact-input textarea {
  height: 200px;
  border-radius: 6px;
  padding-inline-start: 20px;
  padding-inline-end: 20px;
  border: 1px solid var(--rs-border-primary);
}

.rs-postbox-comment-form .rs-contact-input textarea:focus {
  border-color: var(--rs-theme-yellow);
}

.rs-blog-post-one .rs-blog-post-title {
  margin-top: 15px;
  margin-bottom: 20px;
  font-size: 30px;
  line-height: 1.25;
}

.rs-blog-post-one .rs-blog-post-social {
  align-items: center;
  display: flex;
  gap: 15px;
}

.rs-blog-post-one .rs-blog-post-social-title {
  font-size: 16px;
  font-weight: 600;
  color: var(--rs-title-primary);
  flex: 0 0 auto;
}

.rs-blog-post-one .rs-blog-post-right {
  margin-top: 45px;
}

@media only screen and (max-width: 991px) {
  .rs-blog-post-one .rs-blog-post-right {
    margin-top: 0;
  }
}

.rs-blog-post-one .rs-blog-post-description {
  max-width: 90%;
  margin-top: 30px;
  margin-bottom: 30px;
}

@media only screen and (max-width: 1199px) {
  .rs-blog-post-one .rs-blog-post-description {
    max-width: 100%;
  }
}

/*----------------------------------------*/
/*  3.2.5 Sidebar css
/*----------------------------------------*/
.rs-sidebar-sticky {
  position: sticky;
  top: 110px;
}

@media only screen and (max-width: 991px) {
  .rs-sidebar-sticky {
    position: relative;
    top: unset;
  }
}

.sidebar-widget {
  position: relative;
  background: var(--rs-white);
  padding: 30px 30px 38px 30px;
  border-radius: 8px;
}

@media only screen and (max-width: 1600px) {
  .sidebar-widget {
    padding: 10px 20px 20px 20px;
  }
}

@media only screen and (max-width: 991px) {
  .sidebar-widget {
    padding: 20px 30px 30px 30px;
  }
}

@media only screen and (max-width: 480px) {
  .sidebar-widget {
    padding: 10px 20px 20px 20px;
  }
}

.sidebar-widget.widget-categories ul li {
  list-style: none;
}

.sidebar-widget.widget-categories ul li:not(:last-child) {
  border-bottom: 1px solid rgba(62, 62, 62, 0.1);
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.sidebar-widget.widget-categories ul li a {
  cursor: pointer;
  transition: all 0.3s ease 0s;
  position: relative;
}

.sidebar-widget.widget-categories ul li a:hover {
  color: var(--rs-theme-primary);
}

.sidebar-widget.widget-categories {
  padding: 30px 30px 30px 30px;
}

@media only screen and (max-width: 1199px) {
  .sidebar-widget.widget-categories {
    padding: 20px 20px 20px 20px;
  }
}

.sidebar-widget.widget-categories.has-content-none::before {
  content: none;
}

.sidebar-widget.widget-categories ul li {
  list-style: none;
}

.sidebar-widget.widget-categories ul li:not(:last-child) {
  border-bottom: 1px solid rgba(2, 1, 1, 0.09);
  padding-bottom: 12px;
  margin-bottom: 12px;
}

.sidebar-widget.widget-categories ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sidebar-widget.widget-categories ul li a:hover {
  color: var(--rs-theme-yellow);
}

.sidebar-widget.widget-categories ul li i {
  font-size: 20px;
}

.sidebar-widget.widget-price-filter {
  overflow-x: clip;
}

.sidebar-search-input {
  position: relative;
}

.sidebar-search-input input {
  padding-inline-end: 50px;
  background: var(--rs-white);
  border: 1px solid #ddd;
  height: 60px;
}

.sidebar-search-input button {
  position: absolute;
  top: 50%;
  inset-inline-end: 25px;
  color: var(--rs-black);
  font-size: 16px;
  transform: translateY(-50%);
}

.sidebar-search-input button:hover {
  color: var(--rs-theme-primary);
}

.sidebar-widget-title {
  margin-bottom: 30px;
  position: relative;
  font-size: 22px;
  padding-bottom: 12px;
  color: var(--rs-title-tertiary);
}

.sidebar-widget-title::before {
  content: "";
  width: 20px;
  height: 2px;
  position: absolute;
  inset-inline-start: 0px;
  bottom: 0;
  background: #2b3944;
}

.sidebar-widget-title::after {
  content: "";
  width: 65px;
  height: 2px;
  position: absolute;
  inset-inline-start: 30px;
  bottom: 0;
  background: var(--rs-theme-yellow);
}

.sidebar-widget-title.has-large {
  font-size: 36px;
}

@media only screen and (max-width: 575px) {
  .sidebar-widget-title.has-large {
    font-size: 30px;
  }
}

.sidebar-widget-title.has-border {
  position: relative;
  margin-bottom: 40px;
  border-inline-start: 2px solid var(--rs-theme-primary);
  padding-inline-start: 20px;
}

.sidebar-blog-item {
  display: flex;
  gap: 20px;
}

@media only screen and (max-width: 480px) {
  .sidebar-blog-item {
    display: grid;
    grid-template-columns: auto;
  }
}

.sidebar-blog-item:not(:last-child) {
  margin-bottom: 20px;
  border-bottom: 1px solid var(--rs-border-primary);
  padding-bottom: 20px;
}

.sidebar-blog-item:hover .sidebar-blog-thumb img {
  transform: scale3d(1.07, 1.07, 1.07);
}

.sidebar-blog-thumb {
  overflow: hidden;
  flex: 0 0 auto;
  width: 80px;
  height: 80px;
  border-radius: 4px;
}

@media only screen and (max-width: 480px) {
  .sidebar-blog-thumb {
    width: 100%;
    height: 100%;
  }
}

.sidebar-blog-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
  transition: all 1s cubic-bezier(0, 0, 0.2, 1);
}

.sidebar-blog-title {
  font-size: 16px;
}

@media only screen and (max-width: 1199px) {
  .sidebar-blog-title {
    font-size: 14px;
  }
}

@media only screen and (max-width: 991px) {
  .sidebar-blog-title {
    font-size: 16px;
  }
}

.sidebar-blog-title a:hover {
  color: var(--rs-theme-yellow);
}

.sidebar-blog-meta {
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

@media only screen and (max-width: 1199px) {
  .sidebar-blog-meta {
    font-size: 14px;
  }
}

@media only screen and (max-width: 991px) {
  .sidebar-blog-meta {
    font-size: 16px;
  }
}

.sidebar-blog-meta i {
  color: var(--rs-theme-primary);
}

.sidebar-social a {
  width: 40px;
  height: 40px;
  border: 1px solid rgba(116, 116, 117, 0.141);
  background: transparent;
}

.sidebar-social a:hover {
  border-color: var(--rs-theme-primary);
}

/*----------------------------------------*/
/*  3.2.4 Sidebar css
/*----------------------------------------*/
.tagcloud {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.tagcloud.has-bg-transparent {
  background: transparent;
  border: 1px solid var(--rs-border-secondary);
  border-radius: 8px;
  padding: 30px;
}

.tagcloud.has-bg-transparent a {
  border: 1px solid rgba(255, 255, 255, 0.06);
  color: var(--rs-white);
  background: var(--rs-bg-primary);
}

.tagcloud.has-bg-white a {
  background: var(--rs-white);
}

.tagcloud a {
  font-size: 16px;
  border: 1px solid var(--rs-border-primary);
  padding: 7px 15px;
  position: relative;
  transition: 0.3s;
  font-weight: 500;
  background: var(--rs-white);
  border-radius: 6px;
  color: var(--rs-title-primary);
}

@media only screen and (max-width: 480px) {
  .tagcloud a {
    font-size: 14px;
    padding: 6px 13px;
  }
}

.tagcloud a:hover {
  color: var(--rs-white);
  background-color: var(--rs-theme-blue);
  border-color: var(--rs-theme-blue);
}

/*----------------------------------------*/
/*  3.4.1 Footer Style
/*----------------------------------------*/
.rs-footer-one {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.rs-footer-one::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: linear-gradient(90deg, #0a2165 34.5%, #0a2165 0%);
  z-index: -1;
}

[dir="rtl"] .rs-footer-one::before {
  transform: rotateY(180deg);
}

@media only screen and (max-width: 1366px) {
  .rs-footer-one::before {
    background-image: linear-gradient(180deg, #0a2165 0%, #0a2165 100%);
  }
}

@media only screen and (max-width: 991px) {
  .rs-footer-one .rs-footer-widget-content {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    margin-top: 30px;
  }
}

.rs-footer-one .rs-footer-content-item {
  display: flex;
  align-items: start;
  flex-direction: column;
}

.rs-footer-one .rs-footer-widget-contact-info {
  margin-top: 35px;
  margin-bottom: 35px;
  display: inline-flex;
  gap: 20px 40px;
}

@media only screen and (max-width: 1199px) {
  .rs-footer-one .rs-footer-widget-contact-info {
    gap: 20px 20px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-footer-one .rs-footer-widget-contact-info {
    margin-top: 0;
    margin-bottom: 0;
  }
}

.rs-footer-one .rs-footer-app-badges {
  display: inline-flex;
  gap: 15px;
  margin-bottom: 90px;
  flex-wrap: wrap;
}

@media only screen and (max-width: 1199px) {
  .rs-footer-one .rs-footer-app-badges {
    margin-bottom: 60px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-footer-one .rs-footer-app-badges {
    margin-bottom: 0px;
  }
}

.rs-footer-one .rs-footer-widget-title {
  color: var(--rs-white);
  margin-bottom: 25px;
  display: inline-block;
  position: relative;
  padding-bottom: 15px;
}

.rs-footer-one .rs-footer-widget-title::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.15);
  bottom: 0;
}

.rs-footer-one .rs-footer-content-item span {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.43);
  margin-bottom: 3px;
}

.rs-footer-one .rs-footer-content-item a {
  color: var(--rs-white);
  font-size: 14px;
}

.rs-footer-one .rs-footer-content-item a:hover {
  color: var(--rs-theme-yellow);
}

.rs-footer-one .rs-footer-widget-social {
  display: flex;
  align-items: center;
  gap: 15px;
}

.rs-footer-one .rs-footer-social-title {
  font-size: 16px;
  color: var(--rs-white);
  font-weight: 500;
}

.rs-footer-one .rs-footer-wrapper {
  display: grid;
  grid-template-columns: 400px auto;
  gap: 30px;
  padding-top: 100px;
}

@media only screen and (max-width: 1600px) {
  .rs-footer-one .rs-footer-wrapper {
    grid-template-columns: 330px auto;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-footer-one .rs-footer-wrapper {
    grid-template-columns: 250px auto;
  }
}

@media only screen and (max-width: 991px) {
  .rs-footer-one .rs-footer-wrapper {
    grid-template-columns: auto;
    padding-top: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-footer-one .rs-footer-wrapper {
    padding-top: 60px;
  }
}

.rs-footer-one .rs-footer-widget-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

@media only screen and (max-width: 767px) {
  .rs-footer-one .rs-footer-widget-wrapper {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
}

@media only screen and (max-width: 575px) {
  .rs-footer-one .rs-footer-widget-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

.rs-footer-one .rs-footer-left {
  padding-bottom: 35px;
}

@media only screen and (max-width: 1199px) {
  .rs-footer-one .rs-footer-left {
    padding-bottom: 0;
  }
}

.rs-footer-one .rs-footer-widget-link ul li {
  list-style: none;
  font-weight: 400;
  color: rgba(229, 229, 229, 0.8);
}

.rs-footer-one .rs-footer-widget-link ul li:not(:last-child) {
  margin-bottom: 15px;
}

.rs-footer-one .rs-footer-widget-link ul li a {
  position: relative;
  transition: 0.5s;
}

.rs-footer-one .rs-footer-widget-link ul li a:hover {
  color: var(--rs-theme-primary);
  padding-inline-start: 20px;
}

.rs-footer-one .rs-footer-widget-link ul li a:hover::before {
  opacity: 1;
  visibility: visible;
}

.rs-footer-one .rs-footer-widget-link ul li a::before {
  content: "\f2e5";
  color: var(--rs-theme-primary);
  font-size: 18px;
  margin: 0;
  font-weight: 400;
  display: inline-block;
  font-family: var(--rs-ff-remixicon);
  position: absolute;
  inset-inline-start: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}

.rs-footer-one .rs-footer-widget-link.has-theme-yellow ul li a:hover {
  color: var(--rs-theme-yellow);
}

.rs-footer-one .rs-footer-widget-link.has-theme-yellow ul li a::before {
  color: var(--rs-theme-yellow);
}

.rs-footer-one .rs-footer-subscribe-from {
  background-color: var(--rs-bg-dark-blue);
  padding-top: 16px;
  padding-bottom: 16px;
  padding-inline-start: 30px;
  padding-inline-end: 30px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 70px;
  flex-wrap: wrap;
}

@media only screen and (max-width: 767px) {
  .rs-footer-one .rs-footer-subscribe-from {
    margin-top: 40px;
    padding-inline-start: 20px;
    padding-inline-end: 20px;
  }
}

.rs-footer-one .rs-footer-subscribe-title {
  color: var(--rs-white);
  font-weight: 500;
}

.rs-footer-one .rs-cta-input {
  position: relative;
}

@media only screen and (max-width: 1199px) {
  .rs-footer-one .rs-cta-input {
    width: 100%;
  }
}

@media only screen and (max-width: 991px) {
  .rs-footer-one .rs-cta-input {
    width: unset;
  }
}

@media only screen and (max-width: 767px) {
  .rs-footer-one .rs-cta-input {
    width: 100%;
  }
}

.rs-footer-one .rs-cta-input input {
  background: #000080;
  border-color: #000080;
  height: 56px;
  padding-inline-end: 65px;
  color: var(--rs-white);
}

.rs-footer-one .rs-cta-input input::placeholder {
  color: rgba(255, 255, 255, 0.58);
  font-size: 14px;
  font-weight: 400;
}

.rs-footer-one .rs-cta-input button {
  font-weight: 400;
  background: var(--rs-theme-blue);
  position: absolute;
  inset-inline-end: 5px;
  top: 5px;
  width: 46px;
  height: 46px;
  border-radius: 8px;
}

.rs-footer-one .rs-cta-input button .icon-box svg {
  width: 16px;
  height: 16px;
}

.rs-footer-one .rs-cta-input button:hover {
  background: var(--rs-theme-yellow);
}

.rs-footer-one .rs-cta-input button:hover .icon-box svg path {
  fill: var(--rs-black);
}

.rs-footer-one .rs-form-check {
  margin-top: 20px;
}

@media only screen and (max-width: 1199px) {
  .rs-footer-one .rs-form-check input[type="checkbox"]~label {
    font-size: 14px;
  }
}

.rs-footer-one .rs-footer-shape {
  position: absolute;
  inset-inline-end: 40px;
  bottom: 60px;
}

@media only screen and (max-width: 1600px) {
  .rs-footer-one .rs-footer-shape {
    display: none;
  }
}

[dir="rtl"] .rs-footer-one .rs-footer-shape {
  transform: rotateY(180deg);
}

.rs-footer-one.has-theme-red::before {
  background-image: linear-gradient(90deg, #272b35 34.5%, #21252d 0%);
}

[dir="rtl"] .rs-footer-one.has-theme-red::before {
  transform: rotateY(180deg);
}

@media only screen and (max-width: 1199px) {
  .rs-footer-one.has-theme-red::before {
    background-image: linear-gradient(100deg, #272b35 0%, #21252d 100%);
  }
}

.rs-footer-one.has-theme-red .rs-footer-widget-link.has-theme-red ul li a:hover {
  color: var(--rs-theme-red);
}

.rs-footer-one.has-theme-red .rs-footer-widget-link.has-theme-red ul li a::before {
  color: var(--rs-theme-red);
}

.rs-footer-one.has-theme-red .rs-footer-content-item a:hover {
  color: var(--rs-theme-red);
}

.rs-footer-one.has-theme-red .rs-cta-input input {
  background: #272b35;
  border-color: #272b35;
}

.rs-footer-one.has-theme-red .rs-cta-input button {
  background-color: #21252d;
}

.rs-footer-one.has-theme-red .rs-cta-input button:hover {
  background: var(--rs-theme-red);
}

.rs-footer-one.has-theme-red .rs-cta-input button:hover .icon-box svg path {
  fill: var(--rs-white);
}

.rs-footer-one.has-theme-red .rs-footer-social a {
  background: #21252d;
}

.rs-footer-one.has-theme-red .rs-footer-social a:hover {
  background: var(--rs-theme-red);
}

.rs-footer-one.has-theme-green::before {
  background-image: linear-gradient(90deg,
      #346359 34.5%,
      var(--rs-theme-green) 0%);
}

[dir="rtl"] .rs-footer-one.has-theme-green::before {
  transform: rotateY(180deg);
}

@media only screen and (max-width: 1199px) {
  .rs-footer-one.has-theme-green::before {
    background-image: linear-gradient(90deg,
        #346359 0%,
        var(--rs-theme-green) 100%);
  }
}

.rs-footer-one.has-theme-green .rs-footer-widget-link.has-theme-yellow ul li a:hover {
  color: var(--rs-theme-yellow);
}

.rs-footer-one.has-theme-green .rs-footer-widget-link.has-theme-yellow ul li a::before {
  color: var(--rs-theme-yellow);
}

.rs-footer-one.has-theme-green .rs-footer-content-item a:hover {
  color: var(--rs-theme-yellow);
}

.rs-footer-one.has-theme-green .rs-cta-input input {
  background: #346359;
  border-color: #346359;
}

.rs-footer-one.has-theme-green .rs-cta-input button {
  background-color: var(--rs-theme-green);
}

.rs-footer-one.has-theme-green .rs-cta-input button:hover {
  background: var(--rs-theme-yellow);
}

.rs-footer-one.has-theme-green .rs-cta-input button:hover .icon-box svg path {
  fill: var(--rs-black);
}

.rs-footer-one.has-theme-green-two::before {
  background-image: linear-gradient(90deg, #171715 34.5%, #1d1d1b 0%);
}

[dir="rtl"] .rs-footer-one.has-theme-green-two::before {
  transform: rotateY(180deg);
}

@media only screen and (max-width: 1199px) {
  .rs-footer-one.has-theme-green-two::before {
    background-image: linear-gradient(90deg, #171715 0%, #1d1d1b 0%);
  }
}

.rs-footer-one.has-theme-green-two .rs-footer-widget-link.has-theme-yellow ul li a:hover {
  color: var(--rs-theme-green-two);
}

.rs-footer-one.has-theme-green-two .rs-footer-widget-link.has-theme-yellow ul li a::before {
  color: var(--rs-theme-green-two);
}

.rs-footer-one.has-theme-green-two .rs-footer-content-item a:hover {
  color: var(--rs-theme-green-two);
}

.rs-footer-one.has-theme-green-two .rs-cta-input input {
  background: #171715;
  border-color: #171715;
}

.rs-footer-one.has-theme-green-two .rs-cta-input button {
  background-color: var(--rs-bg-black);
}

.rs-footer-one.has-theme-green-two .rs-cta-input button:hover {
  background: var(--rs-theme-green-two);
}

.rs-footer-one.has-theme-green-two .rs-cta-input button:hover .icon-box svg path {
  fill: var(--rs-white);
}

.rs-footer-one.has-theme-cyan::before {
  background-image: linear-gradient(90deg,
      #0f6487 34.5%,
      var(--rs-theme-cyan) 0%);
}

[dir="rtl"] .rs-footer-one.has-theme-cyan::before {
  transform: rotateY(180deg);
}

@media only screen and (max-width: 1199px) {
  .rs-footer-one.has-theme-cyan::before {
    background-image: linear-gradient(-100deg, #0f6487 0%, #0c5776 100%);
  }
}

.rs-footer-one.has-theme-cyan .rs-footer-widget-link.has-theme-cyan ul li a:hover {
  color: var(--rs-theme-light-cyan);
}

.rs-footer-one.has-theme-cyan .rs-footer-widget-link.has-theme-cyan ul li a::before {
  color: var(--rs-theme-light-cyan);
}

.rs-footer-one.has-theme-cyan .rs-footer-content-item a:hover {
  color: var(--rs-theme-light-cyan);
}

.rs-footer-one.has-theme-cyan .rs-cta-input input {
  background: #0f6487;
  border-color: #0f6487;
}

.rs-footer-one.has-theme-cyan .rs-cta-input button {
  background-color: var(--rs-theme-cyan);
}

.rs-footer-one.has-theme-cyan .rs-cta-input button:hover {
  background: var(--rs-theme-light-cyan);
}

.rs-footer-one.has-theme-cyan .rs-cta-input button:hover .icon-box svg path {
  fill: var(--rs-white);
}

.rs-footer-one.has-theme-red-two::before {
  background-image: linear-gradient(90deg, #111010 34.5%, #030303 0%);
}

[dir="rtl"] .rs-footer-one.has-theme-red-two::before {
  transform: rotateY(180deg);
}

@media only screen and (max-width: 1199px) {
  .rs-footer-one.has-theme-red-two::before {
    background-image: linear-gradient(90deg, #111010 0%, #030303 100%);
  }
}

.rs-footer-one.has-theme-red-two .rs-footer-widget-link.has-theme-red ul li a:hover {
  color: var(--rs-theme-red);
}

.rs-footer-one.has-theme-red-two .rs-footer-widget-link.has-theme-red ul li a::before {
  color: var(--rs-theme-red);
}

.rs-footer-one.has-theme-red-two .rs-footer-content-item a:hover {
  color: var(--rs-theme-red);
}

.rs-footer-one.has-theme-red-two .rs-cta-input input {
  background: rgba(255, 255, 255, 0.05);
  border-color: #272b35;
}

.rs-footer-one.has-theme-red-two .rs-cta-input button {
  background-color: #21252d;
}

.rs-footer-one.has-theme-red-two .rs-cta-input button:hover {
  background: var(--rs-theme-red);
}

.rs-footer-one.has-theme-red-two .rs-cta-input button:hover .icon-box svg path {
  fill: var(--rs-white);
}

.rs-footer-one.has-theme-red-two .rs-footer-social a {
  background: #21252d;
}

.rs-footer-one.has-theme-red-two .rs-footer-social a:hover {
  background: var(--rs-theme-red);
}

/*----------------------------------------*/
/*  3.4.2 Copyright Style
/*----------------------------------------*/
.rs-copyright-one {
  position: relative;
  margin-top: 100px;
}

@media only screen and (max-width: 991px) {
  .rs-copyright-one {
    margin-top: 75px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-copyright-one {
    margin-top: 55px;
  }
}

.rs-copyright-one .rs-footer-copyright-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  padding-top: 22px;
  padding-bottom: 22px;
  border-top: 1px solid rgba(255, 255, 255, 0.082);
}

@media only screen and (max-width: 1199px) {
  .rs-copyright-one .rs-footer-copyright-wrapper {
    justify-content: center;
  }
}

.rs-copyright-one .rs-footer-copyright a {
  color: var(--rs-theme-yellow);
}

.rs-copyright-one .rs-footer-copyright a:hover {
  color: var(--rs-theme-yellow);
}

.rs-copyright-one .rs-footer-copyright p {
  color: var(--rs-white);
  text-align: center;
}

.rs-copyright-one .rs-footer-copyright.has-theme-red a {
  color: var(--rs-theme-red);
}

.rs-copyright-one .rs-footer-copyright.has-theme-red a:hover {
  color: var(--rs-theme-red);
}

.rs-copyright-one .rs-footer-copyright.has-theme-red a {
  color: var(--rs-theme-red);
}

.rs-copyright-one .rs-footer-copyright.has-theme-red a:hover {
  color: var(--rs-theme-red);
}

.rs-copyright-one .rs-footer-copyright.has-theme-green-two a {
  color: var(--rs-theme-green-two);
}

.rs-copyright-one .rs-footer-copyright.has-theme-green-two a:hover {
  color: var(--rs-theme-green-two);
}

.rs-copyright-one .rs-footer-copyright.has-theme-cyan a {
  color: var(--rs-theme-light-cyan);
}

.rs-copyright-one .rs-footer-copyright.has-theme-cyan a:hover {
  color: var(--rs-theme-light-cyan);
}

.rs-copyright-one .rs-footer-copyright-link a {
  font-size: 16px;
  color: var(--rs-white);
}

.rs-copyright-one .rs-footer-copyright-link a:hover {
  color: var(--rs-theme-yellow);
}

.rs-copyright-one .rs-footer-copyright-link.has-theme-red a:hover {
  color: var(--rs-theme-red);
}

.rs-copyright-one .rs-footer-copyright-link.has-theme-yellow a:hover {
  color: var(--rs-theme-yellow);
}

.rs-copyright-one .rs-footer-copyright-link.has-theme-green-two a:hover {
  color: var(--rs-theme-green-two);
}

.rs-copyright-one .rs-footer-copyright-link.has-theme-cyan a:hover {
  color: var(--rs-theme-light-cyan);
}

.rs-copyright-one .rs-footer-copyright-left {
  display: flex;
  align-items: center;
  gap: 10px 28px;
  justify-content: center;
  flex-wrap: wrap;
}

/*----------------------------------------*/
/*  4.1 About css
/*----------------------------------------*/
.rs-about-one {
  position: relative;
  z-index: 1;
}

.rs-about-one .rs-about-shape {
  position: absolute;
  bottom: 0;
  inset-inline-start: 0;
  z-index: -1;
}

.rs-about-one .rs-about-shape img {
  opacity: 0.5;
}

.rs-about-one .section-title {
  max-width: 670px;
}

@media only screen and (max-width: 991px) {
  .rs-about-one .section-title {
    max-width: 100%;
  }
}

.rs-about-one .section-desc {
  max-width: 670px;
}

@media only screen and (max-width: 991px) {
  .rs-about-one .section-desc {
    max-width: 100%;
  }
}

.rs-about-one .rs-about-wrapper {
  display: grid;
  grid-template-columns: 510px auto;
  gap: 30px 70px;
  align-items: center;
}

@media only screen and (max-width: 1600px) {
  .rs-about-one .rs-about-wrapper {
    grid-template-columns: 400px auto;
    gap: 30px 30px;
    align-items: start;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-about-one .rs-about-wrapper {
    grid-template-columns: 350px auto;
  }
}

@media only screen and (max-width: 991px) {
  .rs-about-one .rs-about-wrapper {
    grid-template-columns: auto;
  }
}

@media only screen and (max-width: 1600px) {
  .rs-about-one .rs-about-thumb-wrapper {
    position: sticky;
    top: 110px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-about-one .rs-about-thumb-wrapper {
    position: relative;
    top: unset;
  }
}

.rs-about-one .rs-about-thumb {
  position: relative;
  z-index: 1;
}

.rs-about-one .rs-about-thumb:first-child {
  margin-bottom: 20px;
}

.rs-about-one .rs-about-thumb>img {
  width: 100%;
  border: 6px solid var(--rs-white);
  border-radius: 30px;
}

.rs-about-one .rs-about-feature {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 30px;
  margin-bottom: 35px;
}

@media only screen and (max-width: 991px) {
  .rs-about-one .rs-about-feature {
    display: grid;
    grid-template-columns: auto auto;
  }
}

@media only screen and (max-width: 767px) {
  .rs-about-one .rs-about-feature {
    grid-template-columns: auto;
  }
}

.rs-about-one .rs-about-list-item {
  display: flex;
  align-items: start;
  gap: 15px;
}

.rs-about-one .rs-about-list-item:not(:last-child) {
  margin-bottom: 13px;
}

.rs-about-one .rs-about-list-item p {
  color: var(--rs-title-tertiary);
  font-weight: 500;
}

.rs-about-one .rs-about-list-icon {
  width: 22px;
  min-width: 22px;
  height: 22px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: 4px;
}

.rs-about-one .rs-about-list-icon svg {
  width: 11px;
  height: 11px;
}

.rs-about-one .rs-about-award {
  background: var(--rs-theme-blue);
  border-radius: 12px;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-inline: 30px;
  display: flex;
  gap: 15px;
  width: 360px;
  position: relative;
}

@media only screen and (max-width: 1199px) {
  .rs-about-one .rs-about-award {
    flex-wrap: wrap;
    padding-inline: 20px;
    width: 250px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-about-one .rs-about-award {
    width: 100%;
    flex-wrap: unset;
  }
}

@media only screen and (max-width: 480px) {
  .rs-about-one .rs-about-award {
    flex-wrap: wrap;
  }
}

.rs-about-one .rs-about-award-shape {
  position: absolute;
  inset-inline-start: 0;
  bottom: 10px;
}

.rs-about-one .rs-about-award-icon svg {
  width: 50px;
  height: 50px;
}

.rs-about-one .rs-about-award-icon svg path {
  fill: var(--rs-theme-yellow);
}

.rs-about-one .rs-about-award-title {
  color: var(--rs-white);
  margin-bottom: 8px;
}

.rs-about-one .rs-about-award-desc {
  color: rgba(255, 255, 255, 0.8);
}

.rs-about-one.has-theme-green .rs-about-thumb {
  margin-bottom: 0;
  margin-inline-end: 65px;
}

@media only screen and (max-width: 1600px) {
  .rs-about-one.has-theme-green .rs-about-thumb {
    position: sticky;
    top: 110px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-about-one.has-theme-green .rs-about-thumb {
    position: relative;
    top: unset;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-about-one.has-theme-green .rs-about-thumb {
    margin-inline-end: 0;
  }
}

.rs-about-one.has-theme-green .rs-about-wrapper {
  display: grid;
  grid-template-columns: 555px auto;
  gap: 30px 60px;
}

@media only screen and (max-width: 1600px) {
  .rs-about-one.has-theme-green .rs-about-wrapper {
    grid-template-columns: 450px auto;
    gap: 30px 30px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-about-one.has-theme-green .rs-about-wrapper {
    grid-template-columns: 350px auto;
  }
}

@media only screen and (max-width: 991px) {
  .rs-about-one.has-theme-green .rs-about-wrapper {
    grid-template-columns: auto;
  }
}

.rs-about-one.has-theme-green .rs-about-badge {
  background: var(--rs-theme-green-two);
  padding: 20px;
  display: flex;
  align-items: center;
  border-radius: 50%;
  width: 130px;
  height: 130px;
  position: absolute;
  inset-inline-end: -65px;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
}

@media only screen and (max-width: 1199px) {
  .rs-about-one.has-theme-green .rs-about-badge {
    inset-inline-end: auto;
    inset-inline-start: 50%;
    transform: translate(-50%, -50%);
  }
}

.rs-about-one.has-theme-green .rs-about-badge img {
  width: 90px;
}

.rs-about-one.has-theme-green .rs-about-award {
  background: var(--rs-white);
}

@media only screen and (max-width: 1600px) {
  .rs-about-one.has-theme-green .rs-about-award {
    width: 320px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-inline: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-about-one.has-theme-green .rs-about-award {
    width: 100%;
  }
}

.rs-about-one.has-theme-green .rs-about-award-title {
  color: var(--rs-title-primary);
}

.rs-about-one.has-theme-green .rs-about-award-desc {
  color: var(--rs-text-primary);
}

.rs-about-one.has-theme-green .rs-about-award-icon svg path {
  fill: var(--rs-theme-green-two);
}

.rs-about-one.has-theme-green .rs-about-list-icon {
  border-color: var(--rs-border-primary);
}

.rs-about-one.has-theme-green .rs-about-list-icon svg path {
  fill: var(--rs-theme-green-two);
}

.rs-about-one.has-theme-green .rs-about-feature {
  gap: 20px;
  margin-bottom: 45px;
}

@media only screen and (max-width: 1199px) {
  .rs-about-one.has-theme-green .rs-about-feature {
    flex-wrap: wrap;
  }
}

.rs-about-one.has-theme-green .rs-about-shape {
  z-index: 1;
  inset-inline-end: 160px;
  inset-inline-start: auto;
}

@media only screen and (max-width: 1199px) {
  .rs-about-one.has-theme-green .rs-about-shape {
    inset-inline-end: 60px;
  }
}

@media only screen and (max-width: 575px) {
  .rs-about-one.has-theme-green .rs-about-shape {
    display: none;
  }
}

.rs-about-one.has-theme-green .rs-about-shape img {
  opacity: 1;
}

.rs-about-one.has-theme-green .section-title-wrapper {
  max-width: 630px;
}

.rs-about-one.has-theme-green .rs-about-shape-two {
  position: absolute;
  top: 155px;
  inset-inline-end: 60px;
}

@media only screen and (max-width: 1600px) {
  .rs-about-one.has-theme-green .rs-about-shape-two {
    top: 30px;
    inset-inline-end: 30px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-about-one.has-theme-green .rs-about-shape-two {
    display: none;
  }
}

.rs-about-two {
  position: relative;
}

.rs-about-two .rs-about-shape {
  position: absolute;
  top: 245px;
  inset-inline-end: 70px;
}

@media only screen and (max-width: 1600px) {
  .rs-about-two .rs-about-shape {
    display: none;
  }
}

.rs-about-two .section-desc {
  margin-bottom: 25px;
}

.rs-about-two .rs-about-wrapper {
  display: grid;
  grid-template-columns: 510px 620px;
  gap: 30px 70px;
}

@media only screen and (max-width: 1600px) {
  .rs-about-two .rs-about-wrapper {
    gap: 30px 30px;
  }
}

@media only screen and (max-width: 1366px) {
  .rs-about-two .rs-about-wrapper {
    grid-template-columns: 450px auto;
    align-items: start;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-about-two .rs-about-wrapper {
    grid-template-columns: 350px auto;
  }
}

@media only screen and (max-width: 991px) {
  .rs-about-two .rs-about-wrapper {
    grid-template-columns: auto;
  }
}

.rs-about-two .rs-about-thumb-wrapper {
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 1600px) {
  .rs-about-two .rs-about-thumb-wrapper {
    position: sticky;
    top: 110px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-about-two .rs-about-thumb-wrapper {
    position: relative;
    top: unset;
  }
}

.rs-about-two .rs-about-badge {
  background: var(--rs-theme-red);
  padding: 20px;
  display: flex;
  align-items: center;
  border-radius: 50%;
  width: 132px;
  height: 132px;
  position: absolute;
  left: 50%;
  z-index: 1;
  top: 50%;
  transform: translate(-50%, -50%);
}

.rs-about-two .rs-about-badge img {
  width: 90px;
}

.rs-about-two .rs-about-thumb {
  position: relative;
  z-index: 1;
}

.rs-about-two .rs-about-thumb:first-child {
  margin-bottom: 20px;
}

.rs-about-two .rs-about-thumb img {
  width: 100%;
  border: 6px solid var(--rs-white);
  border-radius: 30px;
}

.rs-about-two .rs-about-list-wrapper {
  margin-top: 30px;
  margin-bottom: 35px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  max-width: 600px;
}

@media only screen and (max-width: 767px) {
  .rs-about-two .rs-about-list-wrapper {
    max-width: 100%;
    grid-template-columns: repeat(1, 1fr);
  }
}

.rs-about-two .rs-about-list-item {
  display: flex;
  align-items: center;
  gap: 15px;
}

.rs-about-two .rs-about-list-item p {
  color: var(--rs-title-tertiary);
  font-weight: 500;
}

.rs-about-two .rs-about-list-icon {
  width: 22px;
  min-width: 22px;
  height: 22px;
  border: 1px solid var(--rs-border-primary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rs-about-two .rs-about-list-icon svg {
  width: 11px;
  height: 11px;
}

.rs-about-two .rs-about-list-icon svg path {
  fill: var(--rs-theme-red);
}

@media only screen and (max-width: 575px) {
  .rs-about-two .rs-about-tab {
    display: none;
  }
}

.rs-about-two .rs-about-tab .nav-link {
  background: transparent;
  color: var(--rs-text-primary);
  font-weight: 500;
  padding: 10px 22px 10px 22px;
  line-height: 1.1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 6px 6px 0 0;
  font-family: var(--rs-ff-title);
}

@media only screen and (max-width: 480px) {
  .rs-about-two .rs-about-tab .nav-link {
    width: 100%;
  }
}

.rs-about-two .rs-about-tab .nav-link.active {
  color: var(--rs-theme-red);
  background: var(--rs-white);
}

.rs-about-two .rs-about-tab .nav-link:hover {
  color: var(--rs-theme-red);
}

.rs-about-two .rs-about-tab .nav-link:hover::after {
  transform: scaleX(1);
}

@media only screen and (max-width: 480px) {
  .rs-about-two .rs-about-tab .nav-item {
    width: 100%;
  }
}

.rs-about-two .rs-about-tab-content {
  border-radius: 6px;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-inline-start: 20px;
  padding-inline-end: 20px;
  background: var(--rs-white);
}

.rs-about-two .rs-about-tab-content p {
  font-size: 15px;
}

@media only screen and (max-width: 575px) {
  .rs-about-two .rs-about-tab-content {
    display: none;
  }
}

.rs-about-two .rs-about-accordion {
  display: none;
}

@media only screen and (max-width: 575px) {
  .rs-about-two .rs-about-accordion {
    display: block;
  }
}

.rs-about-two .rs-about-accordion .rs-accordion-one .accordion-button {
  font-size: 16px;
  padding-inline-end: 0px;
}

.rs-about-two .rs-about-accordion .rs-accordion-one .accordion-button:not(.collapsed) {
  color: var(--rs-theme-red);
}

.rs-about-two .rs-about-accordion .rs-accordion-one .rs-accordion-item {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-inline-start: 20px;
  padding-inline-end: 20px;
}

.rs-about-two .rs-about-accordion .rs-accordion-one .rs-accordion-item:not(:last-child) {
  margin-bottom: 15px;
}

.rs-about-two .rs-about-accordion .rs-accordion-one .accordion-body {
  padding: 10px 0px 0 0px;
}

.rs-about-three {
  position: relative;
}

.rs-about-three .rs-about-wrapper {
  display: grid;
  grid-template-columns: 560px auto;
  gap: 30px 70px;
  align-items: center;
}

@media only screen and (max-width: 1600px) {
  .rs-about-three .rs-about-wrapper {
    grid-template-columns: 450px auto;
    gap: 30px 30px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-about-three .rs-about-wrapper {
    grid-template-columns: 370px auto;
    align-items: start;
  }
}

@media only screen and (max-width: 991px) {
  .rs-about-three .rs-about-wrapper {
    grid-template-columns: auto;
  }
}

.rs-about-three .rs-about-thumb-wrapper {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

@media only screen and (max-width: 1199px) {
  .rs-about-three .rs-about-thumb-wrapper {
    position: sticky;
    top: 110px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-about-three .rs-about-thumb-wrapper {
    position: relative;
    top: unset;
  }
}

.rs-about-three .rs-about-thumb-inner {
  display: flex;
  gap: 20px;
}

.rs-about-three .rs-about-thumb-inner .rs-about-thumb {
  width: 100%;
}

.rs-about-three .rs-about-thumb img {
  width: 100%;
  border-radius: 20px;
}

.rs-about-three .rs-about-feature {
  display: inline-flex;
  align-items: center;
  gap: 20px 30px;
  margin-top: 35px;
  margin-bottom: 40px;
}

@media only screen and (max-width: 1199px) {
  .rs-about-three .rs-about-feature {
    flex-wrap: wrap;
  }
}

@media only screen and (max-width: 991px) {
  .rs-about-three .rs-about-feature {
    flex-wrap: unset;
  }
}

@media only screen and (max-width: 767px) {
  .rs-about-three .rs-about-feature {
    flex-wrap: wrap;
  }
}

.rs-about-three .rs-about-feature-item {
  display: inline-flex;
  align-items: start;
  gap: 25px;
}

.rs-about-three .rs-about-feature-title {
  margin-bottom: 10px;
}

@media only screen and (max-width: 1600px) {
  .rs-about-three .rs-about-feature-title {
    font-size: 18px;
  }
}

.rs-about-three .rs-about-feature-icon {
  width: 80px;
  min-width: 80px;
  height: 80px;
  border-radius: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--rs-white);
}

.rs-about-three .rs-about-feature-icon svg {
  width: 45px;
  height: 45px;
}

.rs-about-three .rs-about-feature-icon svg path {
  fill: var(--rs-theme-red);
}

.rs-about-three .rs-about-info {
  display: inline-flex;
  align-items: center;
  gap: 30px 45px;
  flex-wrap: wrap;
}

@media only screen and (max-width: 767px) {
  .rs-about-three .rs-about-info {
    gap: 30px 30px;
  }
}

.rs-about-three .rs-about-author-thumb img {
  width: 60px;
  height: 60px;
  border-radius: 50px;
}

.rs-about-three .rs-about-author-title {
  font-size: 17px;
}

.rs-about-three .rs-about-author-desig {
  font-size: 14px;
}

.rs-about-three .rs-about-author {
  display: flex;
  align-items: center;
  gap: 15px;
}

.rs-about-four {
  position: relative;
}

.rs-about-four .section-desc {
  margin-bottom: 40px;
  color: var(--rs-text-secondary);
}

.rs-about-four .rs-about-wrapper {
  display: grid;
  grid-template-columns: 560px auto;
  gap: 30px 70px;
  align-items: center;
}

@media only screen and (max-width: 1600px) {
  .rs-about-four .rs-about-wrapper {
    grid-template-columns: 450px auto;
    gap: 30px 30px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-about-four .rs-about-wrapper {
    grid-template-columns: 350px auto;
    align-items: start;
  }
}

@media only screen and (max-width: 991px) {
  .rs-about-four .rs-about-wrapper {
    grid-template-columns: auto;
  }
}

.rs-about-four .rs-about-thumb-wrapper {
  position: relative;
  z-index: 1;
  display: flex;
}

@media only screen and (max-width: 1199px) {
  .rs-about-four .rs-about-thumb-wrapper {
    position: sticky;
    top: 110px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-about-four .rs-about-thumb-wrapper {
    position: relative;
    top: unset;
  }
}

@media only screen and (max-width: 575px) {
  .rs-about-four .rs-about-thumb-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
}

.rs-about-four .rs-about-thumb.thumb-two {
  margin-inline-start: -205px;
  margin-top: 190px;
}

@media only screen and (max-width: 1199px) {
  .rs-about-four .rs-about-thumb.thumb-two {
    margin-top: 150px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-about-four .rs-about-thumb.thumb-two {
    margin-inline-start: 0px;
  }
}

@media only screen and (max-width: 575px) {
  .rs-about-four .rs-about-thumb.thumb-two {
    margin-top: 0px;
  }
}

.rs-about-four .rs-about-thumb>img {
  width: 100%;
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.06);
  border: 6px solid var(--rs-white);
  border-radius: 30px;
}

.rs-about-four .rs-about-badge {
  background: var(--rs-theme-green);
  padding: 20px;
  display: flex;
  align-items: center;
  border-radius: 50%;
  width: 130px;
  height: 130px;
  position: absolute;
  inset-inline-end: 30px;
  z-index: 1;
  top: 25px;
}

@media only screen and (max-width: 1600px) {
  .rs-about-four .rs-about-badge {
    width: 100px;
    height: 100px;
    inset-inline-end: 15px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-about-four .rs-about-badge {
    inset-inline-end: 0px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-about-four .rs-about-badge {
    inset-inline-end: 100px;
  }
}

@media only screen and (max-width: 575px) {
  .rs-about-four .rs-about-badge {
    display: none;
  }
}

.rs-about-four .rs-about-badge img {
  width: 90px;
}

.rs-about-four .rs-about-shape-one {
  position: absolute;
  bottom: 70px;
  inset-inline-start: 50px;
}

@media only screen and (max-width: 991px) {
  .rs-about-four .rs-about-shape-one {
    bottom: 50px;
    inset-inline-start: auto;
    inset-inline-end: 350px;
  }
}

.rs-about-four .rs-about-info {
  display: inline-flex;
  align-items: center;
  gap: 30px 40px;
  flex-wrap: wrap;
}

@media only screen and (max-width: 575px) {
  .rs-about-four .rs-about-tab {
    display: none;
  }
}

.rs-about-four .rs-about-tab .nav-link {
  background: var(--rs-white);
  color: var(--rs-title-primary);
  font-weight: 500;
  padding: 9px 50px 9px 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-family: var(--rs-ff-title);
  font-size: 18px;
}

@media only screen and (max-width: 480px) {
  .rs-about-four .rs-about-tab .nav-link {
    width: 100%;
  }
}

@media only screen and (max-width: 1600px) {
  .rs-about-four .rs-about-tab .nav-link {
    padding: 10px 30px 10px 30px;
  }
}

.rs-about-four .rs-about-tab .nav-link::after {
  width: 100%;
  height: 3px;
  transform: scaleX(0);
  -webkit-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
  position: absolute;
  content: "";
  inset-inline-start: -1px;
  top: 0;
  background-color: var(--rs-theme-green);
  border-radius: 2px 2px 0 0;
}

.rs-about-four .rs-about-tab .nav-link.active {
  color: var(--rs-theme-green);
}

.rs-about-four .rs-about-tab .nav-link.active::after {
  transform: scaleX(1);
}

.rs-about-four .rs-about-tab .nav-link:hover {
  color: var(--rs-theme-green);
}

.rs-about-four .rs-about-tab .nav-link:hover::after {
  transform: scaleX(1);
}

@media only screen and (max-width: 480px) {
  .rs-about-four .rs-about-tab .nav-item {
    width: 100%;
  }
}

.rs-about-four .rs-about-tab .nav-item:not(:last-child) .nav-link::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 20px;
  inset-inline-end: 0;
  top: 50%;
  background: var(--rs-border-primary);
  display: block;
  transform: translate(-50%, -50%);
}

.rs-about-four .rs-about-tab-content {
  margin-top: 30px;
  margin-bottom: 40px;
  max-width: 600px;
}

.rs-about-four .rs-about-tab-content p {
  color: var(--rs-text-secondary);
}

.rs-about-four .rs-about-tab-anim .tab-pane.active .rs-about-tab-content {
  -webkit-animation: slide-down 5s ease-out;
  animation: slide-down 5s ease-out;
}

.rs-about-four .rs-counter-number-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.rs-about-four .rs-counter-number,
.rs-about-four .prefix {
  font-size: 46px;
  font-weight: 700;
  color: var(--rs-title-primary);
  line-height: 1;
  font-family: var(--rs-ff-title);
}

@media only screen and (max-width: 1199px) {

  .rs-about-four .rs-counter-number,
  .rs-about-four .prefix {
    font-size: 40px;
  }
}

.rs-about-four .rs-counter-title {
  font-size: 18px;
  font-weight: 600;
  color: var(--rs-title-primary);
  font-family: var(--rs-ff-title);
}

.rs-about-four .rs-about-counter {
  display: flex;
  align-items: center;
  gap: 10px;
}

.rs-about-four .rs-about-counter-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

.rs-about-four .rs-about-counter-icon svg {
  width: 50px;
  height: 50px;
}

.rs-about-four .rs-about-accordion {
  display: none;
}

@media only screen and (max-width: 575px) {
  .rs-about-four .rs-about-accordion {
    display: block;
  }
}

.rs-about-four .rs-about-accordion .rs-accordion-one .accordion-button {
  font-size: 16px;
  padding-inline-end: 0px;
}

.rs-about-four .rs-about-accordion .rs-accordion-one .rs-accordion-item {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-inline-start: 20px;
  padding-inline-end: 20px;
}

.rs-about-four .rs-about-accordion .rs-accordion-one .rs-accordion-item:not(:last-child) {
  margin-bottom: 15px;
}

.rs-about-four .rs-about-accordion .rs-accordion-one .accordion-body {
  padding: 10px 0px 0 0px;
}

.rs-about-five {
  position: relative;
  z-index: 1;
  background: var(--rs-theme-cyan);
}

.rs-about-five .rs-about-shape {
  position: absolute;
  top: 220px;
  inset-inline-start: 225px;
}

@media only screen and (max-width: 1600px) {
  .rs-about-five .rs-about-shape {
    inset-inline-start: 50px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-about-five .rs-about-shape {
    display: none;
  }
}

.rs-about-five .rs-about-shape-two {
  position: absolute;
  top: 240px;
  inset-inline-end: 60px;
  animation: rs-rotate-anim 3s linear 0s infinite alternate;
}

@media only screen and (max-width: 1366px) {
  .rs-about-five .rs-about-shape-two {
    display: none;
  }
}

.rs-about-five .rs-about-shape-two img {
  width: 80px;
}

.rs-about-five .section-desc {
  color: var(--rs-white);
  max-width: 620px;
}

.rs-about-five .rs-about-wrapper {
  display: grid;
  grid-template-columns: 560px auto;
  gap: 30px 80px;
  align-items: center;
}

@media only screen and (max-width: 1600px) {
  .rs-about-five .rs-about-wrapper {
    grid-template-columns: 470px auto;
    gap: 30px 30px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-about-five .rs-about-wrapper {
    grid-template-columns: 350px auto;
    align-items: start;
  }
}

@media only screen and (max-width: 991px) {
  .rs-about-five .rs-about-wrapper {
    grid-template-columns: auto;
  }
}

.rs-about-five .rs-about-thumb-wrapper {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 25px;
}

@media only screen and (max-width: 1199px) {
  .rs-about-five .rs-about-thumb-wrapper {
    position: sticky;
    top: 110px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-about-five .rs-about-thumb-wrapper {
    position: relative;
    top: unset;
  }
}

@media only screen and (max-width: 575px) {
  .rs-about-five .rs-about-thumb-wrapper {
    gap: 15px;
  }
}

.rs-about-five .rs-about-thumb {
  position: relative;
  z-index: 1;
}

.rs-about-five .rs-about-thumb:first-child {
  margin-bottom: 20px;
}

@media only screen and (max-width: 1600px) {
  .rs-about-five .rs-about-thumb {
    position: sticky;
    top: 110px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-about-five .rs-about-thumb {
    position: relative;
    top: unset;
  }
}

@media only screen and (max-width: 480px) {
  .rs-about-five .rs-about-thumb {
    margin-bottom: 0;
  }
}

.rs-about-five .rs-about-thumb>img {
  width: 100%;
  border-radius: 16px;
}

.rs-about-five .rs-about-award {
  background: #0f6487;
  border-radius: 12px;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-inline: 30px;
  display: flex;
  gap: 15px;
  width: 370px;
  position: relative;
  align-items: center;
}

@media only screen and (max-width: 1199px) {
  .rs-about-five .rs-about-award {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-inline: 20px;
    width: 330px;
  }
}

@media only screen and (max-width: 480px) {
  .rs-about-five .rs-about-award {
    width: 100%;
    flex-wrap: wrap;
  }
}

.rs-about-five .rs-about-award-icon svg {
  width: 60px;
  height: 60px;
}

.rs-about-five .rs-about-award-icon svg path {
  fill: var(--rs-white);
}

.rs-about-five .rs-about-award-title {
  color: var(--rs-white);
  margin-bottom: 8px;
}

.rs-about-five .rs-about-award-desc {
  color: rgba(255, 255, 255, 0.8);
}

.rs-about-five .rs-about-meta {
  display: flex;
  align-items: end;
  gap: 30px 50px;
  margin-top: 60px;
}

@media only screen and (max-width: 1199px) {
  .rs-about-five .rs-about-meta {
    gap: 30px 30px;
    margin-top: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-about-five .rs-about-meta {
    flex-wrap: wrap;
  }
}

.rs-about-five .rs-about-badge {
  background: var(--rs-theme-light-cyan);
  padding: 20px;
  display: flex;
  align-items: center;
  border-radius: 50%;
  width: 130px;
  height: 130px;
  position: absolute;
  left: 50%;
  z-index: 2;
  top: 50%;
  transform: translate(-50%, -50%);
}

@media only screen and (max-width: 1199px) {
  .rs-about-five .rs-about-badge {
    width: 100px;
    height: 100px;
    padding: 15px;
  }
}

.rs-about-five .rs-about-badge img {
  width: 90px;
}

.rs-about-six {
  position: relative;
}

.rs-about-six .rs-about-shape {
  position: absolute;
  top: 245px;
  inset-inline-end: 70px;
}

@media only screen and (max-width: 1600px) {
  .rs-about-six .rs-about-shape {
    top: 60px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-about-six .rs-about-shape {
    top: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-about-six .rs-about-shape {
    display: none;
  }
}

.rs-about-six .section-desc {
  margin-bottom: 25px;
}

.rs-about-six .rs-about-wrapper {
  display: grid;
  grid-template-columns: 530px 620px;
  gap: 30px 70px;
  align-items: center;
}

@media only screen and (max-width: 1600px) {
  .rs-about-six .rs-about-wrapper {
    grid-template-columns: 450px auto;
    gap: 30px 30px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-about-six .rs-about-wrapper {
    grid-template-columns: 400px auto;
    align-items: start;
  }
}

@media only screen and (max-width: 991px) {
  .rs-about-six .rs-about-wrapper {
    grid-template-columns: auto;
  }
}

.rs-about-six .rs-about-thumb {
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 1199px) {
  .rs-about-six .rs-about-thumb {
    position: sticky;
    top: 110px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-about-six .rs-about-thumb {
    position: relative;
    top: unset;
  }
}

.rs-about-six .rs-about-thumb>img {
  width: 100%;
}

.rs-about-six .rs-about-meta-wrapper {
  background: var(--rs-theme-red);
  border-radius: 5px;
  border: 4px solid var(--rs-white);
  padding-inline: 20px;
  padding-top: 20px;
  padding-bottom: 15px;
  display: flex;
  align-items: start;
  gap: 20px 30px;
  position: absolute;
  inset-inline-start: 35px;
  bottom: 35px;
  flex-wrap: wrap;
}

@media only screen and (max-width: 480px) {
  .rs-about-six .rs-about-meta-wrapper {
    inset-inline-start: 0px;
    bottom: 0px;
  }
}

.rs-about-six .rs-about-meta-thumb {
  margin-bottom: 13px;
}

.rs-about-six .rs-about-meta-icon img {
  width: 65px;
}

.rs-about-six .rs-about-meta-counter {
  display: flex;
  align-items: center;
  gap: 8px;
}

.rs-about-six .rs-about-meta-counter .rs-counter-number-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
}

.rs-about-six .rs-about-meta-counter .rs-counter-number,
.rs-about-six .rs-about-meta-counter .prefix {
  font-size: 16px;
  font-weight: 400;
  color: var(--rs-white);
  line-height: 1;
}

.rs-about-six .rs-about-meta-counter .rs-counter-title {
  font-size: 16px;
  font-weight: 400;
  color: var(--rs-white);
}

.rs-about-six .rs-about-list-wrapper {
  margin-top: 35px;
  margin-bottom: 40px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px 0;
  max-width: 600px;
}

@media only screen and (max-width: 767px) {
  .rs-about-six .rs-about-list-wrapper {
    grid-template-columns: repeat(1, 1fr);
    max-width: 100%;
  }
}

.rs-about-six .rs-about-list-item {
  display: flex;
  align-items: center;
  gap: 15px;
}

.rs-about-six .rs-about-list-item p {
  color: var(--rs-title-tertiary);
  font-weight: 500;
}

.rs-about-six .rs-about-list-icon {
  width: 22px;
  min-width: 22px;
  height: 22px;
  border: 1px solid var(--rs-border-primary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rs-about-six .rs-about-list-icon svg {
  width: 11px;
  height: 11px;
}

.rs-about-six .rs-about-list-icon svg path {
  fill: var(--rs-theme-red);
}

@media only screen and (max-width: 575px) {
  .rs-about-six .rs-about-tab {
    display: none;
  }
}

.rs-about-six .rs-about-tab .nav-link {
  background: transparent;
  color: var(--rs-text-primary);
  font-weight: 500;
  padding: 10px 22px 10px 22px;
  line-height: 1.1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 6px 6px 0 0;
  font-family: var(--rs-ff-title);
}

@media only screen and (max-width: 480px) {
  .rs-about-six .rs-about-tab .nav-link {
    width: 100%;
  }
}

.rs-about-six .rs-about-tab .nav-link.active {
  color: var(--rs-theme-red);
  background: var(--rs-white);
}

.rs-about-six .rs-about-tab .nav-link:hover {
  color: var(--rs-theme-red);
}

.rs-about-six .rs-about-tab .nav-link:hover::after {
  transform: scaleX(1);
}

@media only screen and (max-width: 480px) {
  .rs-about-six .rs-about-tab .nav-item {
    width: 100%;
  }
}

.rs-about-six .rs-about-tab-content {
  border-radius: 6px;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-inline-start: 20px;
  padding-inline-end: 20px;
  background: var(--rs-white);
}

.rs-about-six .rs-about-tab-content p {
  font-size: 15px;
}

@media only screen and (max-width: 575px) {
  .rs-about-six .rs-about-tab-content {
    display: none;
  }
}

.rs-about-six .rs-about-counter-icon svg {
  width: 50px;
  height: 50px;
}

.rs-about-six .rs-about-info {
  display: inline-flex;
  align-items: center;
  gap: 30px 40px;
}

@media only screen and (max-width: 1199px) {
  .rs-about-six .rs-about-info {
    flex-wrap: wrap;
  }
}

.rs-about-six .rs-about-info .rs-counter-number-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.rs-about-six .rs-about-info .rs-counter-number,
.rs-about-six .rs-about-info .prefix {
  font-size: 46px;
  font-weight: 700;
  color: var(--rs-title-primary);
  line-height: 1;
  font-family: var(--rs-ff-title);
}

.rs-about-six .rs-about-info .rs-counter-title {
  font-size: 18px;
  font-weight: 600;
  color: var(--rs-title-primary);
  font-family: var(--rs-ff-title);
}

.rs-about-six .rs-about-info .rs-about-counter {
  display: flex;
  align-items: center;
  gap: 10px;
}

.rs-about-six .rs-about-info .rs-about-counter-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

.rs-about-six .rs-about-info .rs-about-counter-icon svg {
  width: 50px;
  height: 50px;
}

.rs-about-six .rs-about-info .rs-about-counter-icon svg path {
  fill: var(--rs-theme-red);
}

.rs-about-six .rs-about-accordion {
  display: none;
}

@media only screen and (max-width: 575px) {
  .rs-about-six .rs-about-accordion {
    display: block;
  }
}

.rs-about-six .rs-about-accordion .rs-accordion-one .accordion-button {
  font-size: 16px;
  padding-inline-end: 0px;
}

.rs-about-six .rs-about-accordion .rs-accordion-one .accordion-button:not(.collapsed) {
  color: var(--rs-theme-red);
}

.rs-about-six .rs-about-accordion .rs-accordion-one .rs-accordion-item {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-inline-start: 20px;
  padding-inline-end: 20px;
}

.rs-about-six .rs-about-accordion .rs-accordion-one .rs-accordion-item:not(:last-child) {
  margin-bottom: 15px;
}

.rs-about-six .rs-about-accordion .rs-accordion-one .accordion-body {
  padding: 10px 0px 0 0px;
}

.rs-about-seven .rs-about-thumb-wrapper {
  position: relative;
  z-index: 1;
}

.rs-about-seven .section-desc.desc-two {
  margin-bottom: 40px;
}

.rs-about-seven .rs-about-thumb img {
  width: 100%;
  border-radius: 16px;
}

.rs-about-seven .rs-about-badge {
  background: var(--rs-theme-blue);
  padding: 20px;
  display: flex;
  align-items: center;
  border-radius: 50%;
  width: 132px;
  height: 132px;
  position: absolute;
  left: 50%;
  z-index: 1;
  top: 50%;
  transform: translate(-50%, -50%);
}

.rs-about-seven .rs-about-badge img {
  width: 90px;
}

.rs-about-seven .rs-about-thumb-wrapper {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 30px 35px;
  margin-bottom: 45px;
}

@media only screen and (max-width: 575px) {
  .rs-about-seven .rs-about-thumb-wrapper {
    gap: 30px 30px;
    flex-wrap: wrap;
  }
}

.rs-about-eight {
  position: relative;
}

.rs-about-eight .section-desc {
  margin-bottom: 40px;
  color: var(--rs-text-secondary);
}

.rs-about-eight .rs-about-wrapper {
  display: grid;
  grid-template-columns: 560px auto;
  gap: 30px 90px;
  align-items: center;
}

@media only screen and (max-width: 1600px) {
  .rs-about-eight .rs-about-wrapper {
    grid-template-columns: 450px auto;
    gap: 30px 30px;
    align-items: start;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-about-eight .rs-about-wrapper {
    grid-template-columns: 350px auto;
    align-items: start;
  }
}

@media only screen and (max-width: 991px) {
  .rs-about-eight .rs-about-wrapper {
    grid-template-columns: auto;
  }
}

.rs-about-eight .rs-about-thumb-wrapper {
  position: relative;
  z-index: 1;
  display: flex;
  margin-inline-end: 100px;
  margin-bottom: 100px;
}

@media only screen and (max-width: 1600px) {
  .rs-about-eight .rs-about-thumb-wrapper {
    position: sticky;
    top: 110px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-about-eight .rs-about-thumb-wrapper {
    position: relative;
    top: unset;
  }
}

@media only screen and (max-width: 575px) {
  .rs-about-eight .rs-about-thumb-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
}

@media only screen and (max-width: 480px) {
  .rs-about-eight .rs-about-thumb-wrapper {
    margin-inline-end: 0px;
    margin-bottom: 0;
  }
}

.rs-about-eight .rs-about-thumb {
  border: 6px solid var(--rs-white);
  border-radius: 6px;
}

.rs-about-eight .rs-about-thumb.thumb-two {
  position: absolute;
  bottom: -100px;
  inset-inline-end: -100px;
  width: 300px;
}

@media only screen and (max-width: 1600px) {
  .rs-about-eight .rs-about-thumb.thumb-two {
    width: 250px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-about-eight .rs-about-thumb.thumb-two {
    width: 180px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-about-eight .rs-about-thumb.thumb-two {
    width: 300px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-about-eight .rs-about-thumb.thumb-two {
    width: 250px;
  }
}

@media only screen and (max-width: 480px) {
  .rs-about-eight .rs-about-thumb.thumb-two {
    width: 100%;
    position: unset;
  }
}

.rs-about-eight .rs-about-thumb img {
  width: 100%;
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.06);
  border-radius: 6px;
}

.rs-about-eight .rs-about-badge {
  background: var(--rs-theme-blue-two);
  padding: 20px;
  display: flex;
  align-items: center;
  border-radius: 50%;
  width: 130px;
  height: 130px;
  position: absolute;
  inset-inline-end: -50px;
  z-index: 1;
  top: 60px;
}

@media only screen and (max-width: 1600px) {
  .rs-about-eight .rs-about-badge {
    width: 100px;
    height: 100px;
  }
}

@media only screen and (max-width: 480px) {
  .rs-about-eight .rs-about-badge {
    display: none;
  }
}

.rs-about-eight .rs-about-badge img {
  width: 90px;
}

.rs-about-eight .rs-about-counter {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.rs-about-eight .rs-about-meta-info {
  position: absolute;
  bottom: -100px;
}

@media only screen and (max-width: 480px) {
  .rs-about-eight .rs-about-meta-info {
    position: unset;
  }
}

.rs-about-eight .rs-counter-number,
.rs-about-eight .prefix {
  font-size: 16px;
  font-weight: 500;
  color: var(--rs-title-primary);
  line-height: 1;
}

.rs-about-eight .rs-counter-title {
  font-size: 16px;
  font-weight: 500;
  color: var(--rs-title-primary);
}

.rs-about-eight .rs-about-meta-thumb {
  margin-bottom: 13px;
}

.rs-about-eight .rs-about-list-icon {
  width: 22px;
  min-width: 22px;
  height: 22px;
  border: 1px solid var(--rs-theme-blue);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rs-about-eight .rs-about-list-icon svg {
  width: 12px;
  height: 12px;
}

.rs-about-eight .rs-about-features-wrapper {
  display: flex;
  gap: 20px 40px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.rs-about-eight .rs-about-list-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.rs-about-eight .rs-about-list-item {
  display: flex;
  align-items: center;
  gap: 10px;
}

.rs-about-eight .rs-about-list-item p {
  color: #021e40;
  font-weight: 500;
}

.rs-about-eight .rs-about-video {
  position: relative;
  width: 210px;
  height: 130px;
}

.rs-about-eight .rs-about-bg-thumb {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 6px solid var(--rs-white);
  border-radius: 10px;
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.06);
}

.rs-about-eight .rs-about-video-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

/*----------------------------------------*/
/*  4.2 achievement css
/*----------------------------------------*/
.rs-achievement-one .rs-achievement-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

@media only screen and (max-width: 767px) {
  .rs-achievement-one .rs-achievement-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

.rs-achievement-one .rs-achievement-content ul li {
  list-style: none;
  position: relative;
  padding-inline-start: 10px;
}

.rs-achievement-one .rs-achievement-content ul li:not(:last-child) {
  margin-bottom: 5px;
}

.rs-achievement-one .rs-achievement-content ul li::before {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  background: #4c4c4c;
  border-radius: 50%;
  top: 10px;
  inset-inline-start: 0;
}

.rs-achievement-one .rs-achievement-inner {
  position: relative;
  padding-inline-start: 40px;
}

@media only screen and (max-width: 991px) {
  .rs-achievement-one .rs-achievement-inner {
    padding-inline-start: 30px;
  }
}

.rs-achievement-one .rs-achievement-inner::before {
  position: absolute;
  content: "";
  inset-inline-start: 0px;
  top: 0px;
  width: 16px;
  height: 16px;
  background-color: var(--rs-theme-blue);
  border: 3px solid rgba(255, 255, 255, 0.98);
  border-radius: 50%;
  z-index: 2;
  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.3);
}

.rs-achievement-one .rs-achievement-inner::after {
  position: absolute;
  content: "";
  inset-inline-start: 7px;
  top: 0;
  bottom: 0;
  width: 1px;
  height: 100%;
  background-color: var(--rs-border-primary);
}

.rs-achievement-one .rs-achievement-title {
  background: var(--rs-theme-blue);
  padding-top: 23px;
  padding-bottom: 20px;
  padding-inline-start: 25px;
  padding-inline-end: 25px;
  border-radius: 6px 6px 0 0;
  color: var(--rs-white);
}

.rs-achievement-one .rs-achievement-content {
  color: var(--rs-text-primary);
  padding-top: 20px;
  padding-inline-start: 30px;
  padding-inline-end: 30px;
  padding-bottom: 30px;
  background: var(--rs-white);
  border-radius: 0 0 6px 6px;
  position: relative;
}

@media only screen and (max-width: 991px) {
  .rs-achievement-one .rs-achievement-content {
    padding-inline-start: 20px;
    padding-inline-end: 20px;
    padding-bottom: 20px;
  }
}

/*----------------------------------------*/
/*  4.3 Admission css
/*----------------------------------------*/
.rs-admission-one .rs-admission-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-top: 35px;
}

@media only screen and (max-width: 991px) {
  .rs-admission-one .rs-admission-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 767px) {
  .rs-admission-one .rs-admission-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

.rs-admission-one .rs-admission-item {
  border-radius: 12px;
  background: var(--rs-white);
  padding-top: 28px;
  padding-bottom: 12px;
  padding-inline: 12px;
  text-align: center;
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.06);
  display: flex;
  flex-direction: column;
}

.rs-admission-one .rs-admission-item:hover .rs-admission-thumb img {
  transform: scale3d(1.1, 1.1, 1);
}

.rs-admission-one .rs-admission-thumb {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  height: 100%;
}

.rs-admission-one .rs-admission-thumb img {
  width: 100%;
  transition: all 0.8s ease;
  transform: scale(1.02);
  height: 100%;
  object-fit: cover;
  object-position: top center;
}

.rs-admission-one .rs-admission-content {
  margin-bottom: -25px;
}

.rs-admission-one .rs-admission-title {
  color: var(--rs-title-tertiary);
}

.rs-admission-one .rs-admission-desc {
  padding-inline: 20px;
  margin-top: 10px;
}

@media only screen and (max-width: 1366px) {
  .rs-admission-one .rs-admission-desc {
    padding-inline: 10px;
    font-size: 15px;
  }
}

.rs-admission-two .rs-admission-wrapper {
  background: var(--rs-white);
  border-radius: 12px;
  padding: 30px;
  display: grid;
  grid-template-columns: auto 530px;
  gap: 30px 50px;
  align-items: center;
}

@media only screen and (max-width: 1199px) {
  .rs-admission-two .rs-admission-wrapper {
    grid-template-columns: auto 400px;
    gap: 30px 30px;
    align-items: start;
  }
}

@media only screen and (max-width: 991px) {
  .rs-admission-two .rs-admission-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media only screen and (max-width: 575px) {
  .rs-admission-two .rs-admission-wrapper {
    padding: 20px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-admission-two .rs-admission-thumb {
    position: sticky;
    top: 110px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-admission-two .rs-admission-thumb {
    position: relative;
    top: unset;
  }
}

.rs-admission-two .rs-admission-thumb img {
  width: 100%;
  border-radius: 8px;
}

.rs-admission-two .rs-admission-desc {
  margin-top: 20px;
  margin-bottom: 30px;
  max-width: 622px;
}

/*----------------------------------------*/
/*  4.4 Alumni css
/*----------------------------------------*/
.rs-alumni-one .rs-alumni-thumb {
  margin-bottom: 40px;
}

.rs-alumni-one .rs-alumni-thumb img {
  width: 100%;
  border-radius: 12px;
}

.rs-alumni-one .section-desc {
  margin-bottom: 45px;
}

.rs-alumni-two .rs-alumni-wrapper {
  display: grid;
  grid-template-columns: 750px auto;
  gap: 30px;
  margin-top: 42px;
}

@media only screen and (max-width: 1600px) {
  .rs-alumni-two .rs-alumni-wrapper {
    grid-template-columns: 650px auto;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-alumni-two .rs-alumni-wrapper {
    grid-template-columns: 500px auto;
  }
}

@media only screen and (max-width: 991px) {
  .rs-alumni-two .rs-alumni-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

.rs-alumni-two .rs-alumni-content ul li {
  list-style: none;
  position: relative;
  padding-inline-start: 10px;
}

.rs-alumni-two .rs-alumni-content ul li:not(:last-child) {
  margin-bottom: 5px;
}

.rs-alumni-two .rs-alumni-content ul li::before {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  background: #4c4c4c;
  border-radius: 50%;
  top: 10px;
  inset-inline-start: 0;
}

.rs-alumni-two .rs-alumni-inner {
  position: relative;
  padding-inline-start: 40px;
}

@media only screen and (max-width: 991px) {
  .rs-alumni-two .rs-alumni-inner {
    padding-inline-start: 25px;
  }
}

.rs-alumni-two .rs-alumni-inner::before {
  position: absolute;
  content: "";
  inset-inline-start: 0px;
  top: 0px;
  width: 16px;
  height: 16px;
  background-color: var(--rs-theme-blue);
  border: 3px solid rgba(255, 255, 255, 0.98);
  border-radius: 50%;
  z-index: 2;
  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.3);
}

.rs-alumni-two .rs-alumni-inner::after {
  position: absolute;
  content: "";
  inset-inline-start: 7px;
  top: 0;
  bottom: 0;
  width: 1px;
  height: 100%;
  background-color: var(--rs-border-primary);
}

.rs-alumni-two .rs-alumni-title {
  background: var(--rs-theme-blue);
  padding-top: 23px;
  padding-bottom: 20px;
  padding-inline-start: 25px;
  padding-inline-end: 25px;
  border-radius: 6px 6px 0 0;
  color: var(--rs-white);
}

.rs-alumni-two .rs-alumni-content {
  color: var(--rs-text-primary);
  padding-top: 20px;
  padding-inline-start: 30px;
  padding-inline-end: 30px;
  padding-bottom: 25px;
  background: var(--rs-white);
  border-radius: 0 0 6px 6px;
  position: relative;
}

@media only screen and (max-width: 991px) {
  .rs-alumni-two .rs-alumni-content {
    padding-inline-start: 20px;
    padding-inline-end: 20px;
    padding-bottom: 20px;
  }
}

.rs-alumni-two .rs-alumni-thumb {
  height: 100%;
  width: 100%;
}

.rs-alumni-two .rs-alumni-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  border-radius: 12px;
}

.rs-alumni-two .rs-alumni-content-item-wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 30px;
}

.rs-alumni-two .rs-alumni-thumb-wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 30px;
}

.rs-alumni-two .rs-alumni-desc {
  font-weight: 500;
  font-style: italic;
}

.rs-alumni-details .rs-alumni-wrapper {
  display: grid;
  grid-template-columns: 400px auto;
  gap: 30px 50px;
  align-items: center;
}

@media only screen and (max-width: 1600px) {
  .rs-alumni-details .rs-alumni-wrapper {
    grid-template-columns: 350px auto;
    gap: 30px 30px;
    align-items: start;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-alumni-details .rs-alumni-wrapper {
    grid-template-columns: 300px auto;
  }
}

@media only screen and (max-width: 991px) {
  .rs-alumni-details .rs-alumni-wrapper {
    grid-template-columns: auto;
  }
}

.rs-alumni-details .rs-alumni-thumb-wrapper {
  background: var(--rs-white);
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.06);
  border-radius: 16px;
  padding: 12px;
}

@media only screen and (max-width: 1600px) {
  .rs-alumni-details .rs-alumni-thumb-wrapper {
    position: sticky;
    top: 110px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-alumni-details .rs-alumni-thumb-wrapper {
    position: relative;
    top: unset;
  }
}

.rs-alumni-details .rs-alumni-author-thumb img {
  width: 100%;
  border-radius: 12px;
}

.rs-alumni-details .rs-alumni-author-info {
  padding-top: 20px;
  padding-bottom: 13px;
}

.rs-alumni-details .rs-alumni-author-name {
  margin-bottom: 5px;
}

.rs-alumni-details .rs-alumni-details-title {
  margin-bottom: 15px;
}

.rs-alumni-details .rs-alumni-details-desc {
  border-bottom: 1px solid var(--rs-border-primary);
  padding-bottom: 30px;
  margin-bottom: 33px;
}

.rs-alumni-details .rs-alumni-info {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

@media only screen and (max-width: 767px) {
  .rs-alumni-details .rs-alumni-info {
    grid-template-columns: repeat(1, 1fr);
  }
}

.rs-alumni-details .rs-info-list li {
  list-style: none;
  position: relative;
  padding-inline-start: 12px;
}

.rs-alumni-details .rs-info-list li:not(:last-child) {
  margin-bottom: 8px;
}

.rs-alumni-details .rs-info-list li::before {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  background: #4c4c4c;
  border-radius: 50%;
  top: 9px;
  inset-inline-start: 0;
}

.rs-alumni-details .rs-alumni-info-title {
  margin-bottom: 15px;
}

/*----------------------------------------*/
/*  4.5 award css
/*----------------------------------------*/
.rs-award-one .rs-award-wrapper {
  display: grid;
  grid-template-columns: auto 745px;
  gap: 30px;
}

@media only screen and (max-width: 1600px) {
  .rs-award-one .rs-award-wrapper {
    grid-template-columns: auto 700px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-award-one .rs-award-wrapper {
    grid-template-columns: auto 650px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-award-one .rs-award-wrapper {
    grid-template-columns: auto;
    gap: 300px 30px;
  }
}

.rs-award-one .rs-award-list-item {
  justify-content: space-between;
  padding: 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.rs-award-one .rs-award-list-item:not(:last-child) {
  border-bottom: 1px solid var(--rs-border-primary);
}

.rs-award-one .rs-award-list-year {
  font-size: 20px;
  font-weight: 600;
  color: var(--rs-title-tertiary);
  font-family: var(--rs-ff-title);
}

.rs-award-one .rs-award-list {
  background: var(--rs-white);
  border-radius: 10px;
}

.rs-award-one .rs-badge-text {
  background-color: var(--rs-white);
  padding: 7px 16px 7px 16px;
  border-radius: 100px;
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.06);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.rs-award-one .rs-award-thumb-wrapper {
  position: relative;
}

.rs-award-one .rs-award-thumb {
  position: absolute;
  inset-inline-start: 229px;
  top: 0;
  opacity: 0;
  transform: translateY(10px);
  transition:
    opacity 0.5s ease,
    transform 0.5s ease;
}

@media only screen and (max-width: 1199px) {
  .rs-award-one .rs-award-thumb {
    inset-inline-start: 0px;
    top: 30px;
  }
}

.rs-award-one .rs-award-thumb.active {
  opacity: 1;
  transform: translateY(0);
}

.rs-award-one .rs-award-thumb img {
  width: 200px;
}

@media only screen and (max-width: 991px) {
  .rs-award-one .rs-award-thumb img {
    width: 100%;
  }
}

/*----------------------------------------*/
/*  4.6 Bio css
/*----------------------------------------*/
.rs-bio {
  position: relative;
}

.rs-bio-wrapper {
  display: grid;
  grid-template-columns: 300px auto;
  gap: 30px 40px;
  align-items: start;
}

@media only screen and (max-width: 1600px) {
  .rs-bio-wrapper {
    gap: 30px 30px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-bio-wrapper {
    grid-template-columns: auto;
  }
}

.rs-bio-author-wrapper {
  background: var(--rs-white);
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.02);
  border-radius: 16px;
  padding-top: 12px;
  padding-inline: 12px;
  padding-bottom: 25px;
}

.rs-bio-thumb img {
  border-radius: 16px;
  width: 100%;
}

.rs-bio-info {
  text-align: center;
  margin-top: 22px;
}

.rs-bio-name {
  margin-bottom: 3px;
}

.rs-bio-quote {
  margin: 0;
  background: var(--rs-white);
  padding-top: 34px;
  padding-bottom: 30px;
  padding-inline-start: 40px;
  padding-inline-end: 40px;
  border-radius: 10px;
  border: 1px dashed var(--rs-border-primary);
  margin-bottom: 30px;
}

@media only screen and (max-width: 1600px) {
  .rs-bio-quote {
    padding-top: 30px;
    padding-inline-start: 30px;
    padding-inline-end: 30px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-bio-quote {
    padding-top: 25px;
    padding-bottom: 25px;
    padding-inline-start: 25px;
    padding-inline-end: 25px;
  }
}

.rs-bio-quote-desc {
  font-style: italic;
}

.rs-bio-quote-icon {
  margin-bottom: 20px;
}

.rs-bio-quote-icon svg {
  width: 40px;
  height: 40px;
}

.rs-bio-quote-icon svg path {
  fill: var(--rs-theme-yellow);
}

.rs-bio-title {
  margin-bottom: 15px;
}

/*----------------------------------------*/
/*  4.7 campus life css
/*----------------------------------------*/
.rs-campus-life-one {
  position: relative;
}

.rs-campus-life-one .rs-campus-life-shape {
  position: absolute;
  bottom: 0;
  opacity: 0.5;
}

.rs-campus-life-one .rs-campus-life-sec-desc {
  max-width: 430px;
  margin-inline-start: auto;
  border-inline-start: 2px solid var(--rs-theme-yellow);
  padding-inline-start: 20px;
}

@media only screen and (max-width: 991px) {
  .rs-campus-life-one .rs-campus-life-sec-desc {
    max-width: 100%;
    margin-inline-start: unset;
  }
}

@media only screen and (max-width: 575px) {
  .rs-campus-life-one .rs-campus-life-sec-desc {
    padding-inline-start: 15px;
  }
}

.rs-campus-life-one .rs-campus-life-item {
  position: relative;
  border: 10px solid #f6f4ee;
  border-radius: 100px;
}

.rs-campus-life-one .rs-campus-life-item:hover .rs-campus-life-thumb::before {
  opacity: 1;
  visibility: visible;
}

.rs-campus-life-one .rs-campus-life-item:hover .rs-campus-life-content {
  visibility: visible;
  opacity: 1;
}

.rs-campus-life-one .rs-campus-life-thumb {
  position: relative;
  overflow: hidden;
}

.rs-campus-life-one .rs-campus-life-thumb::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-image: linear-gradient(180deg,
      rgba(0, 58, 101, 0) 0%,
      var(--rs-theme-blue) 100%);
  opacity: 0;
  visibility: hidden;
  transition: 0.6s;
  border-radius: 100px;
  z-index: 1;
}

.rs-campus-life-one .rs-campus-life-thumb img {
  width: 100%;
  border-radius: 100px;
}

.rs-campus-life-one .rs-campus-life-content {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  bottom: -140px;
  width: 100%;
  padding: 40px;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.6s;
  z-index: 1;
  writing-mode: sideways-lr;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.rs-campus-life-one .rs-campus-life-title {
  color: var(--rs-white);
}

.rs-campus-life-two {
  position: relative;
  z-index: 1;
  overflow-x: clip;
}

.rs-campus-life-two .rs-campus-life-bg-thumb {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

.rs-campus-life-two .rs-campus-life-bg-thumb::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(180deg, rgba(3, 3, 3, 0) 45.38%, #030303 111.13%);
  z-index: 1;
}

.rs-campus-life-two .section-title {
  font-size: 120px;
  color: var(--rs-white);
  line-height: 1.15;
}

@media only screen and (max-width: 1600px) {
  .rs-campus-life-two .section-title {
    font-size: 110px;
  }
}

@media only screen and (max-width: 1366px) {
  .rs-campus-life-two .section-title {
    font-size: 90px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-campus-life-two .section-title {
    font-size: 80px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-campus-life-two .section-title {
    font-size: 70px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-campus-life-two .section-title {
    font-size: 60px;
  }
}

@media only screen and (max-width: 575px) {
  .rs-campus-life-two .section-title {
    font-size: 50px;
  }
}

@media only screen and (max-width: 480px) {
  .rs-campus-life-two .section-title {
    font-size: 40px;
  }
}

.rs-campus-life-two .item-details-active {
  height: 715px;
}

@media only screen and (max-width: 1600px) {
  .rs-campus-life-two .item-details-active {
    height: 650px;
  }
}

@media only screen and (max-width: 1366px) {
  .rs-campus-life-two .item-details-active {
    height: 600px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-campus-life-two .item-details-active {
    height: 550px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-campus-life-two .item-details-active {
    height: 500px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-campus-life-two .item-details-active {
    height: 450px;
  }
}

.rs-campus-life-two .rs-campus-life-sec-wrapper {
  position: absolute;
  top: 120px;
  z-index: 2;
}

.rs-campus-life-two .rs-campus-life-sec-wrapper {
  position: absolute;
  top: 100px;
  z-index: 2;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  text-align: center;
}

@media only screen and (max-width: 575px) {
  .rs-campus-life-two .rs-campus-life-sec-wrapper {
    top: 50px;
  }
}

.rs-campus-life-two .item-details-nav .swiper-wrapper .custom-button {
  width: 130px;
  height: 130px;
  border-radius: 30px;
  border: 4px solid var(--rs-white);
}

.rs-campus-life-two .item-details-nav .swiper-wrapper .custom-button:hover {
  border-color: var(--rs-theme-red);
}

.rs-campus-life-two .item-details-nav .swiper-slide-thumb-active .custom-button {
  border-color: var(--rs-theme-red);
}

.rs-campus-life-two .rs-campus-life-thumb-small {
  position: absolute;
  bottom: 40px;
  z-index: 1;
  width: 100%;
}

.rs-campus-life-two .item-details-nav .swiper-wrapper {
  justify-content: center;
}

@media only screen and (max-width: 575px) {
  .rs-campus-life-two .item-details-nav .swiper-wrapper {
    justify-content: start;
  }
}

.rs-campus-life-two.has-theme-yellow .section-title {
  line-height: 1.25;
}

.rs-campus-life-two.has-theme-yellow .swiper-wrapper .custom-button:hover {
  border-color: var(--rs-theme-yellow);
}

.rs-campus-life-two.has-theme-yellow .swiper-slide-thumb-active .custom-button {
  border-color: var(--rs-theme-yellow);
}

.rs-campus-life-three {
  position: relative;
  overflow-x: clip;
}

.rs-campus-life-three.no-bg::before {
  content: none;
}

.rs-campus-life-three.no-bg .rs-campus-life-thumb {
  border-color: var(--rs-theme-blue);
}

.rs-campus-life-three::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 400px;
  bottom: 0;
  left: 0;
  background: var(--rs-bg-black);
}

.rs-campus-life-three .rs-campus-life-wrapper {
  padding-top: 90px;
  padding-bottom: 40px;
  margin-inline: 60px;
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 1600px) {
  .rs-campus-life-three .rs-campus-life-wrapper {
    margin-inline: 15px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-campus-life-three .rs-campus-life-wrapper {
    padding-top: 70px;
  }
}

.rs-campus-life-three .rs-campus-life-item.has-video {
  position: relative;
}

.rs-campus-life-three .rs-campus-life-video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.rs-campus-life-three .rs-campus-life-bg-thumb {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 16px;
}

.rs-campus-life-three .rs-campus-life-title {
  font-size: 120px;
  color: var(--rs-white);
  text-align: center;
  margin-bottom: 75px;
}

@media only screen and (max-width: 1600px) {
  .rs-campus-life-three .rs-campus-life-title {
    font-size: 110px;
  }
}

@media only screen and (max-width: 1366px) {
  .rs-campus-life-three .rs-campus-life-title {
    font-size: 100px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-campus-life-three .rs-campus-life-title {
    font-size: 90px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-campus-life-three .rs-campus-life-title {
    font-size: 80px;
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-campus-life-three .rs-campus-life-title {
    font-size: 70px;
  }
}

@media only screen and (max-width: 575px) {
  .rs-campus-life-three .rs-campus-life-title {
    font-size: 60px;
  }
}

@media only screen and (max-width: 480px) {
  .rs-campus-life-three .rs-campus-life-title {
    font-size: 40px;
  }
}

.rs-campus-life-three .rs-campus-life-item-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

@media only screen and (max-width: 991px) {
  .rs-campus-life-three .rs-campus-life-item-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 767px) {
  .rs-campus-life-three .rs-campus-life-item-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

.rs-campus-life-three .rs-campus-life-thumb {
  border: 6px solid #231f30;
  border-radius: 20px;
  overflow: hidden;
}

.rs-campus-life-three .rs-campus-life-thumb img {
  width: 100%;
  display: block;
}

.rs-campus-life-three.has-theme-cyan::before {
  background: var(--rs-theme-cyan);
}

.rs-campus-life-three.has-theme-cyan .rs-campus-life-thumb {
  border-color: var(--rs-theme-cyan);
}

.rs-campus-life-three.has-theme-blue .rs-campus-life-bg-thumb::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(180deg,
      rgba(16, 14, 18, 0) -22.13%,
      #100e12 100%,
      #100e12 100%);
  border-radius: 12px;
}

.rs-campus-life-three.has-theme-blue .rs-campus-life-title {
  text-align: center;
  margin-bottom: 45px;
  font-size: 100px;
  color: rgba(255, 255, 255, 0.1);
  -webkit-text-stroke-width: 1px;
  stroke-width: 1px;
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.6);
  stroke: rgba(255, 255, 255, 0.6);
}

@media only screen and (max-width: 1366px) {
  .rs-campus-life-three.has-theme-blue .rs-campus-life-title {
    font-size: 80px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-campus-life-three.has-theme-blue .rs-campus-life-title {
    font-size: 70px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-campus-life-three.has-theme-blue .rs-campus-life-title {
    font-size: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-campus-life-three.has-theme-blue .rs-campus-life-title {
    font-size: 50px;
  }
}

@media only screen and (max-width: 575px) {
  .rs-campus-life-three.has-theme-blue .rs-campus-life-title {
    font-size: 40px;
  }
}

.rs-campus-life-three.has-theme-blue .rs-campus-life-thumb {
  border-color: rgba(255, 255, 255, 0.3);
}

.rs-campus-life-four {
  background: var(--rs-theme-green);
  padding-top: 150px;
  position: relative;
  z-index: 1;
  overflow-x: clip;
}

@media only screen and (max-width: 1199px) {
  .rs-campus-life-four {
    padding-top: 100px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-campus-life-four {
    padding-top: 80px;
  }
}

.rs-campus-life-four .rs-campus-life-shape-one {
  position: absolute;
  inset-inline-end: 140px;
  top: 160px;
}

@media only screen and (max-width: 991px) {
  .rs-campus-life-four .rs-campus-life-shape-one {
    display: none;
  }
}

.rs-campus-life-four .rs-campus-life-shape-two {
  position: absolute;
  top: 80px;
  inset-inline-start: 110px;
  animation: rs-rotate-anim 3s linear 0s infinite alternate;
}

@media only screen and (max-width: 1600px) {
  .rs-campus-life-four .rs-campus-life-shape-two {
    inset-inline-start: 30px;
    top: 50px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-campus-life-four .rs-campus-life-shape-two {
    display: none;
  }
}

.rs-campus-life-four .rs-campus-life-bg-thumb {
  position: absolute;
  width: 100%;
  height: 700px;
  bottom: 0;
  left: 0;
  border-radius: 16px 16px 0px 0px;
  z-index: -1;
}

@media only screen and (max-width: 1600px) {
  .rs-campus-life-four .rs-campus-life-bg-thumb {
    height: 650px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-campus-life-four .rs-campus-life-bg-thumb {
    height: 500px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-campus-life-four .rs-campus-life-bg-thumb {
    display: none;
  }
}

.rs-campus-life-four .rs-campus-life-wrapper {
  margin-inline: 60px;
  padding-bottom: 60px;
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 1600px) {
  .rs-campus-life-four .rs-campus-life-wrapper {
    margin-inline: 15px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-campus-life-four .rs-campus-life-wrapper {
    margin-inline: 0px;
  }
}

.rs-campus-life-four .rs-campus-life-content-wrapper {
  display: grid;
  grid-template-columns: 780px auto;
  gap: 30px 120px;
}

@media only screen and (max-width: 1600px) {
  .rs-campus-life-four .rs-campus-life-content-wrapper {
    grid-template-columns: 700px auto;
    gap: 30px 30px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-campus-life-four .rs-campus-life-content-wrapper {
    grid-template-columns: auto auto;
  }
}

@media only screen and (max-width: 991px) {
  .rs-campus-life-four .rs-campus-life-content-wrapper {
    grid-template-columns: auto;
  }
}

.rs-campus-life-four .section-title {
  font-size: 120px;
  color: var(--rs-white);
  margin-bottom: 120px;
}

@media only screen and (max-width: 1600px) {
  .rs-campus-life-four .section-title {
    font-size: 110px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-campus-life-four .section-title {
    font-size: 100px;
    margin-bottom: 80px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-campus-life-four .section-title {
    font-size: 80px;
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-campus-life-four .section-title {
    font-size: 60px;
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 575px) {
  .rs-campus-life-four .section-title {
    font-size: 40px;
    margin-bottom: 30px;
  }
}

.rs-campus-life-four .rs-campus-life-thumb-wrapper {
  display: flex;
  align-items: center;
  gap: 30px 35px;
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 575px) {
  .rs-campus-life-four .rs-campus-life-thumb-wrapper {
    flex-wrap: wrap;
  }
}

.rs-campus-life-four .rs-campus-life-thumb {
  border: 6px solid var(--rs-white);
  border-radius: 30px;
  overflow: hidden;
}

.rs-campus-life-four .rs-campus-life-thumb img {
  width: 100%;
  display: block;
}

.rs-campus-life-four .rs-campus-life-badge {
  background: var(--rs-theme-green);
  padding: 20px;
  display: flex;
  align-items: center;
  border-radius: 50%;
  width: 130px;
  height: 130px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  top: 50%;
}

.rs-campus-life-four .rs-campus-life-badge img {
  width: 90px;
}

.rs-campus-life-four .rs-notice-wrapper {
  background-color: var(--rs-white);
  padding-top: 25px;
  padding-bottom: 30px;
  padding-inline-start: 35px;
  padding-inline-end: 35px;
  border-radius: 16px;
}

@media only screen and (max-width: 1600px) {
  .rs-campus-life-four .rs-notice-wrapper {
    padding-inline-start: 25px;
    padding-inline-end: 25px;
    padding-bottom: 25px;
  }
}

.rs-campus-life-four .rs-notice-wrapper .popup-circle {
  width: 8px;
  height: 8px;
  position: relative;
}

.rs-campus-life-four .rs-notice-wrapper .popup-circle::before {
  background: var(--rs-theme-yellow);
}

.rs-campus-life-four .rs-notice-wrapper .popup-circle::after {
  background: var(--rs-theme-yellow);
}

.rs-campus-life-four .rs-notice-wrapper .rs-notice-sec-title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid var(--rs-border-primary);
  margin-bottom: 20px;
}

.rs-campus-life-four .rs-notice-wrapper .rs-notice-item:not(:last-child) {
  border-bottom: 1px solid var(--rs-border-primary);
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.rs-campus-life-four .rs-notice-wrapper .rs-notice-title {
  font-size: 17px;
  margin-bottom: 10px;
}

.rs-campus-life-four .rs-notice-wrapper .rs-notice-content {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
}

.rs-campus-life-four .rs-notice-wrapper .rs-notice-meta {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.rs-campus-life-four .rs-notice-wrapper .rs-notice-date {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.rs-campus-life-four .rs-notice-wrapper .rs-notice-date svg {
  width: 14px;
  height: 14px;
}

.rs-campus-life-four .rs-notice-wrapper .rs-notice-id {
  font-size: 13px;
}

.rs-campus-life-four .rs-notice-wrapper .rs-notice-link svg {
  width: 20px;
  height: 20px;
}

.rs-campus-life-four .rs-notice-wrapper .rs-notice-link svg path {
  transition: 0.3s;
}

.rs-campus-life-four .rs-notice-wrapper .rs-notice-link a:hover svg path {
  fill: var(--rs-theme-yellow);
}

.rs-campus-life-five {
  background: var(--rs-theme-green-two);
  position: relative;
  overflow-x: clip;
}

.rs-campus-life-five .rs-campus-life-shape {
  position: absolute;
  top: 80px;
  inset-inline-start: 120px;
}

@media only screen and (max-width: 1199px) {
  .rs-campus-life-five .rs-campus-life-shape {
    inset-inline-start: 30px;
  }
}

.rs-campus-life-five .rs-campus-life-shape-two {
  position: absolute;
  top: 160px;
  inset-inline-end: -100px;
}

.rs-campus-life-five .section-title-wrapper {
  padding-top: 100px;
  padding-bottom: 50px;
}

@media only screen and (max-width: 1199px) {
  .rs-campus-life-five .section-title-wrapper {
    padding-top: 80px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-campus-life-five .section-title-wrapper {
    padding-top: 70px;
  }
}

.rs-campus-life-five .section-title {
  font-size: 120px;
  color: var(--rs-white);
}

@media only screen and (max-width: 1600px) {
  .rs-campus-life-five .section-title {
    font-size: 100px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-campus-life-five .section-title {
    font-size: 90px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-campus-life-five .section-title {
    font-size: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-campus-life-five .section-title {
    font-size: 70px;
  }
}

@media only screen and (max-width: 575px) {
  .rs-campus-life-five .section-title {
    font-size: 60px;
  }
}

@media only screen and (max-width: 480px) {
  .rs-campus-life-five .section-title {
    font-size: 50px;
  }
}

.rs-campus-life-five .rs-campus-life-wrapper {
  position: relative;
  z-index: 1;
  padding-top: 120px;
}

@media only screen and (max-width: 1199px) {
  .rs-campus-life-five .rs-campus-life-wrapper {
    padding-top: 100px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-campus-life-five .rs-campus-life-wrapper {
    padding-top: 80px;
  }
}

.rs-campus-life-five .rs-campus-life-bg-thumb {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

.rs-campus-life-five .rs-notice-wrapper {
  background-color: var(--rs-white);
  padding-top: 25px;
  padding-bottom: 30px;
  padding-inline-start: 35px;
  padding-inline-end: 35px;
  border-radius: 16px 16px 0px 0px;
}

@media only screen and (max-width: 991px) {
  .rs-campus-life-five .rs-notice-wrapper {
    padding-bottom: 25px;
    padding-inline-start: 25px;
    padding-inline-end: 25px;
  }
}

.rs-campus-life-five .rs-notice-wrapper .popup-circle {
  width: 8px;
  height: 8px;
  position: relative;
}

.rs-campus-life-five .rs-notice-wrapper .popup-circle::before {
  background: var(--rs-theme-green-two);
}

.rs-campus-life-five .rs-notice-wrapper .popup-circle::after {
  background: var(--rs-theme-green-two);
}

.rs-campus-life-five .rs-notice-wrapper .rs-notice-sec-title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid var(--rs-border-primary);
  margin-bottom: 20px;
}

.rs-campus-life-five .rs-notice-wrapper .rs-notice-item:not(:last-child) {
  border-bottom: 1px solid var(--rs-border-primary);
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.rs-campus-life-five .rs-notice-wrapper .rs-notice-title {
  font-size: 17px;
  margin-bottom: 10px;
}

.rs-campus-life-five .rs-notice-wrapper .rs-notice-content {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
}

.rs-campus-life-five .rs-notice-wrapper .rs-notice-meta {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.rs-campus-life-five .rs-notice-wrapper .rs-notice-date {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.rs-campus-life-five .rs-notice-wrapper .rs-notice-date svg {
  width: 14px;
  height: 14px;
}

.rs-campus-life-five .rs-notice-wrapper .rs-notice-id {
  font-size: 13px;
}

.rs-campus-life-five .rs-notice-wrapper .rs-notice-link svg {
  width: 20px;
  height: 20px;
}

.rs-campus-life-five .rs-notice-wrapper .rs-notice-link svg path {
  transition: 0.3s;
}

.rs-campus-life-five .rs-notice-wrapper .rs-notice-link a:hover svg path {
  fill: var(--rs-theme-green-two);
}

.rs-campus-life-five .rs-campus-life-content-wrapper {
  display: grid;
  grid-template-columns: 375px 500px;
  justify-content: space-between;
  gap: 30px;
}

@media only screen and (max-width: 991px) {
  .rs-campus-life-five .rs-campus-life-content-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

[dir="rtl"] .rs-campus-life-five .rs-campus-life-thumb {
  transform: rotateY(180deg);
}

.rs-campus-life-five .rs-campus-life-thumb img {
  width: 100%;
  border: 6px solid var(--rs-white);
}

.rs-campus-life-five .rs-campus-life-thumb-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  position: relative;
  z-index: 1;
}

.rs-campus-life-five .rs-campus-life-thumb-wrapper .rs-campus-life-thumb:nth-child(2) img {
  border-radius: 96% 0% 0% 0%;
}

.rs-campus-life-five .rs-campus-life-thumb-wrapper .rs-campus-life-thumb:nth-child(3) img {
  border-radius: 0% 96% 0% 0%;
}

.rs-campus-life-five .rs-campus-life-thumb-wrapper .rs-campus-life-thumb:nth-child(4) img {
  border-radius: 96% 0% 0% 0%;
}

.rs-campus-life-five .rs-campus-life-thumb-wrapper .rs-campus-life-thumb:nth-child(5) img {
  border-radius: 0% 96% 0% 0%;
}

.rs-campus-life-five .rs-about-badge {
  background: var(--rs-theme-green-two);
  padding: 20px;
  display: flex;
  align-items: center;
  border-radius: 50%;
  width: 130px;
  height: 130px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

@media only screen and (max-width: 480px) {
  .rs-campus-life-five .rs-about-badge {
    width: 100px;
    height: 100px;
    padding: 15px;
  }
}

.rs-campus-life-five .rs-about-badge img {
  width: 90px;
}

.rs-campus-life-six .rs-campus-life-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-top: 45px;
}

@media only screen and (max-width: 991px) {
  .rs-campus-life-six .rs-campus-life-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 767px) {
  .rs-campus-life-six .rs-campus-life-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

.rs-campus-life-six .rs-campus-life-item {
  border-radius: 12px;
  background: var(--rs-white);
  padding-top: 28px;
  padding-bottom: 12px;
  padding-inline: 12px;
  text-align: center;
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.06);
  display: flex;
  flex-direction: column;
}

.rs-campus-life-six .rs-campus-life-shape {
  position: absolute;
  top: 50px;
  inset-inline-start: 0;
}

.rs-campus-life-six .rs-campus-life-thumb {
  height: 100%;
}

.rs-campus-life-six .rs-campus-life-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}

.rs-campus-life-six .rs-campus-life-desc {
  margin-top: 10px;
  margin-bottom: 25px;
  padding-inline: 20px;
}

@media only screen and (max-width: 1366px) {
  .rs-campus-life-six .rs-campus-life-desc {
    padding-inline: 10px;
    font-size: 15px;
  }
}

.rs-campus-life-six .rs-campus-life-title {
  position: relative;
  z-index: 1;
  padding-top: 20px;
}

.rs-campus-life-six .rs-campus-life-title::before {
  position: absolute;
  content: "";
  width: 40px;
  height: 3px;
  background: var(--rs-theme-yellow);
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}

.rs-campus-life-seven {
  overflow-x: clip;
}

.rs-campus-life-seven .section-title {
  font-size: 120px;
  color: var(--rs-white);
  text-align: center;
  line-height: 1;
  padding-top: 100px;
  padding-bottom: 70px;
  background: var(--rs-theme-red);
}

@media only screen and (max-width: 1600px) {
  .rs-campus-life-seven .section-title {
    font-size: 100px;
    padding-top: 80px;
    padding-bottom: 50px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-campus-life-seven .section-title {
    font-size: 60px;
    padding-top: 60px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-campus-life-seven .section-title {
    font-size: 50px;
    padding-top: 40px;
    padding-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-campus-life-seven .section-title {
    font-size: 40px;
  }
}

.rs-campus-life-seven .rs-campus-life-notice {
  width: 390px;
  position: absolute;
  bottom: 0;
  inset-inline-end: 315px;
}

@media only screen and (max-width: 991px) {
  .rs-campus-life-seven .rs-campus-life-notice {
    inset-inline-start: 50%;
    transform: translateX(-50%);
  }
}

@media only screen and (max-width: 480px) {
  .rs-campus-life-seven .rs-campus-life-notice {
    width: 100%;
    padding-inline: 15px;
  }
}

.rs-campus-life-seven .rs-campus-life-video {
  height: 560px;
  position: relative;
}

@media only screen and (max-width: 1600px) {
  .rs-campus-life-seven .rs-campus-life-video {
    height: 500px;
  }
}

@media only screen and (max-width: 1600px) {
  .rs-campus-life-seven .rs-campus-life-video {
    height: 500px;
  }
}

.rs-campus-life-seven .rs-campus-life-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.rs-campus-life-seven .rs-notice-wrapper {
  background-color: var(--rs-white);
  padding-top: 25px;
  padding-bottom: 30px;
  padding-inline-start: 35px;
  padding-inline-end: 35px;
  border-radius: 16px 16px 0px 0px;
}

@media only screen and (max-width: 480px) {
  .rs-campus-life-seven .rs-notice-wrapper {
    padding-bottom: 25px;
    padding-inline-start: 25px;
    padding-inline-end: 25px;
  }
}

.rs-campus-life-seven .rs-notice-wrapper .popup-circle {
  width: 8px;
  height: 8px;
  position: relative;
}

.rs-campus-life-seven .rs-notice-wrapper .popup-circle::before {
  background: var(--rs-theme-red);
}

.rs-campus-life-seven .rs-notice-wrapper .popup-circle::after {
  background: var(--rs-theme-red);
}

.rs-campus-life-seven .rs-notice-wrapper .rs-notice-sec-title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid var(--rs-border-primary);
  margin-bottom: 20px;
}

.rs-campus-life-seven .rs-notice-wrapper .rs-notice-item:not(:last-child) {
  border-bottom: 1px solid var(--rs-border-primary);
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.rs-campus-life-seven .rs-notice-wrapper .rs-notice-title {
  font-size: 17px;
  margin-bottom: 10px;
}

@media only screen and (max-width: 575px) {
  .rs-campus-life-seven .rs-notice-wrapper .rs-notice-title {
    font-size: 15px;
  }
}

.rs-campus-life-seven .rs-notice-wrapper .rs-notice-content {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
}

.rs-campus-life-seven .rs-notice-wrapper .rs-notice-meta {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.rs-campus-life-seven .rs-notice-wrapper .rs-notice-date {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  margin-bottom: 5px;
}

.rs-campus-life-seven .rs-notice-wrapper .rs-notice-date svg {
  width: 14px;
  height: 14px;
}

.rs-campus-life-seven .rs-notice-wrapper .rs-notice-id {
  font-size: 13px;
}

.rs-campus-life-seven .rs-notice-wrapper .rs-notice-link svg {
  width: 20px;
  height: 20px;
}

.rs-campus-life-seven .rs-notice-wrapper .rs-notice-link svg path {
  transition: 0.3s;
}

.rs-campus-life-seven .rs-notice-wrapper .rs-notice-link a:hover svg path {
  fill: var(--rs-theme-red);
}

/*----------------------------------------*/
/*  4.8 cart css
/*----------------------------------------*/
.table.table-bordered {
  border: 1px solid var(--rs-border-primary);
}

@media only screen and (max-width: 991px) {
  .table.table-bordered {
    width: 900px;
  }
}

.table.table-bordered thead tr th {
  border: none;
}

.shop-table-content table {
  border-color: var(--rs-border-primary);
  text-align: center;
}

.shop-table-content table>thead {
  vertical-align: middle;
}

.shop-table-content table>thead th {
  font-size: 16px;
  font-weight: 500;
}

.shop-table-content table>tbody {
  vertical-align: middle;
}

.shop-table-content table .product-thumbnail img {
  width: 125px;
}

.shop-table-content table .rs-product-quantity {
  margin: auto;
}

.removeRow {
  color: var(--rs-black);
  transition: all 0.3s ease-in-out;
}

.removeRow:hover {
  color: var(--rs-theme-orange);
}

.rs-cart-checkout-wrapper {
  background: var(--rs-bg-primary);
  padding: 36px 24px 28px;
  margin-left: -24px;
}

.rs-cart-checkout-top {
  padding-bottom: 13px;
  margin-bottom: 19px;
  border-bottom: 1px solid var(--rs-border-primary);
}

.rs-cart-checkout-top span {
  font-size: 20px;
  color: var(--rs-black);
  font-weight: 500;
}

.rs-cart-checkout-shipping {
  padding-bottom: 16px;
  border-bottom: 1px solid var(--rs-border-primary);
  margin-bottom: 15px;
}

.rs-cart-checkout-shipping-title {
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 15px;
  font-family: var(--rs-ff-body);
  color: var(--rs-black);
}

.rs-cart-checkout-shipping-option:not(:last-child) {
  margin-bottom: 5px;
}

.rs-cart-checkout-shipping-option input[type="radio"]~label::before {
  border: 1px solid var(--rs-black);
}

.rs-cart-checkout-shipping-option input[type="radio"]:checked~label::before {
  border-color: var(--rs-primary);
}

.rs-cart-checkout-shipping-option input[type="radio"]:checked~label::after {
  background-color: var(--rs-primary);
}

.rs-cart-checkout-shipping-option label {
  color: var(--rs-black);
  position: relative;
  padding-left: 25px;
  display: flex;
  justify-content: space-between;
}

.rs-cart-checkout-shipping-option label span {
  color: var(--rs-primary);
}

.rs-cart-checkout-total {
  margin-bottom: 25px;
}

.rs-cart-checkout-total span {
  font-weight: 500;
  font-size: 18px;
  color: var(--rs-black);
}

.rs-cart-coupon-input-box label {
  font-size: 18px;
  color: var(--rs-black);
  margin-bottom: 10px;
  font-weight: var(--rs-fw-sbold);
}

.rs-cart-coupon-input-box input[type="text"] {
  max-width: 282px;
  height: 60px;
}

.rs-cart-coupon-input .rs-btn:hover {
  background: var(--rs-theme-yellow);
}

.rs-cart-update .rs-btn:hover {
  background: var(--rs-theme-yellow);
}

.cart-page-total {
  margin-top: 80px;
}

@media only screen and (max-width: 767px) {
  .cart-page-total {
    margin-top: 60px;
  }
}

.cart-page-total h5 {
  margin-bottom: 20px;
}

.cart-page-total ul {
  border: 1px solid var(--rs-border-primary);
}

.cart-page-total ul li {
  list-style: none;
  font-size: 16px;
  color: var(--rs-black);
  padding: 10px 30px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cart-page-total ul li:not(:last-child) {
  border-bottom: 1px solid var(--rs-border-primary);
}

.cart-page-total .rs-btn {
  border-color: var(--rs-border-primary);
  color: var(--rs-title-primary);
}

.cart-page-total .rs-btn:hover {
  background: var(--rs-theme-blue);
  color: var(--rs-white);
  border-color: var(--rs-theme-blue);
}

.product-title:hover {
  color: var(--rs-theme-yellow);
}

/*----------------------------------------*/
/*   4.9 Contact css
/*----------------------------------------*/
.rs-contact-one {
  position: relative;
  overflow-x: clip;
  z-index: 1;
}

.rs-contact-one .rs-contact-bg-thumb {
  position: absolute;
  width: 100%;
  height: 600px;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: 12px;
}

@media only screen and (max-width: 991px) {
  .rs-contact-one .rs-contact-bg-thumb {
    display: none;
  }
}


@media only screen and (max-width: 991px) {
  .rs-contact-one .rs-contact-bg-thumb::before {
    display: none;
  }
}

.rs-contact-one .rs-contact-thumb-wrapper {
  position: relative;
}

.rs-contact-one .rs-contact-bg-thumb-two {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: 12px;
  display: none;
}

@media only screen and (max-width: 991px) {
  .rs-contact-one .rs-contact-bg-thumb-two {
    display: block;
  }
}

.rs-contact-one .rs-contact-wrapper {
  margin-inline: 40px;
  position: relative;
}

@media only screen and (max-width: 1600px) {
  .rs-contact-one .rs-contact-wrapper {
    margin-inline: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-contact-one .rs-contact-wrapper {
    margin-inline: 0px;
  }
}

.rs-contact-one .rs-contact-sec-wrapper {
  margin-inline-end: 100px;
}

@media only screen and (max-width: 1600px) {
  .rs-contact-one .rs-contact-sec-wrapper {
    margin-inline-end: 0px;
  }
}

.rs-contact-one .rs-contact-form {
  padding-inline-end: 40px;
  padding-inline-start: 40px;
  padding-top: 30px;
  padding-bottom: 40px;
  background: var(--rs-theme-blue);
  border-top: 5px solid var(--rs-theme-yellow);
  border-radius: 0px 0px 12px 12px;
  margin-bottom: 80px;
}

@media only screen and (max-width: 1366px) {
  .rs-contact-one .rs-contact-form {
    padding-inline-end: 30px;
    padding-inline-start: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-contact-one .rs-contact-form {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 480px) {
  .rs-contact-one .rs-contact-form {
    padding-inline-end: 20px;
    padding-inline-start: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

.rs-contact-one .rs-contact-form-title {
  margin-bottom: 17px;
}

.rs-contact-one .rs-contact-input input {
  height: 50px;
  border-radius: 8px;
  padding-inline-start: 20px;
  padding-inline-end: 20px;
  background: #1d44b7;
  border-color: #1d44b7;
  color: var(--rs-white);
}

.rs-contact-one .rs-contact-input input::placeholder {
  color: rgba(255, 255, 255, 0.396);
}

.rs-contact-one .rs-contact-input textarea {
  height: 140px;
  border-radius: 8px;
  padding: 15px 20px;
  background: #1d44b7;
  border-color: #1d44b7;
  color: var(--rs-white);
}

.rs-contact-one .rs-contact-input textarea::placeholder {
  color: rgba(255, 255, 255, 0.396);
}

.rs-contact-one .rs-contact-thumb {
  position: relative;
  width: 355px;
  margin-top: 80px;
}

@media only screen and (max-width: 991px) {
  .rs-contact-one .rs-contact-thumb {
    margin: 30px auto 0;
  }
}

@media only screen and (max-width: 767px) {
  .rs-contact-one .rs-contact-thumb {
    width: 100%;
  }
}

.rs-contact-one .rs-contact-thumb img {
  width: 100%;
  object-fit: cover;
}

.rs-contact-one .form-title {
  color: var(--rs-white);
}

@media only screen and (max-width: 1199px) {
  .rs-contact-one.has-theme-red .rs-contact-bg-thumb {
    height: 550px;
  }
}

.rs-contact-one.has-theme-red::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 310px;
  background: var(--rs-bg-secondary);
  bottom: 0;
  z-index: -1;
}

.rs-contact-one.has-theme-red .rs-contact-bg-thumb::before {
  background-image: linear-gradient(-96.26deg,
      rgba(35, 31, 32, 0.5215686275) 0%,
      rgba(35, 31, 32, 0.5411764706) 99.06%);
  opacity: 1;
}

.rs-contact-one.has-theme-red .rs-contact-wrapper {
  margin-inline: 60px;
  padding-bottom: 90px;
}

@media only screen and (max-width: 1600px) {
  .rs-contact-one.has-theme-red .rs-contact-wrapper {
    margin-inline: 15px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-contact-one.has-theme-red .rs-contact-wrapper {
    margin-inline: 0px;
    padding-bottom: 0;
  }
}

.rs-contact-one.has-theme-red .rs-contact-form {
  background: var(--rs-bg-black);
  border-top: 10px solid var(--rs-theme-red);
  margin-bottom: 0;
}

.rs-contact-one.has-theme-red .rs-contact-input input {
  background: #191516;
  border-color: #191516;
}

.rs-contact-one.has-theme-red .rs-contact-input textarea {
  background: #191516;
  border-color: #191516;
}

@media only screen and (max-width: 991px) {
  .rs-contact-one.has-theme-green {
    padding-bottom: 80px;
  }
}

.rs-contact-one.has-theme-green .rs-contact-bg-thumb {
  height: 615px;
  border-radius: 0;
}

.rs-contact-one.has-theme-green .rs-contact-bg-thumb::before {
  background-image: linear-gradient(96.26deg,
      rgba(0, 58, 101, 0) 0%,
      #1d3d36 99.06%);
  opacity: 1;
}

.rs-contact-one.has-theme-green .rs-contact-wrapper {
  padding: 0;
  margin: 0;
}

.rs-contact-one.has-theme-green .rs-contact-form {
  background: var(--rs-white);
  border-top: 0;
}

.rs-contact-one.has-theme-green .rs-contact-input input {
  background: var(--rs-white);
  border-color: var(--rs-border-primary);
  color: var(--rs-title-primary);
}

.rs-contact-one.has-theme-green .rs-contact-input input::placeholder {
  color: rgba(2, 1, 1, 0.4);
}

.rs-contact-one.has-theme-green .rs-contact-input textarea {
  background: var(--rs-white);
  border-color: var(--rs-border-primary);
  color: var(--rs-title-primary);
}

.rs-contact-one.has-theme-green .rs-contact-input textarea::placeholder {
  color: rgba(2, 1, 1, 0.4);
}

.rs-contact-one.has-theme-green .rs-contact-thumb {
  margin-top: 120px;
}

@media only screen and (max-width: 991px) {
  .rs-contact-one.has-theme-green .rs-contact-thumb {
    margin-top: 30px;
  }
}

.rs-contact-one.has-theme-green .form-title {
  color: var(--rs-title-primary);
}

.rs-contact-one.has-theme-cyan::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 305px;
  background: var(--rs-bg-primary);
  bottom: 0;
  left: 0;
  z-index: -1;
}

.rs-contact-one.has-theme-cyan .rs-contact-shape {
  position: absolute;
  top: 140px;
  inset-inline-start: 0;
}

@media only screen and (max-width: 1600px) {
  .rs-contact-one.has-theme-cyan .rs-contact-shape {
    display: none;
  }
}

.rs-contact-one.has-theme-cyan .rs-contact-bg-thumb::before {
  background-image: linear-gradient(96.26deg,
      rgba(0, 58, 101, 0) 0%,
      #0c5776 99.06%);
  opacity: 1;
}

.rs-contact-one.has-theme-cyan .rs-contact-form {
  background: var(--rs-white);
  border-top: 0;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.06);
  border-radius: 12px;
}

.rs-contact-one.has-theme-cyan .rs-contact-input input {
  background: var(--rs-white);
  border-color: var(--rs-border-primary);
  color: var(--rs-title-primary);
}

.rs-contact-one.has-theme-cyan .rs-contact-input input::placeholder {
  color: rgba(2, 1, 1, 0.4);
}

.rs-contact-one.has-theme-cyan .rs-contact-input input:focus {
  border-color: var(--rs-theme-cyan);
}

.rs-contact-one.has-theme-cyan .rs-contact-input textarea {
  background: var(--rs-white);
  border-color: var(--rs-border-primary);
  color: var(--rs-title-primary);
}

.rs-contact-one.has-theme-cyan .rs-contact-input textarea::placeholder {
  color: rgba(2, 1, 1, 0.4);
}

.rs-contact-one.has-theme-cyan .rs-contact-input textarea:focus {
  border-color: var(--rs-theme-cyan);
}

.rs-contact-one.has-theme-cyan .rs-contact-thumb {
  margin-top: 90px;
}

@media only screen and (max-width: 991px) {
  .rs-contact-one.has-theme-cyan .rs-contact-thumb {
    margin-top: 40px;
  }
}

.rs-contact-one.has-theme-cyan .form-title {
  color: var(--rs-title-primary);
}

.rs-contact-one.has-theme-cyan .rs-contact-wrapper {
  margin-inline: 60px;
}

@media only screen and (max-width: 1600px) {
  .rs-contact-one.has-theme-cyan .rs-contact-wrapper {
    margin-inline: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-contact-one.has-theme-cyan .rs-contact-wrapper {
    margin-inline: 0px;
  }
}

.rs-contact-one.has-theme-red-two .rs-contact-shape {
  position: absolute;
  top: 140px;
  inset-inline-start: 0;
}

@media only screen and (max-width: 1600px) {
  .rs-contact-one.has-theme-red-two .rs-contact-shape {
    display: none;
  }
}

.rs-contact-one.has-theme-red-two .rs-contact-bg-thumb::before {
  content: none;
}

.rs-contact-one.has-theme-red-two .rs-contact-form {
  background: var(--rs-white);
  border-top: 0;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.06);
  border-radius: 12px;
}

.rs-contact-one.has-theme-red-two .rs-contact-input input {
  background: var(--rs-white);
  border-color: var(--rs-border-primary);
  color: var(--rs-title-primary);
}

.rs-contact-one.has-theme-red-two .rs-contact-input input::placeholder {
  color: rgba(2, 1, 1, 0.4);
}

.rs-contact-one.has-theme-red-two .rs-contact-input input:focus {
  border-color: var(--rs-theme-red);
}

.rs-contact-one.has-theme-red-two .rs-contact-input textarea {
  background: var(--rs-white);
  border-color: var(--rs-border-primary);
  color: var(--rs-title-primary);
}

.rs-contact-one.has-theme-red-two .rs-contact-input textarea::placeholder {
  color: rgba(2, 1, 1, 0.4);
}

.rs-contact-one.has-theme-red-two .rs-contact-input textarea:focus {
  border-color: var(--rs-theme-red);
}

.rs-contact-one.has-theme-red-two .rs-contact-thumb {
  margin-top: 90px;
}

@media only screen and (max-width: 991px) {
  .rs-contact-one.has-theme-red-two .rs-contact-thumb {
    margin-top: 40px;
  }
}

.rs-contact-one.has-theme-red-two .form-title {
  color: var(--rs-title-primary);
}

.rs-contact-one.has-theme-red-two .rs-contact-wrapper {
  margin-inline: 0px;
}

.rs-contact-two {
  position: relative;
  overflow-x: clip;
  z-index: 1;
  padding-bottom: 120px;
}

@media only screen and (max-width: 1199px) {
  .rs-contact-two {
    padding-bottom: 100px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-contact-two {
    padding-bottom: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-contact-two {
    padding-bottom: 0px;
  }
}

.rs-contact-two .rs-contact-wrapper {
  position: relative;
  margin-inline: 40px;
}

@media only screen and (max-width: 767px) {
  .rs-contact-two .rs-contact-wrapper {
    margin-inline: 0px;
  }
}

.rs-contact-two .rs-contact-bg-thumb {
  position: absolute;
  width: 100%;
  height: 528px;
  bottom: -120px;
  left: 0;
  z-index: -1;
  border-radius: 16px;
}

@media only screen and (max-width: 1199px) {
  .rs-contact-two .rs-contact-bg-thumb {
    bottom: -100px;
    height: 500px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-contact-two .rs-contact-bg-thumb {
    bottom: -80px;
    height: 470px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-contact-two .rs-contact-bg-thumb {
    display: none;
  }
}

.rs-contact-two .rs-contact-bg-thumb::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: linear-gradient(180deg,
      rgba(0, 58, 101, 0) 5.54%,
      #030303 168.66%);
  border-radius: 16px;
}

.rs-contact-two .rs-contact-form-wrapper {
  background: var(--rs-white);
  padding: 40px;
  border-radius: 12px;
}

@media only screen and (max-width: 1600px) {
  .rs-contact-two .rs-contact-form-wrapper {
    padding: 30px;
  }
}

@media only screen and (max-width: 575px) {
  .rs-contact-two .rs-contact-form-wrapper {
    padding: 20px;
  }
}

.rs-contact-two .rs-contact-input input {
  height: 50px;
  border-radius: 8px;
  padding-inline-start: 20px;
  padding-inline-end: 20px;
  color: var(--rs-title-primary);
}

.rs-contact-two .rs-contact-input input::placeholder {
  color: rgba(2, 1, 1, 0.43);
}

.rs-contact-two .rs-contact-input textarea {
  height: 140px;
  border-radius: 8px;
  padding: 15px 20px;
  color: var(--rs-title-primary);
}

.rs-contact-two .rs-contact-input textarea::placeholder {
  color: rgba(2, 1, 1, 0.43);
}

.rs-contact-two.has-theme-green-two .rs-contact-wrapper {
  margin-inline: 0px;
}

.rs-contact-two.has-theme-green-two .rs-contact-bg-thumb {
  border-radius: 0px;
}

.rs-contact-two.has-theme-green-two .rs-contact-bg-thumb::before {
  border-radius: 0px;
}

.rs-contact-two.has-theme-green-two .rs-contact-input input:focus {
  border-color: var(--rs-theme-green-two);
}

.rs-contact-two.has-theme-green-two .rs-contact-input textarea:focus {
  border-color: var(--rs-theme-green-two);
}

.rs-contact-three .rs-contact-form-wrapper {
  padding-inline-end: 30px;
  padding-inline-start: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
  background: var(--rs-white);
  border-radius: 12px;
}

@media only screen and (max-width: 1199px) {
  .rs-contact-three .rs-contact-form-wrapper {
    padding-inline-end: 25px;
    padding-inline-start: 25px;
    padding-top: 25px;
    padding-bottom: 25px;
  }
}

.rs-contact-three .rs-contact-input-title label {
  font-size: 16px;
  color: var(--rs-title-tertiary);
  margin-bottom: 7px;
  font-weight: 500;
}

.rs-contact-three .rs-contact-input-box {
  margin-bottom: 20px;
}

.rs-contact-three .rs-contact-input-box .nice-select {
  margin-bottom: 20px;
}

.rs-contact-three .rs-contact-input input::placeholder {
  color: rgba(76, 76, 76, 0.7803921569);
}

.rs-contact-three .rs-contact-input .nice-select {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  background: var(--rs-white);
  color: rgba(76, 76, 76, 0.78);
}

.rs-contact-three .rs-contact-input .nice-select .list {
  margin-top: 0;
  border-radius: 0 0 4px 4px;
  width: 100%;
  padding-bottom: 5px;
  padding-top: 5px;
}

.rs-contact-three .form-group {
  margin-bottom: 45px;
}

.rs-contact-three .form-group label {
  font-size: 16px;
  color: var(--rs-title-tertiary);
  margin-bottom: 10px;
  font-weight: 500;
}

.rs-contact-three .form-group input {
  cursor: pointer;
  display: block;
}

.rs-contact-four {
  position: relative;
  z-index: 1;
}

.rs-contact-four .rs-contact-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

@media only screen and (max-width: 1600px) {
  .rs-contact-four .rs-contact-wrapper {
    grid-template-columns: 680px auto;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-contact-four .rs-contact-wrapper {
    grid-template-columns: 550px auto;
  }
}

@media only screen and (max-width: 991px) {
  .rs-contact-four .rs-contact-wrapper {
    grid-template-columns: auto;
  }
}

.rs-contact-four .rs-contact-form {
  padding-inline-end: 40px;
  padding-inline-start: 40px;
  padding-top: 40px;
  padding-bottom: 50px;
  background: var(--rs-theme-blue);
  border-radius: 12px;
}

@media only screen and (max-width: 1600px) {
  .rs-contact-four .rs-contact-form {
    padding-inline-end: 40px;
    padding-inline-start: 40px;
    padding-top: 30px;
    padding-bottom: 40px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-contact-four .rs-contact-form {
    padding-inline-end: 30px;
    padding-inline-start: 30px;
    padding-top: 20px;
    padding-bottom: 30px;
  }
}

.rs-contact-four .rs-contact-input-box {
  margin-bottom: 20px;
}

.rs-contact-four .rs-contact-form-title {
  margin-bottom: 17px;
  color: var(--rs-white);
}

.rs-contact-four .rs-contact-input input {
  height: 50px;
  border-radius: 3px;
  padding-inline-start: 20px;
  padding-inline-end: 20px;
  background-color: #001359;
  border-color: #000080;
  color: var(--rs-white);
}

.rs-contact-four .rs-contact-input input::placeholder {
  color: rgba(255, 255, 255, 0.3960784314);
}

.rs-contact-four .rs-contact-input textarea {
  height: 174px;
  border-radius: 3px;
  padding: 15px 20px;
  background-color: #001359;
  border-color: #000080;
  color: var(--rs-white);
}

.rs-contact-four .rs-contact-input textarea::placeholder {
  color: rgba(255, 255, 255, 0.3960784314);
}

.rs-contact-four .rs-btn {
  border-radius: 6px;
}

.rs-contact-four input[type="checkbox"]~label::after {
  z-index: 1;
}

.rs-contact-four input[type="checkbox"]~label::before {
  z-index: 2;
}

.rs-contact-four .rs-form-check {
  margin-bottom: 20px;
}

.rs-contact-four .rs-map-one .rs-google-map {
  height: 100%;
}

.rs-contact-four .rs-map-one .rs-google-map iframe {
  height: 100%;
}

@media only screen and (max-width: 991px) {
  .rs-contact-four .rs-map-one .rs-google-map iframe {
    height: 400px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-contact-four .rs-map-one .rs-google-map iframe {
    height: 300px;
  }
}

.rs-contact-five .rs-contact-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}

@media only screen and (max-width: 991px) {
  .rs-contact-five .rs-contact-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media only screen and (max-width: 767px) {
  .rs-contact-five .rs-contact-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 480px) {
  .rs-contact-five .rs-contact-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

.rs-contact-five .rs-contact-item {
  background: var(--rs-white);
  border-radius: 12px;
  padding-top: 40px;
  padding-inline: 40px;
  padding-bottom: 40px;
  text-align: center;
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 1600px) {
  .rs-contact-five .rs-contact-item {
    padding-top: 30px;
    padding-inline: 30px;
    padding-bottom: 30px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-contact-five .rs-contact-item {
    padding-top: 20px;
    padding-inline: 20px;
    padding-bottom: 20px;
  }
}

.rs-contact-five .rs-contact-shape {
  position: absolute;
  inset-inline-start: 0;
  bottom: 20px;
}

.rs-contact-five .rs-contact-icon svg {
  width: 40px;
  height: 40px;
}

.rs-contact-five .rs-contact-icon svg path {
  fill: var(--rs-theme-blue);
}

.rs-contact-five .rs-contact-title {
  font-size: 20px;
  margin-top: 20px;
  margin-bottom: 10px;
}

.rs-contact-five .rs-contact-links a {
  font-size: 15px;
  display: inline-block;
}

.rs-contact-five .rs-contact-links a:first-child {
  margin-bottom: 5px;
}

.rs-contact-five .rs-contact-links a:hover {
  color: var(--rs-theme-blue);
}

.rs-map-one {
  line-height: 0;
}

.rs-map-one .rs-google-map iframe {
  width: 100%;
  height: 480px;
  border-radius: 12px;
}

@media only screen and (max-width: 1600px) {
  .rs-map-one .rs-google-map iframe {
    height: 500px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-map-one .rs-google-map iframe {
    height: 450px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-map-one .rs-google-map iframe {
    height: 400px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-map-one .rs-google-map iframe {
    height: 300px;
  }
}

@media only screen and (max-width: 575px) {
  .rs-map-one .rs-google-map iframe {
    height: 250px;
  }
}

/*----------------------------------------*/
/*  4.10 call to action css
/*----------------------------------------*/
.rs-cta-one {
  position: relative;
}

.rs-cta-one .rs-cta-bg-thumb {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

.rs-cta-one .rs-cta-bg-thumb::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: linear-gradient(247deg,
      rgba(0, 58, 101, 0) 0%,
      var(--rs-theme-blue) 64%);
  opacity: 0.7;
}

.rs-cta-one .rs-cta-wrapper {
  padding-top: 90px;
  padding-bottom: 100px;
}

@media only screen and (max-width: 991px) {
  .rs-cta-one .rs-cta-wrapper {
    padding-top: 70px;
    padding-bottom: 80px;
  }
}

.rs-cta-one .section-desc {
  max-width: 570px;
  margin-bottom: 35px;
}

.rs-cta-one.has-theme-red .rs-cta-bg-thumb::before {
  background-image: linear-gradient(247deg,
      rgba(0, 58, 101, 0) 0%,
      #231f20 64%);
}

.rs-cta-two {
  position: relative;
  z-index: 1;
  height: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-inline-start: 30px;
  padding-inline-end: 30px;
  margin-inline-start: 10px;
}

@media only screen and (max-width: 1600px) {
  .rs-cta-two {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-inline-start: 0px;
  }
}

.rs-cta-two .rs-cta-bg-thumb {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  inset-inline-start: 0;
  z-index: 1;
  border-radius: 12px;
}

.rs-cta-two .rs-cta-bg-thumb::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: linear-gradient(180deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.88) 75%);
  border-radius: 12px;
}

.rs-cta-two .rs-cta-content {
  position: relative;
  z-index: 2;
  text-align: center;
}

.rs-cta-two .rs-cta-icon {
  width: 88px;
  height: 88px;
  margin: 0 auto 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  backdrop-filter: blur(21px);
  background-image: radial-gradient(at center center,
      rgba(255, 255, 255, 0.4) 0%,
      rgba(255, 255, 255, 0) 100%);
}

.rs-cta-two .rs-cta-icon img {
  width: 60px;
}

.rs-cta-two .rs-cta-title {
  color: var(--rs-white);
}

.rs-cta-two .rs-cta-contact {
  display: flex;
  flex-direction: column;
}

.rs-cta-two .rs-cta-contact .contact-phone {
  font-size: 24px;
  color: var(--rs-theme-yellow);
  font-family: var(--rs-ff-title);
  font-weight: 600;
  margin-top: 15px;
  margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  .rs-cta-two .rs-cta-contact .contact-phone {
    font-size: 22px;
  }
}

.rs-cta-two .rs-cta-contact .contact-email {
  color: var(--rs-white);
}

.rs-cta-two .rs-cta-contact .contact-email:hover {
  color: var(--rs-theme-yellow);
}

.rs-cta-two .rs-cta-btn {
  margin-top: 25px;
}

/*----------------------------------------*/
/*  4.11 curriculum css
/*----------------------------------------*/
.rs-program-details-curriculum-item {
  margin-top: 30px;
}

.rs-curriculum-table-one .rs-curriculum-table-inner {
  background-color: var(--rs-white);
  border: 1px solid var(--rs-border-primary);
  width: max-content;
  min-width: 100%;
}

.rs-curriculum-table-one .rs-curriculum-table-inner thead {
  background-color: var(--rs-theme-blue);
  color: var(--rs-white);
}

.rs-curriculum-table-one .rs-curriculum-table-inner th {
  padding: 15px 24px;
  font-weight: 600;
  font-size: 15px;
  font-family: var(--rs-ff-title);
  border-inline-end: 1px solid var(--rs-border-tertiary);
}

@media only screen and (max-width: 1199px) {
  .rs-curriculum-table-one .rs-curriculum-table-inner th {
    padding: 15px 15px;
  }
}

.rs-curriculum-table-one .rs-curriculum-table-inner th:first-child {
  width: 80%;
}

@media only screen and (max-width: 575px) {
  .rs-curriculum-table-one .rs-curriculum-table-inner th:first-child {
    width: 50%;
  }
}

.rs-curriculum-table-one .rs-curriculum-table-inner td {
  padding: 15px 24px;
  vertical-align: middle;
  border: 1px solid var(--rs-border-primary);
  font-size: 15px;
}

@media only screen and (max-width: 1199px) {
  .rs-curriculum-table-one .rs-curriculum-table-inner td {
    padding: 15px 15px;
  }
}

.rs-curriculum-table-one .rs-curriculum-table-inner td a:hover {
  color: var(--rs-theme-blue);
}

.rs-curriculum-table-two .rs-curriculum-table-inner {
  background-color: var(--rs-white);
  border-collapse: collapse;
  border-inline-start: 1px solid var(--rs-border-primary);
  border-inline-end: 1px solid var(--rs-border-primary);
  border-bottom: 1px solid var(--rs-border-primary);
  text-align: left;
  width: max-content;
  min-width: 100%;
}

.rs-curriculum-table-two .rs-curriculum-table-inner thead {
  background-color: var(--rs-theme-blue);
  color: var(--rs-white);
}

.rs-curriculum-table-two .rs-curriculum-table-inner thead th {
  padding: 16px 24px;
  font-weight: 700;
  font-size: 14px;
  border-inline-end: 1px solid var(--rs-border-tertiary);
}

.rs-curriculum-table-two .rs-curriculum-table-inner thead th:last-child {
  border-inline-end: none;
}

@media only screen and (max-width: 1199px) {
  .rs-curriculum-table-two .rs-curriculum-table-inner thead th {
    padding: 15px 15px;
  }
}

.rs-curriculum-table-two .rs-curriculum-table-inner tbody tr {
  border-top: 1px solid var(--rs-border-primary);
}

.rs-curriculum-table-two .rs-curriculum-table-inner tbody td {
  padding: 14px 24px;
  vertical-align: middle;
  font-size: 15px;
  border-right: 1px solid var(--rs-border-primary);
}

.rs-curriculum-table-two .rs-curriculum-table-inner tbody td:first-child {
  width: 25%;
}

@media only screen and (max-width: 1600px) {
  .rs-curriculum-table-two .rs-curriculum-table-inner tbody td:first-child {
    width: 20%;
  }
}

@media only screen and (max-width: 575px) {
  .rs-curriculum-table-two .rs-curriculum-table-inner tbody td:first-child {
    width: 15%;
  }
}

.rs-curriculum-table-two .rs-curriculum-table-inner tbody td:last-child {
  border-inline-end: none;
}

@media only screen and (max-width: 1199px) {
  .rs-curriculum-table-two .rs-curriculum-table-inner tbody td {
    padding: 15px 15px;
  }
}

/*----------------------------------------*/
/*  4.12 deadline css
/*----------------------------------------*/
.rs-deadline-one .rs-deadline-table-inner {
  background-color: var(--rs-white);
  border: 1px solid var(--rs-border-primary);
  width: max-content;
  min-width: 100%;
}

.rs-deadline-one .rs-deadline-table-inner thead {
  background-color: var(--rs-theme-blue);
  color: var(--rs-white);
}

.rs-deadline-one .rs-deadline-table-inner th {
  padding: 15px 24px;
  font-weight: 600;
  font-size: 15px;
  font-family: var(--rs-ff-title);
  border-inline-end: 1px solid var(--rs-border-tertiary);
}

@media only screen and (max-width: 1199px) {
  .rs-deadline-one .rs-deadline-table-inner th {
    padding: 15px 15px;
  }
}

.rs-deadline-one .rs-deadline-table-inner td {
  padding: 15px 24px;
  vertical-align: middle;
  border: 1px solid var(--rs-border-primary);
  font-size: 16px;
  font-weight: 500;
}

@media only screen and (max-width: 1199px) {
  .rs-deadline-one .rs-deadline-table-inner td {
    padding: 15px 15px;
  }
}

.rs-deadline-one .rs-deadline-table-inner td a:hover {
  color: var(--rs-theme-blue);
}

/*----------------------------------------*/
/*  4.13 directory
/*----------------------------------------*/
.rs-directory-one .rs-directory-table-inner {
  background-color: var(--rs-white);
  border: 1px solid var(--rs-border-primary);
  width: max-content;
  min-width: 100%;
}

.rs-directory-one .rs-directory-table-inner thead {
  background-color: var(--rs-theme-blue);
  color: var(--rs-white);
}

.rs-directory-one .rs-directory-table-inner th {
  padding: 15px 24px;
  font-weight: 600;
  font-size: 15px;
  font-family: var(--rs-ff-title);
  border-inline-end: 1px solid var(--rs-border-tertiary);
}

@media only screen and (max-width: 1199px) {
  .rs-directory-one .rs-directory-table-inner th {
    padding: 15px 15px;
  }
}

.rs-directory-one .rs-directory-table-inner td {
  padding: 15px 24px;
  vertical-align: middle;
  border: 1px solid var(--rs-border-primary);
  font-size: 15px;
}

@media only screen and (max-width: 1199px) {
  .rs-directory-one .rs-directory-table-inner td {
    padding: 15px 15px;
  }
}

.rs-directory-one .rs-directory-table-inner td a:hover {
  color: var(--rs-theme-blue);
}

.rs-directory-one .rs-directory-title {
  color: var(--rs-title-tertiary);
  margin-bottom: 30px;
  margin-top: 30px;
}

.rs-directory-one .desc {
  max-width: 440px;
  margin-top: 30px;
  margin-bottom: 0;
}

/*----------------------------------------*/
/*  4.14 error
/*----------------------------------------*/
.error-wrapper {
  position: relative;
}

.error-wrapper .section-title {
  font-size: 50px;
}

@media only screen and (max-width: 1366px) {
  .error-wrapper .section-title {
    font-size: 45px;
  }
}

@media only screen and (max-width: 1199px) {
  .error-wrapper .section-title {
    font-size: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .error-wrapper .section-title {
    font-size: 35px;
  }
}

@media only screen and (max-width: 575px) {
  .error-wrapper .section-title {
    font-size: 30px;
  }
}

@media only screen and (max-width: 480px) {
  .error-wrapper .section-title {
    font-size: 25px;
  }
}

.error-title {
  font-size: 500px;
  line-height: 0.8;
  background-clip: text;
  -webkit-background-clip: text;
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media only screen and (max-width: 1600px) {
  .error-title {
    font-size: 400px;
  }
}

@media only screen and (max-width: 1199px) {
  .error-title {
    font-size: 300px;
  }
}

@media only screen and (max-width: 991px) {
  .error-title {
    font-size: 200px;
  }
}

@media only screen and (max-width: 767px) {
  .error-title {
    font-size: 150px;
  }
}

/*----------------------------------------*/
/*  4.15 event css
/*----------------------------------------*/
.rs-event-one .rs-event-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

@media only screen and (max-width: 991px) {
  .rs-event-one .rs-event-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

.rs-event-one .rs-event-shape {
  position: absolute;
  right: 0;
  bottom: 0;
  transform: rotateY(180deg);
  z-index: -1;
}

.rs-event-one .rs-event-item {
  display: grid;
  grid-template-columns: 220px auto;
  background: var(--rs-white);
  border-radius: 12px;
  padding: 12px;
  gap: 30px;
  align-items: center;
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 1600px) {
  .rs-event-one .rs-event-item {
    grid-template-columns: 200px auto;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-event-one .rs-event-item {
    grid-template-columns: 150px auto;
    gap: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-event-one .rs-event-item {
    grid-template-columns: 250px auto;
    gap: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-event-one .rs-event-item {
    grid-template-columns: auto;
    gap: 25px;
    padding-bottom: 25px;
  }
}

.rs-event-one .rs-event-item:hover .rs-event-thumb img {
  transform: scale3d(1.1, 1.1, 1);
}

@media only screen and (max-width: 767px) {
  .rs-event-one .rs-event-content {
    padding-inline: 15px;
  }
}

@media only screen and (max-width: 480px) {
  .rs-event-one .rs-event-content {
    padding-inline: 10px;
  }
}

.rs-event-one .rs-event-thumb {
  overflow: hidden;
  border-radius: 8px;
}

.rs-event-one .rs-event-thumb img {
  width: 100%;
  height: 170px;
  object-fit: cover;
  transition: all 0.8s ease;
  transform: scale(1.02);
}

@media only screen and (max-width: 991px) {
  .rs-event-one .rs-event-thumb img {
    height: 100%;
  }
}

.rs-event-one .rs-event-meta {
  display: flex;
  align-items: center;
  gap: 5px 12px;
  flex-wrap: wrap;
}

.rs-event-one .rs-event-meta-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 500;
}

.rs-event-one .rs-event-title {
  margin-top: 15px;
  margin-bottom: 15px;
}

.rs-event-one .rs-event-title a:hover {
  color: var(--rs-theme-yellow);
}

.rs-event-one.has-theme-red {
  background: var(--rs-bg-black);
}

.rs-event-one.has-theme-red .rs-btn:hover .icon-box svg path {
  fill: var(--rs-black);
}

.rs-event-one.has-theme-red .rs-event-item {
  background: #191516;
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.06);
}

.rs-event-one.has-theme-red .rs-event-title {
  color: var(--rs-white);
}

.rs-event-one.has-theme-red .rs-event-title a:hover {
  color: var(--rs-theme-red);
}

.rs-event-one.has-theme-red .rs-event-meta-item {
  color: rgba(255, 255, 255, 0.8);
}

.rs-event-one.has-theme-red .rs-event-shape {
  transform: rotateY(0);
}

.rs-event-one.has-theme-green .rs-event-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px 70px;
}

@media only screen and (max-width: 1366px) {
  .rs-event-one.has-theme-green .rs-event-wrapper {
    gap: 30px 30px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-event-one.has-theme-green .rs-event-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

.rs-event-one.has-theme-green .rs-event-item-wrapper {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.rs-event-one.has-theme-green .rs-event-video {
  position: relative;
  height: 100%;
  z-index: 1;
}

@media only screen and (max-width: 991px) {
  .rs-event-one.has-theme-green .rs-event-video {
    height: 400px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-event-one.has-theme-green .rs-event-video {
    height: 350px;
  }
}

@media only screen and (max-width: 575px) {
  .rs-event-one.has-theme-green .rs-event-video {
    height: 300px;
  }
}

.rs-event-one.has-theme-green .rs-event-bg-thumb {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 6px solid var(--rs-white);
  border-radius: 30px;
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.06);
}

.rs-event-one.has-theme-green .rs-event-video-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.rs-event-one.has-theme-cyan {
  background: var(--rs-theme-cyan);
}

.rs-event-one.has-theme-cyan .rs-btn:hover .icon-box svg path {
  fill: var(--rs-black);
}

.rs-event-one.has-theme-cyan .rs-event-item {
  background: #191516;
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.06);
}

.rs-event-one.has-theme-cyan .rs-event-title {
  color: var(--rs-white);
}

.rs-event-one.has-theme-cyan .rs-event-title a:hover {
  color: var(--rs-theme-light-cyan);
}

.rs-event-one.has-theme-cyan .rs-event-meta-item {
  color: rgba(255, 255, 255, 0.8);
}

.rs-event-one.has-theme-cyan .rs-event-shape {
  transform: rotateY(0);
}

.rs-event-one.has-theme-cyan .rs-event-item {
  background: #0f6487;
}

.rs-event-two .rs-event-item {
  background: var(--rs-bg-primary);
  border-radius: 10px;
  padding-top: 10px;
  padding-bottom: 30px;
  padding-inline: 10px;
  position: relative;
  z-index: 1;
}

.rs-event-two .rs-event-item:hover .rs-event-thumb img {
  transform: scale3d(1.1, 1.1, 1);
}

.rs-event-two .rs-event-shape {
  position: absolute;
  inset-inline-end: 0;
  bottom: 0;
  transform: rotateY(180deg);
}

.rs-event-two .rs-event-content {
  padding-top: 25px;
  padding-inline: 15px;
}

@media only screen and (max-width: 991px) {
  .rs-event-two .rs-event-content {
    padding-inline: 10px;
  }
}

.rs-event-two .rs-event-thumb {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}

.rs-event-two .rs-event-thumb img {
  width: 100%;
  transition: all 0.8s ease;
  transform: scale(1.02);
}

.rs-event-two .rs-event-tag {
  background: var(--rs-theme-red);
  padding: 8px 15px 8px 15px;
  border-radius: 5px 5px 0px 0px;
  color: var(--rs-white);
  font-size: 14px;
  font-weight: 500;
  position: absolute;
  bottom: 0;
  inset-inline-start: 15px;
}

.rs-event-two .rs-event-meta {
  display: flex;
  align-items: center;
  gap: 8px 13px;
  border-bottom: 1px solid var(--rs-border-primary);
  padding-bottom: 15px;
  margin-bottom: 15px;
  flex-wrap: wrap;
}

.rs-event-two .rs-event-meta-item {
  font-weight: 500;
  font-size: 15px;
}

.rs-event-two .meta-divider {
  width: 15px;
  height: 2px;
  background: var(--rs-border-primary);
  display: inline-flex;
}

.rs-event-two .rs-event-btn .rs-btn {
  border-color: var(--rs-border-primary);
  border-radius: 5px;
  padding: 6px 15px 6px 15px;
  color: var(--rs-text-primary);
  font-size: 14px;
}

.rs-event-two .rs-event-btn .rs-btn:hover {
  background: var(--rs-theme-red);
  border-color: var(--rs-theme-red);
  color: var(--rs-white);
}

.rs-event-two .rs-event-title {
  margin-bottom: 20px;
}

.rs-event-two .rs-event-title a:hover {
  color: var(--rs-theme-red);
}

.rs-event-two .rs-event-pagination {
  margin-top: 45px;
}

.rs-event-two.has-theme-green-two .rs-event-item {
  background: var(--rs-white);
}

.rs-event-two.has-theme-green-two .rs-event-title a:hover {
  color: var(--rs-theme-green-two);
}

.rs-event-two.has-theme-green-two .rs-event-tag {
  background: var(--rs-theme-green-two);
}

.rs-event-two.has-theme-green-two .rs-event-btn .rs-btn:hover {
  background: var(--rs-theme-green-two);
  border-color: var(--rs-theme-green-two);
  color: var(--rs-white);
}

.rs-event-two.has-theme-yellow .rs-event-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

@media only screen and (max-width: 991px) {
  .rs-event-two.has-theme-yellow .rs-event-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 767px) {
  .rs-event-two.has-theme-yellow .rs-event-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

.rs-event-two.has-theme-yellow .rs-event-item {
  background: var(--rs-white);
}

.rs-event-two.has-theme-yellow .rs-event-title a:hover {
  color: var(--rs-theme-yellow);
}

.rs-event-two.has-theme-yellow .rs-event-tag {
  background: var(--rs-theme-yellow);
  color: var(--rs-title-primary);
}

.rs-event-two.has-theme-yellow .rs-event-btn .rs-btn:hover {
  background: var(--rs-theme-blue);
  border-color: var(--rs-theme-blue);
  color: var(--rs-white);
}

.rs-event-two.has-theme-red .rs-event-thumb {
  height: 250px;
}

.rs-event-two.has-theme-red .rs-event-thumb img {
  height: 100%;
  object-fit: cover;
  object-position: top center;
}

.rs-event-details .rs-event-details-thumb img {
  width: 100%;
  border-radius: 12px;
}

.rs-event-details .rs-event-content .section-title {
  margin-top: 30px;
  margin-bottom: 30px;
}

.rs-event-details .rs-event-content .rs-desc-text p:first-child {
  margin-bottom: 20px;
}

.rs-event-details .rs-learning-feature {
  margin-bottom: 30px;
}

.rs-event-details .rs-learning-feature .rs-learning-title {
  color: var(--rs-title-tertiary);
  margin-top: 25px;
  margin-bottom: 20px;
}

.rs-event-details .rs-learning-feature .rs-list-item {
  list-style: none;
  display: flex;
  align-items: start;
  gap: 10px;
}

.rs-event-details .rs-learning-feature .rs-list-item:not(:last-child) {
  margin-bottom: 13px;
}

.rs-event-details .rs-learning-feature .rs-list-item svg {
  width: 14px;
  min-width: 14px;
  height: 14px;
  transform: translateY(5px);
}

.rs-event-details .rs-learning-feature .rs-list-item svg path {
  fill: var(--rs-theme-blue);
}

.rs-event-details-meta ul li {
  list-style: none;
  display: flex;
  gap: 10px;
}

.rs-event-details-meta ul li:not(:last-child) {
  margin-bottom: 10px;
}

.rs-event-details-meta ul li i {
  color: var(--rs-theme-blue);
}

.rs-event-details-sidebar .sidebar-item {
  background: var(--rs-white);
  border-radius: 15px;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-inline: 25px;
}

.rs-event-details-sidebar .sidebar-item:not(:last-child) {
  margin-bottom: 30px;
}

.rs-event-details .rs-event-details-btn {
  margin-top: 22px;
}

.rs-event-details .rs-event-details-map-title {
  color: var(--rs-title-tertiary);
}

.rs-event-details .rs-google-map iframe {
  width: 100%;
  height: 230px;
  border-radius: 15px;
}

.rs-event-details .rs-event-details-social-title {
  color: var(--rs-title-tertiary);
}

.rs-event-details .rs-event-details-social a {
  background: transparent;
}

.rs-event-details .rs-event-details-social a svg path {
  fill: var(--rs-theme-blue);
  transition: 0.5s;
}

.rs-event-details .rs-event-details-social a:hover {
  background: var(--rs-theme-blue);
  border-color: var(--rs-theme-blue);
}

.rs-event-details .rs-event-details-social a:hover svg path {
  fill: var(--rs-white);
}

/*----------------------------------------*/
/*  4.16 event css
/*----------------------------------------*/
.rs-experience-one {
  padding-top: 100px;
}

@media only screen and (max-width: 991px) {
  .rs-experience-one {
    padding-top: 80px;
  }
}

.rs-experience-one .rs-experience-wrapper {
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.06);
  background: var(--rs-white);
  border-radius: 12px;
  padding-top: 35px;
  padding-inline: 35px;
  padding-bottom: 40px;
}

@media only screen and (max-width: 1600px) {
  .rs-experience-one .rs-experience-wrapper {
    padding-top: 25px;
    padding-inline: 25px;
    padding-bottom: 25px;
  }
}

.rs-experience-one .rs-experience-thumb {
  margin-top: 40px;
}

.rs-experience-one .rs-experience-thumb img {
  width: 100%;
  border-radius: 12px;
}

.rs-experience-one .rs-experience-content-wrapper {
  display: grid;
  grid-template-columns: 570px auto;
  gap: 30px 35px;
}

@media only screen and (max-width: 1600px) {
  .rs-experience-one .rs-experience-content-wrapper {
    grid-template-columns: 450px auto;
    gap: 30px 30px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-experience-one .rs-experience-content-wrapper {
    grid-template-columns: auto;
  }
}

@media only screen and (max-width: 991px) {
  .rs-experience-one .rs-experience-content-wrapper {
    grid-template-columns: auto;
  }
}

.rs-experience-one .rs-experience-content-wrapper.has-line-border .has-border::after {
  border-color: rgba(255, 255, 255, 0.9882352941);
}

.rs-experience-one .rs-experience-content-wrapper.has-line-border .has-border::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  background: var(--rs-border-primary);
  inset-inline-start: 0;
  top: 5px;
}

.rs-experience-one .rs-certification-item-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  max-width: 560px;
}

@media only screen and (max-width: 767px) {
  .rs-experience-one .rs-certification-item-wrapper {
    max-width: 100%;
    grid-template-columns: repeat(1, 1fr);
  }
}

.rs-experience-one .rs-certificate-item .rs-btn {
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.02);
  border-bottom: 1px solid var(--rs-border-primary);
  width: 100%;
  padding: 14px 20px;
  justify-content: space-between;
}

@media only screen and (max-width: 1199px) {
  .rs-experience-one .rs-certificate-item .rs-btn {
    padding: 14px 14px;
  }
}

.rs-experience-one .has-border {
  position: relative;
  padding-inline-start: 30px;
}

@media only screen and (max-width: 1600px) {
  .rs-experience-one .has-border {
    padding-inline-start: 20px;
  }
}

.rs-experience-one .has-border::after {
  content: "";
  position: absolute;
  top: 5px;
  inset-inline-start: -8px;
  width: 16px;
  height: 16px;
  background-color: var(--rs-theme-blue);
  border: 3px solid #fff;
  border-radius: 50%;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  z-index: 2;
}

/*----------------------------------------*/
/*  4.17 Faculty css
/*----------------------------------------*/
.rs-faculty-one {
  overflow-x: clip;
  background: var(--rs-bg-primary);
}

.rs-faculty-one .rs-faculty-bg {
  background: var(--rs-bg-blue);
  margin-inline-start: 45px;
  margin-inline-end: 45px;
  border-radius: 16px;
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
}

@media only screen and (max-width: 1600px) {
  .rs-faculty-one .rs-faculty-bg {
    margin-inline-start: 0px;
    margin-inline-end: 0px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-faculty-one .rs-faculty-bg {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-faculty-one .rs-faculty-bg {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

@media only screen and (max-width: 480px) {
  .rs-faculty-one .rs-faculty-bg {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.rs-faculty-one .rs-faculty-shape-one {
  position: absolute;
  inset-inline-start: -60px;
  top: 0px;
}

@media only screen and (max-width: 1366px) {
  .rs-faculty-one .rs-faculty-shape-one {
    display: none;
  }
}

[dir="rtl"] .rs-faculty-one .rs-faculty-shape-one {
  transform: rotate(180deg);
}

.rs-faculty-one .rs-faculty-shape-two {
  position: absolute;
  inset-inline-end: 60px;
  bottom: 50px;
  animation: rs-rotate-anim 3s linear 0s infinite alternate;
}

@media only screen and (max-width: 1600px) {
  .rs-faculty-one .rs-faculty-shape-two {
    bottom: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-faculty-one .rs-faculty-shape-two {
    display: none;
  }
}

.rs-faculty-one .rs-faculty-wrapper {
  display: grid;
  grid-template-columns: 390px auto;
  gap: 30px 65px;
  margin-top: 50px;
  align-items: start;
}

@media only screen and (max-width: 1600px) {
  .rs-faculty-one .rs-faculty-wrapper {
    gap: 30px 30px;
  }
}

@media only screen and (max-width: 1366px) {
  .rs-faculty-one .rs-faculty-wrapper {
    grid-template-columns: 370px auto;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-faculty-one .rs-faculty-wrapper {
    grid-template-columns: 350px auto;
  }
}

@media only screen and (max-width: 991px) {
  .rs-faculty-one .rs-faculty-wrapper {
    grid-template-columns: auto;
    margin-top: 0;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-faculty-one .rs-faculty-content-wrapper {
    position: sticky;
    top: 110px;
  }
}

@media md {
  .rs-faculty-one .rs-faculty-content-wrapper {
    position: relative;
    top: unset;
  }
}

.rs-faculty-one .rs-faculty-sec-wrapper {
  margin-top: -50px;
}

@media only screen and (max-width: 1199px) {
  .rs-faculty-one .rs-faculty-sec-wrapper {
    margin-top: 0;
  }
}

.rs-faculty-one .rs-faculty-section {
  margin-bottom: 40px;
}

.rs-faculty-one .rs-admission-cta {
  background: #264ec5;
  border-radius: 16px;
  padding-top: 36px;
  padding-bottom: 36px;
  padding-inline-start: 36px;
  padding-inline-end: 36px;
  display: inline-flex;
  gap: 30px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 1199px) {
  .rs-faculty-one .rs-admission-cta {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-inline-start: 30px;
    padding-inline-end: 30px;
  }
}

@media only screen and (max-width: 480px) {
  .rs-faculty-one .rs-admission-cta {
    flex-wrap: wrap;
  }
}

.rs-faculty-one .rs-admission-cta-desc {
  color: var(--rs-white);
  margin-top: 10px;
  margin-bottom: 20px;
}

.rs-faculty-one .rs-admission-cta-shape img {
  width: 100px;
}

.rs-faculty-one .rs-notice-wrapper {
  background-color: var(--rs-white);
  padding-top: 25px;
  padding-bottom: 30px;
  padding-inline-start: 35px;
  padding-inline-end: 35px;
  border-radius: 16px;
}

.rs-faculty-one .rs-notice-wrapper .popup-circle {
  width: 8px;
  height: 8px;
  position: relative;
}

.rs-faculty-one .rs-notice-wrapper .popup-circle::before {
  background: var(--rs-theme-yellow);
}

.rs-faculty-one .rs-notice-wrapper .popup-circle::after {
  background: var(--rs-theme-yellow);
}

.rs-faculty-one .rs-notice-wrapper .rs-notice-sec-title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid var(--rs-border-primary);
  margin-bottom: 20px;
}

.rs-faculty-one .rs-notice-wrapper .rs-notice-item:not(:last-child) {
  border-bottom: 1px solid var(--rs-border-primary);
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.rs-faculty-one .rs-notice-wrapper .rs-notice-title {
  font-size: 17px;
  margin-bottom: 10px;
}

@media only screen and (max-width: 575px) {
  .rs-faculty-one .rs-notice-wrapper .rs-notice-title {
    font-size: 15px;
  }
}

.rs-faculty-one .rs-notice-wrapper .rs-notice-content {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
}

.rs-faculty-one .rs-notice-wrapper .rs-notice-meta {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.rs-faculty-one .rs-notice-wrapper .rs-notice-date {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  margin-bottom: 5px;
}

.rs-faculty-one .rs-notice-wrapper .rs-notice-date svg {
  width: 14px;
  height: 14px;
}

.rs-faculty-one .rs-notice-wrapper .rs-notice-id {
  font-size: 13px;
}

.rs-faculty-one .rs-notice-wrapper .rs-notice-link svg {
  width: 20px;
  height: 20px;
}

.rs-faculty-one .rs-notice-wrapper .rs-notice-link svg path {
  transition: 0.3s;
}

.rs-faculty-one .rs-notice-wrapper .rs-notice-link a:hover svg path {
  fill: var(--rs-theme-yellow);
}

.rs-faculty-one .rs-faculty-item-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

@media only screen and (max-width: 767px) {
  .rs-faculty-one .rs-faculty-item-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

.rs-faculty-one .rs-faculty-item {
  overflow: hidden;
  border-radius: 16px;
  border: 6px solid #194e74;
}

.rs-faculty-one .rs-faculty-thumb {
  position: relative;
  z-index: 1;
}

.rs-faculty-one .rs-faculty-thumb:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(180deg,
      rgba(0, 58, 101, 0) 46.86%,
      #0a2165 91.09%);
}

.rs-faculty-one .rs-faculty-thumb img {
  width: 100%;
  height: 310px;
  object-fit: cover;
  object-position: top center;
}

@media only screen and (max-width: 1199px) {
  .rs-faculty-one .rs-faculty-thumb img {
    height: 100%;
  }
}

.rs-faculty-one .rs-faculty-info {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  padding-top: 30px;
  padding-bottom: 25px;
  padding-inline: 35px;
}

@media only screen and (max-width: 1600px) {
  .rs-faculty-one .rs-faculty-info {
    padding-inline: 30px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-faculty-one .rs-faculty-info {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-inline: 20px;
  }
}

.rs-faculty-one .rs-faculty-title {
  color: var(--rs-white);
}

.rs-faculty-one .rs-faculty-title a:hover {
  color: var(--rs-theme-yellow);
}

.rs-faculty-one .rs-faculty-tab-wrapper .nav-pills {
  display: flex;
  justify-content: start;
  gap: 30px 60px;
  margin-bottom: 45px;
}

@media only screen and (max-width: 1199px) {
  .rs-faculty-one .rs-faculty-tab-wrapper .nav-pills {
    gap: 30px 30px;
    justify-content: center;
  }
}

.rs-faculty-one .rs-faculty-tab-wrapper .nav-link {
  background: transparent;
  font-weight: 600;
  padding: 0;
  padding-bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  border-radius: 0px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1490196078);
  color: var(--rs-white);
  font-size: 20px;
  transition: all 0.3s ease-in-out;
  padding-bottom: 10px;
}

@media only screen and (max-width: 1600px) {
  .rs-faculty-one .rs-faculty-tab-wrapper .nav-link {
    font-size: 18px;
  }
}

.rs-faculty-one .rs-faculty-tab-wrapper .nav-link.active {
  color: var(--rs-theme-yellow);
  border-color: var(--rs-theme-yellow);
}

.rs-faculty-one .rs-faculty-tab-wrapper .nav-link.active .rs-faculty-tab-icon svg path {
  fill: var(--rs-theme-yellow);
}

.rs-faculty-one .rs-faculty-tab-wrapper .nav-link:hover {
  color: var(--rs-theme-yellow);
  border-color: var(--rs-theme-yellow);
}

.rs-faculty-one .rs-faculty-tab-wrapper .nav-link:hover .rs-faculty-tab-icon svg path {
  fill: var(--rs-theme-yellow);
  transition: all 0.3s ease-in-out;
}

.rs-faculty-one .rs-faculty-tab-icon svg {
  width: 30px;
  height: 30px;
}

@media only screen and (max-width: 1199px) {
  .rs-faculty-one .rs-faculty-tab-icon svg {
    width: 20px;
    height: 20px;
  }
}

.rs-faculty-one .rs-faculty-tab-icon svg path {
  fill: var(--rs-white);
}

.rs-faculty-one .rs-faculty-tab-anim .tab-pane.active .rs-faculty-item-wrapper {
  -webkit-animation: slide-down 5s ease-out;
  animation: slide-down 5s ease-out;
}

@media only screen and (max-width: 767px) {
  .rs-faculty-one .rs-faculty-content-wrapper {
    display: none;
  }
}

.rs-faculty-one .rs-faculty-accordion {
  display: none;
}

@media only screen and (max-width: 767px) {
  .rs-faculty-one .rs-faculty-accordion {
    display: block;
  }
}

.rs-faculty-one .rs-accordion-one .rs-accordion-item {
  background: transparent;
  padding: 0;
  border-radius: 0;
}

.rs-faculty-one .rs-accordion-one .accordion-button {
  font-weight: 600;
  padding: 0;
  padding-bottom: 0px;
  padding-bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1490196078);
  border-bottom-color: rgba(255, 255, 255, 0.15);
  color: var(--rs-white);
  font-size: 20px;
  transition: all 0.5s ease-in-out;
  padding-bottom: 10px;
}

.rs-faculty-one .rs-accordion-one .accordion-button:not(.collapsed) {
  color: var(--rs-theme-yellow);
  border-color: var(--rs-theme-yellow);
}

.rs-faculty-one .rs-accordion-one .accordion-button:not(.collapsed) .rs-faculty-tab-icon svg path {
  fill: var(--rs-theme-yellow);
}

.rs-faculty-one .rs-accordion-one .accordion-button .rs-faculty-tab-icon svg path {
  transition: 0.5s;
  fill: var(--rs-white);
}

.rs-faculty-one .rs-accordion-one .accordion-button:hover {
  color: var(--rs-theme-yellow);
}

.rs-faculty-one .rs-accordion-one .accordion-button:hover .rs-faculty-tab-icon svg path {
  fill: var(--rs-theme-yellow);
}

.rs-faculty-one .rs-accordion-one .accordion-body {
  padding-top: 20px;
  padding: 0;
  margin-top: 30px;
}

.rs-faculty-two {
  background: var(--rs-theme-red);
}

.rs-faculty-two .rs-faculty-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

@media only screen and (max-width: 991px) {
  .rs-faculty-two .rs-faculty-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 767px) {
  .rs-faculty-two .rs-faculty-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

.rs-faculty-two .rs-faculty-item:hover .rs-faculty-info {
  bottom: 0;
}

.rs-faculty-two .rs-faculty-item:hover .rs-faculty-title {
  margin-bottom: 15px;
}

.rs-faculty-two .rs-faculty-thumb {
  border-radius: 16px;
  border: 6px solid #a0233d;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.rs-faculty-two .rs-faculty-thumb::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: linear-gradient(180deg,
      rgba(33, 37, 45, 0) 38%,
      #21252d 91.09%);
  opacity: 0.9;
  border-radius: 16px;
}

.rs-faculty-two .rs-faculty-thumb img {
  width: 100%;
  border-radius: 16px;
}

.rs-faculty-two .rs-faculty-title {
  color: var(--rs-white);
  margin-bottom: 20px;
}

.rs-faculty-two .rs-faculty-title a:hover {
  color: var(--rs-theme-red);
}

.rs-faculty-two .rs-faculty-info {
  position: absolute;
  bottom: -50px;
  width: 100%;
  left: 0;
  padding-top: 30px;
  padding-bottom: 25px;
  padding-inline: 30px;
  transition: 0.5s;
}

@media only screen and (max-width: 1199px) {
  .rs-faculty-two .rs-faculty-info {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-inline: 20px;
  }
}

.rs-faculty-two.has-theme-blue {
  background: transparent;
  position: relative;
  z-index: 1;
}

.rs-faculty-two.has-theme-blue .rs-faculty-bg-thumb {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

.rs-faculty-two.has-theme-blue .rs-faculty-bg-thumb::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.8;
  background: var(--rs-theme-blue-two);
}

.rs-faculty-two.has-theme-blue .rs-faculty-thumb {
  border: 0;
  border-bottom: 6px solid #194e74;
}

.rs-faculty-two.has-theme-blue .rs-faculty-thumb::before {
  background-image: linear-gradient(180deg,
      rgba(0, 58, 101, 0) 28%,
      rgba(2, 30, 64, 0.8196078431) 100%);
}

.rs-faculty-two.has-theme-blue .rs-faculty-title a:hover {
  color: var(--rs-theme-yellow);
}

.rs-faculty-two.has-theme-blue .rs-faculty-pagination {
  margin-top: 45px;
}

.rs-faculty-two.has-theme-blue .rs-faculty-pagination .swiper-pagination-bullet {
  border-color: var(--rs-white);
}

.rs-faculty-two.has-theme-blue .rs-faculty-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--rs-theme-yellow);
  border-color: var(--rs-theme-yellow);
}

.rs-faculty-two.has-theme-blue .rs-faculty-pagination .swiper-pagination-bullet:hover {
  background: var(--rs-theme-yellow);
  border-color: var(--rs-theme-yellow);
}

.rs-faculty-three {
  position: relative;
  z-index: 1;
}

.rs-faculty-three .rs-faculty-shape {
  position: absolute;
  top: 180px;
  inset-inline-end: 100px;
}

@media only screen and (max-width: 1800px) {
  .rs-faculty-three .rs-faculty-shape {
    inset-inline-end: 30px;
  }
}

@media only screen and (max-width: 1600px) {
  .rs-faculty-three .rs-faculty-shape {
    display: none;
  }
}

.rs-faculty-three .rs-faculty-item:hover .rs-faculty-info {
  bottom: 0;
}

.rs-faculty-three .rs-faculty-thumb {
  border-radius: 16px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.rs-faculty-three .rs-faculty-thumb::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: linear-gradient(180deg,
      rgba(33, 37, 45, 0) 38%,
      #21252d 91.09%);
  opacity: 0.9;
  border-radius: 16px;
}

.rs-faculty-three .rs-faculty-thumb img {
  width: 100%;
  border-radius: 16px;
}

.rs-faculty-three .rs-faculty-title {
  color: var(--rs-white);
  margin-bottom: 15px;
}

.rs-faculty-three .rs-faculty-title a:hover {
  color: var(--rs-theme-green-two);
}

.rs-faculty-three .rs-faculty-info {
  position: absolute;
  bottom: -50px;
  width: 100%;
  left: 0;
  padding-top: 30px;
  padding-bottom: 32px;
  padding-inline: 30px;
  transition: 0.5s;
}

@media only screen and (max-width: 575px) {
  .rs-faculty-three .rs-faculty-info {
    padding-top: 25px;
    padding-bottom: 27px;
    padding-inline: 25px;
  }
}

.rs-faculty-three .rs-program-pagination {
  margin-top: 45px;
}

.rs-faculty-four .rs-faculty-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

@media only screen and (max-width: 991px) {
  .rs-faculty-four .rs-faculty-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 767px) {
  .rs-faculty-four .rs-faculty-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

.rs-faculty-four .rs-faculty-item {
  padding-top: 12px;
  padding-bottom: 30px;
  padding-inline: 12px;
  border-radius: 12px;
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.02);
  background: var(--rs-white);
  text-align: center;
}

.rs-faculty-four .rs-faculty-item:hover .rs-faculty-thumb img {
  transform: scale3d(1.1, 1.1, 1);
}

.rs-faculty-four .rs-faculty-title {
  margin-top: 23px;
  margin-bottom: 20px;
}

.rs-faculty-four .rs-faculty-title a:hover {
  color: var(--rs-theme-yellow);
}

.rs-faculty-four .rs-faculty-thumb {
  overflow: hidden;
  border-radius: 12px;
}

.rs-faculty-four .rs-faculty-thumb img {
  width: 100%;
  transition: all 0.8s ease;
  transform: scale(1.02);
  height: 245px;
  object-fit: cover;
  object-position: top center;
}

.rs-faculty-four .rs-load-more-btn .rs-btn:hover {
  background: var(--rs-theme-blue);
  color: var(--rs-white);
}

.rs-faculty-five {
  overflow-x: clip;
}

.rs-faculty-five .rs-faculty-wrapper {
  display: grid;
  grid-template-columns: 530px auto;
  gap: 30px 50px;
  align-items: start;
}

@media only screen and (max-width: 1199px) {
  .rs-faculty-five .rs-faculty-wrapper {
    grid-template-columns: 450px auto;
    gap: 30px 30px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-faculty-five .rs-faculty-wrapper {
    grid-template-columns: auto;
  }
}

.rs-faculty-five .rs-faculty-item-wrapper {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.rs-faculty-five .rs-faculty-item:hover .rs-faculty-info {
  bottom: 0;
}

.rs-faculty-five .rs-faculty-sec-wrapper {
  position: sticky;
  top: 110px;
}

@media only screen and (max-width: 991px) {
  .rs-faculty-five .rs-faculty-sec-wrapper {
    position: relative;
    top: unset;
  }
}

.rs-faculty-five .rs-faculty-thumb {
  border-radius: 16px;
  border: 6px solid var(--rs-border-primary);
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.rs-faculty-five .rs-faculty-thumb::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: linear-gradient(180deg,
      rgba(33, 37, 45, 0) 38%,
      #21252d 91.09%);
  opacity: 0.9;
}

.rs-faculty-five .rs-faculty-thumb img {
  width: 100%;
}

@media only screen and (max-width: 480px) {
  .rs-faculty-five .rs-faculty-thumb img {
    height: 200px;
    object-fit: cover;
    object-position: top center;
  }
}

.rs-faculty-five .rs-faculty-title {
  color: var(--rs-white);
  margin-bottom: 15px;
}

.rs-faculty-five .rs-faculty-title a:hover {
  color: var(--rs-theme-red);
}

.rs-faculty-five .rs-faculty-info {
  position: absolute;
  bottom: -50px;
  width: 100%;
  left: 0;
  padding-top: 30px;
  padding-bottom: 25px;
  padding-inline: 30px;
  transition: 0.5s;
}

@media only screen and (max-width: 480px) {
  .rs-faculty-five .rs-faculty-info {
    padding-top: 20px;
    padding-inline: 20px;
    padding-bottom: 20px;
  }
}

.rs-faculty-five .section-desc {
  margin-top: 20px;
  margin-bottom: 40px;
}

@media only screen and (max-width: 991px) {
  .rs-faculty-five .section-desc {
    margin-top: 15px;
    margin-bottom: 25px;
  }
}

.rs-faculty-details .rs-faculty-details-wrapper {
  display: grid;
  grid-template-columns: 400px auto;
  gap: 30px 60px;
  align-items: center;
}

@media only screen and (max-width: 1600px) {
  .rs-faculty-details .rs-faculty-details-wrapper {
    grid-template-columns: 350px auto;
    gap: 30px 30px;
    align-items: start;
  }
}

@media only screen and (max-width: 991px) {
  .rs-faculty-details .rs-faculty-details-wrapper {
    grid-template-columns: auto;
  }
}

.rs-faculty-details .rs-faculty-details-thumb-wrapper {
  background: var(--rs-white);
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.02);
  border-radius: 16px;
  padding-top: 12px;
  padding-bottom: 30px;
  padding-inline: 12px;
}

@media only screen and (max-width: 1600px) {
  .rs-faculty-details .rs-faculty-details-thumb-wrapper {
    position: sticky;
    top: 110px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-faculty-details .rs-faculty-details-thumb-wrapper {
    position: relative;
    top: unset;
  }
}

.rs-faculty-details .rs-faculty-details-thumb img {
  width: 100%;
  border-radius: 16px;
}

.rs-faculty-details .rs-faculty-details-author-info {
  padding-top: 25px;
}

.rs-faculty-details .rs-faculty-name {
  margin-bottom: 5px;
}

.rs-faculty-details .rs-faculty-details-title {
  margin-bottom: 15px;
}

.rs-faculty-details .rs-faculty-details-desc {
  border-bottom: 1px solid var(--rs-border-primary);
  padding-bottom: 30px;
}

.rs-faculty-details .rs-faculty-details-info-item:not(:last-child) {
  margin-bottom: 30px;
}

.rs-faculty-details .rs-faculty-info-title {
  margin-bottom: 15px;
}

/*----------------------------------------*/
/*  4.18 faq css
/*----------------------------------------*/
.rs-faq-one {
  position: relative;
  z-index: 1;
}

.rs-faq-one .rs-faq-wrapper {
  max-width: 1005px;
  margin: 0 auto;
}

.rs-faq-one .rs-faq-shape {
  position: absolute;
  bottom: 0;
  inset-inline-end: 100px;
}

@media only screen and (max-width: 1600px) {
  .rs-faq-one .rs-faq-shape {
    inset-inline-end: 0px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-faq-one .rs-faq-shape {
    display: none;
  }
}

.rs-faq-two .rs-faq-tab-wrapper ul li:not(:last-child) {
  margin-bottom: 10px;
}

.rs-faq-two .rs-faq-tab-wrapper ul li .nav-link {
  display: flex;
  align-items: center;
  background: var(--rs-white);
  padding-top: 13px;
  padding-bottom: 13px;
  padding-inline: 20px;
  font-weight: 600;
  border-radius: 6px;
  transition: 0.5s;
  color: var(--rs-title-tertiary);
  gap: 10px;
  width: 100%;
}

.rs-faq-two .rs-faq-tab-wrapper ul li .nav-link.active {
  color: var(--rs-white);
  background: var(--rs-theme-blue);
}

.rs-faq-two .rs-faq-tab-wrapper ul li .nav-link.active .rs-faq-tab-icon svg path {
  fill: var(--rs-white);
}

.rs-faq-two .rs-faq-tab-wrapper ul li .nav-link:hover {
  color: var(--rs-white);
  background: var(--rs-theme-blue);
}

.rs-faq-two .rs-faq-tab-wrapper ul li .nav-link:hover span svg {
  fill: var(--rs-white);
}

.rs-faq-two .rs-faq-tab-wrapper ul li .nav-link span svg {
  width: 23px;
  height: 23px;
}

.rs-faq-two .nav-pills {
  display: block;
}

.rs-faq-two .accordion-body {
  font-style: normal;
}

.rs-faq-two .rs-faq-tab-anim .tab-pane.active .accordion-wrapper {
  -webkit-animation: slide-down 5s ease-out;
  animation: slide-down 5s ease-out;
}

/*----------------------------------------*/
/*   4.19 feature css
/*----------------------------------------*/
.rs-feature-one .rs-feature-wrapper {
  display: grid;
  grid-template-columns: 635px auto;
  gap: 30px 75px;
  align-items: center;
  background: var(--rs-white);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.02);
  border-radius: 12px;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-inline-start: 50px;
  padding-inline-end: 30px;
}

@media only screen and (max-width: 1600px) {
  .rs-feature-one .rs-feature-wrapper {
    grid-template-columns: 600px auto;
    gap: 30px 30px;
    padding-inline-start: 30px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-feature-one .rs-feature-wrapper {
    grid-template-columns: 500px auto;
    align-items: start;
  }
}

@media only screen and (max-width: 991px) {
  .rs-feature-one .rs-feature-wrapper {
    grid-template-columns: auto;
    align-items: start;
  }
}

@media only screen and (max-width: 575px) {
  .rs-feature-one .rs-feature-wrapper {
    padding-top: 25px;
    padding-bottom: 25px;
    padding-inline-start: 25px;
    padding-inline-end: 25px;
  }
}

.rs-feature-one .rs-feature-icon svg {
  width: 40px;
  height: 40px;
}

@media only screen and (max-width: 1199px) {
  .rs-feature-one .rs-feature-thumb {
    position: sticky;
    top: 110px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-feature-one .rs-feature-thumb {
    position: relative;
    top: unset;
  }
}

.rs-feature-one .rs-feature-thumb img {
  width: 100%;
  border-radius: 12px;
}

.rs-feature-one .rs-feature-title {
  color: var(--rs-title-tertiary);
  margin-bottom: 15px;
}

.rs-feature-one .rs-feature-item {
  display: flex;
  align-items: start;
  gap: 20px;
}

@media only screen and (max-width: 480px) {
  .rs-feature-one .rs-feature-item {
    gap: 15px;
    flex-wrap: wrap;
  }
}

.rs-feature-one .rs-feature-list-title {
  color: var(--rs-title-tertiary);
}

.rs-feature-one .rs-feature-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 35px;
  gap: 20px;
}

@media only screen and (max-width: 1199px) {
  .rs-feature-one .rs-feature-list {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media only screen and (max-width: 991px) {
  .rs-feature-one .rs-feature-list {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 767px) {
  .rs-feature-one .rs-feature-list {
    grid-template-columns: repeat(1, 1fr);
  }
}

.rs-feature-one .rs-feature-desc {
  border-bottom: 1px solid var(--rs-border-primary);
  margin-bottom: 25px;
  padding-bottom: 25px;
}

.rs-feature-two {
  padding-inline-start: 165px;
  padding-inline-end: 165px;
  margin-top: -120px;
  position: relative;
  z-index: 2;
}

@media only screen and (max-width: 1366px) {
  .rs-feature-two {
    padding-inline-start: 0px;
    padding-inline-end: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-feature-two {
    margin-top: 0;
    background: var(--rs-bg-primary);
    padding-top: 80px;
  }
}

.rs-feature-two .rs-feature-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

@media only screen and (max-width: 991px) {
  .rs-feature-two .rs-feature-wrapper {
    gap: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-feature-two .rs-feature-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 575px) {
  .rs-feature-two .rs-feature-wrapper {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
}

.rs-feature-two .rs-feature-item a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px;
  font-size: 24px;
  font-weight: 600;
  color: var(--rs-white);
  text-decoration: none;
  transition: 0.5s ease;
  background: #1f2226;
  font-family: var(--rs-ff-title);
}

.rs-feature-two .rs-feature-item a:hover {
  background: var(--rs-theme-red);
  color: var(--rs-white);
}

@media only screen and (max-width: 1600px) {
  .rs-feature-two .rs-feature-item a {
    font-size: 20px;
    padding: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-feature-two .rs-feature-item a {
    font-size: 16px;
    padding: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-feature-two .rs-feature-item a {
    font-size: 20px;
    padding: 20px;
  }
}

.rs-feature-three {
  position: relative;
  z-index: 2;
  background: var(--rs-bg-secondary);
}

.rs-feature-three .rs-feature-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: -35px;
}

@media only screen and (max-width: 767px) {
  .rs-feature-three .rs-feature-wrapper {
    margin-top: 0;
    padding-top: 80px;
    grid-template-columns: repeat(1, 1fr);
  }
}

.rs-feature-three .rs-feature-item a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px 25px 18px 25px;
  font-size: 18px;
  font-weight: 600;
  color: var(--rs-white);
  text-decoration: none;
  transition: 0.5s ease;
  background: #231f20;
  font-family: var(--rs-ff-title);
  border-radius: 20px;
  gap: 18px;
}

@media only screen and (max-width: 1199px) {
  .rs-feature-three .rs-feature-item a {
    padding: 18px 20px 18px 20px;
  }
}

.rs-feature-three .rs-feature-item a:hover {
  background: var(--rs-theme-red);
  color: var(--rs-white);
}

.rs-feature-three .rs-feature-item .feature-icon svg {
  width: 30px;
  height: 30px;
}

.rs-feature-three .rs-feature-item .feature-icon svg path {
  fill: var(--rs-white);
}

.rs-feature-three .rs-feature-item.is-active a {
  background: var(--rs-theme-red);
}

/*----------------------------------------*/
/*   4.20 filter css
/*----------------------------------------*/
.rs-filter-one {
  padding-top: 90px;
}

.rs-filter-one .rs-filter-wrapper {
  display: flex;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: 1px solid var(--rs-border-primary);
  margin-bottom: 30px;
  padding-bottom: 30px;
}

.rs-filter-one .rs-filter-search {
  position: relative;
  width: 410px;
}

.rs-filter-one .rs-filter-search input {
  width: 100%;
  height: 50px;
  padding: 10px 50px 10px 20px;
  border: 1px solid var(--rs-border-primary);
  border-radius: 5px;
  font-size: 15px;
  color: var(--rs-title-primary);
  transition: all 0.3s ease;
  background: var(--rs-white);
}

.rs-filter-one .rs-filter-search input:focus {
  border-color: var(--rs-theme-yellow);
}

.rs-filter-one .rs-filter-search button {
  position: absolute;
  top: 50%;
  inset-inline-end: 25px;
  color: var(--rs-black);
  font-size: 16px;
  transform: translateY(-50%);
}

.rs-filter-two {
  background: var(--rs-white);
  padding: 30px;
  border-radius: 12px;
}

@media only screen and (max-width: 1366px) {
  .rs-filter-two {
    padding: 20px;
  }
}

.rs-filter-two .filter-main-title {
  font-size: 20px;
  border-bottom: 1px solid var(--rs-border-primary);
  position: relative;
  padding-bottom: 25px;
  margin-bottom: 25px;
  color: var(--rs-title-tertiary);
}

.rs-filter-two .filter-main-title::before {
  position: absolute;
  content: "";
  width: 70px;
  height: 1px;
  bottom: 0;
  inset-inline-start: 0;
  background: var(--rs-theme-blue);
}

.rs-filter-two input[type="checkbox"]~label {
  color: var(--rs-text-primary);
  margin-bottom: 10px;
  font-size: 14px;
}

.rs-filter-two .filter-title {
  font-size: 15px;
  margin-bottom: 15px;
  color: var(--rs-title-tertiary);
}

.rs-filter-two input[type="checkbox"]~label::after {
  border: 1px solid var(--rs-border-primary);
  z-index: 1;
  width: 15px;
  height: 15px;
  line-height: 15px;
}

.rs-filter-two input[type="checkbox"]~label::before {
  z-index: 2;
  font-size: 12px;
  background: var(--rs-theme-blue);
  border-radius: 2px;
  color: var(--rs-white);
  width: 15px;
  height: 15px;
  line-height: 15px;
  top: 3px;
  inset-inline-start: 0px;
}

.rs-filter-two .show-more-btn {
  font-size: 14px;
  text-decoration: underline;
  color: var(--rs-title-tertiary);
}

.rs-filter-two .show-more-btn:hover {
  color: var(--rs-theme-yellow);
}

.rs-filter-two .filter-item:not(:last-child) {
  margin-bottom: 30px;
}

.rs-filter-three {
  display: flex;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
  justify-content: space-between;
}

.rs-filter-three .rs-filter-search {
  position: relative;
  width: 410px;
}

.rs-filter-three .rs-filter-search input {
  width: 100%;
  height: 50px;
  padding: 10px 50px 10px 20px;
  border: 1px solid var(--rs-border-primary);
  border-radius: 5px;
  font-size: 15px;
  color: var(--rs-title-primary);
  transition: all 0.3s ease;
  background: var(--rs-white);
}

.rs-filter-three .rs-filter-search input:focus {
  border-color: var(--rs-theme-yellow);
}

.rs-filter-three .rs-filter-search button {
  position: absolute;
  top: 50%;
  inset-inline-end: 25px;
  color: var(--rs-black);
  font-size: 16px;
  transform: translateY(-50%);
}

.rs-filter-three .rs-result-count {
  font-weight: 500;
  color: var(--rs-title-tertiary);
}

/*----------------------------------------*/
/*   4.21 funfact css
/*----------------------------------------*/
.rs-funfact-one .rs-funfact-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

@media only screen and (max-width: 991px) {
  .rs-funfact-one .rs-funfact-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 767px) {
  .rs-funfact-one .rs-funfact-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

.rs-funfact-one .rs-funfact-icon svg {
  width: 64px;
  height: 64px;
}

.rs-funfact-one .rs-funfact-title {
  margin-bottom: 10px;
}

.rs-funfact-one .rs-funfact-item {
  background: var(--rs-white);
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.04);
  display: inline-flex;
  align-items: start;
  gap: 20px 20px;
  border-radius: 12px;
  padding-top: 30px;
  padding-inline: 25px;
  padding-bottom: 30px;
}

@media only screen and (max-width: 1600px) {
  .rs-funfact-one .rs-funfact-item {
    padding-inline: 20px;
    padding-top: 25px;
    padding-bottom: 25px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-funfact-one .rs-funfact-item {
    flex-wrap: wrap;
  }
}

.rs-funfact-one .rs-funfact-item.has-theme-red {
  background: var(--rs-theme-red);
}

.rs-funfact-one .rs-funfact-item.has-theme-red .rs-funfact-title {
  color: var(--rs-white);
}

.rs-funfact-one .rs-funfact-item.has-theme-red .rs-funfact-icon svg path {
  fill: var(--rs-white);
}

.rs-funfact-one .rs-funfact-item.has-theme-red .rs-funfact-desc {
  color: var(--rs-white);
}

@media only screen and (max-width: 991px) {
  .rs-funfact-one.has-theme-blue {
    padding-top: 80px;
  }
}

.rs-funfact-one.has-theme-blue .rs-funfact-wrapper {
  margin-top: -80px;
  position: relative;
  z-index: 2;
}

@media only screen and (max-width: 991px) {
  .rs-funfact-one.has-theme-blue .rs-funfact-wrapper {
    margin-top: 0;
  }
}

.rs-funfact-one.has-theme-blue .rs-funfact-item {
  background: var(--rs-theme-blue-two);
}

.rs-funfact-one.has-theme-blue .rs-funfact-item:nth-child(2n) {
  background: var(--rs-theme-yellow);
}

.rs-funfact-one.has-theme-blue .rs-funfact-item:nth-child(2n) .rs-funfact-title {
  color: var(--rs-title-primary);
}

.rs-funfact-one.has-theme-blue .rs-funfact-item:nth-child(2n) .rs-funfact-desc {
  color: var(--rs-text-primary);
}

.rs-funfact-one.has-theme-blue .rs-funfact-item:nth-child(2n) .rs-funfact-icon svg path {
  fill: var(--rs-black);
}

.rs-funfact-one.has-theme-blue .rs-funfact-icon svg path {
  fill: var(--rs-white);
}

.rs-funfact-one.has-theme-blue .rs-funfact-title {
  color: var(--rs-white);
}

.rs-funfact-one.has-theme-blue .rs-funfact-desc {
  color: rgba(255, 255, 255, 0.7);
}

/*----------------------------------------*/
/*  4.22 gallery css
/*----------------------------------------*/
.rs-gallery-one {
  overflow-x: clip;
}

.rs-gallery-item img {
  height: 350px;
  object-fit: cover;
  width: 100%;
}

.rs-footer-widget-logo img {
  width: 200px;
}

.rs-gallery-one .rs-gallery-wrapper {
  position: relative;
}

.rs-gallery-one .rs-gallery-item-wrapper {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 0;
}

@media only screen and (max-width: 991px) {
  .rs-gallery-one .rs-gallery-item-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media only screen and (max-width: 480px) {
  .rs-gallery-one .rs-gallery-item-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

.rs-gallery-one .rs-gallery-thumb img {
  width: 100%;
}

.rs-gallery-one .rs-gallery-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
}

.rs-gallery-two .rs-gallery-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}

@media only screen and (max-width: 767px) {
  .rs-gallery-two .rs-gallery-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 767px) {
  .rs-gallery-two .rs-gallery-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 480px) {
  .rs-gallery-two .rs-gallery-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

.rs-gallery-two .rs-gallery-item:hover .rs-gallery-thumb:before {
  visibility: visible;
  opacity: 1;
}

.rs-gallery-two .rs-gallery-item:hover .rs-gallery-btn {
  transform: translate(-50%, -50%) scale(1);
  visibility: visible;
  opacity: 1;
}

.rs-gallery-two .rs-gallery-thumb {
  position: relative;
}

.rs-gallery-two .rs-gallery-thumb::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(43, 57, 68, 0.5);
  transition: all 0.4s ease-out;
  border-radius: 4px;
  opacity: 0;
  visibility: hidden;
}

.rs-gallery-two .rs-gallery-thumb img {
  width: 100%;
  border-radius: 10px;
}

.rs-gallery-two .rs-gallery-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.3);
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s ease-out;
}

.rs-gallery-two .rs-gallery-btn .rs-btn-circle {
  background: var(--rs-white);
}

.rs-gallery-two .rs-gallery-btn .rs-btn-circle:hover {
  background: var(--rs-theme-yellow);
}

.rs-gallery-two .rs-gallery-btn .rs-btn-circle i {
  color: var(--rs-black);
}

.rs-gallery-two .rs-gallery-tab-wrapper .nav-pills {
  display: flex;
  justify-content: center;
  gap: 30px 10px;
  margin-bottom: 35px;
  margin-top: 35px;
}

@media only screen and (max-width: 991px) {
  .rs-gallery-two .rs-gallery-tab-wrapper .nav-pills {
    gap: 20px 10px;
  }
}

.rs-gallery-two .rs-gallery-tab-wrapper .nav-link {
  background: var(--rs-theme-blue);
  font-weight: 600;
  padding: 0;
  padding-bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  border-radius: 8px;
  border-bottom: 0;
  color: var(--rs-white);
  font-size: 16px;
  transition: all 0.3s ease-in-out;
  padding: 15px 35px;
}

@media only screen and (max-width: 991px) {
  .rs-gallery-two .rs-gallery-tab-wrapper .nav-link {
    padding: 15px 15px;
    font-size: 15px;
  }
}

.rs-gallery-two .rs-gallery-tab-wrapper .nav-link.active {
  color: var(--rs-title-tertiary);
  background: var(--rs-theme-yellow);
}

.rs-gallery-two .rs-gallery-tab-wrapper .nav-link:hover {
  color: var(--rs-title-tertiary);
  background: var(--rs-theme-yellow);
}

.rs-gallery-two .rs-gallery-tab-anim .tab-pane.active .rs-gallery-wrapper {
  -webkit-animation: slide-down 5s ease-out;
  animation: slide-down 5s ease-out;
}

@media only screen and (max-width: 767px) {
  .rs-gallery-two .rs-gallery-content-wrapper {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .rs-gallery-two .rs-gallery-tab-wrapper {
    display: none;
  }
}

.rs-gallery-two .rs-gallery-accordion {
  display: none;
  margin-top: 30px;
}

@media only screen and (max-width: 767px) {
  .rs-gallery-two .rs-gallery-accordion {
    display: block;
  }
}

.rs-gallery-two .rs-gallery-accordion .rs-accordion-item {
  padding: 0;
  background: none;
}

.rs-gallery-two .rs-gallery-accordion .rs-accordion-item:not(:last-child) {
  margin-bottom: 15px;
}

.rs-gallery-two .rs-gallery-accordion .accordion-body {
  padding: 0;
  margin-top: 30px;
}

.rs-gallery-two .rs-gallery-accordion .accordion-button {
  padding: 15px 35px;
  background: var(--rs-theme-blue);
  color: var(--rs-white);
  font-size: 16px;
  border-radius: 8px;
  justify-content: center;
  font-weight: 600;
}

.rs-gallery-two .rs-gallery-accordion .accordion-button:hover {
  color: var(--rs-title-primary);
  background: var(--rs-theme-yellow);
}

.rs-gallery-two .rs-gallery-accordion .accordion-button :not(.collapsed) {
  background: var(--rs-theme-yellow);
  color: var(--rs-title-primary);
}

.rs-gallery-three .rs-gallery-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

@media only screen and (max-width: 991px) {
  .rs-gallery-three .rs-gallery-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 767px) {
  .rs-gallery-three .rs-gallery-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

.rs-gallery-three .rs-gallery-thumb img {
  border-radius: 8px;
}

/*----------------------------------------*/
/*  4.23 history css
/*----------------------------------------*/
.rs-history-one .rs-history-list-item {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}

.rs-history-one .rs-history-list-item::before {
  position: absolute;
  content: "";
  left: 8px;
  top: 0;
  width: 1px;
  height: 100%;
  background: #d9d9d9;
}

.rs-history-one .rs-history-list-wrapper ul li {
  display: grid;
  grid-template-columns: 140px 1fr;
  gap: 16px;
  align-items: start;
  position: relative;
  list-style: none;
}

@media only screen and (max-width: 575px) {
  .rs-history-one .rs-history-list-wrapper ul li {
    grid-template-columns: 120px 1fr;
  }
}

@media only screen and (max-width: 480px) {
  .rs-history-one .rs-history-list-wrapper ul li {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}

.rs-history-one .rs-history-list-wrapper ul li:not(:last-child) {
  margin-bottom: 15px;
}

.rs-history-one .rs-history-dot {
  width: 10px;
  height: 10px;
  min-width: 10px;
  border-radius: 50%;
  background: var(--rs-theme-blue);
  margin: 5px;
  position: relative;
  transform: translateY(5px);
}

.rs-history-one .rs-history-dot::before {
  position: absolute;
  content: "";
  width: 18px;
  height: 18px;
  top: -4px;
  left: -4px;
  border-radius: 50%;
  border: 1px solid #c0ced9;
}

.rs-history-one .rs-history-month {
  font-weight: 600;
  text-align: end;
  color: var(--rs-theme-blue);
}

@media only screen and (max-width: 480px) {
  .rs-history-one .rs-history-month {
    text-align: start;
  }
}

.rs-history-one .rs-history-desc {
  position: relative;
  z-index: 1;
  padding-inline-start: 12px;
}

.rs-history-one .rs-history-desc::before {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--rs-theme-blue);
  top: 10px;
  inset-inline-start: 0px;
}

.rs-history-one .rs-history-list-wrapper {
  display: flex;
  gap: 10px;
}

@media only screen and (max-width: 575px) {
  .rs-history-one .rs-history-list-wrapper {
    flex-wrap: wrap;
  }
}

/*----------------------------------------*/
/*  4.24 libraries css|
/*----------------------------------------*/
.rs-libraries-one {
  position: relative;
}

.rs-libraries-one .rs-libraries-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-top: 30px;
}

@media only screen and (max-width: 991px) {
  .rs-libraries-one .rs-libraries-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 767px) {
  .rs-libraries-one .rs-libraries-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

.rs-libraries-one .rs-libraries-item {
  border-radius: 12px;
  background: var(--rs-white);
  padding-top: 12px;
  padding-bottom: 30px;
  padding-inline: 12px;
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.06);
}

.rs-libraries-one .rs-libraries-item:hover .rs-libraries-thumb img {
  transform: scale3d(1.1, 1.1, 1);
}

.rs-libraries-one .rs-libraries-thumb {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}

.rs-libraries-one .rs-libraries-thumb img {
  width: 100%;
  transition: all 0.8s ease;
}

.rs-libraries-one .rs-libraries-title {
  margin-bottom: 8px;
  color: var(--rs-title-tertiary);
}

.rs-libraries-one .rs-libraries-title a:hover {
  color: var(--rs-theme-yellow);
}

.rs-libraries-one .rs-libraries-content {
  padding-inline-start: 20px;
  padding-inline-end: 20px;
  padding-top: 27px;
}

.rs-libraries-one .rs-libraries-desc {
  margin-bottom: 28px;
}

/*----------------------------------------*/
/*  4.25 login
/*----------------------------------------*/
.rs-login-wrapper {
  background-color: var(--rs-white);
  box-shadow: 0px 4px 80px rgba(0, 0, 0, 0.12);
  padding: 30px 30px;
  margin: 0 auto;
  border-radius: 8px 0 0px 8px;
}

@media only screen and (max-width: 480px) {
  .rs-login-wrapper {
    padding: 25px 25px;
  }
}

.rs-login-wrapper input[type="checkbox"]~label {
  color: var(--rs-black);
}

.rs-login-wrapper input[type="checkbox"]~label::after {
  border: 1px solid rgba(102, 102, 102, 0.278);
  z-index: 1;
}

.rs-login-wrapper input[type="checkbox"]~label::before {
  color: var(--rs-white);
  z-index: 2;
  background: var(--rs-theme-blue);
}

.rs-login-wrapper .form-input-title label {
  margin-bottom: 5px;
  text-transform: capitalize;
  font-size: 16px;
  text-align: left;
  display: block;
  font-weight: 500;
  color: var(--rs-black);
}

.rs-login-thumb {
  height: 100%;
}

.rs-login-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0 6px 6px 0px;
}

@media only screen and (max-width: 991px) {
  .rs-login-thumb img {
    border-radius: 0 0px 6px 6px;
  }
}

.rs-login-link {
  color: var(--rs-theme-blue);
}

.rs-login-link:hover {
  color: var(--rs-theme-yellow);
}

.rs-login-btn .rs-btn {
  height: 50px;
}

.rs-login-meta-divider-wrapper {
  display: flex;
  position: relative;
  align-items: center;
  margin: 0 -15px;
  margin-top: 30px;
}

.rs-login-meta-divider-line {
  position: relative;
  background-image: linear-gradient(90deg, #46494d, rgba(33, 38, 45, 0));
  width: 100%;
  height: 1px;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
}

.rs-login-meta-divider-line.left-line {
  background-image: linear-gradient(-90deg, #46494d, rgba(33, 38, 45, 0));
}

.rs-login-meta-divider-line-right-line {
  background-image: linear-gradient(90deg, #46494d, rgba(33, 38, 45, 0));
}

.rs-login-meta-divider-title {
  position: relative;
  padding: 0 15px;
  width: max-content;
  font-size: 17px;
  color: var(--rs-black);
}

.rs-login-label {
  color: var(--rs-black);
}

/*----------------------------------------*/
/*  4.26 mission
/*----------------------------------------*/
.rs-mission-one .rs-mission-wrapper {
  display: grid;
  grid-template-columns: 410px auto;
  gap: 30px 60px;
  align-items: start;
}

@media only screen and (max-width: 1600px) {
  .rs-mission-one .rs-mission-wrapper {
    grid-template-columns: 350px auto;
    gap: 30px 30px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-mission-one .rs-mission-wrapper {
    grid-template-columns: 300px auto;
  }
}

@media only screen and (max-width: 991px) {
  .rs-mission-one .rs-mission-wrapper {
    grid-template-columns: auto;
  }
}

.rs-mission-one .rs-counter-number,
.rs-mission-one .prefix {
  font-size: 48px;
  color: var(--rs-title-tertiary);
  font-weight: 600;
  line-height: 0.9;
  font-family: var(--rs-ff-title);
}

@media only screen and (max-width: 1600px) {

  .rs-mission-one .rs-counter-number,
  .rs-mission-one .prefix {
    font-size: 30px;
  }
}

.rs-mission-one .rs-counter-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.rs-mission-one .rs-mission-sec-icon img {
  width: 68px;
}

.rs-mission-one .rs-mission-desc-wrapper {
  position: relative;
  z-index: 1;
  border-inline-start: 1px solid var(--rs-border-primary);
  padding-inline-start: 35px;
}

@media only screen and (max-width: 480px) {
  .rs-mission-one .rs-mission-desc-wrapper {
    padding-inline-start: 25px;
  }
}

.rs-mission-one .rs-mission-desc-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  inset-inline-start: -8px;
  width: 16px;
  height: 16px;
  background-color: var(--rs-theme-blue);
  border: 3px solid rgba(255, 255, 255, 0.98);
  border-radius: 50%;
  z-index: 1;
  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.3);
}

.rs-mission-one .rs-mission-thumb {
  margin-top: 38px;
}

.rs-mission-one .rs-mission-thumb img {
  width: 100%;
  border-radius: 12px;
}

.rs-mission-one .rs-mission-title {
  color: var(--rs-title-tertiary);
  margin-bottom: 15px;
}

.rs-mission-one .desc-one {
  margin-bottom: 20px;
}

.rs-mission-one .section-title {
  color: var(--rs-title-tertiary);
  line-height: 1.2;
  margin-top: 32px;
  margin-bottom: 10px;
}

.rs-mission-one .section-desc {
  max-width: 290px;
}

/*----------------------------------------*/
/*  4.27 overview css
/*----------------------------------------*/
.rs-overview-one {
  background: var(--rs-theme-green);
  position: relative;
  z-index: 1;
}

.rs-overview-one .rs-overview-shape-one {
  position: absolute;
  top: 95px;
  inset-inline-start: 0;
}

[dir="rtl"] .rs-overview-one .rs-overview-shape-one {
  transform: rotateY(180deg);
}

.rs-overview-one .rs-overview-shape-two {
  position: absolute;
  top: 160px;
  inset-inline-end: 215px;
}

@media only screen and (max-width: 1800px) {
  .rs-overview-one .rs-overview-shape-two {
    inset-inline-end: 30px;
  }
}

@media only screen and (max-width: 1366px) {
  .rs-overview-one .rs-overview-shape-two {
    display: none;
  }
}

.rs-overview-one .rs-overview-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

@media only screen and (max-width: 1600px) {
  .rs-overview-one .rs-overview-wrapper {
    grid-template-columns: auto 350px auto;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-overview-one .rs-overview-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media only screen and (max-width: 991px) {
  .rs-overview-one .rs-overview-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 767px) {
  .rs-overview-one .rs-overview-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

.rs-overview-one .rs-overview-item {
  background-color: #346359;
  border: 1px solid var(--rs-border-tertiary);
  border-radius: 12px;
  position: relative;
  z-index: 1;
}

.rs-overview-one .rs-overview-item.item-one {
  padding-top: 35px;
  padding-bottom: 25px;
  padding-inline-start: 30px;
  padding-inline-end: 30px;
}

@media only screen and (max-width: 1199px) {
  .rs-overview-one .rs-overview-item.item-one {
    padding-top: 25px;
    padding-inline-start: 25px;
    padding-inline-end: 25px;
  }
}

.rs-overview-one .rs-overview-item.item-one .rs-overview-icon svg {
  width: 58px;
  height: 58px;
}

.rs-overview-one .rs-overview-item.item-one .rs-overview-icon svg path {
  fill: var(--rs-white);
}

.rs-overview-one .rs-overview-item.item-one .rs-overview-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 90px;
}

@media only screen and (max-width: 1199px) {
  .rs-overview-one .rs-overview-item.item-one .rs-overview-content {
    gap: 30px;
  }
}

.rs-overview-one .rs-overview-item.item-one .rs-overview-inner {
  display: grid;
  grid-template-columns: 130px auto;
  gap: 15px;
  align-items: center;
  justify-content: space-between;
}

@media only screen and (max-width: 1199px) {
  .rs-overview-one .rs-overview-item.item-one .rs-overview-inner {
    grid-template-columns: auto;
    gap: 30px;
  }
}

.rs-overview-one .rs-overview-item.item-two {
  background: var(--rs-theme-yellow);
  border: 0;
  padding-top: 30px;
  padding-bottom: 0px;
  padding-inline-start: 30px;
  position: relative;
  overflow: hidden;
}

@media only screen and (max-width: 1199px) {
  .rs-overview-one .rs-overview-item.item-two {
    padding-top: 25px;
    padding-inline-start: 25px;
  }
}

.rs-overview-one .rs-overview-item.item-two .rs-overview-inner {
  display: grid;
  grid-template-columns: 150px auto;
  gap: 15px;
  align-items: start;
  justify-content: space-between;
}

@media only screen and (max-width: 767px) {
  .rs-overview-one .rs-overview-item.item-two .rs-overview-inner {
    grid-template-columns: auto auto;
  }
}

.rs-overview-one .rs-overview-item.item-two .rs-overview-inner .rs-overview-thumb {
  position: absolute;
  bottom: 0;
  inset-inline-end: 0;
  width: 190px;
  z-index: 1;
}

@media only screen and (max-width: 1600px) {
  .rs-overview-one .rs-overview-item.item-two .rs-overview-inner .rs-overview-thumb {
    width: 170px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-overview-one .rs-overview-item.item-two .rs-overview-inner .rs-overview-thumb {
    width: 150px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-overview-one .rs-overview-item.item-two .rs-overview-inner .rs-overview-thumb {
    position: unset;
  }
}

@media only screen and (max-width: 575px) {
  .rs-overview-one .rs-overview-item.item-two .rs-overview-inner .rs-overview-thumb {
    width: 130px;
  }
}

.rs-overview-one .rs-overview-item.item-two .rs-overview-shape {
  position: absolute;
  inset-inline-end: -40px;
  bottom: 0;
}

@media only screen and (max-width: 1600px) {
  .rs-overview-one .rs-overview-item.item-two .rs-overview-shape {
    inset-inline-end: -70px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-overview-one .rs-overview-item.item-two .rs-overview-shape {
    inset-inline-end: -100px;
  }
}

.rs-overview-one .rs-overview-item.item-two .rs-overview-title {
  color: var(--rs-title-primary);
}

@media only screen and (max-width: 575px) {
  .rs-overview-one .rs-overview-item.item-two .rs-overview-title {
    font-size: 16px;
  }
}

.rs-overview-one .rs-overview-item.item-two .rs-overview-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 115px;
}

@media only screen and (max-width: 1199px) {
  .rs-overview-one .rs-overview-item.item-two .rs-overview-content {
    gap: 25px;
  }
}

.rs-overview-one .rs-overview-item.item-two .rs-overview-thumb img {
  width: 100%;
}

.rs-overview-one .rs-overview-item.item-three {
  padding-top: 35px;
  padding-bottom: 25px;
  padding-inline-start: 30px;
  padding-inline-end: 30px;
}

@media only screen and (max-width: 1199px) {
  .rs-overview-one .rs-overview-item.item-three {
    padding-top: 25px;
    padding-inline-start: 25px;
    padding-inline-end: 25px;
  }
}

.rs-overview-one .rs-overview-item.item-three .rs-overview-inner {
  display: grid;
  grid-template-columns: 150px auto;
  gap: 15px;
  align-items: start;
  justify-content: space-between;
}

@media only screen and (max-width: 1199px) {
  .rs-overview-one .rs-overview-item.item-three .rs-overview-inner {
    gap: 30px;
    grid-template-columns: auto;
  }
}

.rs-overview-one .rs-overview-item.item-three .rs-overview-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 115px;
}

@media only screen and (max-width: 1199px) {
  .rs-overview-one .rs-overview-item.item-three .rs-overview-content {
    gap: 25px;
  }
}

.rs-overview-one .rs-overview-item.item-three .rs-counter-number,
.rs-overview-one .rs-overview-item.item-three .prefix {
  color: var(--rs-white);
}

@media only screen and (max-width: 1199px) {
  .rs-overview-one .rs-overview-item.item-three .rs-overview-thumb {
    width: 135px;
  }
}

.rs-overview-one .rs-overview-title {
  color: var(--rs-white);
}

.rs-overview-one .rs-overview-list {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

@media only screen and (max-width: 1199px) {
  .rs-overview-one .rs-overview-list {
    align-items: start;
  }
}

.rs-overview-one .rs-overview-list .rs-overview-list-item {
  list-style: none;
  border-radius: 30px;
  background: var(--rs-theme-green);
  color: var(--rs-white);
  padding-inline: 12px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-weight: 600;
  font-family: var(--rs-ff-title);
  display: inline-flex;
  justify-content: center;
}

.rs-overview-one .rs-overview-list .rs-overview-list-item:first-child {
  transform: rotate(10deg);
}

@media only screen and (max-width: 1199px) {
  .rs-overview-one .rs-overview-list .rs-overview-list-item:first-child {
    transform: rotate(0deg);
  }
}

.rs-overview-one .rs-overview-list .rs-overview-list-item:last-child {
  transform: rotate(-10deg);
}

@media only screen and (max-width: 1199px) {
  .rs-overview-one .rs-overview-list .rs-overview-list-item:last-child {
    transform: rotate(0deg);
  }
}

.rs-overview-one .rs-overview-list .rs-overview-list-item:not(:last-child) {
  margin-bottom: 30px;
}

@media only screen and (max-width: 1199px) {
  .rs-overview-one .rs-overview-list .rs-overview-list-item:not(:last-child) {
    margin-bottom: 15px;
  }
}

.rs-overview-one .rs-counter-number-wrapper {
  display: flex;
  align-items: center;
}

.rs-overview-one .rs-counter-number,
.rs-overview-one .prefix {
  font-size: 48px;
  font-weight: 600;
  color: var(--rs-title-primary);
  line-height: 0.85;
  font-family: var(--rs-ff-title);
}

@media only screen and (max-width: 767px) {

  .rs-overview-one .rs-counter-number,
  .rs-overview-one .prefix {
    font-size: 40px;
  }
}

.rs-overview-one .rs-overview-more-btn {
  display: flex;
  justify-content: center;
}

.rs-overview-one .rs-overview-more-btn .rs-btn {
  font-size: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3019607843);
  border-radius: 0;
  margin-top: 40px;
  font-family: var(--rs-ff-title);
  color: var(--rs-white);
}

.rs-overview-one .rs-overview-more-btn .rs-btn.has-icon svg {
  width: 20px;
  height: 20px;
}

.rs-overview-one .rs-overview-more-btn .rs-btn.has-icon svg path {
  fill: var(--rs-white);
}

.rs-overview-one .rs-overview-more-btn .rs-btn:hover {
  color: var(--rs-theme-yellow);
}

.rs-overview-one .rs-overview-more-btn .rs-btn:hover.has-icon .icon-box svg path {
  fill: var(--rs-theme-yellow);
}

.rs-overview-two .rs-accordion-item {
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.06);
}

.rs-overview-two .rs-overview-desc-wrapper {
  position: relative;
  padding-inline-start: 35px;
}

@media only screen and (max-width: 767px) {
  .rs-overview-two .rs-overview-desc-wrapper {
    padding-inline-start: 25px;
  }
}

.rs-overview-two .rs-overview-desc-wrapper::before {
  content: "";
  position: absolute;
  top: 10px;
  bottom: 0;
  left: 0;
  width: 1px;
  background-color: var(--rs-border-primary);
}

.rs-overview-two .rs-overview-desc-wrapper::after {
  content: "";
  position: absolute;
  top: 5px;
  left: -8px;
  width: 16px;
  height: 16px;
  background-color: var(--rs-theme-blue);
  border: 3px solid #fff;
  border-radius: 50%;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  z-index: 2;
}

.rs-overview-two .rs-overview-desc-list-item {
  position: relative;
  padding-inline-start: 15px;
}

.rs-overview-two .rs-overview-desc-list-item:not(:last-child) {
  margin-bottom: 3px;
}

.rs-overview-two .rs-overview-desc-list-item::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 10px;
  width: 6px;
  height: 6px;
  background-color: #4c4c4c;
  border-radius: 50%;
}

.rs-overview-two .accordion-body {
  padding-top: 20px;
  padding-inline-start: 35px;
  padding-inline-end: 30px;
  padding-bottom: 30px;
}

@media only screen and (max-width: 1366px) {
  .rs-overview-two .accordion-body {
    padding-top: 25px;
    padding-inline-start: 25px;
    padding-inline-end: 25px;
    padding-bottom: 25px;
  }
}

.rs-overview-two .rs-overview-thumb {
  height: 100%;
}

.rs-overview-two .rs-overview-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
}

.rs-overview-two .rs-overview-wrapper {
  display: grid;
  grid-template-columns: 530px auto;
  gap: 30px 90px;
  margin-top: 40px;
}

@media only screen and (max-width: 1600px) {
  .rs-overview-two .rs-overview-wrapper {
    gap: 30px 60px;
  }
}

@media only screen and (max-width: 1366px) {
  .rs-overview-two .rs-overview-wrapper {
    gap: 30px 30px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-overview-two .rs-overview-wrapper {
    grid-template-columns: 400px auto;
  }
}

@media only screen and (max-width: 991px) {
  .rs-overview-two .rs-overview-wrapper {
    grid-template-columns: auto;
  }
}

.rs-overview-two .rs-overview-wrapper.rs-overview-grid {
  grid-template-columns: auto 510px;
  gap: 30px;
  margin-top: 0;
}

@media only screen and (max-width: 991px) {
  .rs-overview-two .rs-overview-wrapper.rs-overview-grid {
    grid-template-columns: auto;
  }
}

.rs-overview-two .rs-overview-wrapper.rs-overview-grid .rs-overview-desc-wrapper p {
  margin-bottom: 20px;
}

/*----------------------------------------*/
/*  4.28 page sidebar
/*----------------------------------------*/
.page-sidebar {
  background: var(--rs-white);
  border-radius: 12px;
  padding-top: 26px;
  padding-bottom: 28px;
  padding-inline-start: 30px;
  padding-inline-end: 30px;
}

@media only screen and (max-width: 1600px) {
  .page-sidebar {
    padding-inline-start: 25px;
    padding-inline-end: 25px;
  }
}

.page-sidebar .page-sidebar-line {
  width: 100%;
  position: relative;
  display: inline-block;
  margin-top: 15px;
  margin-bottom: 20px;
  border-color: var(--rs-border-primary);
  border-style: solid;
  border-width: 0px 0px 1px 0px;
}

.page-sidebar .page-sidebar-line::before {
  position: absolute;
  content: "";
  width: 70px;
  background: var(--rs-theme-yellow);
  inset-inline-start: 0;
  height: 2px;
  top: 50%;
  transform: translateY(-50%);
}

.page-sidebar .page-sidebar-item ul li {
  list-style: none;
}

.page-sidebar .page-sidebar-item ul li:not(:last-child) {
  margin-bottom: 10px;
}

.page-sidebar .page-sidebar-item ul li a {
  display: flex;
  align-items: center;
  background: var(--rs-bg-primary);
  justify-content: space-between;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-inline: 16px;
  font-weight: 500;
  border-radius: 8px;
  transition: 0.5s;
  color: var(--rs-title-tertiary);
}

@media only screen and (max-width: 1199px) {
  .page-sidebar .page-sidebar-item ul li a {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-inline: 10px;
    font-size: 15px;
  }
}

.page-sidebar .page-sidebar-item ul li a:hover {
  color: var(--rs-white);
  background: var(--rs-theme-blue);
}

.page-sidebar .page-sidebar-item ul li a:hover span svg {
  fill: var(--rs-white);
}

.page-sidebar .page-sidebar-item ul li a span svg {
  width: 16px;
  height: 16px;
}

[dir="rtl"] .page-sidebar .page-sidebar-item ul li a span svg {
  transform: rotateY(180deg);
}

@media only screen and (max-width: 1199px) {
  .page-sidebar .page-sidebar-item ul li a span svg {
    width: 14px;
    height: 14px;
  }
}

.page-sidebar .page-sidebar-item ul .page-sidebar-active a {
  background: var(--rs-theme-blue);
  color: var(--rs-white);
}

.page-sidebar .page-sidebar-item ul .page-sidebar-active a span svg path {
  fill: var(--rs-white);
}

.page-sidebar .rs-sidebar-page-thumb {
  margin-top: 20px;
}

.page-sidebar .rs-sidebar-page-thumb img {
  width: 100%;
  border-radius: 12px;
}

/*----------------------------------------*/
/*  4.29 price range CSS
/*----------------------------------------*/
.sidebar-widget-range .noUi-horizontal {
  height: 8px;
}

.sidebar-widget-range .noUi-target {
  background: #ddd;
  border: none;
  box-shadow: none;
}

.sidebar-widget-range .noUi-connect {
  background: var(--rs-theme-yellow);
}

.sidebar-widget-range .noUi-handle {
  border: none;
  background: var(--rs-theme-blue);
  cursor: default;
  box-shadow: none;
  border-radius: 0;
}

.sidebar-widget-range .noUi-horizontal .noUi-handle {
  width: 16px;
  height: 16px;
  inset-inline-end: -15px;
  top: 4px;
  cursor: pointer;
  transform: translateY(-50%);
  border-radius: 50%;
}

.sidebar-widget-range .noUi-handle::after,
.sidebar-widget-range .noUi-handle::before {
  display: none;
}

.sidebar-widget-range .price-filter input {
  border: none;
  height: unset;
  padding: 0;
  color: var(--rs-text-primary);
  font-size: 16px;
  text-align: end;
}

.sidebar-widget-range .noUi-base .noUi-connects {
  border-radius: 0;
}

.sidebar-widget-range-amount {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sidebar-widget-range-amount .rs-btn {
  background: var(--rs-theme-blue);
  height: 44px;
  font-size: 14px;
  color: var(--rs-white);
}

.sidebar-widget-range-amount .rs-btn:hover {
  background: var(--rs-theme-yellow);
  color: var(--rs-title-primary);
}

/*----------------------------------------*/
/*  4.30 privacy policy css
/*----------------------------------------*/
.policy-wrapper {
  padding: 50px 50px 50px 50px;
  background-color: var(--rs-white);
  box-shadow: 0px 4px 80px rgba(0, 0, 0, 0.12);
}

@media only screen and (max-width: 767px) {
  .policy-wrapper {
    padding: 40px 40px;
  }
}

@media only screen and (max-width: 575px) {
  .policy-wrapper {
    padding: 30px 20px;
  }
}

.policy-meta {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.02em;
  margin-bottom: 12px;
}

.policy-title {
  margin-bottom: 10px;
  font-size: 28px;
}

@media only screen and (max-width: 575px) {
  .policy-title {
    font-size: 22px;
  }
}

.policy-item:not(:last-child) {
  margin-bottom: 25px;
}

.policy-item ul li {
  font-size: 16px;
  position: relative;
  padding-inline-start: 15px;
  list-style: none;
}

.policy-item ul li::after {
  position: absolute;
  content: "";
  inset-inline-start: 0;
  top: 8px;
  width: 6px;
  height: 6px;
  background-color: var(--rs-theme-blue);
  border-radius: 50%;
}

.policy-item ul li:not(:last-child) {
  margin-bottom: 5px;
}

.policy-item ul li b {
  color: var(--rs-black);
}

.policy-contact ul {
  margin-bottom: 10px;
}

.policy-contact ul li {
  list-style: none;
  font-size: 16px;
  color: var(--rs-black);
}

.policy-contact ul li a:hover {
  color: var(--rs-theme-primary);
}

.policy-address p {
  font-size: 16px;
  line-height: 1.5;
}

/*----------------------------------------*/
/*  4.31 process
/*----------------------------------------*/
.rs-process-one .rs-progress-wrapper {
  display: grid;
  grid-template-columns: 460px auto;
  gap: 30px 90px;
  align-items: start;
}

@media only screen and (max-width: 1199px) {
  .rs-process-one .rs-progress-wrapper {
    grid-template-columns: 400px auto;
    gap: 30px 30px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-process-one .rs-progress-wrapper {
    grid-template-columns: auto;
  }
}

.rs-process-one .rs-process-thumb {
  margin-top: 50px;
  position: sticky;
  top: 160px;
}

@media only screen and (max-width: 991px) {
  .rs-process-one .rs-process-thumb {
    position: relative;
    top: unset;
  }
}

.rs-process-one .rs-process-thumb img {
  width: 100%;
  border-radius: 16px;
}

.rs-process-one .rs-process-badge {
  background: var(--rs-theme-blue);
  padding: 20px;
  display: flex;
  align-items: center;
  border-radius: 50%;
  width: 130px;
  height: 130px;
  position: absolute;
  left: 50%;
  z-index: 1;
  top: -50px;
  transform: translateX(-50%);
}

.rs-process-one .rs-process-title {
  background: var(--rs-theme-blue);
  padding-top: 17px;
  padding-bottom: 17px;
  padding-inline-start: 25px;
  padding-inline-end: 25px;
  border-radius: 6px 6px 0 0;
  color: var(--rs-white);
  font-size: 20px;
}

@media only screen and (max-width: 575px) {
  .rs-process-one .rs-process-title {
    padding-inline-start: 15px;
    padding-inline-end: 15px;
    font-size: 18px;
  }
}

.rs-process-one .rs-process-inner {
  position: relative;
  padding-inline-start: 40px;
}

@media only screen and (max-width: 575px) {
  .rs-process-one .rs-process-inner {
    padding-inline-start: 30px;
  }
}

.rs-process-one .rs-process-inner::before {
  position: absolute;
  content: "";
  inset-inline-start: 0px;
  top: 0px;
  width: 16px;
  height: 16px;
  background-color: var(--rs-theme-blue);
  border: 3px solid rgba(255, 255, 255, 0.98);
  border-radius: 50%;
  z-index: 2;
  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.3);
}

.rs-process-one .rs-process-inner::after {
  position: absolute;
  content: "";
  inset-inline-start: 7px;
  top: 0;
  bottom: 0;
  width: 1px;
  height: 100%;
  background-color: var(--rs-border-primary);
}

.rs-process-one .rs-process-content {
  color: var(--rs-text-primary);
  padding-top: 20px;
  padding-inline-start: 25px;
  padding-inline-end: 25px;
  padding-bottom: 25px;
  background: var(--rs-white);
  border-radius: 0 0 6px 6px;
  position: relative;
}

@media only screen and (max-width: 575px) {
  .rs-process-one .rs-process-content {
    padding-inline-start: 20px;
    padding-inline-end: 20px;
    padding-bottom: 20px;
  }
}

.rs-process-one .rs-process-item:not(:last-child) {
  margin-bottom: 25px;
}

.rs-process-two .rs-process-table-inner {
  width: 100%;
  background-color: var(--rs-white);
  border: 1px solid var(--rs-border-primary);
}

@media only screen and (max-width: 1366px) {
  .rs-process-two .rs-process-table-inner {
    width: max-content;
    min-width: 100%;
  }
}

.rs-process-two .rs-process-table-inner thead {
  background-color: var(--rs-theme-blue);
  color: var(--rs-white);
}

.rs-process-two .rs-process-table-inner th {
  padding: 15px 24px;
  font-weight: 600;
  font-size: 15px;
  font-family: var(--rs-ff-title);
  border-inline-end: 1px solid var(--rs-border-tertiary);
}

@media only screen and (max-width: 1199px) {
  .rs-process-two .rs-process-table-inner th {
    padding: 15px 15px;
  }
}

.rs-process-two .rs-process-table-inner td {
  padding: 15px 24px;
  vertical-align: middle;
  border: 1px solid var(--rs-border-primary);
  font-size: 16px;
  font-weight: 500;
}

@media only screen and (max-width: 1199px) {
  .rs-process-two .rs-process-table-inner td {
    padding: 15px 15px;
  }
}

.rs-process-two .rs-process-table-inner td a:hover {
  color: var(--rs-theme-blue);
}

/*----------------------------------------*/
/*  4.32 program cost
/*----------------------------------------*/
.rs-program-cost-wrapper {
  display: grid;
  grid-template-columns: auto 575px;
  gap: 30px 60px;
}

@media only screen and (max-width: 1199px) {
  .rs-program-cost-wrapper {
    grid-template-columns: auto 450px;
    gap: 30px 30px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-program-cost-wrapper {
    grid-template-columns: auto;
  }
}

.rs-program-cost-thumb img {
  width: 100%;
  border-radius: 8px;
}

.rs-program-cost-title {
  color: var(--rs-title-tertiary);
  margin-bottom: 20px;
}

/*----------------------------------------*/
/*  4.33 program css
/*----------------------------------------*/
.rs-program-one {
  position: relative;
}

.rs-program-one .rs-program-item {
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.06);
  border-radius: 12px;
  background: var(--rs-white);
  margin-bottom: 20px;
  position: relative;
}

.rs-program-one .rs-program-shape {
  position: absolute;
  inset-inline-start: 0;
  top: 100px;
}

.rs-program-one .rs-program-shape-two {
  position: absolute;
  inset-inline-start: 150px;
  top: 125px;
  animation: updown 1.6s ease-in-out 1.6s infinite alternate;
}

@media only screen and (max-width: 767px) {
  .rs-program-one .rs-program-shape-two {
    display: none;
  }
}

.rs-program-one .rs-program-shape-three {
  position: absolute;
  inset-inline-end: 90px;
  bottom: 0px;
}

@media only screen and (max-width: 767px) {
  .rs-program-one .rs-program-shape-three {
    display: none;
  }
}

.rs-program-one .rs-program-info {
  display: flex;
  gap: 20px;
  padding-top: 30px;
  padding-bottom: 50px;
  padding-inline: 30px;
  position: relative;
}

@media only screen and (max-width: 1600px) {
  .rs-program-one .rs-program-info {
    padding-inline: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-program-one .rs-program-info {
    flex-wrap: wrap;
  }
}

@media only screen and (max-width: 767px) {
  .rs-program-one .rs-program-info {
    flex-wrap: unset;
  }
}

@media only screen and (max-width: 575px) {
  .rs-program-one .rs-program-info {
    flex-wrap: wrap;
  }
}

.rs-program-one .rs-program-icon svg {
  width: 65px;
  height: 65px;
}

@media only screen and (max-width: 1600px) {
  .rs-program-one .rs-program-icon svg {
    width: 50px;
    height: 50px;
  }
}

.rs-program-one .rs-program-title {
  margin-bottom: 6px;
}

.rs-program-one .rs-program-desc {
  margin-bottom: 0;
}

.rs-program-one .rs-program-list {
  margin-top: 15px;
}

.rs-program-one .rs-program-list ul li {
  list-style: none;
}

.rs-program-one .rs-program-list ul li:not(:last-child) {
  margin-bottom: 12px;
}

.rs-program-one .rs-program-list ul li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: var(--rs-border-primary);
  padding-top: 10px;
  padding-bottom: 10px;
  padding-inline: 16px;
  box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.06);
  color: var(--rs-title-tertiary);
  border-radius: 100px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.25;
  transition: 0.5s;
}

.rs-program-one .rs-program-list ul li a svg {
  width: 15px;
  height: 15px;
}

.rs-program-one .rs-program-list ul li a svg path {
  transition: 0.5s;
}

.rs-program-one .rs-program-list ul li a:hover {
  background: var(--rs-theme-blue);
  color: var(--rs-white);
  border-color: var(--rs-theme-blue);
}

.rs-program-one .rs-program-list ul li a:hover svg path {
  fill: var(--rs-theme-yellow);
}

.rs-program-one .accordion-button {
  width: 44px;
  height: 44px;
  border: 4px solid var(--rs-white);
  background: var(--rs-theme-yellow);
  border-radius: 50%;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}

.rs-program-one .accordion-button:hover {
  background: var(--rs-theme-blue);
}

.rs-program-one .accordion-button:hover span svg path {
  fill: var(--rs-white);
}

.rs-program-one .accordion-button::after {
  content: none;
}

.rs-program-one .accordion-button span svg {
  width: 14px;
  height: 14px;
}

.rs-program-one .accordion-button span svg path {
  transition: 0.3s;
}

.rs-program-one .accordion-button .open-icon {
  display: flex;
}

.rs-program-one .accordion-button .close-icon {
  display: none;
}

.rs-program-one .accordion-button.collapsed .close-icon {
  display: flex;
}

.rs-program-one .accordion-button.collapsed .open-icon {
  display: none;
}

.rs-program-one.has-theme-red .has-space {
  margin-top: -110px;
  position: relative;
  z-index: 2;
}

@media only screen and (max-width: 767px) {
  .rs-program-one.has-theme-red .has-space {
    margin-top: 0;
  }
}

.rs-program-one.has-theme-red .accordion-button {
  background: var(--rs-theme-red);
}

.rs-program-one.has-theme-red .accordion-button svg path {
  fill: var(--rs-white);
}

.rs-program-one.has-theme-red .rs-program-list ul li a:hover {
  background: var(--rs-theme-red);
  color: var(--rs-white);
  border-color: var(--rs-theme-red);
}

.rs-program-one.has-theme-red .rs-program-list ul li a:hover svg path {
  fill: var(--rs-white);
}

.rs-program-two {
  background: #21252d;
  position: relative;
  overflow-x: clip;
}

.rs-program-two .rs-program-shape {
  position: absolute;
  top: 200px;
  inset-inline-start: 95px;
  animation: rs-rotate-anim 3s linear 0s infinite alternate;
}

@media only screen and (max-width: 1800px) {
  .rs-program-two .rs-program-shape {
    inset-inline-start: 30px;
  }
}

@media only screen and (max-width: 1600px) {
  .rs-program-two .rs-program-shape {
    display: none;
  }
}

.rs-program-two .rs-program-shape-two {
  position: absolute;
  bottom: 75px;
  inset-inline-end: -80px;
}

.rs-program-two .rs-program-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

@media only screen and (max-width: 767px) {
  .rs-program-two .rs-program-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

.rs-program-two .rs-program-item {
  display: grid;
  grid-template-columns: 260px auto;
  background: #272b35;
  border-radius: 12px;
  padding: 12px;
  gap: 30px;
  align-items: center;
  position: relative;
  border: 1px solid var(--rs-border-tertiary);
  transition: 0.6s;
}

@media only screen and (max-width: 1600px) {
  .rs-program-two .rs-program-item {
    grid-template-columns: 200px auto;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-program-two .rs-program-item {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
  }
}

.rs-program-two .rs-program-item:hover {
  background: var(--rs-theme-red);
  border-color: var(--rs-theme-red);
}

.rs-program-two .rs-program-item:hover .rs-program-thumb img {
  transform: scale3d(1.1, 1.1, 1);
}

@media only screen and (max-width: 1199px) {
  .rs-program-two .rs-program-content {
    padding-inline: 15px;
    padding-bottom: 20px;
  }
}

.rs-program-two .rs-program-thumb {
  overflow: hidden;
  border-radius: 12px;
}

.rs-program-two .rs-program-thumb img {
  width: 100%;
  height: 335px;
  object-fit: cover;
  transition: all 0.8s ease;
  transform: scale(1.02);
}

@media only screen and (max-width: 1199px) {
  .rs-program-two .rs-program-thumb img {
    height: 100%;
  }
}

.rs-program-two .rs-program-list-icon svg {
  width: 15px;
  height: 15px;
}

.rs-program-two .rs-program-list-icon svg path {
  fill: var(--rs-white);
}

.rs-program-two .rs-program-list-item {
  display: flex;
  align-items: start;
  gap: 10px;
}

.rs-program-two .rs-program-list-item p {
  color: var(--rs-white);
}

.rs-program-two .rs-program-title {
  color: var(--rs-white);
}

.rs-program-two .rs-program-desc {
  color: var(--rs-white);
  margin-top: 15px;
  margin-bottom: 15px;
}

.rs-program-two .rs-program-btn {
  margin-top: 25px;
}

.rs-program-three {
  position: relative;
}

.rs-program-three .rs-program-shape {
  position: absolute;
  top: 210px;
  inset-inline-end: 70px;
}

@media only screen and (max-width: 1600px) {
  .rs-program-three .rs-program-shape {
    top: 150px;
    inset-inline-end: 30px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-program-three .rs-program-shape {
    top: 120px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-program-three .rs-program-shape {
    display: none;
  }
}

.rs-program-three .rs-program-item {
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: 12px;
  background: var(--rs-bg-secondary);
  padding-top: 12px;
  padding-bottom: 35px;
  padding-inline: 12px;
}

.rs-program-three .rs-program-item:hover .rs-program-thumb img {
  transform: scale3d(1.1, 1.1, 1);
}

.rs-program-three .rs-program-thumb {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}

.rs-program-three .rs-program-thumb img {
  width: 100%;
  transition: all 0.8s ease;
  transform: scale(1.02);
  height: 250px;
  object-fit: cover;
  object-position: top center;
}

@media only screen and (max-width: 480px) {
  .rs-program-three .rs-program-thumb img {
    height: 100%;
  }
}

.rs-program-three .rs-program-icon img {
  min-width: 52px;
  width: 52px;
}

@media only screen and (max-width: 1600px) {
  .rs-program-three .rs-program-icon img {
    min-width: 40px;
    width: 40px;
  }
}

.rs-program-three .rs-program-list-icon svg {
  width: 16px;
  height: 16px;
}

.rs-program-three .rs-program-list-icon svg path {
  fill: var(--rs-theme-red);
}

.rs-program-three .rs-program-list-item {
  display: flex;
  align-items: start;
  gap: 10px;
}

.rs-program-three .rs-program-title {
  margin-bottom: 10px;
}

.rs-program-three .rs-program-title a:hover {
  color: var(--rs-theme-red);
}

.rs-program-three .rs-program-content {
  display: flex;
  align-items: start;
  gap: 30px 30px;
  padding-inline-start: 20px;
  padding-inline-end: 20px;
  padding-top: 30px;
}

@media only screen and (max-width: 1600px) {
  .rs-program-three .rs-program-content {
    padding-inline-start: 15px;
    padding-inline-end: 15px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-program-three .rs-program-content {
    flex-wrap: wrap;
    gap: 20px 30px;
  }
}

.rs-program-three .rs-program-desc {
  margin-bottom: 15px;
}

.rs-program-three .rs-program-feature {
  margin-bottom: 30px;
}

.rs-program-three .rs-program-pagination {
  margin-top: 45px;
}

.rs-program-three.has-theme-green::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 600px;
  top: 0;
  left: 0;
  background: var(--rs-theme-green);
  z-index: 1;
}

.rs-program-three.has-theme-green .rs-program-sec-icon img {
  width: 65px;
}

.rs-program-three.has-theme-green .rs-counter-number-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
}

.rs-program-three.has-theme-green .rs-counter-number,
.rs-program-three.has-theme-green .prefix {
  font-size: 16px;
  font-weight: 400;
  color: var(--rs-white);
  line-height: 1;
}

.rs-program-three.has-theme-green .rs-counter-title {
  font-size: 16px;
  font-weight: 400;
  color: var(--rs-white);
}

.rs-program-three.has-theme-green .rs-program-sec-counter {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.rs-program-three.has-theme-green .rs-program-sec-meta-thumb {
  margin-bottom: 13px;
}

.rs-program-three.has-theme-green .rs-program-sec-meta {
  display: flex;
  align-items: start;
  gap: 30px;
  justify-content: end;
  position: relative;
  z-index: 1;
  flex-wrap: wrap;
}

@media only screen and (max-width: 991px) {
  .rs-program-three.has-theme-green .rs-program-sec-meta {
    justify-content: start;
  }
}

.rs-program-three.has-theme-green .rs-program-title a:hover {
  color: var(--rs-theme-yellow);
}

.rs-program-three.has-theme-green .rs-program-list-icon svg path {
  fill: var(--rs-theme-yellow);
}

.rs-program-three.has-theme-green .rs-program-list-item p {
  color: var(--rs-title-primary);
  font-weight: 500;
}

.rs-program-three.has-theme-green .section-title-wrapper {
  position: relative;
  z-index: 1;
}

.rs-program-three.has-theme-green .rs-program-more-btn {
  display: flex;
  justify-content: center;
}

.rs-program-three.has-theme-green .rs-program-more-btn .rs-btn {
  font-size: 20px;
  border-bottom: 1px solid rgba(3, 3, 3, 0.2);
  border-radius: 0;
  margin-top: 30px;
  font-family: var(--rs-ff-title);
}

.rs-program-three.has-theme-green .rs-program-more-btn .rs-btn.has-icon svg {
  width: 20px;
  height: 20px;
}

.rs-program-three.has-theme-green .rs-program-more-btn .rs-btn:hover {
  color: var(--rs-theme-yellow);
}

.rs-program-three.has-theme-green .rs-program-more-btn .rs-btn:hover.has-icon .icon-box svg path {
  fill: var(--rs-theme-yellow);
}

.rs-program-three.has-theme-cyan .rs-program-item {
  background: var(--rs-white);
}

.rs-program-three.has-theme-cyan .rs-program-title a:hover {
  color: var(--rs-theme-light-cyan);
}

.rs-program-three.has-theme-cyan .rs-program-desc {
  margin-bottom: 33px;
}

.rs-program-three.has-theme-blue::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 600px;
  top: 0;
  left: 0;
  background: var(--rs-theme-blue);
  z-index: 1;
}

.rs-program-three.has-theme-blue .rs-program-sec-icon img {
  width: 65px;
}

.rs-program-three.has-theme-blue .rs-counter-number-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
}

.rs-program-three.has-theme-blue .rs-counter-number,
.rs-program-three.has-theme-blue .prefix {
  font-size: 16px;
  font-weight: 400;
  color: var(--rs-white);
  line-height: 1;
}

.rs-program-three.has-theme-blue .rs-counter-title {
  font-size: 16px;
  font-weight: 400;
  color: var(--rs-white);
}

.rs-program-three.has-theme-blue .rs-program-sec-counter {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.rs-program-three.has-theme-blue .rs-program-sec-meta-thumb {
  margin-bottom: 13px;
}

.rs-program-three.has-theme-blue .rs-program-sec-meta {
  display: flex;
  align-items: start;
  gap: 30px;
  justify-content: end;
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 991px) {
  .rs-program-three.has-theme-blue .rs-program-sec-meta {
    justify-content: start;
  }
}

.rs-program-three.has-theme-blue .rs-program-title a:hover {
  color: var(--rs-theme-yellow);
}

.rs-program-three.has-theme-blue .rs-program-list-icon svg path {
  fill: var(--rs-theme-yellow);
}

.rs-program-three.has-theme-blue .rs-program-list-item p {
  color: var(--rs-title-primary);
  font-weight: 500;
}

.rs-program-three.has-theme-blue .section-title-wrapper {
  position: relative;
  z-index: 1;
}

.rs-program-three.has-theme-blue .rs-program-more-btn {
  display: flex;
  justify-content: center;
}

.rs-program-three.has-theme-blue .rs-program-more-btn .rs-btn {
  font-size: 20px;
  border-bottom: 1px solid rgba(3, 3, 3, 0.2);
  border-radius: 0;
  margin-top: 30px;
  font-family: var(--rs-ff-title);
}

.rs-program-three.has-theme-blue .rs-program-more-btn .rs-btn.has-icon svg {
  width: 20px;
  height: 20px;
}

.rs-program-three.has-theme-blue .rs-program-more-btn .rs-btn:hover {
  color: var(--rs-theme-yellow);
}

.rs-program-three.has-theme-blue .rs-program-more-btn .rs-btn:hover.has-icon .icon-box svg path {
  fill: var(--rs-theme-yellow);
}

.rs-program-four {
  position: relative;
}

.rs-program-four .rs-program-bg {
  margin-inline-start: 45px;
  margin-inline-end: 45px;
  border-radius: 16px;
  padding-top: 120px;
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 1600px) {
  .rs-program-four .rs-program-bg {
    margin-inline-start: 0px;
    margin-inline-end: 0px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-program-four .rs-program-bg {
    padding-top: 100px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-program-four .rs-program-bg {
    padding-top: 80px;
  }
}

.rs-program-four .rs-program-bg::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 580px;
  top: 0;
  left: 0;
  background: var(--rs-theme-green-two);
  border-radius: 16px;
  z-index: -1;
}

.rs-program-four .rs-program-shape {
  position: absolute;
  top: 50%;
  inset-inline-start: 60px;
}

@media only screen and (max-width: 1600px) {
  .rs-program-four .rs-program-shape {
    display: none;
  }
}

.rs-program-four .rs-program-item {
  border-radius: 12px;
  background: var(--rs-white);
  padding-top: 28px;
  padding-bottom: 12px;
  padding-inline: 12px;
  text-align: center;
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.06);
}

.rs-program-four .rs-program-item:hover .rs-program-thumb img {
  transform: scale3d(1.1, 1.1, 1);
}

.rs-program-four .rs-program-thumb {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}

.rs-program-four .rs-program-thumb img {
  width: 100%;
  transition: all 0.8s ease;
  transform: scale(1.02);
  height: 250px;
  object-fit: cover;
  object-position: top center;
}

@media only screen and (max-width: 480px) {
  .rs-program-four .rs-program-thumb img {
    height: 100%;
  }
}

.rs-program-four .rs-program-title {
  margin-bottom: 10px;
}

.rs-program-four .rs-program-title a:hover {
  color: var(--rs-theme-red);
}

.rs-program-four .rs-program-content {
  margin-bottom: -25px;
}

.rs-program-four .rs-program-desc {
  margin-bottom: 30px;
}

.rs-program-four .rs-program-feature {
  margin-bottom: 30px;
}

.rs-program-four .rs-program-pagination {
  margin-top: 45px;
}

.rs-program-four .rs-counter-number-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
}

.rs-program-four .rs-counter-number,
.rs-program-four .prefix {
  font-size: 16px;
  font-weight: 400;
  color: var(--rs-white);
  line-height: 1;
}

.rs-program-four .rs-program-sec-counter {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.rs-program-four .rs-program-sec-icon img {
  width: 65px;
}

.rs-program-four .rs-counter-title {
  font-size: 16px;
  font-weight: 400;
  color: var(--rs-white);
}

.rs-program-four .rs-program-sec-meta {
  display: flex;
  align-items: start;
  gap: 30px;
  justify-content: end;
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 991px) {
  .rs-program-four .rs-program-sec-meta {
    justify-content: start;
  }
}

.rs-program-four .rs-program-sec-meta-thumb {
  margin-bottom: 13px;
}

.rs-program-four .rs-program-title a:hover {
  color: var(--rs-theme-green-two);
}

.rs-program-four .rs-program-more-btn {
  display: flex;
  justify-content: center;
}

.rs-program-four .rs-program-more-btn .rs-btn {
  font-size: 20px;
  border-bottom: 1px solid rgba(3, 3, 3, 0.2);
  border-radius: 0;
  margin-top: 30px;
  font-family: var(--rs-ff-title);
}

.rs-program-four .rs-program-more-btn .rs-btn.has-icon svg {
  width: 20px;
  height: 20px;
}

.rs-program-four .rs-program-more-btn .rs-btn:hover {
  color: var(--rs-theme-green-two);
}

.rs-program-four .rs-program-more-btn .rs-btn:hover.has-icon .icon-box svg path {
  fill: var(--rs-theme-green-two);
}

.rs-program-five .rs-program-item-wrapper {
  margin-top: 30px;
}

.rs-program-five .rs-program-item {
  box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.06);
  background: var(--rs-white);
  border-radius: 12px;
  padding: 12px;
  display: grid;
  grid-template-columns: auto 270px;
  align-items: center;
  gap: 30px;
}

@media only screen and (max-width: 1199px) {
  .rs-program-five .rs-program-item {
    grid-template-columns: auto auto;
    align-items: start;
  }
}

@media only screen and (max-width: 991px) {
  .rs-program-five .rs-program-item {
    align-items: center;
  }
}

@media only screen and (max-width: 767px) {
  .rs-program-five .rs-program-item {
    display: flex;
    flex-direction: column-reverse;
    gap: 25px;
  }
}

.rs-program-five .rs-program-item:not(:last-child) {
  margin-bottom: 25px;
}

.rs-program-five .rs-program-item:hover .rs-program-thumb img {
  transform: scale3d(1.1, 1.1, 1);
}

.rs-program-five .rs-program-tag {
  padding: 5px 12px;
  border: 1px solid var(--rs-border-primary);
  border-radius: 5px;
  font-size: 14px;
  font-weight: 500;
}

.rs-program-five .rs-program-tag-wrapper {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-top: 15px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}

.rs-program-five .rs-program-thumb {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
}

@media only screen and (max-width: 1199px) {
  .rs-program-five .rs-program-thumb {
    position: sticky;
    top: 110px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-program-five .rs-program-thumb {
    position: relative;
    top: unset;
  }
}

.rs-program-five .rs-program-thumb img {
  width: 100%;
  transition: all 0.8s ease;
  transform: scale(1.02);
}

.rs-program-five .rs-program-content {
  padding-inline-start: 30px;
}

@media only screen and (max-width: 1199px) {
  .rs-program-five .rs-program-content {
    padding-inline-start: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-program-five .rs-program-content {
    padding: 0px 10px 15px 10px;
  }
}

.rs-program-five .rs-program-desc {
  margin-bottom: 15px;
  max-width: 555px;
}

.rs-program-five .rs-program-title a:hover {
  color: var(--rs-theme-yellow);
}

.rs-program-five .rs-program-btn .rs-btn {
  border-radius: 0;
}

.rs-program-five .rs-program-btn .rs-btn .btn-text-wrap span {
  text-decoration: underline;
}

.rs-program-five.has-theme-blue .filter-main-title {
  font-family: "Prata", serif;
}

.rs-program-five.has-theme-blue .filter-title {
  font-family: "Prata", serif;
  font-size: 16px;
  font-weight: 500;
}

.rs-program-five.has-theme-blue .rs-program-title {
  font-family: "Prata", serif;
  color: #021e40;
  font-size: 22px;
}

@media only screen and (max-width: 575px) {
  .rs-program-five.has-theme-blue .rs-program-title {
    font-size: 20px;
  }
}

@media only screen and (max-width: 480px) {
  .rs-program-five.has-theme-blue .rs-program-title {
    font-size: 18px;
  }
}

.rs-program-five.has-theme-blue input[type="checkbox"]~label {
  font-size: 16px;
}

.rs-program-details .rs-program-details-tab-wrapper .nav-pills {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  border: 1px solid var(--rs-border-primary);
  gap: 10px 5px;
}

@media only screen and (max-width: 991px) {
  .rs-program-details .rs-program-details-tab-wrapper .nav-pills {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media only screen and (max-width: 767px) {
  .rs-program-details .rs-program-details-tab-wrapper .nav-pills {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media only screen and (max-width: 575px) {
  .rs-program-details .rs-program-details-tab-wrapper .nav-pills {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 480px) {
  .rs-program-details .rs-program-details-tab-wrapper .nav-pills {
    grid-template-columns: repeat(1, 1fr);
  }
}

.rs-program-details .rs-program-details-tab-wrapper .nav-item:not(:last-child) {
  border-inline-end: 1px solid var(--rs-border-primary);
}

@media only screen and (max-width: 991px) {
  .rs-program-details .rs-program-details-tab-wrapper .nav-item:not(:last-child) {
    border-inline-end: none;
  }
}

.rs-program-details .rs-program-details-tab-wrapper .nav-link {
  background: var(--rs-white);
  font-weight: 600;
  padding-bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  border-radius: 0px;
  color: var(--rs-title-tertiary);
  font-size: 17px;
  transition: all 0.3s ease-in-out;
  padding: 15px 35px;
  width: 100%;
}

@media only screen and (max-width: 1600px) {
  .rs-program-details .rs-program-details-tab-wrapper .nav-link {
    padding: 15px 25px;
    font-size: 14px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-program-details .rs-program-details-tab-wrapper .nav-link {
    padding: 15px 15px;
  }
}

.rs-program-details .rs-program-details-tab-wrapper .nav-link.active {
  color: var(--rs-white);
  background: var(--rs-theme-blue);
}

.rs-program-details .rs-program-details-tab-wrapper .nav-link:hover {
  color: var(--rs-white);
  background: var(--rs-theme-blue);
  border-color: var(--rs-theme-blue);
}

.rs-program-details .rs-program-details-tab-wrapper .nav-link:hover .rs-faculty-tab-icon svg path {
  fill: var(--rs-theme-blue);
  transition: all 0.3s ease-in-out;
}

.rs-program-details .rs-program-details-tab-icon svg {
  width: 30px;
  height: 30px;
}

.rs-program-details .rs-program-details-tab-icon svg path {
  fill: var(--rs-white);
}

.rs-program-details .rs-program-details-tab-anim .tab-pane.active .rs-program-details-tab-item {
  -webkit-animation: slide-down 5s ease-out;
  animation: slide-down 5s ease-out;
}

.rs-program-details .rs-program-details-feature {
  margin-bottom: 40px;
}

.rs-program-details .rs-program-details-feature-item-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}

@media only screen and (max-width: 1199px) {
  .rs-program-details .rs-program-details-feature-item-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media only screen and (max-width: 991px) {
  .rs-program-details .rs-program-details-feature-item-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 575px) {
  .rs-program-details .rs-program-details-feature-item-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

.rs-program-details .rs-program-details-feature-item {
  border-radius: 12px;
  padding: 30px;
  display: flex;
  align-items: center;
  gap: 20px;
  background: var(--rs-white);
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 1600px) {
  .rs-program-details .rs-program-details-feature-item {
    padding: 20px;
  }
}

.rs-program-details .rs-program-details-feature-icon {
  width: 84px;
  height: 84px;
  background: var(--rs-bg-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
}

@media only screen and (max-width: 767px) {
  .rs-program-details .rs-program-details-feature-icon {
    width: 70px;
    height: 70px;
  }
}

.rs-program-details .rs-program-details-feature-icon svg {
  width: 46px;
  height: 46px;
}

.rs-program-details .rs-program-details-feature-title {
  margin-bottom: 5px;
}

.rs-program-details .rs-program-details-feature-shape {
  position: absolute;
  right: 0;
  bottom: 0;
  transform: rotateY(180deg);
  z-index: -1;
}

.rs-program-details .rs-program-details-about-desc {
  max-width: 585px;
}

.rs-program-details .rs-program-details-about-list li {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  position: relative;
  padding-inline-start: 12px;
}

.rs-program-details .rs-program-details-about-list li::before {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--rs-theme-blue);
  inset-inline-start: 0;
  top: 10px;
}

.rs-program-details .rs-program-details-about-list li:not(:last-child) {
  margin-bottom: 7px;
}

.rs-program-details .rs-program-details-about-list li span {
  font-weight: 500;
  color: var(--rs-title-tertiary);
}

.rs-program-details .rs-program-details-about-wrapper .curriculum-wrapper {
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.06);
  margin-top: 40px;
}

.rs-program-details .rs-program-details-about-wrapper .curriculum-sec-title {
  background: var(--rs-theme-blue);
  padding-top: 23px;
  padding-bottom: 20px;
  padding-inline-start: 25px;
  padding-inline-end: 25px;
  border-radius: 6px 6px 0 0;
  color: var(--rs-white);
}

.rs-program-details .rs-program-details-about-wrapper .curriculum-item {
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: 10px 20px;
}

@media only screen and (max-width: 767px) {
  .rs-program-details .rs-program-details-about-wrapper .curriculum-item {
    grid-template-columns: 150px 1fr;
  }
}

@media only screen and (max-width: 480px) {
  .rs-program-details .rs-program-details-about-wrapper .curriculum-item {
    grid-template-columns: 1fr;
  }
}

.rs-program-details .rs-program-details-about-wrapper .curriculum-item:not(:last-child) {
  margin-bottom: 10px;
}

.rs-program-details .rs-program-details-about-wrapper .curriculum-item-wrapper {
  background: var(--rs-white);
  padding-top: 30px;
  padding-bottom: 25px;
  padding-inline: 30px;
  border-radius: 0px 0px 6px 6px;
}

@media only screen and (max-width: 1199px) {
  .rs-program-details .rs-program-details-about-wrapper .curriculum-item-wrapper {
    padding-inline: 25px;
    padding-top: 25px;
  }
}

.rs-program-details .rs-program-details-about-wrapper .curriculum-title {
  font-size: 16px;
  font-weight: 500;
}

/*----------------------------------------*/
/*  4.34 quantity css
/*----------------------------------------*/
.rs-product-quantity {
  width: 156px;
  position: relative;
}

.rs-cart-plus,
.rs-cart-minus {
  width: 50px;
  height: 50px;
  display: inline-flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: var(--rs-black);
  position: absolute;
  top: 50%;
  left: 0px;
  border: 2px solid var(--rs-border-primary);
  cursor: pointer;
  transform: translateY(-50%);
}

.rs-cart-input[type="text"] {
  width: 100%;
  height: 50px;
  text-align: center;
  font-size: 20px;
  background-color: var(--rs-bg-secondary);
  padding: 0 45px;
  line-height: 1.5;
  color: var(--rs-black);
  border: 2px solid var(--rs-border-primary);
}

.rs-cart-plus.rs-cart-plus,
.rs-cart-minus.rs-cart-plus {
  left: auto;
  right: 0px;
}

.product-details-info p,
.product-details-categories p,
.product-details-tags p,
.product-details-id p,
.product-details-share p {
  display: inline-block;
  font-size: 15px;
}

.product-details-name span {
  font-size: 15px;
  color: var(--rs-title-primary);
}

.product-details-checkout-card p {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  color: var(--rs-black);
  margin-bottom: 10px;
}

/*----------------------------------------*/
/*  4.35 quote css
/*----------------------------------------*/
.rs-quote-wrapper {
  border-radius: 6px;
  background: var(--rs-white);
  padding-top: 34px;
  padding-bottom: 30px;
  padding-inline-start: 40px;
  padding-inline-end: 40px;
  margin-bottom: 30px;
}

@media only screen and (max-width: 1600px) {
  .rs-quote-wrapper {
    padding-top: 30px;
    padding-inline-start: 30px;
    padding-inline-end: 30px;
  }
}

@media only screen and (max-width: 575px) {
  .rs-quote-wrapper {
    padding-top: 25px;
    padding-inline-start: 25px;
    padding-inline-end: 25px;
    padding-bottom: 25px;
  }
}

.rs-quote-wrapper .rs-quote-icon {
  margin-bottom: 20px;
}

.rs-quote-wrapper .rs-quote-icon svg {
  width: 40px;
  height: 40px;
}

.rs-quote-wrapper .rs-quote-icon svg path {
  fill: var(--rs-theme-yellow);
}

.rs-quote-wrapper .rs-quote-desc {
  font-size: 18px;
  font-style: italic;
  color: var(--rs-title-primary);
  line-height: 1.8;
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .rs-quote-wrapper .rs-quote-desc {
    font-size: 16px;
  }
}

.rs-quote-wrapper .rs-quote-author {
  font-size: 18px;
}

/*----------------------------------------*/
/*  4.36 requirement css
/*----------------------------------------*/
.rs-requirement-one .rs-requirement-thumb img {
  width: 100%;
  border-radius: 16px;
}

.rs-requirement-one .rs-requirement-badge {
  background: var(--rs-theme-blue);
  padding: 20px;
  display: flex;
  align-items: center;
  border-radius: 50%;
  width: 132px;
  height: 132px;
  position: absolute;
  left: 50%;
  z-index: 1;
  top: 50%;
  transform: translate(-50%, -50%);
}

.rs-requirement-one .rs-requirement-badge img {
  width: 90px;
}

.rs-requirement-one .rs-requirement-thumb-wrapper {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 30px 35px;
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .rs-requirement-one .rs-requirement-thumb-wrapper {
    flex-wrap: wrap;
  }
}

/*----------------------------------------*/
/*  4.37 research css
/*----------------------------------------*/
.rs-research-one .rs-research-title a:hover {
  color: var(--rs-theme-yellow);
}

.rs-research-one .rs-research-meta {
  font-size: 15px;
  display: flex;
  gap: 5px;
}

.rs-research-one .rs-research-author {
  font-size: 15px;
}

.rs-research-one .rs-research-title {
  margin-top: 15px;
  margin-bottom: 10px;
}

.rs-research-one .rs-research-thumb {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
}

.rs-research-one .rs-research-thumb img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  transition: all 0.8s ease;
  transform: scale(1.02);
}

@media only screen and (max-width: 991px) {
  .rs-research-one .rs-research-thumb img {
    height: 300px;
  }
}

.rs-research-one .rs-research-item {
  display: grid;
  grid-template-columns: auto 520px;
  gap: 30px 100px;
}

@media only screen and (max-width: 1600px) {
  .rs-research-one .rs-research-item {
    grid-template-columns: auto 350px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-research-one .rs-research-item {
    gap: 30px 30px;
    grid-template-columns: auto 300px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-research-one .rs-research-item {
    grid-template-columns: auto;
  }
}

.rs-research-one .rs-research-item:not(:last-child) {
  border-bottom: 1px solid var(--rs-border-primary);
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.rs-research-one .rs-research-item:first-child {
  border-top: 1px solid var(--rs-border-primary);
  padding-top: 20px;
}

.rs-research-one .rs-research-item:last-child {
  border-bottom: 1px solid var(--rs-border-primary);
  padding-bottom: 20px;
}

.rs-research-one .rs-research-item:hover .rs-research-thumb img {
  transform: scale3d(1.1, 1.1, 1);
}

.rs-research-one .rs-research-content-wrapper {
  display: grid;
  grid-template-columns: 440px auto;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}

@media only screen and (max-width: 1600px) {
  .rs-research-one .rs-research-content-wrapper {
    grid-template-columns: 400px auto;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-research-one .rs-research-content-wrapper {
    grid-template-columns: 350px auto;
  }
}

@media only screen and (max-width: 991px) {
  .rs-research-one .rs-research-content-wrapper {
    grid-template-columns: auto auto;
  }
}

@media only screen and (max-width: 767px) {
  .rs-research-one .rs-research-content-wrapper {
    grid-template-columns: auto;
  }
}

.rs-research-one.has-theme-blue .rs-research-title {
  color: var(--rs-title-tertiary);
}

.rs-research-one.has-theme-blue .rs-research-title a:hover {
  color: var(--rs-theme-yellow);
}

.rs-research-two .rs-research-wrapper {
  background: var(--rs-white);
  padding-top: 40px;
  padding-bottom: 30px;
  padding-inline: 50px;
  border-radius: 12px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

@media only screen and (max-width: 1199px) {
  .rs-research-two .rs-research-wrapper {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-inline: 30px;
  }
}

@media only screen and (max-width: 480px) {
  .rs-research-two .rs-research-wrapper {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-inline: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-research-two .rs-research-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

.rs-research-two .rs-research-wrapper.no-bg {
  background: transparent;
  padding: 0;
  border-radius: 0;
  margin-top: 20px;
}

.rs-research-two .rs-research-title {
  font-size: 16px;
  color: var(--rs-theme-blue);
  margin-bottom: 8px;
}

.rs-research-two .rs-research-list {
  position: relative;
  padding-inline-start: 12px;
}

.rs-research-two .rs-research-list:not(:last-child) {
  margin-bottom: 5px;
}

.rs-research-two .rs-research-list::before {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  background: #4c4c4c;
  border-radius: 50%;
  top: 12px;
  inset-inline-start: 0;
  transform: translateY(-50%);
}

.rs-research-three {
  position: relative;
}

.rs-research-three .rs-research-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

@media only screen and (max-width: 991px) {
  .rs-research-three .rs-research-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 767px) {
  .rs-research-three .rs-research-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

.rs-research-three .rs-research-item {
  background: var(--rs-white);
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.06);
  padding-bottom: 40px;
  padding-inline: 30px;
  text-align: center;
  border-radius: 12px;
  margin-top: 50px;
}

@media only screen and (max-width: 1199px) {
  .rs-research-three .rs-research-item {
    padding-bottom: 30px;
  }
}

.rs-research-three .rs-research-icon {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.06);
  background: var(--rs-white);
  margin: -50px auto 35px;
}

.rs-research-three .rs-research-icon svg {
  width: 50px;
  height: 50px;
}

.rs-research-three .rs-research-icon svg path {
  fill: var(--rs-theme-blue);
}

.rs-research-three .rs-research-title {
  margin-bottom: 10px;
  color: var(--rs-title-tertiary);
}

@media only screen and (max-width: 575px) {
  .rs-research-three .rs-research-desc {
    font-size: 15px;
  }
}

.rs-research-four .rs-research-wrapper {
  display: grid;
  grid-template-columns: 822px auto;
  gap: 30px 50px;
  margin-top: 35px;
}

@media only screen and (max-width: 1600px) {
  .rs-research-four .rs-research-wrapper {
    grid-template-columns: 700px auto;
    gap: 30px 30px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-research-four .rs-research-wrapper {
    grid-template-columns: 550px auto;
  }
}

@media only screen and (max-width: 991px) {
  .rs-research-four .rs-research-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 767px) {
  .rs-research-four .rs-research-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

.rs-research-four .rs-research-thumb {
  height: 100%;
}

.rs-research-four .rs-research-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}

.rs-research-four .rs-research-item.item-two {
  border-radius: 12px;
  background: var(--rs-white);
  padding-top: 28px;
  padding-bottom: 12px;
  padding-inline: 12px;
  text-align: center;
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.06);
  display: flex;
  flex-direction: column;
}

.rs-research-four .rs-research-item.item-two .rs-research-thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: top center;
}

.rs-research-four .rs-research-content {
  margin-bottom: -25px;
}

.rs-research-four .rs-research-title {
  margin-bottom: 10px;
}

/*----------------------------------------*/
/*  4.38 scholarships css
/*----------------------------------------*/
.rs-scholarships-one .rs-scholarships-thumb {
  margin-top: 30px;
}

.rs-scholarships-one .rs-scholarships-thumb img {
  border-radius: 12px;
}

.rs-scholarships-two .rs-scholarships-item-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

@media only screen and (max-width: 991px) {
  .rs-scholarships-two .rs-scholarships-item-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 767px) {
  .rs-scholarships-two .rs-scholarships-item-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

.rs-scholarships-two .rs-scholarships-content {
  background: var(--rs-white);
  padding-inline: 40px;
  padding-top: 30px;
  padding-bottom: 33px;
  border-radius: 0px 0px 12px 12px;
}

@media only screen and (max-width: 1600px) {
  .rs-scholarships-two .rs-scholarships-content {
    padding-inline: 30px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-scholarships-two .rs-scholarships-content {
    padding-inline: 20px;
    padding-top: 20px;
    padding-bottom: 23px;
  }
}

.rs-scholarships-two .rs-tuition-list .rs-tuition-list-item {
  list-style: none;
}

.rs-scholarships-two .rs-tuition-list .rs-tuition-list-item:not(:last-child) {
  margin-bottom: 4px;
}

.rs-scholarships-two .rs-tuition-inner-title {
  color: var(--rs-title-tertiary);
  font-size: 17px;
}

.rs-scholarships-two .rs-scholarships-title {
  color: var(--rs-title-tertiary);
  margin-bottom: 20px;
}

.rs-scholarships-two .rs-tuition-info-item:first-child {
  margin-bottom: 22px;
}

.rs-scholarships-two .rs-tuition-inner-title {
  font-size: 17px;
  margin-bottom: 6px;
  text-decoration: underline;
}

.rs-scholarships-two .rs-tuition-label {
  font-size: 15px;
}

.rs-scholarships-two .rs-scholarships-thumb {
  position: relative;
}

.rs-scholarships-two .rs-scholarships-thumb img {
  border-radius: 12px 12px 0px 0px;
  width: 100%;
  height: 180px;
  object-fit: cover;
  object-position: top center;
}

.rs-scholarships-two .rs-scholarships-icon {
  width: 76px;
  height: 76px;
  background: var(--rs-theme-blue);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50px;
  inset-inline-start: 40px;
}

.rs-scholarships-two .rs-scholarships-icon svg {
  width: 40px;
  height: 40px;
}

.rs-scholarships-two .rs-scholarships-icon svg path {
  fill: var(--rs-white);
}

@media only screen and (max-width: 767px) {
  .rs-scholarships-two .rs-scholarships-tab-wrapper {
    display: none;
  }
}

.rs-scholarships-two .rs-scholarships-tab-wrapper .nav-pills {
  display: flex;
  justify-content: center;
  gap: 30px 5px;
  margin-bottom: 30px;
  margin-top: 35px;
}

@media only screen and (max-width: 1199px) {
  .rs-scholarships-two .rs-scholarships-tab-wrapper .nav-pills {
    gap: 20px 5px;
  }
}

.rs-scholarships-two .rs-scholarships-tab-wrapper .nav-link {
  background: var(--rs-white);
  font-weight: 500;
  padding-bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  border-radius: 0px;
  border-bottom: 2px solid var(--rs-white);
  color: var(--rs-text-primary);
  font-size: 17px;
  transition: all 0.3s ease-in-out;
  padding: 15px 35px;
}

@media only screen and (max-width: 1600px) {
  .rs-scholarships-two .rs-scholarships-tab-wrapper .nav-link {
    padding: 15px 25px;
    font-size: 15px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-scholarships-two .rs-scholarships-tab-wrapper .nav-link {
    padding: 15px 15px;
  }
}

.rs-scholarships-two .rs-scholarships-tab-wrapper .nav-link.active {
  color: var(--rs-theme-blue);
  border-color: var(--rs-theme-blue);
}

.rs-scholarships-two .rs-scholarships-tab-wrapper .nav-link.active .rs-faculty-tab-icon svg path {
  fill: var(--rs-theme-blue);
}

.rs-scholarships-two .rs-scholarships-tab-wrapper .nav-link:hover {
  color: var(--rs-theme-blue);
  border-color: var(--rs-theme-blue);
}

.rs-scholarships-two .rs-scholarships-tab-wrapper .nav-link:hover .rs-faculty-tab-icon svg path {
  fill: var(--rs-theme-blue);
  transition: all 0.3s ease-in-out;
}

@media only screen and (max-width: 767px) {
  .rs-scholarships-two .rs-scholarships-tab-content-wrapper {
    display: none;
  }
}

.rs-scholarships-two .rs-scholarships-tab-icon svg {
  width: 30px;
  height: 30px;
}

.rs-scholarships-two .rs-scholarships-tab-icon svg path {
  fill: var(--rs-white);
}

.rs-scholarships-two .rs-scholarships-tab-anim .tab-pane.active .rs-scholarships-item-wrapper {
  -webkit-animation: slide-down 5s ease-out;
  animation: slide-down 5s ease-out;
}

.rs-scholarships-two .rs-scholarships-accordion {
  display: none;
  margin-top: 30px;
}

@media only screen and (max-width: 767px) {
  .rs-scholarships-two .rs-scholarships-accordion {
    display: block;
  }
}

.rs-scholarships-two .rs-accordion-one .rs-accordion-item {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-inline-start: 20px;
  padding-inline-end: 20px;
}

.rs-scholarships-two .rs-accordion-one .rs-accordion-item:not(:last-child) {
  margin-bottom: 10px;
}

.rs-scholarships-two .rs-accordion-one .accordion-button {
  gap: 10px;
  padding-inline-end: 0;
  justify-content: center;
}

@media only screen and (max-width: 767px) {
  .rs-scholarships-two .rs-accordion-one .accordion-button {
    font-size: 18px;
  }
}

.rs-scholarships-two .rs-accordion-one .accordion-button:not(.collapsed) {
  color: var(--rs-theme-blue);
}

.rs-scholarships-two .rs-accordion-one .accordion-button:not(.collapsed) .rs-scholarships-accordion-icon svg path {
  fill: var(--rs-theme-blue);
}

.rs-scholarships-two .rs-accordion-one .accordion-body {
  padding: 0;
  margin-top: 30px;
}

.rs-scholarships-two .rs-accordion-one .rs-scholarships-content {
  padding-inline: 0;
  padding-top: 20px;
  padding-bottom: 0;
}

.rs-scholarships-two .rs-accordion-one .rs-scholarships-thumb img {
  border-radius: 12px;
}

.rs-scholarships-two .rs-accordion-one .rs-scholarships-icon {
  top: 10px;
  inset-inline-start: 10px;
  width: 60px;
  height: 60px;
}

.rs-scholarships-two .rs-accordion-one .rs-scholarships-icon svg {
  width: 30px;
  height: 30px;
}

.rs-scholarships-three .rs-scholarships-wrapper {
  background: var(--rs-white);
  padding-top: 35px;
  padding-bottom: 30px;
  padding-inline: 40px;
  border-radius: 12px;
}

@media only screen and (max-width: 1600px) {
  .rs-scholarships-three .rs-scholarships-wrapper {
    padding-inline: 30px;
  }
}

@media only screen and (max-width: 480px) {
  .rs-scholarships-three .rs-scholarships-wrapper {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-inline: 20px;
  }
}

.rs-scholarships-three .rs-scholarships-item-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

@media only screen and (max-width: 767px) {
  .rs-scholarships-three .rs-scholarships-item-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

.rs-scholarships-three .rs-scholarships-title {
  font-size: 16px;
  color: var(--rs-theme-blue);
  margin-bottom: 8px;
}

.rs-scholarships-three .rs-scholarships-list {
  position: relative;
  padding-inline-start: 12px;
}

.rs-scholarships-three .rs-scholarships-list:not(:last-child) {
  margin-bottom: 5px;
}

.rs-scholarships-three .rs-scholarships-list::before {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  background: #4c4c4c;
  border-radius: 50%;
  top: 12px;
  inset-inline-start: 0;
  transform: translateY(-50%);
}

/*----------------------------------------*/
/*  4.39 Team css
/*----------------------------------------*/
.rs-team-one {
  position: relative;
}

.rs-team-one .rs-team-life {
  position: absolute;
  bottom: 150px;
  inset-inline-start: 50px;
  animation: rs-rotate-anim 3s linear 0s infinite alternate;
}

@media only screen and (max-width: 1800px) {
  .rs-team-one .rs-team-life {
    inset-inline-start: 10px;
  }
}

@media only screen and (max-width: 1600px) {
  .rs-team-one .rs-team-life {
    display: none;
  }
}

.rs-team-one .rs-team-life-two {
  position: absolute;
  top: 200px;
  inset-inline-end: 40px;
}

@media only screen and (max-width: 1800px) {
  .rs-team-one .rs-team-life-two {
    inset-inline-end: 10px;
  }
}

@media only screen and (max-width: 1600px) {
  .rs-team-one .rs-team-life-two {
    display: none;
  }
}

.rs-team-one .rs-team-item {
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.06);
  border-radius: 15px;
  background: var(--rs-white);
  padding-top: 30px;
  padding-inline: 30px;
  padding-bottom: 35px;
  border: 1px solid var(--rs-border-primary);
  position: relative;
}

.rs-team-one .rs-team-item:hover .rs-team-social a {
  opacity: 1;
  visibility: visible;
}

.rs-team-one .rs-team-item:hover .rs-team-social a:nth-child(2) {
  bottom: 44px;
}

.rs-team-one .rs-team-item:hover .rs-team-social a:nth-child(3) {
  bottom: 88px;
}

.rs-team-one .rs-team-item:hover .rs-team-social a:nth-child(4) {
  bottom: 132px;
}

.rs-team-one .rs-team-item:hover .rs-team-social a:nth-child(5) {
  bottom: 176px;
}

.rs-team-one .rs-team-thumb {
  margin-bottom: 40px;
  position: relative;
}

.rs-team-one .rs-team-thumb img {
  width: 346px;
  height: 346px;
  object-fit: cover;
  object-position: top center;
  border-radius: 50%;
}

@media only screen and (max-width: 1600px) {
  .rs-team-one .rs-team-thumb img {
    width: 100%;
    height: 100%;
    aspect-ratio: 1/1;
  }
}

.rs-team-one .rs-team-content-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  text-align: center;
}

.rs-team-one .rs-team-title {
  margin-bottom: 5px;
  letter-spacing: 0.01em;
}

.rs-team-one .rs-team-title:hover {
  color: var(--rs-theme-yellow);
}

.rs-team-one .rs-team-designation {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.01em;
}

.rs-team-one .rs-team-social {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  flex-direction: column-reverse;
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, 18px);
}

.rs-team-one .rs-team-social .social-icon {
  width: 36px;
  height: 36px;
  background: var(--rs-theme-yellow);
  color: var(--rs-black);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}

.rs-team-one .rs-team-social a {
  position: absolute;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
}

.rs-team-one .rs-team-pagination {
  margin-top: 45px;
}

.rs-team-one.has-theme-red .rs-team-social .social-icon {
  background: var(--rs-theme-red);
  color: var(--rs-white);
}

.rs-team-one.has-theme-red .rs-team-title a:hover {
  color: var(--rs-theme-red);
}

.rs-team-one.has-theme-red-two .rs-team-item {
  transition: 0.5s;
}

.rs-team-one.has-theme-red-two .rs-team-item:hover {
  background: var(--rs-theme-red);
}

.rs-team-one.has-theme-red-two .rs-team-item:hover .rs-team-shape-one {
  opacity: 0;
  visibility: hidden;
}

.rs-team-one.has-theme-red-two .rs-team-item:hover .rs-team-shape-two {
  opacity: 1;
  visibility: visible;
}

.rs-team-one.has-theme-red-two .rs-team-item:hover .rs-team-title {
  color: var(--rs-white);
}

.rs-team-one.has-theme-red-two .rs-team-item:hover .rs-team-title a:hover {
  color: var(--rs-white);
}

.rs-team-one.has-theme-red-two .rs-team-item:hover .rs-team-designation {
  color: var(--rs-white);
}

.rs-team-one.has-theme-red-two .rs-team-item:hover .rs-team-social .social-icon {
  background: var(--rs-black);
  color: var(--rs-white);
}

.rs-team-one.has-theme-red-two .rs-team-shape-one {
  position: absolute;
  inset-inline-start: 0;
  top: 35px;
  transition: 0.3s;
}

.rs-team-one.has-theme-red-two .rs-team-shape-two {
  position: absolute;
  inset-inline-start: 0;
  top: 50px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

@media only screen and (max-width: 1600px) {
  .rs-team-one.has-theme-red-two .rs-team-shape-two {
    top: 0;
  }
}

@media only screen and (max-width: 991px) {
  .rs-team-one.has-theme-red-two .rs-team-shape-two {
    top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .rs-team-one.has-theme-red-two .rs-team-shape-two {
    top: 50px;
  }
}

@media only screen and (max-width: 480px) {
  .rs-team-one.has-theme-red-two .rs-team-shape-two {
    top: 0;
  }
}

.rs-team-one.has-theme-red-two .rs-team-social .social-icon {
  background: var(--rs-theme-red);
  color: var(--rs-white);
}

.rs-team-one.has-theme-cyan .rs-team-item {
  border-radius: 15px;
  background: var(--rs-white);
  padding-top: 12px;
  padding-inline: 12px;
  padding-bottom: 35px;
  border: 1px solid var(--rs-border-primary);
  position: relative;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5);
  transition: 0.5s;
}

.rs-team-one.has-theme-cyan .rs-team-item:hover {
  background: var(--rs-theme-cyan);
}

.rs-team-one.has-theme-cyan .rs-team-item:hover .rs-team-title {
  color: var(--rs-white);
}

.rs-team-one.has-theme-cyan .rs-team-item:hover .rs-team-title a:hover {
  color: var(--rs-white);
}

.rs-team-one.has-theme-cyan .rs-team-item:hover .rs-team-designation {
  color: var(--rs-white);
}

.rs-team-one.has-theme-cyan .rs-team-item .rs-team-social .social-icon {
  background: var(--rs-theme-light-cyan);
  color: var(--rs-white);
}

.rs-team-one.has-theme-cyan .rs-team-thumb img {
  border-radius: 8px;
  width: 100%;
}

.rs-team-one.has-theme-blue .rs-team-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

@media only screen and (max-width: 991px) {
  .rs-team-one.has-theme-blue .rs-team-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 767px) {
  .rs-team-one.has-theme-blue .rs-team-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

.rs-team-one.has-theme-blue .rs-team-item {
  transition: 0.5s;
}

.rs-team-one.has-theme-blue .rs-team-item:hover {
  background: var(--rs-theme-blue);
}

.rs-team-one.has-theme-blue .rs-team-item:hover .rs-team-shape-one {
  opacity: 0;
  visibility: hidden;
}

.rs-team-one.has-theme-blue .rs-team-item:hover .rs-team-shape-two {
  opacity: 1;
  visibility: visible;
}

.rs-team-one.has-theme-blue .rs-team-item:hover .rs-team-title {
  color: var(--rs-white);
}

.rs-team-one.has-theme-blue .rs-team-item:hover .rs-team-title a:hover {
  color: var(--rs-white);
}

.rs-team-one.has-theme-blue .rs-team-item:hover .rs-team-designation {
  color: var(--rs-white);
}

.rs-team-one.has-theme-blue .rs-team-shape-one {
  position: absolute;
  inset-inline-start: 0;
  top: 35px;
  transition: 0.3s;
}

.rs-team-one.has-theme-blue .rs-team-shape-two {
  position: absolute;
  inset-inline-start: 0;
  top: 50px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

@media only screen and (max-width: 1600px) {
  .rs-team-one.has-theme-blue .rs-team-shape-two {
    top: 0;
  }
}

@media only screen and (max-width: 991px) {
  .rs-team-one.has-theme-blue .rs-team-shape-two {
    top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .rs-team-one.has-theme-blue .rs-team-shape-two {
    top: 50px;
  }
}

@media only screen and (max-width: 480px) {
  .rs-team-one.has-theme-blue .rs-team-shape-two {
    top: 0;
  }
}

.rs-team-one.has-theme-blue .rs-team-social .social-icon {
  background: var(--rs-theme-yellow);
  color: var(--rs-black);
}

.rs-team-two {
  position: relative;
}

.rs-team-two .rs-team-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

@media only screen and (max-width: 1199px) {
  .rs-team-two .rs-team-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 575px) {
  .rs-team-two .rs-team-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

.rs-team-two .rs-team-item:hover .rs-team-thumb img {
  transform: scale3d(1.1, 1.1, 1);
}

.rs-team-two .rs-team-sec-title {
  color: var(--rs-title-tertiary);
}

.rs-team-two .rs-team-thumb {
  position: relative;
  overflow: hidden;
  border-radius: 10px 10px 0px 0px;
}

.rs-team-two .rs-team-thumb img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
  transform: scale(1.02);
  transition: all 0.8s ease;
  object-fit: cover;
  object-position: top center;
}

.rs-team-two .rs-team-content {
  background: var(--rs-white);
  box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.06);
  border-radius: 0px 0px 10px 10px;
  padding-top: 18px;
  padding-bottom: 18px;
  padding-inline: 15px;
  text-align: center;
}

.rs-team-two .rs-team-title {
  margin-bottom: 5px;
  color: var(--rs-title-tertiary);
  font-size: 20px;
}

.rs-team-two .rs-team-title:hover {
  color: var(--rs-theme-yellow);
}

.rs-team-two .rs-team-designation {
  font-size: 15px;
}

.rs-team-three .rs-team-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-top: 30px;
}

@media only screen and (max-width: 991px) {
  .rs-team-three .rs-team-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 767px) {
  .rs-team-three .rs-team-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

.rs-team-three .rs-team-item {
  background: var(--rs-bg-primary);
  border-radius: 16px;
  padding-top: 12px;
  padding-inline: 12px;
  padding-bottom: 30px;
}

.rs-team-three .rs-team-item:hover .rs-team-thumb img {
  transform: scale3d(1.1, 1.1, 1);
}

.rs-team-three .rs-team-thumb {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}

.rs-team-three .rs-team-thumb img {
  width: 100%;
  transition: all 0.8s ease;
}

.rs-team-three .rs-team-title {
  margin-bottom: 12px;
  color: var(--rs-title-tertiary);
}

.rs-team-three .rs-team-title a:hover {
  color: var(--rs-theme-yellow);
}

.rs-team-three .rs-team-content {
  padding-inline-start: 20px;
  padding-inline-end: 20px;
  padding-top: 27px;
}

.rs-team-three .rs-team-desc {
  margin-bottom: 28px;
}

.rs-team-three .rs-team-desig {
  margin-bottom: 10px;
  display: inline-block;
}

.rs-team-three .rs-team-bio {
  margin-bottom: 22px;
}

.rs-team-four {
  position: relative;
}

.rs-team-four .rs-team-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.rs-team-four .rs-team-item {
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.06);
  border-radius: 16px;
  background: var(--rs-white);
  padding-top: 12px;
  padding-inline: 12px;
  padding-bottom: 30px;
  position: relative;
  transition: 0.5s;
}

.rs-team-four .rs-team-item:hover {
  background: var(--rs-theme-blue);
}

.rs-team-four .rs-team-item:hover .rs-team-social {
  opacity: 1;
  visibility: visible;
  inset-inline-start: 30px;
}

.rs-team-four .rs-team-item:hover .rs-team-title {
  color: var(--rs-white);
}

.rs-team-four .rs-team-item:hover .rs-team-title a:hover {
  color: var(--rs-white);
}

.rs-team-four .rs-team-item:hover .rs-team-designation {
  color: var(--rs-white);
}

.rs-team-four .rs-team-thumb {
  margin-bottom: 35px;
  position: relative;
}

.rs-team-four .rs-team-thumb img {
  width: 100%;
  transform: scale(1.02);
  transition: all 0.8s ease;
  height: 346px;
  aspect-ratio: 1/1;
  object-fit: cover;
  object-position: top center;
  border-radius: 16px;
}

@media only screen and (max-width: 480px) {
  .rs-team-four .rs-team-thumb img {
    height: 100%;
  }
}

.rs-team-four .rs-team-content-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  text-align: center;
}

.rs-team-four .rs-team-title {
  margin-bottom: 5px;
  letter-spacing: 0.01em;
}

.rs-team-four .rs-team-title:hover {
  color: var(--rs-theme-yellow);
}

.rs-team-four .rs-team-designation {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.01em;
}

.rs-team-four .rs-team-social {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  flex-direction: column;
  position: absolute;
  bottom: 30px;
  inset-inline-start: 0;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s ease;
}

.rs-team-four .rs-team-social .social-icon {
  width: 36px;
  height: 36px;
  background: var(--rs-theme-yellow);
  color: var(--rs-black);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}

.rs-team-four .rs-team-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

@media only screen and (max-width: 991px) {
  .rs-team-four .rs-team-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 767px) {
  .rs-team-four .rs-team-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

.rs-team-four .rs-team-social .social-icon {
  background: var(--rs-theme-yellow);
  color: var(--rs-black);
}

.rs-team-four .rs-team-life {
  position: absolute;
  bottom: 150px;
  inset-inline-start: 50px;
  animation: rs-rotate-anim 3s linear 0s infinite alternate;
}

@media only screen and (max-width: 1800px) {
  .rs-team-four .rs-team-life {
    inset-inline-start: 10px;
  }
}

@media only screen and (max-width: 1600px) {
  .rs-team-four .rs-team-life {
    display: none;
  }
}

.rs-team-four .rs-team-life-two {
  position: absolute;
  top: 200px;
  inset-inline-end: 40px;
}

@media only screen and (max-width: 1800px) {
  .rs-team-four .rs-team-life-two {
    inset-inline-end: 10px;
  }
}

@media only screen and (max-width: 1600px) {
  .rs-team-four .rs-team-life-two {
    display: none;
  }
}

.rs-team-four .rs-team-pagination {
  margin-top: 45px;
}

.rs-team-details .rs-team-details-wrapper {
  display: grid;
  grid-template-columns: 400px auto;
  gap: 30px 50px;
  align-items: start;
}

@media only screen and (max-width: 1600px) {
  .rs-team-details .rs-team-details-wrapper {
    grid-template-columns: 350px auto;
    gap: 30px 30px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-team-details .rs-team-details-wrapper {
    grid-template-columns: 300px auto;
  }
}

@media only screen and (max-width: 991px) {
  .rs-team-details .rs-team-details-wrapper {
    grid-template-columns: auto;
  }
}

.rs-team-details .rs-team-details-thumb-wrapper {
  background: var(--rs-white);
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.06);
  border-radius: 16px;
  padding-top: 12px;
  padding-inline: 12px;
  padding-bottom: 25px;
}

@media only screen and (max-width: 1600px) {
  .rs-team-details .rs-team-details-thumb-wrapper {
    position: sticky;
    top: 110px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-team-details .rs-team-details-thumb-wrapper {
    position: relative;
    top: unset;
  }
}

.rs-team-details .rs-team-details-author-thumb img {
  width: 100%;
  border-radius: 12px;
}

.rs-team-details .rs-team-details-author-info {
  padding-top: 20px;
}

.rs-team-details .rs-team-details-author-name {
  margin-bottom: 5px;
}

.rs-team-details .rs-team-details-details-title {
  margin-bottom: 15px;
}

.rs-team-details .rs-team-details-desc {
  border-bottom: 1px solid var(--rs-border-primary);
  padding-bottom: 30px;
  margin-bottom: 33px;
}

.rs-team-details .rs-team-details-info {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  border-bottom: 1px solid var(--rs-border-primary);
  padding-bottom: 30px;
  margin-bottom: 33px;
}

@media only screen and (max-width: 767px) {
  .rs-team-details .rs-team-details-info {
    grid-template-columns: repeat(1, 1fr);
  }
}

.rs-team-details .rs-info-list li {
  list-style: none;
  position: relative;
  padding-inline-start: 12px;
}

.rs-team-details .rs-info-list li:not(:last-child) {
  margin-bottom: 8px;
}

.rs-team-details .rs-info-list li::before {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  background: #4c4c4c;
  border-radius: 50%;
  top: 9px;
  inset-inline-start: 0;
}

.rs-team-details .rs-team-details-info-title {
  margin-bottom: 20px;
}

.rs-team-details .rs-contact-info-item {
  background-color: var(--rs-white);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 14px 8px 14px;
  border-radius: 100px;
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.06);
  transition: 0.5s;
}

.rs-team-details .rs-contact-info-item svg {
  width: 20px;
  height: 20px;
}

.rs-team-details .rs-contact-info-item svg path {
  transition: 0.5s;
}

.rs-team-details .rs-contact-info-item:hover {
  color: var(--rs-title-primary);
  background: var(--rs-theme-yellow);
}

.rs-team-details .rs-contact-info-item:hover svg path {
  fill: var(--rs-black);
}

.rs-team-details .rs-contact-wrapper {
  gap: 20px 30px;
  display: flex;
  flex-wrap: wrap;
}

.rs-team-details .rs-team-details-title {
  margin-bottom: 16px;
}

.rs-team-details .rs-team-details .rs-contact-wrapper {
  gap: 30px;
  display: flex;
  align-items: center;
}

.rs-team-details .rs-team-details-contact-title {
  margin-bottom: 25px;
}

/*----------------------------------------*/
/*  4.40 testimonial
/*----------------------------------------*/
.rs-testimonial-one {
  position: relative;
  z-index: 1;
  margin-bottom: 160px;
  overflow-x: clip;
}

@media only screen and (max-width: 1199px) {
  .rs-testimonial-one {
    margin-bottom: 100px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-testimonial-one {
    margin-bottom: 80px;
  }
}

.rs-testimonial-one .rs-testimonial-bg-thumb {
  position: absolute;
  width: 100%;
  height: 345px;
  bottom: -160px;
  left: 0;
  z-index: -1;
}

@media only screen and (max-width: 1199px) {
  .rs-testimonial-one .rs-testimonial-bg-thumb {
    bottom: -100px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-testimonial-one .rs-testimonial-bg-thumb {
    bottom: -80px;
  }
}

.rs-testimonial-one .rs-testimonial-wrapper {
  background: var(--rs-theme-blue);
  padding: 20px;
  border-radius: 16px;
  display: grid;
  grid-template-columns: 425px 710px;
  align-items: center;
  gap: 30px 60px;
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 1600px) {
  .rs-testimonial-one .rs-testimonial-wrapper {
    grid-template-columns: 400px 630px;
    gap: 30px 30px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-testimonial-one .rs-testimonial-wrapper {
    grid-template-columns: auto 480px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-testimonial-one .rs-testimonial-wrapper {
    grid-template-columns: auto;
  }
}

.rs-testimonial-one .rs-testimonial-thumb {
  position: relative;
}

.rs-testimonial-one .rs-testimonial-thumb img {
  width: 100%;
  border-radius: 16px;
}

.rs-testimonial-one .rs-testimonial-video-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.rs-testimonial-one .rs-testimonial-desc {
  font-size: 20px;
  font-style: italic;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.7;
  font-weight: 500;
  margin-bottom: 60px;
}

@media only screen and (max-width: 1199px) {
  .rs-testimonial-one .rs-testimonial-desc {
    font-size: 18px;
  }
}

@media only screen and (max-width: 480px) {
  .rs-testimonial-one .rs-testimonial-desc {
    font-size: 16px;
  }
}

.rs-testimonial-one .rs-testimonial-avater-wrapper {
  display: flex;
  align-items: center;
  gap: 18px 50px;
  flex-wrap: wrap;
}

@media only screen and (max-width: 767px) {
  .rs-testimonial-one .rs-testimonial-avater-wrapper {
    gap: 18px 30px;
  }
}

.rs-testimonial-one .rs-testimonial-avater-thumb img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

.rs-testimonial-one .rs-testimonial-avater-designation {
  font-size: 16px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
}

.rs-testimonial-one .rs-testimonial-avater-title {
  margin-bottom: 5px;
  color: var(--rs-white);
}

.rs-testimonial-one .rs-testimonial-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}

.rs-testimonial-two .rs-testimonial-item {
  background: var(--rs-white);
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.06);
  border-radius: 16px;
  padding-top: 8px;
  padding-inline-end: 8px;
  padding-inline-start: 8px;
  padding-bottom: 30px;
}

.rs-testimonial-two .rs-testimonial-content {
  padding-inline-start: 22px;
  padding-inline-end: 30px;
}

.rs-testimonial-two .rs-testimonial-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  flex-wrap: wrap;
  margin-inline-start: -28px;
  margin-bottom: 20px;
  margin-inline-start: 0;
  margin-top: 0;
}

.rs-testimonial-two .rs-testimonial-avater-thumb img {
  border-radius: 12px 0px 100px 0px;
  width: 110px;
  height: 110px;
  min-width: 110px;
}

.rs-testimonial-two .rs-testimonial-rating i {
  font-size: 16px;
  color: #f55b1f;
}

.rs-testimonial-two .rs-testimonial-desc {
  font-size: 18px;
  letter-spacing: 0.02em;
  font-style: italic;
  font-weight: 500;
}

@media only screen and (max-width: 575px) {
  .rs-testimonial-two .rs-testimonial-desc {
    font-size: 16px;
  }
}

.rs-testimonial-two .rs-testimonial-avater-title {
  margin-bottom: 3px;
}

.rs-testimonial-two .rs-testimonial-pagination {
  margin-top: 45px;
}

.rs-testimonial-three {
  position: relative;
  z-index: 1;
  overflow-x: clip;
  background: #322e2f;
}

.rs-testimonial-three .rs-testimonial-shape {
  position: absolute;
  inset-inline-start: 0;
  top: 230px;
}

[dir="rtl"] .rs-testimonial-three .rs-testimonial-shape {
  transform: rotateY(180deg);
}

.rs-testimonial-three .rs-testimonial-item {
  background: var(--rs-bg-black);
  border-radius: 6px;
  padding-top: 35px;
  padding-bottom: 35px;
  padding-inline-start: 40px;
  padding-inline-end: 40px;
  box-shadow: 20px 20px 0px 0px rgba(28, 23, 25, 0.88);
  margin-inline-end: 20px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 1600px) {
  .rs-testimonial-three .rs-testimonial-item {
    padding-top: 25px;
    padding-bottom: 25px;
    padding-inline-start: 25px;
    padding-inline-end: 25px;
  }
}

.rs-testimonial-three .rs-testimonial-icon svg {
  width: 60px;
}

.rs-testimonial-three .rs-testimonial-desc {
  color: rgba(255, 255, 255, 0.8);
  font-size: 17px;
  font-style: italic;
  font-weight: 500;
}

@media only screen and (max-width: 991px) {
  .rs-testimonial-three .rs-testimonial-desc {
    font-size: 16px;
  }
}

.rs-testimonial-three .rs-testimonial-avater-title {
  font-size: 20px;
  color: var(--rs-white);
  font-weight: 600;
  letter-spacing: 0.16px;
  margin-bottom: 5px;
}

.rs-testimonial-three .rs-testimonial-avater-designation {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 500;
  letter-spacing: 0.16px;
}

.rs-testimonial-three .rs-testimonial-rating {
  font-size: 60px;
  font-weight: 600;
  color: var(--rs-white);
  line-height: 0.9;
}

@media only screen and (max-width: 1199px) {
  .rs-testimonial-three .rs-testimonial-rating {
    font-size: 50px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-testimonial-three .rs-testimonial-rating {
    font-size: 40px;
  }
}

.rs-testimonial-three .rs-testimonial-rating-icon i {
  color: #ff8e2b;
  font-size: 17px;
}

.rs-testimonial-three .rs-testimonial-rating-wrapper {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-top: 55px;
  margin-bottom: 35px;
}

@media only screen and (max-width: 1199px) {
  .rs-testimonial-three .rs-testimonial-rating-wrapper {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-testimonial-three .rs-testimonial-rating-wrapper {
    margin-top: 40px;
    margin-bottom: 30px;
  }
}

.rs-testimonial-three .rs-testimonial-avater-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px 10px;
  flex-wrap: wrap;
}

.rs-testimonial-three.has-theme-green {
  background: var(--rs-theme-green);
}

.rs-testimonial-three.has-theme-green .rs-testimonial-item {
  background: #346359;
  box-shadow: none;
  margin: 0;
  border: 1px solid var(--rs-border-tertiary);
}

.rs-testimonial-three.has-theme-green .rs-testimonial-pagination {
  margin-top: 45px;
}

.rs-testimonial-three.has-theme-green .rs-testimonial-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--rs-theme-yellow);
  border-color: var(--rs-theme-yellow);
}

.rs-testimonial-three.has-theme-green .rs-testimonial-pagination .swiper-pagination-bullet:hover {
  background: var(--rs-theme-yellow);
  border-color: var(--rs-theme-yellow);
}

.rs-testimonial-three.has-theme-green-two {
  background: var(--rs-white);
}

.rs-testimonial-three.has-theme-green-two .rs-testimonial-item {
  background: var(--rs-bg-primary);
  box-shadow: none;
  margin: 0;
}

.rs-testimonial-three.has-theme-green-two .rs-testimonial-pagination {
  margin-top: 45px;
}

.rs-testimonial-three.has-theme-green-two .rs-testimonial-avater-title {
  color: var(--rs-title-primary);
}

.rs-testimonial-three.has-theme-green-two .rs-testimonial-avater-designation {
  color: var(--rs-text-primary);
}

.rs-testimonial-three.has-theme-green-two .rs-testimonial-rating {
  color: var(--rs-title-primary);
}

.rs-testimonial-three.has-theme-green-two .rs-testimonial-desc {
  color: var(--rs-text-primary);
}

.rs-testimonial-three.has-theme-cyan {
  background: var(--rs-theme-cyan);
}

.rs-testimonial-three.has-theme-cyan .rs-testimonial-item {
  margin-inline-end: 0px;
  margin-bottom: 0px;
  box-shadow: 20px 20px 0px 0px rgba(28, 23, 25, 0.88);
  box-shadow: none;
  background: #0f6487;
  border: 1px solid var(--rs-border-tertiary);
}

.rs-testimonial-three.has-theme-cyan .rs-testimonial-pagination {
  margin-top: 40px;
}

.rs-testimonial-three.has-bg-white {
  background: transparent;
}

.rs-testimonial-three.has-bg-white .rs-testimonial-item {
  background: var(--rs-white);
  box-shadow: none;
  margin: 0;
}

.rs-testimonial-three.has-bg-white .rs-testimonial-avater-title {
  color: var(--rs-title-primary);
}

.rs-testimonial-three.has-bg-white .rs-testimonial-avater-designation {
  color: var(--rs-text-primary);
}

.rs-testimonial-three.has-bg-white .rs-testimonial-icon svg path {
  fill: var(--rs-theme-yellow);
}

.rs-testimonial-three.has-bg-white .rs-testimonial-rating {
  color: var(--rs-title-primary);
}

.rs-testimonial-three.has-bg-white .rs-testimonial-desc {
  color: var(--rs-text-primary);
  font-size: 18px;
}

@media only screen and (max-width: 1199px) {
  .rs-testimonial-three.has-bg-white .rs-testimonial-desc {
    font-size: 16px;
  }
}

.rs-testimonial-three.has-bg-white .rs-testimonial-pagination {
  margin-top: 40px;
}

.rs-testimonial-three.has-theme-red {
  background: var(--rs-bg-primary);
}

.rs-testimonial-three.has-theme-red .rs-testimonial-item {
  background: var(--rs-white);
  box-shadow: none;
  margin: 0;
}

.rs-testimonial-three.has-theme-red .rs-testimonial-avater-title {
  color: var(--rs-title-primary);
}

.rs-testimonial-three.has-theme-red .rs-testimonial-avater-designation {
  color: var(--rs-text-primary);
}

.rs-testimonial-three.has-theme-red .rs-testimonial-desc {
  color: var(--rs-text-primary);
}

.rs-testimonial-three.has-theme-red .rs-testimonial-rating {
  color: var(--rs-title-primary);
}

.rs-testimonial-three.has-theme-red .rs-testimonial-icon svg path {
  fill: rgba(150, 11, 39, 0.1294117647);
}

.rs-testimonial-three.has-theme-red .rs-testimonial-pagination {
  margin-top: 45px;
}

.rs-testimonial-three.has-theme-blue-two .rs-testimonial-bg-thumb {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

.rs-testimonial-three.has-theme-blue-two .rs-testimonial-bg-thumb::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.8;
  background: var(--rs-theme-blue-two);
}

.rs-testimonial-three.has-theme-blue-two .rs-testimonial-item {
  background: var(--rs-theme-blue-two);
  box-shadow: none;
  margin: 0;
  border: 1px solid rgba(255, 255, 255, 0.1019607843);
}

.rs-testimonial-three.has-theme-blue-two .rs-testimonial-pagination {
  margin-top: 45px;
}

.rs-testimonial-three.has-theme-blue-two .rs-testimonial-pagination .swiper-pagination-bullet {
  border-color: var(--rs-white);
}

.rs-testimonial-three.has-theme-blue-two .rs-testimonial-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--rs-theme-yellow);
  border-color: var(--rs-theme-yellow);
}

.rs-testimonial-three.has-theme-blue-two .rs-testimonial-pagination .swiper-pagination-bullet:hover {
  background: var(--rs-theme-yellow);
  border-color: var(--rs-theme-yellow);
}

.rs-testimonial-three.has-theme-blue-two .rs-testimonial-icon svg path {
  fill: var(--rs-theme-yellow);
}

/*----------------------------------------*/
/*  4.41 text slide css
/*----------------------------------------*/
.rs-text-slide-one {
  overflow-x: clip;
  position: relative;
  z-index: 1;
  padding-bottom: 100px;
}

@media only screen and (max-width: 767px) {
  .rs-text-slide-one {
    padding-bottom: 70px;
  }
}

@media only screen and (max-width: 480px) {
  .rs-text-slide-one {
    padding-bottom: 60px;
  }
}

.rs-text-slide-one .rs-text-slide-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  text-align: center;
}

.rs-text-slide-one .rs-text-slide-inner {
  min-width: max-content;
  display: flex;
  align-items: center;
  gap: 0px 40px;
}

.rs-text-slide-one .rs-text-slide-item {
  display: inline-flex;
  align-items: center;
  gap: 0px 30px;
}

.rs-text-slide-one .rs-text-slide-item:nth-child(2n) .rs-text-slide-title {
  color: var(--rs-theme-yellow);
}

.rs-text-slide-one .rs-text-slide-title {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--rs-title-tertiary);
  font-size: 70px;
  text-transform: uppercase;
  line-height: 0.9;
}

@media only screen and (max-width: 1199px) {
  .rs-text-slide-one .rs-text-slide-title {
    font-size: 60px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-text-slide-one .rs-text-slide-title {
    font-size: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-text-slide-one .rs-text-slide-title {
    font-size: 40px;
  }
}

.rs-text-slide-one .rs-text-slide-thumb img {
  width: 60px;
}

.rs-text-slide-one.has-section-space {
  padding-top: 120px;
  padding-bottom: 60px;
}

@media only screen and (max-width: 1199px) {
  .rs-text-slide-one.has-section-space {
    padding-top: 100px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-text-slide-one.has-section-space {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

.rs-text-slide-one.has-theme-green {
  background: var(--rs-theme-green);
}

.rs-text-slide-one.has-theme-green .rs-text-slide-title {
  color: var(--rs-white);
}

.rs-text-slide-one.has-theme-red .rs-text-slide-item:nth-child(2n) .rs-text-slide-title {
  color: var(--rs-theme-red);
}

.rs-text-slide-one.has-theme-red-two {
  padding-top: 100px;
  position: relative;
  overflow: hidden;
}

@media only screen and (max-width: 991px) {
  .rs-text-slide-one.has-theme-red-two {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-text-slide-one.has-theme-red-two {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

.rs-text-slide-one.has-theme-red-two .rs-text-slide-title {
  color: var(--rs-title-primary);
}

.rs-text-slide-one.has-theme-red-two .rs-text-slide-item:nth-child(2n) .rs-text-slide-title {
  color: var(--rs-title-primary);
}

.rs-text-slide-one.has-theme-red-two .rs-text-slide-shape {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: -60px;
  left: 0;
  background-position: bottom right;
  background-repeat: no-repeat;
  opacity: 0.5;
}

/*----------------------------------------*/
/*  4.42 thumb css
/*----------------------------------------*/
.rs-thumb-one {
  padding-top: 40px;
  padding-bottom: 50px;
}

.rs-thumb-one .rs-thumb img {
  width: 100%;
  border-radius: 12px;
}

/*----------------------------------------*/
/*  4.43 tuition
/*----------------------------------------*/
.rs-tuition-one {
  position: relative;
  z-index: 1;
}

.rs-tuition-one .rs-tuition-shape-one {
  position: absolute;
  top: 130px;
  inset-inline-end: 80px;
  animation: rs-rotate-anim 3s linear 0s infinite alternate;
}

@media only screen and (max-width: 1600px) {
  .rs-tuition-one .rs-tuition-shape-one {
    display: none;
  }
}

.rs-tuition-one .rs-tuition-shape-two {
  position: absolute;
  bottom: 0;
  inset-inline-start: 0px;
}

@media only screen and (max-width: 1199px) {
  .rs-tuition-one .rs-tuition-shape-two {
    display: none;
  }
}

.rs-tuition-one .section-desc {
  margin-bottom: 20px;
}

.rs-tuition-one .rs-tuition-thumb img {
  width: 100%;
  border-radius: 20px;
}

.rs-tuition-one .rs-tuition-wrapper {
  display: grid;
  grid-template-columns: 420px auto;
  gap: 30px 80px;
}

@media only screen and (max-width: 1600px) {
  .rs-tuition-one .rs-tuition-wrapper {
    gap: 30px 30px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-tuition-one .rs-tuition-wrapper {
    grid-template-columns: 280px auto;
  }
}

@media only screen and (max-width: 991px) {
  .rs-tuition-one .rs-tuition-wrapper {
    grid-template-columns: auto;
  }
}

.rs-tuition-one .rs-tuition-item {
  background: var(--rs-white);
  border-radius: 12px;
  padding-top: 35px;
  padding-bottom: 35px;
  padding-inline-start: 35px;
  padding-inline-end: 35px;
}

@media only screen and (max-width: 767px) {
  .rs-tuition-one .rs-tuition-item:nth-child(3) {
    order: 4;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-tuition-one .rs-tuition-item {
    padding-top: 25px;
    padding-bottom: 25px;
    padding-inline-start: 25px;
    padding-inline-end: 25px;
  }
}

.rs-tuition-one .rs-tuition-item.has-theme-red {
  background: var(--rs-theme-red-two);
}

.rs-tuition-one .rs-tuition-item.has-theme-red .rs-tuition-title {
  color: var(--rs-white);
  border-color: rgba(255, 255, 255, 0.1);
}

.rs-tuition-one .rs-tuition-item.has-theme-red .rs-tuition-inner-title {
  color: var(--rs-white);
}

.rs-tuition-one .rs-tuition-item.has-theme-red .rs-tuition-label {
  color: rgba(255, 255, 255, 0.8);
}

.rs-tuition-one .rs-tuition-item.has-theme-red .rs-tuition-price {
  color: rgba(255, 255, 255, 0.8);
}

.rs-tuition-one .rs-tuition-item.has-theme-cyan {
  background: var(--rs-theme-cyan);
}

.rs-tuition-one .rs-tuition-item.has-theme-cyan .rs-tuition-title {
  color: var(--rs-white);
  border-color: rgba(255, 255, 255, 0.1);
}

.rs-tuition-one .rs-tuition-item.has-theme-cyan .rs-tuition-inner-title {
  color: var(--rs-white);
}

.rs-tuition-one .rs-tuition-item.has-theme-cyan .rs-tuition-label {
  color: rgba(255, 255, 255, 0.8);
}

.rs-tuition-one .rs-tuition-item.has-theme-cyan .rs-tuition-price {
  color: rgba(255, 255, 255, 0.8);
}

.rs-tuition-one .rs-tuition-item.has-theme-blue-two {
  background: var(--rs-theme-blue-two);
}

.rs-tuition-one .rs-tuition-item.has-theme-blue-two .rs-tuition-title {
  color: var(--rs-white);
  border-color: rgba(255, 255, 255, 0.1);
}

.rs-tuition-one .rs-tuition-item.has-theme-blue-two .rs-tuition-inner-title {
  color: var(--rs-white);
}

.rs-tuition-one .rs-tuition-item.has-theme-blue-two .rs-tuition-label {
  color: rgba(255, 255, 255, 0.8);
}

.rs-tuition-one .rs-tuition-item.has-theme-blue-two .rs-tuition-price {
  color: rgba(255, 255, 255, 0.8);
}

.rs-tuition-one .rs-tuition-info-item:first-child {
  margin-top: 27px;
  margin-bottom: 22px;
}

.rs-tuition-one .rs-tuition-list .rs-tuition-list-item {
  list-style: none;
}

.rs-tuition-one .rs-tuition-title {
  display: inline-block;
  border-bottom: 1px solid var(--rs-border-primary);
}

.rs-tuition-one .rs-tuition-inner-title {
  font-size: 17px;
  margin-bottom: 6px;
}

.rs-tuition-one .rs-tuition-label {
  font-size: 13px;
}

.rs-tuition-one .rs-tuition-price {
  font-size: 13px;
}

.rs-tuition-one .rs-tuition-content-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

@media only screen and (max-width: 767px) {
  .rs-tuition-one .rs-tuition-content-wrapper {
    display: flex;
    flex-direction: column;
  }
}

.rs-tuition-one .rs-tuition-btn {
  margin-bottom: 50px;
}

.rs-tuition-one.has-theme-green-two .rs-tuition-shape {
  position: absolute;
  bottom: 0;
  inset-inline-end: 110px;
}

@media only screen and (max-width: 1800px) {
  .rs-tuition-one.has-theme-green-two .rs-tuition-shape {
    inset-inline-end: 30px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-tuition-one.has-theme-green-two .rs-tuition-shape {
    inset-inline-end: 0px;
  }
}

@media only screen and (max-width: 575px) {
  .rs-tuition-one.has-theme-green-two .rs-tuition-shape {
    display: none;
  }
}

.rs-tuition-one.has-theme-green-two .rs-tuition-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

@media only screen and (max-width: 991px) {
  .rs-tuition-one.has-theme-green-two .rs-tuition-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 767px) {
  .rs-tuition-one.has-theme-green-two .rs-tuition-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

.rs-tuition-one.has-theme-green-two .rs-tuition-item {
  background: var(--rs-bg-primary);
}

.rs-tuition-one.has-theme-green-two .rs-tuition-item.has-theme-green-two {
  background: var(--rs-theme-green-two);
}

.rs-tuition-one.has-theme-green-two .rs-tuition-item.has-theme-green-two .rs-tuition-title {
  color: var(--rs-white);
  border-color: rgba(255, 255, 255, 0.1);
}

.rs-tuition-one.has-theme-green-two .rs-tuition-item.has-theme-green-two .rs-tuition-inner-title {
  color: var(--rs-white);
}

.rs-tuition-one.has-theme-green-two .rs-tuition-item.has-theme-green-two .rs-tuition-label {
  color: rgba(255, 255, 255, 0.8);
}

.rs-tuition-one.has-theme-green-two .rs-tuition-item.has-theme-green-two .rs-tuition-price {
  color: rgba(255, 255, 255, 0.8);
}

.rs-tuition-two .rs-tuition-wrapper {
  background: var(--rs-white);
  border-radius: 12px;
  padding: 30px;
  display: grid;
  grid-template-columns: 525px auto;
  gap: 30px 50px;
  align-items: center;
}

@media only screen and (max-width: 1366px) {
  .rs-tuition-two .rs-tuition-wrapper {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 30px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-tuition-two .rs-tuition-wrapper {
    align-items: start;
  }
}

@media only screen and (max-width: 991px) {
  .rs-tuition-two .rs-tuition-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media only screen and (max-width: 575px) {
  .rs-tuition-two .rs-tuition-wrapper {
    padding: 20px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-tuition-two .rs-tuition-thumb {
    position: sticky;
    top: 110px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-tuition-two .rs-tuition-thumb {
    position: relative;
    top: unset;
  }
}

.rs-tuition-two .rs-tuition-thumb img {
  width: 100%;
  border-radius: 8px;
}

.rs-tuition-two .rs-tuition-desc {
  margin-top: 20px;
  margin-bottom: 30px;
  max-width: 622px;
}

.rs-tuition-three .rs-tuition-tab-wrapper .nav-pills {
  display: flex;
  justify-content: start;
  gap: 20px;
  margin-bottom: 30px;
  margin-top: 35px;
}

@media only screen and (max-width: 991px) {
  .rs-tuition-three .rs-tuition-tab-wrapper .nav-pills {
    justify-content: center;
    gap: 10px;
  }
}

.rs-tuition-three .rs-tuition-tab-wrapper .nav-link {
  background: var(--rs-white);
  font-weight: 500;
  padding-bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  border-radius: 0px;
  border-bottom: 2px solid var(--rs-white);
  color: var(--rs-text-primary);
  font-size: 17px;
  transition: all 0.3s ease-in-out;
  padding: 15px 20px;
}

@media only screen and (max-width: 991px) {
  .rs-tuition-three .rs-tuition-tab-wrapper .nav-link {
    padding: 15px 15px;
    font-size: 15px;
  }
}

.rs-tuition-three .rs-tuition-tab-wrapper .nav-link.active {
  color: var(--rs-theme-blue);
  border-color: var(--rs-theme-blue);
}

.rs-tuition-three .rs-tuition-tab-wrapper .nav-link.active .rs-tuition-tab-icon svg path {
  fill: var(--rs-theme-blue);
}

.rs-tuition-three .rs-tuition-tab-wrapper .nav-link:hover {
  color: var(--rs-theme-blue);
  border-color: var(--rs-theme-blue);
}

.rs-tuition-three .rs-tuition-tab-wrapper .nav-link:hover .rs-tuition-tab-icon svg path {
  fill: var(--rs-theme-blue);
}

.rs-tuition-three .rs-tuition-desc {
  margin-top: 20px;
}

.rs-tuition-three .rs-tuition-tab-icon svg path {
  transition: 0.3s;
}

.rs-tuition-three .rs-tuition-tab-anim .tab-pane.active .rs-tuition-table-item {
  -webkit-animation: slide-down 5s ease-out;
  animation: slide-down 5s ease-out;
}

.rs-tuition-three .rs-tuition-table-inner {
  background-color: var(--rs-white);
  border: 1px solid var(--rs-border-primary);
  width: max-content;
  min-width: 100%;
}

.rs-tuition-three .rs-tuition-table-inner thead {
  background-color: var(--rs-theme-blue);
  color: var(--rs-white);
}

.rs-tuition-three .rs-tuition-table-inner th {
  padding: 15px 24px;
  font-weight: 600;
  font-size: 15px;
  font-family: var(--rs-ff-title);
  border-inline-end: 1px solid var(--rs-border-tertiary);
}

@media only screen and (max-width: 1199px) {
  .rs-tuition-three .rs-tuition-table-inner th {
    padding: 15px 15px;
  }
}

.rs-tuition-three .rs-tuition-table-inner td {
  padding: 15px 24px;
  vertical-align: middle;
  border: 1px solid var(--rs-border-primary);
  font-size: 15px;
}

@media only screen and (max-width: 1199px) {
  .rs-tuition-three .rs-tuition-table-inner td {
    padding: 15px 15px;
  }
}

.rs-tuition-three .rs-tuition-table-inner td a:hover {
  color: var(--rs-theme-blue);
}

/*----------------------------------------*/
/*  4.44 video css
/*----------------------------------------*/
.rs-video-one {
  position: relative;
  z-index: 2;
  padding-top: 170px;
  padding-bottom: 170px;
  overflow-x: clip;
}

@media only screen and (max-width: 1199px) {
  .rs-video-one {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-video-one {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.rs-video-one .rs-video-bg-thumb {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 12px;
}

.rs-video-one .has-bg-gradient.rs-play-btn {
  background: radial-gradient(at center center,
      rgba(71, 74, 74, 0.1215686275) 0%,
      rgba(226, 237, 237, 0.1215686275) 100%);
  border: 1.5px solid rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(21px);
  color: var(--rs-white);
}

.rs-video-one .has-bg-gradient.rs-play-btn::before {
  content: none;
}

.rs-video-two {
  overflow-x: hidden;
}

.rs-video-two .rs-video-wrapper {
  position: relative;
  z-index: 1;
  height: 458px;
}

@media only screen and (max-width: 1366px) {
  .rs-video-two .rs-video-wrapper {
    height: 400px;
  }
}

@media only screen and (max-width: 991px) {
  .rs-video-two .rs-video-wrapper {
    height: 350px;
  }
}

.rs-video-two .rs-video-bg-thumb {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 12px;
}

.rs-video-two .rs-video-bg-thumb::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(16, 14, 18, 0) 29.69%, #100e12 100%);
  border-radius: 12px;
}

.rs-video-two .rs-video-content-wrapper {
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
}

.rs-video-two .rs-video-title {
  color: var(--rs-white);
  margin-top: 20px;
}

@media only screen and (max-width: 575px) {
  .rs-video-two .rs-video-title {
    font-size: 18px;
  }
}

/*----------------------------------------*/
/*  4.45 why choose css
/*----------------------------------------*/
.rs-why-choose-one {
  position: relative;
}

.rs-why-choose-one .rs-why-choose-shape {
  position: absolute;
  top: 260px;
  inset-inline-end: 60px;
}

@media only screen and (max-width: 1366px) {
  .rs-why-choose-one .rs-why-choose-shape {
    top: 230px;
    inset-inline-end: 30px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-why-choose-one .rs-why-choose-shape {
    top: 180px;
    inset-inline-end: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-why-choose-one .rs-why-choose-shape {
    display: none;
  }
}

.rs-why-choose-one .rs-why-choose-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

@media only screen and (max-width: 991px) {
  .rs-why-choose-one .rs-why-choose-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 767px) {
  .rs-why-choose-one .rs-why-choose-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

.rs-why-choose-one .rs-why-choose-item {
  background: var(--rs-white);
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.06);
  padding-bottom: 40px;
  padding-inline: 50px;
  text-align: center;
  border-radius: 12px;
  margin-top: 50px;
}

@media only screen and (max-width: 1600px) {
  .rs-why-choose-one .rs-why-choose-item {
    padding-bottom: 30px;
    padding-inline: 40px;
  }
}

@media only screen and (max-width: 1199px) {
  .rs-why-choose-one .rs-why-choose-item {
    padding-bottom: 20px;
    padding-inline: 30px;
  }
}

.rs-why-choose-one .rs-why-choose-item.has-theme-red {
  background: var(--rs-bg-black);
}

.rs-why-choose-one .rs-why-choose-item.has-theme-red .rs-why-choose-icon {
  background: var(--rs-theme-red);
}

.rs-why-choose-one .rs-why-choose-item.has-theme-red .rs-why-choose-icon svg path {
  fill: var(--rs-white);
}

.rs-why-choose-one .rs-why-choose-item.has-theme-red .rs-why-choose-title {
  color: var(--rs-white);
}

.rs-why-choose-one .rs-why-choose-item.has-theme-red .rs-why-choose-desc {
  color: rgba(255, 255, 255, 0.76);
}

.rs-why-choose-one .rs-why-choose-icon {
  width: 100px;
  height: 100px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.06);
  background: var(--rs-white);
  margin: -50px auto 35px;
}

@media only screen and (max-width: 1199px) {
  .rs-why-choose-one .rs-why-choose-icon {
    width: 80px;
    height: 80px;
    margin: -50px auto 25px;
  }
}

.rs-why-choose-one .rs-why-choose-icon svg {
  width: 50px;
  height: 50px;
}

@media only screen and (max-width: 1199px) {
  .rs-why-choose-one .rs-why-choose-icon svg {
    width: 40px;
    height: 40px;
  }
}

.rs-why-choose-one .rs-why-choose-icon svg path {
  fill: var(--rs-theme-red);
}

.rs-why-choose-one .rs-why-choose-title {
  margin-bottom: 10px;
}

.rs-why-choose-one.has-theme-cyan .rs-why-choose-icon {
  border-radius: 100px;
  width: 110px;
  height: 110px;
}

@media only screen and (max-width: 1199px) {
  .rs-why-choose-one.has-theme-cyan .rs-why-choose-icon {
    width: 80px;
    height: 80px;
  }
}

.rs-why-choose-one.has-theme-cyan .rs-why-choose-icon svg path {
  fill: var(--rs-black);
}

.rs-why-choose-one.has-theme-cyan .rs-why-choose-item {
  padding-bottom: 45px;
  padding-inline: 45px;
  margin-top: 45px;
}

@media only screen and (max-width: 1600px) {
  .rs-why-choose-one.has-theme-cyan .rs-why-choose-item {
    padding-bottom: 25px;
    padding-inline: 30px;
  }
}

.rs-why-choose-one.has-theme-blue .rs-why-choose-title {
  color: var(--rs-title-tertiary);
}

.rs-why-choose-one.has-theme-blue .rs-why-choose-item {
  padding-inline: 30px;
}

@media only screen and (max-width: 1600px) {
  .rs-why-choose-one.has-theme-blue .rs-why-choose-item {
    padding-inline: 20px;
  }
}

.rs-why-choose-one.has-theme-blue .rs-why-choose-icon {
  border-radius: 100px;
  width: 105px;
  height: 105px;
}

@media only screen and (max-width: 1600px) {
  .rs-why-choose-one.has-theme-blue .rs-why-choose-icon {
    width: 90px;
    height: 90px;
  }
}

.rs-why-choose-one.has-theme-blue .rs-why-choose-icon svg path {
  fill: var(--rs-theme-blue);
}

.rs-why-choose-one.has-theme-blue.rs-why-choose-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-top: 40px;
  margin-bottom: 30px;
}

@media only screen and (max-width: 1199px) {
  .rs-why-choose-one.has-theme-blue.rs-why-choose-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 767px) {
  .rs-why-choose-one.has-theme-blue.rs-why-choose-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

/*----------------------------------------*/
/*  3.3.2 Shop Style
/*----------------------------------------*/
.product-details-wrapper.shop-details {
  margin-inline-start: 40px;
}

@media only screen and (max-width: 1199px) {
  .product-details-wrapper.shop-details {
    margin-inline-start: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .product-details-wrapper.shop-details {
    margin-inline-start: 0px;
  }
}

.rs-shop-meta-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 60px;
  flex-wrap: wrap;
}

.rs-shorting-select .nice-select {
  height: 52px;
  display: flex;
  align-items: center;
  background: transparent;
  min-width: 220px;
}

.rs-shorting-select .nice-select::after {
  font-size: 18px;
}

.rs-shorting-select .nice-select .list {
  margin-top: 0;
  border-radius: 0 0 4px 4px;
  width: 100%;
  padding-bottom: 5px;
  padding-top: 5px;
}

.rs-shorting-select .nice-select .list .option:hover {
  color: var(--rs-theme-primary);
}

.rs-product-item {
  background: var(--rs-white);
  padding-top: 12px;
  padding-inline: 12px;
  padding-bottom: 22px;
  border-radius: 6px;
}

.rs-product-item:hover .rs-product-thumb::before {
  opacity: 1;
  visibility: visible;
}

.rs-product-item:hover .rs-product-thumb img {
  transform: scale(1.1);
}

.rs-product-item:hover .rs-product-btn {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}

.rs-product-tag {
  font-size: 14px;
}

.rs-product-thumb {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 6px;
}

.rs-product-thumb img {
  width: 100%;
  transition: all 0.3s ease-out 0s;
}

.rs-product-btn {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  bottom: 0px;
  transition: 0.5s;
  transform: translateY(40px);
  width: 100%;
  z-index: 1;
}

.rs-product-btn .product-btn {
  background: var(--rs-theme-yellow);
  padding-top: 10px;
  padding-bottom: 10px;
  padding-inline-end: 30px;
  padding-inline-start: 30px;
  font-weight: 500;
  gap: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.6s;
  color: var(--rs-title-primary);
  z-index: 1;
}

.rs-product-btn .product-btn:hover {
  background: var(--rs-theme-blue);
  color: var(--rs-white);
}

.rs-product-content {
  text-align: center;
  margin-top: 15px;
}

.rs-product-title {
  margin-bottom: 5px;
  margin-top: 3px;
}

.rs-product-title a:hover {
  color: var(--rs-theme-yellow);
}

.rs-product-price .rs-current-price {
  font-size: 16px;
  color: var(--rs-title-primary);
}

.rs-product-price .rs-product-discount-price {
  color: #5d5d5d;
  opacity: 0.5;
}

.rs-product-badge {
  position: absolute;
  inset-inline-start: 10px;
  top: 10px;
  z-index: 1;
}

.rs-product-badge span {
  font-size: 13px;
  font-weight: 600;
  padding: 4px 10px;
  text-transform: uppercase;
  color: var(--rs-white);
  border-radius: 4px;
}

.rs-product-badge span.new {
  background: #5ea9b4;
}

.rs-product-badge span.hot {
  background: #e34a36;
}

.rs-product-badge span.off {
  background: #fece00;
  color: var(--rs-title-primary);
}

.item-details-reviews-wrapper {
  margin-bottom: 50px;
}

.item-details-wrapper {
  margin-inline-start: 50px;
}

@media only screen and (max-width: 1199px) {
  .item-details-wrapper {
    margin-inline-start: 0px;
  }
}

.item-details-active {
  overflow: hidden;
}

.item-details-thumb {
  position: relative;
  width: 186px;
  flex: 0 0 auto;
  border-radius: 4px;
  width: 100%;
  flex: 0 0 auto;
  text-align: center;
  position: relative;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

@media only screen and (max-width: 991px) {
  .item-details-thumb {
    margin: 0 auto 20px;
  }
}

.item-details-thumb img {
  width: 100%;
  border-radius: 4px;
}

.item-details-nav .swiper-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 20px;
}

.item-details-nav .swiper-wrapper .custom-button {
  border: none;
  background: transparent;
  padding: 0;
  position: relative;
  width: 115px;
  height: 115px;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  line-height: 1;
  transition: all 0.3s ease-in-out;
}

.item-details-nav .swiper-wrapper .custom-button img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.item-details-nav .swiper-wrapper .swiper-slide {
  width: auto !important;
}

.item-details-nav .swiper-slide-thumb-active .custom-button {
  background: var(--rs-white);
  border-color: var(--rs-theme-yellow);
}

.item-details-rating-count span {
  font-size: 14px;
}

.item-details-price {
  display: flex;
  align-items: end;
  gap: 5px;
}

.item-details-old-price {
  font-size: 16px;
  color: var(--rs-text-primary);
  text-decoration-line: line-through;
}

.item-details-current-price {
  font-size: 24px;
}

.item-details-count-wrap {
  border-bottom: 1px solid rgba(62, 62, 62, 0.1);
  padding-bottom: 30px;
  margin-bottom: 20px;
}

.item-details-action .rs-btn {
  background: var(--rs-theme-blue);
  display: flex;
  gap: 10px;
  height: 48px;
}

.item-details-action .rs-btn:hover {
  background: var(--rs-theme-yellow);
}

.item-details-more a {
  font-size: 16px;
}

.item-details-more a:hover {
  color: var(--rs-theme-primary);
}

.item-details-tags a {
  font-size: 16px;
}

.item-details-tags a:hover {
  color: var(--rs-theme-primary);
}

@media only screen and (max-width: 991px) {
  .item-details-title {
    font-size: 30px;
  }
}

@media only screen and (max-width: 575px) {
  .item-details-title {
    font-size: 26px;
  }
}

.product-rating {
  position: relative;
  padding-inline-end: 10px;
  margin-inline-end: 10px;
}

.product-rating::before {
  position: absolute;
  content: "";
  inset-inline-end: 0;
  top: 0px;
  width: 1px;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.1);
}

.product-rating i {
  font-size: 14px;
}

.product-information-tab .nav-link {
  background: var(--rs-white);
  color: var(--rs-title-primary);
  padding: 0 40px;
  text-align: left;
  font-weight: 600;
  font-size: 18px;
  border-radius: 0px;
  height: 60px;
  transition: 0.3s;
}

.product-information-tab .nav-link:hover {
  background-color: var(--rs-theme-yellow);
  color: var(--rs-title-primary);
}

@media only screen and (max-width: 575px) {
  .product-information-tab .nav-link {
    padding: 0 20px;
    height: 50px;
    font-size: 16px;
  }
}

.product-information-tab .nav-link.active {
  background-color: var(--rs-theme-blue);
  border-color: var(--rs-theme-blue);
  color: var(--rs-white);
}

.product-information-tab .has-border {
  border-bottom: 1px solid var(--rs-border-primary);
}

.product-review-form {
  background: var(--rs-white);
  padding: 30px;
  border-radius: 12px;
}

.product-review-avater {
  display: flex;
  align-items: center;
  gap: 13px;
}

.product-review-avater-thumb img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

.product-review-item:not(:last-child) {
  border-bottom: 1px solid var(--rs-border-primary);
  padding-bottom: 25px;
  margin-bottom: 25px;
}

.product-review-input input {
  height: 60px;
}

.product-review-input.is-textarea textarea {
  height: 180px;
}

.product-review-btn .rs-btn:hover {
  background: var(--rs-theme-yellow);
}

.product-details-social .product-details-social-title {
  font-size: 15px;
  color: var(--rs-title-primary);
}

.product-details-social a {
  background: transparent;
  border: 1px solid var(--rs-border-primary);
  border-radius: 50%;
}

.product-details-social a svg path {
  fill: var(--rs-black);
}

/*----------------------------------------*/
/*  3.3.1 Checkout Style
/*----------------------------------------*/
.checkout-verify-item button {
  font-weight: 600;
}

.coupon-info .rs-btn:hover {
  background: rgb(255, 92, 0);
}

.checkout-verify-reveal {
  margin-bottom: 0;
  width: 100%;
  display: flex;
  align-items: center;
  background-color: #f9f9f9;
  gap: 10px;
  border-top: 3px solid var(--rs-theme-primary);
  color: #515151;
  padding-top: 16px;
  padding-inline-start: 50px;
  padding-bottom: 16px;
  padding-inline-end: 16px;
  position: relative;
  flex-wrap: wrap;
}

.checkout-verify-reveal .checkout-login-form-reveal-btn:hover {
  color: var(--rs-theme-yellow);
}

.checkout-verify-reveal::before {
  content: "\ed53";
  inset-inline-start: 15px;
  top: 13px;
  position: absolute;
  color: var(--rs-theme-yellow);
  font-family: var(--rs-ff-remixicon);
  font-weight: 700;
}

.coupon-content {
  display: none;
  margin-top: 14px;
  padding: 30px 30px;
  background-color: var(--rs-white);
  border: 1px solid rgba(54, 54, 54, 0.1);
  border-radius: 5px;
}

.coupon-inner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

.checkout-coupon-form input {
  margin-bottom: 20px;
  height: 60px;
  border-radius: 2px;
}

.checkout-form {
  margin-bottom: 20px;
}

.checkout-form input {
  height: 60px;
  border-radius: 0;
  border-radius: 2px;
}

.checkout-form label {
  font-weight: 500;
  margin-bottom: 5px;
}

.checkout-form .required {
  color: var(--rs-theme-primary);
}

.checkout-bill-area {
  margin-top: 35px;
}

.checkout-bill-title {
  margin-bottom: 20px;
}

@media only screen and (max-width: 1199px) {
  .checkout-bill-title {
    font-size: 30px;
  }
}

@media only screen and (max-width: 991px) {
  .checkout-bill-title {
    font-size: 26px;
  }
}

@media only screen and (max-width: 767px) {
  .checkout-bill-title {
    font-size: 24px;
  }
}

.checkout-bill-inner .checkout-input {
  margin-bottom: 20px;
}

.checkout-bill-inner .checkout-input input {
  height: 55px;
  border-radius: 0;
  border-radius: 2px;
}

.checkout-bill-inner .checkout-input label {
  margin-bottom: 5px;
  font-weight: 600;
}

.checkout-bill-inner .checkout-input span {
  color: var(--rs-theme-primary);
}

.checkout-bill-inner .checkout-input .nice-select {
  height: 50px;
  line-height: 48px;
  border-radius: 0;
  border: 1px solid var(--rs-border-primary);
  color: var(--rs-black);
  float: none;
  padding: 0 26px;
}

.checkout-bill-inner .checkout-input .nice-select .current {
  color: var(--rs-text-primary);
}

.checkout-bill-inner .checkout-input .nice-select .list {
  width: 100%;
}

.checkout-bill-inner .checkout-input .nice-select .list li:hover {
  color: var(--rs-theme-primary);
}

.checkout-bill-inner textarea {
  height: 70px;
  background: var(--rs-white);
  border: 1px solid var(--rs-border-primary);
  border-radius: 2px;
}

.checkout-place-total ul {
  border: 1px solid var(--rs-border-primary);
}

.checkout-place-total ul li {
  list-style: none;
  color: var(--rs-black);
  padding: 10px 30px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media only screen and (max-width: 767px) {
  .checkout-place-total ul li {
    padding: 10px 20px;
  }
}

@media only screen and (max-width: 480px) {
  .checkout-place-total ul li {
    padding: 10px 15px;
  }
}

.checkout-place-total ul li:not(:last-child) {
  border-bottom: 1px solid var(--rs-border-primary);
}

.checkout-place-total ul li:nth-child(2) {
  padding: 20px 30px;
  color: var(--rs-text-primary);
}

@media only screen and (max-width: 767px) {
  .checkout-place-total ul li:nth-child(2) {
    padding: 10px 20px;
  }
}

@media only screen and (max-width: 480px) {
  .checkout-place-total ul li:nth-child(2) {
    padding: 10px 15px;
  }
}

.checkout-place-total .rs-btn:hover {
  background: var(--rs-theme-yellow);
  color: var(--rs-title-primary);
}

@media only screen and (max-width: 1199px) {
  .checkout-place-total .checkout-place-order-title {
    font-size: 30px;
  }
}

@media only screen and (max-width: 991px) {
  .checkout-place-total .checkout-place-order-title {
    font-size: 26px;
  }
}

/*# sourceMappingURL=../maps/main.css.map */

/* =============================Jyoti==================================== */

/* =======================about breadcrumb========================== */
.page-banner {
  position: relative;
  background: url("../images/in-back.jpg") center center/cover;
  padding: 230px 0 100px;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.page-banner .overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,
      rgba(5, 18, 73, 0.9) 0%,
      rgba(5, 18, 73, 0.7) 15%,
      rgba(5, 18, 73, 0.45) 20%);
}

.breadcrumb-content {
  position: relative;
  z-index: 2;
  color: #fff;
  max-width: 700px;
}

.breadcrumb-content .subtitle {
  display: inline-block;
  background: #ffc928;
  color: #061654;
  padding: 8px 18px;
  border-radius: 30px;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 18px;
}

.breadcrumb-content h1 {
  font-size: 52px;
  font-weight: 400;
  margin-bottom: 18px;
  line-height: 1.2;
  color: #fff;
}

.custom-breadcrumb {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(12px);
  padding: 12px 24px;
  border-radius: 50px;
  border: 1px solid rgba(255, 255, 255, 0.15);
}

.custom-breadcrumb a {
  color: #fff;
  text-decoration: none;
  transition: 0.3s;
  font-weight: 500;
}

.custom-breadcrumb a:hover {
  color: #ffc928;
}

.custom-breadcrumb span {
  color: #d7d7d7;
}

.custom-breadcrumb .active {
  color: #ffc928;
  font-weight: 600;
}

@media (max-width: 991px) {
  .page-banner {
    height: 250px;
  }

  .breadcrumb-content h1 {
    font-size: 38px;
  }
}

@media (max-width: 576px) {
  .page-banner {
    height: 220px;
  }

  .breadcrumb-content h1 {
    font-size: 30px;
  }

  .custom-breadcrumb {
    padding: 10px 18px;
    gap: 8px;
    font-size: 14px;
  }
}


/* ****************************** */


.admission-page img {
  max-width: 100%;
  display: block;
}

.admission-page a {
  color: inherit;
}

.admission-page :focus-visible {
  outline: 3px solid var(--gold-deep);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  .admission-page * {
    animation: none !important;
    transition: none !important;
  }
}

.wrap {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 24px;
}

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--gold-deep);
}

.eyebrow svg {
  width: 16px;
  height: 16px;
  flex: none;
}

/* ==========================================================================
   Intro
   ========================================================================== */
.admission-intro {
  padding: 76px 0 40px;
}

.admission-intro .eyebrow {
  color: var(--navy-2);
}

.admission-intro .eyebrow svg {
  color: var(--gold-deep);
}

.admission-intro h1 {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: clamp(34px, 5vw, 54px);
  line-height: 1.08;
  margin: 14px 0 18px;
  color: var(--navy);
  max-width: 14ch;
}

.admission-intro .lede {
  margin: 0 0 30px;
  max-width: 62ch;
  font-size: 17px;
  color: var(--muted);
}

.stat-row {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.stat-row li {
  display: flex;
  align-items: baseline;
  gap: 8px;
  background: var(--paper);
  border: 1px solid var(--rule);
  border-radius: 999px;
  padding: 10px 18px;
  font-size: 14px;
  color: var(--muted);
}

.stat-row strong {
  font-family: var(--font-display);
  font-size: 18px;
  color: var(--navy);
}

/* ==========================================================================
   Section shell
   ========================================================================== */
.section {
  padding: 56px 0;
}

.section-head {
  margin-bottom: 34px;
  max-width: 60ch;
}

.section-head h2 {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: clamp(26px, 3.4vw, 36px);
  color: var(--navy);
  margin: 10px 0 8px;
}

.section-head span.note {
  display: block;
  color: var(--muted);
  font-size: 15px;
}

/* ==========================================================================
   Eligibility cards
   ========================================================================== */
.eligibility-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.eligibility-card {
  background: var(--paper);
  border: 1px solid var(--rule);
  border-radius: var(--radius-lg);
  padding: 28px 26px 26px;
  box-shadow: var(--shadow-card);
}

.eligibility-card .icon-badge {
  width: 46px;
  height: 46px;
  border-radius: 12px;
  background: var(--navy);
  color: var(--gold);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
}

.eligibility-card .icon-badge svg {
  width: 22px;
  height: 22px;
}

.eligibility-card h3 {
  font-family: var(--font-display);
  font-size: 19px;
  margin: 0 0 8px;
  color: var(--navy);
}

.eligibility-card .req {
  margin: 0;
  font-size: 14.5px;
  color: var(--muted);
}

.eligibility-card .cutoff {
  margin-top: 16px;
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  color: var(--gold-deep);
  border-top: 1px dashed var(--rule);
  padding-top: 14px;
  width: 100%;
}

/* ==========================================================================
   Ledger timeline (signature element)
   ========================================================================== */
.ledger {
  position: relative;
  padding-left: 6px;
}

.ledger-rule {
  position: absolute;
  left: 33px;
  top: 6px;
  bottom: 6px;
  width: 2px;
  background: repeating-linear-gradient(to bottom,
      var(--gold) 0,
      var(--gold) 6px,
      transparent 6px,
      transparent 14px);
}

.ledger-step {
  position: relative;
  display: grid;
  grid-template-columns: 68px 1fr;
  gap: 24px;
  padding-bottom: 40px;
}

.ledger-step:last-child {
  padding-bottom: 0;
}

.ledger-num {
  position: relative;
  z-index: 1;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background: var(--paper);
  border: 2px solid var(--gold);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-display);
  font-size: 24px;
  color: var(--navy);
  box-shadow: 0 0 0 6px var(--cream);
}

.ledger-step.is-final .ledger-num {
  background: var(--navy);
  color: var(--gold);
  border-color: var(--navy);
}

.ledger-body {
  background: var(--paper);
  border: 1px solid var(--rule);
  border-radius: var(--radius-md);
  padding: 20px 24px;
  box-shadow: var(--shadow-card);
}

.ledger-body h3 {
  font-family: var(--font-display);
  font-size: 19px;
  color: var(--navy);
  margin: 0 0 8px;
}

.ledger-body .desc {
  margin: 0;
  font-size: 14.5px;
  color: var(--muted);
}

.ledger-body .tag {
  display: inline-block;
  margin-top: 12px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--gold-deep);
}

/* ==========================================================================
   Documents checklist
   ========================================================================== */
.doc-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px 32px;
}

.doc-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 0;
  border-bottom: 1px solid var(--rule);
}

.doc-item .tick {
  flex: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--navy);
  color: var(--gold);
  display: flex;
  align-items: center;
  justify-content: center;
}

.doc-item .tick svg {
  width: 13px;
  height: 13px;
}

.doc-item .doc-text {
  margin: 0;
  font-size: 15px;
  color: var(--ink);
}

.doc-item .doc-sub {
  display: block;
  font-size: 13px;
  color: var(--muted);
  margin-top: 2px;
}

/* ==========================================================================
   Important dates (notice-board style)
   ========================================================================== */
.dates-card {
  background: var(--paper);
  border: 1px solid var(--rule);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-card);
  overflow: hidden;
}

.date-row {
  display: grid;
  grid-template-columns: 150px 1fr;
  gap: 18px;
  align-items: center;
  padding: 18px 26px;
  border-bottom: 1px solid var(--rule);
}

.date-row:last-child {
  border-bottom: none;
}

.date-row .when {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  color: var(--navy);
  background: var(--cream);
  border-radius: 999px;
  padding: 7px 12px;
  white-space: nowrap;
  width: fit-content;
}

.date-row .when svg {
  width: 14px;
  height: 14px;
  flex: none;
  color: var(--gold-deep);
}

.date-row .what strong {
  display: block;
  font-family: var(--font-display);
  font-size: 16.5px;
  color: var(--ink);
  font-weight: 600;
}

.date-row .what span.detail {
  display: block;
  margin-top: 2px;
  font-size: 13.5px;
  color: var(--muted);
}

/* ==========================================================================
   CTA banner
   ========================================================================== */
.cta-banner {
  margin: 70px 0 0;
  background: linear-gradient(135deg, var(--navy) 0%, var(--navy-2) 100%);
  border-radius: var(--radius-lg);
  padding: 48px;
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  gap: 30px;
  align-items: center;
  color: #EDEBFF;
}

.cta-banner .eyebrow {
  color: var(--gold);
}

.cta-banner .eyebrow svg {
  color: var(--gold);
}

.cta-banner h2 {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: clamp(24px, 3vw, 32px);
  margin: 12px 0 10px;
  color: #FFFFFF;
}

.cta-banner .desc {
  margin: 0;
  font-size: 15px;
  color: #C8CCF2;
  max-width: 46ch;
}

.cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: flex-start;
  margin-top: 20px;
}

.btn-gold {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--gold);
  color: var(--navy);
  font-weight: 700;
  font-size: 14.5px;
  padding: 13px 22px;
  border-radius: 999px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: background 0.15s ease, transform 0.15s ease;
}

.btn-gold:hover {
  background: var(--gold-deep);
  transform: translateY(-1px);
}

.btn-outline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  color: #FFFFFF;
  font-weight: 700;
  font-size: 14.5px;
  padding: 13px 22px;
  border-radius: 999px;
  text-decoration: none;
  border: 1px solid var(--rule-on-navy);
  transition: border-color 0.15s ease;
}

.btn-outline:hover {
  border-color: var(--gold);
}

.cta-contact {
  align-self: stretch;
  border-left: 1px solid var(--rule-on-navy);
  padding-left: 30px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.cta-contact .line {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14.5px;
  color: #EDEBFF;
}

.cta-contact .line svg {
  width: 18px;
  height: 18px;
  flex: none;
  color: var(--gold);
}

.cta-contact .line small {
  display: block;
  color: #9AA0D6;
  font-size: 12px;
  margin-top: 1px;
}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width: 900px) {
  .eligibility-grid {
    grid-template-columns: 1fr;
  }

  .doc-grid {
    grid-template-columns: 1fr;
  }

  .cta-banner {
    grid-template-columns: 1fr;
    padding: 34px 26px;
  }

  .cta-contact {
    border-left: none;
    border-top: 1px solid var(--rule-on-navy);
    padding-left: 0;
    padding-top: 22px;
  }

  .date-row {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  .admission-intro {
    padding: 52px 0 30px;
  }

  .section {
    padding: 40px 0;
  }

  .ledger-rule {
    left: 27px;
  }

  .ledger-step {
    grid-template-columns: 56px 1fr;
    gap: 16px;
  }

  .ledger-num {
    width: 56px;
    height: 56px;
    font-size: 20px;
  }
}

.admission {
  background: #f6f2e7;
}


.bg {
  background-color: #f6f4ee;
}

:root {
  --ae-navy: #0e1a6b;
  --ae-navy-dark: #0a1450;
  --ae-gold: #f7b733;
  --ae-gold-dark: #e4a01f;
  --ae-cream: #f7f3ea;
  --ae-ink: #1c1f3b;
  --ae-muted: #6b6f8a;
  --ae-line: #e4e0d4;
  --ae-white: #ffffff;
}

.ae-section {
  font-family: 'Poppins', sans-serif;
  background: var(--ae-cream);
  color: var(--ae-ink);
  padding: 90px 0;
  position: relative;
  overflow: hidden;
}

.ae-wrap {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  z-index: 2;
}

/* ---------- Section heading ---------- */
.ae-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--ae-white);
  border: 1px solid var(--ae-line);
  color: var(--ae-navy);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  padding: 7px 16px;
  border-radius: 999px;
  margin-bottom: 16px;
}

.ae-eyebrow svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.ae-heading-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 56px;
  flex-wrap: wrap;
}

.ae-heading-row h2 {
  font-size: 40px;
  font-weight: 700;
  color: var(--ae-navy);
  margin: 0;
  line-height: 1.2;
}

.ae-heading-row h2 span {
  color: var(--ae-gold-dark);
}

.ae-heading-sub {
  max-width: 420px;
  color: var(--ae-muted);
  font-size: 15px;
  line-height: 1.7;
  margin: 0;
}

/* ---------- Layout: steps/info left, form right ---------- */
.ae-grid {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 40px;
  align-items: start;
}

/* ---------- Left column: admission steps ---------- */
.ae-steps {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.ae-step {
  display: flex;
  gap: 18px;
  background: var(--ae-white);
  border: 1px solid var(--ae-line);
  border-radius: 16px;
  padding: 22px;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.ae-step:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 30px rgba(14, 26, 107, .09);
  border-color: transparent;
}

.ae-step-num {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: var(--ae-navy);
  color: var(--ae-gold);
  font-weight: 700;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ae-step h3 {
  margin: 0 0 6px;
  font-size: 16.5px;
  font-weight: 600;
  color: var(--ae-navy);
}

.ae-step p {
  margin: 0;
  font-size: 13.5px;
  line-height: 1.6;
  color: var(--ae-muted);
}

/* Contact strip under steps */
.ae-contact-card {
  margin-top: 8px;
  background: var(--ae-navy);
  background-image: radial-gradient(circle at 100% 0%, rgba(247, 183, 51, .18), transparent 55%);
  border-radius: 16px;
  padding: 26px 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.ae-contact-item {
  display: flex;
  align-items: center;
  gap: 14px;
}

.ae-contact-icon {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: rgba(247, 183, 51, .15);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.ae-contact-icon svg {
  width: 18px;
  height: 18px;
  stroke: var(--ae-gold);
}

.ae-contact-item span {
  display: block;
  color: rgba(255, 255, 255, .55);
  font-size: 11.5px;
  margin-bottom: 2px;
}

.ae-contact-item strong {
  display: block;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}

/* ---------- Right column: enquiry form panel ---------- */
.ae-form-panel {
  background: var(--ae-navy);
  background-image: radial-gradient(circle at 0% 0%, rgba(247, 183, 51, .14), transparent 45%);
  border-radius: 20px;
  padding: 40px 36px;
  position: relative;
}

.ae-form-panel::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 120px;
  height: 120px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 120 120"><circle cx="100" cy="20" r="60" fill="%23f7b733" opacity="0.08"/></svg>') no-repeat;
  pointer-events: none;
}

.ae-form-head {
  margin-bottom: 26px;
}

.ae-form-head .ae-tag {
  display: inline-block;
  color: var(--ae-gold);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.ae-form-head h3 {
  color: #fff;
  font-size: 26px;
  font-weight: 700;
  margin: 0 0 8px;
}

.ae-form-head p {
  color: rgba(255, 255, 255, .6);
  font-size: 13.5px;
  margin: 0;
  line-height: 1.6;
}

.ae-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-top: 22px;
}

.ae-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.ae-field.ae-full {
  grid-column: 1 / -1;
}

.ae-field label {
  color: rgba(255, 255, 255, .7);
  font-size: 12.5px;
  font-weight: 500;
}

.ae-field input,
.ae-field select,
.ae-field textarea {
  background: rgba(255, 255, 255, .07);
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 10px;
  padding: 12px 14px;
  color: #fff;
  font-family: inherit;
  font-size: 14px;
  outline: none;
  transition: border-color .2s ease, background .2s ease;
}

.ae-field select {
  appearance: none;
  -webkit-appearance: none;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8" fill="none"><path d="M1 1L6 6L11 1" stroke="white" stroke-opacity="0.6" stroke-width="1.5" stroke-linecap="round"/></svg>');
  background-repeat: no-repeat;
  background-position: right 14px center;
}

.ae-field select option {
  color: #1c1f3b;
}

.ae-field input::placeholder,
.ae-field textarea::placeholder {
  color: rgba(255, 255, 255, .4);
}

.ae-field input:focus,
.ae-field select:focus,
.ae-field textarea:focus {
  border-color: var(--ae-gold);
  background: rgba(255, 255, 255, .1);
}

.ae-field textarea {
  resize: vertical;
  min-height: 96px;
}

.ae-consent {
  grid-column: 1 / -1;
  display: flex;
  align-items: flex-start;
  gap: 9px;
  margin-top: 2px;
}

.ae-consent input {
  margin-top: 3px;
  accent-color: var(--ae-gold);
}

.ae-consent label {
  color: rgba(255, 255, 255, .55);
  font-size: 12px;
  line-height: 1.5;
}

.ae-submit {
  grid-column: 1 / -1;
  margin-top: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: var(--ae-gold);
  color: var(--ae-navy-dark);
  border: none;
  border-radius: 999px;
  padding: 15px 20px;
  font-family: inherit;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: background .2s ease, transform .2s ease;
}

.ae-submit:hover {
  background: var(--ae-gold-dark);
  transform: translateY(-2px);
}

.ae-submit svg {
  width: 16px;
  height: 16px;
}

/* ---------- Responsive ---------- */
@media (max-width: 960px) {
  .ae-grid {
    grid-template-columns: 1fr;
  }

  .ae-heading-row h2 {
    font-size: 32px;
  }
}

@media (max-width: 560px) {
  .ae-section {
    padding: 60px 0;
  }

  .ae-form {
    grid-template-columns: 1fr;
  }

  .ae-form-panel {
    padding: 30px 22px;
  }

  .ae-heading-row h2 {
    font-size: 26px;
  }
}

.ac-section {
  font-family: 'Poppins', sans-serif;
  background: var(--ac-cream);
  color: var(--ac-ink);
  padding: 90px 0;
  position: relative;
  overflow: hidden;
}

.ac-wrap {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  z-index: 2;
}

/* ---------- Heading ---------- */
.ac-heading-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 50px;
  flex-wrap: wrap;
}

.ac-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--ac-white);
  border: 1px solid var(--ac-line);
  color: var(--ac-navy);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  padding: 7px 16px;
  border-radius: 999px;
  margin-bottom: 16px;
}

.ac-eyebrow svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.ac-heading-row h2 {
  font-size: 40px;
  font-weight: 700;
  color: var(--ac-navy);
  margin: 0;
  line-height: 1.2;
}

.ac-heading-row h2 span {
  color: var(--ac-gold-dark);
}

.ac-heading-sub {
  max-width: 400px;
  color: var(--ac-muted);
  font-size: 15px;
  line-height: 1.7;
}

/* ---------- Layout ---------- */
.ac-grid {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 40px;
  align-items: start;
}

/* ---------- Age criteria table card ---------- */
.ac-table-card {
  background: var(--ac-white);
  border: 1px solid var(--ac-line);
  border-radius: 20px;
  overflow: hidden;
}

.ac-table-head {
  display: grid;
  grid-template-columns: 1.3fr 1fr 1.3fr;
  background: var(--ac-navy);
  background-image: radial-gradient(circle at 100% 0%, rgba(247, 183, 51, .18), transparent 55%);
}

.ac-table-head>div {
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  text-transform: uppercase;
  padding: 18px 22px;
}

.ac-table-head>div:first-child {
  color: var(--ac-gold);
}

.ac-table-row {
  display: grid;
  grid-template-columns: 1.3fr 1fr 1.3fr;
  border-bottom: 1px solid var(--ac-line);
  transition: background .2s ease;
}

.ac-table-row:last-child {
  border-bottom: none;
}

.ac-table-row:hover {
  background: #fbf9f3;
}

.ac-table-row>div {
  padding: 18px 22px;
  display: flex;
  align-items: center;
  font-size: 14.5px;
}

.ac-cell-class {
  font-weight: 600;
  color: var(--ac-navy);
  gap: 10px;
}

.ac-cell-class .ac-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--ac-gold);
  flex-shrink: 0;
}

.ac-cell-age {
  font-weight: 700;
  color: var(--ac-gold-dark);
}

.ac-cell-note {
  color: var(--ac-muted);
  line-height: 1.5;
}

.ac-table-foot {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  background: #fbf7ec;
  padding: 16px 22px;
  font-size: 12.5px;
  color: var(--ac-muted);
  line-height: 1.6;
}

.ac-table-foot svg {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
  margin-top: 2px;
  stroke: var(--ac-gold-dark);
}

/* ---------- Right column: info cards ---------- */
.ac-side {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.ac-info-card {
  background: var(--ac-white);
  border: 1px solid var(--ac-line);
  border-radius: 16px;
  padding: 24px;
  display: flex;
  gap: 16px;
  transition: transform .25s ease, box-shadow .25s ease;
}

.ac-info-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 30px rgba(14, 26, 107, .09);
}

.ac-info-icon {
  flex-shrink: 0;
  width: 46px;
  height: 46px;
  border-radius: 12px;
  background: var(--ac-navy);
  display: flex;
  align-items: center;
  justify-content: center;
}

.ac-info-icon svg {
  width: 22px;
  height: 22px;
  stroke: var(--ac-gold);
}

.ac-info-text strong {
  display: block;
  color: var(--ac-navy);
  font-size: 15.5px;
  font-weight: 600;
  margin-bottom: 6px;
}

.ac-info-text div {
  color: var(--ac-muted);
  font-size: 13.5px;
  line-height: 1.65;
}

.ac-cta-card {
  background: var(--ac-navy);
  background-image: radial-gradient(circle at 100% 0%, rgba(247, 183, 51, .18), transparent 55%);
  border-radius: 16px;
  padding: 26px 24px;
}

.ac-cta-card strong {
  display: block;
  color: #fff;
  font-size: 16.5px;
  font-weight: 600;
  margin-bottom: 8px;
}

.ac-cta-card div.ac-cta-text {
  color: rgba(255, 255, 255, .6);
  font-size: 13px;
  line-height: 1.6;
  margin-bottom: 18px;
}

.ac-cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--ac-gold);
  color: var(--ac-navy-dark);
  border: none;
  border-radius: 999px;
  padding: 12px 20px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  transition: background .2s ease, transform .2s ease;
}

.ac-cta-btn:hover {
  background: var(--ac-gold-dark);
  transform: translateY(-2px);
}

.ac-cta-btn svg {
  width: 15px;
  height: 15px;
}

/* ---------- Responsive ---------- */
@media (max-width: 960px) {
  .ac-grid {
    grid-template-columns: 1fr;
  }

  .ac-heading-row h2 {
    font-size: 32px;
  }
}

@media (max-width: 640px) {
  .ac-section {
    padding: 60px 0;
  }

  .ac-table-head,
  .ac-table-row {
    grid-template-columns: 1.1fr 0.7fr;
  }

  .ac-cell-note {
    display: none;
  }

  .ac-heading-row h2 {
    font-size: 26px;
  }
}

.or-section {
  font-family: 'Poppins', sans-serif;
  background: var(--or-cream);
  color: var(--or-ink);
  padding: 90px 0;
  position: relative;
  overflow: hidden;
}

.or-wrap {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  z-index: 2;
}

/* ---------- Heading ---------- */
.or-heading-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 50px;
  flex-wrap: wrap;
}

.or-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--or-white);
  border: 1px solid var(--or-line);
  color: var(--or-navy);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  padding: 7px 16px;
  border-radius: 999px;
  margin-bottom: 16px;
}

.or-eyebrow svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.or-heading-row h2 {
  font-size: 40px;
  font-weight: 700;
  color: var(--or-navy);
  margin: 0;
  line-height: 1.2;
}

.or-heading-row h2 span {
  color: var(--or-gold-dark);
}

.or-heading-sub {
  max-width: 400px;
  color: var(--or-muted);
  font-size: 15px;
  line-height: 1.7;
}

/* ---------- Layout ---------- */
.or-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: start;
}

/* ---------- Left: schedule / timeline ---------- */
.or-timeline {
  background: var(--or-white);
  border: 1px solid var(--or-line);
  border-radius: 20px;
  padding: 32px 30px;
}

.or-timeline-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 26px;
  padding-bottom: 20px;
  border-bottom: 1px dashed var(--or-line);
}

.or-timeline-head strong {
  display: block;
  color: var(--or-navy);
  font-size: 17px;
  font-weight: 600;
}

.or-timeline-head div.or-date-badge {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: var(--or-navy);
  color: #fff;
  border-radius: 12px;
  padding: 8px 14px;
  text-align: center;
  line-height: 1.2;
}

.or-date-badge span {
  font-size: 11px;
  color: var(--or-gold);
  font-weight: 600;
  letter-spacing: .03em;
}

.or-date-badge strong {
  color: #fff;
  font-size: 16px;
}

.or-timeline-list {
  display: flex;
  flex-direction: column;
}

.or-timeline-item {
  display: flex;
  gap: 18px;
  position: relative;
  padding-bottom: 26px;
}

.or-timeline-item:last-child {
  padding-bottom: 0;
}

.or-timeline-item::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 26px;
  bottom: 0;
  width: 1px;
  background: var(--or-line);
}

.or-timeline-item:last-child::before {
  display: none;
}

.or-timeline-dot {
  flex-shrink: 0;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: var(--or-gold);
  border: 3px solid #fdecc3;
  margin-top: 4px;
}

.or-timeline-body strong {
  display: block;
  color: var(--or-navy);
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 4px;
}

.or-timeline-body div.or-time {
  color: var(--or-gold-dark);
  font-size: 12.5px;
  font-weight: 600;
  margin-bottom: 4px;
}

.or-timeline-body div.or-desc {
  color: var(--or-muted);
  font-size: 13.5px;
  line-height: 1.6;
}

/* ---------- Right: info cards ---------- */
.or-side {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.or-hero-card {
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  min-height: 220px;
  background: linear-gradient(160deg, var(--or-navy), var(--or-navy-dark));
  background-image: radial-gradient(circle at 100% 0%, rgba(247, 183, 51, .22), transparent 55%);
  padding: 28px 26px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.or-hero-card strong {
  display: block;
  color: #0d1e69;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 8px;
}

.or-hero-card div.or-hero-text {
  color: #000;
  font-size: 13.5px;
  line-height: 1.65;
  max-width: 340px;
}

.or-hero-card .or-cap-icon {
  position: absolute;
  top: 24px;
  right: 26px;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: rgba(247, 183, 51, .15);
  display: flex;
  align-items: center;
  justify-content: center;
}

.or-hero-card .or-cap-icon svg {
  width: 22px;
  height: 22px;
  stroke: var(--or-gold);
}

.or-info-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

.or-info-card {
  background: var(--or-white);
  border: 1px solid var(--or-line);
  border-radius: 16px;
  padding: 22px;
  transition: transform .25s ease, box-shadow .25s ease;
}

.or-info-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 30px rgba(14, 26, 107, .09);
}

.or-info-icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: var(--or-navy);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
}

.or-info-icon svg {
  width: 19px;
  height: 19px;
  stroke: var(--or-gold);
}

.or-info-card strong {
  display: block;
  color: var(--or-navy);
  font-size: 14.5px;
  font-weight: 600;
  margin-bottom: 6px;
}

.or-info-card div.or-info-text {
  color: var(--or-muted);
  font-size: 12.5px;
  line-height: 1.6;
}

.or-cta-strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  background: #fbf7ec;
  border: 1px solid var(--or-line);
  border-radius: 16px;
  padding: 20px 24px;
  flex-wrap: wrap;
}

.or-cta-strip strong {
  display: block;
  color: var(--or-navy);
  font-size: 14.5px;
  font-weight: 600;
  margin-bottom: 3px;
}

.or-cta-strip div.or-cta-text {
  color: var(--or-muted);
  font-size: 12.5px;
}

.or-cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--or-gold);
  color: var(--or-navy-dark);
  border: none;
  border-radius: 999px;
  padding: 12px 20px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: background .2s ease, transform .2s ease;
}

.or-cta-btn:hover {
  background: var(--or-gold-dark);
  transform: translateY(-2px);
}

.or-cta-btn svg {
  width: 14px;
  height: 14px;
}

/* ---------- Responsive ---------- */
@media (max-width: 960px) {
  .or-grid {
    grid-template-columns: 1fr;
  }

  .or-heading-row h2 {
    font-size: 32px;
  }
}

@media (max-width: 560px) {
  .or-section {
    padding: 60px 0;
  }

  .or-info-row {
    grid-template-columns: 1fr;
  }

  .or-timeline {
    padding: 26px 20px;
  }

  .or-heading-row h2 {
    font-size: 26px;
  }
}


.gi-section {
  font-family: 'Poppins', sans-serif;
  background: var(--gi-cream);
  color: var(--gi-ink);
  padding: 90px 0;
  position: relative;
  overflow: hidden;
}

.gi-wrap {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  z-index: 2;
}

/* ---------- Heading ---------- */
.gi-heading-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 50px;
  flex-wrap: wrap;
}

.gi-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--gi-white);
  border: 1px solid var(--gi-line);
  color: var(--gi-navy);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  padding: 7px 16px;
  border-radius: 999px;
  margin-bottom: 16px;
}

.gi-eyebrow svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.gi-heading-row h2 {
  font-size: 40px;
  font-weight: 700;
  color: var(--gi-navy);
  margin: 0;
  line-height: 1.2;
}

.gi-heading-row h2 span {
  color: var(--gi-gold-dark);
}

.gi-heading-sub {
  max-width: 400px;
  color: var(--gi-muted);
  font-size: 15px;
  line-height: 1.7;
}

/* ---------- Layout ---------- */
.gi-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.gi-card {
  background: var(--gi-white);
  border: 1px solid var(--gi-line);
  border-radius: 16px;
  padding: 26px 24px;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.gi-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 32px rgba(14, 26, 107, .1);
  border-color: transparent;
}

.gi-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
}

.gi-icon {
  width: 46px;
  height: 46px;
  border-radius: 12px;
  background: var(--gi-navy);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.gi-icon svg {
  width: 22px;
  height: 22px;
  stroke: var(--gi-gold);
}

.gi-num {
  color: var(--gi-line);
  font-size: 28px;
  font-weight: 800;
  line-height: 1;
}

.gi-card strong {
  display: block;
  color: var(--gi-navy);
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px;
}

.gi-card div.gi-desc {
  color: var(--gi-muted);
  font-size: 13.5px;
  line-height: 1.65;
}

/* ---------- Featured / highlighted card (spans full width) ---------- */
.gi-note-card {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 20px;
  background: var(--gi-navy);
  background-image: radial-gradient(circle at 100% 0%, rgba(247, 183, 51, .18), transparent 55%);
  border-radius: 16px;
  padding: 26px 28px;
  flex-wrap: wrap;
}

.gi-note-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: rgba(247, 183, 51, .15);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.gi-note-icon svg {
  width: 24px;
  height: 24px;
  stroke: var(--gi-gold);
}

.gi-note-body {
  flex: 1;
  min-width: 220px;
}

.gi-note-body strong {
  display: block;
  color: #fff;
  font-size: 15.5px;
  font-weight: 600;
  margin-bottom: 5px;
}

.gi-note-body div {
  color: rgba(255, 255, 255, .6);
  font-size: 13px;
  line-height: 1.6;
}

.gi-note-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--gi-gold);
  color: var(--gi-navy-dark);
  border: none;
  border-radius: 999px;
  padding: 12px 20px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: background .2s ease, transform .2s ease;
}

.gi-note-btn:hover {
  background: var(--gi-gold-dark);
  transform: translateY(-2px);
}

.gi-note-btn svg {
  width: 14px;
  height: 14px;
}

/* ---------- Responsive ---------- */
@media (max-width: 960px) {
  .gi-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .gi-heading-row h2 {
    font-size: 32px;
  }
}

@media (max-width: 620px) {
  .gi-section {
    padding: 60px 0;
  }

  .gi-grid {
    grid-template-columns: 1fr;
  }

  .gi-heading-row h2 {
    font-size: 26px;
  }

  .gi-note-card {
    flex-direction: column;
    align-items: flex-start;
  }
}

.ra-section {
  font-family: 'Poppins', sans-serif;
  background: var(--ra-cream);
  color: var(--ra-ink);
  padding: 90px 0;
  position: relative;
  overflow: hidden;
}

.ra-wrap {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  z-index: 2;
}

/* ---------- Heading ---------- */
.ra-heading-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 44px;
  flex-wrap: wrap;
}

.ra-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--ra-white);
  border: 1px solid var(--ra-line);
  color: var(--ra-navy);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  padding: 7px 16px;
  border-radius: 999px;
  margin-bottom: 16px;
}

.ra-eyebrow svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.ra-heading-row h2 {
  font-size: 40px;
  font-weight: 700;
  color: var(--ra-navy);
  margin: 0;
  line-height: 1.2;
}

.ra-heading-row h2 span {
  color: var(--ra-gold-dark);
}

.ra-heading-sub {
  max-width: 400px;
  color: var(--ra-muted);
  font-size: 15px;
  line-height: 1.7;
}

/* ---------- Top stat strip ---------- */
.ra-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  margin-bottom: 26px;
}

.ra-stat-card {
  background: var(--ra-white);
  border: 1px solid var(--ra-line);
  border-radius: 16px;
  padding: 22px;
  display: flex;
  align-items: center;
  gap: 14px;
  transition: transform .25s ease, box-shadow .25s ease;
}

.ra-stat-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 30px rgba(14, 26, 107, .09);
}

.ra-stat-icon {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: var(--ra-navy);
  display: flex;
  align-items: center;
  justify-content: center;
}

.ra-stat-icon svg {
  width: 21px;
  height: 21px;
  stroke: var(--ra-gold);
}

.ra-stat-num {
  color: var(--ra-navy);
  font-size: 24px;
  font-weight: 800;
  line-height: 1.1;
}

.ra-stat-label {
  color: var(--ra-muted);
  font-size: 12px;
  font-weight: 500;
}

/* ---------- Main grid ---------- */
.ra-grid {
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  gap: 24px;
  align-items: start;
}

/* ---------- Chart card ---------- */
.ra-chart-card {
  background: var(--ra-white);
  border: 1px solid var(--ra-line);
  border-radius: 20px;
  padding: 30px 28px;
}

.ra-chart-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
  gap: 12px;
  flex-wrap: wrap;
}

.ra-chart-head strong {
  display: block;
  color: var(--ra-navy);
  font-size: 17px;
  font-weight: 600;
}

.ra-chart-head div.ra-chart-sub {
  color: var(--ra-muted);
  font-size: 12.5px;
  margin-top: 3px;
}

.ra-legend {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #fbf7ec;
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 11.5px;
  color: var(--ra-navy);
  font-weight: 600;
}

.ra-legend .ra-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--ra-gold);
}

.ra-bars {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  height: 220px;
  padding: 0 6px;
  border-bottom: 1px solid var(--ra-line);
}

.ra-bar-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex: 1;
  height: 100%;
}

.ra-bar-value {
  color: var(--ra-navy);
  font-size: 12.5px;
  font-weight: 700;
}

.ra-bar {
  width: 100%;
  max-width: 38px;
  border-radius: 8px 8px 3px 3px;
  background: linear-gradient(180deg, var(--ra-gold), var(--ra-gold-dark));
  transition: transform .25s ease;
}

.ra-bar-col:hover .ra-bar {
  transform: scaleY(1.02);
}

.ra-bar-col.ra-current .ra-bar {
  background: linear-gradient(180deg, var(--ra-navy), var(--ra-navy-dark));
}

.ra-bar-year {
  color: var(--ra-muted);
  font-size: 12px;
  margin-top: 12px;
}

.ra-bar-labels {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 0 6px;
}

.ra-bar-labels>div {
  flex: 1;
  text-align: center;
}

/* ---------- Toppers card ---------- */
.ra-toppers-card {
  background: var(--ra-navy);
  background-image: radial-gradient(circle at 100% 0%, rgba(247, 183, 51, .18), transparent 55%);
  border-radius: 20px;
  padding: 28px 26px;
}

.ra-toppers-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 22px;
}

.ra-toppers-head .ra-icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: rgba(247, 183, 51, .15);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.ra-toppers-head .ra-icon svg {
  width: 19px;
  height: 19px;
  stroke: var(--ra-gold);
}

.ra-toppers-head strong {
  display: block;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}

.ra-toppers-head div {
  color: rgba(255, 255, 255, .55);
  font-size: 12px;
  margin-top: 2px;
}

.ra-topper-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.ra-topper {
  display: flex;
  align-items: center;
  gap: 14px;
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 12px;
  padding: 12px 14px;
}

.ra-topper-rank {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 9px;
  background: var(--ra-gold);
  color: var(--ra-navy-dark);
  font-weight: 800;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ra-topper-name {
  color: #fff;
  font-size: 13.5px;
  font-weight: 600;
}

.ra-topper-stream {
  color: rgba(255, 255, 255, .5);
  font-size: 11.5px;
  margin-top: 2px;
}

.ra-topper-score {
  margin-left: auto;
  color: var(--ra-gold);
  font-size: 15px;
  font-weight: 800;
  white-space: nowrap;
}

/* ---------- Responsive ---------- */
@media (max-width: 960px) {
  .ra-grid {
    grid-template-columns: 1fr;
  }

  .ra-stats {
    grid-template-columns: repeat(2, 1fr);
  }

  .ra-heading-row h2 {
    font-size: 32px;
  }
}

@media (max-width: 560px) {
  .ra-section {
    padding: 60px 0;
  }

  .ra-stats {
    grid-template-columns: 1fr 1fr;
  }

  .ra-chart-card {
    padding: 24px 18px;
  }

  .ra-bars {
    height: 170px;
    gap: 8px;
  }

  .ra-heading-row h2 {
    font-size: 26px;
  }
}

.sy-section {
  font-family: 'Poppins', sans-serif;
  background: var(--sy-cream);
  color: var(--sy-ink);
  padding: 90px 0;
  position: relative;
  overflow: hidden;
}

.sy-wrap {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  z-index: 2;
}

/* ---------- Heading ---------- */
.sy-heading-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 36px;
  flex-wrap: wrap;
}

.sy-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--sy-white);
  border: 1px solid var(--sy-line);
  color: var(--sy-navy);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  padding: 7px 16px;
  border-radius: 999px;
  margin-bottom: 16px;
}

.sy-eyebrow svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.sy-heading-row h2 {
  font-size: 40px;
  font-weight: 700;
  color: var(--sy-navy);
  margin: 0;
  line-height: 1.2;
}

.sy-heading-row h2 span {
  color: var(--sy-gold-dark);
}

.sy-heading-sub {
  max-width: 400px;
  color: var(--sy-muted);
  font-size: 15px;
  line-height: 1.7;
}

/* ---------- Filter tabs ---------- */
.sy-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 34px;
}

.sy-tab {
  background: var(--sy-white);
  border: 1px solid var(--sy-line);
  color: var(--sy-navy);
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 600;
  padding: 11px 20px;
  border-radius: 999px;
  cursor: pointer;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}

.sy-tab:hover {
  border-color: var(--sy-gold);
}

.sy-tab.sy-active {
  background: var(--sy-navy);
  border-color: var(--sy-navy);
  color: #fff;
}

.sy-tab.sy-active span.sy-tab-count {
  background: var(--sy-gold);
  color: var(--sy-navy-dark);
}

.sy-tab span.sy-tab-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: var(--sy-cream);
  color: var(--sy-muted);
  font-size: 10.5px;
  font-weight: 700;
  margin-left: 7px;
}

/* ---------- Grid of syllabus cards ---------- */
.sy-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.sy-group {
  display: none;
}

.sy-group.sy-group-active {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  grid-column: 1 / -1;
}

.sy-card {
  background: var(--sy-white);
  border: 1px solid var(--sy-line);
  border-radius: 16px;
  padding: 22px;
  display: flex;
  align-items: center;
  gap: 16px;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.sy-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 30px rgba(14, 26, 107, .09);
  border-color: transparent;
}

.sy-card-icon {
  flex-shrink: 0;
  width: 46px;
  height: 46px;
  border-radius: 12px;
  background: var(--sy-navy);
  display: flex;
  align-items: center;
  justify-content: center;
}

.sy-card-icon svg {
  width: 21px;
  height: 21px;
  stroke: var(--sy-gold);
}

.sy-card-body {
  flex: 1;
  min-width: 0;
}

.sy-card-body strong {
  display: block;
  color: var(--sy-navy);
  font-size: 14.5px;
  font-weight: 600;
  margin-bottom: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sy-card-body div.sy-meta {
  color: var(--sy-muted);
  font-size: 12px;
}

.sy-card-dl {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: var(--sy-cream);
  border: 1px solid var(--sy-line);
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: background .2s ease, border-color .2s ease;
}

.sy-card-dl svg {
  width: 16px;
  height: 16px;
  stroke: var(--sy-navy);
}

.sy-card-dl:hover {
  background: var(--sy-gold);
  border-color: var(--sy-gold);
}

.sy-card-dl:hover svg {
  stroke: var(--sy-navy-dark);
}

/* ---------- Bottom note ---------- */
.sy-note-card {
  margin-top: 30px;
  display: flex;
  align-items: center;
  gap: 20px;
  background: var(--sy-navy);
  background-image: radial-gradient(circle at 100% 0%, rgba(247, 183, 51, .18), transparent 55%);
  border-radius: 16px;
  padding: 26px 28px;
  flex-wrap: wrap;
}

.sy-note-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: rgba(247, 183, 51, .15);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.sy-note-icon svg {
  width: 24px;
  height: 24px;
  stroke: var(--sy-gold);
}

.sy-note-body {
  flex: 1;
  min-width: 220px;
}

.sy-note-body strong {
  display: block;
  color: #fff;
  font-size: 15.5px;
  font-weight: 600;
  margin-bottom: 5px;
}

.sy-note-body div {
  color: rgba(255, 255, 255, .6);
  font-size: 13px;
  line-height: 1.6;
}

.sy-note-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--sy-gold);
  color: var(--sy-navy-dark);
  border: none;
  border-radius: 999px;
  padding: 12px 20px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: background .2s ease, transform .2s ease;
}

.sy-note-btn:hover {
  background: var(--sy-gold-dark);
  transform: translateY(-2px);
}

.sy-note-btn svg {
  width: 14px;
  height: 14px;
}

/* ---------- Responsive ---------- */
@media (max-width: 960px) {
  .sy-group.sy-group-active {
    grid-template-columns: repeat(2, 1fr);
  }

  .sy-heading-row h2 {
    font-size: 32px;
  }
}

@media (max-width: 620px) {
  .sy-section {
    padding: 60px 0;
  }

  .sy-group.sy-group-active {
    grid-template-columns: 1fr;
  }

  .sy-heading-row h2 {
    font-size: 26px;
  }

  .sy-tabs {
    gap: 8px;
  }

  .sy-tab {
    padding: 9px 16px;
    font-size: 12.5px;
  }
}

.hl-section {
  font-family: 'Poppins', sans-serif;
  background: var(--hl-cream);
  color: var(--hl-ink);
  padding: 90px 0;
  position: relative;
  overflow: hidden;
}

.hl-wrap {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  z-index: 2;
}

/* ---------- Heading ---------- */
.hl-heading-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 36px;
  flex-wrap: wrap;
}

.hl-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--hl-white);
  border: 1px solid var(--hl-line);
  color: var(--hl-navy);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  padding: 7px 16px;
  border-radius: 999px;
  margin-bottom: 16px;
}

.hl-eyebrow svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.hl-heading-row h2 {
  font-size: 40px;
  font-weight: 700;
  color: var(--hl-navy);
  margin: 0;
  line-height: 1.2;
}

.hl-heading-row h2 span {
  color: var(--hl-gold-dark);
}

.hl-heading-actions {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}

.hl-heading-sub {
  max-width: 360px;
  color: var(--hl-muted);
  font-size: 15px;
  line-height: 1.7;
}

.hl-download-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--hl-navy);
  color: #fff;
  border: none;
  border-radius: 999px;
  padding: 13px 22px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: background .2s ease, transform .2s ease;
}

.hl-download-btn:hover {
  background: var(--hl-navy-dark);
  transform: translateY(-2px);
}

.hl-download-btn svg {
  width: 15px;
  height: 15px;
  stroke: var(--hl-gold);
}

/* ---------- Stat strip ---------- */
.hl-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  margin-bottom: 28px;
}

.hl-stat-card {
  background: var(--hl-white);
  border: 1px solid var(--hl-line);
  border-radius: 16px;
  padding: 20px 22px;
  display: flex;
  align-items: center;
  gap: 14px;
}

.hl-stat-icon {
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  border-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--hl-navy);
}

.hl-stat-icon svg {
  width: 20px;
  height: 20px;
  stroke: var(--hl-gold);
}

.hl-stat-num {
  color: var(--hl-navy);
  font-size: 22px;
  font-weight: 800;
  line-height: 1.1;
}

.hl-stat-label {
  color: var(--hl-muted);
  font-size: 11.5px;
  font-weight: 500;
}

/* ---------- Layout ---------- */
.hl-grid {
  display: grid;
  grid-template-columns: 1.3fr 0.7fr;
  gap: 24px;
  align-items: start;
}

/* ---------- Table card ---------- */
.hl-table-card {
  background: var(--hl-white);
  border: 1px solid var(--hl-line);
  border-radius: 20px;
  overflow: hidden;
}

.hl-table-head {
  display: grid;
  grid-template-columns: 0.9fr 1.6fr 1fr 0.9fr;
  background: var(--hl-navy);
  background-image: radial-gradient(circle at 100% 0%, rgba(247, 183, 51, .18), transparent 55%);
}

.hl-table-head>div {
  color: #fff;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .02em;
  text-transform: uppercase;
  padding: 16px 20px;
}

.hl-table-head>div:first-child {
  color: var(--hl-gold);
}

.hl-table-body {
  max-height: 560px;
  overflow-y: auto;
}

.hl-table-row {
  display: grid;
  grid-template-columns: 0.9fr 1.6fr 1fr 0.9fr;
  border-bottom: 1px solid var(--hl-line);
  transition: background .2s ease;
}

.hl-table-row:last-child {
  border-bottom: none;
}

.hl-table-row:hover {
  background: #fbf9f3;
}

.hl-table-row>div {
  padding: 15px 20px;
  display: flex;
  align-items: center;
  font-size: 13.5px;
}

.hl-cell-date {
  font-weight: 700;
  color: var(--hl-navy);
}

.hl-cell-occasion {
  color: var(--hl-ink);
  font-weight: 500;
  gap: 10px;
}

.hl-cell-occasion .hl-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--hl-gold);
  flex-shrink: 0;
}

.hl-cell-day {
  color: var(--hl-muted);
}

.hl-badge {
  display: inline-flex;
  align-items: center;
  padding: 5px 12px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
}

.hl-badge-national {
  background: #fdecc3;
  color: var(--hl-gold-dark);
}

.hl-badge-festival {
  background: #e6e9fb;
  color: var(--hl-navy);
}

.hl-badge-vacation {
  background: #fbe4e4;
  color: var(--hl-red);
}

/* ---------- Sidebar ---------- */
.hl-side {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.hl-legend-card {
  background: var(--hl-white);
  border: 1px solid var(--hl-line);
  border-radius: 16px;
  padding: 22px 24px;
}

.hl-legend-card strong {
  display: block;
  color: var(--hl-navy);
  font-size: 14.5px;
  font-weight: 600;
  margin-bottom: 14px;
}

.hl-legend-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 0;
  border-bottom: 1px dashed var(--hl-line);
}

.hl-legend-item:last-child {
  border-bottom: none;
}

.hl-legend-item .hl-badge {
  flex-shrink: 0;
}

.hl-legend-item div {
  color: var(--hl-muted);
  font-size: 12.5px;
}

.hl-note-card {
  background: var(--hl-navy);
  background-image: radial-gradient(circle at 100% 0%, rgba(247, 183, 51, .18), transparent 55%);
  border-radius: 16px;
  padding: 26px 24px;
}

.hl-note-card strong {
  display: block;
  color: #fff;
  font-size: 15.5px;
  font-weight: 600;
  margin-bottom: 8px;
}

.hl-note-card div.hl-note-text {
  color: rgba(255, 255, 255, .6);
  font-size: 12.5px;
  line-height: 1.6;
  margin-bottom: 18px;
}

.hl-note-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--hl-gold);
  color: var(--hl-navy-dark);
  border: none;
  border-radius: 999px;
  padding: 12px 20px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  transition: background .2s ease, transform .2s ease;
}

.hl-note-btn:hover {
  background: var(--hl-gold-dark);
  transform: translateY(-2px);
}

.hl-note-btn svg {
  width: 14px;
  height: 14px;
}

/* ---------- Responsive ---------- */
@media (max-width: 960px) {
  .hl-grid {
    grid-template-columns: 1fr;
  }

  .hl-stats {
    grid-template-columns: repeat(2, 1fr);
  }

  .hl-heading-row h2 {
    font-size: 32px;
  }
}

@media (max-width: 640px) {
  .hl-section {
    padding: 60px 0;
  }

  .hl-table-head,
  .hl-table-row {
    grid-template-columns: 0.8fr 1.4fr 0.8fr;
  }

  .hl-cell-day {
    display: none;
  }

  .hl-stats {
    grid-template-columns: 1fr 1fr;
  }

  .hl-heading-row h2 {
    font-size: 26px;
  }
}

.bl-section {
  font-family: 'Poppins', sans-serif;
  background: var(--bl-cream);
  color: var(--bl-ink);
  padding: 90px 0;
  position: relative;
  overflow: hidden;
}

.bl-wrap {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  z-index: 2;
}

/* ---------- Heading ---------- */
.bl-heading-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 36px;
  flex-wrap: wrap;
}

.bl-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--bl-white);
  border: 1px solid var(--bl-line);
  color: var(--bl-navy);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  padding: 7px 16px;
  border-radius: 999px;
  margin-bottom: 16px;
}

.bl-eyebrow svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.bl-heading-row h2 {
  font-size: 40px;
  font-weight: 700;
  color: var(--bl-navy);
  margin: 0;
  line-height: 1.2;
}

.bl-heading-row h2 span {
  color: var(--bl-gold-dark);
}

.bl-heading-actions {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}

.bl-heading-sub {
  max-width: 360px;
  color: var(--bl-muted);
  font-size: 15px;
  line-height: 1.7;
}

.bl-download-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--bl-navy);
  color: #fff;
  border: none;
  border-radius: 999px;
  padding: 13px 22px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: background .2s ease, transform .2s ease;
}

.bl-download-btn:hover {
  background: var(--bl-navy-dark);
  transform: translateY(-2px);
}

.bl-download-btn svg {
  width: 15px;
  height: 15px;
  stroke: var(--bl-gold);
}

/* ---------- Filter tabs ---------- */
.bl-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 28px;
}

.bl-tab {
  background: var(--bl-white);
  border: 1px solid var(--bl-line);
  color: var(--bl-navy);
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 600;
  padding: 11px 20px;
  border-radius: 999px;
  cursor: pointer;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}

.bl-tab:hover {
  border-color: var(--bl-gold);
}

.bl-tab.bl-active {
  background: var(--bl-navy);
  border-color: var(--bl-navy);
  color: #fff;
}

/* ---------- Table card ---------- */
.bl-table-card {
  background: var(--bl-white);
  border: 1px solid var(--bl-line);
  border-radius: 20px;
  overflow: hidden;
  display: none;
}

.bl-table-card.bl-table-active {
  display: block;
}

.bl-table-head {
  display: grid;
  grid-template-columns: 0.6fr 2fr 1.4fr 1fr;
  background: var(--bl-navy);
  background-image: radial-gradient(circle at 100% 0%, rgba(247, 183, 51, .18), transparent 55%);
}

.bl-table-head>div {
  color: #fff;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .02em;
  text-transform: uppercase;
  padding: 16px 20px;
}

.bl-table-head>div:first-child {
  color: var(--bl-gold);
}

.bl-table-row {
  display: grid;
  grid-template-columns: 0.6fr 2fr 1.4fr 1fr;
  border-bottom: 1px solid var(--bl-line);
  transition: background .2s ease;
}

.bl-table-row:last-child {
  border-bottom: none;
}

.bl-table-row:hover {
  background: #fbf9f3;
}

.bl-table-row>div {
  padding: 15px 20px;
  display: flex;
  align-items: center;
  font-size: 13.5px;
}

.bl-cell-sno {
  color: var(--bl-muted);
  font-weight: 600;
}

.bl-cell-title {
  color: var(--bl-navy);
  font-weight: 600;
  gap: 12px;
}

.bl-cell-title .bl-book-icon {
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background: #fbf7ec;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bl-cell-title .bl-book-icon svg {
  width: 14px;
  height: 14px;
  stroke: var(--bl-gold-dark);
}

.bl-cell-publisher {
  color: var(--bl-muted);
}

.bl-cell-subject {
  display: inline-flex;
  align-items: center;
  padding: 5px 12px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  background: #e6e9fb;
  color: var(--bl-navy);
  width: fit-content;
}

.bl-table-foot {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  background: #fbf7ec;
  padding: 16px 22px;
  font-size: 12.5px;
  color: var(--bl-muted);
  line-height: 1.6;
}

.bl-table-foot svg {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
  margin-top: 2px;
  stroke: var(--bl-gold-dark);
}

/* ---------- Bottom note ---------- */
.bl-note-card {
  margin-top: 30px;
  display: flex;
  align-items: center;
  gap: 20px;
  background: var(--bl-navy);
  background-image: radial-gradient(circle at 100% 0%, rgba(247, 183, 51, .18), transparent 55%);
  border-radius: 16px;
  padding: 26px 28px;
  flex-wrap: wrap;
}

.bl-note-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: rgba(247, 183, 51, .15);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.bl-note-icon svg {
  width: 24px;
  height: 24px;
  stroke: var(--bl-gold);
}

.bl-note-body {
  flex: 1;
  min-width: 220px;
}

.bl-note-body strong {
  display: block;
  color: #fff;
  font-size: 15.5px;
  font-weight: 600;
  margin-bottom: 5px;
}

.bl-note-body div {
  color: rgba(255, 255, 255, .6);
  font-size: 13px;
  line-height: 1.6;
}

.bl-note-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--bl-gold);
  color: var(--bl-navy-dark);
  border: none;
  border-radius: 999px;
  padding: 12px 20px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: background .2s ease, transform .2s ease;
}

.bl-note-btn:hover {
  background: var(--bl-gold-dark);
  transform: translateY(-2px);
}

.bl-note-btn svg {
  width: 14px;
  height: 14px;
}

/* ---------- Responsive ---------- */
@media (max-width: 960px) {
  .bl-heading-row h2 {
    font-size: 32px;
  }
}

@media (max-width: 640px) {
  .bl-section {
    padding: 60px 0;
  }

  .bl-table-head,
  .bl-table-row {
    grid-template-columns: 0.4fr 1.6fr 1fr;
  }

  .bl-cell-publisher {
    display: none;
  }

  .bl-heading-row h2 {
    font-size: 26px;
  }

  .bl-tabs {
    gap: 8px;
  }

  .bl-tab {
    padding: 9px 16px;
    font-size: 12.5px;
  }
}

.ct-section {
  font-family: 'Poppins', sans-serif;
  background: var(--ct-cream);
  color: var(--ct-ink);
  padding: 90px 0;
  position: relative;
  overflow: hidden;
}

.ct-wrap {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  z-index: 2;
}

/* ---------- Heading ---------- */
.ct-heading-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 50px;
  flex-wrap: wrap;
}

.ct-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--ct-white);
  border: 1px solid var(--ct-line);
  color: var(--ct-navy);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  padding: 7px 16px;
  border-radius: 999px;
  margin-bottom: 16px;
}

.ct-eyebrow svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.ct-heading-row h2 {
  font-size: 40px;
  font-weight: 700;
  color: var(--ct-navy);
  margin: 0;
  line-height: 1.2;
}

.ct-heading-row h2 span {
  color: var(--ct-gold-dark);
}

.ct-heading-sub {
  max-width: 380px;
  color: var(--ct-muted);
  font-size: 15px;
  line-height: 1.7;
}

/* ---------- Podium ---------- */
.ct-podium {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: end;
  gap: 20px;
  margin-bottom: 34px;
}

.ct-podium-card {
  background: var(--ct-white);
  border: 1px solid var(--ct-line);
  border-radius: 20px;
  padding: 28px 20px 24px;
  text-align: center;
  position: relative;
  transition: transform .25s ease, box-shadow .25s ease;
}

.ct-podium-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 34px rgba(14, 26, 107, .1);
}

.ct-podium-card.ct-rank-1 {
  background: var(--ct-navy);
  background-image: radial-gradient(circle at 100% 0%, rgba(247, 183, 51, .2), transparent 55%);
  padding-top: 36px;
  padding-bottom: 30px;
  order: 2;
}

.ct-podium-card.ct-rank-2 {
  order: 1;
  align-self: end;
}

.ct-podium-card.ct-rank-3 {
  order: 3;
  align-self: end;
}

.ct-medal {
  position: absolute;
  top: -16px;
  left: 50%;
  transform: translateX(-50%);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 800;
  color: #fff;
  box-shadow: 0 6px 14px rgba(0, 0, 0, .15);
}

.ct-rank-1 .ct-medal {
  background: var(--ct-gold);
  color: var(--ct-navy-dark);
  width: 42px;
  height: 42px;
  font-size: 16px;
}

.ct-rank-2 .ct-medal {
  background: var(--ct-silver);
  color: var(--ct-navy-dark);
}

.ct-rank-3 .ct-medal {
  background: var(--ct-bronze);
  color: #fff;
}

.ct-avatar {
  width: 76px;
  height: 76px;
  border-radius: 50%;
  margin: 0 auto 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  background: linear-gradient(160deg, var(--ct-gold), var(--ct-gold-dark));
  border: 3px solid #fdecc3;
}

.ct-rank-1 .ct-avatar {
  width: 88px;
  height: 88px;
  font-size: 26px;
  border-color: rgba(247, 183, 51, .35);
}

.ct-rank-2 .ct-avatar,
.ct-rank-3 .ct-avatar {
  background: linear-gradient(160deg, var(--ct-navy), var(--ct-navy-dark));
  border-color: #e4e0d4;
}

.ct-podium-card strong {
  display: block;
  font-size: 15.5px;
  font-weight: 600;
  margin-bottom: 4px;
  color: var(--ct-navy);
}

.ct-rank-1 strong {
  color: #fff;
  font-size: 17px;
}

.ct-podium-card div.ct-section-name {
  font-size: 12px;
  color: var(--ct-muted);
  margin-bottom: 12px;
}

.ct-rank-1 div.ct-section-name {
  color: rgba(255, 255, 255, .55);
}

.ct-score-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #fbf7ec;
  color: var(--ct-gold-dark);
  font-size: 13px;
  font-weight: 700;
  padding: 7px 16px;
  border-radius: 999px;
}

.ct-rank-1 .ct-score-pill {
  background: rgba(247, 183, 51, .18);
  color: var(--ct-gold);
}

/* ---------- Other toppers list ---------- */
.ct-list-card {
  background: var(--ct-white);
  border: 1px solid var(--ct-line);
  border-radius: 20px;
  padding: 10px 8px;
}

.ct-list-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 22px;
  border-bottom: 1px solid var(--ct-line);
}

.ct-list-head strong {
  color: var(--ct-navy);
  font-size: 15.5px;
  font-weight: 600;
}

.ct-list-head div {
  color: var(--ct-muted);
  font-size: 12px;
}

.ct-list-row {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 14px 22px;
  border-bottom: 1px solid var(--ct-line);
  transition: background .2s ease;
}

.ct-list-row:last-child {
  border-bottom: none;
}

.ct-list-row:hover {
  background: #fbf9f3;
}

.ct-list-rank {
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  border-radius: 9px;
  background: var(--ct-cream);
  color: var(--ct-navy);
  font-weight: 700;
  font-size: 12.5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ct-list-avatar {
  flex-shrink: 0;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: linear-gradient(160deg, var(--ct-navy), var(--ct-navy-dark));
  color: var(--ct-gold);
  font-size: 13px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ct-list-name {
  flex: 1;
  min-width: 0;
}

.ct-list-name strong {
  display: block;
  color: var(--ct-navy);
  font-size: 13.5px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ct-list-name div {
  color: var(--ct-muted);
  font-size: 11.5px;
}

.ct-list-score {
  flex-shrink: 0;
  color: var(--ct-gold-dark);
  font-size: 14px;
  font-weight: 700;
}

/* ---------- Responsive ---------- */
@media (max-width: 720px) {
  .ct-podium {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .ct-podium-card.ct-rank-1,
  .ct-podium-card.ct-rank-2,
  .ct-podium-card.ct-rank-3 {
    order: 0;
  }

  .ct-heading-row h2 {
    font-size: 32px;
  }
}

@media (max-width: 560px) {
  .ct-section {
    padding: 60px 0;
  }

  .ct-heading-row h2 {
    font-size: 26px;
  }

  .ct-list-row {
    padding: 12px 16px;
    gap: 12px;
  }
}

.mc-section {
  font-family: 'Poppins', sans-serif;
  background: var(--mc-cream);
  color: var(--mc-ink);
  padding: 90px 0;
  position: relative;
  overflow: hidden;
}

.mc-wrap {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  z-index: 2;
}

/* ---------- Heading ---------- */
.mc-heading-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 36px;
  flex-wrap: wrap;
}

.mc-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--mc-white);
  border: 1px solid var(--mc-line);
  color: var(--mc-navy);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  padding: 7px 16px;
  border-radius: 999px;
  margin-bottom: 16px;
}

.mc-eyebrow svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.mc-heading-row h2 {
  font-size: 40px;
  font-weight: 700;
  color: var(--mc-navy);
  margin: 0;
  line-height: 1.2;
}

.mc-heading-row h2 span {
  color: var(--mc-gold-dark);
}

.mc-heading-sub {
  max-width: 380px;
  color: var(--mc-muted);
  font-size: 15px;
  line-height: 1.7;
}

/* ---------- Layout ---------- */
.mc-grid {
  display: grid;
  grid-template-columns: 1.3fr 0.7fr;
  gap: 24px;
  align-items: start;
}

/* ---------- Table card ---------- */
.mc-table-card {
  background: var(--mc-white);
  border: 1px solid var(--mc-line);
  border-radius: 20px;
  overflow: hidden;
}

.mc-table-head {
  display: grid;
  grid-template-columns: 0.6fr 1.8fr 1fr 0.9fr;
  background: var(--mc-navy);
  background-image: radial-gradient(circle at 100% 0%, rgba(247, 183, 51, .18), transparent 55%);
}

.mc-table-head>div {
  color: #fff;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .02em;
  text-transform: uppercase;
  padding: 16px 20px;
}

.mc-table-head>div:first-child {
  color: var(--mc-gold);
}

.mc-table-head>div:last-child {
  text-align: right;
}

.mc-table-row {
  display: grid;
  grid-template-columns: 0.6fr 1.8fr 1fr 0.9fr;
  border-bottom: 1px solid var(--mc-line);
  transition: background .2s ease;
}

.mc-table-row:last-child {
  border-bottom: none;
}

.mc-table-row:hover {
  background: #fbf9f3;
}

.mc-table-row>div {
  padding: 16px 20px;
  display: flex;
  align-items: center;
  font-size: 13.5px;
}

.mc-cell-sno {
  color: var(--mc-muted);
  font-weight: 600;
}

.mc-cell-title strong {
  display: block;
  color: var(--mc-navy);
  font-size: 14px;
  font-weight: 600;
}

.mc-cell-title div {
  color: var(--mc-muted);
  font-size: 11.5px;
  margin-top: 2px;
}

.mc-cell-freq {
  display: inline-flex;
  align-items: center;
  padding: 5px 12px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  background: #e6e9fb;
  color: var(--mc-navy);
  width: fit-content;
}

.mc-cell-freq.mc-freq-annual {
  background: #fdecc3;
  color: var(--mc-gold-dark);
}

.mc-cell-freq.mc-freq-onetime {
  background: #e2f3e6;
  color: #2f8f4e;
}

.mc-cell-amount {
  justify-content: flex-end;
  text-align: right;
  font-weight: 700;
  color: var(--mc-navy);
  font-size: 14.5px;
}

.mc-table-foot {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  background: #fbf7ec;
  padding: 16px 22px;
  font-size: 12.5px;
  color: var(--mc-muted);
  line-height: 1.6;
}

.mc-table-foot svg {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
  margin-top: 2px;
  stroke: var(--mc-gold-dark);
}

/* ---------- Sidebar ---------- */
.mc-side {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.mc-legend-card {
  background: var(--mc-white);
  border: 1px solid var(--mc-line);
  border-radius: 16px;
  padding: 22px 24px;
}

.mc-legend-card strong {
  display: block;
  color: var(--mc-navy);
  font-size: 14.5px;
  font-weight: 600;
  margin-bottom: 14px;
}

.mc-legend-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 0;
  border-bottom: 1px dashed var(--mc-line);
}

.mc-legend-item:last-child {
  border-bottom: none;
}

.mc-legend-item .mc-cell-freq {
  flex-shrink: 0;
}

.mc-legend-item div {
  color: var(--mc-muted);
  font-size: 12.5px;
}

.mc-total-card {
  background: var(--mc-navy);
  background-image: radial-gradient(circle at 100% 0%, rgba(247, 183, 51, .18), transparent 55%);
  border-radius: 16px;
  padding: 26px 24px;
}

.mc-total-card strong {
  display: block;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 4px;
}

.mc-total-card div.mc-total-sub {
  color: rgba(255, 255, 255, .55);
  font-size: 11.5px;
  margin-bottom: 16px;
}

.mc-total-value {
  color: var(--mc-gold);
  font-size: 30px;
  font-weight: 800;
  margin-bottom: 18px;
}

.mc-total-value span {
  color: rgba(255, 255, 255, .5);
  font-size: 12px;
  font-weight: 500;
  margin-left: 6px;
}

.mc-note-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--mc-gold);
  color: var(--mc-navy-dark);
  border: none;
  border-radius: 999px;
  padding: 12px 20px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  transition: background .2s ease, transform .2s ease;
}

.mc-note-btn:hover {
  background: var(--mc-gold-dark);
  transform: translateY(-2px);
}

.mc-note-btn svg {
  width: 14px;
  height: 14px;
}

/* ---------- Responsive ---------- */
@media (max-width: 960px) {
  .mc-grid {
    grid-template-columns: 1fr;
  }

  .mc-heading-row h2 {
    font-size: 32px;
  }
}

@media (max-width: 640px) {
  .mc-section {
    padding: 60px 0;
  }

  .mc-table-head,
  .mc-table-row {
    grid-template-columns: 0.4fr 1.6fr 0.9fr;
  }

  .mc-cell-freq {
    display: none;
  }

  .mc-heading-row h2 {
    font-size: 26px;
  }
}

:root {
  --av-navy: #0e1a6b;
  --av-navy-dark: #0a1450;
  --av-gold: #f7b733;
  --av-gold-dark: #e4a01f;
  --av-cream: #f7f3ea;
  --av-ink: #1c1f3b;
  --av-muted: #6b6f8a;
  --av-line: #e4e0d4;
  --av-white: #ffffff;
}

.av-section {
  font-family: 'Poppins', sans-serif;
  background: var(--av-cream);
  color: var(--av-ink);
  padding: 90px 0;
  position: relative;
  overflow: hidden;
}

.av-wrap {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  z-index: 2;
}

/* ---------- Heading ---------- */
.av-heading-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 34px;
  flex-wrap: wrap;
}

.av-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--av-white);
  border: 1px solid var(--av-line);
  color: var(--av-navy);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  padding: 7px 16px;
  border-radius: 999px;
  margin-bottom: 16px;
}

.av-eyebrow svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.av-heading-row h2 {
  font-size: 40px;
  font-weight: 700;
  color: var(--av-navy);
  margin: 0;
  line-height: 1.2;
}

.av-heading-row h2 span {
  color: var(--av-gold-dark);
}

.av-heading-sub {
  max-width: 400px;
  color: var(--av-muted);
  font-size: 15px;
  line-height: 1.7;
}

/* ---------- Filter tabs ---------- */
.av-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 32px;
}

.av-tab {
  background: var(--av-white);
  border: 1px solid var(--av-line);
  color: var(--av-navy);
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 600;
  padding: 11px 20px;
  border-radius: 999px;
  cursor: pointer;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}

.av-tab:hover {
  border-color: var(--av-gold);
}

.av-tab.av-active {
  background: var(--av-navy);
  border-color: var(--av-navy);
  color: #fff;
}

/* ---------- Grid ---------- */
.av-group {
  display: none;
}

.av-group.av-group-active {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.av-card {
  background: var(--av-white);
  border: 1px solid var(--av-line);
  border-radius: 18px;
  overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.av-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 32px rgba(14, 26, 107, .1);
  border-color: transparent;
}

.av-card-top {
  height: 110px;
  background: #132268;
  background-image: radial-gradient(circle at 100% 0%, rgba(247, 183, 51, .25), transparent 60%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 22px;
}

.av-card-icon {
  width: 46px;
  height: 46px;
  border-radius: 12px;
  background: rgba(247, 183, 51, .15);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.av-card-icon svg {
  width: 22px;
  height: 22px;
  stroke: var(--av-gold);
}

.av-card-tag {
  background: rgba(255, 255, 255, .12);
  color: #fff;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: .02em;
  text-transform: uppercase;
  padding: 6px 12px;
  border-radius: 999px;
}

.av-card-body {
  padding: 20px 22px 24px;
}

.av-card-body strong {
  display: block;
  color: var(--av-navy);
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px;
}

.av-card-body div.av-desc {
  color: var(--av-muted);
  font-size: 13px;
  line-height: 1.65;
  margin-bottom: 14px;
}

.av-card-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--av-gold-dark);
  font-size: 12px;
  font-weight: 600;
}

.av-card-meta svg {
  width: 14px;
  height: 14px;
  stroke: var(--av-gold-dark);
  flex-shrink: 0;
}

/* ---------- Bottom note ---------- */
.av-note-card {
  margin-top: 30px;
  display: flex;
  align-items: center;
  gap: 20px;
  background: var(--av-navy);
  background-image: radial-gradient(circle at 100% 0%, rgba(247, 183, 51, .18), transparent 55%);
  border-radius: 16px;
  padding: 26px 28px;
  flex-wrap: wrap;
}

.av-note-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: rgba(247, 183, 51, .15);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.av-note-icon svg {
  width: 24px;
  height: 24px;
  stroke: var(--av-gold);
}

.av-note-body {
  flex: 1;
  min-width: 220px;
}

.av-note-body strong {
  display: block;
  color: #fff;
  font-size: 15.5px;
  font-weight: 600;
  margin-bottom: 5px;
}

.av-note-body div {
  color: rgba(255, 255, 255, .6);
  font-size: 13px;
  line-height: 1.6;
}

.av-note-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--av-gold);
  color: var(--av-navy-dark);
  border: none;
  border-radius: 999px;
  padding: 12px 20px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: background .2s ease, transform .2s ease;
}

.av-note-btn:hover {
  background: var(--av-gold-dark);
  transform: translateY(-2px);
}

.av-note-btn svg {
  width: 14px;
  height: 14px;
}

/* ---------- Responsive ---------- */
@media (max-width: 960px) {
  .av-group.av-group-active {
    grid-template-columns: repeat(2, 1fr);
  }

  .av-heading-row h2 {
    font-size: 32px;
  }
}

@media (max-width: 620px) {
  .av-section {
    padding: 60px 0;
  }

  .av-group.av-group-active {
    grid-template-columns: 1fr;
  }

  .av-heading-row h2 {
    font-size: 26px;
  }

  .av-tabs {
    gap: 8px;
  }

  .av-tab {
    padding: 9px 16px;
    font-size: 12.5px;
  }
}

:root {
  --sp-navy: #0e1a6b;
  --sp-navy-dark: #0a1450;
  --sp-gold: #f7b733;
  --sp-gold-dark: #e4a01f;
  --sp-cream: #f7f3ea;
  --sp-ink: #1c1f3b;
  --sp-muted: #6b6f8a;
  --sp-line: #e4e0d4;
  --sp-white: #ffffff;
}

.sp-section {
  font-family: 'Poppins', sans-serif;
  background: var(--sp-cream);
  color: var(--sp-ink);
  padding: 90px 0;
  position: relative;
  overflow: hidden;
}

.sp-wrap {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  z-index: 2;
}

/* ---------- Heading ---------- */
.sp-heading-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}

.sp-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--sp-white);
  border: 1px solid var(--sp-line);
  color: var(--sp-navy);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  padding: 7px 16px;
  border-radius: 999px;
  margin-bottom: 16px;
}

.sp-eyebrow svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.sp-heading-row h2 {
  font-size: 40px;
  font-weight: 700;
  color: var(--sp-navy);
  margin: 0;
  line-height: 1.2;
}

.sp-heading-row h2 span {
  color: var(--sp-gold-dark);
}

.sp-heading-sub {
  max-width: 400px;
  color: var(--sp-muted);
  font-size: 15px;
  line-height: 1.7;
}

/* ---------- Stat strip ---------- */
.sp-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  margin-bottom: 34px;
}

.sp-stat-card {
  background: var(--sp-white);
  border: 1px solid var(--sp-line);
  border-radius: 16px;
  padding: 22px;
  display: flex;
  align-items: center;
  gap: 14px;
  transition: transform .25s ease, box-shadow .25s ease;
}

.sp-stat-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 30px rgba(14, 26, 107, .09);
}

.sp-stat-icon {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: var(--sp-navy);
  display: flex;
  align-items: center;
  justify-content: center;
}

.sp-stat-icon svg {
  width: 21px;
  height: 21px;
  stroke: var(--sp-gold);
}

.sp-stat-num {
  color: var(--sp-navy);
  font-size: 24px;
  font-weight: 800;
  line-height: 1.1;
}

.sp-stat-label {
  color: var(--sp-muted);
  font-size: 12px;
  font-weight: 500;
}

/* ---------- Filter tabs ---------- */
.sp-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 28px;
}

.sp-tab {
  background: var(--sp-white);
  border: 1px solid var(--sp-line);
  color: var(--sp-navy);
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 600;
  padding: 11px 20px;
  border-radius: 999px;
  cursor: pointer;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}

.sp-tab:hover {
  border-color: var(--sp-gold);
}

.sp-tab.sp-active {
  background: var(--sp-navy);
  border-color: var(--sp-navy);
  color: #fff;
}

/* ---------- Placement grid ---------- */
.sp-group {
  display: none;
}

.sp-group.sp-group-active {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.sp-card {
  background: var(--sp-white);
  border: 1px solid var(--sp-line);
  border-radius: 16px;
  padding: 22px;
  display: flex;
  gap: 14px;
  align-items: flex-start;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.sp-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 30px rgba(14, 26, 107, .09);
  border-color: transparent;
}

.sp-avatar {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: linear-gradient(160deg, var(--sp-navy), var(--sp-navy-dark));
  color: var(--sp-gold);
  font-size: 15px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sp-card-body {
  flex: 1;
  min-width: 0;
}

.sp-card-body strong {
  display: block;
  color: var(--sp-navy);
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 3px;
}

.sp-card-body div.sp-batch {
  color: var(--sp-muted);
  font-size: 11.5px;
  margin-bottom: 10px;
}

.sp-college-pill {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #fbf7ec;
  border-radius: 10px;
  padding: 9px 12px;
  margin-bottom: 8px;
}

.sp-college-pill svg {
  width: 15px;
  height: 15px;
  stroke: var(--sp-gold-dark);
  flex-shrink: 0;
}

.sp-college-pill div {
  font-size: 12px;
  color: var(--sp-navy);
  font-weight: 600;
  line-height: 1.4;
}

.sp-course {
  color: var(--sp-muted);
  font-size: 12px;
}

/* ---------- Bottom note ---------- */
.sp-note-card {
  margin-top: 30px;
  display: flex;
  align-items: center;
  gap: 20px;
  background: var(--sp-navy);
  background-image: radial-gradient(circle at 100% 0%, rgba(247, 183, 51, .18), transparent 55%);
  border-radius: 16px;
  padding: 26px 28px;
  flex-wrap: wrap;
}

.sp-note-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: rgba(247, 183, 51, .15);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.sp-note-icon svg {
  width: 24px;
  height: 24px;
  stroke: var(--sp-gold);
}

.sp-note-body {
  flex: 1;
  min-width: 220px;
}

.sp-note-body strong {
  display: block;
  color: #fff;
  font-size: 15.5px;
  font-weight: 600;
  margin-bottom: 5px;
}

.sp-note-body div {
  color: rgba(255, 255, 255, .6);
  font-size: 13px;
  line-height: 1.6;
}

.sp-note-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--sp-gold);
  color: var(--sp-navy-dark);
  border: none;
  border-radius: 999px;
  padding: 12px 20px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: background .2s ease, transform .2s ease;
}

.sp-note-btn:hover {
  background: var(--sp-gold-dark);
  transform: translateY(-2px);
}

.sp-note-btn svg {
  width: 14px;
  height: 14px;
}

/* ---------- Responsive ---------- */
@media (max-width: 960px) {
  .sp-stats {
    grid-template-columns: repeat(2, 1fr);
  }

  .sp-group.sp-group-active {
    grid-template-columns: repeat(2, 1fr);
  }

  .sp-heading-row h2 {
    font-size: 32px;
  }
}

@media (max-width: 620px) {
  .sp-section {
    padding: 60px 0;
  }

  .sp-stats {
    grid-template-columns: 1fr 1fr;
  }

  .sp-group.sp-group-active {
    grid-template-columns: 1fr;
  }

  .sp-heading-row h2 {
    font-size: 26px;
  }

  .sp-tabs {
    gap: 8px;
  }

  .sp-tab {
    padding: 9px 16px;
    font-size: 12.5px;
  }
}


.sa-section {
  font-family: 'Poppins', sans-serif;
  background: var(--sa-cream);
  color: var(--sa-ink);
  padding: 90px 0;
  position: relative;
  overflow: hidden;
}

.sa-wrap {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  z-index: 2;
}

/* ---------- Heading ---------- */
.sa-heading-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 44px;
  flex-wrap: wrap;
}

.sa-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--sa-white);
  border: 1px solid var(--sa-line);
  color: var(--sa-navy);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  padding: 7px 16px;
  border-radius: 999px;
  margin-bottom: 16px;
}

.sa-eyebrow svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.sa-heading-row h2 {
  font-size: 40px;
  font-weight: 700;
  color: var(--sa-navy);
  margin: 0;
  line-height: 1.2;
}

.sa-heading-row h2 span {
  color: var(--sa-gold-dark);
}

.sa-heading-sub {
  max-width: 400px;
  color: var(--sa-muted);
  font-size: 15px;
  line-height: 1.7;
}

/* ---------- Layout ---------- */
.sa-grid {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 24px;
  align-items: start;
  margin-bottom: 24px;
}

/* ---------- Weekly assembly card ---------- */
.sa-weekly-card {
  background: var(--sa-navy);
  background-image: radial-gradient(circle at 100% 0%, rgba(247, 183, 51, .2), transparent 55%);
  border-radius: 20px;
  padding: 32px 28px;
}

.sa-weekly-icon {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  background: rgba(247, 183, 51, .15);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.sa-weekly-icon svg {
  width: 26px;
  height: 26px;
  stroke: var(--sa-gold);
}

.sa-weekly-card strong {
  display: block;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
}

.sa-weekly-card div.sa-weekly-desc {
  color: rgba(255, 255, 255, .6);
  font-size: 13.5px;
  line-height: 1.7;
  margin-bottom: 24px;
}

.sa-weekly-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.sa-weekly-item {
  display: flex;
  align-items: center;
  gap: 12px;
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 12px;
  padding: 12px 14px;
}

.sa-weekly-item svg {
  width: 16px;
  height: 16px;
  stroke: var(--sa-gold);
  flex-shrink: 0;
}

.sa-weekly-item strong {
  display: block;
  color: #fff;
  font-size: 12.5px;
  font-weight: 600;
  margin: 0;
}

.sa-weekly-item div.sa-weekly-time {
  color: rgba(255, 255, 255, .5);
  font-size: 11px;
  margin-top: 2px;
}

/* ---------- Special occasions grid ---------- */
.sa-occasions {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

.sa-occ-card {
  background: var(--sa-white);
  border: 1px solid var(--sa-line);
  border-radius: 16px;
  padding: 20px;
  display: flex;
  gap: 14px;
  align-items: flex-start;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.sa-occ-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 30px rgba(14, 26, 107, .09);
  border-color: transparent;
}

.sa-date-badge {
  flex-shrink: 0;
  width: 52px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: var(--sa-cream);
  border-radius: 11px;
  padding: 9px 6px;
  text-align: center;
  line-height: 1.2;
}

.sa-date-badge span {
  font-size: 10px;
  color: var(--sa-gold-dark);
  font-weight: 700;
  letter-spacing: .02em;
}

.sa-date-badge strong {
  display: block;
  color: var(--sa-navy);
  font-size: 17px;
  font-weight: 800;
  margin: 0;
}

.sa-occ-body {
  flex: 1;
  min-width: 0;
}

.sa-occ-body strong {
  display: block;
  color: var(--sa-navy);
  font-size: 14.5px;
  font-weight: 600;
  margin-bottom: 5px;
}

.sa-occ-body div.sa-occ-desc {
  color: var(--sa-muted);
  font-size: 12.5px;
  line-height: 1.6;
}

/* ---------- Bottom note ---------- */
.sa-note-card {
  display: flex;
  align-items: center;
  gap: 20px;
  background: #fbf7ec;
  border: 1px solid var(--sa-line);
  border-radius: 16px;
  padding: 24px 26px;
  flex-wrap: wrap;
}

.sa-note-icon {
  width: 46px;
  height: 46px;
  border-radius: 12px;
  background: var(--sa-navy);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.sa-note-icon svg {
  width: 22px;
  height: 22px;
  stroke: var(--sa-gold);
}

.sa-note-body {
  flex: 1;
  min-width: 220px;
}

.sa-note-body strong {
  display: block;
  color: var(--sa-navy);
  font-size: 14.5px;
  font-weight: 600;
  margin-bottom: 4px;
}

.sa-note-body div {
  color: var(--sa-muted);
  font-size: 12.5px;
  line-height: 1.6;
}

/* ---------- Responsive ---------- */
@media (max-width: 960px) {
  .sa-grid {
    grid-template-columns: 1fr;
  }

  .sa-heading-row h2 {
    font-size: 32px;
  }
}

@media (max-width: 620px) {
  .sa-section {
    padding: 60px 0;
  }

  .sa-occasions {
    grid-template-columns: 1fr;
  }

  .sa-heading-row h2 {
    font-size: 26px;
  }

  .sa-weekly-card {
    padding: 26px 20px;
  }
}


.md-section {
  font-family: 'Poppins', sans-serif;
  background: var(--md-cream);
  color: var(--md-ink);
  padding: 90px 0;
  position: relative;
  overflow: hidden;
}

.md-wrap {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  z-index: 2;
}

/* ---------- Heading ---------- */
.md-heading-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 44px;
  flex-wrap: wrap;
}

.md-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--md-white);
  border: 1px solid var(--md-line);
  color: var(--md-navy);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  padding: 7px 16px;
  border-radius: 999px;
  margin-bottom: 16px;
}

.md-eyebrow svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.md-heading-row h2 {
  font-size: 40px;
  font-weight: 700;
  color: var(--md-navy);
  margin: 0;
  line-height: 1.2;
}

.md-heading-row h2 span {
  color: var(--md-gold-dark);
}

.md-heading-sub {
  max-width: 400px;
  color: var(--md-muted);
  font-size: 15px;
  line-height: 1.7;
}

/* ---------- Layout ---------- */
.md-grid {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 24px;
  align-items: start;
}

/* ---------- Checkup cards ---------- */
.md-checkups {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin-bottom: 16px;
}

.md-check-card {
  background: var(--md-white);
  border: 1px solid var(--md-line);
  border-radius: 16px;
  padding: 22px;
  display: flex;
  gap: 14px;
  align-items: flex-start;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.md-check-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 30px rgba(14, 26, 107, .09);
  border-color: transparent;
}

.md-check-icon {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: var(--md-navy);
  display: flex;
  align-items: center;
  justify-content: center;
}

.md-check-icon svg {
  width: 21px;
  height: 21px;
  stroke: var(--md-gold);
}

.md-check-body strong {
  display: block;
  color: var(--md-navy);
  font-size: 14.5px;
  font-weight: 600;
  margin-bottom: 6px;
}

.md-check-body div.md-check-desc {
  color: var(--md-muted);
  font-size: 12.5px;
  line-height: 1.6;
}

.md-table-foot {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  background: var(--md-white);
  border: 1px solid var(--md-line);
  border-radius: 14px;
  padding: 16px 20px;
  font-size: 12.5px;
  color: var(--md-muted);
  line-height: 1.6;
}

.md-table-foot svg {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
  margin-top: 2px;
  stroke: var(--md-gold-dark);
}

/* ---------- Sidebar ---------- */
.md-side {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.md-schedule-card {
  background: var(--md-navy);
  background-image: radial-gradient(circle at 100% 0%, rgba(247, 183, 51, .2), transparent 55%);
  border-radius: 20px;
  padding: 28px 26px;
}

.md-schedule-icon {
  width: 48px;
  height: 48px;
  border-radius: 13px;
  background: rgba(247, 183, 51, .15);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
}

.md-schedule-icon svg {
  width: 23px;
  height: 23px;
  stroke: var(--md-gold);
}

.md-schedule-card strong {
  display: block;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 8px;
}

.md-schedule-card div.md-schedule-desc {
  color: rgba(255, 255, 255, .6);
  font-size: 13px;
  line-height: 1.65;
  margin-bottom: 20px;
}

.md-schedule-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0;
  border-bottom: 1px dashed rgba(255, 255, 255, .15);
}

.md-schedule-row:last-child {
  border-bottom: none;
}

.md-schedule-row div.md-s-label {
  color: rgba(255, 255, 255, .55);
  font-size: 12px;
}

.md-schedule-row div.md-s-value {
  color: #fff;
  font-size: 12.5px;
  font-weight: 600;
}

.md-status-card {
  background: var(--md-white);
  border: 1px solid var(--md-line);
  border-radius: 16px;
  padding: 22px 24px;
}

.md-status-card strong {
  display: block;
  color: var(--md-navy);
  font-size: 14.5px;
  font-weight: 600;
  margin-bottom: 14px;
}

.md-status-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 8px 0;
  border-bottom: 1px dashed var(--md-line);
}

.md-status-item:last-child {
  border-bottom: none;
}

.md-status-item svg {
  width: 16px;
  height: 16px;
  stroke: var(--md-green);
  flex-shrink: 0;
  margin-top: 1px;
}

.md-status-item div {
  color: var(--md-muted);
  font-size: 12.5px;
  line-height: 1.55;
}

/* ---------- Responsive ---------- */
@media (max-width: 960px) {
  .md-grid {
    grid-template-columns: 1fr;
  }

  .md-heading-row h2 {
    font-size: 32px;
  }
}

@media (max-width: 560px) {
  .md-section {
    padding: 60px 0;
  }

  .md-checkups {
    grid-template-columns: 1fr;
  }

  .md-heading-row h2 {
    font-size: 26px;
  }
}


.sc-section {
  font-family: 'Poppins', sans-serif;
  background: var(--sc-cream);
  color: var(--sc-ink);
  padding: 90px 0;
  position: relative;
  overflow: hidden;
}

.sc-wrap {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  z-index: 2;
}

/* ---------- Heading ---------- */
.sc-heading-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 44px;
  flex-wrap: wrap;
}

.sc-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--sc-white);
  border: 1px solid var(--sc-line);
  color: var(--sc-navy);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  padding: 7px 16px;
  border-radius: 999px;
  margin-bottom: 16px;
}

.sc-eyebrow svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.sc-heading-row h2 {
  font-size: 40px;
  font-weight: 700;
  color: var(--sc-navy);
  margin: 0;
  line-height: 1.2;
}

.sc-heading-row h2 span {
  color: var(--sc-gold-dark);
}

.sc-heading-sub {
  max-width: 400px;
  color: var(--sc-muted);
  font-size: 15px;
  line-height: 1.7;
}

/* ---------- Leadership duo (Head Boy / Head Girl) ---------- */
.sc-leaders {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-bottom: 20px;
}

.sc-leader-card {
  background: var(--sc-navy);
  background-image: radial-gradient(circle at 100% 0%, rgba(247, 183, 51, .2), transparent 55%);
  border-radius: 20px;
  padding: 30px 28px;
  display: flex;
  align-items: center;
  gap: 20px;
  position: relative;
  overflow: hidden;
}

.sc-leader-card::after {
  content: "";
  position: absolute;
  right: -30px;
  bottom: -30px;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: rgba(247, 183, 51, .08);
}

.sc-leader-avatar {
  flex-shrink: 0;
  width: 84px;
  height: 84px;
  border-radius: 50%;
  background: linear-gradient(160deg, var(--sc-gold), var(--sc-gold-dark));
  color: var(--sc-navy-dark);
  font-size: 26px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px solid rgba(247, 183, 51, .3);
  position: relative;
  z-index: 1;
}

.sc-leader-body {
  position: relative;
  z-index: 1;
}

.sc-leader-role {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(247, 183, 51, .15);
  color: var(--sc-gold);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .03em;
  text-transform: uppercase;
  padding: 5px 12px;
  border-radius: 999px;
  margin-bottom: 10px;
}

.sc-leader-role svg {
  width: 12px;
  height: 12px;
}

.sc-leader-body strong {
  display: block;
  color: #fff;
  font-size: 19px;
  font-weight: 700;
  margin-bottom: 4px;
}

.sc-leader-body div.sc-leader-class {
  color: rgba(255, 255, 255, .55);
  font-size: 12.5px;
}

/* ---------- Council grid ---------- */
.sc-section-label {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 34px 0 18px;
}

.sc-section-label strong {
  color: var(--sc-navy);
  font-size: 16px;
  font-weight: 600;
  white-space: nowrap;
}

.sc-section-label .sc-line {
  height: 1px;
  flex: 1;
  background: var(--sc-line);
}

.sc-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.sc-card {
  background: var(--sc-white);
  border: 1px solid var(--sc-line);
  border-radius: 16px;
  padding: 20px;
  text-align: center;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.sc-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 30px rgba(14, 26, 107, .09);
  border-color: transparent;
}

.sc-avatar {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  margin: 0 auto 12px;
  background: linear-gradient(160deg, var(--sc-navy), var(--sc-navy-dark));
  color: var(--sc-gold);
  font-size: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sc-card strong {
  display: block;
  color: var(--sc-navy);
  font-size: 13.5px;
  font-weight: 600;
  margin-bottom: 5px;
}

.sc-role-pill {
  display: inline-flex;
  align-items: center;
  background: #fbf7ec;
  color: var(--sc-gold-dark);
  font-size: 10.5px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 999px;
  margin-bottom: 6px;
}

.sc-card div.sc-house {
  color: var(--sc-muted);
  font-size: 11.5px;
}

/* ---------- Bottom note ---------- */
.sc-note-card {
  margin-top: 34px;
  display: flex;
  align-items: center;
  gap: 20px;
  background: #fbf7ec;
  border: 1px solid var(--sc-line);
  border-radius: 16px;
  padding: 24px 26px;
  flex-wrap: wrap;
}

.sc-note-icon {
  width: 46px;
  height: 46px;
  border-radius: 12px;
  background: var(--sc-navy);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.sc-note-icon svg {
  width: 22px;
  height: 22px;
  stroke: var(--sc-gold);
}

.sc-note-body {
  flex: 1;
  min-width: 220px;
}

.sc-note-body strong {
  display: block;
  color: var(--sc-navy);
  font-size: 14.5px;
  font-weight: 600;
  margin-bottom: 4px;
}

.sc-note-body div {
  color: var(--sc-muted);
  font-size: 12.5px;
  line-height: 1.6;
}

/* ---------- Responsive ---------- */
@media (max-width: 900px) {
  .sc-leaders {
    grid-template-columns: 1fr;
  }

  .sc-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .sc-heading-row h2 {
    font-size: 32px;
  }
}

@media (max-width: 560px) {
  .sc-section {
    padding: 60px 0;
  }

  .sc-leader-card {
    flex-direction: column;
    text-align: center;
    padding: 26px 20px;
  }

  .sc-heading-row h2 {
    font-size: 26px;
  }
}


.cr-section {
  font-family: 'Poppins', sans-serif;
  background: var(--cr-cream);
  color: var(--cr-ink);
  padding: 90px 0;
  position: relative;
  overflow: hidden;
}

.cr-wrap {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  z-index: 2;
}

/* ---------- Heading ---------- */
.cr-heading-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 36px;
  flex-wrap: wrap;
}

.cr-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--cr-white);
  border: 1px solid var(--cr-line);
  color: var(--cr-navy);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  padding: 7px 16px;
  border-radius: 999px;
  margin-bottom: 16px;
}

.cr-eyebrow svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.cr-heading-row h2 {
  font-size: 40px;
  font-weight: 700;
  color: var(--cr-navy);
  margin: 0;
  line-height: 1.2;
}

.cr-heading-row h2 span {
  color: var(--cr-gold-dark);
}

.cr-heading-sub {
  max-width: 400px;
  color: var(--cr-muted);
  font-size: 15px;
  line-height: 1.7;
}

/* ---------- Stat strip ---------- */
.cr-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  margin-bottom: 28px;
}

.cr-stat-card {
  background: var(--cr-white);
  border: 1px solid var(--cr-line);
  border-radius: 16px;
  padding: 22px;
  display: flex;
  align-items: center;
  gap: 14px;
  transition: transform .25s ease, box-shadow .25s ease;
}

.cr-stat-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 30px rgba(14, 26, 107, .09);
}

.cr-stat-icon {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: var(--cr-navy);
  display: flex;
  align-items: center;
  justify-content: center;
}

.cr-stat-icon svg {
  width: 21px;
  height: 21px;
  stroke: var(--cr-gold);
}

.cr-stat-num {
  color: var(--cr-navy);
  font-size: 24px;
  font-weight: 800;
  line-height: 1.1;
}

.cr-stat-label {
  color: var(--cr-muted);
  font-size: 12px;
  font-weight: 500;
}

/* ---------- Layout ---------- */
.cr-grid {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 24px;
  align-items: start;
}

/* ---------- Left: team & schedule card ---------- */
.cr-team-card {
  background: var(--cr-navy);
  background-image: radial-gradient(circle at 100% 0%, rgba(247, 183, 51, .2), transparent 55%);
  border-radius: 20px;
  padding: 30px 26px;
}

.cr-team-icon {
  width: 50px;
  height: 50px;
  border-radius: 13px;
  background: rgba(247, 183, 51, .15);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
}

.cr-team-icon svg {
  width: 24px;
  height: 24px;
  stroke: var(--cr-gold);
}

.cr-team-card strong {
  display: block;
  color: #fff;
  font-size: 19px;
  font-weight: 700;
  margin-bottom: 8px;
}

.cr-team-card div.cr-team-desc {
  color: rgba(255, 255, 255, .6);
  font-size: 13px;
  line-height: 1.65;
  margin-bottom: 22px;
}

.cr-team-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0;
  border-bottom: 1px dashed rgba(255, 255, 255, .15);
}

.cr-team-row:last-child {
  border-bottom: none;
}

.cr-team-row div.cr-t-label {
  color: rgba(255, 255, 255, .55);
  font-size: 12px;
}

.cr-team-row div.cr-t-value {
  color: #fff;
  font-size: 12.5px;
  font-weight: 600;
  text-align: right;
}

/* ---------- Right: achievements + fixtures ---------- */
.cr-side {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.cr-panel {
  background: var(--cr-white);
  border: 1px solid var(--cr-line);
  border-radius: 20px;
  padding: 26px 24px;
}

.cr-panel-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
}

.cr-panel-head .cr-icon {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: var(--cr-navy);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.cr-panel-head .cr-icon svg {
  width: 18px;
  height: 18px;
  stroke: var(--cr-gold);
}

.cr-panel-head strong {
  color: var(--cr-navy);
  font-size: 15.5px;
  font-weight: 600;
}

.cr-achieve-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.cr-achieve-item {
  display: flex;
  align-items: center;
  gap: 14px;
  background: #fbf7ec;
  border-radius: 12px;
  padding: 12px 14px;
}

.cr-achieve-year {
  flex-shrink: 0;
  width: 52px;
  text-align: center;
  color: var(--cr-gold-dark);
  font-size: 13px;
  font-weight: 800;
}

.cr-achieve-text strong {
  display: block;
  color: var(--cr-navy);
  font-size: 13px;
  font-weight: 600;
}

.cr-achieve-text div {
  color: var(--cr-muted);
  font-size: 11.5px;
  margin-top: 2px;
}

.cr-fixture-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.cr-fixture-item {
  display: flex;
  align-items: center;
  gap: 14px;
  border: 1px solid var(--cr-line);
  border-radius: 12px;
  padding: 12px 14px;
}

.cr-fixture-date {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: var(--cr-cream);
  border-radius: 10px;
  padding: 8px 10px;
  line-height: 1.2;
}

.cr-fixture-date span {
  font-size: 9.5px;
  color: var(--cr-gold-dark);
  font-weight: 700;
}

.cr-fixture-date strong {
  color: var(--cr-navy);
  font-size: 15px;
  font-weight: 800;
}

.cr-fixture-text {
  flex: 1;
  min-width: 0;
}

.cr-fixture-text strong {
  display: block;
  color: var(--cr-navy);
  font-size: 13px;
  font-weight: 600;
}

.cr-fixture-text div {
  color: var(--cr-muted);
  font-size: 11.5px;
  margin-top: 2px;
}

.cr-fixture-status {
  flex-shrink: 0;
  font-size: 10.5px;
  font-weight: 700;
  padding: 5px 11px;
  border-radius: 999px;
  background: #e2f3e6;
  color: var(--cr-green);
}

/* ---------- Responsive ---------- */
@media (max-width: 960px) {
  .cr-grid {
    grid-template-columns: 1fr;
  }

  .cr-stats {
    grid-template-columns: repeat(2, 1fr);
  }

  .cr-heading-row h2 {
    font-size: 32px;
  }
}

@media (max-width: 560px) {
  .cr-section {
    padding: 60px 0;
  }

  .cr-stats {
    grid-template-columns: 1fr 1fr;
  }

  .cr-heading-row h2 {
    font-size: 26px;
  }

  .cr-fixture-item {
    flex-wrap: wrap;
  }
}


.pd-section {
  font-family: 'Poppins', sans-serif;
  background: var(--pd-cream);
  color: var(--pd-ink);
  padding: 90px 0;
  position: relative;
  overflow: hidden;
}

.pd-wrap {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  z-index: 2;
}

/* ---------- Heading ---------- */
.pd-heading-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 36px;
  flex-wrap: wrap;
}

.pd-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--pd-white);
  border: 1px solid var(--pd-line);
  color: var(--pd-navy);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  padding: 7px 16px;
  border-radius: 999px;
  margin-bottom: 16px;
}

.pd-eyebrow svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.pd-heading-row h2 {
  font-size: 40px;
  font-weight: 700;
  color: var(--pd-navy);
  margin: 0;
  line-height: 1.2;
}

.pd-heading-row h2 span {
  color: var(--pd-gold-dark);
}

.pd-heading-sub {
  max-width: 400px;
  color: var(--pd-muted);
  font-size: 15px;
  line-height: 1.7;
}

/* ---------- Stat strip ---------- */
.pd-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  margin-bottom: 28px;
}

.pd-stat-card {
  background: var(--pd-white);
  border: 1px solid var(--pd-line);
  border-radius: 16px;
  padding: 22px;
  display: flex;
  align-items: center;
  gap: 14px;
  transition: transform .25s ease, box-shadow .25s ease;
}

.pd-stat-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 30px rgba(14, 26, 107, .09);
}

.pd-stat-icon {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: var(--pd-navy);
  display: flex;
  align-items: center;
  justify-content: center;
}

.pd-stat-icon svg {
  width: 21px;
  height: 21px;
  stroke: var(--pd-gold);
}

.pd-stat-num {
  color: var(--pd-navy);
  font-size: 24px;
  font-weight: 800;
  line-height: 1.1;
}

.pd-stat-label {
  color: var(--pd-muted);
  font-size: 12px;
  font-weight: 500;
}

/* ---------- Layout ---------- */
.pd-grid {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 24px;
  align-items: start;
}

/* ---------- Left: cell details card ---------- */
.pd-team-card {
  background: var(--pd-navy);
  background-image: radial-gradient(circle at 100% 0%, rgba(247, 183, 51, .2), transparent 55%);
  border-radius: 20px;
  padding: 30px 26px;
}

.pd-team-icon {
  width: 50px;
  height: 50px;
  border-radius: 13px;
  background: rgba(247, 183, 51, .15);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
}

.pd-team-icon svg {
  width: 24px;
  height: 24px;
  stroke: var(--pd-gold);
}

.pd-team-card strong {
  display: block;
  color: #fff;
  font-size: 19px;
  font-weight: 700;
  margin-bottom: 8px;
}

.pd-team-card div.pd-team-desc {
  color: rgba(255, 255, 255, .6);
  font-size: 13px;
  line-height: 1.65;
  margin-bottom: 22px;
}

.pd-team-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0;
  border-bottom: 1px dashed rgba(255, 255, 255, .15);
}

.pd-team-row:last-child {
  border-bottom: none;
}

.pd-team-row div.pd-t-label {
  color: rgba(255, 255, 255, .55);
  font-size: 12px;
}

.pd-team-row div.pd-t-value {
  color: #fff;
  font-size: 12.5px;
  font-weight: 600;
  text-align: right;
}

/* ---------- Right: focus areas + session plan ---------- */
.pd-side {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.pd-panel {
  background: var(--pd-white);
  border: 1px solid var(--pd-line);
  border-radius: 20px;
  padding: 26px 24px;
}

.pd-panel-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
}

.pd-panel-head .pd-icon {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: var(--pd-navy);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.pd-panel-head .pd-icon svg {
  width: 18px;
  height: 18px;
  stroke: var(--pd-gold);
}

.pd-panel-head strong {
  color: var(--pd-navy);
  font-size: 15.5px;
  font-weight: 600;
}

.pd-focus-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.pd-focus-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  background: #fbf7ec;
  border-radius: 12px;
  padding: 12px 14px;
}

.pd-focus-item svg {
  width: 16px;
  height: 16px;
  stroke: var(--pd-gold-dark);
  flex-shrink: 0;
  margin-top: 1px;
}

.pd-focus-item div {
  color: var(--pd-ink);
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1.5;
}

.pd-session-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.pd-session-item {
  display: flex;
  align-items: center;
  gap: 14px;
  border: 1px solid var(--pd-line);
  border-radius: 12px;
  padding: 12px 14px;
}

.pd-session-time {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: var(--pd-cream);
  border-radius: 10px;
  padding: 8px 12px;
  line-height: 1.2;
  min-width: 70px;
}

.pd-session-time span {
  font-size: 9.5px;
  color: var(--pd-gold-dark);
  font-weight: 700;
}

.pd-session-time strong {
  color: var(--pd-navy);
  font-size: 12px;
  font-weight: 800;
}

.pd-session-text {
  flex: 1;
  min-width: 0;
}

.pd-session-text strong {
  display: block;
  color: var(--pd-navy);
  font-size: 13px;
  font-weight: 600;
}

.pd-session-text div {
  color: var(--pd-muted);
  font-size: 11.5px;
  margin-top: 2px;
}

.pd-session-level {
  flex-shrink: 0;
  font-size: 10.5px;
  font-weight: 700;
  padding: 5px 11px;
  border-radius: 999px;
  background: #e2f3e6;
  color: var(--pd-green);
}

/* ---------- Responsive ---------- */
@media (max-width: 960px) {
  .pd-grid {
    grid-template-columns: 1fr;
  }

  .pd-stats {
    grid-template-columns: repeat(2, 1fr);
  }

  .pd-heading-row h2 {
    font-size: 32px;
  }
}

@media (max-width: 560px) {
  .pd-section {
    padding: 60px 0;
  }

  .pd-stats {
    grid-template-columns: 1fr 1fr;
  }

  .pd-focus-grid {
    grid-template-columns: 1fr;
  }

  .pd-heading-row h2 {
    font-size: 26px;
  }

  .pd-session-item {
    flex-wrap: wrap;
  }
}


.sc-section {
  font-family: 'Poppins', sans-serif;
  background: var(--sc-cream);
  color: var(--sc-ink);
  padding: 90px 0;
  position: relative;
  overflow: hidden;
}

.sc-wrap {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  z-index: 2;
}

/* ---------- Heading ---------- */
.sc-heading-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 44px;
  flex-wrap: wrap;
}

.sc-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--sc-white);
  border: 1px solid var(--sc-line);
  color: var(--sc-navy);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  padding: 7px 16px;
  border-radius: 999px;
  margin-bottom: 16px;
}

.sc-eyebrow svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.sc-heading-row h2 {
  font-size: 40px;
  font-weight: 700;
  color: var(--sc-navy);
  margin: 0;
  line-height: 1.2;
}

.sc-heading-row h2 span {
  color: var(--sc-gold-dark);
}

.sc-heading-sub {
  max-width: 400px;
  color: var(--sc-muted);
  font-size: 15px;
  line-height: 1.7;
}

/* ---------- Leadership duo (Head Boy / Head Girl) ---------- */
.sc-leaders {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-bottom: 20px;
}

.sc-leader-card {
  background: var(--sc-navy);
  background-image: radial-gradient(circle at 100% 0%, rgba(247, 183, 51, .2), transparent 55%);
  border-radius: 20px;
  padding: 30px 28px;
  display: flex;
  align-items: center;
  gap: 20px;
  position: relative;
  overflow: hidden;
}

.sc-leader-card::after {
  content: "";
  position: absolute;
  right: -30px;
  bottom: -30px;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: rgba(247, 183, 51, .08);
}

.sc-leader-avatar {
  flex-shrink: 0;
  width: 84px;
  height: 84px;
  border-radius: 50%;
  background: linear-gradient(160deg, var(--sc-gold), var(--sc-gold-dark));
  color: var(--sc-navy-dark);
  font-size: 26px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px solid rgba(247, 183, 51, .3);
  position: relative;
  z-index: 1;
}

.sc-leader-body {
  position: relative;
  z-index: 1;
}

.sc-leader-role {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(247, 183, 51, .15);
  color: var(--sc-gold);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .03em;
  text-transform: uppercase;
  padding: 5px 12px;
  border-radius: 999px;
  margin-bottom: 10px;
}

.sc-leader-role svg {
  width: 12px;
  height: 12px;
}

.sc-leader-body strong {
  display: block;
  color: #fff;
  font-size: 19px;
  font-weight: 700;
  margin-bottom: 4px;
}

.sc-leader-body div.sc-leader-class {
  color: rgba(255, 255, 255, .55);
  font-size: 12.5px;
}

/* ---------- Council grid ---------- */
.sc-section-label {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 34px 0 18px;
}

.sc-section-label strong {
  color: var(--sc-navy);
  font-size: 16px;
  font-weight: 600;
  white-space: nowrap;
}

.sc-section-label .sc-line {
  height: 1px;
  flex: 1;
  background: var(--sc-line);
}

.sc-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.sc-card {
  background: var(--sc-white);
  border: 1px solid var(--sc-line);
  border-radius: 16px;
  padding: 20px;
  text-align: center;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.sc-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 30px rgba(14, 26, 107, .09);
  border-color: transparent;
}

.sc-avatar {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  margin: 0 auto 12px;
  background: linear-gradient(160deg, var(--sc-navy), var(--sc-navy-dark));
  color: var(--sc-gold);
  font-size: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sc-card strong {
  display: block;
  color: var(--sc-navy);
  font-size: 13.5px;
  font-weight: 600;
  margin-bottom: 5px;
}

.sc-role-pill {
  display: inline-flex;
  align-items: center;
  background: #fbf7ec;
  color: var(--sc-gold-dark);
  font-size: 10.5px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 999px;
  margin-bottom: 6px;
}

.sc-card div.sc-house {
  color: var(--sc-muted);
  font-size: 11.5px;
}

/* ---------- Bottom note ---------- */
.sc-note-card {
  margin-top: 34px;
  display: flex;
  align-items: center;
  gap: 20px;
  background: #fbf7ec;
  border: 1px solid var(--sc-line);
  border-radius: 16px;
  padding: 24px 26px;
  flex-wrap: wrap;
}

.sc-note-icon {
  width: 46px;
  height: 46px;
  border-radius: 12px;
  background: var(--sc-navy);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.sc-note-icon svg {
  width: 22px;
  height: 22px;
  stroke: var(--sc-gold);
}

.sc-note-body {
  flex: 1;
  min-width: 220px;
}

.sc-note-body strong {
  display: block;
  color: var(--sc-navy);
  font-size: 14.5px;
  font-weight: 600;
  margin-bottom: 4px;
}

.sc-note-body div {
  color: var(--sc-muted);
  font-size: 12.5px;
  line-height: 1.6;
}

/* ---------- Responsive ---------- */
@media (max-width: 900px) {
  .sc-leaders {
    grid-template-columns: 1fr;
  }

  .sc-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .sc-heading-row h2 {
    font-size: 32px;
  }
}

@media (max-width: 560px) {
  .sc-section {
    padding: 60px 0;
  }

  .sc-leader-card {
    flex-direction: column;
    text-align: center;
    padding: 26px 20px;
  }

  .sc-heading-row h2 {
    font-size: 26px;
  }
}



.st-section {
  font-family: 'Poppins', sans-serif;
  background: var(--st-cream);
  color: var(--st-ink);
  padding: 90px 0;
  position: relative;
  overflow: hidden;
}

.st-wrap {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  z-index: 2;
}

/* ---------- Heading ---------- */
.st-heading-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 44px;
  flex-wrap: wrap;
}

.st-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--st-white);
  border: 1px solid var(--st-line);
  color: var(--st-navy);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  padding: 7px 16px;
  border-radius: 999px;
  margin-bottom: 16px;
}

.st-eyebrow svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.st-heading-row h2 {
  font-size: 40px;
  font-weight: 700;
  color: var(--st-navy);
  margin: 0;
  line-height: 1.2;
}

.st-heading-row h2 span {
  color: var(--st-gold-dark);
}

.st-heading-sub {
  max-width: 400px;
  color: var(--st-muted);
  font-size: 15px;
  line-height: 1.7;
}

/* ---------- Layout ---------- */
.st-grid {
  display: grid;
  grid-template-columns: 1.3fr 0.7fr;
  gap: 24px;
  align-items: start;
}

/* ---------- Table card ---------- */
.st-table-card {
  background: var(--st-white);
  border: 1px solid var(--st-line);
  border-radius: 20px;
  overflow: hidden;
}

.st-table-head {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1fr;
  background: var(--st-navy);
  background-image: radial-gradient(circle at 100% 0%, rgba(247, 183, 51, .18), transparent 55%);
}

.st-table-head>div {
  color: #fff;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .02em;
  text-transform: uppercase;
  padding: 16px 20px;
}

.st-table-head>div:first-child {
  color: var(--st-gold);
}

.st-table-row {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1fr;
  border-bottom: 1px solid var(--st-line);
  transition: background .2s ease;
}

.st-table-row:last-child {
  border-bottom: none;
}

.st-table-row:hover {
  background: #fbf9f3;
}

.st-table-row>div {
  padding: 16px 20px;
  display: flex;
  align-items: center;
  font-size: 13.5px;
}

.st-cell-class {
  font-weight: 600;
  color: var(--st-navy);
  gap: 10px;
}

.st-cell-class .st-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--st-gold);
  flex-shrink: 0;
}

.st-cell-time {
  color: var(--st-ink);
  font-weight: 500;
}

.st-cell-hours {
  color: var(--st-gold-dark);
  font-weight: 700;
}

.st-table-foot {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  background: #fbf7ec;
  padding: 16px 22px;
  font-size: 12.5px;
  color: var(--st-muted);
  line-height: 1.6;
}

.st-table-foot svg {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
  margin-top: 2px;
  stroke: var(--st-gold-dark);
}

/* ---------- Sidebar ---------- */
.st-side {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.st-office-card {
  background: var(--st-navy);
  background-image: radial-gradient(circle at 100% 0%, rgba(247, 183, 51, .18), transparent 55%);
  border-radius: 20px;
  padding: 28px 26px;
}

.st-office-icon {
  width: 48px;
  height: 48px;
  border-radius: 13px;
  background: rgba(247, 183, 51, .15);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
}

.st-office-icon svg {
  width: 23px;
  height: 23px;
  stroke: var(--st-gold);
}

.st-office-card strong {
  display: block;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 8px;
}

.st-office-card div.st-office-desc {
  color: rgba(255, 255, 255, .6);
  font-size: 12.5px;
  line-height: 1.6;
  margin-bottom: 20px;
}

.st-office-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 0;
  border-bottom: 1px dashed rgba(255, 255, 255, .15);
}

.st-office-row:last-child {
  border-bottom: none;
}

.st-office-row div.st-o-label {
  color: rgba(255, 255, 255, .55);
  font-size: 12px;
}

.st-office-row div.st-o-value {
  color: #fff;
  font-size: 12.5px;
  font-weight: 600;
  text-align: right;
}

.st-note-card {
  background: var(--st-white);
  border: 1px solid var(--st-line);
  border-radius: 16px;
  padding: 22px 24px;
}

.st-note-card strong {
  display: block;
  color: var(--st-navy);
  font-size: 14.5px;
  font-weight: 600;
  margin-bottom: 14px;
}

.st-note-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 8px 0;
  border-bottom: 1px dashed var(--st-line);
}

.st-note-item:last-child {
  border-bottom: none;
}

.st-note-item svg {
  width: 16px;
  height: 16px;
  stroke: var(--st-gold-dark);
  flex-shrink: 0;
  margin-top: 1px;
}

.st-note-item div {
  color: var(--st-muted);
  font-size: 12.5px;
  line-height: 1.55;
}

/* ---------- Responsive ---------- */
@media (max-width: 960px) {
  .st-grid {
    grid-template-columns: 1fr;
  }

  .st-heading-row h2 {
    font-size: 32px;
  }
}

@media (max-width: 640px) {
  .st-section {
    padding: 60px 0;
  }

  .st-table-head,
  .st-table-row {
    grid-template-columns: 1.2fr 1fr 1fr;
  }

  .st-cell-hours {
    display: none;
  }

  .st-heading-row h2 {
    font-size: 26px;
  }
}



.sp-section {
  font-family: 'Poppins', sans-serif;
  background: var(--sp-cream);
  color: var(--sp-ink);
  padding: 90px 0;
  position: relative;
  overflow: hidden;
}

.sp-wrap {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  z-index: 2;
}

/* ---------- Heading ---------- */
.sp-heading {
  text-align: center;
  margin-bottom: 40px;
}

.sp-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--sp-white);
  border: 1px solid var(--sp-line-c);
  color: var(--sp-navy);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  padding: 7px 16px;
  border-radius: 999px;
  margin-bottom: 16px;
}

.sp-eyebrow svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.sp-heading h2 {
  font-size: 38px;
  font-weight: 700;
  color: var(--sp-navy);
  margin: 0 0 12px;
  line-height: 1.2;
}

.sp-heading h2 span {
  color: var(--sp-gold-dark);
}

.sp-heading-sub {
  max-width: 480px;
  margin: 0 auto;
  color: var(--sp-muted);
  font-size: 14.5px;
  line-height: 1.7;
}

/* ---------- Prayer card ---------- */
.sp-card {
  background: var(--sp-navy);
  background-image: radial-gradient(circle at 50% 0%, rgba(247, 183, 51, .16), transparent 60%);
  border-radius: 24px;
  padding: 52px 48px;
  position: relative;
  overflow: hidden;
  text-align: center;
}

.sp-card::before,
.sp-card::after {
  content: "";
  position: absolute;
  width: 80px;
  height: 80px;
  border: 1px solid rgba(247, 183, 51, .25);
  border-radius: 50%;
}

.sp-card::before {
  top: -30px;
  left: -30px;
}

.sp-card::after {
  bottom: -30px;
  right: -30px;
}

.sp-quote-mark {
  width: 40px;
  height: 40px;
  margin: 0 auto 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--sp-gold);
  opacity: .8;
}

.sp-quote-mark svg {
  width: 32px;
  height: 32px;
}

.sp-prayer-text {
  font-family: 'Playfair Display', serif;
  position: relative;
  z-index: 1;
}

.sp-line {
  color: #fff;
  font-size: 19px;
  line-height: 1.9;
  font-weight: 600;
  font-style: italic;
}

.sp-line.sp-muted-line {
  color: rgba(255, 255, 255, .55);
  font-size: 12px;
  font-family: 'Poppins', sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .03em;
  text-transform: uppercase;
  margin: 22px 0 10px;
}

.sp-divider {
  width: 56px;
  height: 3px;
  background: var(--sp-gold);
  border-radius: 999px;
  margin: 26px auto;
}

/* ---------- Meta row ---------- */
.sp-meta-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 30px;
}

.sp-meta-item {
  background: var(--sp-white);
  border: 1px solid var(--sp-line-c);
  border-radius: 14px;
  padding: 18px 16px;
  text-align: center;
}

.sp-meta-icon {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: var(--sp-navy);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 10px;
}

.sp-meta-icon svg {
  width: 18px;
  height: 18px;
  stroke: var(--sp-gold);
}

.sp-meta-item strong {
  display: block;
  color: var(--sp-navy);
  font-size: 12.5px;
  font-weight: 600;
  margin-bottom: 3px;
}

.sp-meta-item div {
  color: var(--sp-muted);
  font-size: 11px;
}

/* ---------- Edit notice (remove once real text is added) ---------- */
.sp-edit-notice {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  background: #fdecc3;
  border: 1px dashed var(--sp-gold-dark);
  border-radius: 14px;
  padding: 14px 18px;
  margin-top: 24px;
  font-size: 12.5px;
  color: var(--sp-navy);
  line-height: 1.6;
}

.sp-edit-notice svg {
  width: 16px;
  height: 16px;
  stroke: var(--sp-gold-dark);
  flex-shrink: 0;
  margin-top: 1px;
}

/* ---------- Responsive ---------- */
@media (max-width: 640px) {
  .sp-section {
    padding: 60px 0;
  }

  .sp-card {
    padding: 38px 24px;
  }

  .sp-heading h2 {
    font-size: 28px;
  }

  .sp-line {
    font-size: 16px;
  }

  .sp-meta-row {
    grid-template-columns: 1fr;
  }
}


.cc-section {
  font-family: 'Poppins', sans-serif;
  background: var(--cc-cream);
  color: var(--cc-ink);
  padding: 90px 0;
  position: relative;
  overflow: hidden;
}

.cc-wrap {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  z-index: 2;
}

/* ---------- Heading ---------- */
.cc-heading-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 36px;
  flex-wrap: wrap;
}

.cc-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--cc-white);
  border: 1px solid var(--cc-line);
  color: var(--cc-navy);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  padding: 7px 16px;
  border-radius: 999px;
  margin-bottom: 16px;
}

.cc-eyebrow svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.cc-heading-row h2 {
  font-size: 40px;
  font-weight: 700;
  color: var(--cc-navy);
  margin: 0;
  line-height: 1.2;
}

.cc-heading-row h2 span {
  color: var(--cc-gold-dark);
}

.cc-heading-sub {
  max-width: 400px;
  color: var(--cc-muted);
  font-size: 15px;
  line-height: 1.7;
}

/* ---------- Core values strip ---------- */
.cc-values {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  margin-bottom: 28px;
}

.cc-value-card {
  background: var(--cc-white);
  border: 1px solid var(--cc-line);
  border-radius: 16px;
  padding: 20px;
  text-align: center;
  transition: transform .25s ease, box-shadow .25s ease;
}

.cc-value-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 30px rgba(14, 26, 107, .09);
}

.cc-value-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: var(--cc-navy);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 12px;
}

.cc-value-icon svg {
  width: 20px;
  height: 20px;
  stroke: var(--cc-gold);
}

.cc-value-card strong {
  display: block;
  color: var(--cc-navy);
  font-size: 13.5px;
  font-weight: 600;
}

/* ---------- Do's & Don'ts ---------- */
.cc-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-bottom: 20px;
}

.cc-panel {
  background: var(--cc-white);
  border: 1px solid var(--cc-line);
  border-radius: 20px;
  padding: 26px 24px;
}

.cc-panel-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
}

.cc-panel-head .cc-icon {
  width: 40px;
  height: 40px;
  border-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.cc-panel-head.cc-do .cc-icon {
  background: #e2f3e6;
}

.cc-panel-head.cc-do .cc-icon svg {
  stroke: var(--cc-green);
}

.cc-panel-head.cc-dont .cc-icon {
  background: #fbe4e4;
}

.cc-panel-head.cc-dont .cc-icon svg {
  stroke: var(--cc-red);
}

.cc-panel-head .cc-icon svg {
  width: 19px;
  height: 19px;
}

.cc-panel-head strong {
  color: var(--cc-navy);
  font-size: 15.5px;
  font-weight: 600;
}

.cc-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.cc-list-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.cc-list-item svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  margin-top: 2px;
}

.cc-do .cc-list-item svg {
  stroke: var(--cc-green);
}

.cc-dont .cc-list-item svg {
  stroke: var(--cc-red);
}

.cc-list-item div {
  color: var(--cc-ink);
  font-size: 13px;
  line-height: 1.6;
}

/* ---------- Disciplinary note ---------- */
.cc-note-card {
  display: flex;
  align-items: center;
  gap: 20px;
  background: var(--cc-navy);
  background-image: radial-gradient(circle at 100% 0%, rgba(247, 183, 51, .18), transparent 55%);
  border-radius: 16px;
  padding: 26px 28px;
  flex-wrap: wrap;
}

.cc-note-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: rgba(247, 183, 51, .15);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.cc-note-icon svg {
  width: 24px;
  height: 24px;
  stroke: var(--cc-gold);
}

.cc-note-body {
  flex: 1;
  min-width: 220px;
}

.cc-note-body strong {
  display: block;
  color: #fff;
  font-size: 15.5px;
  font-weight: 600;
  margin-bottom: 5px;
}

.cc-note-body div {
  color: rgba(255, 255, 255, .6);
  font-size: 13px;
  line-height: 1.6;
}

.cc-note-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--cc-gold);
  color: var(--cc-navy-dark);
  border: none;
  border-radius: 999px;
  padding: 12px 20px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: background .2s ease, transform .2s ease;
}

.cc-note-btn:hover {
  background: var(--cc-gold-dark);
  transform: translateY(-2px);
}

.cc-note-btn svg {
  width: 14px;
  height: 14px;
}

/* ---------- Responsive ---------- */
@media (max-width: 960px) {
  .cc-values {
    grid-template-columns: repeat(2, 1fr);
  }

  .cc-heading-row h2 {
    font-size: 32px;
  }
}

@media (max-width: 700px) {
  .cc-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px) {
  .cc-section {
    padding: 60px 0;
  }

  .cc-values {
    grid-template-columns: 1fr 1fr;
  }

  .cc-heading-row h2 {
    font-size: 26px;
  }
}

.cc-section {
  font-family: 'Poppins', sans-serif;
  background: var(--cc-cream);
  color: var(--cc-ink);
  padding: 90px 0;
  position: relative;
  overflow: hidden;
}

.cc-wrap {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  z-index: 2;
}

/* ---------- Heading ---------- */
.cc-heading-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 36px;
  flex-wrap: wrap;
}

.cc-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--cc-white);
  border: 1px solid var(--cc-line);
  color: var(--cc-navy);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  padding: 7px 16px;
  border-radius: 999px;
  margin-bottom: 16px;
}

.cc-eyebrow svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.cc-heading-row h2 {
  font-size: 40px;
  font-weight: 700;
  color: var(--cc-navy);
  margin: 0;
  line-height: 1.2;
}

.cc-heading-row h2 span {
  color: var(--cc-gold-dark);
}

.cc-heading-sub {
  max-width: 400px;
  color: var(--cc-muted);
  font-size: 15px;
  line-height: 1.7;
}

/* ---------- Core values strip ---------- */
.cc-values {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  margin-bottom: 28px;
}

.cc-value-card {
  background: var(--cc-white);
  border: 1px solid var(--cc-line);
  border-radius: 16px;
  padding: 20px;
  text-align: center;
  transition: transform .25s ease, box-shadow .25s ease;
}

.cc-value-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 30px rgba(14, 26, 107, .09);
}

.cc-value-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: var(--cc-navy);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 12px;
}

.cc-value-icon svg {
  width: 20px;
  height: 20px;
  stroke: var(--cc-gold);
}

.cc-value-card strong {
  display: block;
  color: var(--cc-navy);
  font-size: 13.5px;
  font-weight: 600;
}

/* ---------- Do's & Don'ts ---------- */
.cc-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-bottom: 20px;
}

.cc-panel {
  background: var(--cc-white);
  border: 1px solid var(--cc-line);
  border-radius: 20px;
  padding: 26px 24px;
}

.cc-panel-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
}

.cc-panel-head .cc-icon {
  width: 40px;
  height: 40px;
  border-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.cc-panel-head.cc-do .cc-icon {
  background: #e2f3e6;
}

.cc-panel-head.cc-do .cc-icon svg {
  stroke: var(--cc-green);
}

.cc-panel-head.cc-dont .cc-icon {
  background: #fbe4e4;
}

.cc-panel-head.cc-dont .cc-icon svg {
  stroke: var(--cc-red);
}

.cc-panel-head .cc-icon svg {
  width: 19px;
  height: 19px;
}

.cc-panel-head strong {
  color: var(--cc-navy);
  font-size: 15.5px;
  font-weight: 600;
}

.cc-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.cc-list-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.cc-list-item svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  margin-top: 2px;
}

.cc-do .cc-list-item svg {
  stroke: var(--cc-green);
}

.cc-dont .cc-list-item svg {
  stroke: var(--cc-red);
}

.cc-list-item div {
  color: var(--cc-ink);
  font-size: 13px;
  line-height: 1.6;
}

/* ---------- Disciplinary note ---------- */
.cc-note-card {
  display: flex;
  align-items: center;
  gap: 20px;
  background: var(--cc-navy);
  background-image: radial-gradient(circle at 100% 0%, rgba(247, 183, 51, .18), transparent 55%);
  border-radius: 16px;
  padding: 26px 28px;
  flex-wrap: wrap;
}

.cc-note-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: rgba(247, 183, 51, .15);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.cc-note-icon svg {
  width: 24px;
  height: 24px;
  stroke: var(--cc-gold);
}

.cc-note-body {
  flex: 1;
  min-width: 220px;
}

.cc-note-body strong {
  display: block;
  color: #fff;
  font-size: 15.5px;
  font-weight: 600;
  margin-bottom: 5px;
}

.cc-note-body div {
  color: rgba(255, 255, 255, .6);
  font-size: 13px;
  line-height: 1.6;
}

.cc-note-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--cc-gold);
  color: var(--cc-navy-dark);
  border: none;
  border-radius: 999px;
  padding: 12px 20px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: background .2s ease, transform .2s ease;
}

.cc-note-btn:hover {
  background: var(--cc-gold-dark);
  transform: translateY(-2px);
}

.cc-note-btn svg {
  width: 14px;
  height: 14px;
}

/* ---------- Responsive ---------- */
@media (max-width: 960px) {
  .cc-values {
    grid-template-columns: repeat(2, 1fr);
  }

  .cc-heading-row h2 {
    font-size: 32px;
  }
}

@media (max-width: 700px) {
  .cc-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px) {
  .cc-section {
    padding: 60px 0;
  }

  .cc-values {
    grid-template-columns: 1fr 1fr;
  }

  .cc-heading-row h2 {
    font-size: 26px;
  }
}


.sr-section {
  font-family: 'Poppins', sans-serif;
  background: var(--sr-cream);
  color: var(--sr-ink);
  padding: 90px 0;
  position: relative;
  overflow: hidden;
}

.sr-wrap {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  z-index: 2;
}

/* ---------- Heading ---------- */
.sr-heading-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 50px;
  flex-wrap: wrap;
}

.sr-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--sr-white);
  border: 1px solid var(--sr-line);
  color: var(--sr-navy);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  padding: 7px 16px;
  border-radius: 999px;
  margin-bottom: 16px;
}

.sr-eyebrow svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.sr-heading-row h2 {
  font-size: 40px;
  font-weight: 700;
  color: var(--sr-navy);
  margin: 0;
  line-height: 1.2;
}

.sr-heading-row h2 span {
  color: var(--sr-gold-dark);
}

.sr-heading-sub {
  max-width: 400px;
  color: var(--sr-muted);
  font-size: 15px;
  line-height: 1.7;
}

/* ---------- Grid ---------- */
.sr-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.sr-card {
  background: var(--sr-white);
  border: 1px solid var(--sr-line);
  border-radius: 16px;
  padding: 26px 24px;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.sr-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 32px rgba(14, 26, 107, .1);
  border-color: transparent;
}

.sr-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
}

.sr-icon {
  width: 46px;
  height: 46px;
  border-radius: 12px;
  background: var(--sr-navy);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.sr-icon svg {
  width: 22px;
  height: 22px;
  stroke: var(--sr-gold);
}

.sr-tag {
  background: #fbf7ec;
  color: var(--sr-gold-dark);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .02em;
  text-transform: uppercase;
  padding: 5px 11px;
  border-radius: 999px;
}

.sr-card strong {
  display: block;
  color: var(--sr-navy);
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px;
}

.sr-card div.sr-desc {
  color: var(--sr-muted);
  font-size: 13.5px;
  line-height: 1.65;
}

/* ---------- Full-width note ---------- */
.sr-note-card {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 20px;
  background: var(--sr-navy);
  background-image: radial-gradient(circle at 100% 0%, rgba(247, 183, 51, .18), transparent 55%);
  border-radius: 16px;
  padding: 26px 28px;
  margin-top: 8px;
  flex-wrap: wrap;
}

.sr-note-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: rgba(247, 183, 51, .15);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.sr-note-icon svg {
  width: 24px;
  height: 24px;
  stroke: var(--sr-gold);
}

.sr-note-body {
  flex: 1;
  min-width: 220px;
}

.sr-note-body strong {
  display: block;
  color: #fff;
  font-size: 15.5px;
  font-weight: 600;
  margin-bottom: 5px;
}

.sr-note-body div {
  color: rgba(255, 255, 255, .6);
  font-size: 13px;
  line-height: 1.6;
}

.sr-note-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--sr-gold);
  color: var(--sr-navy-dark);
  border: none;
  border-radius: 999px;
  padding: 12px 20px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: background .2s ease, transform .2s ease;
}

.sr-note-btn:hover {
  background: var(--sr-gold-dark);
  transform: translateY(-2px);
}

.sr-note-btn svg {
  width: 14px;
  height: 14px;
}

/* ---------- Responsive ---------- */
@media (max-width: 960px) {
  .sr-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .sr-heading-row h2 {
    font-size: 32px;
  }
}

@media (max-width: 620px) {
  .sr-section {
    padding: 60px 0;
  }

  .sr-grid {
    grid-template-columns: 1fr;
  }

  .sr-heading-row h2 {
    font-size: 26px;
  }

  .sr-note-card {
    flex-direction: column;
    align-items: flex-start;
  }
}


.tc-section {
  font-family: 'Poppins', sans-serif;
  background: var(--tc-cream);
  color: var(--tc-ink);
  padding: 90px 0;
  position: relative;
  overflow: hidden;
}

.tc-wrap {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  z-index: 2;
}

/* ---------- Heading ---------- */
.tc-heading-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 44px;
  flex-wrap: wrap;
}

.tc-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--tc-white);
  border: 1px solid var(--tc-line);
  color: var(--tc-navy);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  padding: 7px 16px;
  border-radius: 999px;
  margin-bottom: 16px;
}

.tc-eyebrow svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.tc-heading-row h2 {
  font-size: 40px;
  font-weight: 700;
  color: var(--tc-navy);
  margin: 0;
  line-height: 1.2;
}

.tc-heading-row h2 span {
  color: var(--tc-gold-dark);
}

.tc-heading-actions {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}

.tc-heading-sub {
  max-width: 360px;
  color: var(--tc-muted);
  font-size: 15px;
  line-height: 1.7;
}

.tc-download-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--tc-navy);
  color: #fff;
  border: none;
  border-radius: 999px;
  padding: 13px 22px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: background .2s ease, transform .2s ease;
}

.tc-download-btn:hover {
  background: var(--tc-navy-dark);
  transform: translateY(-2px);
}

.tc-download-btn svg {
  width: 15px;
  height: 15px;
  stroke: var(--tc-gold);
}

/* ---------- Layout ---------- */
.tc-grid {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 24px;
  align-items: start;
}

/* ---------- Process timeline ---------- */
.tc-timeline {
  background: var(--tc-white);
  border: 1px solid var(--tc-line);
  border-radius: 20px;
  padding: 32px 30px;
}

.tc-timeline-head {
  margin-bottom: 24px;
  padding-bottom: 18px;
  border-bottom: 1px dashed var(--tc-line);
}

.tc-timeline-head strong {
  display: block;
  color: var(--tc-navy);
  font-size: 17px;
  font-weight: 600;
}

.tc-timeline-head div {
  color: var(--tc-muted);
  font-size: 12.5px;
  margin-top: 4px;
}

.tc-timeline-list {
  display: flex;
  flex-direction: column;
}

.tc-timeline-item {
  display: flex;
  gap: 18px;
  position: relative;
  padding-bottom: 26px;
}

.tc-timeline-item:last-child {
  padding-bottom: 0;
}

.tc-timeline-item::before {
  content: "";
  position: absolute;
  left: 15px;
  top: 36px;
  bottom: 0;
  width: 1px;
  background: var(--tc-line);
}

.tc-timeline-item:last-child::before {
  display: none;
}

.tc-timeline-num {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 10px;
  background: var(--tc-navy);
  color: var(--tc-gold);
  font-weight: 700;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tc-timeline-body strong {
  display: block;
  color: var(--tc-navy);
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 4px;
}

.tc-timeline-body div.tc-desc {
  color: var(--tc-muted);
  font-size: 13px;
  line-height: 1.6;
}

.tc-timeline-body div.tc-days {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--tc-gold-dark);
  font-size: 11.5px;
  font-weight: 600;
  margin-top: 8px;
}

.tc-timeline-body div.tc-days svg {
  width: 13px;
  height: 13px;
  stroke: var(--tc-gold-dark);
}

/* ---------- Sidebar ---------- */
.tc-side {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.tc-req-card {
  background: var(--tc-navy);
  background-image: radial-gradient(circle at 100% 0%, rgba(247, 183, 51, .2), transparent 55%);
  border-radius: 20px;
  padding: 28px 26px;
}

.tc-req-icon {
  width: 48px;
  height: 48px;
  border-radius: 13px;
  background: rgba(247, 183, 51, .15);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
}

.tc-req-icon svg {
  width: 23px;
  height: 23px;
  stroke: var(--tc-gold);
}

.tc-req-card strong {
  display: block;
  color: #fff;
  font-size: 16.5px;
  font-weight: 700;
  margin-bottom: 14px;
}

.tc-req-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.tc-req-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.tc-req-item svg {
  width: 15px;
  height: 15px;
  stroke: var(--tc-gold);
  flex-shrink: 0;
  margin-top: 2px;
}

.tc-req-item div {
  color: rgba(255, 255, 255, .75);
  font-size: 12.5px;
  line-height: 1.55;
}

.tc-fee-card {
  background: var(--tc-white);
  border: 1px solid var(--tc-line);
  border-radius: 16px;
  padding: 22px 24px;
}

.tc-fee-card strong {
  display: block;
  color: var(--tc-navy);
  font-size: 14.5px;
  font-weight: 600;
  margin-bottom: 14px;
}

.tc-fee-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 9px 0;
  border-bottom: 1px dashed var(--tc-line);
}

.tc-fee-row:last-child {
  border-bottom: none;
}

.tc-fee-row div.tc-f-label {
  color: var(--tc-muted);
  font-size: 12.5px;
}

.tc-fee-row div.tc-f-value {
  color: var(--tc-navy);
  font-size: 13px;
  font-weight: 700;
}

/* ---------- Responsive ---------- */
@media (max-width: 960px) {
  .tc-grid {
    grid-template-columns: 1fr;
  }

  .tc-heading-row h2 {
    font-size: 32px;
  }
}

@media (max-width: 560px) {
  .tc-section {
    padding: 60px 0;
  }

  .tc-timeline {
    padding: 26px 20px;
  }

  .tc-heading-row h2 {
    font-size: 26px;
  }
}


.lr-section {
  font-family: 'Poppins', sans-serif;
  background: var(--lr-cream);
  color: var(--lr-ink);
  padding: 90px 0;
  position: relative;
  overflow: hidden;
}

.lr-wrap {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  z-index: 2;
}

/* ---------- Heading ---------- */
.lr-heading-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 36px;
  flex-wrap: wrap;
}

.lr-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--lr-white);
  border: 1px solid var(--lr-line);
  color: var(--lr-navy);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  padding: 7px 16px;
  border-radius: 999px;
  margin-bottom: 16px;
}

.lr-eyebrow svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.lr-heading-row h2 {
  font-size: 40px;
  font-weight: 700;
  color: var(--lr-navy);
  margin: 0;
  line-height: 1.2;
}

.lr-heading-row h2 span {
  color: var(--lr-gold-dark);
}

.lr-heading-sub {
  max-width: 400px;
  color: var(--lr-muted);
  font-size: 15px;
  line-height: 1.7;
}

/* ---------- Stat strip ---------- */
.lr-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  margin-bottom: 28px;
}

.lr-stat-card {
  background: var(--lr-white);
  border: 1px solid var(--lr-line);
  border-radius: 16px;
  padding: 22px;
  display: flex;
  align-items: center;
  gap: 14px;
  transition: transform .25s ease, box-shadow .25s ease;
}

.lr-stat-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 30px rgba(14, 26, 107, .09);
}

.lr-stat-icon {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: var(--lr-navy);
  display: flex;
  align-items: center;
  justify-content: center;
}

.lr-stat-icon svg {
  width: 21px;
  height: 21px;
  stroke: var(--lr-gold);
}

.lr-stat-num {
  color: var(--lr-navy);
  font-size: 22px;
  font-weight: 800;
  line-height: 1.1;
}

.lr-stat-label {
  color: var(--lr-muted);
  font-size: 11.5px;
  font-weight: 500;
}

/* ---------- Do's & Don'ts ---------- */
.lr-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-bottom: 20px;
}

.lr-panel {
  background: var(--lr-white);
  border: 1px solid var(--lr-line);
  border-radius: 20px;
  padding: 26px 24px;
}

.lr-panel-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
}

.lr-panel-head .lr-icon {
  width: 40px;
  height: 40px;
  border-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.lr-panel-head.lr-do .lr-icon {
  background: #e2f3e6;
}

.lr-panel-head.lr-do .lr-icon svg {
  stroke: var(--lr-green);
}

.lr-panel-head.lr-dont .lr-icon {
  background: #fbe4e4;
}

.lr-panel-head.lr-dont .lr-icon svg {
  stroke: var(--lr-red);
}

.lr-panel-head .lr-icon svg {
  width: 19px;
  height: 19px;
}

.lr-panel-head strong {
  color: var(--lr-navy);
  font-size: 15.5px;
  font-weight: 600;
}

.lr-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.lr-list-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.lr-list-item svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  margin-top: 2px;
}

.lr-do .lr-list-item svg {
  stroke: var(--lr-green);
}

.lr-dont .lr-list-item svg {
  stroke: var(--lr-red);
}

.lr-list-item div {
  color: var(--lr-ink);
  font-size: 13px;
  line-height: 1.6;
}

/* ---------- Borrowing table ---------- */
.lr-table-card {
  background: var(--lr-white);
  border: 1px solid var(--lr-line);
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 20px;
}

.lr-table-head {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1fr;
  background: var(--lr-navy);
  background-image: radial-gradient(circle at 100% 0%, rgba(247, 183, 51, .18), transparent 55%);
}

.lr-table-head>div {
  color: #fff;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .02em;
  text-transform: uppercase;
  padding: 16px 20px;
}

.lr-table-head>div:first-child {
  color: var(--lr-gold);
}

.lr-table-row {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1fr;
  border-bottom: 1px solid var(--lr-line);
}

.lr-table-row:last-child {
  border-bottom: none;
}

.lr-table-row:hover {
  background: #fbf9f3;
}

.lr-table-row>div {
  padding: 15px 20px;
  display: flex;
  align-items: center;
  font-size: 13.5px;
}

.lr-cell-cat {
  font-weight: 600;
  color: var(--lr-navy);
}

.lr-cell-val {
  color: var(--lr-ink);
}

.lr-cell-fine {
  color: var(--lr-gold-dark);
  font-weight: 700;
}

/* ---------- Bottom note ---------- */
.lr-note-card {
  display: flex;
  align-items: center;
  gap: 20px;
  background: var(--lr-navy);
  background-image: radial-gradient(circle at 100% 0%, rgba(247, 183, 51, .18), transparent 55%);
  border-radius: 16px;
  padding: 26px 28px;
  flex-wrap: wrap;
}

.lr-note-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: rgba(247, 183, 51, .15);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.lr-note-icon svg {
  width: 24px;
  height: 24px;
  stroke: var(--lr-gold);
}

.lr-note-body {
  flex: 1;
  min-width: 220px;
}

.lr-note-body strong {
  display: block;
  color: #fff;
  font-size: 15.5px;
  font-weight: 600;
  margin-bottom: 5px;
}

.lr-note-body div {
  color: rgba(255, 255, 255, .6);
  font-size: 13px;
  line-height: 1.6;
}

/* ---------- Responsive ---------- */
@media (max-width: 960px) {
  .lr-stats {
    grid-template-columns: repeat(2, 1fr);
  }

  .lr-heading-row h2 {
    font-size: 32px;
  }
}

@media (max-width: 700px) {
  .lr-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 620px) {
  .lr-section {
    padding: 60px 0;
  }

  .lr-stats {
    grid-template-columns: 1fr 1fr;
  }

  .lr-table-head,
  .lr-table-row {
    grid-template-columns: 1.2fr 1fr 1fr;
  }

  .lr-cell-fine {
    display: none;
  }

  .lr-heading-row h2 {
    font-size: 26px;
  }
}


.te-section {
  font-family: 'Poppins', sans-serif;
  background: var(--te-cream);
  color: var(--te-ink);
  padding: 90px 0;
  position: relative;
  overflow: hidden;
}

.te-wrap {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  z-index: 2;
}

/* ---------- Heading ---------- */
.te-heading-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 34px;
  flex-wrap: wrap;
}

.te-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--te-white);
  border: 1px solid var(--te-line);
  color: var(--te-navy);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  padding: 7px 16px;
  border-radius: 999px;
  margin-bottom: 16px;
}

.te-eyebrow svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.te-heading-row h2 {
  font-size: 40px;
  font-weight: 700;
  color: var(--te-navy);
  margin: 0;
  line-height: 1.2;
}

.te-heading-row h2 span {
  color: var(--te-gold-dark);
}

.te-heading-sub {
  max-width: 400px;
  color: var(--te-muted);
  font-size: 15px;
  line-height: 1.7;
}

/* ---------- Filter tabs ---------- */
.te-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 32px;
}

.te-tab {
  background: var(--te-white);
  border: 1px solid var(--te-line);
  color: var(--te-navy);
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 600;
  padding: 11px 20px;
  border-radius: 999px;
  cursor: pointer;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}

.te-tab:hover {
  border-color: var(--te-gold);
}

.te-tab.te-active {
  background: var(--te-navy);
  border-color: var(--te-navy);
  color: #fff;
}

/* ---------- Grid ---------- */
.te-group {
  display: none;
}

.te-group.te-group-active {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.te-card {
  background: var(--te-white);
  border: 1px solid var(--te-line);
  border-radius: 18px;
  overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.te-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 32px rgba(14, 26, 107, .1);
  border-color: transparent;
}

.te-card-top {
  height: 110px;
  background: #0d1e69;
  background-image: radial-gradient(circle at 100% 0%, rgba(247, 183, 51, .25), transparent 60%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 22px;
}

.te-card-icon {
  width: 46px;
  height: 46px;
  border-radius: 12px;
  background: rgba(247, 183, 51, .15);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.te-card-icon svg {
  width: 22px;
  height: 22px;
  stroke: var(--te-gold);
}

.te-card-status {
  background: rgba(255, 255, 255, .12);
  color: #fff;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: .02em;
  text-transform: uppercase;
  padding: 6px 12px;
  border-radius: 999px;
}

.te-card-status.te-status-open {
  background: #e2f3e6;
  color: var(--te-green);
}

.te-card-body {
  padding: 20px 22px 24px;
}

.te-card-body strong {
  display: block;
  color: var(--te-navy);
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px;
}

.te-card-body div.te-desc {
  color: var(--te-muted);
  font-size: 13px;
  line-height: 1.65;
  margin-bottom: 14px;
}

.te-card-meta {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.te-meta-row {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--te-navy);
  font-size: 12px;
  font-weight: 600;
}

.te-meta-row svg {
  width: 14px;
  height: 14px;
  stroke: var(--te-gold-dark);
  flex-shrink: 0;
}

.te-meta-row span {
  color: var(--te-muted);
  font-weight: 500;
}

/* ---------- Bottom note ---------- */
.te-note-card {
  margin-top: 30px;
  display: flex;
  align-items: center;
  gap: 20px;
  background: var(--te-navy);
  background-image: radial-gradient(circle at 100% 0%, rgba(247, 183, 51, .18), transparent 55%);
  border-radius: 16px;
  padding: 26px 28px;
  flex-wrap: wrap;
}

.te-note-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: rgba(247, 183, 51, .15);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.te-note-icon svg {
  width: 24px;
  height: 24px;
  stroke: var(--te-gold);
}

.te-note-body {
  flex: 1;
  min-width: 220px;
}

.te-note-body strong {
  display: block;
  color: #fff;
  font-size: 15.5px;
  font-weight: 600;
  margin-bottom: 5px;
}

.te-note-body div {
  color: rgba(255, 255, 255, .6);
  font-size: 13px;
  line-height: 1.6;
}

.te-note-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--te-gold);
  color: var(--te-navy-dark);
  border: none;
  border-radius: 999px;
  padding: 12px 20px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: background .2s ease, transform .2s ease;
}

.te-note-btn:hover {
  background: var(--te-gold-dark);
  transform: translateY(-2px);
}

.te-note-btn svg {
  width: 14px;
  height: 14px;
}

/* ---------- Responsive ---------- */
@media (max-width: 960px) {
  .te-group.te-group-active {
    grid-template-columns: repeat(2, 1fr);
  }

  .te-heading-row h2 {
    font-size: 32px;
  }
}

@media (max-width: 620px) {
  .te-section {
    padding: 60px 0;
  }

  .te-group.te-group-active {
    grid-template-columns: 1fr;
  }

  .te-heading-row h2 {
    font-size: 26px;
  }

  .te-tabs {
    gap: 8px;
  }

  .te-tab {
    padding: 9px 16px;
    font-size: 12.5px;
  }
}


.pl-section {
  font-family: 'Poppins', sans-serif;
  background: var(--pl-cream);
  color: var(--pl-ink);
  padding: 90px 0;
  position: relative;
  overflow: hidden;
}

.pl-wrap {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  z-index: 2;
}

/* ---------- Layout ---------- */
.pl-grid {
  display: grid;
  grid-template-columns: 1fr 0.85fr;
  gap: 48px;
  align-items: center;
}

/* ---------- Left: info ---------- */
.pl-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--pl-white);
  border: 1px solid var(--pl-line);
  color: var(--pl-navy);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  padding: 7px 16px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.pl-eyebrow svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.pl-info h2 {
  font-size: 38px;
  font-weight: 700;
  color: var(--pl-navy);
  margin: 0 0 14px;
  line-height: 1.2;
}

.pl-info h2 span {
  color: var(--pl-gold-dark);
}

.pl-info-sub {
  color: var(--pl-muted);
  font-size: 15px;
  line-height: 1.75;
  max-width: 440px;
  margin-bottom: 28px;
}

.pl-feature-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.pl-feature-item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.pl-feature-icon {
  flex-shrink: 0;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: var(--pl-navy);
  display: flex;
  align-items: center;
  justify-content: center;
}

.pl-feature-icon svg {
  width: 18px;
  height: 18px;
  stroke: var(--pl-gold);
}

.pl-feature-text strong {
  display: block;
  color: var(--pl-navy);
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 2px;
}

.pl-feature-text div {
  color: var(--pl-muted);
  font-size: 12.5px;
  line-height: 1.5;
}

/* ---------- Right: login card ---------- */
.pl-login-card {
  background: var(--pl-navy);
  background-image: radial-gradient(circle at 100% 0%, rgba(247, 183, 51, .18), transparent 55%);
  border-radius: 24px;
  padding: 42px 38px;
  position: relative;
}

.pl-login-icon {
  width: 54px;
  height: 54px;
  border-radius: 15px;
  background: rgba(247, 183, 51, .15);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.pl-login-icon svg {
  width: 26px;
  height: 26px;
  stroke: var(--pl-gold);
}

.pl-login-card strong {
  display: block;
  color: #fff;
  font-size: 23px;
  font-weight: 700;
  margin-bottom: 8px;
}

.pl-login-card div.pl-login-sub {
  color: rgba(255, 255, 255, .6);
  font-size: 13px;
  line-height: 1.6;
  margin-bottom: 26px;
}

.pl-form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.pl-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.pl-field label {
  color: rgba(255, 255, 255, .7);
  font-size: 12.5px;
  font-weight: 500;
}

.pl-input-wrap {
  position: relative;
}

.pl-input-wrap svg {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  stroke: rgba(255, 255, 255, .45);
  pointer-events: none;
}

.pl-field input {
  width: 100%;
  background: rgba(255, 255, 255, .07);
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 10px;
  padding: 13px 14px 13px 42px;
  color: #fff;
  font-family: inherit;
  font-size: 14px;
  outline: none;
  transition: border-color .2s ease, background .2s ease;
  box-sizing: border-box;
}

.pl-field input::placeholder {
  color: rgba(255, 255, 255, .4);
}

.pl-field input:focus {
  border-color: var(--pl-gold);
  background: rgba(255, 255, 255, .1);
}

.pl-form-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: -4px;
}

.pl-remember {
  display: flex;
  align-items: center;
  gap: 8px;
}

.pl-remember input {
  accent-color: var(--pl-gold);
}

.pl-remember label {
  color: rgba(255, 255, 255, .6);
  font-size: 12px;
}

.pl-forgot {
  color: var(--pl-gold);
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
}

.pl-forgot:hover {
  text-decoration: underline;
}

.pl-submit {
  margin-top: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: var(--pl-gold);
  color: var(--pl-navy-dark);
  border: none;
  border-radius: 999px;
  padding: 15px 20px;
  font-family: inherit;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: background .2s ease, transform .2s ease;
}

.pl-submit:hover {
  background: var(--pl-gold-dark);
  transform: translateY(-2px);
}

.pl-submit svg {
  width: 16px;
  height: 16px;
}

.pl-help {
  margin-top: 20px;
  text-align: center;
  color: rgba(255, 255, 255, .5);
  font-size: 12px;
}

.pl-help a {
  color: var(--pl-gold);
  text-decoration: none;
  font-weight: 600;
}

.pl-help a:hover {
  text-decoration: underline;
}

/* ---------- Responsive ---------- */
@media (max-width: 900px) {
  .pl-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .pl-info h2 {
    font-size: 30px;
  }
}

@media (max-width: 560px) {
  .pl-section {
    padding: 60px 0;
  }

  .pl-login-card {
    padding: 32px 24px;
  }

  .pl-info h2 {
    font-size: 26px;
  }
}


.vh-section {
  font-family: 'Poppins', sans-serif;
  background: var(--vh-cream);
  color: var(--vh-ink);
  padding: 90px 0;
  position: relative;
  overflow: hidden;
}

.vh-wrap {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  z-index: 2;
}

/* ---------- Heading ---------- */
.vh-heading-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 44px;
  flex-wrap: wrap;
}

.vh-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--vh-white);
  border: 1px solid var(--vh-line);
  color: var(--vh-navy);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  padding: 7px 16px;
  border-radius: 999px;
  margin-bottom: 16px;
}

.vh-eyebrow svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.vh-heading-row h2 {
  font-size: 40px;
  font-weight: 700;
  color: var(--vh-navy);
  margin: 0;
  line-height: 1.2;
}

.vh-heading-row h2 span {
  color: var(--vh-gold-dark);
}

.vh-heading-sub {
  max-width: 400px;
  color: var(--vh-muted);
  font-size: 15px;
  line-height: 1.7;
}

/* ---------- Layout ---------- */
.vh-grid {
  display: grid;
  grid-template-columns: 1.3fr 0.7fr;
  gap: 24px;
  align-items: start;
}

/* ---------- Table card ---------- */
.vh-table-card {
  background: var(--vh-white);
  border: 1px solid var(--vh-line);
  border-radius: 20px;
  overflow: hidden;
}

.vh-table-head {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr;
  background: var(--vh-navy);
  background-image: radial-gradient(circle at 100% 0%, rgba(247, 183, 51, .18), transparent 55%);
}

.vh-table-head>div {
  color: #fff;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .02em;
  text-transform: uppercase;
  padding: 16px 20px;
}

.vh-table-head>div:first-child {
  color: var(--vh-gold);
}

.vh-table-row {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr;
  border-bottom: 1px solid var(--vh-line);
  transition: background .2s ease;
}

.vh-table-row:last-child {
  border-bottom: none;
}

.vh-table-row:hover {
  background: #fbf9f3;
}

.vh-table-row>div {
  padding: 16px 20px;
  display: flex;
  align-items: center;
  font-size: 13.5px;
}

.vh-cell-purpose {
  font-weight: 600;
  color: var(--vh-navy);
  gap: 10px;
}

.vh-cell-purpose .vh-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--vh-gold);
  flex-shrink: 0;
}

.vh-cell-time {
  color: var(--vh-ink);
  font-weight: 500;
}

.vh-cell-note {
  color: var(--vh-muted);
  font-size: 12.5px;
}

.vh-table-foot {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  background: #fbf7ec;
  padding: 16px 22px;
  font-size: 12.5px;
  color: var(--vh-muted);
  line-height: 1.6;
}

.vh-table-foot svg {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
  margin-top: 2px;
  stroke: var(--vh-gold-dark);
}

/* ---------- Sidebar ---------- */
.vh-side {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.vh-guide-card {
  background: var(--vh-navy);
  background-image: radial-gradient(circle at 100% 0%, rgba(247, 183, 51, .18), transparent 55%);
  border-radius: 20px;
  padding: 28px 26px;
}

.vh-guide-icon {
  width: 48px;
  height: 48px;
  border-radius: 13px;
  background: rgba(247, 183, 51, .15);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
}

.vh-guide-icon svg {
  width: 23px;
  height: 23px;
  stroke: var(--vh-gold);
}

.vh-guide-card strong {
  display: block;
  color: #fff;
  font-size: 16.5px;
  font-weight: 700;
  margin-bottom: 14px;
}

.vh-guide-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.vh-guide-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.vh-guide-item svg {
  width: 15px;
  height: 15px;
  stroke: var(--vh-gold);
  flex-shrink: 0;
  margin-top: 2px;
}

.vh-guide-item div {
  color: rgba(255, 255, 255, .75);
  font-size: 12.5px;
  line-height: 1.55;
}

.vh-contact-card {
  background: var(--vh-white);
  border: 1px solid var(--vh-line);
  border-radius: 16px;
  padding: 22px 24px;
}

.vh-contact-card strong {
  display: block;
  color: var(--vh-navy);
  font-size: 14.5px;
  font-weight: 600;
  margin-bottom: 14px;
}

.vh-contact-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 9px 0;
  border-bottom: 1px dashed var(--vh-line);
}

.vh-contact-row:last-child {
  border-bottom: none;
}

.vh-contact-row svg {
  width: 16px;
  height: 16px;
  stroke: var(--vh-gold-dark);
  flex-shrink: 0;
}

.vh-contact-row div {
  color: var(--vh-ink);
  font-size: 12.5px;
  font-weight: 500;
}

/* ---------- Responsive ---------- */
@media (max-width: 960px) {
  .vh-grid {
    grid-template-columns: 1fr;
  }

  .vh-heading-row h2 {
    font-size: 32px;
  }
}

@media (max-width: 620px) {
  .vh-section {
    padding: 60px 0;
  }

  .vh-table-head,
  .vh-table-row {
    grid-template-columns: 1.2fr 1fr;
  }

  .vh-cell-note {
    display: none;
  }

  .vh-heading-row h2 {
    font-size: 26px;
  }
}


.gg-section {
  font-family: 'Poppins', sans-serif;
  background: var(--gg-cream);
  color: var(--gg-ink);
  padding: 90px 0;
  position: relative;
  overflow: hidden;
}

.gg-wrap {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  z-index: 2;
}

/* ---------- Heading ---------- */
.gg-heading-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 34px;
  flex-wrap: wrap;
}

.gg-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--gg-white);
  border: 1px solid var(--gg-line);
  color: var(--gg-navy);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  padding: 7px 16px;
  border-radius: 999px;
  margin-bottom: 16px;
}

.gg-eyebrow svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.gg-heading-row h2 {
  font-size: 40px;
  font-weight: 700;
  color: var(--gg-navy);
  margin: 0;
  line-height: 1.2;
}

.gg-heading-row h2 span {
  color: var(--gg-gold-dark);
}

.gg-heading-sub {
  max-width: 400px;
  color: var(--gg-muted);
  font-size: 15px;
  line-height: 1.7;
}

/* ---------- Filter tabs ---------- */
.gg-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 28px;
}

.gg-tab {
  background: var(--gg-white);
  border: 1px solid var(--gg-line);
  color: var(--gg-navy);
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 600;
  padding: 11px 20px;
  border-radius: 999px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}

.gg-tab svg {
  width: 15px;
  height: 15px;
  stroke: var(--gg-navy);
  flex-shrink: 0;
}

.gg-tab:hover {
  border-color: var(--gg-gold);
}

.gg-tab.gg-active {
  background: var(--gg-navy);
  border-color: var(--gg-navy);
  color: #fff;
}

.gg-tab.gg-active svg {
  stroke: var(--gg-gold);
}

/* ---------- Panel ---------- */
.gg-panel {
  display: none;
}

.gg-panel.gg-panel-active {
  display: grid;
  grid-template-columns: 0.55fr 1.45fr;
  gap: 24px;
  align-items: start;
}

.gg-panel-intro {
  background: var(--gg-navy);
  background-image: radial-gradient(circle at 100% 0%, rgba(247, 183, 51, .2), transparent 55%);
  border-radius: 20px;
  padding: 30px 26px;
}

.gg-panel-intro-icon {
  width: 50px;
  height: 50px;
  border-radius: 13px;
  background: rgba(247, 183, 51, .15);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
}

.gg-panel-intro-icon svg {
  width: 24px;
  height: 24px;
  stroke: var(--gg-gold);
}

.gg-panel-intro strong {
  display: block;
  color: #fff;
  font-size: 19px;
  font-weight: 700;
  margin-bottom: 8px;
}

.gg-panel-intro div {
  color: rgba(255, 255, 255, .6);
  font-size: 13px;
  line-height: 1.65;
}

.gg-list-card {
  background: var(--gg-white);
  border: 1px solid var(--gg-line);
  border-radius: 20px;
  padding: 10px 8px;
}

.gg-list-item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 16px 22px;
  border-bottom: 1px solid var(--gg-line);
}

.gg-list-item:last-child {
  border-bottom: none;
}

.gg-list-num {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 9px;
  background: var(--gg-cream);
  color: var(--gg-navy);
  font-weight: 700;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1px;
}

.gg-list-item div.gg-item-text strong {
  display: block;
  color: var(--gg-navy);
  font-size: 13.5px;
  font-weight: 600;
  margin-bottom: 3px;
}

.gg-list-item div.gg-item-text div {
  color: var(--gg-muted);
  font-size: 12.5px;
  line-height: 1.6;
}

/* ---------- Responsive ---------- */
@media (max-width: 900px) {
  .gg-panel.gg-panel-active {
    grid-template-columns: 1fr;
  }

  .gg-heading-row h2 {
    font-size: 32px;
  }
}

@media (max-width: 560px) {
  .gg-section {
    padding: 60px 0;
  }

  .gg-heading-row h2 {
    font-size: 26px;
  }

  .gg-tabs {
    gap: 8px;
  }

  .gg-tab {
    padding: 9px 14px;
    font-size: 12.5px;
  }
}

.sd-section {
  font-family: 'Poppins', sans-serif;
  background: var(--sd-cream);
  color: var(--sd-ink);
  padding: 90px 0;
  position: relative;
  overflow: hidden;
}

.sd-wrap {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  z-index: 2;
}

/* ---------- Heading ---------- */
.sd-heading-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 44px;
  flex-wrap: wrap;
}

.sd-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--sd-white);
  border: 1px solid var(--sd-line);
  color: var(--sd-navy);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  padding: 7px 16px;
  border-radius: 999px;
  margin-bottom: 16px;
}

.sd-eyebrow svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.sd-heading-row h2 {
  font-size: 40px;
  font-weight: 700;
  color: var(--sd-navy);
  margin: 0;
  line-height: 1.2;
}

.sd-heading-row h2 span {
  color: var(--sd-gold-dark);
}

.sd-heading-sub {
  max-width: 400px;
  color: var(--sd-muted);
  font-size: 15px;
  line-height: 1.7;
}

/* ---------- Layout ---------- */
.sd-grid {
  display: grid;
  grid-template-columns: 1.3fr 0.7fr;
  gap: 24px;
  align-items: start;
}

/* ---------- Table card ---------- */
.sd-table-card {
  background: var(--sd-white);
  border: 1px solid var(--sd-line);
  border-radius: 20px;
  overflow: hidden;
}

.sd-table-head {
  display: grid;
  grid-template-columns: 1.3fr 1fr 1fr 1fr;
  background: var(--sd-navy);
  background-image: radial-gradient(circle at 100% 0%, rgba(247, 183, 51, .18), transparent 55%);
}

.sd-table-head>div {
  color: #fff;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .02em;
  text-transform: uppercase;
  padding: 16px 20px;
}

.sd-table-head>div:first-child {
  color: var(--sd-gold);
}

.sd-table-row {
  display: grid;
  grid-template-columns: 1.3fr 1fr 1fr 1fr;
  border-bottom: 1px solid var(--sd-line);
  transition: background .2s ease;
}

.sd-table-row:last-child {
  border-bottom: none;
}

.sd-table-row:hover {
  background: #fbf9f3;
}

.sd-table-row>div {
  padding: 16px 20px;
  display: flex;
  align-items: center;
  font-size: 13.5px;
}

.sd-cell-class {
  font-weight: 600;
  color: var(--sd-navy);
  gap: 10px;
}

.sd-cell-class .sd-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--sd-gold);
  flex-shrink: 0;
}

.sd-cell-time {
  color: var(--sd-ink);
  font-weight: 500;
}

.sd-cell-gate {
  display: inline-flex;
  align-items: center;
  padding: 5px 12px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  background: #e6e9fb;
  color: var(--sd-navy);
  width: fit-content;
}

.sd-table-foot {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  background: #fbf7ec;
  padding: 16px 22px;
  font-size: 12.5px;
  color: var(--sd-muted);
  line-height: 1.6;
}

.sd-table-foot svg {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
  margin-top: 2px;
  stroke: var(--sd-gold-dark);
}

/* ---------- Sidebar ---------- */
.sd-side {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.sd-guide-card {
  background: var(--sd-navy);
  background-image: radial-gradient(circle at 100% 0%, rgba(247, 183, 51, .18), transparent 55%);
  border-radius: 20px;
  padding: 28px 26px;
}

.sd-guide-icon {
  width: 48px;
  height: 48px;
  border-radius: 13px;
  background: rgba(247, 183, 51, .15);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
}

.sd-guide-icon svg {
  width: 23px;
  height: 23px;
  stroke: var(--sd-gold);
}

.sd-guide-card strong {
  display: block;
  color: #fff;
  font-size: 16.5px;
  font-weight: 700;
  margin-bottom: 14px;
}

.sd-guide-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.sd-guide-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.sd-guide-item svg {
  width: 15px;
  height: 15px;
  stroke: var(--sd-gold);
  flex-shrink: 0;
  margin-top: 2px;
}

.sd-guide-item div {
  color: rgba(255, 255, 255, .75);
  font-size: 12.5px;
  line-height: 1.55;
}

.sd-mode-card {
  background: var(--sd-white);
  border: 1px solid var(--sd-line);
  border-radius: 16px;
  padding: 22px 24px;
}

.sd-mode-card strong {
  display: block;
  color: var(--sd-navy);
  font-size: 14.5px;
  font-weight: 600;
  margin-bottom: 14px;
}

.sd-mode-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 9px 0;
  border-bottom: 1px dashed var(--sd-line);
}

.sd-mode-row:last-child {
  border-bottom: none;
}

.sd-mode-row svg {
  width: 16px;
  height: 16px;
  stroke: var(--sd-gold-dark);
  flex-shrink: 0;
}

.sd-mode-row div {
  color: var(--sd-ink);
  font-size: 12.5px;
  font-weight: 500;
}

/* ---------- Responsive ---------- */
@media (max-width: 960px) {
  .sd-grid {
    grid-template-columns: 1fr;
  }

  .sd-heading-row h2 {
    font-size: 32px;
  }
}

@media (max-width: 640px) {
  .sd-section {
    padding: 60px 0;
  }

  .sd-table-head,
  .sd-table-row {
    grid-template-columns: 1.1fr 1fr 1fr;
  }

  .sd-cell-gate {
    display: none;
  }

  .sd-heading-row h2 {
    font-size: 26px;
  }
}

.su-section {
  font-family: 'Poppins', sans-serif;
  background: var(--su-cream);
  color: var(--su-ink);
  padding: 90px 0;
  position: relative;
  overflow: hidden;
}

.su-wrap {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  z-index: 2;
}

/* ---------- Heading ---------- */
.su-heading-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 34px;
  flex-wrap: wrap;
}

.su-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--su-white);
  border: 1px solid var(--su-line);
  color: var(--su-navy);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  padding: 7px 16px;
  border-radius: 999px;
  margin-bottom: 16px;
}

.su-eyebrow svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.su-heading-row h2 {
  font-size: 40px;
  font-weight: 700;
  color: var(--su-navy);
  margin: 0;
  line-height: 1.2;
}

.su-heading-row h2 span {
  color: var(--su-gold-dark);
}

.su-heading-sub {
  max-width: 400px;
  color: var(--su-muted);
  font-size: 15px;
  line-height: 1.7;
}

/* ---------- Filter tabs ---------- */
.su-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 28px;
}

.su-tab {
  background: var(--su-white);
  border: 1px solid var(--su-line);
  color: var(--su-navy);
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 600;
  padding: 11px 20px;
  border-radius: 999px;
  cursor: pointer;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}

.su-tab:hover {
  border-color: var(--su-gold);
}

.su-tab.su-active {
  background: var(--su-navy);
  border-color: var(--su-navy);
  color: #fff;
}

/* ---------- Grid ---------- */
.su-group {
  display: none;
}

.su-group.su-group-active {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.su-card {
  background: var(--su-white);
  border: 1px solid var(--su-line);
  border-radius: 16px;
  padding: 20px;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.su-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 30px rgba(14, 26, 107, .09);
  border-color: transparent;
}

.su-card-icon {
  width: 42px;
  height: 42px;
  border-radius: 11px;
  background: var(--su-navy);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
}

.su-card-icon svg {
  width: 20px;
  height: 20px;
  stroke: var(--su-gold);
}

.su-card strong {
  display: block;
  color: var(--su-navy);
  font-size: 13.5px;
  font-weight: 600;
  margin-bottom: 6px;
}

.su-card div.su-desc {
  color: var(--su-muted);
  font-size: 12px;
  line-height: 1.55;
}

/* ---------- Guidelines panel ---------- */
.su-guide-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 30px;
}

.su-guide-card {
  background: var(--su-white);
  border: 1px solid var(--su-line);
  border-radius: 16px;
  padding: 20px;
  display: flex;
  gap: 14px;
  align-items: flex-start;
}

.su-guide-icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 11px;
  background: #fbf7ec;
  display: flex;
  align-items: center;
  justify-content: center;
}

.su-guide-icon svg {
  width: 19px;
  height: 19px;
  stroke: var(--su-gold-dark);
}

.su-guide-card strong {
  display: block;
  color: var(--su-navy);
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 4px;
}

.su-guide-card div {
  color: var(--su-muted);
  font-size: 12px;
  line-height: 1.55;
}

/* ---------- Bottom note ---------- */
.su-note-card {
  margin-top: 20px;
  display: flex;
  align-items: center;
  gap: 20px;
  background: var(--su-navy);
  background-image: radial-gradient(circle at 100% 0%, rgba(247, 183, 51, .18), transparent 55%);
  border-radius: 16px;
  padding: 26px 28px;
  flex-wrap: wrap;
}

.su-note-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: rgba(247, 183, 51, .15);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.su-note-icon svg {
  width: 24px;
  height: 24px;
  stroke: var(--su-gold);
}

.su-note-body {
  flex: 1;
  min-width: 220px;
}

.su-note-body strong {
  display: block;
  color: #fff;
  font-size: 15.5px;
  font-weight: 600;
  margin-bottom: 5px;
}

.su-note-body div {
  color: rgba(255, 255, 255, .6);
  font-size: 13px;
  line-height: 1.6;
}

.su-note-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--su-gold);
  color: var(--su-navy-dark);
  border: none;
  border-radius: 999px;
  padding: 12px 20px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: background .2s ease, transform .2s ease;
}

.su-note-btn:hover {
  background: var(--su-gold-dark);
  transform: translateY(-2px);
}

.su-note-btn svg {
  width: 14px;
  height: 14px;
}

/* ---------- Responsive ---------- */
@media (max-width: 960px) {
  .su-group.su-group-active {
    grid-template-columns: repeat(2, 1fr);
  }

  .su-guide-row {
    grid-template-columns: 1fr;
  }

  .su-heading-row h2 {
    font-size: 32px;
  }
}

@media (max-width: 560px) {
  .su-section {
    padding: 60px 0;
  }

  .su-group.su-group-active {
    grid-template-columns: 1fr;
  }

  .su-heading-row h2 {
    font-size: 26px;
  }

  .su-tabs {
    gap: 8px;
  }

  .su-tab {
    padding: 9px 16px;
    font-size: 12.5px;
  }
}

.pr-section {
  font-family: 'Poppins', sans-serif;
  background: var(--pr-cream);
  color: var(--pr-ink);
  padding: 90px 0;
  position: relative;
  overflow: hidden;
}

.pr-wrap {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  z-index: 2;
}

/* ---------- Heading ---------- */
.pr-heading-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 36px;
  flex-wrap: wrap;
}

.pr-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--pr-white);
  border: 1px solid var(--pr-line);
  color: var(--pr-navy);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  padding: 7px 16px;
  border-radius: 999px;
  margin-bottom: 16px;
}

.pr-eyebrow svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.pr-heading-row h2 {
  font-size: 40px;
  font-weight: 700;
  color: var(--pr-navy);
  margin: 0;
  line-height: 1.2;
}

.pr-heading-row h2 span {
  color: var(--pr-gold-dark);
}

.pr-heading-sub {
  max-width: 400px;
  color: var(--pr-muted);
  font-size: 15px;
  line-height: 1.7;
}

/* ---------- Stat strip ---------- */
.pr-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  margin-bottom: 28px;
}

.pr-stat-card {
  background: var(--pr-white);
  border: 1px solid var(--pr-line);
  border-radius: 16px;
  padding: 22px;
  display: flex;
  align-items: center;
  gap: 14px;
  transition: transform .25s ease, box-shadow .25s ease;
}

.pr-stat-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 30px rgba(14, 26, 107, .09);
}

.pr-stat-icon {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: var(--pr-navy);
  display: flex;
  align-items: center;
  justify-content: center;
}

.pr-stat-icon svg {
  width: 21px;
  height: 21px;
  stroke: var(--pr-gold);
}

.pr-stat-num {
  color: var(--pr-navy);
  font-size: 22px;
  font-weight: 800;
  line-height: 1.1;
}

.pr-stat-label {
  color: var(--pr-muted);
  font-size: 11.5px;
  font-weight: 500;
}

/* ---------- Layout ---------- */
.pr-grid {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 24px;
  align-items: start;
}

/* ---------- Term schedule ---------- */
.pr-timeline {
  background: var(--pr-white);
  border: 1px solid var(--pr-line);
  border-radius: 20px;
  padding: 32px 30px;
}

.pr-timeline-head {
  margin-bottom: 24px;
  padding-bottom: 18px;
  border-bottom: 1px dashed var(--pr-line);
}

.pr-timeline-head strong {
  display: block;
  color: var(--pr-navy);
  font-size: 17px;
  font-weight: 600;
}

.pr-timeline-head div {
  color: var(--pr-muted);
  font-size: 12.5px;
  margin-top: 4px;
}

.pr-timeline-list {
  display: flex;
  flex-direction: column;
}

.pr-timeline-item {
  display: flex;
  gap: 18px;
  position: relative;
  padding-bottom: 26px;
}

.pr-timeline-item:last-child {
  padding-bottom: 0;
}

.pr-timeline-item::before {
  content: "";
  position: absolute;
  left: 15px;
  top: 36px;
  bottom: 0;
  width: 1px;
  background: var(--pr-line);
}

.pr-timeline-item:last-child::before {
  display: none;
}

.pr-timeline-num {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 10px;
  background: var(--pr-navy);
  color: var(--pr-gold);
  font-weight: 700;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pr-timeline-body strong {
  display: block;
  color: var(--pr-navy);
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 4px;
}

.pr-timeline-body div.pr-desc {
  color: var(--pr-muted);
  font-size: 13px;
  line-height: 1.6;
}

.pr-timeline-body div.pr-date {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--pr-gold-dark);
  font-size: 11.5px;
  font-weight: 600;
  margin-top: 8px;
}

.pr-timeline-body div.pr-date svg {
  width: 13px;
  height: 13px;
  stroke: var(--pr-gold-dark);
}

/* ---------- Sidebar ---------- */
.pr-side {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.pr-grade-card {
  background: var(--pr-white);
  border: 1px solid var(--pr-line);
  border-radius: 20px;
  padding: 26px 24px;
}

.pr-grade-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}

.pr-grade-head .pr-icon {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: var(--pr-navy);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.pr-grade-head .pr-icon svg {
  width: 18px;
  height: 18px;
  stroke: var(--pr-gold);
}

.pr-grade-head strong {
  color: var(--pr-navy);
  font-size: 15.5px;
  font-weight: 600;
}

.pr-grade-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px dashed var(--pr-line);
}

.pr-grade-row:last-child {
  border-bottom: none;
}

.pr-grade-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 28px;
  border-radius: 8px;
  background: #fbf7ec;
  color: var(--pr-gold-dark);
  font-size: 12.5px;
  font-weight: 800;
}

.pr-grade-range {
  color: var(--pr-ink);
  font-size: 12.5px;
  font-weight: 500;
}

.pr-grade-desc {
  color: var(--pr-muted);
  font-size: 11px;
}

.pr-access-card {
  background: var(--pr-navy);
  background-image: radial-gradient(circle at 100% 0%, rgba(247, 183, 51, .2), transparent 55%);
  border-radius: 16px;
  padding: 26px 24px;
}

.pr-access-card strong {
  display: block;
  color: #fff;
  font-size: 15.5px;
  font-weight: 600;
  margin-bottom: 8px;
}

.pr-access-card div.pr-access-text {
  color: rgba(255, 255, 255, .6);
  font-size: 12.5px;
  line-height: 1.6;
  margin-bottom: 18px;
}

.pr-access-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--pr-gold);
  color: var(--pr-navy-dark);
  border: none;
  border-radius: 999px;
  padding: 12px 20px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  transition: background .2s ease, transform .2s ease;
}

.pr-access-btn:hover {
  background: var(--pr-gold-dark);
  transform: translateY(-2px);
}

.pr-access-btn svg {
  width: 14px;
  height: 14px;
}

/* ---------- Responsive ---------- */
@media (max-width: 960px) {
  .pr-grid {
    grid-template-columns: 1fr;
  }

  .pr-stats {
    grid-template-columns: repeat(2, 1fr);
  }

  .pr-heading-row h2 {
    font-size: 32px;
  }
}

@media (max-width: 560px) {
  .pr-section {
    padding: 60px 0;
  }

  .pr-stats {
    grid-template-columns: 1fr 1fr;
  }

  .pr-timeline {
    padding: 26px 20px;
  }

  .pr-heading-row h2 {
    font-size: 26px;
  }
}


.al-section {
  font-family: 'Poppins', sans-serif;
  background: var(--al-cream);
  color: var(--al-ink);
  padding: 90px 0;
  position: relative;
  overflow: hidden;
}

.al-wrap {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  z-index: 2;
}

/* ---------- Heading ---------- */
.al-heading-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 34px;
  flex-wrap: wrap;
}

.al-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--al-white);
  border: 1px solid var(--al-line);
  color: var(--al-navy);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  padding: 7px 16px;
  border-radius: 999px;
  margin-bottom: 16px;
}

.al-eyebrow svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.al-heading-row h2 {
  font-size: 40px;
  font-weight: 700;
  color: var(--al-navy);
  margin: 0;
  line-height: 1.2;
}

.al-heading-row h2 span {
  color: var(--al-gold-dark);
}

.al-heading-sub {
  max-width: 400px;
  color: var(--al-muted);
  font-size: 15px;
  line-height: 1.7;
}

/* ---------- Filter tabs ---------- */
.al-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 28px;
}

.al-tab {
  background: var(--al-white);
  border: 1px solid var(--al-line);
  color: var(--al-navy);
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 600;
  padding: 11px 20px;
  border-radius: 999px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}

.al-tab svg {
  width: 15px;
  height: 15px;
  stroke: var(--al-navy);
  flex-shrink: 0;
}

.al-tab:hover {
  border-color: var(--al-gold);
}

.al-tab.al-active {
  background: var(--al-navy);
  border-color: var(--al-navy);
  color: #fff;
}

.al-tab.al-active svg {
  stroke: var(--al-gold);
}

/* ---------- Panel ---------- */
.al-panel {
  display: none;
}

.al-panel.al-panel-active {
  display: grid;
  grid-template-columns: 0.55fr 1.45fr;
  gap: 24px;
  align-items: start;
}

.al-panel-intro {
  background: var(--al-navy);
  background-image: radial-gradient(circle at 100% 0%, rgba(247, 183, 51, .2), transparent 55%);
  border-radius: 20px;
  padding: 30px 26px;
}

.al-panel-intro-icon {
  width: 50px;
  height: 50px;
  border-radius: 13px;
  background: rgba(247, 183, 51, .15);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
}

.al-panel-intro-icon svg {
  width: 24px;
  height: 24px;
  stroke: var(--al-gold);
}

.al-panel-intro strong {
  display: block;
  color: #fff;
  font-size: 19px;
  font-weight: 700;
  margin-bottom: 8px;
}

.al-panel-intro div.al-intro-text {
  color: rgba(255, 255, 255, .6);
  font-size: 13px;
  line-height: 1.65;
  margin-bottom: 20px;
}

.al-panel-intro-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 0;
  border-top: 1px dashed rgba(255, 255, 255, .15);
}

.al-panel-intro-row div.al-i-label {
  color: rgba(255, 255, 255, .5);
  font-size: 11.5px;
}

.al-panel-intro-row div.al-i-value {
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  text-align: right;
}

.al-list-card {
  background: var(--al-white);
  border: 1px solid var(--al-line);
  border-radius: 20px;
  padding: 10px 8px;
}

.al-list-item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 16px 22px;
  border-bottom: 1px solid var(--al-line);
}

.al-list-item:last-child {
  border-bottom: none;
}

.al-list-num {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 9px;
  background: var(--al-cream);
  color: var(--al-navy);
  font-weight: 700;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1px;
}

.al-list-item div.al-item-text strong {
  display: block;
  color: var(--al-navy);
  font-size: 13.5px;
  font-weight: 600;
  margin-bottom: 3px;
}

.al-list-item div.al-item-text div {
  color: var(--al-muted);
  font-size: 12.5px;
  line-height: 1.6;
}

/* ---------- Responsive ---------- */
@media (max-width: 900px) {
  .al-panel.al-panel-active {
    grid-template-columns: 1fr;
  }

  .al-heading-row h2 {
    font-size: 32px;
  }
}

@media (max-width: 560px) {
  .al-section {
    padding: 60px 0;
  }

  .al-heading-row h2 {
    font-size: 26px;
  }

  .al-tabs {
    gap: 8px;
  }

  .al-tab {
    padding: 9px 14px;
    font-size: 12.5px;
  }
}


.bt-section {
  font-family: 'Poppins', sans-serif;
  background: var(--bt-cream);
  color: var(--bt-ink);
  padding: 90px 0;
  position: relative;
  overflow: hidden;
}

.bt-wrap {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  z-index: 2;
}

/* ---------- Heading ---------- */
.bt-heading-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 44px;
  flex-wrap: wrap;
}

.bt-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--bt-white);
  border: 1px solid var(--bt-line);
  color: var(--bt-navy);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  padding: 7px 16px;
  border-radius: 999px;
  margin-bottom: 16px;
}

.bt-eyebrow svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.bt-heading-row h2 {
  font-size: 40px;
  font-weight: 700;
  color: var(--bt-navy);
  margin: 0;
  line-height: 1.2;
}

.bt-heading-row h2 span {
  color: var(--bt-gold-dark);
}

.bt-heading-sub {
  max-width: 400px;
  color: var(--bt-muted);
  font-size: 15px;
  line-height: 1.7;
}

/* ---------- Chairman feature card ---------- */
.bt-chair-card {
  background: var(--bt-navy);
  background-image: radial-gradient(circle at 100% 0%, rgba(247, 183, 51, .2), transparent 55%);
  border-radius: 20px;
  padding: 34px 32px;
  display: flex;
  align-items: center;
  gap: 26px;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
  flex-wrap: wrap;
}

.bt-chair-card::after {
  content: "";
  position: absolute;
  right: -40px;
  bottom: -40px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: rgba(247, 183, 51, .08);
}

.bt-chair-avatar {
  flex-shrink: 0;
  width: 96px;
  height: 96px;
  border-radius: 50%;
  background: linear-gradient(160deg, var(--bt-gold), var(--bt-gold-dark));
  color: var(--bt-navy-dark);
  font-size: 28px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px solid rgba(247, 183, 51, .3);
  position: relative;
  z-index: 1;
}

.bt-chair-body {
  position: relative;
  z-index: 1;
  flex: 1;
  min-width: 220px;
}

.bt-chair-role {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(247, 183, 51, .15);
  color: var(--bt-gold);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .03em;
  text-transform: uppercase;
  padding: 5px 12px;
  border-radius: 999px;
  margin-bottom: 10px;
}

.bt-chair-role svg {
  width: 12px;
  height: 12px;
}

.bt-chair-body strong {
  display: block;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 6px;
}

.bt-chair-body div.bt-chair-desc {
  color: rgba(255, 255, 255, .6);
  font-size: 13px;
  line-height: 1.65;
  max-width: 520px;
}

/* ---------- Trustee grid ---------- */
.bt-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.bt-card {
  background: var(--bt-white);
  border: 1px solid var(--bt-line);
  border-radius: 16px;
  padding: 24px;
  display: flex;
  gap: 16px;
  align-items: flex-start;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.bt-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 30px rgba(14, 26, 107, .09);
  border-color: transparent;
}

.bt-avatar {
  flex-shrink: 0;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: linear-gradient(160deg, var(--bt-navy), var(--bt-navy-dark));
  color: var(--bt-gold);
  font-size: 15px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bt-card-body {
  flex: 1;
  min-width: 0;
}

.bt-role-pill {
  display: inline-flex;
  align-items: center;
  background: #fbf7ec;
  color: var(--bt-gold-dark);
  font-size: 10.5px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 999px;
  margin-bottom: 8px;
}

.bt-card-body strong {
  display: block;
  color: var(--bt-navy);
  font-size: 14.5px;
  font-weight: 600;
  margin-bottom: 4px;
}

.bt-card-body div.bt-desc {
  color: var(--bt-muted);
  font-size: 12px;
  line-height: 1.6;
}

/* ---------- Bottom note ---------- */
.bt-note-card {
  margin-top: 24px;
  display: flex;
  align-items: center;
  gap: 20px;
  background: #fbf7ec;
  border: 1px solid var(--bt-line);
  border-radius: 16px;
  padding: 24px 26px;
  flex-wrap: wrap;
}

.bt-note-icon {
  width: 46px;
  height: 46px;
  border-radius: 12px;
  background: var(--bt-navy);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.bt-note-icon svg {
  width: 22px;
  height: 22px;
  stroke: var(--bt-gold);
}

.bt-note-body {
  flex: 1;
  min-width: 220px;
}

.bt-note-body strong {
  display: block;
  color: var(--bt-navy);
  font-size: 14.5px;
  font-weight: 600;
  margin-bottom: 4px;
}

.bt-note-body div {
  color: var(--bt-muted);
  font-size: 12.5px;
  line-height: 1.6;
}

/* ---------- Responsive ---------- */
@media (max-width: 900px) {
  .bt-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .bt-heading-row h2 {
    font-size: 32px;
  }
}

@media (max-width: 560px) {
  .bt-section {
    padding: 60px 0;
  }

  .bt-grid {
    grid-template-columns: 1fr;
  }

  .bt-chair-card {
    flex-direction: column;
    text-align: center;
    padding: 28px 22px;
  }

  .bt-heading-row h2 {
    font-size: 26px;
  }
}

.cm-section {
  font-family: 'Poppins', sans-serif;
  background: var(--cm-cream);
  color: var(--cm-ink);
  padding: 90px 0;
  position: relative;
  overflow: hidden;
}

.cm-wrap {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  z-index: 2;
}

/* ---------- Heading ---------- */
.cm-heading {
  text-align: center;
  margin-bottom: 40px;
}

.cm-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--cm-white);
  border: 1px solid var(--cm-line);
  color: var(--cm-navy);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  padding: 7px 16px;
  border-radius: 999px;
  margin-bottom: 16px;
}

.cm-eyebrow svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.cm-heading h2 {
  font-size: 38px;
  font-weight: 700;
  color: var(--cm-navy);
  margin: 0;
  line-height: 1.2;
}

.cm-heading h2 span {
  color: var(--cm-gold-dark);
}

/* ---------- Card ---------- */
.cm-card {
  background: var(--cm-navy);
  background-image: radial-gradient(circle at 100% 0%, rgba(247, 183, 51, .18), transparent 55%);
  border-radius: 24px;
  padding: 44px 42px;
  display: grid;
  grid-template-columns: 0.75fr 1.6fr;
  gap: 36px;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.cm-card::after {
  content: "";
  position: absolute;
  right: -50px;
  bottom: -50px;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: rgba(247, 183, 51, .06);
}

/* ---------- Photo column ---------- */
.cm-photo-wrap {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.cm-photo {
  width: 170px;
  height: 170px;
  border-radius: 50%;
  background: linear-gradient(160deg, var(--cm-gold), var(--cm-gold-dark));
  color: var(--cm-navy-dark);
  font-size: 46px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 5px solid rgba(247, 183, 51, .25);
  margin-bottom: 20px;
}

.cm-photo-wrap strong {
  display: block;
  color: #fff;
  font-size: 19px;
  font-weight: 700;
  margin-bottom: 6px;
}

.cm-photo-wrap div.cm-designation {
  color: var(--cm-gold);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .02em;
  text-transform: uppercase;
}

/* ---------- Message column ---------- */
.cm-message-wrap {
  position: relative;
  z-index: 1;
}

.cm-quote-mark {
  width: 34px;
  height: 34px;
  margin-bottom: 14px;
  color: var(--cm-gold);
  opacity: .85;
}

.cm-quote-mark svg {
  width: 34px;
  height: 34px;
}

.cm-message {
  font-family: 'Playfair Display', serif;
  font-style: italic;
  font-weight: 600;
  color: #fff;
  font-size: 17px;
  line-height: 1.85;
  margin-bottom: 14px;
}

.cm-signature {
  margin-top: 24px;
  padding-top: 18px;
  border-top: 1px dashed rgba(255, 255, 255, .2);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}

.cm-signature-name {
  color: #fff;
  font-size: 15px;
  font-weight: 700;
}

.cm-signature-role {
  color: rgba(255, 255, 255, .55);
  font-size: 11.5px;
  margin-top: 2px;
}

.cm-signature-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(247, 183, 51, .15);
  color: var(--cm-gold);
  font-size: 11px;
  font-weight: 700;
  padding: 7px 14px;
  border-radius: 999px;
}

.cm-signature-badge svg {
  width: 14px;
  height: 14px;
}

/* ---------- Edit notice ---------- */
.cm-edit-notice {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  background: #fdecc3;
  border: 1px dashed var(--cm-gold-dark);
  border-radius: 14px;
  padding: 14px 18px;
  margin-top: 24px;
  font-size: 12.5px;
  color: var(--cm-navy);
  line-height: 1.6;
}

.cm-edit-notice svg {
  width: 16px;
  height: 16px;
  stroke: var(--cm-gold-dark);
  flex-shrink: 0;
  margin-top: 1px;
}

/* ---------- Responsive ---------- */
@media (max-width: 820px) {
  .cm-card {
    grid-template-columns: 1fr;
    padding: 36px 28px;
  }

  .cm-photo-wrap {
    margin-bottom: 6px;
  }
}

@media (max-width: 560px) {
  .cm-section {
    padding: 60px 0;
  }

  .cm-heading h2 {
    font-size: 28px;
  }

  .cm-message {
    font-size: 15px;
  }

  .cm-photo {
    width: 130px;
    height: 130px;
    font-size: 34px;
  }
}


.pm-section {
  font-family: 'Poppins', sans-serif;
  background: var(--pm-cream);
  color: var(--pm-ink);
  padding: 90px 0;
  position: relative;
  overflow: hidden;
}

.pm-wrap {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  z-index: 2;
}

/* ---------- Heading ---------- */
.pm-heading {
  text-align: center;
  margin-bottom: 40px;
}

.pm-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--pm-white);
  border: 1px solid var(--pm-line);
  color: var(--pm-navy);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  padding: 7px 16px;
  border-radius: 999px;
  margin-bottom: 16px;
}

.pm-eyebrow svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.pm-heading h2 {
  font-size: 38px;
  font-weight: 700;
  color: var(--pm-navy);
  margin: 0;
  line-height: 1.2;
}

.pm-heading h2 span {
  color: var(--pm-gold-dark);
}

/* ---------- Card ---------- */
.pm-card {
  background: var(--pm-navy);
  background-image: radial-gradient(circle at 100% 0%, rgba(247, 183, 51, .18), transparent 55%);
  border-radius: 24px;
  padding: 44px 42px;
  display: grid;
  grid-template-columns: 0.75fr 1.6fr;
  gap: 36px;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.pm-card::after {
  content: "";
  position: absolute;
  right: -50px;
  bottom: -50px;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: rgba(247, 183, 51, .06);
}

/* ---------- Photo column ---------- */
.pm-photo-wrap {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.pm-photo {
  width: 170px;
  height: 170px;
  border-radius: 50%;
  background: linear-gradient(160deg, var(--pm-gold), var(--pm-gold-dark));
  color: var(--pm-navy-dark);
  font-size: 46px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 5px solid rgba(247, 183, 51, .25);
  margin-bottom: 20px;
}

.pm-photo-wrap strong {
  display: block;
  color: #fff;
  font-size: 19px;
  font-weight: 700;
  margin-bottom: 6px;
}

.pm-photo-wrap div.pm-designation {
  color: var(--pm-gold);
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .02em;
  text-transform: uppercase;
}

/* ---------- Message column ---------- */
.pm-message-wrap {
  position: relative;
  z-index: 1;
}

.pm-quote-mark {
  width: 34px;
  height: 34px;
  margin-bottom: 14px;
  color: var(--pm-gold);
  opacity: .85;
}

.pm-quote-mark svg {
  width: 34px;
  height: 34px;
}

.pm-message {
  font-family: 'Playfair Display', serif;
  font-style: italic;
  font-weight: 600;
  color: #fff;
  font-size: 17px;
  line-height: 1.85;
  margin-bottom: 14px;
}

.pm-signature {
  margin-top: 24px;
  padding-top: 18px;
  border-top: 1px dashed rgba(255, 255, 255, .2);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}

.pm-signature-name {
  color: #fff;
  font-size: 15px;
  font-weight: 700;
}

.pm-signature-role {
  color: rgba(255, 255, 255, .55);
  font-size: 11.5px;
  margin-top: 2px;
}

.pm-signature-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(247, 183, 51, .15);
  color: var(--pm-gold);
  font-size: 11px;
  font-weight: 700;
  padding: 7px 14px;
  border-radius: 999px;
}

.pm-signature-badge svg {
  width: 14px;
  height: 14px;
}

/* ---------- Edit notice ---------- */
.pm-edit-notice {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  background: #fdecc3;
  border: 1px dashed var(--pm-gold-dark);
  border-radius: 14px;
  padding: 14px 18px;
  margin-top: 24px;
  font-size: 12.5px;
  color: var(--pm-navy);
  line-height: 1.6;
}

.pm-edit-notice svg {
  width: 16px;
  height: 16px;
  stroke: var(--pm-gold-dark);
  flex-shrink: 0;
  margin-top: 1px;
}

/* ---------- Responsive ---------- */
@media (max-width: 820px) {
  .pm-card {
    grid-template-columns: 1fr;
    padding: 36px 28px;
  }

  .pm-photo-wrap {
    margin-bottom: 6px;
  }
}

@media (max-width: 560px) {
  .pm-section {
    padding: 60px 0;
  }

  .pm-heading h2 {
    font-size: 28px;
  }

  .pm-message {
    font-size: 15px;
  }

  .pm-photo {
    width: 130px;
    height: 130px;
    font-size: 34px;
  }
}

.ts-section {
  font-family: 'Poppins', sans-serif;
  background: var(--ts-cream);
  color: var(--ts-ink);
  padding: 90px 0;
  position: relative;
  overflow: hidden;
}

.ts-wrap {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  z-index: 2;
}

/* ---------- Heading ---------- */
.ts-heading-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 34px;
  flex-wrap: wrap;
}

.ts-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--ts-white);
  border: 1px solid var(--ts-line);
  color: var(--ts-navy);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  padding: 7px 16px;
  border-radius: 999px;
  margin-bottom: 16px;
}

.ts-eyebrow svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.ts-heading-row h2 {
  font-size: 40px;
  font-weight: 700;
  color: var(--ts-navy);
  margin: 0;
  line-height: 1.2;
}

.ts-heading-row h2 span {
  color: var(--ts-gold-dark);
}

.ts-heading-sub {
  max-width: 400px;
  color: var(--ts-muted);
  font-size: 15px;
  line-height: 1.7;
}

/* ---------- Stat strip ---------- */
.ts-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  margin-bottom: 28px;
}

.ts-stat-card {
  background: var(--ts-white);
  border: 1px solid var(--ts-line);
  border-radius: 16px;
  padding: 20px;
  display: flex;
  align-items: center;
  gap: 14px;
}

.ts-stat-icon {
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  border-radius: 11px;
  background: var(--ts-navy);
  display: flex;
  align-items: center;
  justify-content: center;
}

.ts-stat-icon svg {
  width: 20px;
  height: 20px;
  stroke: var(--ts-gold);
}

.ts-stat-num {
  color: var(--ts-navy);
  font-size: 22px;
  font-weight: 800;
  line-height: 1.1;
}

.ts-stat-label {
  color: var(--ts-muted);
  font-size: 11.5px;
  font-weight: 500;
}

/* ---------- Filter tabs ---------- */
.ts-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 28px;
}

.ts-tab {
  background: var(--ts-white);
  border: 1px solid var(--ts-line);
  color: var(--ts-navy);
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 600;
  padding: 11px 20px;
  border-radius: 999px;
  cursor: pointer;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}

.ts-tab:hover {
  border-color: var(--ts-gold);
}

.ts-tab.ts-active {
  background: var(--ts-navy);
  border-color: var(--ts-navy);
  color: #fff;
}

/* ---------- Grid ---------- */
.ts-group {
  display: none;
}

.ts-group.ts-group-active {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.ts-card {
  background: var(--ts-white);
  border: 1px solid var(--ts-line);
  border-radius: 16px;
  padding: 22px;
  text-align: center;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.ts-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 30px rgba(14, 26, 107, .09);
  border-color: transparent;
}

.ts-avatar {
  width: 66px;
  height: 66px;
  border-radius: 50%;
  margin: 0 auto 14px;
  background: linear-gradient(160deg, var(--ts-navy), var(--ts-navy-dark));
  color: var(--ts-gold);
  font-size: 18px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ts-card strong {
  display: block;
  color: var(--ts-navy);
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px;
}

.ts-subject-pill {
  display: inline-flex;
  align-items: center;
  background: #fbf7ec;
  color: var(--ts-gold-dark);
  font-size: 10.5px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 999px;
  margin-bottom: 8px;
}

.ts-card div.ts-qual {
  color: var(--ts-muted);
  font-size: 11.5px;
}

/* ---------- Bottom note ---------- */
.ts-note-card {
  margin-top: 30px;
  display: flex;
  align-items: center;
  gap: 20px;
  background: var(--ts-navy);
  background-image: radial-gradient(circle at 100% 0%, rgba(247, 183, 51, .18), transparent 55%);
  border-radius: 16px;
  padding: 26px 28px;
  flex-wrap: wrap;
}

.ts-note-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: rgba(247, 183, 51, .15);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.ts-note-icon svg {
  width: 24px;
  height: 24px;
  stroke: var(--ts-gold);
}

.ts-note-body {
  flex: 1;
  min-width: 220px;
}

.ts-note-body strong {
  display: block;
  color: #fff;
  font-size: 15.5px;
  font-weight: 600;
  margin-bottom: 5px;
}

.ts-note-body div {
  color: rgba(255, 255, 255, .6);
  font-size: 13px;
  line-height: 1.6;
}

/* ---------- Responsive ---------- */
@media (max-width: 960px) {
  .ts-stats {
    grid-template-columns: repeat(2, 1fr);
  }

  .ts-group.ts-group-active {
    grid-template-columns: repeat(3, 1fr);
  }

  .ts-heading-row h2 {
    font-size: 32px;
  }
}

@media (max-width: 620px) {
  .ts-section {
    padding: 60px 0;
  }

  .ts-stats {
    grid-template-columns: 1fr 1fr;
  }

  .ts-group.ts-group-active {
    grid-template-columns: repeat(2, 1fr);
  }

  .ts-heading-row h2 {
    font-size: 26px;
  }

  .ts-tabs {
    gap: 8px;
  }

  .ts-tab {
    padding: 9px 16px;
    font-size: 12.5px;
  }
}


.nt-section {
  font-family: 'Poppins', sans-serif;
  background: var(--nt-cream);
  color: var(--nt-ink);
  padding: 90px 0;
  position: relative;
  overflow: hidden;
}

.nt-wrap {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  z-index: 2;
}

/* ---------- Heading ---------- */
.nt-heading-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 34px;
  flex-wrap: wrap;
}

.nt-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--nt-white);
  border: 1px solid var(--nt-line);
  color: var(--nt-navy);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  padding: 7px 16px;
  border-radius: 999px;
  margin-bottom: 16px;
}

.nt-eyebrow svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.nt-heading-row h2 {
  font-size: 40px;
  font-weight: 700;
  color: var(--nt-navy);
  margin: 0;
  line-height: 1.2;
}

.nt-heading-row h2 span {
  color: var(--nt-gold-dark);
}

.nt-heading-sub {
  max-width: 400px;
  color: var(--nt-muted);
  font-size: 15px;
  line-height: 1.7;
}

/* ---------- Stat strip ---------- */
.nt-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  margin-bottom: 28px;
}

.nt-stat-card {
  background: var(--nt-white);
  border: 1px solid var(--nt-line);
  border-radius: 16px;
  padding: 20px;
  display: flex;
  align-items: center;
  gap: 14px;
}

.nt-stat-icon {
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  border-radius: 11px;
  background: var(--nt-navy);
  display: flex;
  align-items: center;
  justify-content: center;
}

.nt-stat-icon svg {
  width: 20px;
  height: 20px;
  stroke: var(--nt-gold);
}

.nt-stat-num {
  color: var(--nt-navy);
  font-size: 22px;
  font-weight: 800;
  line-height: 1.1;
}

.nt-stat-label {
  color: var(--nt-muted);
  font-size: 11.5px;
  font-weight: 500;
}

/* ---------- Filter tabs ---------- */
.nt-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 28px;
}

.nt-tab {
  background: var(--nt-white);
  border: 1px solid var(--nt-line);
  color: var(--nt-navy);
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 600;
  padding: 11px 20px;
  border-radius: 999px;
  cursor: pointer;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}

.nt-tab:hover {
  border-color: var(--nt-gold);
}

.nt-tab.nt-active {
  background: var(--nt-navy);
  border-color: var(--nt-navy);
  color: #fff;
}

/* ---------- Grid ---------- */
.nt-group {
  display: none;
}

.nt-group.nt-group-active {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.nt-card {
  background: var(--nt-white);
  border: 1px solid var(--nt-line);
  border-radius: 16px;
  padding: 22px;
  text-align: center;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.nt-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 30px rgba(14, 26, 107, .09);
  border-color: transparent;
}

.nt-avatar {
  width: 66px;
  height: 66px;
  border-radius: 50%;
  margin: 0 auto 14px;
  background: linear-gradient(160deg, var(--nt-navy), var(--nt-navy-dark));
  color: var(--nt-gold);
  font-size: 18px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

.nt-card strong {
  display: block;
  color: var(--nt-navy);
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px;
}

.nt-role-pill {
  display: inline-flex;
  align-items: center;
  background: #fbf7ec;
  color: var(--nt-gold-dark);
  font-size: 10.5px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 999px;
  margin-bottom: 8px;
}

.nt-card div.nt-since {
  color: var(--nt-muted);
  font-size: 11.5px;
}

/* ---------- Bottom note ---------- */
.nt-note-card {
  margin-top: 30px;
  display: flex;
  align-items: center;
  gap: 20px;
  background: var(--nt-navy);
  background-image: radial-gradient(circle at 100% 0%, rgba(247, 183, 51, .18), transparent 55%);
  border-radius: 16px;
  padding: 26px 28px;
  flex-wrap: wrap;
}

.nt-note-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: rgba(247, 183, 51, .15);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.nt-note-icon svg {
  width: 24px;
  height: 24px;
  stroke: var(--nt-gold);
}

.nt-note-body {
  flex: 1;
  min-width: 220px;
}

.nt-note-body strong {
  display: block;
  color: #fff;
  font-size: 15.5px;
  font-weight: 600;
  margin-bottom: 5px;
}

.nt-note-body div {
  color: rgba(255, 255, 255, .6);
  font-size: 13px;
  line-height: 1.6;
}

/* ---------- Responsive ---------- */
@media (max-width: 960px) {
  .nt-stats {
    grid-template-columns: repeat(2, 1fr);
  }

  .nt-group.nt-group-active {
    grid-template-columns: repeat(3, 1fr);
  }

  .nt-heading-row h2 {
    font-size: 32px;
  }
}

@media (max-width: 620px) {
  .nt-section {
    padding: 60px 0;
  }

  .nt-stats {
    grid-template-columns: 1fr 1fr;
  }

  .nt-group.nt-group-active {
    grid-template-columns: repeat(2, 1fr);
  }

  .nt-heading-row h2 {
    font-size: 26px;
  }

  .nt-tabs {
    gap: 8px;
  }

  .nt-tab {
    padding: 9px 16px;
    font-size: 12.5px;
  }
}

.mi-section {
  font-family: 'Poppins', sans-serif;
  background: var(--mi-cream);
  color: var(--mi-ink);
  padding: 90px 0;
  position: relative;
  overflow: hidden;
}

.mi-wrap {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  z-index: 2;
}

/* ---------- Heading ---------- */
.mi-heading-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 44px;
  flex-wrap: wrap;
}

.mi-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--mi-white);
  border: 1px solid var(--mi-line);
  color: var(--mi-navy);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  padding: 7px 16px;
  border-radius: 999px;
  margin-bottom: 16px;
}

.mi-eyebrow svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.mi-heading-row h2 {
  font-size: 40px;
  font-weight: 700;
  color: var(--mi-navy);
  margin: 0;
  line-height: 1.2;
}

.mi-heading-row h2 span {
  color: var(--mi-gold-dark);
}

.mi-heading-sub {
  max-width: 400px;
  color: var(--mi-muted);
  font-size: 15px;
  line-height: 1.7;
}

/* ---------- Office head feature card ---------- */
.mi-head-card {
  background: var(--mi-navy);
  background-image: radial-gradient(circle at 100% 0%, rgba(247, 183, 51, .2), transparent 55%);
  border-radius: 20px;
  padding: 32px 30px;
  display: flex;
  align-items: center;
  gap: 24px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.mi-head-avatar {
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: linear-gradient(160deg, var(--mi-gold), var(--mi-gold-dark));
  color: var(--mi-navy-dark);
  font-size: 24px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px solid rgba(247, 183, 51, .3);
}

.mi-head-body {
  flex: 1;
  min-width: 220px;
}

.mi-head-role {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(247, 183, 51, .15);
  color: var(--mi-gold);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .03em;
  text-transform: uppercase;
  padding: 5px 12px;
  border-radius: 999px;
  margin-bottom: 10px;
}

.mi-head-role svg {
  width: 12px;
  height: 12px;
}

.mi-head-body strong {
  display: block;
  color: #fff;
  font-size: 19px;
  font-weight: 700;
  margin-bottom: 4px;
}

.mi-head-body div.mi-head-desc {
  color: rgba(255, 255, 255, .6);
  font-size: 12.5px;
  max-width: 480px;
  line-height: 1.6;
}

/* ---------- Grid ---------- */
.mi-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.mi-card {
  background: var(--mi-white);
  border: 1px solid var(--mi-line);
  border-radius: 16px;
  padding: 22px;
  text-align: center;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.mi-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 30px rgba(14, 26, 107, .09);
  border-color: transparent;
}

.mi-avatar {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin: 0 auto 14px;
  background: linear-gradient(160deg, var(--mi-navy), var(--mi-navy-dark));
  color: var(--mi-gold);
  font-size: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mi-card strong {
  display: block;
  color: var(--mi-navy);
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px;
}

.mi-role-pill {
  display: inline-flex;
  align-items: center;
  background: #fbf7ec;
  color: var(--mi-gold-dark);
  font-size: 10.5px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 999px;
  margin-bottom: 8px;
}

.mi-card div.mi-desc {
  color: var(--mi-muted);
  font-size: 11.5px;
  line-height: 1.5;
}

/* ---------- Bottom note ---------- */
.mi-note-card {
  margin-top: 24px;
  display: flex;
  align-items: center;
  gap: 20px;
  background: #fbf7ec;
  border: 1px solid var(--mi-line);
  border-radius: 16px;
  padding: 24px 26px;
  flex-wrap: wrap;
}

.mi-note-icon {
  width: 46px;
  height: 46px;
  border-radius: 12px;
  background: var(--mi-navy);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.mi-note-icon svg {
  width: 22px;
  height: 22px;
  stroke: var(--mi-gold);
}

.mi-note-body {
  flex: 1;
  min-width: 220px;
}

.mi-note-body strong {
  display: block;
  color: var(--mi-navy);
  font-size: 14.5px;
  font-weight: 600;
  margin-bottom: 4px;
}

.mi-note-body div {
  color: var(--mi-muted);
  font-size: 12.5px;
  line-height: 1.6;
}

/* ---------- Responsive ---------- */
@media (max-width: 900px) {
  .mi-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .mi-heading-row h2 {
    font-size: 32px;
  }
}

@media (max-width: 560px) {
  .mi-section {
    padding: 60px 0;
  }

  .mi-grid {
    grid-template-columns: 1fr;
  }

  .mi-head-card {
    flex-direction: column;
    text-align: center;
    padding: 28px 22px;
  }

  .mi-heading-row h2 {
    font-size: 26px;
  }
}


.lc-section {
  font-family: 'Poppins', sans-serif;
  background: var(--lc-cream);
  color: var(--lc-ink);
  padding: 90px 0;
  position: relative;
  overflow: hidden;
}

.lc-wrap {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  position: relative;
  z-index: 2;
}

/* ---------- Heading ---------- */
.lc-heading-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 36px;
  flex-wrap: wrap;
}

.lc-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--lc-white);
  border: 1px solid var(--lc-line);
  color: var(--lc-navy);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  padding: 7px 16px;
  border-radius: 999px;
  margin-bottom: 16px;
}

.lc-eyebrow svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}

.lc-heading-row h2 {
  font-size: 40px;
  font-weight: 700;
  color: var(--lc-navy);
  margin: 0;
  line-height: 1.2;
}

.lc-heading-row h2 span {
  color: var(--lc-gold-dark);
}

.lc-heading-sub {
  max-width: 400px;
  color: var(--lc-muted);
  font-size: 15px;
  line-height: 1.7;
}

/* ---------- Layout ---------- */
.lc-grid {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 24px;
  align-items: stretch;
}

/* ---------- Info card ---------- */
.lc-info-card {
  background: var(--lc-navy);
  background-image: radial-gradient(circle at 100% 0%, rgba(247, 183, 51, .2), transparent 55%);
  border-radius: 20px;
  padding: 32px 28px;
  display: flex;
  flex-direction: column;
}

.lc-info-icon {
  width: 50px;
  height: 50px;
  border-radius: 13px;
  background: rgba(247, 183, 51, .15);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
}

.lc-info-icon svg {
  width: 24px;
  height: 24px;
  stroke: var(--lc-gold);
}

.lc-info-card strong {
  display: block;
  color: #fff;
  font-size: 19px;
  font-weight: 700;
  margin-bottom: 8px;
}

.lc-info-card div.lc-address {
  color: rgba(255, 255, 255, .7);
  font-size: 13.5px;
  line-height: 1.7;
  margin-bottom: 24px;
}

.lc-contact-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 24px;
}

.lc-contact-item {
  display: flex;
  align-items: center;
  gap: 14px;
}

.lc-contact-icon {
  flex-shrink: 0;
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(255, 255, 255, .1);
  display: flex;
  align-items: center;
  justify-content: center;
}

.lc-contact-icon svg {
  width: 17px;
  height: 17px;
  stroke: var(--lc-gold);
}

.lc-contact-item span {
  display: block;
  color: rgba(255, 255, 255, .5);
  font-size: 11px;
  margin-bottom: 2px;
}

.lc-contact-item strong {
  display: block;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  margin: 0;
}

.lc-landmarks {
  margin-top: auto;
  padding-top: 20px;
  border-top: 1px dashed rgba(255, 255, 255, .15);
}

.lc-landmarks strong.lc-lm-title {
  display: block;
  color: rgba(255, 255, 255, .55);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .03em;
  text-transform: uppercase;
  margin-bottom: 12px;
}

.lc-landmark-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0;
}

.lc-landmark-row div.lc-lm-name {
  color: rgba(255, 255, 255, .75);
  font-size: 12.5px;
}

.lc-landmark-row div.lc-lm-dist {
  color: var(--lc-gold);
  font-size: 12px;
  font-weight: 700;
}

.lc-directions-btn {
  margin-top: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: var(--lc-gold);
  color: var(--lc-navy-dark);
  border: none;
  border-radius: 999px;
  padding: 13px 20px;
  font-family: inherit;
  font-size: 13.5px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  transition: background .2s ease, transform .2s ease;
}

.lc-directions-btn:hover {
  background: var(--lc-gold-dark);
  transform: translateY(-2px);
}

.lc-directions-btn svg {
  width: 15px;
  height: 15px;
}

/* ---------- Map card ---------- */
.lc-map-card {
  background: var(--lc-white);
  border: 1px solid var(--lc-line);
  border-radius: 20px;
  overflow: hidden;
  min-height: 420px;
  position: relative;
}

.lc-map-card iframe {
  width: 100%;
  height: 100%;
  min-height: 420px;
  border: 0;
  display: block;
}

/* ---------- Responsive ---------- */
@media (max-width: 900px) {
  .lc-grid {
    grid-template-columns: 1fr;
  }

  .lc-heading-row h2 {
    font-size: 32px;
  }

  .lc-map-card {
    min-height: 340px;
  }

  .lc-map-card iframe {
    min-height: 340px;
  }
}

@media (max-width: 560px) {
  .lc-section {
    padding: 60px 0;
  }

  .lc-info-card {
    padding: 26px 22px;
  }

  .lc-heading-row h2 {
    font-size: 26px;
  }
}

/* --------------------- */

.admission {
  position: relative;
  padding: 90px 6vw 70px;
  overflow: hidden;
}

.admission-grid {
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 40px;
  align-items: start;
}

/* ---------- LEFT: intro + photo ---------- */
.admission-intro {
  position: relative;
}

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--gold-dark);
  margin-bottom: 14px;
}

.eyebrow::before {
  content: "🎓";
  font-size: 14px;
}

.admission-intro h2 {
  font-size: clamp(34px, 4vw, 46px);
  line-height: 1.05;
  color: var(--navy);
  margin: 0 0 16px;
  font-weight: 800;
}

.admission-intro p {
  font-size: 15px;
  line-height: 1.7;
  color: var(--muted);
  max-width: 420px;
  margin: 0 0 32px;
}

.grad-photo-wrap {
  position: relative;
  max-width: 380px;
}

.grad-photo-wrap img {
  width: 100%;
  display: block;
  border-radius: 10px;
}

/* ---------- RIGHT: form card ---------- */
.admission-form {
  background: linear-gradient(160deg, var(--navy) 0%, var(--navy-deep) 100%);
  border-radius: 18px;
  padding: 40px 40px 36px;
  box-shadow: 0 30px 60px -20px rgba(8, 18, 64, 0.45);
  position: relative;
}

.admission-form::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 160px;
  height: 160px;
  background: radial-gradient(circle at top right, rgba(246, 185, 59, 0.18), transparent 70%);
  border-radius: 18px;
  pointer-events: none;
}

.admission-form .form-title {
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 26px;
}

.form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 16px;
}

.form-field {
  display: flex;
  flex-direction: column;
}

.admission-form input,
.admission-form select,
.admission-form textarea {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
  padding: 13px 16px;
  color: #fff;
  font-size: 14px;
  font-family: inherit;
  outline: none;
  transition: border-color 0.2s ease, background 0.2s ease;
  width: 100%;
}

.admission-form select {
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' stroke='%23F6B93B' stroke-width='1.6' fill='none' fill-rule='evenodd'/></svg>");
  background-repeat: no-repeat;
  background-position: right 16px center;
}

.admission-form select option {
  color: #1c2340;
}

.admission-form input::placeholder,
.admission-form textarea::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.admission-form input:focus,
.admission-form select:focus,
.admission-form textarea:focus {
  border-color: var(--gold);
  background: rgba(255, 255, 255, 0.12);
}

.admission-form textarea {
  resize: none;
  min-height: 90px;
  margin-bottom: 22px;
}

.submit-btn {
  width: 100%;
  background: var(--gold);
  border: none;
  color: var(--navy-deep);
  font-weight: 700;
  font-size: 15px;
  padding: 15px 20px;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: background 0.2s ease, transform 0.15s ease;
}

.submit-btn:hover {
  background: var(--gold-dark);
  transform: translateY(-1px);
}

.submit-btn svg {
  width: 16px;
  height: 16px;
}

/* ---------- Responsive ---------- */
@media (max-width: 900px) {
  .admission-grid {
    grid-template-columns: 1fr;
  }

  .grad-photo-wrap {
    margin: 0 auto;
  }

  .admission-form {
    padding: 30px 24px;
  }
}

@media (max-width: 480px) {
  .form-row {
    grid-template-columns: 1fr;
  }

  .admission {
    padding: 60px 5vw 50px;
  }
}


.prospectus {
  padding: 90px 6vw;
}

.prospectus-card {
  max-width: 1180px;
  margin: 0 auto;
  background: linear-gradient(150deg, var(--navy) 0%, var(--navy-deep) 100%);
  border-radius: 22px;
  padding: 60px 60px;
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  gap: 50px;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.prospectus-card::before {
  content: "";
  position: absolute;
  top: -80px;
  right: -80px;
  width: 260px;
  height: 260px;
  background: radial-gradient(circle, rgba(246, 185, 59, 0.16), transparent 70%);
}

.prospectus-card::after {
  content: "";
  position: absolute;
  bottom: -60px;
  left: -60px;
  width: 200px;
  height: 200px;
  background: radial-gradient(circle, rgba(246, 185, 59, 0.08), transparent 70%);
}

/* ---------- LEFT: text ---------- */
.prospectus-text {
  position: relative;
  z-index: 1;
}

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 14px;
}

.eyebrow::before {
  content: "📘";
  font-size: 14px;
}

.prospectus-text h2 {
  font-size: clamp(30px, 3.6vw, 42px);
  line-height: 1.1;
  color: #fff;
  margin: 0 0 18px;
  font-weight: 800;
}

.prospectus-text p {
  font-size: 15px;
  line-height: 1.75;
  color: rgba(255, 255, 255, 0.72);
  max-width: 460px;
  margin: 0 0 30px;
}

.prospectus-points {
  list-style: none;
  padding: 0;
  margin: 0 0 34px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.prospectus-points li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.85);
}

.prospectus-points li svg {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin-top: 1px;
  color: var(--gold);
}

.prospectus-actions {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
}

.btn-download {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--gold);
  color: var(--navy-deep);
  font-weight: 700;
  font-size: 14px;
  padding: 15px 26px;
  border-radius: 8px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.15s ease;
}

.btn-download:hover {
  background: var(--gold-dark);
  transform: translateY(-1px);
}

.btn-download svg {
  width: 16px;
  height: 16px;
}

.file-meta {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.55);
  display: flex;
  align-items: center;
  gap: 6px;
}

/* ---------- RIGHT: prospectus cover mock ---------- */
.prospectus-visual {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
}

.cover-stack {
  position: relative;
  width: 300px;
}

.cover-back {
  position: absolute;
  top: 22px;
  left: 26px;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 12px;
}

.cover-front {
  position: relative;
  background: #fff;
  border-radius: 12px;
  aspect-ratio: 3 / 4;
  box-shadow: 0 30px 60px -20px rgba(0, 0, 0, 0.5);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.cover-front img {
  width: 100%;
  height: 60%;
  object-fit: cover;
  display: block;
}

.cover-front .cover-body {
  padding: 20px 22px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.cover-body .cover-label {
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--gold-dark);
  font-weight: 700;
  margin-bottom: 6px;
}

.cover-body h4 {
  margin: 0;
  font-size: 18px;
  color: var(--navy);
  line-height: 1.25;
}

.cover-body .cover-year {
  font-size: 12px;
  color: var(--muted);
  font-weight: 600;
}

.pdf-badge {
  position: absolute;
  bottom: -16px;
  right: -16px;
  background: var(--gold);
  color: var(--navy-deep);
  font-weight: 800;
  font-size: 12px;
  letter-spacing: 0.04em;
  padding: 10px 16px;
  border-radius: 8px;
  box-shadow: 0 10px 24px -8px rgba(0, 0, 0, 0.4);
}

/* ---------- Responsive ---------- */
@media (max-width: 900px) {
  .prospectus-card {
    grid-template-columns: 1fr;
    padding: 44px 34px;
  }

  .prospectus-visual {
    order: -1;
  }

  .cover-stack {
    width: 220px;
  }
}

@media (max-width: 480px) {
  .prospectus {
    padding: 60px 5vw;
  }

  .prospectus-card {
    padding: 34px 22px;
    border-radius: 16px;
  }

  .prospectus-actions {
    flex-direction: column;
    align-items: flex-start;
  }
}


.custom-dropdown {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 320px;
}

.custom-dropdown li {
  margin-bottom: 8px;
}

.custom-dropdown li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f5f5f5;
  border: 1px solid #e5e5e5;
  text-decoration: none;
  color: #111;
  padding: 10px 0 10px 20px;
  transition: 0.3s;
}

.custom-dropdown li a:hover {
  background: #eeeeee;
}

.custom-dropdown .title {
  font-size: 16px;
  font-family: Arial, sans-serif;
}

.custom-dropdown .plus {
  width: 34px;
  height: 34px;
  background: #fbc343;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  color: #222;
  flex-shrink: 0;
  transition: 0.3s;
}

.custom-dropdown li a.active .plus {
  transform: rotate(45deg);
}

.accordion {
  max-width: 480px;
  margin: 0 auto;
}

.accordion-item {
  border-bottom: 1px solid var(--line);
}

.accordion-item:first-child {
  border-top: 1px solid var(--line);
}

.accordion-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 0;
  cursor: pointer;
  background: none;
  border: none;
  width: 100%;
  text-align: left;
  font-family: inherit;
}

.accordion-title {
  font-size: 16px;
  font-weight: 500;
  color: var(--text);
}

.accordion-icon {
  position: relative;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

.accordion-icon::before,
.accordion-icon::after {
  content: "";
  position: absolute;
  background: #000e7d;
  transition: transform .3s ease, opacity .3s ease;
}

.accordion-icon::before {
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  transform: translateY(-50%);
}

.accordion-icon::after {
  left: 50%;
  top: 0;
  width: 2px;
  height: 100%;
  transform: translateX(-50%);
}

.accordion-item.is-open .accordion-icon::after {
  transform: translateX(-50%) rotate(90deg);
  opacity: 0;
}

.accordion-body {
  max-height: 0;
  overflow: hidden;
  transition: max-height .35s ease;
}

.accordion-body-inner {
  padding: 4px 4px 18px;
}

/* ---- Sub menu ---- */
.submenu {
  list-style: none;
  margin: 0;
  padding: 0;
}

.submenu li+li {
  border-top: 1px dashed var(--line);
}

.submenu a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 4px 10px 6px;
  font-size: 14px;
  color: #5B6B82;
  text-decoration: none;
  transition: color .2s ease, padding-left .2s ease;
}

.submenu a:hover {
  color: var(--blue);
  padding-left: 12px;
}

.submenu a::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--blue);
  flex-shrink: 0;
  opacity: 0.6;
}

.accordion .accordion-item {
  border: none;
}

.accordion-icon {
  width: 12px;
  height: 12px;
}

.sec-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 44px;
  flex-wrap: wrap;
}

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 14px;
}

.eyebrow::before {
  content: "";
  width: 18px;
  height: 2px;
  background: var(--gold);
  display: inline-block;
}

.sec-head h2 {
  font-family: 'Fraunces', serif;
  font-weight: 600;
  font-size: 36px;
  color: var(--navy-deep);
  margin: 0;
  letter-spacing: -0.01em;
}

.view-all {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--navy-deep);
  text-decoration: none;
  padding: 11px 20px;
  border: 1px solid var(--line);
  border-radius: 30px;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  white-space: nowrap;
}

.view-all svg {
  width: 13px;
  height: 13px;
  stroke: currentColor;
  transition: transform 0.2s ease;
}

.view-all:hover {
  background: var(--navy-deep);
  color: #fff;
  border-color: var(--navy-deep);
}

.view-all:hover svg {
  transform: translateX(3px);
}

.notices {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.notice {
  position: relative;
  background: #ffffff;
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 24px 22px 22px;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  overflow: hidden;
}

.notice::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 4px;
  background: var(--accent);
  transform: scaleY(0);
  transition: transform 0.3s ease;
}

.notice:hover {
  transform: translateY(-5px);
  box-shadow: 0 18px 36px rgba(11, 31, 99, 0.1);
}

.notice:hover::before {
  transform: scaleY(1);
}

.notice[data-cat="admission"] {
  --accent: var(--admission);
}

.notice[data-cat="exam"] {
  --accent: var(--exam);
}

.notice[data-cat="scholarship"] {
  --accent: var(--scholar);
}

.notice-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 18px;
}

.date-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-family: 'Fraunces', serif;
}

.date-block .day {
  font-size: 30px;
  font-weight: 600;
  line-height: 1;
  color: var(--navy-deep);
}

.date-block .month {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--ink-dim);
  margin-top: 4px;
}

.tag {
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 20px;
  background: color-mix(in srgb, var(--accent) 14%, white);
  color: color-mix(in srgb, var(--accent) 70%, black);
  white-space: nowrap;
}

.notice.is-new .tag {
  background: var(--accent);
  color: #fff;
}

.notice h3 {
  margin: 0 0 8px;
  font-size: 16px;
  font-weight: 700;
  color: var(--navy-deep);
  line-height: 1.35;
}

.notice h3 a {
  color: inherit;
  text-decoration: none;
  background-image: linear-gradient(var(--accent), var(--accent));
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0% 2px;
  transition: background-size 0.25s ease;
  padding-bottom: 1px;
}

.notice h3 a:hover {
  background-size: 100% 2px;
}

.notice p {
  margin: 0 0 18px;
  font-size: 13px;
  line-height: 1.65;
  color: var(--ink-dim);
}

.notice-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 16px;
  border-top: 1px solid var(--line);
}

.more-link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--accent);
  text-decoration: none;
}

.more-link svg {
  width: 13px;
  height: 13px;
  stroke: var(--accent);
  transition: transform 0.2s ease;
}

.more-link:hover svg {
  transform: translateX(3px);
}

.pin {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--accent) 14%, white);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.pin svg {
  width: 12px;
  height: 12px;
  stroke: var(--accent);
}

@media (max-width: 860px) {
  .notices {
    grid-template-columns: 1fr;
  }

  .sec-head h2 {
    font-size: 28px;
  }
}

.notice-2 {
  padding: 80px 0;
  background: var(--paper);
}

.tnd-section,
.tnd-section * {
  box-sizing: border-box;
}

.tnd-section {
  background: var(--tnd-paper);
  font-family: 'Inter', Arial, sans-serif;
  padding: 80px 24px;
  display: flex;
  justify-content: center;
}

.tnd-wrap {
  width: 100%;
  max-width: 1080px;
}

.tnd-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}

.tnd-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--tnd-gold);
  margin-bottom: 14px;
}

.tnd-eyebrow::before {
  content: "";
  width: 18px;
  height: 2px;
  background: var(--tnd-gold);
  display: inline-block;
}

.tnd-title {
  font-family: 'Fraunces', serif;
  font-weight: 600;
  font-size: 36px;
  color: var(--tnd-navy-deep);
  margin: 0 0 8px;
  letter-spacing: -0.01em;
}

.tnd-subtitle {
  margin: 0;
  font-size: 14px;
  color: var(--tnd-ink-dim);
  max-width: 460px;
}

.tnd-view-all {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--tnd-navy-deep);
  text-decoration: none;
  padding: 11px 20px;
  border: 1px solid var(--tnd-line);
  border-radius: 30px;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  white-space: nowrap;
}

.tnd-view-all svg {
  width: 13px;
  height: 13px;
  stroke: currentColor;
  transition: transform 0.2s ease;
}

.tnd-view-all:hover {
  background: var(--tnd-navy-deep);
  color: #fff;
  border-color: var(--tnd-navy-deep);
}

.tnd-view-all:hover svg {
  transform: translateX(3px);
}

.tnd-table {
  background: #fff;
  border: 1px solid var(--tnd-line);
  border-radius: 16px;
  overflow: hidden;
}

.tnd-row {
  display: grid;
  grid-template-columns: 110px 1fr 130px 130px 110px 44px;
  align-items: center;
  gap: 18px;
  padding: 18px 26px;
  border-bottom: 1px solid var(--tnd-line);
  transition: background 0.2s ease;
}

.tnd-row:last-child {
  border-bottom: none;
}

.tnd-row-head {
  background: var(--tnd-paper);
  padding: 14px 26px;
}

.tnd-row-head span {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--tnd-ink-dim);
}

.tnd-row-body:hover {
  background: #fbfaf6;
}

.tnd-id {
  font-family: 'Fraunces', serif;
  font-weight: 600;
  font-size: 14px;
  color: var(--tnd-navy);
}

.tnd-item {
  min-width: 0;
}

.tnd-item-name {
  font-size: 14.5px;
  font-weight: 700;
  color: var(--tnd-navy-deep);
  margin-bottom: 4px;
  line-height: 1.3;
}

.tnd-item-desc {
  font-size: 12px;
  color: var(--tnd-ink-dim);
  line-height: 1.4;
}

.tnd-date {
  font-size: 13px;
  color: var(--tnd-ink-dim);
}

.tnd-date-label {
  display: block;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #a8abb8;
  margin-bottom: 2px;
}

.tnd-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 5px 12px;
  border-radius: 20px;
}

.tnd-status::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
}

.tnd-status-open {
  background: rgba(31, 138, 112, 0.12);
  color: var(--tnd-open);
}

.tnd-status-closed {
  background: rgba(177, 69, 60, 0.1);
  color: var(--tnd-closed);
}

.tnd-download {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  border: 1px solid var(--tnd-line);
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: background 0.2s ease, border-color 0.2s ease;
}

.tnd-download svg {
  width: 15px;
  height: 15px;
  stroke: var(--tnd-navy-deep);
  transition: stroke 0.2s ease;
}

.tnd-download:hover {
  background: var(--tnd-navy-deep);
  border-color: var(--tnd-navy-deep);
}

.tnd-download:hover svg {
  stroke: #fff;
}

@media (max-width: 820px) {
  .tnd-row {
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 20px;
  }

  .tnd-row-head {
    display: none;
  }

  .tnd-id {
    order: -1;
  }

  .tnd-download {
    justify-self: flex-start;
  }
}


.exm-section {
  background: var(--exm-paper);
  font-family: 'Inter', Arial, sans-serif;
  padding: 80px 24px;
  display: flex;
  justify-content: center;
}

.exm-wrap {
  width: 100%;
  max-width: 1080px;
}

.exm-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}

.exm-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--exm-gold);
  margin-bottom: 14px;
}

.exm-eyebrow::before {
  content: "";
  width: 18px;
  height: 2px;
  background: var(--exm-gold);
  display: inline-block;
}

.exm-title {
  font-family: 'Fraunces', serif;
  font-weight: 600;
  font-size: 36px;
  color: var(--exm-navy-deep);
  margin: 0 0 8px;
  letter-spacing: -0.01em;
}

.exm-subtitle {
  margin: 0;
  font-size: 14px;
  color: var(--exm-ink-dim);
  max-width: 460px;
}

.exm-download-all {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13.5px;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  background: var(--exm-navy-deep);
  padding: 12px 22px;
  border-radius: 30px;
  transition: background 0.2s ease, transform 0.2s ease;
  white-space: nowrap;
}

.exm-download-all svg {
  width: 14px;
  height: 14px;
  stroke: currentColor;
}

.exm-download-all:hover {
  background: var(--exm-navy);
  transform: translateY(-2px);
}

.exm-groups {
  display: flex;
  flex-direction: column;
  gap: 26px;
}

.exm-group {
  background: #fff;
  border: 1px solid var(--exm-line);
  border-radius: 16px;
  overflow: hidden;
}

.exm-group-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 26px;
  background: var(--exm-paper);
  border-bottom: 1px solid var(--exm-line);
}

.exm-group-title {
  display: flex;
  align-items: center;
  gap: 12px;
}

.exm-stream-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--accent);
  flex-shrink: 0;
}

.exm-group[data-stream="science"] {
  --accent: var(--exm-science);
}

.exm-group[data-stream="arts"] {
  --accent: var(--exm-arts);
}

.exm-group[data-stream="commerce"] {
  --accent: var(--exm-commerce);
}

.exm-group-title h3 {
  margin: 0;
  font-family: 'Fraunces', serif;
  font-size: 18px;
  font-weight: 600;
  color: var(--exm-navy-deep);
}

.exm-group-meta {
  font-size: 12px;
  font-weight: 600;
  color: var(--accent);
  background: color-mix(in srgb, var(--accent) 12%, white);
  padding: 5px 12px;
  border-radius: 20px;
  white-space: nowrap;
}

.exm-row {
  display: grid;
  grid-template-columns: 100px 1fr 140px 110px 40px;
  align-items: center;
  gap: 18px;
  padding: 16px 26px;
  border-bottom: 1px solid var(--exm-line);
  transition: background 0.2s ease;
}

.exm-row:last-child {
  border-bottom: none;
}

.exm-row:hover {
  background: #fbfaf6;
}

.exm-date {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-family: 'Fraunces', serif;
}

.exm-date .exm-day {
  font-size: 22px;
  font-weight: 600;
  color: var(--exm-navy-deep);
  line-height: 1;
}

.exm-date .exm-month {
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--exm-ink-dim);
  margin-top: 3px;
}

.exm-subject {
  font-size: 14px;
  font-weight: 700;
  color: var(--exm-navy-deep);
}

.exm-time {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12.5px;
  color: var(--exm-ink-dim);
}

.exm-time svg {
  width: 13px;
  height: 13px;
  stroke: var(--exm-ink-dim);
  flex-shrink: 0;
}

.exm-room {
  font-size: 12.5px;
  color: var(--exm-ink-dim);
}

.exm-room span {
  display: inline-block;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #a8abb8;
  margin-right: 4px;
}

.exm-pdf {
  width: 34px;
  height: 34px;
  border-radius: 9px;
  border: 1px solid var(--exm-line);
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: background 0.2s ease, border-color 0.2s ease;
}

.exm-pdf svg {
  width: 14px;
  height: 14px;
  stroke: var(--exm-navy-deep);
  transition: stroke 0.2s ease;
}

.exm-pdf:hover {
  background: var(--accent);
  border-color: var(--accent);
}

.exm-pdf:hover svg {
  stroke: #fff;
}

@media (max-width: 760px) {
  .exm-row {
    grid-template-columns: 56px 1fr;
    row-gap: 6px;
  }

  .exm-time,
  .exm-room {
    grid-column: 2;
  }

  .exm-pdf {
    grid-column: 2;
    justify-self: flex-start;
    margin-top: 6px;
  }

  .exm-group-head {
    flex-wrap: wrap;
  }
}


.cls-section {
  background: var(--cls-paper);
  font-family: 'Inter', Arial, sans-serif;
  padding: 80px 24px;
  display: flex;
  justify-content: center;
}

.cls-wrap {
  width: 100%;
  max-width: 1080px;
}

.cls-head {
  text-align: center;
  max-width: 560px;
  margin: 0 auto 52px;
}

.cls-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--cls-gold);
  margin-bottom: 16px;
}

.cls-eyebrow::before,
.cls-eyebrow::after {
  content: "";
  width: 16px;
  height: 2px;
  background: var(--cls-gold);
  display: inline-block;
}

.cls-title {
  font-family: 'Fraunces', serif;
  font-weight: 600;
  font-size: 38px;
  color: var(--cls-navy-deep);
  margin: 0 0 12px;
  letter-spacing: -0.01em;
}

.cls-subtitle {
  margin: 0;
  font-size: 15px;
  color: var(--cls-ink-dim);
  line-height: 1.65;
}

.cls-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}

.cls-card {
  position: relative;
  background: #ffffff;
  border: 1px solid var(--cls-line);
  border-radius: 16px;
  overflow: hidden;
  transition: transform 0.28s ease, box-shadow 0.28s ease;
}

.cls-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 40px rgba(11, 31, 99, 0.12);
}

.cls-card[data-type="primary"] {
  --accent: var(--cls-primary);
}

.cls-card[data-type="middle"] {
  --accent: var(--cls-middle);
}

.cls-card[data-type="senior"] {
  --accent: var(--cls-senior);
}

.cls-card[data-type="lab"] {
  --accent: var(--cls-lab);
}

.cls-media {
  position: relative;
  height: 128px;
  background: linear-gradient(150deg, color-mix(in srgb, var(--accent) 85%, black), var(--accent));
  display: flex;
  align-items: center;
  justify-content: center;
}

.cls-media svg {
  width: 46px;
  height: 46px;
  stroke: rgba(255, 255, 255, 0.9);
  fill: none;
  stroke-width: 1.5;
}

.cls-capacity {
  position: absolute;
  top: 12px;
  right: 12px;
  background: rgba(255, 255, 255, 0.92);
  color: var(--cls-navy-deep);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.03em;
  padding: 4px 10px;
  border-radius: 20px;
}

.cls-body {
  padding: 20px 20px 22px;
}

.cls-body h3 {
  margin: 0 0 8px;
  font-family: 'Fraunces', serif;
  font-size: 18px;
  font-weight: 600;
  color: var(--cls-navy-deep);
}

.cls-body p {
  margin: 0 0 16px;
  font-size: 12.5px;
  line-height: 1.65;
  color: var(--cls-ink-dim);
}

.cls-facilities {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding-top: 14px;
  border-top: 1px solid var(--cls-line);
}

.cls-chip {
  font-size: 10.5px;
  font-weight: 600;
  color: color-mix(in srgb, var(--accent) 70%, black);
  background: color-mix(in srgb, var(--accent) 12%, white);
  padding: 4px 9px;
  border-radius: 20px;
}

@media (max-width: 900px) {
  .cls-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 540px) {
  .cls-grid {
    grid-template-columns: 1fr;
  }

  .cls-title {
    font-size: 30px;
  }
}

.cnt-section {
  background: var(--cnt-paper);
  font-family: 'Inter', Arial, sans-serif;
  padding: 80px 24px;
  display: flex;
  justify-content: center;
}

.cnt-wrap {
  width: 100%;
  max-width: 1080px;
}

.cnt-grid {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 48px;
  align-items: center;
}

.cnt-visual {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  background: linear-gradient(150deg, var(--cnt-navy-deep), var(--cnt-navy) 75%);
  aspect-ratio: 4 / 4.6;
  display: flex;
  align-items: flex-end;
  padding: 24px;
}

.cnt-visual::before {
  content: "";
  position: absolute;
  top: -40px;
  right: -40px;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(246, 166, 33, 0.18), transparent 70%);
}

.cnt-visual-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -60%);
}

.cnt-visual-icon svg {
  width: 96px;
  height: 96px;
  stroke: rgba(255, 255, 255, 0.5);
  fill: none;
  stroke-width: 1.3;
}

.cnt-stat-card {
  position: relative;
  z-index: 1;
  background: rgba(255, 255, 255, 0.96);
  border-radius: 14px;
  padding: 16px 18px;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 14px;
}

.cnt-stat-card .cnt-stat-icon {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  background: rgba(31, 138, 112, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.cnt-stat-card .cnt-stat-icon svg {
  width: 20px;
  height: 20px;
  stroke: var(--cnt-green);
}

.cnt-stat-card .cnt-num {
  font-family: 'Fraunces', serif;
  font-size: 22px;
  font-weight: 600;
  color: var(--cnt-navy-deep);
  line-height: 1;
}

.cnt-stat-card .cnt-label {
  font-size: 11.5px;
  color: var(--cnt-ink-dim);
  margin-top: 3px;
}

.cnt-content {
  padding: 8px 0;
}

.cnt-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--cnt-gold);
  margin-bottom: 16px;
}

.cnt-eyebrow::before {
  content: "";
  width: 18px;
  height: 2px;
  background: var(--cnt-gold);
  display: inline-block;
}

.cnt-title {
  font-family: 'Fraunces', serif;
  font-weight: 600;
  font-size: 36px;
  color: var(--cnt-navy-deep);
  margin: 0 0 14px;
  letter-spacing: -0.01em;
}

.cnt-desc {
  margin: 0 0 28px;
  font-size: 14.5px;
  line-height: 1.7;
  color: var(--cnt-ink-dim);
  max-width: 480px;
}

.cnt-features {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 30px;
}

.cnt-feature {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

.cnt-feature-icon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: rgba(11, 31, 99, 0.06);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.cnt-feature-icon svg {
  width: 17px;
  height: 17px;
  stroke: var(--cnt-navy);
}

.cnt-feature h4 {
  margin: 0 0 3px;
  font-size: 13.5px;
  font-weight: 700;
  color: var(--cnt-navy-deep);
}

.cnt-feature p {
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
  color: var(--cnt-ink-dim);
}

.cnt-hours {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 18px;
  background: #ffffff;
  border: 1px solid var(--cnt-line);
  border-radius: 14px;
  padding: 16px 22px;
}

.cnt-hours-list {
  display: flex;
  gap: 26px;
  flex-wrap: wrap;
}

.cnt-hours-item .cnt-hours-label {
  display: block;
  font-size: 10.5px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #a8abb8;
  margin-bottom: 3px;
}

.cnt-hours-item .cnt-hours-time {
  font-size: 13px;
  font-weight: 700;
  color: var(--cnt-navy-deep);
}

.cnt-menu-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--cnt-navy-deep);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  padding: 12px 22px;
  border-radius: 30px;
  white-space: nowrap;
  transition: background 0.2s ease, transform 0.2s ease;
}

.cnt-menu-btn svg {
  width: 13px;
  height: 13px;
  stroke: currentColor;
  transition: transform 0.2s ease;
}

.cnt-menu-btn:hover {
  background: var(--cnt-navy);
  transform: translateY(-2px);
}

.cnt-menu-btn:hover svg {
  transform: translateX(3px);
}

@media (max-width: 860px) {
  .cnt-grid {
    grid-template-columns: 1fr;
  }

  .cnt-visual {
    aspect-ratio: 16/9;
    max-width: 420px;
    margin: 0 auto;
  }

  .cnt-features {
    grid-template-columns: 1fr;
  }

  .cnt-hours {
    flex-direction: column;
    align-items: flex-start;
  }
}

.inf-section {
  background: var(--inf-paper);
  font-family: 'Inter', Arial, sans-serif;
  padding: 80px 24px;
  display: flex;
  justify-content: center;
}

.inf-wrap {
  width: 100%;
  max-width: 1080px;
}

.inf-grid {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 48px;
  align-items: center;
}

.inf-visual {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  background: linear-gradient(150deg, var(--inf-navy-deep), var(--inf-navy) 75%);
  aspect-ratio: 4 / 4.6;
  display: flex;
  align-items: flex-end;
  padding: 24px;
}

.inf-visual::before {
  content: "";
  position: absolute;
  top: -40px;
  right: -40px;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(193, 68, 58, 0.2), transparent 70%);
}

.inf-visual-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -60%);
}

.inf-visual-icon svg {
  width: 92px;
  height: 92px;
  stroke: rgba(255, 255, 255, 0.5);
  fill: none;
  stroke-width: 1.3;
}

.inf-pulse {
  position: absolute;
  top: 26px;
  left: 24px;
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.16);
  padding: 7px 13px;
  border-radius: 30px;
}

.inf-pulse .inf-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #58d68d;
  box-shadow: 0 0 0 4px rgba(88, 214, 141, 0.22);
}

.inf-pulse span {
  font-size: 11px;
  font-weight: 600;
  color: #fff;
  letter-spacing: 0.02em;
}

.inf-stat-card {
  position: relative;
  z-index: 1;
  background: rgba(255, 255, 255, 0.96);
  border-radius: 14px;
  padding: 16px 18px;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 14px;
}

.inf-stat-card .inf-stat-icon {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  background: rgba(193, 68, 58, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.inf-stat-card .inf-stat-icon svg {
  width: 20px;
  height: 20px;
  stroke: var(--inf-red);
}

.inf-stat-card .inf-num {
  font-family: 'Fraunces', serif;
  font-size: 18px;
  font-weight: 600;
  color: var(--inf-navy-deep);
  line-height: 1.2;
}

.inf-stat-card .inf-label {
  font-size: 11.5px;
  color: var(--inf-ink-dim);
  margin-top: 3px;
}

.inf-content {
  padding: 8px 0;
}

.inf-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--inf-gold);
  margin-bottom: 16px;
}

.inf-eyebrow::before {
  content: "";
  width: 18px;
  height: 2px;
  background: var(--inf-gold);
  display: inline-block;
}

.inf-title {
  font-family: 'Fraunces', serif;
  font-weight: 600;
  font-size: 36px;
  color: var(--inf-navy-deep);
  margin: 0 0 14px;
  letter-spacing: -0.01em;
}

.inf-desc {
  margin: 0 0 28px;
  font-size: 14.5px;
  line-height: 1.7;
  color: var(--inf-ink-dim);
  max-width: 480px;
}

.inf-features {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 30px;
}

.inf-feature {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

.inf-feature-icon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: rgba(193, 68, 58, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.inf-feature-icon svg {
  width: 17px;
  height: 17px;
  stroke: var(--inf-red);
}

.inf-feature h4 {
  margin: 0 0 3px;
  font-size: 13.5px;
  font-weight: 700;
  color: var(--inf-navy-deep);
}

.inf-feature p {
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
  color: var(--inf-ink-dim);
}

.inf-contact-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 18px;
  background: #ffffff;
  border: 1px solid var(--inf-line);
  border-radius: 14px;
  padding: 16px 22px;
}

.inf-contact-info {
  display: flex;
  gap: 26px;
  flex-wrap: wrap;
}

.inf-contact-item .inf-contact-label {
  display: block;
  font-size: 10.5px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #a8abb8;
  margin-bottom: 3px;
}

.inf-contact-item .inf-contact-value {
  font-size: 13px;
  font-weight: 700;
  color: var(--inf-navy-deep);
}

.inf-emergency-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--inf-red);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  padding: 12px 22px;
  border-radius: 30px;
  white-space: nowrap;
  transition: background 0.2s ease, transform 0.2s ease;
}

.inf-emergency-btn svg {
  width: 14px;
  height: 14px;
  stroke: currentColor;
}

.inf-emergency-btn:hover {
  background: #a8382f;
  transform: translateY(-2px);
}

@media (max-width: 860px) {
  .inf-grid {
    grid-template-columns: 1fr;
  }

  .inf-visual {
    aspect-ratio: 16/9;
    max-width: 420px;
    margin: 0 auto;
  }

  .inf-features {
    grid-template-columns: 1fr;
  }

  .inf-contact-bar {
    flex-direction: column;
    align-items: flex-start;
  }
}


.lab-section {
  background: var(--lab-paper);
  font-family: 'Inter', Arial, sans-serif;
  padding: 80px 24px;
  display: flex;
  justify-content: center;
}

.lab-wrap {
  width: 100%;
  max-width: 1080px;
}

.lab-head {
  text-align: center;
  max-width: 560px;
  margin: 0 auto 52px;
}

.lab-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--lab-gold);
  margin-bottom: 16px;
}

.lab-eyebrow::before,
.lab-eyebrow::after {
  content: "";
  width: 16px;
  height: 2px;
  background: var(--lab-gold);
  display: inline-block;
}

.lab-title {
  font-family: 'Fraunces', serif;
  font-weight: 600;
  font-size: 38px;
  color: var(--lab-navy-deep);
  margin: 0 0 12px;
  letter-spacing: -0.01em;
}

.lab-subtitle {
  margin: 0;
  font-size: 15px;
  color: var(--lab-ink-dim);
  line-height: 1.65;
}

.lab-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}

.lab-card {
  position: relative;
  background: #ffffff;
  border: 1px solid var(--lab-line);
  border-radius: 16px;
  padding: 28px 22px 24px;
  overflow: hidden;
  transition: transform 0.28s ease, box-shadow 0.28s ease;
}

.lab-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 40px rgba(11, 31, 99, 0.12);
}

.lab-card[data-subject="physics"] {
  --accent: var(--lab-physics);
}

.lab-card[data-subject="chemistry"] {
  --accent: var(--lab-chem);
}

.lab-card[data-subject="biology"] {
  --accent: var(--lab-bio);
}

.lab-card[data-subject="computer"] {
  --accent: var(--lab-cs);
}

.lab-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: var(--accent);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}

.lab-card:hover::before {
  transform: scaleX(1);
}

.lab-icon-badge {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  background: color-mix(in srgb, var(--accent) 12%, white);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.lab-icon-badge svg {
  width: 26px;
  height: 26px;
  stroke: var(--accent);
  fill: none;
  stroke-width: 1.6;
}

.lab-card h3 {
  margin: 0 0 10px;
  font-family: 'Fraunces', serif;
  font-size: 19px;
  font-weight: 600;
  color: var(--lab-navy-deep);
}

.lab-card p {
  margin: 0 0 18px;
  font-size: 13px;
  line-height: 1.7;
  color: var(--lab-ink-dim);
}

.lab-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 16px;
  border-top: 1px solid var(--lab-line);
}

.lab-capacity {
  font-size: 11.5px;
  font-weight: 700;
  color: var(--accent);
}

.lab-equip-count {
  font-size: 11px;
  color: var(--lab-ink-dim);
}

@media (max-width: 900px) {
  .lab-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 540px) {
  .lab-grid {
    grid-template-columns: 1fr;
  }

  .lab-title {
    font-size: 30px;
  }
}

.fd-section {
  background: var(--fd-paper);
  font-family: 'Inter', Arial, sans-serif;
  padding: 80px 24px;
  display: flex;
  justify-content: center;
}

.fd-wrap {
  width: 100%;
  max-width: 1080px;
}

.fd-head {
  text-align: center;
  max-width: 560px;
  margin: 0 auto 52px;
}

.fd-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--fd-gold);
  margin-bottom: 16px;
}

.fd-eyebrow::before,
.fd-eyebrow::after {
  content: "";
  width: 16px;
  height: 2px;
  background: var(--fd-gold);
  display: inline-block;
}

.fd-title {
  font-family: 'Fraunces', serif;
  font-weight: 600;
  font-size: 38px;
  color: var(--fd-navy-deep);
  margin: 0 0 12px;
  letter-spacing: -0.01em;
}

.fd-subtitle {
  margin: 0;
  font-size: 15px;
  color: var(--fd-ink-dim);
  line-height: 1.65;
}

.fd-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.fd-card {
  position: relative;
  background: #ffffff;
  border: 1px solid var(--fd-line);
  border-radius: 16px;
  overflow: hidden;
  transition: transform 0.28s ease, box-shadow 0.28s ease;
}

.fd-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 40px rgba(11, 31, 99, 0.12);
}

.fd-card[data-meal="morning"] {
  --accent: var(--fd-morning);
}

.fd-card[data-meal="lunch"] {
  --accent: var(--fd-lunch);
}

.fd-card[data-meal="snack"] {
  --accent: var(--fd-snack);
}

.fd-card-head {
  background: linear-gradient(150deg, color-mix(in srgb, var(--accent) 85%, black), var(--accent));
  padding: 24px 22px 20px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.fd-card-head-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.16);
  display: flex;
  align-items: center;
  justify-content: center;
}

.fd-card-head-icon svg {
  width: 20px;
  height: 20px;
  stroke: #fff;
  fill: none;
  stroke-width: 1.7;
}

.fd-card-head h3 {
  margin: 0 0 4px;
  font-family: 'Fraunces', serif;
  font-size: 18px;
  font-weight: 600;
}

.fd-card-head .fd-time {
  font-size: 11.5px;
  color: rgba(255, 255, 255, 0.8);
}

.fd-menu-list {
  list-style: none;
  margin: 0;
  padding: 18px 22px 22px;
}

.fd-menu-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  color: var(--fd-navy-deep);
  padding: 9px 0;
  border-bottom: 1px dashed var(--fd-line);
}

.fd-menu-list li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.fd-menu-list li::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--accent);
  flex-shrink: 0;
}

.fd-note {
  margin-top: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-align: center;
  font-size: 13px;
  color: var(--fd-ink-dim);
}

.fd-note svg {
  width: 16px;
  height: 16px;
  stroke: var(--fd-gold);
  flex-shrink: 0;
}

@media (max-width: 860px) {
  .fd-grid {
    grid-template-columns: 1fr;
  }

  .fd-title {
    font-size: 30px;
  }
}

.trp-section {
  background: var(--trp-paper);
  font-family: 'Inter', Arial, sans-serif;
  padding: 80px 24px;
  display: flex;
  justify-content: center;
}

.trp-wrap {
  width: 100%;
  max-width: 1080px;
}

.trp-head {
  text-align: center;
  max-width: 560px;
  margin: 0 auto 44px;
}

.trp-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--trp-gold);
  margin-bottom: 16px;
}

.trp-eyebrow::before,
.trp-eyebrow::after {
  content: "";
  width: 16px;
  height: 2px;
  background: var(--trp-gold);
  display: inline-block;
}

.trp-title {
  font-family: 'Fraunces', serif;
  font-weight: 600;
  font-size: 38px;
  color: var(--trp-navy-deep);
  margin: 0 0 12px;
  letter-spacing: -0.01em;
}

.trp-subtitle {
  margin: 0;
  font-size: 15px;
  color: var(--trp-ink-dim);
  line-height: 1.65;
}

.trp-features {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  margin-bottom: 40px;
}

.trp-feature {
  background: #fff;
  border: 1px solid var(--trp-line);
  border-radius: 14px;
  padding: 20px 18px;
  text-align: center;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.trp-feature:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 28px rgba(11, 31, 99, 0.08);
}

.trp-feature-icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: rgba(31, 138, 112, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 12px;
}

.trp-feature-icon svg {
  width: 20px;
  height: 20px;
  stroke: var(--trp-green);
}

.trp-feature h4 {
  margin: 0 0 5px;
  font-size: 13.5px;
  font-weight: 700;
  color: var(--trp-navy-deep);
}

.trp-feature p {
  margin: 0;
  font-size: 11.5px;
  line-height: 1.5;
  color: var(--trp-ink-dim);
}

.trp-table {
  background: #fff;
  border: 1px solid var(--trp-line);
  border-radius: 16px;
  overflow: hidden;
}

.trp-row {
  display: grid;
  grid-template-columns: 90px 1fr 130px 130px;
  align-items: center;
  gap: 18px;
  padding: 16px 26px;
  border-bottom: 1px solid var(--trp-line);
  transition: background 0.2s ease;
}

.trp-row:last-child {
  border-bottom: none;
}

.trp-row-head {
  background: var(--trp-paper);
  padding: 13px 26px;
}

.trp-row-head span {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--trp-ink-dim);
}

.trp-row-body:hover {
  background: #fbfaf6;
}

.trp-route-id {
  font-family: 'Fraunces', serif;
  font-weight: 600;
  font-size: 14px;
  color: var(--trp-navy);
  background: rgba(11, 31, 99, 0.06);
  padding: 4px 10px;
  border-radius: 8px;
  display: inline-block;
  width: fit-content;
}

.trp-area {
  font-size: 13.5px;
  font-weight: 600;
  color: var(--trp-navy-deep);
}

.trp-pickup {
  font-size: 12.5px;
  color: var(--trp-ink-dim);
}

.trp-pickup .trp-label {
  display: block;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #a8abb8;
  margin-bottom: 2px;
}

@media (max-width: 900px) {
  .trp-features {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 700px) {
  .trp-row {
    grid-template-columns: 1fr;
    gap: 6px;
    padding: 18px 20px;
  }

  .trp-row-head {
    display: none;
  }

  .trp-route-id {
    order: -1;
  }
}


.tec-section {
  background: linear-gradient(180deg, var(--tec-paper), #fff 60%);
  font-family: 'Inter', Arial, sans-serif;
  padding: 80px 24px;
  display: flex;
  justify-content: center;
}

.tec-wrap {
  width: 100%;
  max-width: 1080px;
}

.tec-top {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: center;
  margin-bottom: 54px;
}

.tec-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--tec-gold);
  margin-bottom: 16px;
}

.tec-eyebrow::before {
  content: "";
  width: 18px;
  height: 2px;
  background: var(--tec-gold);
  display: inline-block;
}

.tec-title {
  font-family: 'Fraunces', serif;
  font-weight: 600;
  font-size: 38px;
  color: var(--tec-navy-deep);
  margin: 0 0 16px;
  letter-spacing: -0.01em;
  line-height: 1.15;
}

.tec-desc {
  margin: 0;
  font-size: 14.5px;
  line-height: 1.75;
  color: var(--tec-ink-dim);
  max-width: 420px;
}

.tec-stat-strip {
  display: flex;
  gap: 28px;
  flex-wrap: wrap;
}

.tec-stat {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.tec-stat .tec-stat-num {
  font-family: 'Fraunces', serif;
  font-size: 30px;
  font-weight: 600;
  color: var(--tec-navy-deep);
}

.tec-stat .tec-stat-label {
  font-size: 12px;
  color: var(--tec-ink-dim);
}

.tec-visual {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  background: linear-gradient(150deg, var(--tec-navy-deep), var(--tec-navy) 75%);
  aspect-ratio: 5/4;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tec-visual::before {
  content: "";
  position: absolute;
  top: -50px;
  right: -50px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(246, 166, 33, 0.18), transparent 70%);
}

.tec-visual svg {
  width: 46%;
  height: 46%;
  stroke: rgba(255, 255, 255, 0.55);
  fill: none;
  stroke-width: 1.3;
  position: relative;
  z-index: 1;
}

.tec-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.tec-card {
  background: #fff;
  border: 1px solid var(--tec-line);
  border-radius: 16px;
  padding: 26px 22px;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.tec-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 18px 36px rgba(11, 31, 99, 0.1);
}

.tec-card-icon {
  width: 46px;
  height: 46px;
  border-radius: 13px;
  background: rgba(11, 31, 99, 0.07);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
}

.tec-card-icon svg {
  width: 22px;
  height: 22px;
  stroke: var(--tec-navy);
}

.tec-card h3 {
  margin: 0 0 8px;
  font-size: 15.5px;
  font-weight: 700;
  color: var(--tec-navy-deep);
}

.tec-card p {
  margin: 0;
  font-size: 12.5px;
  line-height: 1.65;
  color: var(--tec-ink-dim);
}

@media (max-width: 860px) {
  .tec-top {
    grid-template-columns: 1fr;
  }

  .tec-visual {
    order: -1;
    max-width: 420px;
    margin: 0 auto;
  }

  .tec-grid {
    grid-template-columns: 1fr;
  }

  .tec-title {
    font-size: 30px;
  }
}

@media (min-width: 861px) and (max-width: 1000px) {
  .tec-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.trustees-section {
  padding: 90px 24px 100px;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}

.trustees-eyebrow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--gold-deep);
  margin-bottom: 14px;
}

.trustees-eyebrow .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--gold);
}

.trustees-heading {
  text-align: center;
  font-family: 'Lora', serif;
  font-weight: 600;
  font-size: 40px;
  line-height: 1.2;
  color: var(--navy);
  margin-bottom: 16px;
}

.trustees-heading span {
  color: var(--gold-deep);
}

.trustees-sub {
  text-align: center;
  max-width: 560px;
  margin: 0 auto 56px;
  color: var(--text-muted);
  font-size: 15px;
  line-height: 1.7;
}

.trustees-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}

.trustee-card {
  background: var(--white);
  border-radius: 14px;
  border: 1px solid #E9E5D8;
  padding: 0 0 28px;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.trustee-photo-wrap {
  position: relative;
  margin: 0 0 20px;
}

.trustee-photo {
  width: 100%;
  aspect-ratio: 4/3.4;
  background: linear-gradient(155deg, #101C63, var(--navy-deep));
  display: flex;
  align-items: center;
  justify-content: center;
}

.trustee-photo svg {
  width: 44px;
  height: 44px;
  opacity: .55;
}

.trustee-seal {
  position: absolute;
  right: 18px;
  bottom: -24px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: var(--gold);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px solid var(--white);
}

.trustee-seal svg {
  width: 24px;
  height: 24px;
  stroke: var(--navy-deep);
}

.trustee-name {
  font-family: 'Lora', serif;
  font-weight: 600;
  font-size: 19px;
  color: var(--navy);
  margin: 14px 24px 4px;
}

.trustee-role {
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .03em;
  text-transform: uppercase;
  color: var(--gold-deep);
  margin: 0 24px 14px;
}

.trustee-bio {
  font-size: 13.5px;
  line-height: 1.65;
  color: var(--text-muted);
  margin: 0 24px;
}

.trustee-divider {
  width: 32px;
  height: 3px;
  background: var(--gold);
  border-radius: 2px;
  margin: 18px auto 0;
}

@media(max-width:860px) {
  .trustees-grid {
    grid-template-columns: 1fr;
    max-width: 420px;
    margin: 0 auto;
  }

  .trustees-heading {
    font-size: 30px;
  }
}


.trustees-section {
  padding: 90px 24px 100px;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}

.trustees-eyebrow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--gold-deep);
  margin-bottom: 14px;
}

.trustees-eyebrow .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--gold);
}

.trustees-heading {
  text-align: center;
  font-family: 'Lora', serif;
  font-weight: 600;
  font-size: 40px;
  line-height: 1.2;
  color: var(--navy);
  margin-bottom: 16px;
}

.trustees-heading span {
  color: var(--gold-deep);
}

.trustees-sub {
  text-align: center;
  max-width: 560px;
  margin: 0 auto 56px;
  color: var(--text-muted);
  font-size: 15px;
  line-height: 1.7;
}

.trustees-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}

.trustee-card {
  background: var(--white);
  border-radius: 14px;
  border: 1px solid #E9E5D8;
  padding: 0 0 28px;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.trustee-photo-wrap {
  position: relative;
  margin: 0 0 20px;
}

.trustee-photo {
  width: 100%;
  aspect-ratio: 4/3.4;
  background: linear-gradient(155deg, #101C63, var(--navy-deep));
  display: flex;
  align-items: center;
  justify-content: center;
}

.trustee-photo svg {
  width: 44px;
  height: 44px;
  opacity: .55;
}

.trustee-seal {
  position: absolute;
  right: 18px;
  bottom: -24px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: var(--gold);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px solid var(--white);
}

.trustee-seal svg {
  width: 24px;
  height: 24px;
  stroke: var(--navy-deep);
}

.trustee-name {
  font-family: 'Lora', serif;
  font-weight: 600;
  font-size: 19px;
  color: var(--navy);
  margin: 14px 24px 4px;
}

.trustee-role {
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .03em;
  text-transform: uppercase;
  color: var(--gold-deep);
  margin: 0 24px 14px;
}

.trustee-bio {
  font-size: 13.5px;
  line-height: 1.65;
  color: var(--text-muted);
  margin: 0 24px;
}

.trustee-divider {
  width: 32px;
  height: 3px;
  background: var(--gold);
  border-radius: 2px;
  margin: 18px auto 0;
}

@media(max-width:860px) {
  .trustees-grid {
    grid-template-columns: 1fr;
    max-width: 420px;
    margin: 0 auto;
  }

  .trustees-heading {
    font-size: 30px;
  }
}

.smc-section {
  padding: 90px 24px 100px;
  max-width: 1100px;
  margin: 0 auto;
}

.smc-eyebrow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--gold-deep);
  margin-bottom: 14px;
}

.smc-eyebrow .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--gold);
}

.smc-heading {
  text-align: center;
  font-family: 'Lora', serif;
  font-weight: 600;
  font-size: 36px;
  line-height: 1.25;
  color: var(--navy);
  margin-bottom: 16px;
}

.smc-heading span {
  color: var(--gold-deep);
}

.smc-sub {
  text-align: center;
  max-width: 600px;
  margin: 0 auto 48px;
  color: var(--text-muted);
  font-size: 15px;
  line-height: 1.7;
}

.smc-table-wrap {
  background: var(--white);
  border: 1px solid #E9E5D8;
  border-radius: 16px;
  overflow: hidden;
}

table.smc-table {
  width: 100%;
  border-collapse: collapse;
}

.smc-table thead th {
  background: var(--navy);
  color: var(--white);
  text-align: left;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: 18px 24px;
}

.smc-table thead th:first-child {
  width: 64px;
  text-align: center;
}

.smc-table thead th.col-role {
  color: var(--gold);
}

.smc-table tbody td {
  padding: 16px 24px;
  font-size: 14.5px;
  color: var(--navy);
  border-bottom: 1px solid #EDEAE0;
  vertical-align: middle;
}

.smc-table tbody tr:last-child td {
  border-bottom: none;
}

.smc-table tbody tr:nth-child(even) {
  background: var(--row-alt);
}

.smc-table td.col-no {
  text-align: center;
  font-family: 'Lora', serif;
  font-weight: 600;
  color: var(--gold-deep);
  width: 64px;
}

.smc-table td.col-name {
  font-weight: 600;
}

.smc-table td.col-role {
  color: var(--text-muted);
  font-weight: 400;
}

.smc-badge {
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .03em;
  text-transform: uppercase;
  color: var(--gold-deep);
  background: #FDF2DA;
  border-radius: 6px;
  padding: 3px 10px;
  margin-left: 8px;
}

.smc-footnote {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 24px;
  font-size: 13px;
  color: var(--text-muted);
  line-height: 1.6;
}

.smc-footnote svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  margin-top: 2px;
  stroke: var(--gold-deep);
}

@media(max-width:700px) {
  .smc-heading {
    font-size: 27px;
  }

  .smc-table thead {
    display: none;
  }

  .smc-table,
  .smc-table tbody,
  .smc-table tr,
  .smc-table td {
    display: block;
    width: 100%;
  }

  .smc-table tbody tr {
    padding: 16px 20px;
    border-bottom: 1px solid #EDEAE0;
  }

  .smc-table tbody tr:nth-child(even) {
    background: var(--row-alt);
  }

  .smc-table td {
    border-bottom: none;
    padding: 3px 0;
  }

  .smc-table td.col-no {
    display: none;
  }

  .smc-table td.col-name {
    font-size: 15px;
  }
}

.header-logo {
  width: 124px;
}

/* ---------------- */

/*==========================================
      SWAMI VIVEKANANDA QUOTES
==========================================*/

.svq-section {
  padding: 90px 0;
  background: #f7f8fc;
}

.svq-heading {
  text-align: center;
  margin-bottom: 60px;
}

.svq-heading span {
  color: #f5b400;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.svq-heading h2 {
  font-size: 42px;
  color: #082567;
  font-weight: 700;
  margin: 15px 0;
}

.svq-heading p {
  max-width: 700px;
  margin: auto;
  color: #666;
  line-height: 1.8;
}

.svq-gallery {

  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;

}

.svq-item {

  position: relative;
  overflow: hidden;
  border-radius: 18px;
  display: block;
  box-shadow: 0 10px 25px rgba(0, 0, 0, .10);

}

.svq-item img {

  width: 100%;
  height: 260px;
  object-fit: cover;
  transition: .5s;

}

.svq-wide {

  grid-column: 1/4;

}

.svq-wide img {

  height: 420px;

}

.svq-overlay {

  position: absolute;
  inset: 0;
  background: rgba(8, 37, 103, .65);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: .4s;

}

.svq-overlay i {

  width: 65px;
  height: 65px;
  background: #f5b400;
  color: #082567;
  border-radius: 50%;
  text-align: center;
  line-height: 65px;
  font-size: 22px;

}

.svq-item:hover img {

  transform: scale(1.08);

}

.svq-item:hover .svq-overlay {

  opacity: 1;

}

@media(max-width:991px) {

  .svq-gallery {

    grid-template-columns: repeat(2, 1fr);

  }

  .svq-wide {

    grid-column: 1/3;

  }

}

@media(max-width:767px) {

  .svq-gallery {

    grid-template-columns: 1fr;

  }

  .svq-wide {

    grid-column: auto;

  }

  .svq-item img,
  .svq-wide img {

    height: 250px;

  }

  .svq-heading h2 {

    font-size: 30px;

  }

}

/*=================================
    GLightbox Close Button
=================================*/

.gclose {
  width: 55px !important;
  height: 55px !important;
  top: 20px !important;
  right: 20px !important;
  opacity: 1 !important;
  background: #082567 !important;
  border-radius: 50%;
  transition: .3s;
}

.gclose svg {
  width: 22px !important;
  height: 22px !important;
  stroke: #fff !important;
}

.gclose:hover {
  background: #f5b400 !important;
  transform: rotate(90deg);
}

.gclose:hover svg {
  stroke: #082567 !important;
}

.gallery-section {
  padding: 88px 8vw 96px;
  position: relative;
  overflow: hidden;
}

.gallery-head {
  max-width: 640px;
  margin: 0 auto 15px;
  text-align: center;
}

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .04em;
  color: var(--navy);
  background: rgba(247, 180, 24, .16);
  border: 1px solid rgba(247, 180, 24, .4);
  padding: 6px 16px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.eyebrow svg {
  width: 14px;
  height: 14px;
  flex: none;
}

.gallery-head h2 {
  font-family: 'Fraunces', serif;
  font-weight: 600;
  font-size: clamp(28px, 4vw, 42px);
  color: var(--navy-deep);
  margin: 0 0 14px;
  line-height: 1.15;
}

.gallery-head p {
  color: var(--muted);
  font-size: 15.5px;
  line-height: 1.7;
  margin: 0;
}

/* ---------- CSS-only filters (radio + label trick) ---------- */
.gallery-filters {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 40px;
}

.gallery-filters input[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.gallery-filters label {
  font-family: 'Inter', sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--navy);
  background: #fff;
  border: 1px solid rgba(12, 22, 86, .14);
  padding: 10px 20px;
  border-radius: 999px;
  cursor: pointer;
  transition: all .25s ease;
  display: inline-block;
}

.gallery-filters label:hover {
  border-color: var(--gold);
  color: var(--navy-deep);
}

.gallery-filters input[type="radio"]:checked+label {
  background: var(--navy);
  border-color: var(--navy);
  color: #fff;
}

/* ---------- grid ---------- */
.gallery-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 130px;
  gap: 16px;
  max-width: 1200px;
  margin: 0 auto;
}

.gallery-item {
  position: relative;
  border-radius: var(--radius);
  overflow: hidden;
  background: var(--navy);
  grid-column: span 1;
  grid-row: span 2;
  transition: transform .25s ease;
  border-radius: 10px;
}

.gallery-item.tall {
  grid-row: span 3;
}

.gallery-item.wide {
  grid-column: span 2;
}

.gallery-item a.thumb {
  display: block;
  width: 100%;
  height: 100%;
}

.gallery-item img {
  width: 100%;
  height: 280px;
  object-fit: cover;
  display: block;
  transition: transform .5s ease;
}

.gallery-item:hover img {
  transform: scale(1.08);
}

.gallery-item .tag {
  position: absolute;
  top: 12px;
  left: 12px;
  background: var(--gold);
  color: var(--navy-deep);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .03em;
  text-transform: uppercase;
  padding: 5px 11px;
  border-radius: 999px;
  pointer-events: none;
}

.gallery-item .overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(8, 15, 62, 0) 40%, rgba(8, 15, 62, .88) 100%);
  display: flex;
  align-items: flex-end;
  padding: 16px;
  opacity: 0;
  transition: opacity .3s ease;
  pointer-events: none;
}

.gallery-item:hover .overlay {
  opacity: 1;
}

.overlay-text h3 {
  color: #fff;
  font-family: 'Fraunces', serif;
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 2px;
}

.overlay-text span {
  color: rgba(255, 255, 255, .72);
  font-size: 12.5px;
}

.expand-icon {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .9);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: translateY(-4px);
  transition: all .25s ease;
  pointer-events: none;
}

.gallery-item:hover .expand-icon {
  opacity: 1;
  transform: translateY(0);
}

.expand-icon svg {
  width: 14px;
  height: 14px;
  color: var(--navy);
}

.gallery-more {
  text-align: center;
  margin-top: 44px;
}

.btn-outline {
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: var(--navy-deep);
  background: transparent;
  border: 1.5px solid var(--navy);
  padding: 13px 30px;
  border-radius: 999px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all .25s ease;
  text-decoration: none;
}

.btn-outline:hover {
  background: var(--navy);
  color: #fff;
}

/* ---------- CSS-only lightbox (:target) ---------- */
.lightbox {
  position: fixed;
  inset: 0;
  background: rgba(6, 10, 40, .92);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
  padding: 5vw;
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s ease;
}

.lightbox:target {
  opacity: 1;
  visibility: visible;
}

.lightbox-inner {
  position: relative;
  max-width: 900px;
  width: 100%;
}

.lightbox-inner img {
  width: 100%;
  max-height: 78vh;
  object-fit: contain;
  border-radius: 12px;
  display: block;
}

.lightbox-caption {
  text-align: center;
  color: #fff;
  margin-top: 16px;
}

.lightbox-caption h3 {
  font-family: 'Fraunces', serif;
  font-size: 20px;
  margin: 0 0 4px;
}

.lightbox-caption span {
  color: rgba(255, 255, 255, .65);
  font-size: 13px;
}

.lb-close,
.lb-nav {
  position: absolute;
  background: var(--gold);
  color: var(--navy-deep);
  border: none;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 18px;
  text-decoration: none;
  font-weight: 700;
  transition: transform .2s ease;
}


.lb-close {
  top: -56px;
  right: 0;
}

.lb-prev {
  left: -56px;
  top: 50%;
  transform: translateY(-50%);
}

.lb-next {
  right: -56px;
  top: 50%;
  transform: translateY(-50%);
}

/* responsive */
@media (max-width:900px) {
  .gallery-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .gallery-item.wide {
    grid-column: span 2;
  }

  .lb-prev {
    left: 6px;
  }

  .lb-next {
    right: 6px;
  }

  .lb-close {
    top: 6px;
    right: 6px;
  }
}

@media (max-width:520px) {
  .gallery-section {
    padding: 64px 6vw 72px;
  }

  .gallery-grid {
    grid-template-columns: 1fr;
    grid-auto-rows: 220px;
  }

  .gallery-item,
  .gallery-item.wide,
  .gallery-item.tall {
    grid-column: span 1;
    grid-row: span 1;
  }
}

@media (prefers-reduced-motion: reduce) {

  .gallery-item,
  .gallery-item img,
  .expand-icon,
  .overlay,
  .gallery-filters label,
  .btn-outline {
    transition: none;
  }
}

/* ---------- filter logic (pure CSS) ----------
     Radios sit before the grid in the DOM. Checking a radio
     hides every item that doesn't carry the matching category class. */
#f-academics:checked~.gallery-grid .gallery-item:not(.cat-academics),
#f-events:checked~.gallery-grid .gallery-item:not(.cat-events),
#f-sports:checked~.gallery-grid .gallery-item:not(.cat-sports),
#f-campus:checked~.gallery-grid .gallery-item:not(.cat-campus) {
  display: none;
}

.video-section {
  padding: 88px 8vw 96px;
  position: relative;
  overflow: hidden;
}

.video-head {
  max-width: 640px;
  margin: 0 auto 48px;
  text-align: center;
}

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .04em;
  color: var(--navy);
  background: rgba(247, 180, 24, .16);
  border: 1px solid rgba(247, 180, 24, .4);
  padding: 6px 16px;
  border-radius: 999px;
  margin-bottom: 18px;
}

.eyebrow svg {
  width: 14px;
  height: 14px;
  flex: none;
}

.video-head h2 {
  font-family: 'Fraunces', serif;
  font-weight: 600;
  font-size: clamp(28px, 4vw, 42px);
  color: var(--navy-deep);
  margin: 0 0 14px;
  line-height: 1.15;
}

.video-head p {
  color: var(--muted);
  font-size: 15.5px;
  line-height: 1.7;
  margin: 0;
}

/* filters */
.video-filters {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 40px;
}

.filter-btn {
  font-family: 'Inter', sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--navy);
  background: #fff;
  border: 1px solid rgba(12, 22, 86, .14);
  padding: 10px 20px;
  border-radius: 999px;
  cursor: pointer;
  transition: all .25s ease;
}

.filter-btn:hover {
  border-color: var(--gold);
  color: var(--navy-deep);
}

.filter-btn.active {
  background: var(--navy);
  border-color: var(--navy);
  color: #fff;
}

/* grid */
.video-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
  max-width: 1200px;
  margin: 0 auto;
}

.video-card {
  background: #fff;
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(12, 22, 86, .08);
  transition: transform .3s ease, box-shadow .3s ease;
}

.video-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 36px rgba(12, 22, 86, .14);
}

.video-thumb {
  position: relative;
  display: block;
  aspect-ratio: 16/9;
  overflow: hidden;
  cursor: pointer;
}

.video-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .5s ease, filter .4s ease;
}

.video-thumb:hover img {
  transform: scale(1.06);
  filter: brightness(.85);
}

.video-thumb .duration {
  position: absolute;
  bottom: 10px;
  right: 10px;
  background: rgba(8, 15, 62, .85);
  color: #fff;
  font-size: 11.5px;
  font-weight: 600;
  padding: 3px 9px;
  border-radius: 6px;
  letter-spacing: .02em;
}

.video-thumb .tag {
  position: absolute;
  top: 12px;
  left: 12px;
  background: var(--gold);
  color: var(--navy-deep);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .03em;
  text-transform: uppercase;
  padding: 5px 11px;
  border-radius: 999px;
}

.play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .94);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 18px rgba(8, 15, 62, .35);
  transition: transform .25s ease, background .25s ease;
}

.video-thumb:hover .play-button {
  transform: translate(-50%, -50%) scale(1.1);
  background: var(--gold);
}

.play-button::after {
  content: "";
  width: 0;
  height: 0;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  border-left: 18px solid var(--navy);
  margin-left: 4px;
}

.video-info {
  padding: 18px 20px 22px;
}

.video-info h3 {
  font-family: 'Fraunces', serif;
  font-size: 17px;
  font-weight: 600;
  color: var(--navy-deep);
  margin: 0 0 6px;
}

.video-info span {
  color: var(--muted);
  font-size: 12.5px;
}

.video-more {
  text-align: center;
  margin-top: 44px;
}

.btn-outline {
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: var(--navy-deep);
  background: transparent;
  border: 1.5px solid var(--navy);
  padding: 13px 30px;
  border-radius: 999px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all .25s ease;
  text-decoration: none;
}

.btn-outline:hover {
  background: var(--navy);
  color: #fff;
}

/* modal (driven by jQuery) */
.video-modal {
  position: fixed;
  inset: 0;
  background: rgba(6, 10, 40, .94);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 999;
  padding: 5vw;
}

.video-modal.active {
  display: flex;
}

.video-modal-inner {
  position: relative;
  max-width: 860px;
  width: 100%;
}

.video-modal-inner video {
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 12px;
  display: block;
  background: #000;
}

.video-modal-caption {
  text-align: center;
  color: #fff;
  margin-top: 16px;
}

.video-modal-caption h3 {
  font-family: 'Fraunces', serif;
  font-size: 20px;
  margin: 0 0 4px;
}

.video-modal-caption span {
  color: rgba(255, 255, 255, .65);
  font-size: 13px;
}

.vm-close {
  position: absolute;
  top: -56px;
  right: 0;
  background: var(--gold);
  color: var(--navy-deep);
  border: none;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 18px;
  font-weight: 700;
  transition: transform .2s ease;
}

.vm-close:hover {
  transform: scale(1.08);
}

/* responsive */
@media (max-width:900px) {
  .video-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width:600px) {
  .video-section {
    padding: 64px 6vw 72px;
  }

  .video-grid {
    grid-template-columns: 1fr;
  }

  .vm-close {
    top: 6px;
    right: 6px;
  }
}

@media (prefers-reduced-motion: reduce) {

  .video-card,
  .video-thumb img,
  .play-button,
  .filter-btn,
  .btn-outline {
    transition: none;
  }
}
.ntcgal-eyebrow{
    text-transform:uppercase;
    letter-spacing:.18em;
    font-size:12px;
    color:var(--ntcgal-brass);
    text-align:center;
    margin-bottom:8px;
  }
  .ntcgal-title{
    text-align:center;
    font-size:28px;
    letter-spacing:.03em;
    margin:0 0 6px;
    font-weight:600;
  }
  .ntcgal-sub{
    text-align:center;
    font-size:14px;
    color:#5b5347;
    margin-bottom:36px;
  }
  .ntcgal-rule{
    height:1px;
    background:var(--ntcgal-rule);
    margin:0 auto 36px;
    max-width:200px;
  }
  .ntcgal-card{
    background:#fff;
    border:1px solid var(--ntcgal-rule);
    padding:10px;
    cursor:pointer;
    transition:transform .18s ease, box-shadow .18s ease;
    margin-bottom:22px;
  }
  .ntcgal-card:hover, .ntcgal-card:focus-visible{
    transform:translateY(-3px);
    box-shadow:0 10px 24px rgba(31,42,36,.18);
    outline:none;
  }
  .ntcgal-thumb{
    display:block;
    width:100%;
    /* height:220px; */
    object-fit:cover;
    object-position:top;
    filter:sepia(6%);
  }
  .ntcgal-caption{
    font-size:12.5px;
    text-align:center;
    padding-top:8px;
    color:#4a4238;
    letter-spacing:.02em;
  }

  /* Lightbox */
  .ntcgal-lightbox{
    position:fixed;
    inset:0;
    background:rgba(20,16,10,.86);
    display:none;
    align-items:center;
    justify-content:center;
    padding:32px;
    z-index:1080;
  }
  .ntcgal-lightbox.ntcgal-open{display:flex;}
  .ntcgal-lightbox-img{
    max-width:min(90vw,720px);
    max-height:88vh;
    box-shadow:0 20px 60px rgba(0,0,0,.5);
    border:6px solid #fff;
  }
  .ntcgal-lightbox-close{
    position:absolute;
    top:22px;
    right:28px;
    width:40px;
    height:40px;
    border:1px solid rgba(255,255,255,.5);
    background:transparent;
    color:#fff;
    font-size:20px;
    line-height:1;
    cursor:pointer;
    border-radius:50%;
  }
  .ntcgal-lightbox-close:hover{background:rgba(255,255,255,.12);}
  .ntcgal-lightbox-hint{
    position:absolute;
    bottom:22px;
    left:50%;
    transform:translateX(-50%);
    color:rgba(255,255,255,.6);
    font-size:12px;
    letter-spacing:.08em;
    text-transform:uppercase;
  }
  .ntcgal-root{
    padding: 80px 0;
  }
  .ntcgal-root  .row{
    justify-content: center;
  }

    .certgal-eyebrow{
    text-transform:uppercase;
    letter-spacing:.18em;
    font-size:12px;
    color:var(--certgal-brass);
    text-align:center;
    margin-bottom:8px;
  }
  .certgal-title{
    text-align:center;
    font-size:26px;
    letter-spacing:.03em;
    margin:0 0 6px;
    font-weight:600;
  }
  .certgal-sub{
    text-align:center;
    font-size:14px;
    color:#5b5347;
    margin-bottom:32px;
  }
  .certgal-rule{
    height:1px;
    background:var(--certgal-rule);
    margin:0 auto 32px;
    max-width:200px;
  }
 
  .certgal-main-frame{
    background:#fff;
    border:1px solid var(--certgal-rule);
    padding:10px;
    cursor:pointer;
    margin-bottom:16px;
  }
  .certgal-main-img{
    display:block;
    width:100%;
    max-height:560px;
    object-fit:contain;
    background:#fff;
  }
 
  .certgal-thumb-strip{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    justify-content:center;
  }
  .certgal-thumb-item{
    width:90px;
    height:110px;
    border:2px solid transparent;
    background:#fff;
    padding:4px;
    cursor:pointer;
    transition:border-color .15s ease, transform .15s ease;
  }
  .certgal-thumb-item:hover{
    transform:translateY(-2px);
  }
  .certgal-thumb-item.certgal-active{
    border-color:var(--certgal-brass);
  }
  .certgal-thumb-img{
    width:100%;
    height:100%;
    object-fit:cover;
  }
 
  /* Lightbox */
  .certgal-lightbox{
    position:fixed;
    inset:0;
    background:rgba(20,16,10,.86);
    display:none;
    align-items:center;
    justify-content:center;
    padding:32px;
    z-index:1080;
  }
  .certgal-lightbox.certgal-open{display:flex;}
  .certgal-lightbox-img{
    max-width:min(90vw,720px);
    max-height:88vh;
    box-shadow:0 20px 60px rgba(0,0,0,.5);
    border:6px solid #fff;
  }
  .certgal-lightbox-close{
    position:absolute;
    top:22px;
    right:28px;
    width:40px;
    height:40px;
    border:1px solid rgba(255,255,255,.5);
    background:transparent;
    color:#fff;
    font-size:20px;
    line-height:1;
    cursor:pointer;
    border-radius:50%;
  }
  .certgal-lightbox-close:hover{background:rgba(255,255,255,.12);}
  .certgal-lightbox-hint{
    position:absolute;
    bottom:22px;
    left:50%;
    transform:translateX(-50%);
    color:rgba(255,255,255,.6);
    font-size:12px;
    letter-spacing:.08em;
    text-transform:uppercase;
  }
   .certgal-eyebrow{
    text-transform:uppercase;
    letter-spacing:.18em;
    font-size:12px;
    color:var(--certgal-brass);
    text-align:center;
    margin-bottom:8px;
  }
  .certgal-title{
    text-align:center;
    font-size:26px;
    letter-spacing:.03em;
    margin:0 0 6px;
    font-weight:600;
  }
  .certgal-sub{
    text-align:center;
    font-size:14px;
    color:#5b5347;
    margin-bottom:32px;
  }
  .certgal-rule{
    height:1px;
    background:var(--certgal-rule);
    margin:0 auto 32px;
    max-width:200px;
  }
 
  .certgal-main-frame{
    background:#fff;
    border:1px solid var(--certgal-rule);
    padding:10px;
    cursor:pointer;
    margin-bottom:16px;
  }
  .certgal-main-img{
    display:block;
    width:100%;
    max-height:560px;
    object-fit:contain;
    background:#fff;
  }
 
  .certgal-thumb-strip{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    justify-content:center;
  }
  .certgal-thumb-item{
    width:90px;
    height:110px;
    border:2px solid transparent;
    background:#fff;
    padding:4px;
    cursor:pointer;
    transition:border-color .15s ease, transform .15s ease;
  }
  .certgal-thumb-item:hover{
    transform:translateY(-2px);
  }
  .certgal-thumb-item.certgal-active{
    border-color:var(--certgal-brass);
  }
  .certgal-thumb-img{
    width:100%;
    height:100%;
    object-fit:cover;
  }
 
  /* Lightbox */
  .certgal-lightbox{
    position:fixed;
    inset:0;
    background:rgba(20,16,10,.86);
    display:none;
    align-items:center;
    justify-content:center;
    padding:32px;
    z-index:1080;
  }
  .certgal-lightbox.certgal-open{display:flex;}
  .certgal-lightbox-img{
    max-width:min(90vw,720px);
    max-height:88vh;
    box-shadow:0 20px 60px rgba(0,0,0,.5);
    border:6px solid #fff;
  }
  .certgal-lightbox-close{
    position:absolute;
    top:22px;
    right:28px;
    width:40px;
    height:40px;
    border:1px solid rgba(255,255,255,.5);
    background:transparent;
    color:#fff;
    font-size:20px;
    line-height:1;
    cursor:pointer;
    border-radius:50%;
  }
  .certgal-lightbox-close:hover{background:rgba(255,255,255,.12);}
  .certgal-lightbox-hint{
    position:absolute;
    bottom:22px;
    left:50%;
    transform:translateX(-50%);
    color:rgba(255,255,255,.6);
    font-size:12px;
    letter-spacing:.08em;
    text-transform:uppercase;
  }
  .certgal-root{
    padding: 80px 0;
  }

    .docview-root{
    background:#f4f5f7;
    font-family:'Segoe UI', Arial, sans-serif;
    padding:40px 20px;
  }
  .docview-card{
    max-width:460px;
    margin:0 auto 28px;
  }
  .docview-toolbar{
    background:#2b2b2b;
    border-radius:8px 8px 0 0;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:22px;
    padding:12px 16px;
  }
  .docview-toolbar-btn{
    background:none;
    border:none;
    padding:4px;
    cursor:pointer;
    color:#d9d9d9;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:color .15s ease;
  }
  .docview-toolbar-btn:hover{
    color:#ffffff;
  }
  .docview-toolbar-btn svg{
    width:18px;
    height:18px;
  }

  .docview-preview{
    background:#2b2b2b;
    border-radius:0 0 8px 8px;
    min-height:320px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:24px;
    cursor:pointer;
  }
  .docview-preview-img{
    max-width:100%;
    max-height:340px;
    background:#fff;
    box-shadow:0 6px 18px rgba(0,0,0,.45);
    object-fit:contain;
  }

  .docview-download{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#2b2b2b;
    color:#fff;
    border:none;
    border-radius:6px;
    padding:9px 18px;
    font-size:13px;
    font-weight:600;
    margin-top:12px;
    cursor:pointer;
    text-decoration:none;
    transition:background .15s ease;
  }
  .docview-download:hover{
    background:#1a1a1a;
    color:#fff;
  }
  .docview-download svg{
    width:14px;
    height:14px;
  }

  /* Lightbox */
  .docview-lightbox{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.88);
    display:none;
    align-items:center;
    justify-content:center;
    padding:32px;
    z-index:1080;
  }
  .docview-lightbox.docview-open{display:flex;}
  .docview-lightbox-img{
    max-width:min(90vw,720px);
    max-height:88vh;
    box-shadow:0 20px 60px rgba(0,0,0,.5);
    border:6px solid #fff;
  }
  .docview-lightbox-close{
    position:absolute;
    top:22px;
    right:28px;
    width:40px;
    height:40px;
    border:1px solid rgba(255,255,255,.5);
    background:transparent;
    color:#fff;
    font-size:20px;
    line-height:1;
    cursor:pointer;
    border-radius:50%;
  }
  .docview-lightbox-close:hover{background:rgba(255,255,255,.12);}
  
  /*============================Pop Up============================*/
  /*==============================
POPUP OVERLAY
==============================*/
.admission-popup-overlay{
    position:fixed;
    inset:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.65);
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
    opacity:0;
    visibility:hidden;
    transition:.35s;
    z-index:99999;
}

.admission-popup-overlay.is-active{
    opacity:1;
    visibility:visible;
}

/*==============================
POPUP
==============================*/
.admission-popup{
    position:relative;
    width:100%;
    max-width:720px;
    background:#fff;
    border-radius:18px;
    padding:40px;
    overflow:hidden;

    transform:translateY(40px) scale(.95);
    opacity:0;

    transition:.35s;

    box-shadow:
    0 40px 80px rgba(0,0,0,.18);

    background-image:
    linear-gradient(#fff,#fff),
    linear-gradient(
        90deg,
        #FFC83D,
        #FFF3D0,
        #FFC83D,
        #FFF3D0
    );

    background-size:
    100% 100%,
    200% 4px;

    background-repeat:
    no-repeat,
    repeat-x;

    background-origin:border-box;
    background-clip:
    padding-box,
    border-box;

    border-top:4px solid transparent;

    animation:shimmerBorder 3s linear infinite;
}

.admission-popup.is-revealed{
    opacity:1;
    transform:translateY(0) scale(1);
}

@keyframes shimmerBorder{

0%{
background-position:0 0,0% 0;
}

100%{
background-position:0 0,200% 0;
}

}

/*==============================
CLOSE
==============================*/
.admission-popup__close{
    position:absolute;
    top:18px;
    right:18px;

    width:42px;
    height:42px;

    border:none;
    background:#f6f6f6;
    border-radius:50%;

    cursor:pointer;

    display:flex;
    align-items:center;
    justify-content:center;

    transition:.3s;

    z-index:10;
}

.admission-popup__close:hover{

background:#FFC83D;
color:#fff;

}

/*==============================
HEADER
==============================*/
.admission-popup__badge{

display:inline-flex;
align-items:center;
gap:8px;

padding:7px 15px;

background:#FFF6DE;

border-radius:30px;

font-size:12px;
font-weight:600;

color:#a17300;

margin-bottom:20px;

position:relative;
z-index:2;

}

.admission-popup__badge-dot{

width:7px;
height:7px;
border-radius:50%;
background:#FFC83D;

animation:pulse 1.4s infinite;

}

@keyframes pulse{

50%{
transform:scale(1.5);
opacity:.5;
}

}

.admission-popup__title{

font-size:34px;
font-weight:700;
line-height:1.2;
margin-bottom:10px;
color:#0B1F63;

}

.admission-popup__subtitle{

font-size:15px;
line-height:26px;
color:#666;
margin-bottom:30px;

}

/*==============================
FORM
==============================*/

.form-row{

display:grid;
grid-template-columns:1fr 1fr;
gap:20px;

margin-bottom:20px;

}

.form-group{

display:flex;
flex-direction:column;

}

.form-group label{

font-size:14px;
font-weight:600;
margin-bottom:8px;
color:#333;

}

.form-group input,
.form-group select,
.form-group textarea{

width:100%;

height:52px;

padding:0 18px;

border:1px solid #ddd;

border-radius:12px;

font-size:15px;

transition:.3s;

background:#fff;

outline:none;

}

.form-group textarea{

height:120px;
padding:16px;
resize:none;

}

.form-group input:focus,
.form-group textarea:focus,
.form-group select:focus{

border-color:#FFC83D;

box-shadow:
0 0 0 4px rgba(255,200,61,.18);

}

/*==============================
CHECKBOX
==============================*/

.form-checkbox{

margin:20px 0;

font-size:14px;

}

.form-checkbox label{

display:flex;
gap:10px;
align-items:flex-start;
cursor:pointer;

}

.form-checkbox input{

margin-top:4px;

}

/*==============================
BUTTON
==============================*/

.admission-popup__submit{

position:relative;

overflow:hidden;

width:100%;

height:56px;

border:none;

border-radius:12px;

font-size:17px;

font-weight:700;

background:#FFC83D;

color:#111;

cursor:pointer;

transition:.3s;

box-shadow:
0 14px 30px rgba(255,200,61,.35);

animation:submitGlow 2.5s infinite;

}

.admission-popup__submit:hover{

background:#0B1F63;
color:#fff;

transform:translateY(-2px);

animation-play-state:paused;

}

@keyframes submitGlow{

50%{

box-shadow:
0 20px 45px rgba(255,200,61,.55);

}

}

/*==============================
RIPPLE
==============================*/

.ripple{

position:absolute;

border-radius:50%;

transform:scale(0);

background:rgba(255,255,255,.5);

animation:ripple .65s linear;

pointer-events:none;

}

@keyframes ripple{

to{

transform:scale(4);

opacity:0;

}

}

/*==============================
SPARK
==============================*/

.admission-popup__spark{

position:absolute;

width:6px;
height:6px;

background:#FFC83D;

border-radius:50%;

pointer-events:none;

animation:sparkRise .8s forwards;

}

@keyframes sparkRise{

0%{

transform:translateY(0) scale(1);

opacity:1;

}

100%{

transform:translateY(-40px) scale(0);

opacity:0;

}

}

/*==============================
BLOBS
==============================*/

.admission-popup__blob{

position:absolute;

border-radius:50%;

pointer-events:none;

animation:floatBlob 7s infinite ease-in-out;

}

.admission-popup__blob--gold{

top:-60px;
right:-60px;

width:180px;
height:180px;

background:
radial-gradient(circle,
rgba(255,200,61,.25),
transparent 70%);

}

.admission-popup__blob--navy{

left:-70px;
bottom:-70px;

width:220px;
height:220px;

background:
radial-gradient(circle,
rgba(11,31,99,.08),
transparent 70%);

animation-delay:1s;

}

@keyframes floatBlob{

50%{

transform:
translateY(-15px)
scale(1.06);

}

}

/*==============================
FIELD ANIMATION
==============================*/

.admission-popup .form-group,
.admission-popup .form-checkbox,
.admission-popup__submit{

opacity:0;

transform:translateY(20px);

}

.admission-popup.is-revealed .form-group:nth-child(1){

animation:fadeUp .5s .10s forwards;

}

.admission-popup.is-revealed .form-group:nth-child(2){

animation:fadeUp .5s .20s forwards;

}

.admission-popup.is-revealed .form-group:nth-child(3){

animation:fadeUp .5s .30s forwards;

}

.admission-popup.is-revealed .form-group:nth-child(4){

animation:fadeUp .5s .40s forwards;

}

.admission-popup.is-revealed .form-checkbox{

animation:fadeUp .5s .50s forwards;

}

.admission-popup.is-revealed .admission-popup__submit{

animation:
fadeUp .5s .60s forwards,
submitGlow 2.5s infinite;

}

@keyframes fadeUp{

to{

opacity:1;

transform:translateY(0);

}

}

/*==============================
RESPONSIVE
==============================*/

@media(max-width:768px){

.admission-popup{

padding:25px;

}

.form-row{

grid-template-columns:1fr;

gap:15px;

}

.admission-popup__title{

font-size:28px;

}

}

@media(max-width:480px){

.admission-popup{

padding:20px;

}

.admission-popup__title{

font-size:24px;

}

.admission-popup__submit{

height:52px;

font-size:15px;

}

}
  
  
  /*=======================gallery position========================*/
  /* Tabs Wrapper */
.year-tabs{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

/* Tab Button */
.year-tab{
    border:1px solid #d7dbe8;
    background:#fff;
    color:#0b1f66;
    padding:12px 24px;
    border-radius:50px;
    font-size:16px;
    font-weight:600;
    cursor:pointer;
    transition:all .3s ease;
    outline:none;
    font-family:inherit;
    line-height:1;
}

/* Hover */
.year-tab:hover{
    background:#0b1f66;
    color:#fff;
    border-color:#0b1f66;
}

/* Active */
.year-tab.active{
    background:#0b1f66;
    color:#fff;
    border-color:#0b1f66;
    box-shadow:0 8px 20px rgba(11,31,102,.18);
}

/* Focus */
.year-tab:focus{
    outline:none;
}

/* Mobile */
@media (max-width:768px){

    .year-tabs{
        gap:10px;
        overflow-x:auto;
        white-space:nowrap;
        padding-bottom:5px;
        scrollbar-width:none;
    }

    .year-tabs::-webkit-scrollbar{
        display:none;
    }

    .year-tab{
        flex:0 0 auto;
        padding:10px 20px;
        font-size:15px;
    }

}
  
  
  
  
  
  
  
.floating-contact{
    position:fixed;
    right:0px;
    top:50%;
    transform:translateY(-50%);
    display:flex;
    flex-direction:column;
    gap:12px;
    z-index:9999;
}

.contact-btn{
    position:relative;
    width:56px;
    height:56px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    border-radius: 40px 0 0 40px;
    overflow:hidden;

    color:#fff;
    text-decoration:none;

    transition:transform .35s ease;

    will-change:transform;
}

/* ONLY hovered button moves */

.contact-btn:hover{
    transform:translateX(-120px);
}

/* Icon */

.contact-btn i{
    width:56px;
    min-width:56px;
    text-align:center;
    font-size:20px;
    color: #fff;
}

/* Text */

.contact-btn span{
color: #fff;
    position:absolute;
    left:56px;

    opacity:0;

    transition:opacity .25s ease;

    white-space:nowrap;

    font-weight:600;color: #fff;
}

.contact-btn:hover span{

    opacity:1;

}

/* Colors */

.facebook{background:#1877F2;}
.whatsapp{background:#25D366;}
.call{background:#0B1F66;}  
  
  .instagram{
    background:linear-gradient(
        45deg,
        #F58529 0%,
        #FEDA77 20%,
        #DD2A7B 50%,
        #8134AF 75%,
        #515BD4 100%
    );
}

.instagram:hover{
    background:linear-gradient(
        45deg,
        #e56d13 0%,
        #f9c94d 20%,
        #c81f68 50%,
        #6e2da1 75%,
        #4250c5 100%
    );
}
  .contact-btn{
    width: 155px;
    transform: translateX(105px);
}

.contact-btn:hover{
    transform:translateX(0);
}
  
  
/*===========================marquee===========================*/
.school-notice-bar{

}

.notice-wrapper{
    display:flex;
    align-items:center;
    background:#fff;
    overflow:hidden;
}

.notice-title{
    background: #e10000;
    color:#fff;
    font-weight:700;
    padding:5px 20px;
    display:flex;
    align-items:center;
    gap:8px;
    white-space:nowrap;
}

.notice-scroll{
    flex:1;
    overflow:hidden;
    position:relative;
    display:flex;
    align-items:center;
}

.notice-track{
    white-space:nowrap;
    display:inline-block;
    padding-left:100%;
    animation:scrollNotice 25s linear infinite;
    font-weight:500;
    font-size: 14px;
    color: #000;
}

.notice-scroll:hover .notice-track{
    animation-play-state:paused;
}

@keyframes scrollNotice{
    from{
        transform:translateX(0);
    }
    to{
        transform:translateX(-100%);
    }
}

/* --------------- */
.rs-footer-app-badges img{
  width: 110px;
  height: 110px;
}
.rs-footer-app-badges{
    display: block;
}
  
    .hhsb-section{
    font-family: 'Inter', Arial, sans-serif;
    background: #F5F1E6;
    padding: 90px 0;
    position: relative;
    overflow: hidden;
  }
  .hhsb-section img, .hhsb-section svg{ display:block; }
  .hhsb-wrap{
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 32px;
    position: relative;
  }
 
  /* decorative background confetti dots */
  .hhsb-confetti{
    position:absolute; border-radius:50%;
    opacity:.55;
  }
 
  /* ===================== HEAD ===================== */
  .hhsb-head{
    text-align:center;
    max-width: 620px;
    margin: 0 auto 56px;
  }
  .hhsb-eyebrow{
    display:inline-flex; align-items:center; gap:8px;
    background: #FFF3D6;
    color: #C7860B;
    font-size: 12px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase;
    padding: 7px 16px; border-radius: 30px;
    margin-bottom: 18px;
  }
  .hhsb-eyebrow svg{ width:14px; height:14px; }
  .hhsb-head h2{
    font-family:'Poppins', sans-serif; font-weight:700;
    font-size: clamp(28px, 3.4vw, 38px);
    color: #14205C;
    margin-bottom: 14px;
  }
  .hhsb-head h2 span{ color:#F5A623; }
  .hhsb-head p{
    color:#6B7089; font-size: 14.5px; line-height:1.75;
  }
 
  /* ===================== TODAY HIGHLIGHT ===================== */
  .hhsb-today{
    position:relative;
    background: #14205C;
    border-radius: 22px;
    padding: 34px 36px;
    display:flex; align-items:center; gap: 26px;
    margin-bottom: 54px;
    overflow: hidden;
  }
  .hhsb-today::before{
    content:"";
    position:absolute; top:-60px; right:-60px;
    width:220px; height:220px; border-radius:50%;
    background: radial-gradient(circle, rgba(245,166,35,0.28) 0%, rgba(245,166,35,0) 70%);
  }
  .hhsb-today-avatar{
    position:relative;
    flex-shrink:0;
    width: 84px; height:84px; border-radius:50%;
    background: linear-gradient(145deg,#F5A623,#E85D2F);
    display:flex; align-items:center; justify-content:center;
    font-family:'Poppins', sans-serif; font-weight:700; font-size:26px; color:#14205C;
    border: 3px solid rgba(255,255,255,0.35);
  }
  .hhsb-today-info{ position:relative; flex:1; }
  .hhsb-today-tag{
    display:inline-flex; align-items:center; gap:6px;
    color:#F5A623; font-size:11.5px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase;
    margin-bottom:8px;
  }
  .hhsb-today-info h3{
    font-family:'Poppins', sans-serif; font-weight:700; font-size:22px; color:#fff; margin-bottom:6px;
  }
  .hhsb-today-info p{ color:#B9BEDD; font-size:13.5px; }
  .hhsb-today-cake{
    position:relative; flex-shrink:0;
    width:64px; height:64px; border-radius:50%;
    background: rgba(255,255,255,0.08);
    display:flex; align-items:center; justify-content:center;
  }
  .hhsb-today-cake svg{ width:32px; height:32px; }
 
  /* ===================== GRID ===================== */
  .hhsb-grid{
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
  }
  .hhsb-card{
    background:#fff;
    border-radius: 18px;
    padding: 26px 22px;
    text-align:center;
    border: 1px solid #ECE5D3;
    box-shadow: 0 10px 26px rgba(20,32,92,0.05);
    position:relative;
    transition: transform .2s ease, box-shadow .2s ease;
  }
  .hhsb-card:hover{
    transform: translateY(-6px);
    box-shadow: 0 18px 34px rgba(20,32,92,0.1);
  }
  .hhsb-card-date{
    position:absolute; top:16px; right:16px;
    background:#F5F1E6; color:#14205C;
    font-size:11px; font-weight:700;
    padding: 5px 10px; border-radius: 8px;
    letter-spacing: .3px;
  }
  .hhsb-avatar{
    width: 72px; height:72px; border-radius:50%;
    margin: 6px auto 16px;
    display:flex; align-items:center; justify-content:center;
    font-family:'Poppins', sans-serif; font-weight:700; font-size:22px; color:#fff;
  }
  .hhsb-card h4{
    font-family:'Poppins', sans-serif; font-weight:600; font-size:16px; color:#14205C; margin-bottom:4px;
  }
  .hhsb-card .hhsb-class{
    font-size:12.5px; color:#8B8FA8; margin-bottom:14px;
  }
  .hhsb-wish{
    display:inline-flex; align-items:center; gap:6px;
    background:#FFF3D6; color:#C7860B;
    font-size:11.5px; font-weight:700;
    padding: 7px 14px; border-radius: 30px;
    cursor:pointer; border:none;
    transition: background .2s ease, color .2s ease;
  }
  .hhsb-wish:hover{ background:#F5A623; color:#14205C; }
  .hhsb-wish svg{ width:13px; height:13px; }
 
  /* avatar color variants */
  .hhsb-c1{ background: linear-gradient(145deg,#5B6EF5,#3646C4); }
  .hhsb-c2{ background: linear-gradient(145deg,#F5A623,#E85D2F); }
  .hhsb-c3{ background: linear-gradient(145deg,#3FBF7F,#1E8A56); }
  .hhsb-c4{ background: linear-gradient(145deg,#E85D8A,#B93D63); }
  .hhsb-c5{ background: linear-gradient(145deg,#5AC8D8,#2B8FA0); }
  .hhsb-c6{ background: linear-gradient(145deg,#9B6BF2,#6238C4); }
  .hhsb-c7{ background: linear-gradient(145deg,#F0865A,#D14E28); }
  .hhsb-c8{ background: linear-gradient(145deg,#4FB0E8,#1D6FB8); }
 
  /* ===================== FOOTNOTE ===================== */
  .hhsb-footnote{
    text-align:center; margin-top: 46px;
  }
  .hhsb-footnote a{
    display:inline-flex; align-items:center; gap:8px;
    background:#14205C; color:#fff; text-decoration:none;
    font-size:13px; font-weight:600;
    padding: 13px 28px; border-radius: 30px;
    transition: background .2s ease;
  }
  .hhsb-footnote a:hover{ background:#F5A623; color:#14205C; }
 
  /* ===================== RESPONSIVE ===================== */
  @media (max-width: 980px){
    .hhsb-grid{ grid-template-columns: repeat(2, 1fr); }
  }
  @media (max-width: 640px){
    .hhsb-section{ padding: 60px 0; }
    .hhsb-grid{ grid-template-columns: 1fr; }
    .hhsb-today{ flex-direction:column; text-align:center; }
    .hhsb-today-tag{ justify-content:center; }
  }