@charset "UTF-8";
/*********************************************************************************

	Template Name: Histudy - Online Courses & Education Bootstrap5 Template
	Description: A perfect Template For Education. It comes with nice and clean design.

	Note: This is style css.

**********************************************************************************/
/**************************************************************

	STYLESHEET INDEXING
	|
	|
	|___ Default Styles
	|	|
	|	|___ variables
	|	|___ mixins
	|	|___ reset
	|	|___ typography
	|	|___ extend
	|	|___ animations
	|	|___ shortcode
	|	|___ spacing
	|	|___ edu-common
	|	|___ forms
	|	|___ text-animation
	|
	|
	|___Header Styles
	|	|___ header-common
	|	|___ headertop
	|	|___ offertopbar
	|	|___ headermid
	|	|___ social-share
	|	|___ header
	|	|___ nav
	|	|___ mega-menu
	|	|___ mobilemenu
	|	|___ offcanvas
	|	|___ one-page-navigation
	|
	|
	|___Elements Styles
	|	|___ button 
	|	|___ section-title
	|	|___ breadcrumb
	|	|___ card
	|	|___ course-meta
	|	|___ service
	|	|___ feature
	|	|___ about
	|	|___ callto-action
	|	|___ accordion
	|	|___ image-gallery
	|	|___ counterup
	|	|___ pricingtable
	|	|___ badge
	|	|___ team
	|	|___ social
	|	|___ pagination
	|	|___ backtotop
	|	|___ newsletterform
	|	|___ brand
	|	|___ portfolio
	|	|___ contact
	|	|___ testimonial
	|	|___ advance-tab
	|	|___ category
	|	|___ instagram
	|	|___ split
	|	|___ countdown
	|	|___ progressbar
	|	|___ category-box
	|	|___ course-filter
	|	|___ modal
	|	|___ list
	|	|___ search
	|	|___ video
	|	|___ 404

	|___Blog Styles
	|	|___ blog 
	|	|___ post-default 
	|	|___ sidebar 
	|	|___ blog-details 
	|	|___ unit-test 

	|___Shop Styles
	|	|___ shop 
	|	|___ product-details 
	|	|___ my-account 
	|	|___ cart 
	|	|___ checkout 
	|	|___ minicart 

	|___Template Styles
	|	|___ banner 
	|	|___ course-details 
	|	|___ course-sidebar 
	|	|___ contact 
	|	|___ sidebar 
	|	|___ course-action-bottom 

	|___Footer Styles
	|	|___ footer 
	|	|___ copyright 
	|	|___ back-to-top 
	|	|___ dark 
	|
	|
	|___ END STYLESHEET INDEXING

***************************************************************/
/**************************************
    Default Styles
***************************************/
/*-- Variables --*/

:root {
  --color-primary: #2e77e5;
  --color-secondary: #22a7ca;
  --color-coral: #E9967A;
  --color-violet: #800080;
  --color-pink: #DB7093;
  --color-heading: #0e3750;
  --color-body: #6b7385;
  --color-white: #ffffff;
  --color-white-off: #FFFFFFAB;
  --color-bodyest: #273041;
  --color-dark: #27272E;
  --color-darker: #192335;
  --color-black: #111113;
  --color-grey: rgba(207,207,207,.24);
  --color-grey2: #f4f5f7;
  --color-gray: #A1A9AC;
  --color-gray-light: #F6F6F6;
  --color-gray-lighter: #ebebeb;
  --color-light: #F5F7FA;
  --color-lighter: #F2F5F9;
  --primary-opacity: #2f57ef21;
  --secondary-opacity: #b966e721;
  --coral-opacity: #E9967A21;
  --violet-opacity: #80008021;
  --pink-opacity: #DB709321;
  --white-opacity: #ffffff21;
  --danger-opacity: #FF000310;
  --warning-opacity: #FF8F3C10;
  --success-opacity: #3EB75E10;
  --black-opacity: rgba(0, 0, 0, 0.04);
  --heading-opacity: #19233550;
  --color-card-1: #fffccf;
  --color-card-2: #ffedff;
  --color-card-3: #ffe8eb;
  --color-card-4: #e9f6ff;
  --color-card-5: #5024D1;
  --color-card-6: #3B3B46;
  --color-success: #3EB75E;
  --color-danger: #FF0003;
  --color-warning: #FF8F3C;
  --color-info: #1BA2DB;
  --color-primary-alt: #D1EBE6;
  --color-primary-light: #f1f7ff;
  --color-primary-lighter: #EEEEFF;
  --color-secondary-alt: #fef4f4;
  --color-extra: rgb(249, 249, 255);
  --color-extra2: #F9F9FF;
  --color-border: #e6e3f1;
  --color-border-2: #e6e3f14f;
  --color-badge-1: #303F5B;
  --color-badge-2: #F2C94C;
  --color-facebook: #3B5997;
  --color-twitter: #1BA1F2;
  --color-youtube: #ED4141;
  --color-linkedin: #0077B5;
  --color-pinterest: #E60022;
  --color-instagram: #C231A1;
  --color-vimeo: #00ADEF;
  --color-twitch: #6441A3;
  --color-discord: #7289da;
  --radius-10: 10px;
  --radius-big: 16px;
  --radius-small: 6px;
  --border-width: 2px;
  --radius: 6px;
  --f-light: 300;
  --f-regular: 400;
  --f-medium: 500;
  --f-semi-bold: 600;
  --f-bold: 700;
  --f-extra-bold: 800;
  --f-black: 900;
  --shadow-primary: 0px 4px 10px rgba(37, 47, 63, 0.1);
  --shadow-light: 0 2px 6px 0 rgba(0, 0, 0, 0.05);
  --shadow-dark: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  --shadow-1: 0px 6px 34px rgba(215, 216, 222, 0.41);
  --shadow-slide-item: 0px 0 10px 0 rgba(215, 216, 222, 0.20);
  --shadow-2: 0 15px 34px 0 rgba(175, 181, 204, 0.32);
  --shadow-3: 0 5px 15px 0 rgba(85, 74, 101, 0.37);
  --shadow-5: 0px 20px 70px 0px rgba(0, 0, 0, 0.1);
  --shadow-7: 0px 15px 30px -2px rgba(0, 0, 0, 0.1);
  --shadow-8: -5px 18px 60px 0 rgba(210, 210, 234, 0.4);
  --shadow-9: 0 13px 48px 0 rgba(215, 216, 222, 0.44);
  --shadow-10: 0 13px 14px 0 rgba(129, 104, 145, 0.05);
  --shadow-11: 0 0 10px 0 rgba(0, 0, 0, 0.06);
  --transition: 0.3s;
  --transition-2: 256ms ease-in-out;
  --transition-3: transform .85s cubic-bezier(.23,1,.32,1),background .3s,border .3s,border-radius .3s,box-shadow .3s;
  --transition-4: all .25s cubic-bezier(.645,.045,.355,1);
  --font-primary: "Euclid Circular";
  --font-secondary: "Euclid Circular";
  --font-alt: "Source Serif Pro", serif;
  --font-size-b1: 24px;
  --font-size-b2: 18px;
  --font-size-b3: 16px;
  --font-size-b4: 12px;
  --line-height-b1: 1.5;
  --line-height-b2: 1.67;
  --line-height-b3: 1.67;
  --line-height-b4: 1;
  --h1: 52px;
  --h2: 44px;
  --h3: 34px;
  --h4: 30px;
  --h5: 20px;
  --h6: 16px;
  --div-gap-1: 10px;
  --gradient-1: linear-gradient(rgb(255, 255, 255) 0%, rgb(239, 241, 255) 100%);
  --gradient-4: linear-gradient(180deg,#fff,#f6f9ff);
  --gradient-2: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(240, 242, 255) 100%);
  --gradient-3: linear-gradient(90deg, #8DA9FC 0%, #B48DD5 100%);
  --gradient-4: linear-gradient(180deg, #EFF1FF 0%, #FFFFFF 100%);
  --gradient-5: linear-gradient(rgb(239, 241, 255) 0%, rgb(239, 241, 255) 100%);
  --gradient-6: linear-gradient(to right, rgba(255, 255, 255, 0.15), rgba(251, 199, 226, 0.15), rgba(220, 217, 254, 0.15));
  --gradient-7: linear-gradient(218.15deg, #578bff 0%, var(--color-primary) 100%);
  --gradient-8: linear-gradient(270deg, #9e77ff 0%, #4460ff 100%);
  --gradient-9: linear-gradient(180deg, #6827FF 0%, #E3F0FF 100%);
}

/**
 * Reset Styels
 */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

footer,
header,
nav {
  display: block;
}

a {
  color: var(--color-heading);
  text-decoration: none;
  outline: none;
  transition: 0.3s;
}

a:hover,
a:focus,
a:active {
  text-decoration: none;
  outline: none;
  color: var(--color-primary);
}

a:focus {
  outline: none;
}

strong {
  font-weight: bold;
}

dd {
  margin: 0 15px 15px;
}

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

nav ul {
  list-style: none;
  list-style-image: none;
}

li > ul {
  margin: 0;
}

img {
  -ms-interpolation-mode: bicubic;
  border: 0;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}

svg:not(:root) {
  overflow: hidden;
}

form {
  margin: 0;
}

button,
input {
  font-size: 100%;
  margin: 0;
  max-width: 100%;
  vertical-align: baseline;
}

button,
input {
  line-height: normal;
}

button,
html input[type=button],
input[type=submit] {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  cursor: pointer;
}

input[type=search] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  appearance: textfield;
  padding-right: 2px;
  width: 270px;
}

input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

hr {
  background-size: 4px 4px;
  border: 0;
  height: 1px;
  margin: 0 0 24px;
}

dd {
  margin: 0 15px 15px;
}

/* BlockQuote  */

/**
 * Typography
 */
/*
	font-family: 'Source Serif Pro', serif; 
*/
* {
  box-sizing: border-box;
}

html {
  margin: 0;
  padding: 0;
  font-size: 10px;
}

body {
  font-size: 18px;
  line-height: 1.5;
  font-family: var(--font-primary);
  color: var(--color-body);
  font-weight: 400;
  scroll-behavior: auto;
  position: relative;
  overflow-y: scroll;
  scrollbar-width: thin;
}
@media only screen and (max-width: 767px) {
  body {
    font-size: 16px;
    line-height: 1.5;
  }
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
p,
ul,
hr {
  margin: 0;
  margin-bottom: 20px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  word-break: break-word;
  font-family: var(--font-secondary);
  line-height: 1.4074;
  color: #0e3750;
}

h1,
.h1 {
  font-size: var(--h1);
  line-height: 1.19;
}

h2,
.h2 {
  font-size: var(--h2);
  line-height: 1.23;
  letter-spacing: 2px;
}

h3,
.h3 {
  font-size: var(--h3);
  line-height: 1.14;
}

h4,
.h4 {
  font-size: var(--h4);
  line-height: 1.25;
}

h5,
.h5 {
  font-size: var(--h5);
  line-height: 1.24;
}

h6,
.h6 {
  font-size: var(--h6);
  line-height: 1.25;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a {
  color: inherit;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  h1,
.h1 {
    font-size: 38px;
  }

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

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

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

  h5,
.h5 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  h1,
.h1 {
    font-size: 34px;
  }

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

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

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

  h5,
.h5 {
    font-size: 18px;
  }
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  font-weight: var(--f-bold);
}

h4,
.h4,
h5,
.h5 {
  font-weight: var(--f-bold);
}

h6,
.h6 {
  font-weight: var(--f-medium);
}

p {
  font-size: 18px;
  line-height: 1.45;
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  p {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  p {
    font-size: 16px;
    line-height: 28px;
  }
}
p:last-child {
  margin-bottom: 0;
}

var {
  font-family: "Courier 10 Pitch", Courier, monospace;
}

/*---------------------------
	List Style 
---------------------------*/
ul {
  padding-left: 18px;
}

ul {
  list-style: disc;
  margin-bottom: 30px;
  padding-left: 20px;
}
ul li {
  margin-top: 10px;
  margin-bottom: 10px;
  color: var(--color-body);
}
ul li a {
  text-decoration: none;
  color: var(--color-heading);
}
ul li a:hover {
  color: var(--color-primary);
}
ul ul {
  margin-bottom: 0;
}

.entry-content a {
  text-decoration: underline;
}

/*=====================
    All Extend Here
=======================*/
/* -----------------------------
    Hover Dropdown Extend  
--------------------------------*/
 .rbt-header .mainmenu-nav .mainmenu li.has-dropdown .submenu {
  position: absolute;
  top: 100%;
  left: 0;
  visibility: hidden;
  clip: rect(0px, 200vw, 0, 0px);
  opacity: 0;
  transition: opacity 0.4s linear, clip 0.6s linear, visibility 0s 0.4s;
  transform: translateZ(0);
}

.rbt-header .mainmenu-nav .mainmenu > li .submenu > li:hover > .submenu, .rbt-header .mainmenu-nav .mainmenu li.has-dropdown:hover > .submenu {
  top: 100%;
  visibility: visible;
  opacity: 1;
  clip: rect(0px, 100vw, 200vh, -30px);
  transition: clip 0.6s linear, opacity 0.4s linear;
}

/*-----------------------------
    Rbt Background Gradient
-------------------------------*/
.rbt-page-banner-wrapper .rbt-banner-image, .bg-gradient-9 {
  position: relative;
  z-index: 1;
  background: url('../images/list_banner.jpg') no-repeat; 
  background-size: cover;
  /* background: linear-gradient(270deg, var(--color-secondary) 0%, var(--color-primary) 100%) !important; */
}
.rbt-page-banner-wrapper .rbt-banner-image::after, .bg-gradient-9::after {
 /*  background: linear-gradient(rgb(255 255 255 / 81%) 10%, rgba(255, 255, 255, 0.1) 100%); */
 background: linear-gradient(rgb(244 251 255 / 81%) 10%, rgba(255, 255, 255, 0.1) 100%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
}

/*----------------------
    Bg Image  
------------------------*/
.bg_image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.copyright-style-1 .copyright-link, .footer-widget .ft-link, .rbt-meta {
  padding: 0;
  margin: 0;
  list-style: none;
}

 .rbt-card .rbt-card-body .rbt-card-title a, .rbt-header .mainmenu-nav .mainmenu li.has-dropdown .submenu li a, ul li a {
  transition: var(--transition);
}

/*----------------------
    Text Color  
------------------------*/

.color-white {
  color: var(--color-white) !important;
}

/*----------------------
    Background Color  
------------------------*/

.bg-color-white {
  background-color: var(--color-white) !important;
}

.bg-color-white {
  background-color: var(--color-white) !important;
}

.bg-color-white {
  background-color: var(--color-white) !important;
}

.bg-color-primary-opacity {
  background: var(--primary-opacity) !important;
}

.bg-color-secondary-opacity {
  background: var(--secondary-opacity) !important;
}

.bg-color-coral-opacity {
  background: var(--coral-opacity) !important;
}

.bg-color-violet-opacity {
  background: var(--violet-opacity) !important;
}

.bg-color-pink-opacity {
  background: var(--pink-opacity) !important;
}

.bg-color-white-opacity {
  background-color: var(--white-opacity) !important;
}

.bg-color-black-opacity {
  background-color: var(--black-opacity) !important;
}

.bg-color-heading-opacity {
  background-color: var(--heading-opacity) !important;
}

.bg-color-danger-opacity {
  background: var(--danger-opacity) !important;
}

.bg-color-warning-opacity {
  background-color: var(--warning-opacity) !important;
}

.bg-color-success-opacity {
  background-color: var(--success-opacity) !important;
}

/*-----------------------------
    Rbt Background Gradient
-------------------------------*/

.bg-gradient-1 {
  background: var(--gradient-1) !important;
}

.bg-gradient-2 {
  background: var(--gradient-2) !important;
}

.bg-gradient-3 {
  /* background: var(--gradient-3) !important; */
  background:linear-gradient(90deg, #3858b9 0%, #47a6ff 100%) !important;
}

.bg-gradient-4 {
  background: var(--gradient-4) !important;
}

.bg-gradient-5 {
  background: var(--gradient-5) !important;
}

.bg-gradient-6 {
  background: var(--gradient-6) !important;
}

.bg-gradient-7 {
  background: var(--gradient-7) !important;
}

.bg-gradient-8 {
  background: var(--gradient-8) !important;
}

.bg-gradient-10 {
  background: linear-gradient(141.76deg, #F5D9D5 0.59%, #F5EAB4 39.43%, #B76CEA 100%) !important;
}

.bg-gradient-11 {
  background: linear-gradient(180deg, #EEDEFD 0%, #FFFFFF 100%) !important;
}

.bg-gradient-12 {
  background: linear-gradient(208.29deg, #F5D9D5 0%, #F5EAB4 42.92%, #99D9F5 100%) !important;
}

.bg-gradient-13 {
  background: linear-gradient(180deg, rgba(218, 251, 255, 0) 0%, #DAFBFF 100%) !important;
}

.bg-gradient-14 {
  background: var(--gradient-9) !important;
}

.bg-gradient-15 {
  background: linear-gradient(151.71deg, #29C986 0%, #2FC8E5 100%) !important;
}

.bg-gradient-16 {
  background: linear-gradient(151.71deg, #FF652D 0%, #FFA426 100%) !important;
}

.bg-gradient-17 {
  background: linear-gradient(151.71deg, #30C4FF 0%, #7259FF 100%) !important;
}

/*-------------------------------------
    Background Opacity With Text Colors  
---------------------------------------*/
.bg-primary-opacity {
  background: var(--primary-opacity) !important;
  color: var(--color-primary) !important;
}

.bg-secondary-opacity {
  background: var(--secondary-opacity) !important;
  color: var(--color-secondary) !important;
}

.bg-coral-opacity {
  background: var(--coral-opacity) !important;
  color: var(--color-coral) !important;
}

.bg-violet-opacity {
  background: var(--violet-opacity) !important;
  color: var(--color-violet) !important;
}

.bg-pink-opacity {
  background: var(--pink-opacity) !important;
  color: var(--color-pink) !important;
}

.bg-white-opacity {
  background: var(--white-opacity) !important;
  color: var(--color-white) !important;
}

.bg-warning-opacity {
  background: var(--warning-opacity) !important;
  color: var(--color-warning) !important;
}

/*---------------------- 
    Common Css 
--------------------------*/

@-webkit-keyframes edu_bounce_loop {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(20%);
    transform: translateY(20%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes edu_bounce_loop {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(20%);
    transform: translateY(20%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes edu_rotatation_round {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes edu_rotatation_round {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}

@keyframes bounceSlide {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}

/*==============================
 *  Utilities
=================================*/
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

@media only screen and (max-width: 767px) {
  .container, .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
}

/*===============================
    Background Color 
=================================*/

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

/*---------------------
    Height and width 
------------------------*/

/*===================
Custom Row
======================*/

.row--15 {
  margin-left: -15px;
  margin-right: -15px;
}
.row--15 > [class*=col] {
  padding-left: 15px;
  padding-right: 15px;
}

/*===========================
    Input Placeholder
=============================*/
input:-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-webkit-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input:-ms-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/*=============================
	Overlay styles 
==============================*/

/*------------------------------
    Scroll Up 
--------------------------------*/

/*--------------------
    Contact Form 
----------------------*/

/*=========================
    Section Separation 
==========================*/

.position-to-top {
  position: relative;
  margin-top: -300px;
}

.rbt-section-gap {
  padding: 30px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-section-gap {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-section-gap {
    padding: 40px 0;
  }
}

.rbt-section-gapBottom {
  padding-bottom: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-section-gapBottom {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-section-gapBottom {
    padding-bottom: 20px;
  }
}

.rbt-section-gapTop {
  padding-top: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-section-gapTop {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-section-gapTop {
    padding-top: 40px;
  }
}

.ml_dec_20 {
  margin-left: -20px !important;
}

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

.pt--15 {
  padding-top: 15px !important;
}

.pb--15 {
  padding-bottom: 15px !important;
}

.ptb--20 {
  padding: 20px 0 !important;
}

.mt--20 {
  margin-top: 20px !important;
}

.mt--30 {
  margin-top: 30px !important;
}

.mb--30 {
  margin-bottom: 30px !important;
}

.mt--40 {
  margin-top: 40px !important;
}

.pl--50 {
  padding-left: 50px !important;
}

.pb--60 {
  padding-bottom: 60px !important;
}

.mt--60 {
  margin-top: 60px !important;
}

.pb--80 {
  padding-bottom: 80px !important;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pl_lg--0 {
    padding-left: 0 !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {

  .pl_md--0 {
    padding-left: 0 !important;
  }

  .pl_md--0 {
    padding-left: 0 !important;
  }

  .mt_md--10 {
    margin-top: 10px !important;
  }

  .pb_md--80 {
    padding-bottom: 80px !important;
  }
}
@media only screen and (max-width: 767px) {

  .pl_sm--0 {
    padding-left: 0 !important;
  }

  .mt_sm--10 {
    margin-top: 10px !important;
  }

  .pb_sm--80 {
    padding-bottom: 40px !important;
  }

  .pl_sm--0 {
    padding-left: 0;
  }
}

/*------------------------
    Edu Common Styles  
--------------------------*/
/*-------------------------
    Rbt Default
-------------------------*/

/*-------------------------
    Rbt Round Btn
-------------------------*/
.rbt-round-btn {
  width: 40px;
  height: 40px;
  line-height: 41px;
  text-align: center;
  border-radius: 100%;
  position: relative;
  z-index: 1;
  background: transparent;
  padding: 0;
  border: 0 none;
  display: block;
}
@media only screen and (max-width: 767px) {
  .rbt-round-btn {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
}
.rbt-round-btn i {
  margin-right: 0;
}
.rbt-round-btn::after {
  background: #4485e6;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transition: 0.4s;
  opacity: 0;
  transform: scale(0.8);
  border-radius: 100%;
  z-index: -1;
}
.rbt-round-btn:hover, .rbt-round-btn.open {
  color: var(--color-primary);
}
.rbt-round-btn:hover::after, .rbt-round-btn.open::after {
  opacity: 1;
  transform: scale(1);
}

/*------------------------------
    Rbt Hover Style
-------------------------------*/
.rbt-hover {
  transition: var(--transition-2);
}
.rbt-hover:hover {
  transform: scale(1.02);
}

.rbt-link-hover a {
  position: relative;
}
.rbt-link-hover a::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: currentColor;
  transform: scaleX(0);
  transform-origin: bottom right;
  transition: transform 0.3s;
}
.rbt-link-hover a:hover::after {
  transform-origin: bottom left;
  transform: scaleX(1);
}

/*------------------------------
    Rbt Theme Gradient
-------------------------------*/

/*------------------------------
    Rbt Slider Gutter
-------------------------------*/

/*------------------------------
    Rbt rating
-------------------------------*/

/*------------------------------
    Rbt Shape Style
-------------------------------*/

/*-------------------------
    Card Author Meta 
-------------------------*/

/*-----------------------------
    Rbt Border Style  
------------------------------*/
hr {
  background-color: var(--color-border);
  opacity: 1;
}

.rbt-separator {
  position: relative;
}
.rbt-separator::after {
  position: absolute;
  content: "";
  height: 20px;
  width: 1px;
  background: var(--color-border);
  top: 50%;
  transform: translateY(-50%);
}

/*-----------------------------
    Rbt Border Radius  
-------------------------------*/
.square {
  border-radius: 0 !important;
}

.rbt-radius {
  border-radius: 6px !important;
}

.radius-round {
  border-radius: 500px !important;
}

/*-----------------------------
    Rbt Shadow
-------------------------------*/
.rbt-shadow-box {
  border-radius: var(--radius);
  background: var(--color-white);
  overflow: hidden;
  box-shadow: var(--shadow-1);
  padding: 30px;
}
.rbt-shadow-box.rbt-article-box{
  padding: 70px 60px 60px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-shadow-box {
    padding: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-shadow-box {
    padding: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-shadow-box {
    padding: 20px;
  }
}

/*--------------------------
    Font Weight 
---------------------------*/

.w-700 {
  font-weight: 700 !important;
}

/*-----------------------------
    Card bg Inner Color 
--------------------------------*/

/*-----------------------------
    Rbt Background Image
--------------------------------*/
.bg_image_fixed {
  background-attachment: fixed !important;
}

.bg_image--16 {
  background-image: url(../images/002.jpg);
}

.bg_image--17 {
  background-image: url(../images/001.jpg);
}

.bg_image--20 {
  background-image: url(../images/banner_bg.jpg);
}

.bg_image--21 {
  background-image: url(../images/003.jpg);
}

/* ========= Forms Styles ========= */
button,
[type=button],
[type=submit] {
  -webkit-appearance: button;
}

input {
  width: 100%;
  transition: 0.3s;
}

input {
  height: 40px;
  padding: 0 15px;
}

input[type=text] {
  font-size: 16px;
  font-weight: 400;
  height: 50px;
  line-height: 28px;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0 15px;
  outline: none;
  border: var(--border-width) solid var(--color-border);
  border-radius: var(--radius);
  color: var(--color-body);
  box-shadow: var(--shadow-10);
  /* -- Placeholder -- */
}
input[type=text]::placeholder {
  color: var(--body-color);
  /* Firefox */
  opacity: 1;
}
input[type=text]:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--body-color);
  opacity: 1;
}
input[type=text]::-ms-input-placeholder {
  /* Microsoft Edge */
  color: var(--body-color);
  opacity: 1;
}
input[type=text]:focus {
  border-color: var(--color-primary);
}

input[type=submit] {
  width: auto;
  font-size: 16px;
  letter-spacing: 2px;
  padding: 15px 20px;
  border-radius: 6px;
  display: block;
  font-weight: 500;
  transition: 0.3s;
  border: var(--border-width) solid var(--color-primary);
  background: var(--color-primary);
  color: #ffffff;
  height: 60px;
  margin-top: 30px;
}
input[type=submit]:hover {
  color: #ffffff;
  -webkit-box-shadow: 0 10px 15px 0 rgba(249, 0, 77, 0.1);
  box-shadow: 0 10px 15px 0 rgba(249, 0, 77, 0.1);
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
}

/* For Image Radio  */

/* -------------------------------- 

Primary style

-------------------------------- */

/* -------------------------------- 

  xrotate-1 

  -------------------------------- */

@-webkit-keyframes cd-rotate-1-in {
  0% {
    -webkit-transform: rotateX(180deg);
    opacity: 0;
  }
  35% {
    -webkit-transform: rotateX(120deg);
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(360deg);
    opacity: 1;
  }
}
@-moz-keyframes cd-rotate-1-in {
  0% {
    -moz-transform: rotateX(180deg);
    opacity: 0;
  }
  35% {
    -moz-transform: rotateX(120deg);
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  100% {
    -moz-transform: rotateX(360deg);
    opacity: 1;
  }
}
@keyframes cd-rotate-1-in {
  0% {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
    opacity: 0;
  }
  35% {
    -webkit-transform: rotateX(120deg);
    -moz-transform: rotateX(120deg);
    -ms-transform: rotateX(120deg);
    -o-transform: rotateX(120deg);
    transform: rotateX(120deg);
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(360deg);
    -moz-transform: rotateX(360deg);
    -ms-transform: rotateX(360deg);
    -o-transform: rotateX(360deg);
    transform: rotateX(360deg);
    opacity: 1;
  }
}
@-webkit-keyframes cd-rotate-1-out {
  0% {
    -webkit-transform: rotateX(0deg);
    opacity: 1;
  }
  35% {
    -webkit-transform: rotateX(-40deg);
    opacity: 1;
  }
  65% {
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(180deg);
    opacity: 0;
  }
}
@-moz-keyframes cd-rotate-1-out {
  0% {
    -moz-transform: rotateX(0deg);
    opacity: 1;
  }
  35% {
    -moz-transform: rotateX(-40deg);
    opacity: 1;
  }
  65% {
    opacity: 0;
  }
  100% {
    -moz-transform: rotateX(180deg);
    opacity: 0;
  }
}
@keyframes cd-rotate-1-out {
  0% {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1;
  }
  35% {
    -webkit-transform: rotateX(-40deg);
    -moz-transform: rotateX(-40deg);
    -ms-transform: rotateX(-40deg);
    -o-transform: rotateX(-40deg);
    transform: rotateX(-40deg);
    opacity: 1;
  }
  65% {
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
    opacity: 0;
  }
}
/* -------------------------------- 

  xtype 

  -------------------------------- */

@-webkit-keyframes cd-pulse {
  0% {
    -webkit-transform: translateY(-50%) scale(1);
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-50%) scale(0.9);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-50%) scale(0);
    opacity: 0;
  }
}
@-moz-keyframes cd-pulse {
  0% {
    -moz-transform: translateY(-50%) scale(1);
    opacity: 1;
  }
  40% {
    -moz-transform: translateY(-50%) scale(0.9);
    opacity: 0;
  }
  100% {
    -moz-transform: translateY(-50%) scale(0);
    opacity: 0;
  }
}
@keyframes cd-pulse {
  0% {
    -webkit-transform: translateY(-50%) scale(1);
    -moz-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    -o-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-50%) scale(0.9);
    -moz-transform: translateY(-50%) scale(0.9);
    -ms-transform: translateY(-50%) scale(0.9);
    -o-transform: translateY(-50%) scale(0.9);
    transform: translateY(-50%) scale(0.9);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-50%) scale(0);
    -moz-transform: translateY(-50%) scale(0);
    -ms-transform: translateY(-50%) scale(0);
    -o-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    opacity: 0;
  }
}
/* -------------------------------- 

  xrotate-2 

  -------------------------------- */

@-webkit-keyframes cd-rotate-2-in {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(90deg);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(-10deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(0deg);
  }
}
@-moz-keyframes cd-rotate-2-in {
  0% {
    opacity: 0;
    -moz-transform: translateZ(-20px) rotateX(90deg);
  }
  60% {
    opacity: 1;
    -moz-transform: translateZ(-20px) rotateX(-10deg);
  }
  100% {
    opacity: 1;
    -moz-transform: translateZ(-20px) rotateX(0deg);
  }
}
@keyframes cd-rotate-2-in {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(90deg);
    -moz-transform: translateZ(-20px) rotateX(90deg);
    -ms-transform: translateZ(-20px) rotateX(90deg);
    -o-transform: translateZ(-20px) rotateX(90deg);
    transform: translateZ(-20px) rotateX(90deg);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(-10deg);
    -moz-transform: translateZ(-20px) rotateX(-10deg);
    -ms-transform: translateZ(-20px) rotateX(-10deg);
    -o-transform: translateZ(-20px) rotateX(-10deg);
    transform: translateZ(-20px) rotateX(-10deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(0deg);
    -moz-transform: translateZ(-20px) rotateX(0deg);
    -ms-transform: translateZ(-20px) rotateX(0deg);
    -o-transform: translateZ(-20px) rotateX(0deg);
    transform: translateZ(-20px) rotateX(0deg);
  }
}
@-webkit-keyframes cd-rotate-2-out {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(-100deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(-90deg);
  }
}
@-moz-keyframes cd-rotate-2-out {
  0% {
    opacity: 1;
    -moz-transform: translateZ(-20px) rotateX(0);
  }
  60% {
    opacity: 0;
    -moz-transform: translateZ(-20px) rotateX(-100deg);
  }
  100% {
    opacity: 0;
    -moz-transform: translateZ(-20px) rotateX(-90deg);
  }
}
@keyframes cd-rotate-2-out {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(0);
    -moz-transform: translateZ(-20px) rotateX(0);
    -ms-transform: translateZ(-20px) rotateX(0);
    -o-transform: translateZ(-20px) rotateX(0);
    transform: translateZ(-20px) rotateX(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(-100deg);
    -moz-transform: translateZ(-20px) rotateX(-100deg);
    -ms-transform: translateZ(-20px) rotateX(-100deg);
    -o-transform: translateZ(-20px) rotateX(-100deg);
    transform: translateZ(-20px) rotateX(-100deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(-90deg);
    -moz-transform: translateZ(-20px) rotateX(-90deg);
    -ms-transform: translateZ(-20px) rotateX(-90deg);
    -o-transform: translateZ(-20px) rotateX(-90deg);
    transform: translateZ(-20px) rotateX(-90deg);
  }
}
/* -------------------------------- 

  xloading-bar 

  -------------------------------- */

/* -------------------------------- 

  xslide 

  -------------------------------- */

@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(20%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes slide-in {
  0% {
    opacity: 0;
    -moz-transform: translateY(-100%);
  }
  60% {
    opacity: 1;
    -moz-transform: translateY(20%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
    -o-transform: translateY(20%);
    transform: translateY(20%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes slide-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateY(120%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(100%);
  }
}
@-moz-keyframes slide-out {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  60% {
    opacity: 0;
    -moz-transform: translateY(120%);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(100%);
  }
}
@keyframes slide-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateY(120%);
    -moz-transform: translateY(120%);
    -ms-transform: translateY(120%);
    -o-transform: translateY(120%);
    transform: translateY(120%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }
}
/* -------------------------------- 

  xclip 

  -------------------------------- */

/* -------------------------------- 

  xzoom 

  -------------------------------- */

@-webkit-keyframes zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0);
  }
}
@-moz-keyframes zoom-in {
  0% {
    opacity: 0;
    -moz-transform: translateZ(100px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateZ(0);
  }
}
@keyframes zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(100px);
    -moz-transform: translateZ(100px);
    -ms-transform: translateZ(100px);
    -o-transform: translateZ(100px);
    transform: translateZ(100px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@-webkit-keyframes zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateZ(-100px);
  }
}
@-moz-keyframes zoom-out {
  0% {
    opacity: 1;
    -moz-transform: translateZ(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateZ(-100px);
  }
}
@keyframes zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateZ(-100px);
    -moz-transform: translateZ(-100px);
    -ms-transform: translateZ(-100px);
    -o-transform: translateZ(-100px);
    transform: translateZ(-100px);
  }
}
/* -------------------------------- 

  xrotate-3 

  -------------------------------- */

@-webkit-keyframes cd-rotate-3-in {
  0% {
    -webkit-transform: rotateY(180deg);
  }
  100% {
    -webkit-transform: rotateY(0deg);
  }
}
@-moz-keyframes cd-rotate-3-in {
  0% {
    -moz-transform: rotateY(180deg);
  }
  100% {
    -moz-transform: rotateY(0deg);
  }
}
@keyframes cd-rotate-3-in {
  0% {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
  100% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}
@-webkit-keyframes cd-rotate-3-out {
  0% {
    -webkit-transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(-180deg);
  }
}
@-moz-keyframes cd-rotate-3-out {
  0% {
    -moz-transform: rotateY(0);
  }
  100% {
    -moz-transform: rotateY(-180deg);
  }
}
@keyframes cd-rotate-3-out {
  0% {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
  }
}
/* -------------------------------- 

  xscale 

  -------------------------------- */

@-webkit-keyframes scale-up {
  0% {
    -webkit-transform: scale(0);
    opacity: 0;
  }
  60% {
    -webkit-transform: scale(1.2);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}
@-moz-keyframes scale-up {
  0% {
    -moz-transform: scale(0);
    opacity: 0;
  }
  60% {
    -moz-transform: scale(1.2);
    opacity: 1;
  }
  100% {
    -moz-transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-up {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  60% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes scale-down {
  0% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
  60% {
    -webkit-transform: scale(0);
    opacity: 0;
  }
}
@-moz-keyframes scale-down {
  0% {
    -moz-transform: scale(1);
    opacity: 1;
  }
  60% {
    -moz-transform: scale(0);
    opacity: 0;
  }
}
@keyframes scale-down {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  60% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
}
/* -------------------------------- 

  xpush 

  -------------------------------- */

@-webkit-keyframes push-in {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes push-in {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(10%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@keyframes push-in {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(10%);
    -moz-transform: translateX(10%);
    -ms-transform: translateX(10%);
    -o-transform: translateX(10%);
    transform: translateX(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes push-out {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateX(110%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%);
  }
}
@-moz-keyframes push-out {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  60% {
    opacity: 0;
    -moz-transform: translateX(110%);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(100%);
  }
}
@keyframes push-out {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateX(110%);
    -moz-transform: translateX(110%);
    -ms-transform: translateX(110%);
    -o-transform: translateX(110%);
    transform: translateX(110%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
}
/**************************************
	Header Styles
***************************************/
/*---------------------------
    Header Common Styles  
----------------------------*/
.logo a {
  display: block;
}
.logo a img {
  max-height: 50px;
  object-fit: cover;
}

.rbt-header-top {
  position: relative;
  z-index: 9999;
}

/*-----------------------------
    Header Space Between  
------------------------------*/

/*----------------------------
    Header Top Information 
-----------------------------*/

/*--------------------------
    Dropdown Menu  
----------------------------*/

/*--------------------------
    Header Section
----------------------------*/

/*--------------------------
    Header Quick Access
----------------------------*/
.quick-access {
  display: flex;
  align-items: center;
  margin: 0 -3px;
  padding: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .quick-access {
    border-right: 0 none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .quick-access {
    border-right: 0 none;
  }
}
@media only screen and (max-width: 767px) {
  .quick-access {
    border-right: 0 none;
  }
}
.quick-access > li {
  margin: 0 3px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .quick-access > li {
    margin: 0 6px;
  }
}
.quick-access > li > a {
  color: var(--color-heading);
  font-size: 22px;
  font-weight: 500;
  transition: 0.4s;
}
.quick-access > li > a i {
  margin-right: 10px;
}
.quick-access > li:hover > a {
  color: var(--color-primary);
}
.quick-access > li.access-icon a {
  position: relative;
  z-index: 1;
}
.quick-access > li.access-icon a i {
  margin-right: 0;
}

/*--------------------------
    Search With Category
----------------------------*/

/*--------------------------
    Secondary Menu
----------------------------*/

/*--------------------------
    Category Button
----------------------------*/

/*-------------------------
    Admin User Settings
--------------------------*/

/*-------------------------
    Mini Cart
--------------------------*/

/*-------------------------
    Header Animation  
--------------------------*/
@keyframes headerSticky {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes stickySlideDown {
  0% {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
/*---------------------
    Header Top  
----------------------*/

/*----------------------------
    Header Top Bar  
----------------------------*/
.rbt-header-top-2 {
  border-bottom: 1px solid var(--color-border);
  background-color: var(--color-white);
}
.rbt-header-top-2 p {
  margin-bottom: 0;
  font-size: 14px;
}
.rbt-header-top-2 p a {
  transition: 0.3s;
}
.rbt-header-top-2 p a i {
  position: relative;
  top: 2px;
}
.rbt-header-top-2 .address-content {
  display: flex;
  align-items: center;
  margin: 0 -10px;
}
.rbt-header-top-2 .address-content p {
  margin-bottom: 0;
  padding: 0 15px;
  font-size: 14px;
  position: relative;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 575px) {
  .rbt-header-top-2 .address-content p {
    padding: 0 8px;
  }
}
.rbt-header-top-2 .address-content p + p::before {
  position: absolute;
  content: "";
  height: 20px;
  width: 2px;
  background: var(--color-border);
  top: 50%;
  transform: translateY(-50%);
  left: -1px;
  opacity: 0.5;
}
.rbt-header-top-2 .address-content p a {
  transition: 0.3s;
}
.rbt-header-top-2 .address-content p a:hover {
  color: var(--color-primary);
}
.rbt-header-top-2 .address-content p i {
  margin-right: 8px;
  font-size: 14px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-header-top-2 .fancy-menu-text {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-header-top-2 .fancy-menu-text {
    text-align: center;
  }
}
.rbt-header-top-2 .fancy-menu-address {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-header-top-2 .fancy-menu-address {
    justify-content: center;
    margin-top: 6px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-header-top-2 .fancy-menu-address {
    justify-content: center;
    margin-top: 6px;
  }
}
.rbt-header-top-2 .fancu-menu-end {
  justify-content: flex-end;
  text-align: end;
}
.rbt-header-top-2.color-white p {
  color: var(--color-white);
  opacity: 0.7;
}
.rbt-header-top-2.color-white a {
  color: var(--color-white);
}

/*------------------------------------------
    Header With TopBar Transparent  
----------------------------------------------*/
.rbt-transparent-header .rbt-header-top {
  border-color: #406ef6;
}

/*--------------------------
    Header Top Styles  
-----------------------------*/

/*---------------------------
    Header Mid Style  
----------------------------*/

/*---------------------
    Social Share  
-----------------------*/

/*----------------------------
    Navigation Position  
------------------------------*/
.mainbar-row {
  display: flex;
  justify-content: space-between;
  padding: 5px 0;
}
.mainbar-row .rbt-main-navigation {
  min-width: 900px;
  flex: 1;
  display: flex;
  margin: 0 30px;
  justify-content: center;
}
.mainbar-row.rbt-navigation-start .rbt-main-navigation {
  justify-content: start;
}

/*-----------------------
    Header Style  
---------------------------*/
.rbt-header {
  position: relative;
  z-index: 99;
}
.rbt-header .logo a img {
  max-height: 40px;
  object-fit: cover;
}
@media only screen and (max-width: 575px) {
  .rbt-header .logo a {
    height: auto;
    line-height: initial;
  }
}
.rbt-header .rbt-header-wrapper {
  background-color: #ffffff;
  box-shadow: 0px 20px 34px #0000000d;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-header .rbt-header-wrapper {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-header .rbt-header-wrapper {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-header .rbt-header-wrapper {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.rbt-header .rbt-header-wrapper.rbt-sticky {
  position: fixed;
  top: 0;
  left: 0;
  background-color: var(--color-white);
  width: 100%;
  animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both;
  z-index: 99;
  box-shadow: var(--shadow-1);
}
.rbt-header .rbt-header-wrapper.color-white-variation .mainmenu-nav .mainmenu > li > a {
  color: var(--color-white);
}
.rbt-header .rbt-header-wrapper.color-white-variation .quick-access li a {
  color: var(--color-white);
}
.rbt-header .rbt-header-wrapper.color-white-variation.rbt-sticky {
  background-color: #000 !important;
  box-shadow: var(--shadow-5);
}
.rbt-header .rbt-header-wrapper.color-white-variation .hamberger .hamberger-button {
  color: var(--color-white);
}
.rbt-header .rbt-header-wrapper .header-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media only screen and (max-width: 767px) {
  .rbt-header .rbt-header-wrapper .header-right {
    justify-content: flex-end;
    flex-basis: 60%;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-header .rbt-header-wrapper .header-left {
    flex-basis: 80%;
  }
}
.rbt-header .rbt-header-wrapper .container-fluid,
.rbt-header .rbt-header-wrapper .container {
  position: relative;
}
.rbt-header.rbt-transparent-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: auto;
}
.rbt-header.rbt-transparent-header .rbt-header-top:not(.bg-not-transparent) {
  background: transparent !important;
}
.rbt-header.rbt-transparent-header .rbt-header-wrapper:not(.bg-not-transparent) {
  background: transparent !important;
  box-shadow: none;
}
.rbt-header.rbt-transparent-header .rbt-header-wrapper.rbt-sticky {
  background-color: var(--color-white) !important;
  box-shadow: var(--shadow-1);
}
.rbt-header.rbt-transparent-header .rbt-header-wrapper.color-white-variation.rbt-sticky {
  background-color: #000 !important;
  box-shadow: var(--shadow-5);
  border: 0 none;
}

/*--------------------------
    Navigation Styles 
----------------------------*/
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: auto;
  }
}
.rbt-header .mainmenu-nav .mainmenu {
  display: flex;
  margin: 0;
  padding: 0;
  justify-content: center;
}
.rbt-header .mainmenu-nav .mainmenu > li > a {
  color: var(--color-heading);
  font-size: 17px;
  font-weight: 500;
  padding: 0 24px;
  display: flex;
  align-items: center;
  height: 80px;
  line-height: 80px;
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-header .mainmenu-nav .mainmenu > li > a {
    padding: 0 10px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-header .mainmenu-nav .mainmenu > li > a {
    padding: 0 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-header .mainmenu-nav .mainmenu > li > a {
    padding: 0 12px;
  }
}
.rbt-header .mainmenu-nav .mainmenu > li > a i {
  transition: 0.3s;
}
.rbt-header .mainmenu-nav .mainmenu > li:first-child > a i { 
  display:none;
}
.rbt-header .mainmenu-nav .mainmenu > li > a.active {
  color: #fff;
}
.rbt-header .mainmenu-nav .mainmenu > li:hover > a, .rbt-header .mainmenu-nav .mainmenu > li.active > a {
  color: #fff !important;
}
.rbt-header .mainmenu-nav .mainmenu > li:hover > a i, .rbt-header .mainmenu-nav .mainmenu > li.active > a i {
  transform: rotate(180deg);
  margin-top: 2px;
}
.rbt-header .mainmenu-nav .mainmenu li {
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
}
.rbt-header .mainmenu-nav .mainmenu li:first-child a {
  padding-left: 0;
}
.rbt-header .mainmenu-nav .mainmenu li:last-child a {
  padding-right: 0;
}
.rbt-header .mainmenu-nav .mainmenu li.has-dropdown .submenu {
  margin-top: 5px;
  min-width: 240px;
  height: auto;
  z-index: 90;
  text-align: left;
  padding: 12px 0;
  border-radius: 0 0 10px 10px;
  background-color: var(--color-white);
  box-shadow: var(--shadow-1);
  display: flex;
  flex-direction: column;
  border-top: 1px solid #e6e3f14f;
}
.rbt-header .mainmenu-nav .mainmenu li.has-dropdown .submenu li {
  position: relative;
}
.rbt-header .mainmenu-nav .mainmenu li.has-dropdown .submenu li a {
  font-weight: 500;
  padding: 10px 20px;
  font-size: 16px;
  display: block;
  color: #0e3750;
  margin: 0 10px;
  border-radius: 3px;
}
.rbt-header .mainmenu-nav .mainmenu li.has-dropdown .submenu li a:hover {
  color: #0e3750!important;
  font-weight: bold;
  background: var(--black-opacity);
}
.rbt-header .mainmenu-nav .mainmenu li.has-dropdown .submenu li a.active {
  color: var(--color-primary) !important;
  background: var(--black-opacity);
}
.rbt-header .mainmenu-nav .mainmenu li.has-dropdown .submenu li ul.submenu {
  left: 100%;
  top: 0;
  text-align: left;
}
.rbt-header .mainmenu-nav .mainmenu > li .submenu > li:hover > .submenu {
  opacity: 1;
  visibility: visible;
  border-radius: 10px;
}

/*----------------------------
    Mega Menu Options  
------------------------------*/

/*-----------------------
    Single Demo  
------------------------*/

/*----------------------
    Load More Btn  
-----------------------*/

/*----------------------
    Extra Css  
------------------------*/

/*--------------------
    Mega Menu  
-----------------------*/
/*------------------------------
    Popup Menu Styles  
--------------------------------*/
.popup-mobile-menu {
  z-index: 9999;
  position: fixed;
  content: "";
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.8);
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s ease-out;
}
@media only screen and (min-width: 1200px) {
  .popup-mobile-menu {
    display: none;
  }
}
.popup-mobile-menu .inner-wrapper {
  width: 400px;
  z-index: 999;
  position: absolute;
  background-color: var(--color-white);
  height: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  opacity: 0;
  left: -150px;
  transition: all 0.5s ease-out;
  padding: 60px 50px;
  height: 100%;
  position: relative;
  overflow-y: auto;
}
@media only screen and (max-width: 767px) {
  .popup-mobile-menu .inner-wrapper {
    padding: 30px 30px;
  }
}
@media only screen and (max-width: 575px) {
  .popup-mobile-menu .inner-wrapper {
    width: 300px;
    padding: 30px 20px;
  }
}
.popup-mobile-menu .inner-wrapper .inner-top {
  border-bottom: 1px solid var(--primary-opacity);
  padding-bottom: 25px;
  margin-bottom: 25px;
}
@media only screen and (max-width: 767px) {
  .popup-mobile-menu .inner-wrapper .inner-top {
    padding-bottom: 15px;
    margin-bottom: 0px;
  }
}
.popup-mobile-menu .inner-wrapper .inner-top .content {
  display: flex;
  justify-content: space-between;
}
.popup-mobile-menu .inner-wrapper .inner-top .logo a img {
  max-height: 45px;
}
.popup-mobile-menu .inner-wrapper .inner-top .close-button {
  background: var(--color-white);
  border: 0 none;
  color: var(--color-heading);
  width: 40px;
  height: 40px;
  font-size: 21px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}
.popup-mobile-menu .inner-wrapper .content {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .popup-mobile-menu .inner-wrapper .content {
    display: block;
  }
}
.popup-mobile-menu .inner-wrapper .description {
  padding-right: 18%;
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .popup-mobile-menu .inner-wrapper .description {
    padding-right: 0;
  }
}
.popup-mobile-menu.active {
  visibility: visible;
  opacity: 1;
}
.popup-mobile-menu.active .inner-wrapper {
  opacity: 1;
  left: 0;
  overflow-y: auto;
}
.popup-mobile-menu .mainmenu {
  list-style: none;
  padding: 0;
  margin: 0;
  padding: 15px 0px;
}
.popup-mobile-menu .mainmenu li {
  margin: 0;
}
.popup-mobile-menu .mainmenu li a {
  padding: 8px 0;
  display: block;
  font-size: 16px;
  font-weight: 500;
}
.popup-mobile-menu .mainmenu li a.active {
  color: var(--color-primary) !important;
}
.popup-mobile-menu .mainmenu li a i {
  display: none;
}
.popup-mobile-menu .mainmenu li + li {
  border-top: 1px solid var(--color-border);
}
.popup-mobile-menu .mainmenu .has-dropdown .submenu {
  padding: 0;
  max-width: 100%;
  list-style: none;
  padding-left: 14px;
  display: none;
}
.popup-mobile-menu .mainmenu .has-dropdown .submenu li a {
  font-size: 15px;
}
.popup-mobile-menu .mainmenu .has-dropdown .submenu li a.active {
  color: var(--color-primary) !important;
}
.popup-mobile-menu .mainmenu .has-menu-child-item > a,
.popup-mobile-menu .mainmenu .has-dropdown > a {
  position: relative;
}
.popup-mobile-menu .mainmenu .has-menu-child-item > a::after,
.popup-mobile-menu .mainmenu .has-dropdown > a::after {
  position: absolute;
  content: "\e9b1";
  font-family: "feather" !important;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.4s;
}
.popup-mobile-menu .mainmenu .has-menu-child-item > a.open::after,
.popup-mobile-menu .mainmenu .has-dropdown > a.open::after {
  content: "\e996";
}
.popup-mobile-menu .mainmenu .rbt-megamenu {
  padding: 0;
  max-width: 100%;
  list-style: none;
  padding-left: 14px;
  display: none;
}
.popup-mobile-menu .mainmenu .mega-menu-item {
  list-style: none;
  padding: 0;
  margin: 0;
  padding-left: 0;
}
.popup-mobile-menu .mainmenu .mega-menu-item li a {
  font-size: 15px;
}
.popup-mobile-menu .mainmenu .mega-menu-item li:last-child {
  border-bottom: 1px solid var(--color-border);
}
.popup-mobile-menu .mainmenu .single-mega-item:last-child .mega-menu-item li:last-child {
  border-bottom-color: transparent;
}
.popup-mobile-menu .mainmenu .single-mega-item + .single-mega-item {
  margin-top: 15px;
}
.popup-mobile-menu .mainmenu .single-mega-item .rbt-short-title {
  margin-top: 8px;
}
.popup-mobile-menu .mega-top-banner {
  margin: 0;
  margin-top: 10px;
  background-image: inherit;
  background-color: var(--color-dark);
  border-radius: 4px;
  margin-bottom: 9px;
}
.popup-mobile-menu .mega-top-banner .content {
  width: 100%;
  display: block;
}
.popup-mobile-menu .nav-quick-access {
  display: block;
  margin: 0;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: -20px;
  padding: 6px 17px;
  overflow: hidden;
}
.popup-mobile-menu .nav-quick-access li a {
  display: flex;
  font-size: 14px;
}
.popup-mobile-menu .nav-quick-access li a i {
  display: flex;
}
.popup-mobile-menu .rbt-ads-wrapper {
  margin-bottom: 20px;
  margin-top: -16px;
  margin-left: -15px;
}
@media only screen and (max-width: 1199px) {
  .popup-mobile-menu .rbt-ads-wrapper {
    margin-top: 0;
    margin-left: 0;
  }
}
@media only screen and (max-width: 1199px) {
  .popup-mobile-menu .rbt-ads-wrapper img {
    border-radius: 10px;
  }
}
.popup-mobile-menu .btn-wrapper {
  margin-left: -14px;
  margin-bottom: 20px;
  margin-top: -14px;
}
.popup-mobile-menu .rbt-btn.btn-xl {
  padding: 0 15px !important;
  font-size: 14px !important;
  height: 50px;
  line-height: 52px;
  border-radius: 4px !important;
}
.popup-mobile-menu .rbt-btn i {
  display: block !important;
}
.popup-mobile-menu .mega-category-item {
  margin-top: -15px;
  margin-bottom: 15px;
}
.popup-mobile-menu .mega-category-item .nav-category-item {
  padding: 8px 14px;
}

@media only screen and (max-width: 767px) {
  .hamberger {
    margin-left: 10px;
  }
}
.hamberger .hamberger-button {
  background: transparent;
  border: 0 none;
  color: var(--color-body);
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  padding: 0;
}

/*--------------------------------
    Offcanvas Menu  
--------------------------------*/

/*-------------------------------
    Offcanvas Menu Sidebar  
--------------------------------*/

/*---------------------------------
    Rainbow Offcanvas Side Menu  
-----------------------------------*/
/*---------------------------------
    cateory Side Menu
-----------------------------------*/

/*---------------------------------------
    One Page Navigation Inner Section 
------------------------------------------*/

/**************************************
	Elements Styles
***************************************/
/*===================
Button Area 
====================*/

.rbt-btn:disabled {
  pointer-events: none !important;
  opacity: 0.65 !important;
}

.rbt-btn {
  padding: 0 60px;
  background: var(--color-primary);
  height: 60px;
  line-height: 60px;
  color: var(--color-white);
  font-size: 16px;
  letter-spacing: 0.5px;
  font-weight: 500;
  display: inline-block;
  position: relative;
  z-index: 1;
  transition: all 0.4s ease-in-out;
  border-radius: 6px;
  border: 0 none;
  outline: none;
}
.rbt-btn.btn-border {
  background: transparent;
  border: 2px solid var(--color-border);
  color: var(--color-heading);
  line-height: 57px;
}
.rbt-btn.btn-border:hover {
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--color-white);
}
.rbt-btn.btn-gradient {
  color: var(--color-white);
  background-size: 300% 100%;
  background-image: linear-gradient(to right, var(--color-primary), var(--color-secondary), var(--color-secondary), var(--color-primary));
}
.rbt-btn.btn-gradient:hover {
  background-color: inherit;
  background-position: 102% 0;
  transition: all 0.4s ease-in-out;
}
.rbt-btn.hover-icon-reverse .icon-reverse-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.rbt-btn.hover-icon-reverse .btn-text {
  display: inline-block;
  transition: transform 0.6s 0.125s cubic-bezier(0.1, 0.75, 0.25, 1);
  margin-inline-start: -23px;
}
.rbt-btn.hover-icon-reverse .btn-icon {
  display: inline-block;
  transition: opacity 0.4s 0.25s, transform 0.6s 0.25s;
  transition-timing-function: cubic-bezier(0.1, 0.75, 0.25, 1);
}
.rbt-btn.hover-icon-reverse .btn-icon + .btn-icon {
  margin-inline-end: 0;
  margin-inline-start: 8px;
  display: inline-block;
  margin-inline-start: 0;
  margin-inline-end: 0;
  opacity: 0;
  transform: translateX(-10px);
  transition-delay: 0s;
  order: -2;
}
.rbt-btn.hover-icon-reverse .btn-icon + .btn-icon i {
  padding-left: 0;
  padding-right: 6px;
}
.rbt-btn.rounded-player {
  border-radius: 100%;
  width: 100px;
  height: 100px;
  padding: 0;
  line-height: 100px;
  display: inline-block;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .rbt-btn.rounded-player {
    width: 70px;
    height: 70px;
    line-height: 70px;
  }
}
.rbt-btn.rounded-player span {
  display: inline-block;
}
.rbt-btn.rounded-player span i {
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 30px;
}
.rbt-btn.rounded-player:focus {
  outline: none;
  color: var(--color-white);
}
.rbt-btn.rounded-player:hover {
  transform: scale(1.1);
  background: var(--color-primary);
}
.rbt-btn:hover {
  background-color: var(--color-secondary);
  color: var(--color-white);
  transform: translate3d(0, -2px, 0);
  box-shadow: var(--shadow-7);
}
.rbt-btn:hover.hover-icon-reverse .btn-text {
  transition-delay: 0.1s;
  transform: translateX(23px);
}
.rbt-btn:hover.hover-icon-reverse .btn-icon {
  opacity: 0;
  transition-delay: 0s;
  transform: translateX(10px);
}
.rbt-btn:hover.hover-icon-reverse .btn-icon + .btn-icon {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.225s;
}
.rbt-btn.btn-sm {
  padding: 0 22px;
  font-size: var(--font-size-b3);
  height: 45px;
  line-height: 43px;
}
@media only screen and (max-width: 767px) {
  .rbt-btn.btn-sm {
    padding: 0 10px;
  }
}
.rbt-btn.btn-md {
  padding: 0 25px;
  font-size: var(--font-size-b3);
  height: 50px;
  line-height: 48px;
}
@media only screen and (max-width: 767px) {
  .rbt-btn.btn-md {
    padding: 0 15px;
  }
}
.rbt-btn i {
  padding-left: 6px;
  display: inline-block;
  top: 2px;
  position: relative;
  font-size: 17px;
}
.rbt-btn.btn-border-gradient {
  background: linear-gradient(90deg, #CFA2E8, #637FEA);
  border: none;
  outline: none;
  cursor: pointer;
  position: relative;
  z-index: 10;
  color: var(--color-heading);
  box-shadow: 0 10px 13px 0 rgba(209, 211, 237, 0.39);
  border-radius: 0;
}
.rbt-btn.btn-border-gradient::before {
  content: "";
  z-index: -1;
  top: 3px;
  left: 3px;
  position: absolute;
  background: #fff;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
}
.rbt-btn.btn-border-gradient.radius-round {
  border-radius: 500px;
}
.rbt-btn.btn-border-gradient.radius-round::before {
  border-radius: 500px;
}

/*-------------------------------
    Button Bg Color Variation 
--------------------------------*/
a.bg-primary-opacity:hover,
button.bg-primary-opacity:hover {
  background: var(--color-primary) !important;
  color: var(--color-white) !important;
}
a.bg-secondary-opacity:hover,
button.bg-secondary-opacity:hover {
  background: var(--color-secondary) !important;
  color: var(--color-white) !important;
}
a.bg-coral-opacity:hover,
button.bg-coral-opacity:hover {
  background: var(--color-coral) !important;
  color: var(--color-white) !important;
}
a.bg-violet-opacity:hover,
button.bg-violet-opacity:hover {
  background: var(--color-violet) !important;
  color: var(--color-white) !important;
}
a.bg-pink-opacity:hover,
button.bg-pink-opacity:hover {
  background: var(--color-pink) !important;
  color: var(--color-white) !important;
}

@keyframes btnTxtMarqueeX {
  100% {
    transform: translateX(-200%);
  }
}
@keyframes btnTxtMarqueeY {
  100% {
    transform: translateY(-200%);
  }
}

/*-----------------------
    Modern Button  
------------------------*/

/*----------------------------------
    Education Transparent Button 
------------------------------------*/
a.transparent-button,
button.transparent-button,
span.transparent-button {
  color: var(--color-heading);
  position: relative;
  transition: 0.3s;
  font-size: 14px;
  font-weight: 500;
}
a.transparent-button i,
button.transparent-button i,
span.transparent-button i {
  display: inline-block;
  padding-left: 4px;
  transition: 0.4s;
}
a.transparent-button:hover i,
button.transparent-button:hover i,
span.transparent-button:hover i {
  padding-left: 10px;
}

/*-----------------------
 Video Player Button 
-------------------------*/
.video-popup-wrapper {
  position: relative;
}
.video-popup-wrapper .position-to-top {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  opacity: 0.88;
}
.video-popup-wrapper .rbt-btn.rounded-player:hover {
  transform: translate(-50%, -50%) scale(1.1);
}

@keyframes ripple {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 1;
  }
  75% {
    -webkit-transform: scale(1.9);
    transform: scale(1.9);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(2.3);
    transform: scale(2.3);
    opacity: 0;
  }
}
@-webkit-keyframes btnIconRipple {
  0% {
    border-width: 4px;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  80% {
    border-width: 1px;
    -webkit-transform: scale(1.35);
    transform: scale(1.35);
  }
  100% {
    opacity: 0;
  }
}
@keyframes btnIconRipple {
  0% {
    border-width: 4px;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  80% {
    border-width: 1px;
    -webkit-transform: scale(1.35);
    transform: scale(1.35);
  }
  100% {
    opacity: 0;
  }
}

/*--------------------------
    Section Title
---------------------------*/

.section-title .subtitle {
  font-size: 14px;
  letter-spacing: 1px;
  word-spacing: 5px;
  line-height: 15px;
  font-weight: 500;
  color: var(--color-heading);
  margin-bottom: 15px;
  display: inline-block;
  padding: 10px 20px;
  border-radius: 100px;
  text-transform: uppercase;
  display: inline-block;
  background: var(--color-primary);
  color: var(--color-primary);
}
.section-title .title {
  margin-bottom: 0;
}
.section-title.text-center .description {
  padding: 0 23%;
  letter-spacing: -0.5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-title.text-center .description {
    padding: 0 10%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title.text-center .description {
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .section-title.text-center .description {
    padding: 0;
  }
}

/*====================
    Breadcrump Area 
======================*/
.rbt-breadcrumb-default .title {
  color: var(--color-heading);
  margin-bottom: 5px;
  font-size: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-breadcrumb-default .title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-breadcrumb-default .title {
    font-size: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-breadcrumb-default .title {
    font-size: 28px;
  }
}

/*-----------------------------
    Breadcrumd Page List  
-------------------------------*/
.page-list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.page-list li {
  display: inline-block;
  font-size: 15px;
  color: var(--color-body);
  margin: 0;
}
.page-list li i {
  display: inline-block;
  position: relative;
  top: 2px;
}
.page-list li.active {
  color: var(--color-body);
  opacity: 1;
}
.page-list li a {
  color: var(--color-body);
  transition: 0.5s;
}
.page-list li a:hover {
  color: var(--color-primary);
}
.page-list li .icon-right i {
  color: var(--color-body);
  display: flex;
  justify-content: center;
  align-items: center;
}

/*----------------------------
    Breadcrumb Style Two  
------------------------------*/
.breadcrumb-style-max-width {
  max-width: 1085px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .breadcrumb-style-max-width {
    max-width: 960px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumb-style-max-width {
    max-width: 720px;
  }
}
@media only screen and (max-width: 767px) {
  .breadcrumb-style-max-width {
    max-width: 540px;
  }
}
@media only screen and (max-width: 575px) {
  .breadcrumb-style-max-width {
    max-width: 420px;
  }
}
@media only screen and (max-width: 479px) {
  .breadcrumb-style-max-width {
    max-width: inherit;
  }
}
.rbt-overlay-page-wrapper .breadcrumb-image-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  width: 100%;
  padding: 44px 140px 50px;
  background: #fff;
  border-radius: 4px 4px 0 0;
  margin: 120px auto 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-overlay-page-wrapper .breadcrumb-image-container {
    padding: 44px 30px 50px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-overlay-page-wrapper .breadcrumb-image-container {
    padding: 44px 30px 50px;
    border-radius: 0;
  }
}
@media only screen and (max-width: 479px) {
  .rbt-overlay-page-wrapper .breadcrumb-image-container {
    margin: 0px auto 0;
  }
}
.rbt-overlay-page-wrapper .breadcrumb-image-container .breadcrumb-image-wrapper {
  display: block;
  position: absolute;
  top: -243px;
  bottom: -250px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  height: -moz-calc(100% + 243px);
  height: calc(100% + 243px);
  width: 100vw;
  min-width: 1024px;
  z-index: -4;
}
.rbt-overlay-page-wrapper .breadcrumb-image-container .breadcrumb-image-wrapper img {
  position: absolute;
  inset: 0px;
  box-sizing: border-box;
  padding: 0px;
  border: none;
  margin: auto;
  display: block;
  width: 0px;
  height: 0px;
  min-width: 100%;
  max-width: 100%;
  min-height: 100%;
  max-height: 100%;
}
.rbt-overlay-page-wrapper .breadcrumb-content-top .title {
  font-size: 42px;
}
@media only screen and (max-width: 767px) {
  .rbt-overlay-page-wrapper .breadcrumb-content-top .title {
    font-size: 32px;
  }
}

/*----------------------------
    Breadcrumb Style Main  
------------------------------*/
.rbt-page-banner-wrapper {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  position: relative;
  top: 140px;
  margin: 0 auto;
  padding: 30px 0px 250px;
  width: 100%;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .rbt-page-banner-wrapper {
    padding: 40px 0px 70px;
  }
}
.rbt-page-banner-wrapper .rbt-banner-image {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -4;
}
.rbt-page-banner-wrapper .rbt-banner-image img {
  position: absolute;
  inset: 0px;
  box-sizing: border-box;
  padding: 0px;
  border: none;
  margin: auto;
  display: block;
  width: 0px;
  height: 0px;
  min-width: 100%;
  max-width: 100%;
  min-height: 100%;
  max-height: 100%;
}
.rbt-page-banner-wrapper .rbt-banner-content-top .title-wrapper {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 575px) {
  .rbt-page-banner-wrapper .rbt-banner-content-top .title-wrapper {
    display: block;
  }
}
.rbt-page-banner-wrapper .rbt-banner-content-top .title-wrapper .rbt-badge-2 {
  margin-left: 20px;
}
@media only screen and (max-width: 575px) {
  .rbt-page-banner-wrapper .rbt-banner-content-top .title-wrapper .rbt-badge-2 {
    margin-left: 0;
    margin-top: 20px;
  }
}
.rbt-page-banner-wrapper .rbt-banner-content-top .title {
  font-size: 42px;
  letter-spacing: 1px;
}
@media only screen and (max-width: 767px) {
  .rbt-page-banner-wrapper .rbt-banner-content-top .title {
    font-size: 32px;
  }
}
.rbt-page-banner-wrapper .rbt-banner-content-top .description {
  color: var(--color-heading);
}

.rbt-section-overlayping-top {
  margin: 0 auto;
  margin-top: -100px;
  position: relative;
  z-index: 2;
}

/*-----------------------------
    Breadcrumb Style Three  
------------------------------*/
.rbt-breadcrumb-default.rbt-breadcrumb-style-3 {
  position: relative;
  min-height: 490px;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 80px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-breadcrumb-default.rbt-breadcrumb-style-3 {
    height: auto;
    padding: 120px 0;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-breadcrumb-default.rbt-breadcrumb-style-3 {
    height: auto;
    padding: 60px 0;
  }
}
.rbt-breadcrumb-default.rbt-breadcrumb-style-3 .breadcrumb-inner > img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.rbt-breadcrumb-default.rbt-breadcrumb-style-3 .content {
  position: relative;
  z-index: 2;
  padding-right: 10%;
}

.rbt-breadcrumb-style-3 .title {
  margin-bottom: 20px;
}
.rbt-breadcrumb-style-3 .description {
  color: var(--color-heading);
}
@media only screen and (max-width: 767px) {
  .rbt-breadcrumb-style-3 .description {
    margin-bottom: 20px;
  }
}
.rbt-breadcrumb-style-3 .page-list {
  margin-bottom: 20px;
}
.rbt-breadcrumb-style-3 .rating {
  font-size: 14px;
  font-weight: 500;
}
.rbt-breadcrumb-style-3 .total-student {
  font-size: 14px;
  font-weight: 500;
}
.rbt-breadcrumb-style-3 .total-student span {
  color: var(--color-heading);
}
.rbt-breadcrumb-style-3 .rbt-meta li {
  color: var(--color-heading);
}
.rbt-breadcrumb-style-3 .rbt-course-details-feature {
  margin: -5px;
}
.rbt-breadcrumb-style-3 .rbt-course-details-feature .feature-sin {
  margin: 5px;
}

/*----------------------------- 
    Edu Course Style 
-------------------------------*/
.rbt-card {
  overflow: hidden;
  box-shadow: var(--shadow-1);
  padding: 40px 30px;
  border-radius: var(--radius);
  background: var(--color-white);
  position: relative;
  height: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-card {
    padding: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-card {
    padding: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-card {
    padding: 15px;
  }
}
.rbt-card .rbt-card-img {
  position: relative;
}
.rbt-card .rbt-card-img a {
  display: block;
}
.rbt-card .rbt-card-img a img {
  width: 100%;
  transition: 0.5s;
  object-fit: cover;
  border-radius: var(--radius);
}
.rbt-card .rbt-card-body {
  padding-top: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-card .rbt-card-body {
    padding-top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-card .rbt-card-body {
    padding-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-card .rbt-card-body {
    padding-top: 20px;
  }
}
.rbt-card .rbt-card-body .rbt-meta {
  margin-bottom: 14px;
}
@media only screen and (max-width: 767px) {
  .rbt-card .rbt-card-body .rbt-meta {
    margin-bottom: 8px;
  }
}
.rbt-card .rbt-card-body .rbt-card-title {
  margin-bottom: 10px;
}
.rbt-card .rbt-card-body .rbt-card-title a {
  color: var(--color-heading);
}
.rbt-card .rbt-card-body .rbt-card-title a:hover {
  color: var(--color-primary);
}
.rbt-card .rbt-card-body .rbt-card-title {
  font-size: 22px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-card .rbt-card-body .rbt-card-title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-card .rbt-card-body .rbt-card-title {
    font-size: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-card .rbt-card-body .rbt-card-title {
    font-size: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-card .rbt-card-body .rbt-card-title {
    font-size: 18px;
  }
}
.rbt-card .rbt-card-body .rbt-card-text {
  color: var(--color-body);
  margin-bottom: 20px;
}
@media only screen and (max-width: 1199px) {
  .rbt-card .rbt-card-body .rbt-card-text {
    margin-bottom: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-card .rbt-card-body .rbt-card-text {
    margin-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.rbt-card .rbt-card-body .rbt-card-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.rbt-card.variation-02 {
  position: relative;
  padding: 0;
  border-radius: var(--radius);
  box-shadow: var(--shadow-1);
}
.rbt-card.variation-02 .rbt-card-body {
  padding: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-card.variation-02 .rbt-card-body {
    padding: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-card.variation-02 .rbt-card-body {
    padding: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-card.variation-02 .rbt-card-body {
    padding: 20px;
  }
}
.rbt-card.variation-02 .rbt-card-img a img {
  max-height: 350px;
  border-radius: 6px 6px 0 0;
}
.rbt-card.variation-03 {
  height: 100%;
}
.rbt-card.variation-03 .rbt-card-body {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .rbt-card.variation-03 .rbt-card-body {
    padding-top: 15px;
  }
}
.rbt-card.variation-03 .rbt-card-body .rbt-card-title {
  flex-basis: 80%;
  margin: 0;
  text-transform: capitalize;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-card.variation-03 .rbt-card-body .rbt-card-title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-card.variation-03 .rbt-card-body .rbt-card-title {
    flex-basis: 90%;
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-card.variation-03 .rbt-card-body .rbt-card-title {
    flex-basis: 90%;
    font-size: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-card.variation-03 .rbt-card-body .rbt-card-title {
    flex-basis: 90%;
    font-size: 20px;
  }
}
.rbt-card.variation-03 .rbt-card-body .rbt-card-bottom {
  flex-basis: 20%;
  display: flex;
  justify-content: flex-end;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-card.variation-03 .rbt-card-body .rbt-card-bottom {
    flex-basis: 10%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-card.variation-03 .rbt-card-body .rbt-card-bottom {
    flex-basis: 10%;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-card.variation-03 .rbt-card-body .rbt-card-bottom {
    flex-basis: 10%;
  }
}
.rbt-card.height-330 .rbt-card-img a img {
  max-height: 330px;
}
.rbt-card.card-list {
  display: flex;
  max-height: 150px;
  border-radius: 2px;
  align-items: center;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .rbt-card.card-list {
    display: flex;
    flex-direction: column;
    max-height: inherit;
    align-items: center;
    height: auto;
    border-radius: var(--radius);
    margin-bottom: 20px;
}
}
.rbt-card.card-list .rbt-card-img {
  height: 100%;
}
.rbt-card.card-list .rbt-card-img a {
  height: 100%;
}
.rbt-card.card-list .rbt-card-img a img {
  border-radius: 2px 0 0 2px;
  max-height: initial;
  max-width: 290px;
  min-width: 290px;
  object-fit: cover;
  height: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-card.card-list .rbt-card-img a img {
    max-width: 200px;
    min-width: 200px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-card.card-list .rbt-card-img a img {
    max-height: initial;
    max-width: inherit;
    min-width: inherit;
    width: 100%;
    object-fit: cover;
    border-radius: var(--radius) var(--radius) 0 0;
  }
}
.rbt-card.card-list .rbt-card-body {
  padding: 30px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (max-width: 575px) {
  .rbt-card.card-list .rbt-card-body {
    padding: 20px;
  }
}
.rbt-card.event-grid-card .rbt-meta {
  margin: -3px;
  margin-bottom: 10px;
}
.rbt-card.event-grid-card .rbt-meta li {
  margin: 3px;
}
.rbt-card.event-grid-card .rbt-card-body {
  padding-top: 15px;
}
.rbt-card.event-grid-card .rbt-card-body .rbt-card-title {
  margin-top: 10px;
  margin-bottom: 22px;
  min-height: 55px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-card.event-grid-card .rbt-card-body .rbt-card-title {
    font-size: 24px;
  }
}

.rbt-meta {
  margin: -7px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-meta {
    margin: -3px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-meta {
    margin: -3px;
  }
}
.rbt-meta li {
  list-style: none!important;
  font-size: 14px!important;
  padding-left: 0!important;
  line-height: 15px;
  color: var(--color-body)!important;
  display: inline-block!important;
  margin: 7px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-meta li {
    margin: 3px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-meta li {
    margin: 3px;
    font-size: var(--font-size-b4);
  }
}
.rbt-meta li i {
  margin-right: 5px;
}

/*----------------------------
    Service Card Styles  
------------------------------*/

/*-------------------------------
    Service Style Five  
---------------------------------*/

/*-------------------------------
    Service Style Five  
---------------------------------*/

/*-----------------------
    Swiper Slider  
------------------------*/

.swiper-cards .swiper-slide {
  overflow: visible;
}

.swiper-3d .swiper-slide-shadow {
  background: transparent;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 0;
  position: absolute;
}

.rbt-dot-bottom-center {
  padding-bottom: 60px;
}
.rbt-dot-bottom-center .rbt-swiper-pagination {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: max-content;
  transform: translateX(-50%);
}
.rbt-dot-bottom-center .rbt-swiper-pagination.swiper-pagination-fraction {
  color: var(--heading-opacity);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 3px;
}

.rbt-swiper-pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  display: inline-block;
  border-radius: 50%;
  opacity: 0.5;
  background: transparent;
  box-shadow: inset 0 0 0 5px var(--color-body);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  margin: 0 8px !important;
}
@media only screen and (max-width: 767px) {
  .rbt-swiper-pagination .swiper-pagination-bullet {
    margin: 0 16px !important;
  }
}
.rbt-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: transparent;
  box-shadow: inset 0 0 0 1px var(--color-primary);
  transform: scale(2);
  opacity: 1;
}

.bg-gradient-3 .rbt-swiper-pagination .swiper-pagination-bullet {
  box-shadow: inset 0 0 0 5px var(--color-white);
}
.bg-gradient-3 .rbt-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  box-shadow: inset 0 0 0 1px var(--color-white);
}

/*---------------------------
    Slick Arrow Styles  
-----------------------------*/
.rbt-arrow-between {
  position: relative;
}
.rbt-arrow-between .rbt-swiper-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  transition: 0.5s;
  opacity: 0;
  width: 58px;
  height: 58px;
  border-radius: 100%;
  color: var(--color-body);
  background-color: var(--color-white);
  z-index: 3;
}
.rbt-arrow-between .rbt-swiper-arrow .custom-overfolow {
  position: relative;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
}
.rbt-arrow-between .rbt-swiper-arrow i {
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
  margin-top: -9px;
  margin-left: -9px;
  z-index: 1;
}
.rbt-arrow-between .rbt-swiper-arrow i.rbt-icon {
  transition: transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.rbt-arrow-between .rbt-swiper-arrow i.rbt-icon-top {
  position: absolute;
  transition: transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transform: translateX(300%);
}
.rbt-arrow-between .rbt-swiper-arrow::after {
  transition: transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  content: "";
  width: 100%;
  height: 100%;
  background-color: var(--color-white);
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  z-index: -1;
}
.rbt-arrow-between .rbt-swiper-arrow:hover {
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--color-primary);
}
.rbt-arrow-between .rbt-swiper-arrow:hover::after {
  transform: scale(1.2);
}
.rbt-arrow-between .rbt-swiper-arrow:hover i.rbt-icon {
  transform: translateX(-300%);
}
.rbt-arrow-between .rbt-swiper-arrow:hover i.rbt-icon-top {
  transform: translateX(0);
}
.rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-left {
  left: 30px;
}
@media only screen and (max-width: 767px) {
  .rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-left {
    left: 20px;
  }
}
.rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-right {
  left: auto;
  right: 30px;
}
.rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-right i.rbt-icon-top {
  transform: translateX(-300%);
}
.rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-right:hover i.rbt-icon {
  transform: translateX(300%);
}
.rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-right:hover i.rbt-icon-top {
  transform: translateX(0);
}
@media only screen and (max-width: 767px) {
  .rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-right {
    left: auto;
    right: 20px;
  }
}
.rbt-arrow-between .rbt-swiper-arrow.swiper-button-disabled {
  cursor: not-allowed;
  opacity: 0;
}
.rbt-arrow-between.rbt-dot-bottom-center .rbt-swiper-arrow {
  margin-top: -29px;
}
.rbt-arrow-between.icon-bg-primary .rbt-swiper-arrow {
  background: var(--color-primary);
  color: var(--color-white);
}
.rbt-arrow-between.icon-bg-primary .rbt-swiper-arrow::after {
  background: var(--color-primary);
}
.rbt-arrow-between:hover .rbt-swiper-arrow {
  opacity: 1;
}
.rbt-arrow-between:hover .rbt-swiper-arrow.swiper-button-disabled {
  opacity: 0.5 !important;
}

/*------------------------
    Feature Styles  
-------------------------*/
.rbt-feature {
  display: flex;
  transition: var(--transition-3);
}
.rbt-feature .icon {
  width: 50px;
  min-width: 50px;
  height: 50px;
  background: var(--color-secondary);
  display: flex;
  border-radius: 100%;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
}
.rbt-feature .icon i {
  color: var(--color-white);
  font-size: 24px;
}
.rbt-feature .icon.bg-primary-opacity i {
  color: var(--color-primary);
}
.rbt-feature .icon.bg-pink-opacity i {
  color: var(--color-pink);
}
.rbt-feature .icon.bg-coral-opacity i {
  color: var(--color-coral);
}
.rbt-feature .icon.bg-secondary-opacity i {
  color: var(--color-secondary);
}
.rbt-feature .feature-content .feature-title {
  font-weight: bold;
  font-size: 22px;
  line-height: 2.2;
  margin-bottom: 0;
}
.rbt-feature .feature-content .feature-description {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 0;
  margin-top: 5px;
}
.rbt-feature + .rbt-feature {
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .rbt-feature + .rbt-feature {
    margin-top: 20px;
  }
}
.rbt-feature.feature-style-2 {
  padding: 18px 20px;
}
.rbt-feature.feature-style-2:hover {
  box-shadow: var(--shadow-5);
  transform: scale(1.1);
}
@media only screen and (max-width: 767px) {
  .rbt-feature.feature-style-2:hover {
    transform: scale(1);
  }
}
.rbt-feature.feature-style-2 + .feature-style-2 {
  margin-top: 10px;
}

/*-----------------------
    About Styles  
------------------------*/
.about-style-1 {
  position: relative;
}
.about-style-1 .thumbnail-wrapper {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .about-style-1 .thumbnail-wrapper {
    display: block;
  }
}
.about-style-1 .thumbnail-wrapper .thumbnail.image-1 {
  left: -100px;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-style-1 .thumbnail-wrapper .thumbnail.image-1 {
    left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-style-1 .thumbnail-wrapper .thumbnail.image-1 {
    left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .about-style-1 .thumbnail-wrapper .thumbnail.image-1 {
    left: 0;
  }
}
.about-style-1 .thumbnail-wrapper .thumbnail.image-1 img {
  max-height: 490px;
  object-fit: cover;
}
@media only screen and (max-width: 767px) {
  .about-style-1 .thumbnail-wrapper .thumbnail.image-1 img {
    width: 100%;
    transform: none !important;
    margin-bottom: 20px;
    max-height: inherit;
  }
}
.about-style-1 .thumbnail-wrapper .thumbnail.image-2 {
  position: absolute;
  right: 0;
  top: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-style-1 .thumbnail-wrapper .thumbnail.image-2 {
    top: -33px;
  }
}
@media only screen and (max-width: 767px) {
  .about-style-1 .thumbnail-wrapper .thumbnail.image-2 {
    display: none;
  }
}
.about-style-1 .thumbnail-wrapper .thumbnail.image-2 img {
  max-height: 250px;
  object-fit: cover;
}
@media only screen and (max-width: 767px) {
  .about-style-1 .thumbnail-wrapper .thumbnail.image-2 img {
    width: 100%;
  }
}
.about-style-1 .thumbnail-wrapper .thumbnail.image-3 {
  position: relative;
  left: 30px;
  top: -120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-style-1 .thumbnail-wrapper .thumbnail.image-3 {
    left: 38px;
    top: -193px;
  }
}
@media only screen and (max-width: 767px) {
  .about-style-1 .thumbnail-wrapper .thumbnail.image-3 {
    left: 0;
    top: 0;
    width: 100%;
  }
}
.about-style-1 .thumbnail-wrapper .thumbnail.image-3 img {
  max-height: 530px;
  object-fit: cover;
}
@media only screen and (max-width: 767px) {
  .about-style-1 .thumbnail-wrapper .thumbnail.image-3 img {
    transform: none !important;
  }
}
.about-style-1 .thumbnail-wrapper .thumbnail img {
  border-radius: 6px;
}

/*-----------------------------
    Call To Action Styles  
------------------------------*/

/*--------------------------------
    Call To Action Style  
--------------------------------*/

/*-------------------------
    Accordion Area  
--------------------------*/

/*--------------------------
    Rbt Card Table  
--------------------------*/

/*-----------------------------
    Accordion Color White  
-------------------------------*/

/* Accordion New Lesson Page  */
.rbt-accordion-style.for-right-content .rbt-course-main-content .course-content-right span.rbt-check.unread i {
  background: transparent;
  color: var(--color-primary-opacity);
  font-size: 16px;
  opacity: 0.3;
  width: auto;
  height: auto;
}

/*----------------------
    Edu Image Gallery  
------------------------*/

/*------------------------
    Counter Up Styles  
-------------------------*/

/*-----------------------
    Black Overlay  
------------------------*/

/*--------------------------
    Pricing Table  
----------------------------*/

/*----------------------------
    Advance Pricing Table  
------------------------------*/

/*------------------------
    Edu Badge Styles  
--------------------------*/

.rbt-badge-2 {
  display: flex;
  align-items: center;
  background: rgb(255 255 255 / 79%);
  box-shadow: 0 12px 22px 0 rgba(214, 191, 242, 0.28);
  padding: 0 30px;
  /* border: 1px solid #fff; */
  border-radius: 12px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.5px;
  justify-content: center;
  color: var(--color-heading);
  width: max-content;
}

.rbt-badge-2 img {
  max-height: 30px;
  border-radius: 100%;
}
.rbt-badge-2 .image {
  margin: 0;
  margin-right: 10px;
}
.rbt-badge-2 strong {
  margin-left: 5px;
  display: inline-block;
  color: var(--color-primary);
}

/*---------------------
    Team Tab   
--------------------*/

/*---------------------------
    Team Modal Style  
-----------------------------*/

/*-----------------------
    Social Icons 
-------------------------*/

/*----------------------------
    Edu Pagination Style  
------------------------------*/

/*-------------------------
    Back To Top  
---------------------------*/
@-webkit-keyframes border-transform {
  0%, 100% {
    border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
  }
  14% {
    border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
  }
  28% {
    border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
  }
  42% {
    border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
  }
  56% {
    border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
  }
  70% {
    border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
  }
  84% {
    border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
  }
}

.rbt-progress-parent {
  position: fixed;
  right: 30px;
  bottom: 30px;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  border-radius: 50px;
  box-shadow: inset 0 0 0 2px var(--black-opacity);
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}
.rbt-progress-parent.rbt-backto-top-active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.rbt-progress-parent::after {
  position: absolute;
  font-family: "feather" !important;
  content: "\e914";
  text-align: center;
  line-height: 46px;
  font-size: 20px;
  color: var(--color-primary);
  left: 0;
  top: 0;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  z-index: 2;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}
.rbt-progress-parent:hover::after {
  color: var(--color-primary);
}
.rbt-progress-parent::before {
  position: absolute;
  font-family: "feather" !important;
  content: "\e914";
  text-align: center;
  line-height: 46px;
  font-size: 24px;
  opacity: 0;
  background: #0d0d12;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  left: 0;
  top: 0;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  z-index: 2;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
  color: var(--color-primary);
}
.rbt-progress-parent svg path {
  fill: none;
}
.rbt-progress-parent svg.rbt-back-circle path {
  stroke: var(--color-primary);
  stroke-width: 4;
  box-sizing: border-box;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
  opacity: 0.6;
}

/*----------------------
    Newsletter Styles  
------------------------*/

/*-------------------------------
    Newsletter Styles One 
----------------------------------*/

/*---------------------
    Brand Styles 
----------------------*/

/*----------------------------------
    Portfolio Grid Layout  
----------------------------------*/

/*---------------------
    Extra Css  
-----------------------*/

/* Form Group  */

/* ---------------------------
Testimonial Styles 
------------------------------*/

/* ------------------------------
Testimonial Thumbnail 
-------------------------------- */

/* ------------------------------
    Testimonial Style Two 
-------------------------------- */

@-webkit-keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-webkit-calc(-250px * 7));
    transform: translateX(-1750px);
  }
}
@-moz-keyframes scroll {
  0% {
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -moz-transform: translateX(-moz-calc(-250px * 7));
    transform: translateX(-1750px);
  }
}
@keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-webkit-calc(-250px * 7));
    -moz-transform: translateX(-moz-calc(-250px * 7));
    transform: translateX(-1750px);
  }
}
@-webkit-keyframes scrollLeft {
  0% {
    -webkit-transform: translateX(-webkit-calc(-250px * 7));
    transform: translateX(-1750px);
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes scrollLeft {
  0% {
    -moz-transform: translateX(-moz-calc(-250px * 7));
    transform: translateX(-1750px);
  }
  to {
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes scrollLeft {
  0% {
    -webkit-transform: translateX(-webkit-calc(-250px * 7));
    -moz-transform: translateX(-moz-calc(-250px * 7));
    transform: translateX(-1750px);
  }
  to {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
  }
}

/*-------------------------
    Advance Tab Style Two  
--------------------------*/

/*---------------------
    Tab Styles  
-----------------------*/

/*----------------------
    Category Styles  
-------------------------*/

.rbt-program-area {
  border-radius: 6px;
}
.rbt-program-area.rbt-section-gapTop {
  padding-top: 90px;
}
.rbt-category-gallery {
  position: relative;
  overflow: hidden;
  border-radius: 6px;
}
.rbt-category-gallery img {
  border-radius: 6px;
  width: 100%;
  height: 240px;
}
.rbt-category-gallery .rbt-bg-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  transition-duration: 0.45s;
  transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  opacity: 0;
  visibility: hidden;
  border-radius: 6px;
}
.rbt-category-gallery .hover-content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
  z-index: 2;
}
.rbt-category-gallery .hover-content .title {
  margin: 0;
  color: inherit;
  opacity: 0;
  transform: translateY(10px);
  transition-property: transform, opacity;
  transition-duration: 0.45s;
  transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  margin-bottom: 0;
  color: var(--color-white);
}
.rbt-category-gallery:hover .rbt-bg-overlay {
  opacity: 1;
  visibility: visible;
}
.rbt-category-gallery:hover .hover-content .title {
  opacity: 1;
  transition-delay: 0.1s;
  transform: translateY(0);
}

/*-------------------
  Instagram Styles
---------------------*/

/*--------------------------
    split Area Styles  
----------------------------*/

/*------------------------
    Countdown Styles  
-------------------------*/

/*-----------------------
    Progress Bar 
-----------------------*/

/*-----------------------------------
    Radial Progress 
-----------------------------------*/

/*--------------------------
    Category Box Layout  
----------------------------*/
.rbt-cat-box-1.variation-3 .inner .thumbnail a .read-more-btn {
  position: absolute;
  transition: 400ms;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  margin-top: 15px;
  visibility: hidden;
  z-index: 1;
}
.rbt-cat-box-1.variation-3:hover .inner .thumbnail a .read-more-btn {
  opacity: 1;
  margin-top: 0;
  visibility: visible;
}
.rbt-cat-box-1.variation-5 .inner .content .read-more-btn {
  flex-basis: 10%;
}
/*---------------------------
    Filter Exanded  
-----------------------------*/

/*-------------------------
    Price Filter  
--------------------------*/

/*-------------------
    Bootstrap Select  
----------------------*/

/*-----------------------
    Team Styles  
------------------------*/

/*----------------------
    Rbt List Style  
------------------------*/

/*-------------------------------
 Modern Course Features  
-------------------------------*/

/*---------------------------
    Course Feature List  
-----------------------------*/

.search-trigger-active.open i.feather-search::before {
  content: "\ea02";
}

.rbt-search-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: white;
  border-top: 1px solid #f1f0f3;
  box-shadow: 0 4px 16px rgba(8, 10, 18, 0.1);
  z-index: 104;
  visibility: hidden;
  clip: rect(0px, 200vw, 0, 0px);
  opacity: 0;
  transition: opacity 0.2s linear, clip 0.6s linear, visibility 0s 0.2s;
  transform: translateZ(0);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-search-dropdown {
    max-height: 500px;
    overflow-y: scroll;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-search-dropdown {
    max-height: 500px;
    overflow-y: scroll;
  }
}
.rbt-search-dropdown .wrapper {
  max-width: 900px;
  margin: 16px auto;
  padding: 0 16px;
  font-weight: 400;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-search-dropdown .wrapper {
    margin: 15px 0;
    display: block;
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-search-dropdown .wrapper {
    margin: 15px 0;
    display: block;
    margin-top: 0;
  }
}
.rbt-search-dropdown .wrapper form {
  margin: 30px 0;
  display: flex;
}
@media only screen and (max-width: 575px) {
  .rbt-search-dropdown .wrapper form {
    display: block;
  }
}
.rbt-search-dropdown .wrapper form input {
  height: 50px;
  line-height: 48px;
  margin: 0 12px 0 0;
  padding: 0 16px;
  border: 2px solid var(--color-border);
  transition: 0.3s;
}
@media only screen and (max-width: 575px) {
  .rbt-search-dropdown .wrapper form input {
    font-size: 14px;
    margin-bottom: 15px;
  }
}
.rbt-search-dropdown .wrapper form input:focus {
  border-color: var(--color-primary);
}
.rbt-search-dropdown.active {
  visibility: visible;
  opacity: 1;
  clip: rect(0px, 200vw, 200vh, 0px);
  transition: clip 0.6s linear, opacity 0.2s linear;
}
.rbt-search-dropdown .rbt-card {
  padding: 10px;
  box-shadow: var(--shadow-1);
}
.rbt-search-dropdown .rbt-card .rbt-card-body {
  padding-top: 18px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 8px;
}
.rbt-search-dropdown .rbt-card .rbt-card-body .rbt-card-title {
  margin-bottom: 7px;
  font-size: 16px;
}
.rbt-search-dropdown .rbt-card .rbt-card-body .rbt-review {
  margin-bottom: 8px;
}
.rbt-search-dropdown .rbt-card .rbt-card-body .rbt-review .rating {
  margin-right: 5px;
}
.rbt-search-dropdown .rbt-card .rbt-card-body .rbt-review .rating i {
  font-size: 9px;
}
.rbt-search-dropdown .rbt-card .rbt-card-body .rbt-review .rating-count {
  font-size: 11px;
  margin-top: 1px;
}
.rbt-search-dropdown .rbt-card .rbt-card-body .rbt-price .current-price {
  font-size: 14px;
}
.rbt-search-dropdown .rbt-card .rbt-card-body .rbt-price .off-price {
  font-size: 14px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-search-dropdown .rbt-search-with-category {
    margin-top: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-search-dropdown .rbt-search-with-category {
    margin-top: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-search-dropdown.search-with-category-popup {
    overflow-y: inherit;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-search-dropdown.search-with-category-popup {
    overflow-y: inherit;
  }
}

/*-------------------------
    Search Style Default  
--------------------------*/

/*-------------------------
    Search Style One  
--------------------------*/

/*----------------------
    RBT Video Styles  
-----------------------*/

.mfp-with-zoom.mfp-ready .mfp-container {
  opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
  opacity: 0.8;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
  opacity: 1;
}

.popup-mobile-menu {
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(15px);
}

/*----------------------
    Error Styles  
------------------------*/

/**************************************
	Blog Styles
***************************************/
/*-----------------------
    Blog Style  
-------------------------*/

/* Common Style  */

/*-----------------------
    Blog Meta  
-----------------------*/

/*---------------------------
    Blog Sidebar Styles  
----------------------------*/

/*----------------------------
    Blog Details Styles  
----------------------------*/

/*------------------------
    Comment Post Total  
---------------------------*/

/*------------------------
    Comment Form  
-------------------------*/

/* --------------------------
    Comments Styles  
-----------------------------*/

/*---------------------------
    Unit Test Blog Details  
-----------------------------*/

/**************************************
	Shop Styles
***************************************/
/*------------------------
    Shop Styles  
--------------------------*/

/*---------------------------
    Product Details 
----------------------------*/

/*----------------------
    My Account  
------------------------*/

/*---------------------------------------
    11. Cart
-----------------------------------------*/

/*-- Calculate Shipping --*/

/*-- Discount Coupon --*/

/*-- Cart Summary --*/

/*---------------------------------------
    13. Checkout
-----------------------------------------*/

/*-- Checkout Form --*/

/*-- Shipping Form --*/

/*-- Checkout Cart Total --*/

/*-- Checkout Payment Method --*/

/*-- Single Payment Method --*/

/*-- Place Order --*/

/*---------------------
    Minicart Style  
---------------------*/

/**************************************
	Template Styles
***************************************/
/*------------------------------
 * HiStudy Banner Styles
---------------------------------*/
.active-header-transparent .rbt-banner-area {
  padding-top: 100px;
}

/*-------------------------------------------------------
    Banner Style Home One And Home Five (variation-2)
-------------------------------------------------------------*/

/*------------------------------
    Banner Style Home Two  
-------------------------------*/

/*-----------------------
    Home 03 Banner 
------------------------*/

/*-----------------------
    Home 04 Banner  
------------------------*/

/*--------------------------------
    Banner Home 06 && 12   
--------------------------------*/

/*--------------------------------------
    Banner Home 07 && 09 && 13 
------------------------------------------*/
.rbt-banner-6 .inner .subtitle {
  font-size: 18px;
  letter-spacing: 1px;
  display: block;
  margin-bottom: 32px;
  color: var(--color-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-6 .inner .subtitle {
    font-size: 16px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-banner-6 .inner .subtitle {
    font-size: 16px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-banner-6 .inner .subtitle {
    font-size: 14px;
  }
}
.rbt-banner-6 .inner .title {
  margin-bottom: 25px;
  display: inline-block;
  color: var(--color-white);
  font-size: 68px;
  line-height: 1.4;
  font-weight: 400;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-banner-6 .inner .title {
    font-size: 60px;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-6 .inner .title {
    margin-bottom: 0;
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-banner-6 .inner .title {
    margin-bottom: 0;
    font-size: 42px;
    word-wrap: break-word;
    width: 100%;
    overflow: hidden;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-banner-6 .inner .title {
    font-size: 42px;
  }
}
.rbt-banner-6 .inner .title span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rbt-banner-6.variation-01 {
  height: 950px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1199px) {
  .rbt-banner-6.variation-01 {
    height: auto;
  }
}
.rbt-banner-6.variation-01 .wrapper {
  padding-bottom: 150px;
  padding-top: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-banner-6.variation-01 .wrapper {
    padding-bottom: 250px;
    padding-top: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-6.variation-01 .wrapper {
    padding-bottom: 80px;
    padding-top: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-banner-6.variation-01 .wrapper {
    padding-bottom: 80px;
    padding-top: 80px;
  }
}
.rbt-banner-6.variation-01 .inner .title {
  max-width: 60%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-6.variation-01 .inner .title {
    max-width: 80%;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-banner-6.variation-01 .inner .title {
    max-width: 80%;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-banner-6.variation-01 .inner .title {
    max-width: 100%;
    font-size: 32px;
  }
}
.rbt-banner-6.variation-02 {
  height: 950px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1199px) {
  .rbt-banner-6.variation-02 {
    height: auto;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-banner-6.variation-02 .wrapper {
    padding: 100px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-6.variation-02 .wrapper {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-banner-6.variation-02 .wrapper {
    padding: 80px 0;
  }
}
.rbt-banner-6.variation-03 {
  height: 750px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1199px) {
  .rbt-banner-6.variation-03 {
    height: auto;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-banner-6.variation-03 .wrapper {
    padding: 100px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-6.variation-03 .wrapper {
    padding: 100px 0;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-banner-6.variation-03 .wrapper {
    padding: 100px 0;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-banner-6.variation-03 .inner .title {
    font-size: 32px;
  }
}

/*-----------------------
    Banner Home 08
------------------------*/

/*--------------------------------------
    Banner Home 10 && 14 && 15 &&  about 
----------------------------------------*/
.rbt-banner-8 .inner .rbt-badge-2 {
  margin-left: 20px;
}
@media only screen and (max-width: 575px) {
  .rbt-banner-8 .inner .rbt-badge-2 {
    margin-left: 0;
  }
}
.rbt-banner-8 .inner .title {
  margin-bottom: 15px;
  font-size: 82px;
  line-height: 1.3;
  margin-top: 15px;
  font-weight: 900;
  letter-spacing: -0.5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-banner-8 .inner .title {
    font-size: 54px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-8 .inner .title {
    font-size: 52px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-banner-8 .inner .title {
    font-size: 42px;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-banner-8 .inner .title {
    font-size: 38px;
    margin-top: 20px;
  }
}
.rbt-banner-8.variation-01 {
  height: 650px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1199px) {
  .rbt-banner-8.variation-01 {
    height: auto;
  }
}
.rbt-banner-8.variation-01 .wrapper {
  padding-bottom: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .rbt-banner-8.variation-01 .wrapper {
    padding-top: 80px;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-banner-8.variation-01 .wrapper {
    padding-top: 80px;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-8.variation-01 .wrapper {
    padding-top: 80px;
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-banner-8.variation-01 .wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.rbt-banner-8.variation-02 {
  padding: 100px 0;  background: linear-gradient(180deg, #d5e1eb33 0%, #ffffff6e 100%) !important;

}
.rbt-banner-8.variation-02 .inner .title {
  font-size: 38px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-8.variation-02 .inner .title {
    font-size: 34px;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-banner-8.variation-02 .inner .title {
    font-size: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .rbt-banner-8.variation-02 .inner .title {
    font-size: 26px;
  }
}
.rbt-banner-8.variation-02 .inner .description {
  padding: 0 26%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-banner-8.variation-02 .inner .description {
    padding: 0 10%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-8.variation-02 .inner .description {
    padding: 0 5%;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-banner-8.variation-02 .inner .description {
    padding: 0;
  }
}
.rbt-banner-8.variation-03 .inner .description {
  padding: 0 19%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-banner-8.variation-03 .inner .description {
    padding: 0 12%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-8.variation-03 .inner .description {
    padding: 0 12%;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-banner-8.variation-03 .inner .description {
    padding: 0;
  }
}
.rbt-banner-8.variation-03 .rbt-dot-bottom-center {
  padding-top: 10px;
}
.rbt-banner-8.with-shape,
.rbt-about-area.with-shape {
  position: relative;
  isolation: isolate;
}
.rbt-banner-8.with-shape {
  padding-bottom: 200px !important;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-banner-8.with-shape {
    padding-bottom: 130px !important;
  }
}
@media only screen and (max-width: 767px) {
  .rbt-banner-8.with-shape {
    padding-bottom: 60px!important;
  }
}
.rbt-banner-8.with-shape .shape-image,
.rbt-about-area.with-shape .shape-image {
  position: absolute;
  bottom: 0;
  width: 60%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0.3;
  z-index: -1;
  pointer-events: none;
}
@media only screen and (max-width: 767px) {
  .rbt-banner-8.with-shape .shape-image,
  .rbt-about-area.with-shape .shape-image {
    width: 89%;
  }
}

/* Gif Banner Area  */

/*-----------------------
    Banner Style 9  
------------------------*/

/*-----------------------
    Banner Style 10 
------------------------*/

/*----------------------
 tool tip 
------------------------*/

.rbt-slider-animation .inner > * {
  animation-name: fadeOutUp;
  animation-fill-mode: both;
  animation-duration: 1s;
}

.rbt-slider-animation .swiper-slide-active .inner > * {
  animation-name: fadeInUp;
}
.rbt-slider-animation .swiper-slide-active .inner .section-title {
  animation-delay: 0.5s;
}
.rbt-slider-animation .swiper-slide-active .inner .title {
  animation-delay: 1s;
}
.rbt-slider-animation .swiper-slide-active .inner .button-group {
  animation-delay: 1.2s;
}

/*------------------------
    Swiper Thumb  
-------------------------*/
.rbt-swiper-thumb {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -40px;
}
.rbt-swiper-thumb .swiper-wrapper {
  justify-content: center;
}
.rbt-swiper-thumb .swiper-slide {
  display: inline-block;
  line-height: 100%;
  height: 80px;
  width: 80px !important;
  border-radius: 100%;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  padding: 4px;
  transition: 0.4s;
}
.rbt-swiper-thumb .swiper-slide::before {
  content: "";
  z-index: -1;
  top: 0;
  left: 0;
  position: absolute;
  background: var(--color-white);
  width: 100%;
  height: 100%;
  transition: 0.4s;
}
.rbt-swiper-thumb .swiper-slide::after {
  content: "";
  z-index: -1;
  top: 0;
  left: 0;
  position: absolute;
  background: #000;
  width: 100%;
  height: 100%;
  opacity: 0.2;
  transition: 0.4s;
}
.rbt-swiper-thumb .swiper-slide.swiper-slide-thumb-active::before {
  background: linear-gradient(90deg, var(--color-secondary), var(--color-primary));
}
.rbt-swiper-thumb .swiper-slide.swiper-slide-thumb-active::after {
  opacity: 0;
}
.rbt-swiper-thumb .swiper-slide img {
  object-fit: cover;
  height: 100%;
  border-radius: 100%;
  width: 100%;
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/*-------------------------
    Course Details  
--------------------------*/
/*-------------------------
    Single Course Meta  
--------------------------*/

/*---------------------------
    Video Course Content  
----------------------------*/

/*----------------------------
    Rbt rating Styles  
------------------------------*/

/*---------------------------------
    Featured Review List Wrapper  
-----------------------------------*/

/*---------------------------
    Course Top  
----------------------------*/

/*-------------------------
    Course Grid Column  
---------------------------*/

/*------------------------- 
Course Sidebar 
-------------------------*/

/* Course Video Wrapper  */

/*------------------------
    Contact Styles 
--------------------------*/

/*-----------------------
    Course Sidebar  
------------------------*/
/*-----------------------------
    Rbt Sidebar Common Style 
--------------------------------*/

/*---------------------------
    Rbt Show More Button  
------------------------------*/

/*---------------------------------
    Rbt Sidebar Widget Wrapper
-----------------------------------*/

/*------------------------
    Rbt Single Widget  
-------------------------*/

/*-----------------------------------
    Instructor Dashboard Style  
----------------------------------*/

/*----------------------------
    Instructor Dashboard  
------------------------------*/

/*--------------------------
    Lesson Styles  
-----------------------------*/

/*-------------------------
    Lesson Page Style  
--------------------------*/

/*----------------------
    Lesson Top Bar  
-------------------------*/

/**************************************
	Footer Styles
***************************************/
/*===========================
    Start Footer Area 
=============================*/
/*-----------------------
    Footer Style One  
-------------------------*/
.footer-style-1 .footer-top {
  padding-top: 80px;
  padding-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .footer-style-1 .footer-top {
    padding-top: 60px;
    padding-bottom: 60px;
    text-align: center;
  }
}
.footer-style-1 .ft-title {
  color: #0e3750;;
  margin-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-style-1 .ft-title {
    font-size: 18px;
  }
}
.footer-style-1 .description {
  font-size: 16px;
  line-height: 25px;
}

.footer-widget .ft-link li {
  margin: 0;
  color: var(--color-body);
  font-size: 16px;
  line-height: 25px;
}
.footer-widget .ft-link li span {
  font-weight: 500;
}
.footer-widget .ft-link li a {
  color: var(--color-body);
  display: inline-block;
  position: relative;
}
.footer-widget .ft-link li a:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: currentColor;
  transform: scaleX(0);
  transform-origin: bottom right;
  transition: transform 0.3s;
}
.footer-widget .ft-link li a:hover {
  color: var(--color-primary);
}
.footer-widget .ft-link li a:hover:after {
  transform-origin: bottom left;
  transform: scaleX(1);
}
.footer-widget .ft-link li + li {
  margin-top: 10px;
}

/* Footer Style Three  */

/*----------------------
    Copyright Styles  
-----------------------*/
.copyright-style-1 p {
  color: var(--color-body);
  font-size: 16px;
  line-height: 25px;
}
.copyright-style-1 .copyright-link {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
  margin-top: -5px;
  margin-bottom: -5px;
}
.copyright-style-1 .copyright-link li {
  font-size: 16px;
  line-height: 25px;
  padding: 0 10px;
  position: relative;
  margin-top: 5px;
  margin-bottom: 5px;
}
.copyright-style-1 .copyright-link li a {
  color: var(--color-body);
  transition: 0.4s;
}
.copyright-style-1 .copyright-link li a:hover {
  color: var(--color-primary);
}
.copyright-style-1 .copyright-link li + li::after {
  position: absolute;
  content: "";
  height: 14px;
  width: 1px;
  background: var(--color-border);
  left: -1px;
  top: 50%;
  transform: translateY(-50%);
}

/*-------------------------
    Back To Top  
---------------------------*/
/*----------------------------
    BG Color Darker  
------------------------------*/

/*----------------------------
    Slider Default Style 
------------------------------*/

/*-----------------------
    Service Area  
------------------------*/

/*-------------------------------
    Modern Course Features  
-------------------------------*/

/*-------------------------------
    Layout Presentation
-------------------------------*/

/*--------------------------
    Single Demo Area  
----------------------------*/

/*--------------------------
    Inner Page Layout Area  
------------------------------*/

/*--------------------------
    Testimonial Styles  
----------------------------*/

/*------------------------
    Preview Service  
--------------------------*/
.rbt-splash-service .inner .content .read-more-button {
  height: 0;
  visibility: hidden;
  opacity: 0;
  transition: var(--transition);
}
.rbt-splash-service .inner .content .read-more-button::after {
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  pointer-events: auto;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0);
  width: 100%;
  height: 100%;
}
.rbt-splash-service .inner .content .read-more-button i {
  color: var(--color-primary);
  font-size: 32px;
}

/*------------------------ 
    Call To Action Footer  
--------------------------*/

/*---------------------------
    Plugin Presentation 
----------------------------*/

/*-----------------------------
    All Feature Presentation 
-------------------------------*/
.splash-testimonial-all-wrapper .read-more-review {
  position: absolute;
  bottom: 100px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}
@media only screen and (max-width: 767px) {
  .splash-testimonial-all-wrapper .read-more-review {
    width: max-content;
  }
}

/* ==========================================================================
   浙江万里学院外语学院 - 专属定制覆盖与响应式样式表
   ========================================================================== */

.container-fluid {
  width: 98%;
}

.rbt-header-top-2 .address-content p a:hover {
  color: #00ebff;
}
.rbt-arrow-between .rbt-swiper-arrow { opacity: 0.3;}
.rbt-arrow-between .rbt-swiper-arrow.swiper-button-disabled {
  cursor: not-allowed;
  opacity: 1;
}

.rbt-header.rbt-transparent-header .rbt-header-wrapper:not(.bg-not-transparent).bg-header-nav {
  background: #0839a0c9 !important;
}

.rbt-slider-animation .swiper-slide-active .inner {
  display: none;
}
.rbt-slider-animation .swiper-slide-active .inner .title {
   display: none;
}
.rbt-slider-animation .swiper-slide-active .inner .button-group {
  display: none;
}

.rbt-banner-activation .swiper-horizontal > .swiper-pagination-bullets, 
.rbt-banner-activation .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 40px;
  position: absolute;
}
.rbt-banner-activation .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, 
.rbt-banner-activation .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap,10px);
}
.rbt-banner-activation .swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,16px));
  height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,16px));
  display: inline-block;
  opacity: var(--swiper-pagination-bullet-opacity, 0.9);
  background: #ffffff;
}
.rbt-banner-activation .swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: #2196F3;
}

.rbt-event-area {
    padding: 90px;
}

.rbt-event-area.course-unit{
  position: relative;
}
.rbt-event-area.course-unit::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  height: 100%;
  width: 100%;
  background: url(../images/shape/dots.png) repeat center/auto;
  top: 0;
  z-index: 0;
}

.bg-world {
  background: #ffffff url(../images/world.png) no-repeat center center;
  background-size: 54% auto;
}

.news-unit { margin-top:60px;margin-bottom: 66px;}
.news-unit .r-list { display: flex; flex-direction: column;justify-content: space-between;}
.news-unit .r-item:first-child {display: none;}
.news-unit .rbt-card .rbt-card-body .rbt-card-title {
  font-size: 18px;
  line-height: 1.5;
} 

.news-unit .rbt-card { border: #d9dfe6 1px solid; box-shadow: 0px 6px 34px rgba(215, 216, 222, 0.9); }

.course-unit .rbt-card { box-shadow: 0px 6px 34px rgba(215, 216, 222, 0.3); }

.rbt-banner-8.variation-02 .inner .description {
  padding: 0;
  line-height: 1.8;
}
.rbt-feature.feature-style-2.new {
  padding: 9px 20px;
}
.bg-new-opacity {
  background: #2a805221 !important;
  color: #009688 !important;
}
.rbt-feature .icon.bg-new-opacity i {
  color: #009688;
}

.rbt-about-area .description { line-height:1.8;}

.sub-list-nav {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
}

.sub-list-nav .rbt-badge-2.selected {
  background: #388bf4d6;
  color: #fff;
}

.wp_single {
  padding: 0;
  border-radius: 0;
  background: transparent;
  overflow: visible;
  box-shadow: none;
}

.rbt-article-box {padding-top: 20px;}

.rbt-article-box h1.title {
  font-size: 48px;
  line-height: 1.5;
  text-align: center;
  letter-spacing: 1px;
  color: #0e3750;
}
.rbt-article-box h3.sub-title {
  font-size: 24px;
  font-weight: 400;
  text-align: center;
 }

 .rbt-article-box .arti_metas {
  font-size: 16px;
  color: #9ba7b5;
  border-top: #ddd 1px dashed;
  text-align: center;
  line-height: 50px;
}

.rbt-article-box .arti_metas span { margin:0 20px;} 

.WP_VisitCount {
  display: inline;
  margin: 0!important;
}

.qr img { position: relative; left:-10px;}
.footer-top .logo a img {
  max-height: 40px;
  object-fit: cover;
}

.list-article {
  color: #5d6468;
}

.list-article h1 {
  font-size: 48px;
}

.list-article h2 {
  font-size: 36px;
}

.list-article h3 {
  font-size: 28px;
}

.list-article h4 {
  font-size: 20px;
}

.list-article h2,
.list-article h3,
.list-article h4,
.list-article strong,
.list-article em {
  color: #0e3750;
}

.list-article h2,
.list-article h3,
.list-article h4 {
  font-weight: 600;
  margin-bottom: 10px;
}

.list-article h2 {
  padding: 15px 0;
}

.list-article h3 {
  padding: 18px 0 10px;
}

.list-article p {
  font-size: 18px;
  color: #5d6468;
  line-height: 30px;
  margin-bottom: 25px;
}

.list-article ul {
  margin-bottom: 20px;
}

.list-article li p,
.list-article table p {
  margin-bottom: 0;
}

.list-article table {
  margin: 15px 0 25px;
  font-size: 16px;
}

.list-article table p {
  font-size: 16px;
  line-height: 1.4;
}

.list-article .wp_entry img {
    display: block;
    margin: 20px auto;
    width: 80% !important;
    max-width: 100%;
    height: auto!important;
    border-radius: 12px;
    text-align: center;
}

.list-article .wp_entry .left {
  float: left;
  margin: 0;
}

.list-article .wp_entry .left img {
  margin: 12px 0;
  margin-right: 35px;
  padding: 0 !important;
  border-radius: 0 !important;
}

.list-article p.first::first-letter {
  float: left;
  font-size: 2.6em;
  font-weight: bold;
  line-height: 1;
  color:#ffffff;
	background-color:#eaf3f7;
  text-shadow: 1px 0 0 #456489;
	border:#e9f1f8 1 solid;
  margin: 0.1em 0.3em 0 0;
}

.rbt-course-details-area.rbt-section-gap {
  margin-top: -100px;
  padding-bottom: 90px;
}

.info-article {
  color: #5d6468;
}

.info-article h1 {
  font-size: 48px;
}

.info-article h2 {
  font-size: 36px;
}

.info-article h3 {
  font-size: 28px;
}

.info-article h4 {
  font-size: 20px;
}

.info-article h2,
.info-article h3,
.info-article h4,
.info-article strong,
.info-article em {
  color: #0e3750;
}

.info-article h2,
.info-article h3,
.info-article h4 {
  font-weight: 600;
  margin-bottom: 10px;
}

.info-article h2 {
  padding: 15px 0;
}

.info-article h3 {
  padding: 18px 0 10px;
}

.info-article p {
  font-size: 18px;
  color: #5d6468;
  line-height: 1.8 !important;
  margin-bottom: 25px;
}

.info-article ul {
  margin-bottom: 20px;
}

.info-article li p,
.info-article table p {
  margin-bottom: 0;
}

.info-article table {
  margin: 15px 0 25px;
  font-size: 16px;
}

.info-article table p {
  font-size: 16px;
  line-height: 1.4;
}

.info-article .wp_articlecontent img {
  display: block;
  margin: 20px auto;
  /* width: 80% !important; */
  max-width: 100%;
  height: auto !important;
  border-radius: 12px;
  text-align: center;
}

.info-article .wp_articlecontent .left {
  float: left;
  margin: 0;
}

.info-article .wp_articlecontent .left img {
  margin: 12px 0;
  margin-right: 35px;
  padding: 0 !important;
  border-radius: 0 !important;
}

.wp_paging {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 16px;
  font-family: 'Microsoft Yahei', Verdana, Geneva, sans-serif;
  color: #a8b0b9;
  float: none;
}
.wp_paging li {
  display: inline-block;
  height: 25px;
  font-size: 16px;
  line-height: 25px;
  float: left;
  margin-top: 5px;
}
.wp_paging li input {
  padding: 2px;
  font-size: 18px;
  width: 48px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #d5d5d5;
  background: #fff;
  margin-top: 0;
  text-align: center;
  border-radius: 4px;
}

.info-article .wp_articlecontent .team-photo img { 
    width: 380px !important;
}

@media (min-width: 1400px){

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

}

@media only screen and (max-width: 767px) {
.popup-mobile-menu .mainmenu .has-dropdown:first-child > a::after {
    display:none;
  }
.position-relative {
    position: relative!important;
    top: 70px;
}
.rbt-banner-activation .swiper-horizontal > .swiper-pagination-bullets, 
.rbt-banner-activation .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 10px;
    position: absolute;
  }
.rbt-btn {
    padding: 0 50px;
    height: 50px;
    line-height: 50px;
}
.section-title .subtitle {
  font-size: 12px;
}
.news-unit .mb--30 {
  margin-bottom: 0!important;
}
.rbt-banner-8.variation-02 {
  padding: 0;
}
.rbt-event-area {
  padding: 50px;
}
.rbt-event-area .mb--55 {
  margin-bottom: 25px!important;
}
.rbt-event-area .rbt-swiper-arrow {
  display: none;
}
.rbt-page-banner-wrapper {
    top: 40px;
}
.qr img {
  left: 0;
}
.copyright-style-1 p {
  font-size: 12px;
}
.rbt-section-overlayping-top {
  margin: 0 auto;
  margin-top: 0px;
  position: relative;
  z-index: 2;
}
.sub-list-nav {
  position: relative;
  display: block;
}
.sub-list-nav .rbt-badge-2 {
  width: 100%!important;
}
.rbt-program-area.rbt-section-gapTop {
  padding-top: 50px;
}
.rbt-category-gallery .hover-content .title {
  opacity: 1;
  padding: 0 16px;
  font-size: 24px;
}
.wp_single {
  padding: 0;
}
.rbt-shadow-box.rbt-article-box {
  padding: 45px 30px 30px;
}
.list-article p {
  font-size: 16px;
  line-height: 1.8!important;
  margin-bottom: 25px;
}
.rbt-article-box h1.title {
  font-size: 30px;
}
.rbt-article-box h3.sub-title {
  font-size: 16px;
  line-height: 1.5;
}
.rbt-article-box .arti_metas {
  padding-top: 15px;
  line-height: 1.5;
}
.rbt-article-box .arti_metas .arti_publisher {
  display: none;
}
.rbt-course-details-area.rbt-section-gap {
  margin-top: -60px;
  padding-bottom: 60px;
}
}

.info-article {
  margin-top: 0;
  line-height: 1.8 !important;
}

/* 内容详情页正文文字行高统一为 1.8 */
.info-article,
.info-article p,
.info-article span,
.info-article div,
.info-article font,
.info-article section,
.info-article li,
.info-article .read,
.info-article .read *,
.info-article .wp_articlecontent,
.info-article .wp_articlecontent * {
  line-height: 1.8 !important;
}

.info-article h1,
.info-article h2,
.info-article h3,
.info-article h4,
.info-article h5,
.info-article h6 {
  line-height: 1.4 !important;
}

.info-article table p,
.info-article table span,
.info-article table td,
.info-article table th {
  line-height: 1.5 !important;
}

.list-article .wp_entry .teacher-photo img {
    width: 98% !important;
    height: 120px!important;
}

.rbt-event-area .read-more-btn .rbt-btn {
  border: 2px solid rgba(255, 255, 255, 0.65);
  color: #ffffff !important;
  background: transparent;
}
.rbt-event-area .read-more-btn .rbt-btn:hover {
  background: #ffffff;
  border-color: #ffffff;
  color: var(--color-primary) !important;
}
.rbt-event-area .read-more-btn .rbt-btn:hover .btn-text,
.rbt-event-area .read-more-btn .rbt-btn:hover .btn-icon i {
  color: var(--color-primary) !important;
}

/* ==========================================================================
   浙江万里学院外语学院 - 列表页 (listcolumn.htm) 经典分栏与多子层级导航样式
   ========================================================================== */

/* 顶部纯全景 Banner 容器（已去除文字，仅保留全景大图） */
.wyxy-pure-banner {
  position: relative;
  width: 100%;
  height: 200px;
  min-height: 200px;
  padding: 0 !important;
  margin: 0 auto;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .wyxy-pure-banner {
    height: 150px;
    min-height: 150px;
  }
}

.wyxy-pure-banner .rbt-banner-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* 顶部与下方内容区块间保留红框高度空隙 (加 margin-top / padding 下移) */
.rbt-counterup-area.rbt-section-overlayping-top {
  margin-top: 33px !important;
}

.wyxy-list-container {
  margin-top: 0 !important;
}

@media only screen and (max-width: 767px) {
  .rbt-counterup-area.rbt-section-overlayping-top {
    margin-top: 20px !important;
  }
}

/* --------------------------------------------------------------------------
   左侧多子层级导航栏 (wyxy-sidebar-menu) - 极致重置与简洁大气现代风
   -------------------------------------------------------------------------- */

/* 1. 强制重置清除苏迪站群系统默认图标、背景图、红格子底图与边框 */
.wyxy-sidebar-menu,
.wyxy-sidebar-menu * {
  box-sizing: border-box;
}

.wyxy-sidebar-menu ul,
.wyxy-sidebar-menu ol,
.wyxy-sidebar-menu li,
.wyxy-sidebar-menu a,
.wyxy-sidebar-menu span,
.wyxy-sidebar-menu div {
  list-style: none !important;
  list-style-type: none !important;
  list-style-image: none !important;
}

.wyxy-sidebar-menu li::before,
.wyxy-sidebar-menu li::after,
.wyxy-sidebar-menu a::before,
.wyxy-sidebar-menu a::after {
  background-image: none !important;
}

/* 导航卡片外壳 */
.wyxy-sidebar-menu {
  background: #ffffff !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 24px rgba(14, 55, 80, 0.08) !important;
  border: #c7dbeb 1px solid !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
}

/* 栏目头部（外院专属深蓝底 #0e3750 渐变白字） */
.wyxy-sidebar-head {
  background: linear-gradient(135deg, #0e3750 0%, #1643c5 100%) !important;
  padding: 20px 24px !important;
  position: relative !important;
  border: none !important;
}

.wyxy-sidebar-head::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 3px !important;
  background: #388bf4 !important;
}

.wyxy-sidebar-title {
  margin: 0 !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  letter-spacing: 1px !important;
  display: flex !important;
  align-items: center !important;
  line-height: 1.4 !important;
}

.wyxy-sidebar-title a,
.wyxy-sidebar-title span,
.wyxy-sidebar-title .col_name_text,
.wyxy-sidebar-title div {
  color: #ffffff !important;
  font-size: 28px !important;
  font-weight: 700 !important;
}

.wyxy-sidebar-con {
  padding: 0 !important;
  background: #ffffff !important;
}

/* 多级栏目树 (ul.wp_listcolumn) 彻底重置 */
.wyxy-sidebar-menu .wp_listcolumn,
.wyxy-column-tree {
  list-style: none !important;
  list-style-type: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background: #ffffff !important;
}

/* 一级栏目 li 彻底消除系统小箭头背景 */
.wyxy-sidebar-menu .wp_column,
.wyxy-column-tree .wp_column {
  list-style: none !important;
  list-style-type: none !important;
  background: none !important;
  background-image: none !important;
  border-bottom: 1px solid #c6d5e4 !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
}

.wyxy-sidebar-menu .wp_column:last-child,
.wyxy-column-tree .wp_column:last-child {
  border-bottom: none !important;
}

.wyxy-sidebar-menu .wp_column::before,
.wyxy-sidebar-menu .wp_column::after {
  display: none !important;
  content: none !important;
}

/* 一级栏目 a 链接：大气现代排版，彻底清除苏迪红格子底图 */
.wyxy-sidebar-menu .col_item_link,
.wyxy-column-tree .col_item_link {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 15px 24px !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  color: #2c3e50 !important;
  text-decoration: none !important;
  background: #ffffff !important;
  background-image: none !important;
  border: none !important;
  outline: none !important;
  margin: 0 !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  position: relative !important;
}

.wyxy-sidebar-menu .col_item_link .column-name,
.wyxy-column-tree .col_item_link .column-name {
  color: inherit !important;
  font-size: 17px !important;
  font-weight: inherit !important;
}

/* 一级栏目悬浮态（优雅淡蓝，绝对禁止任何红色花纹） */
.wyxy-sidebar-menu .col_item_link:hover,
.wyxy-sidebar-menu .wp_column:hover > .col_item_link,
.wyxy-column-tree .col_item_link:hover,
.wyxy-column-tree .wp_column:hover > .col_item_link {
  color: var(--color-primary, #2f57ef) !important;
  background: #f2f7ff !important;
  background-image: none !important;
  padding-left: 30px !important;
}

/* 一级栏目激活高亮选中项（外语学院专属渐变蓝底白字） */
.wyxy-sidebar-menu .wp_column.selected > .col_item_link,
.wyxy-sidebar-menu .col_item_link.selected,
.wyxy-sidebar-menu .col_item_link.current,
.wyxy-sidebar-menu .col_item_link.active,
.wyxy-column-tree .wp_column.selected > .col_item_link,
.wyxy-column-tree .col_item_link.selected,
.wyxy-column-tree .col_item_link.current,
.wyxy-column-tree .col_item_link.active {
  background: linear-gradient(90deg, #2068b5 0%, #2d72d2 100%) !important;
  background-image: linear-gradient(90deg, #2168b5 0%, #3d6eff 100%) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 12px rgba(47, 87, 239, 0.28) !important;
  padding-left: 28px !important;
}

.wyxy-sidebar-menu .wp_column.selected > .col_item_link .column-name,
.wyxy-sidebar-menu .col_item_link.selected .column-name,
.wyxy-column-tree .wp_column.selected > .col_item_link .column-name,
.wyxy-column-tree .col_item_link.selected .column-name {
  color: #ffffff !important;
  font-weight: 600 !important;
}

.wyxy-sidebar-menu .wp_column.selected > .col_item_link::before,
.wyxy-sidebar-menu .col_item_link.selected::before,
.wyxy-sidebar-menu .col_item_link.current::before,
.wyxy-sidebar-menu .col_item_link.active::before,
.wyxy-column-tree .wp_column.selected > .col_item_link::before,
.wyxy-column-tree .col_item_link.selected::before,
.wyxy-column-tree .col_item_link.current::before,
.wyxy-column-tree .col_item_link.active::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 4px !important;
  background: #16c188 !important;
  display: block !important;
}

/* 二级子栏目容器 (ul.sub_list) */
.wyxy-sidebar-menu .sub_list,
.wyxy-column-tree .sub_list {
  list-style: none !important;
  list-style-type: none !important;
  padding: 4px 0 !important;
  margin: 0 !important;
  background: #f8fafc !important;
  background-image: none !important;
  border-top: 1px solid #edf2f7 !important;
}

.wyxy-sidebar-menu .sub_list .sub-item,
.wyxy-column-tree .sub_list .sub-item {
  list-style: none !important;
  list-style-type: none !important;
  background: none !important;
  background-image: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.wyxy-sidebar-menu .sub_list .sub-item::before,
.wyxy-sidebar-menu .sub_list .sub-item::after {
  display: none !important;
  content: none !important;
}

/* 二级子栏目项链接 */
.wyxy-sidebar-menu .sub_list .sub-item-link,
.wyxy-column-tree .sub_list .sub-item-link {
  display: flex !important;
  align-items: center !important;
  padding: 11px 24px 11px 38px !important;
  font-size: 14px !important;
  color: #64748b !important;
  text-decoration: none !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  outline: none !important;
  margin: 0 !important;
  transition: all 0.25s ease !important;
  position: relative !important;
}

.wyxy-sidebar-menu .sub_list .sub-item-link::before,
.wyxy-column-tree .sub_list .sub-item-link::before {
  content: "" !important;
  width: 5px !important;
  height: 5px !important;
  border-radius: 50% !important;
  background: #cbd5e1 !important;
  position: absolute !important;
  left: 24px !important;
  transition: all 0.25s ease !important;
  display: block !important;
}

.wyxy-sidebar-menu .sub_list .sub-item-link:hover,
.wyxy-column-tree .sub_list .sub-item-link:hover {
  color: var(--color-primary, #2f57ef) !important;
  background: #edf4fe !important;
  background-image: none !important;
  padding-left: 42px !important;
}

.wyxy-sidebar-menu .sub_list .sub-item-link:hover::before,
.wyxy-column-tree .sub_list .sub-item-link:hover::before {
  background: var(--color-primary, #2f57ef) !important;
  transform: scale(1.4) !important;
}

/* 二级子栏目高亮选中项 */
.wyxy-sidebar-menu .sub_list .sub-item.selected > .sub-item-link,
.wyxy-sidebar-menu .sub_list .sub-item-link.selected,
.wyxy-sidebar-menu .sub_list .sub-item-link.current,
.wyxy-column-tree .sub_list .sub-item.selected > .sub-item-link,
.wyxy-column-tree .sub_list .sub-item-link.selected,
.wyxy-column-tree .sub_list .sub-item-link.current {
  color: var(--color-primary, #2f57ef) !important;
  font-weight: 600 !important;
  background: #e1edff !important;
  background-image: none !important;
}

.wyxy-sidebar-menu .sub_list .sub-item.selected > .sub-item-link::before,
.wyxy-sidebar-menu .sub_list .sub-item-link.selected::before,
.wyxy-column-tree .sub_list .sub-item.selected > .sub-item-link::before,
.wyxy-column-tree .sub_list .sub-item-link.selected::before {
  background: var(--color-primary, #2f57ef) !important;
  transform: scale(1.5) !important;
}

/* --------------------------------------------------------------------------
   右侧主内容区 (wyxy-right-panel)
   -------------------------------------------------------------------------- */
.wyxy-right-panel {
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(14, 55, 80, 0.04);
  border: 1px solid #eef2f7;
  padding: 55px 60px 45px; /* 顶部+20px(35->55)，左右各+20px(40->60) */
}

@media only screen and (max-width: 991px) {
  .wyxy-right-panel {
    padding: 35px 30px;
  }
}

@media only screen and (max-width: 767px) {
  .wyxy-right-panel {
    padding: 25px 20px;
  }
}

/* 列表页直接显示文章内容时，彻底消除多余内层阴影卡片、背景与内边距 */
.wyxy-right-panel .wp_single,
.wyxy-content-body .wp_single,
.col_news_con .wp_single,
.list-article .wp_single,
.wyxy-right-panel .rbt-shadow-box,
.wyxy-right-panel .wp_entry,
.wyxy-right-panel .Article_Content {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
}

.wyxy-right-panel .wp_single .entry,
.wyxy-right-panel .wp_single .read {
  padding-top: 10px;
}

/* --------------------------------------------------------------------------
   内容区头部行（严格按图1左右结构：左侧大标题，右侧面包屑，同行两端对齐，下带细分割线）
   -------------------------------------------------------------------------- */
.col_news_head,
.wyxy-content-head {
  width: 100% !important;
  margin-bottom: 25px !important;
  position: relative !important;
}

.col_metas,
.wyxy-head-inner {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  border-bottom: 1px solid #e5e5e5 !important;
  padding-bottom: 12px !important;
  margin-bottom: 35px !important; /* 分割线下方与正文/列表间隙增大20px(由15px增大至35px) */
}

.col_metas::after,
.wyxy-head-inner::after,
.wyxy-attri-box::after,
.col_metas [frag="窗口内容"]::after {
  content: "" !important;
  display: table !important;
  clear: both !important;
}

/* 1. 左侧大标题：强制居左 float: left */
.col_metas .col_title,
.wyxy-head-inner .col_title,
.wyxy-main-title {
  float: left !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  list-style: none !important;
}

.col_metas .col_title h2,
.wyxy-head-inner .col_title h2,
.wyxy-main-title h2,
.col_news_head h2 {
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #1e293b !important;
  letter-spacing: 0.5px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 36px !important;
  display: inline-block !important;
}

/* 2. 右侧面包屑：强制居右 float: right */
.col_metas .col_path,
.wyxy-head-inner .col_path,
.wyxy-breadcrumb-path {
  float: right !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: right !important;
  font-size: 16px !important;
  color: #64748b !important;
  line-height: 36px !important;
  list-style: none !important;
  white-space: nowrap !important;
}

/* 面包屑内部所有文字与链接：强制紧凑行内显示，绝不被拉扯分散 */
.col_metas .col_path *,
.wyxy-head-inner .col_path *,
.wyxy-breadcrumb-path * {
  display: inline !important;
  float: none !important;
  font-size: 16px !important;
  line-height: 36px !important;
}

.col_metas .col_path .path_name,
.wyxy-breadcrumb-path .path_name {
  color: #94a3b8 !important;
  margin-right: 4px !important;
}

.col_metas .col_path a,
.wyxy-breadcrumb-path a {
  color: #64748b !important;
  text-decoration: none !important;
  margin: 0 3px !important;
  transition: color 0.2s ease !important;
}

.col_metas .col_path a:hover,
.wyxy-breadcrumb-path a:hover {
  color: var(--color-primary, #2f57ef) !important;
}

@media only screen and (max-width: 767px) {
  .col_metas .col_title,
  .col_metas .col_path,
  .wyxy-head-inner .col_title,
  .wyxy-head-inner .col_path,
  .wyxy-main-title,
  .wyxy-breadcrumb-path {
    float: none !important;
    display: block !important;
    text-align: left !important;
    white-space: normal !important;
  }
  .col_metas .col_path,
  .wyxy-head-inner .col_path,
  .wyxy-breadcrumb-path {
    line-height: 24px !important;
    margin-top: 4px !important;
  }
}

/* --------------------------------------------------------------------------
   文章列表项与 1/2 微缩图 (wyxy-article-list)
   -------------------------------------------------------------------------- */
.wyxy-article-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.wyxy-article-item {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 13px 12px;
  border-bottom: 1px dashed #e2e8f0;
  border-radius: 6px;
  transition: all 0.25s ease;
}

.wyxy-article-item:hover {
  background: #f8fbff;
  border-bottom-color: #cbd5e1;
  transform: translateX(4px);
}

.wyxy-article-item:last-child {
  border-bottom: none;
}

/* 1/2 微缩图容器（100px x 70px，带默认居中外院校徽水印占位） */
.wyxy-thumb-box {
  width: 100px;
  min-width: 100px;
  height: 70px;
  border-radius: 6px;
  overflow: hidden;
  background: #f1f5f9 url('../images/favicon.png') no-repeat center center;
  background-size: 34px 34px;
  border: 1px solid #e2e8f0;
  display: block !important;
  position: relative;
  flex-shrink: 0;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
}

.wyxy-thumb-box a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

.wyxy-thumb-box img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  background-color: #ffffff;
  transition: transform 0.4s ease;
}

.wyxy-article-item:hover .wyxy-thumb-box img {
  transform: scale(1.08);
}

/* 文章标题主区 */
.wyxy-article-main {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
}

.wyxy-dot {
  display: none !important;
}

.wyxy-article-title {
  font-size: 15px;
  font-weight: 500;
  color: #1e293b;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  transition: color 0.2s ease;
}

.wyxy-article-item:hover .wyxy-article-title {
  color: var(--color-primary, #2f57ef) !important;
  font-weight: 600;
}

/* 发布日期 */
.wyxy-article-date {
  font-size: 14px;
  color: #8a99ad;
  white-space: nowrap;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  letter-spacing: 0.3px;
  flex-shrink: 0;
}

/* --------------------------------------------------------------------------
   苏迪站群通用分页控制器美化 (.wp_paging / .pagination)
   -------------------------------------------------------------------------- */
.wyxy-pagination-wrapper {
  text-align: center;
  padding-top: 20px;
}

/* 容器彻底重置 */
.wp_paging,
.wp_page {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  margin: 0 auto !important;
  padding: 0 !important;
  list-style: none !important;
  float: none !important;
}

.wp_paging li,
.wp_page li {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  float: none !important;
  height: auto !important;
  line-height: normal !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  list-style: none !important;
}

.wp_paging .page_nav,
.wp_page .page_nav {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

.wp_paging .page_jump,
.wp_page .page_jump {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 0 0 8px !important;
  padding: 0 !important;
  float: none !important;
}

/* 核心一：单个按钮本体（只给 a 标签设置圆角卡片、边框、底色与内边距） */
.wp_paging a,
.wp_page a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  min-width: 36px !important;
  height: 36px !important;
  line-height: 1 !important;
  padding: 0 14px !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  color: #475569 !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  vertical-align: middle !important;
  margin: 0 !important;
  text-align: center !important;
  cursor: pointer !important;
}

/* 核心二：彻底清空 a 标签内部嵌套的 span/em 等子元素，杜绝“背后那玩意”双层叠加！ */
.wp_paging a *,
.wp_page a *,
.wp_paging a span,
.wp_page a span,
.wp_paging a em,
.wp_page a em {
  display: inline-block !important;
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: auto !important;
  height: auto !important;
  line-height: 1 !important;
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  vertical-align: middle !important;
}

/* 悬停态（整颗按钮响应变蓝，文字同步变白，无任何背后底色脱节） */
.wp_paging a:hover,
.wp_page a:hover {
  background: var(--color-primary, #2f57ef) !important;
  color: #ffffff !important;
  border-color: var(--color-primary, #2f57ef) !important;
}

.wp_paging a:hover *,
.wp_page a:hover * {
  color: #ffffff !important;
}

/* 激活态（当前页） */
.wp_paging a.current,
.wp_page a.current,
.wp_paging a.selected,
.wp_page a.selected,
.wp_paging .current > a,
.wp_page .current > a {
  background: var(--color-primary, #2f57ef) !important;
  color: #ffffff !important;
  border-color: var(--color-primary, #2f57ef) !important;
  font-weight: 600 !important;
}

.wp_paging a.current *,
.wp_page a.current * {
  color: #ffffff !important;
}

/* 页码文本信息栏（如 页码 1/74）：独立于 a 标签的文本 */
.wp_paging .pages,
.wp_page .pages,
.wp_paging .page_jump span,
.wp_page .page_jump span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  height: 36px !important;
  line-height: 1 !important;
  padding: 0 14px !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  color: #64748b !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  margin: 0 !important;
  vertical-align: middle !important;
}

.wp_paging .pages em,
.wp_page .pages em {
  display: inline !important;
  background: transparent !important;
  border: none !important;
  padding: 0 2px !important;
  margin: 0 !important;
  font-style: normal !important;
  color: #1e293b !important;
  font-weight: 600 !important;
}

/* 兼容可能出现的独立 span.current（如果某一页是以独立 span 展示当前页码） */
.wp_paging > span.current,
.wp_page > span.current,
.wp_paging li > span.current,
.wp_page li > span.current {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  min-width: 36px !important;
  height: 36px !important;
  line-height: 1 !important;
  padding: 0 14px !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  background: var(--color-primary, #2f57ef) !important;
  color: #ffffff !important;
  border: 1px solid var(--color-primary, #2f57ef) !important;
  font-weight: 600 !important;
}

/* 彻底清理其他多余标签 */
.wp_paging table,
.wp_page table,
.wp_paging tbody,
.wp_page tbody,
.wp_paging tr,
.wp_page tr,
.wp_paging td,
.wp_page td {
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* --------------------------------------------------------------------------
   移动端响应式优化 (< 768px)
   -------------------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
  .wyxy-sidebar-menu {
    margin-bottom: 20px;
  }

  .wyxy-sidebar-head {
    padding: 12px 16px;
  }

  .wyxy-sidebar-con {
    padding: 4px;
  }

  /* 手机端二级栏目水平滑动平铺 */
  .wyxy-column-tree {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    gap: 8px;
    padding: 6px;
  }

  .wyxy-column-tree::-webkit-scrollbar {
    height: 4px;
  }

  .wyxy-column-tree::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
  }

  .wyxy-column-tree .wp_column {
    border-bottom: none;
    flex-shrink: 0;
  }

  .wyxy-column-tree .col_item_link {
    padding: 8px 16px;
    border-radius: 20px;
    background: #f1f5f9;
    font-size: 14px;
  }

  .wyxy-column-tree .wp_column.selected > .col_item_link,
  .wyxy-column-tree .col_item_link.selected {
    border-radius: 20px;
  }

  .wyxy-column-tree .wp_column.selected > .col_item_link::before,
  .wyxy-column-tree .col_item_link.selected::before {
    display: none;
  }

  .wyxy-column-tree .sub_list {
    display: none; /* 移动端在单行滑动模式下默认隐藏过深层级，保持界面紧凑 */
  }

  .wyxy-thumb-box {
    width: 76px;
    min-width: 76px;
    height: 54px;
    background-size: 26px 26px;
  }

  .wyxy-article-title {
    font-size: 14px;
  }

  .wyxy-article-date {
    font-size: 12px;
  }

  .wyxy-main-title {
    font-size: 20px;
  }
}

/* ==========================================================================
   外语学院师资队伍/教师风采专属自适应 5 列人像网格（对标文传学院与现代教育风采）
   ========================================================================== */
.wyxy-faculty-mode .wyxy-article-list {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 28px 20px !important;
  padding: 10px 0 25px 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

/* 单个教师卡片 */
.wyxy-faculty-mode .wyxy-article-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 0 !important;
  margin: 0 !important;
  border-bottom: none !important;
  background: transparent !important;
  position: relative !important;
  transition: transform 0.3s cubic-bezier(0.2, 0, 0.2, 1), box-shadow 0.3s ease !important;
  cursor: pointer !important;
  text-decoration: none !important;
}

.wyxy-faculty-mode .wyxy-article-item:hover {
  transform: translateY(-5px) !important;
}

/* 3:4 竖向人像照片容器（圆角 + 柔和投影） */
.wyxy-faculty-mode .wyxy-thumb-box {
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  aspect-ratio: 3 / 4 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  background: #f1f5f9 url('../images/favicon.png') no-repeat center center !important;
  background-size: 40px 40px !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05) !important;
  transition: all 0.35s ease !important;
  position: relative !important;
  display: block !important;
}

.wyxy-faculty-mode .wyxy-article-item:hover .wyxy-thumb-box {
  border-color: #2f57ef !important;
  box-shadow: 0 10px 24px rgba(47, 87, 239, 0.16) !important;
}

/* 人像照片图片渲染与动效 */
.wyxy-faculty-mode .wyxy-thumb-box a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

.wyxy-faculty-mode .wyxy-thumb-box img {
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center top !important; /* 人像照片顶部对齐，确保人脸完整居中 */
  display: block !important;
  background-color: #f8fafc;
  transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.wyxy-faculty-mode .wyxy-article-item:hover .wyxy-thumb-box img {
  transform: scale(1.06) !important;
}

/* 教师姓名及职称标题容器 */
.wyxy-faculty-mode .wyxy-article-main {
  width: 100% !important;
  margin-top: 12px !important;
  padding: 0 4px !important;
  text-align: center !important;
  overflow: visible !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

/* 教师标题文本（完整居中展示，15px，适宜行高） */
.wyxy-faculty-mode .wyxy-article-title {
  width: 100% !important;
  max-width: 100% !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #1e293b !important;
  text-align: center !important;
  text-align-last: center !important;
  line-height: 1.45 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  margin: 0 auto !important;
  transition: color 0.25s ease !important;
}

.wyxy-faculty-mode .wyxy-article-title::before {
  display: none !important; /* 去除原常规文章列表的圆点前缀 */
}

.wyxy-faculty-mode .wyxy-article-item:hover .wyxy-article-title {
  color: #2f57ef !important;
  font-weight: 600 !important;
}

/* 师资人像卡片隐藏发布日期 */
.wyxy-faculty-mode .wyxy-article-date {
  display: none !important;
}

/* ==========================================================================
   荣休教师/退休教师等纯展示专栏专属无链接/纯静态卡片样式（去详情跳转、无悬浮动效）
   ========================================================================== */
html.is-faculty-nolink .wyxy-article-item,
body.is-faculty-nolink .wyxy-article-item,
.wyxy-faculty-nolink .wyxy-article-item,
.is-faculty-nolink .wyxy-article-item {
  cursor: default !important;
  transform: none !important;
  box-shadow: none !important;
}

html.is-faculty-nolink .wyxy-article-item:hover,
body.is-faculty-nolink .wyxy-article-item:hover,
.wyxy-faculty-nolink .wyxy-article-item:hover,
.is-faculty-nolink .wyxy-article-item:hover {
  transform: none !important;
  box-shadow: none !important;
}

html.is-faculty-nolink .wyxy-thumb-box,
body.is-faculty-nolink .wyxy-thumb-box,
.wyxy-faculty-nolink .wyxy-thumb-box,
.is-faculty-nolink .wyxy-thumb-box {
  cursor: default !important;
  border-color: #e2e8f0 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05) !important;
}

html.is-faculty-nolink .wyxy-article-item:hover .wyxy-thumb-box,
body.is-faculty-nolink .wyxy-article-item:hover .wyxy-thumb-box,
.wyxy-faculty-nolink .wyxy-article-item:hover .wyxy-thumb-box,
.is-faculty-nolink .wyxy-article-item:hover .wyxy-thumb-box {
  border-color: #e2e8f0 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05) !important;
}

/* 核心：在页面未加载完成前，禁止卡片内所有链接的鼠标指针与点击交互 */
html.is-faculty-nolink .wyxy-article-item a,
body.is-faculty-nolink .wyxy-article-item a,
.wyxy-faculty-nolink .wyxy-article-item a,
.is-faculty-nolink .wyxy-article-item a {
  cursor: default !important;
  pointer-events: none !important;
}

html.is-faculty-nolink .wyxy-thumb-box img,
body.is-faculty-nolink .wyxy-thumb-box img,
.wyxy-faculty-nolink .wyxy-thumb-box img,
.is-faculty-nolink .wyxy-thumb-box img {
  cursor: default !important;
  transform: none !important;
}

html.is-faculty-nolink .wyxy-article-item:hover .wyxy-thumb-box img,
body.is-faculty-nolink .wyxy-article-item:hover .wyxy-thumb-box img,
.wyxy-faculty-nolink .wyxy-article-item:hover .wyxy-thumb-box img,
.is-faculty-nolink .wyxy-article-item:hover .wyxy-thumb-box img {
  transform: none !important;
}

html.is-faculty-nolink .wyxy-article-title,
body.is-faculty-nolink .wyxy-article-title,
.wyxy-faculty-nolink .wyxy-article-title,
.is-faculty-nolink .wyxy-article-title {
  color: #1e293b !important;
  font-weight: 500 !important;
  cursor: default !important;
  text-decoration: none !important;
  pointer-events: none !important;
}

html.is-faculty-nolink .wyxy-article-item:hover .wyxy-article-title,
body.is-faculty-nolink .wyxy-article-item:hover .wyxy-article-title,
.wyxy-faculty-nolink .wyxy-article-item:hover .wyxy-article-title,
.is-faculty-nolink .wyxy-article-item:hover .wyxy-article-title {
  color: #1e293b !important;
  font-weight: 500 !important;
}

/* 响应式断点适配 */
@media (max-width: 1199px) and (min-width: 768px) {
  .wyxy-faculty-mode .wyxy-article-list {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 22px 16px !important;
  }
}

@media (max-width: 767px) and (min-width: 480px) {
  .wyxy-faculty-mode .wyxy-article-list {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px 12px !important;
  }
}

@media (max-width: 479px) {
  .wyxy-faculty-mode .wyxy-article-list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px 10px !important;
  }
  .wyxy-faculty-mode .wyxy-article-title {
    font-size: 13.5px !important;
  }
}