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

	Template Name: Edurock - Education LMS Template
    Author: Techboot
    Support: techbootmail@gmail.com
    Description: Edurock -  Education, online course, bootstrap 5.0 LMS Template.
    Version: 1.0.0

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

	Start Style sheet Indexing
	|
	|___ Default Styles
	|	|
	|	|___ Variables
	|	|___ Mixins
	|	|___ Reset
	|	|___ Typography
	|	|___ Extend
	|	|___ Animations
	|	|___ Short Code
	|	|___ Spacing
	|
	|
	|___Header Styles
	|	|___ header
	|	|___ main_menu
    |	|___ mobile_menu
	|
	|
	|___Section Styles
	|	|___ Hero Banner 
	|	|___ Education 
	|	|___ Training
	|	|___ About
	|	|___ Popular
	|	|___ Grid
	|	|___ Event
	|	|___ Register
	|	|___ testimonial
	|	|___ Counter
	|	|___ Team
	|
	|___Page Styles
	|	|___ Instructor 
	|	|___ Blog 
	|	|___ Course 
	|	|___ Contact 
	|	|___ Error 
	|	|___ Breadcrumb 
	|
	|___Footer Styles
	|	|___ Footer 
	|	|___ Copyright
	|
	|___Light/Dark Styles
	|	|___ Light/Dark 
	|
	|___ End Style Sheet Indexing

***************************************************************/
@import url("https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700;800;900&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

:root {
  --bodyColor: #222222;
  --bodyBg: #fbfbfb;
  --bodyBg1: #F7F7F7;
  --whiteColor: #ffffff;
  --whitegrey: #6A7C92;
  --whitegrey1: #EDEDED;
  --whitegrey2: #F2F6F7;
  --whitegrey3: #E7DEFF;
  --headingColor: #222222;
  --contentColor: #5F6C76;
  --contentColor2: #5C727D;
  --primaryColor: #1DAFF7;
  --secondaryColor: #EF870E;
  --secondaryColor2: #FF275A;
  --secondaryColor3: #FF2828;
  --blackColor: #000000;
  --blackColor2: #191B1E;
  --darkblack: #0C0E2B;
  --darkcolor: #263546;
  --darkgray: #9FA2CE;
  --deepgray: #202942;
  --lightGrey: #7B8696;
  --lightGrey2: #7B8697;
  --lightGrey3: #7E858B;
  --lightGrey4: #A2A9B6;
  --lightGrey5: #F0F0F5;
  --lightGrey8: #F0F1F3;
  --lightGrey6: #6D6E75;
  --lightGrey7: #F3F4FD;
  --lightGrey9: #9F98B2;
  --lightGrey10: #F5F5FE;
  --lightGrey11: #F7F8FD;
  --lightGrey12: #f0f4f7;
  --greencolor: #44CEA9;
  --greencolor2: #1EC902;
  --greencolor3: #2EC14A;
  --orange: #FE2323;
  --borderColor: #eeeeee;
  --borderColor1: #E5E5E5;
  --borderColor2: #dddddd;
  --borderColor3: #f8f8f8;
  --borderColor4: #cacaca;
  --darkdeep1: #170F2F;
  --darkdeep2: #37404E;
  --darkdeep3: #F4F4F8;
  --darkdeep4: #949392;
  --darkdeep5: #62605D;
  --darkdeep6: #7E8285;
  --darkdeep7: #C4C4C4;
  --indigo: #B13BFF;
  --deepgreen: #133344;
  --deepblue: #505975;
  --deepred: #DC164D;
  --skycolor: #03A9F4;
  --yellow: #FF912C;
  --yellow1: #F0B410;
  --blue: #2864FF;
  --naveBlue: #17093e;
  --borderRadius: 4px;
  --borderRadius2: 20px;
  --borderRadius3: 10px;
  --transition: .3s;
  --bodyFont: "Roboto", sans-serif;
  --headingFont: "Montserrat", sans-serif;
  --contentFont: "Inter", sans-serif;
}

.is_dark {
  --bodyColor: #fff;
  --bodyBg: #0C0E2B;
  --bodyBg1: #0C0E2B;
  --headingColor: #fff;
  --blackColor: #fff;
  --blackColor2: #fff;
  --whiteColor: #0C0E2B;
  --darkdeep2: #fff;
  --darkblack: #fff;
  --lightGrey: #0C0E2B;
  --lightGrey7: #170F2F;
  --lightGrey10: #170F2F;
  --lightGrey11: #170F2F;
  --contentColor: #fff;
  --darkdeep5: #fff;
  --borderColor: #312a57;
  --whitegrey: #fff;
  --whitegrey1: #312a57;
  --whitegrey2: #312a57;
  --deepgray: #fff;
  --borderColor2: #fff;
  --darkdeep3: #17093e;
  --contentColor2: #fff;
  --deepgreen: #fff;
  --bs-body-color: #fff;
}

/*------------------------------
Default CSS
-------------------------------*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: var(--bodyFont);
  background-color: var(--bodyBg);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
  position: relative;
}

p {
  font-size: 16px;
  margin-bottom: 15px;
  color: var(--contentColor);
}

a {
  text-decoration: none;
  transition: var(--transition);
}

p,
a,
.btn,
button,
p,
input,
select,
textarea,
li,
img {
  -webkit-transition: all var(--transition) ease-out 0s;
  -moz-transition: all var(--transition) ease-out 0s;
  -ms-transition: all var(--transition) ease-out 0s;
  -o-transition: all var(--transition) ease-out 0s;
  transition: all var(--transition) ease-out 0s;
}

a {
  color: var(--contentColor);
}

a:hover {
  color: var(--primaryColor);
}

input:focus-visible {
  outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--headingColor);
  font-family: var(--headingFont);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  margin-bottom: 15px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  font-family: var(--headingFont);
  color: var(--blackColor);
}

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

li {
  list-style: none;
  display: inline-block;
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  padding-right: var(--bs-gutter-x, 0.9375rem);
  padding-left: var(--bs-gutter-x, 0.9375rem);
  --bs-gutter-x: .9375rem;
}

.container-fluid.full__width__padding {
  padding: 0 30px;
}

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

.column__custom__class {
  padding-left: 15px;
  padding-right: 15px;
}

.row__custom__class {
  margin-left: -15px;
  margin-right: -15px;
  padding: 0;
}

.sp_100 {
  padding: 100px 0;
}

.sp_90 {
  padding: 90px 0;
}

.sp_80 {
  padding: 80px 0;
}

.sp_70 {
  padding: 70px 0;
}

.sp_60 {
  padding: 60px 0;
}

.sp_50 {
  padding: 50px 0;
}

.sp_40 {
  padding: 40px 0;
}

.sp_30 {
  padding: 30px 0;
}

.sp_20 {
  padding: 20px 0;
}

.sp_top_120 {
  padding-top: 120px;
}

.sp_top_100 {
  padding-top: 100px;
}

.sp_top_90 {
  padding-top: 90px;
}

.sp_top_80 {
  padding-top: 80px;
}

.sp_top_70 {
  padding-top: 70px;
}

.sp_top_60 {
  padding-top: 60px;
}

.sp_top_50 {
  padding-top: 50px;
}

.sp_top_40 {
  padding-top: 40px;
}

.sp_top_30 {
  padding-top: 30px;
}

.sp_top_20 {
  padding-top: 20px;
}

.sp_bottom_110 {
  padding-bottom: 110px;
}

.sp_bottom_120 {
  padding-bottom: 120px;
}

.sp_bottom_100 {
  padding-bottom: 100px;
}

.sp_bottom_90 {
  padding-bottom: 90px;
}

.sp_bottom_80 {
  padding-bottom: 80px;
}

.sp_bottom_70 {
  padding-bottom: 70px;
}

.sp_bottom_60 {
  padding-bottom: 60px;
}

.sp_bottom_50 {
  padding-bottom: 50px;
}

.sp_bottom_40 {
  padding-bottom: 40px;
}

.sp_bottom_30 {
  padding-bottom: 30px;
}

.sp_bottom_20 {
  padding-bottom: 20px;
}

.col--30 {
  padding-left: 30px;
  padding-right: 30px;
}

#scrollUp {
  width: 50px;
  height: 50px;
  line-height: 50px;
  background-color: var(--whiteColor);
  color: var(--primaryColor);
  right: 20px;
  bottom: 60px;
  text-align: center;
  overflow: hidden;
  border-radius: 50px;
  z-index: 9811 !important;
  position: fixed;
  display: block;
  box-shadow: 0px 10px 50px rgba(13, 38, 59, 0.15);
}

#scrollUp i {
  display: block;
  line-height: 50px;
  font-size: 20px;
  transition: 0.5s;
}

#scrollUp:hover i {
  background: var(--primaryColor);
  color: var(--whiteColor);
}

.default__small__button {
  padding: 5px 23px;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.5;
  color: var(--primaryColor);
  border-radius: var(--borderRadius2);
  background: var(--whitegrey3);
  display: inline-block;
  text-align: center;
  margin-bottom: 20px;
}

.default__small__button.default__small__button__2 {
  background: rgba(255, 255, 255, 0.07);
  border-radius: 14.5px;
  color: var(--whiteColor);
}

.default__button {
  padding: 10px 25px;
  background-color: var(--primaryColor);
  color: var(--whiteColor);
  display: inline-block;
  text-align: center;
  border-radius: var(--borderRadius);
  font-size: 15px;
  border: 1px solid var(--primaryColor);
  margin: 10px 0;
  cursor: pointer;
}

.default__button:hover {
  background-color: var(--secondaryColor);
  color: var(--whiteColor);
  border: 1px solid var(--primaryColor);
}

.default__button.default__button--2 {
  background-color: var(--secondaryColor);
  border: 1px solid var(--secondaryColor);
  cursor: pointer;
}

.default__button.default__button--2:hover {
  background-color: var(--primaryColor);
  color: var(--whiteColor);
  border: 1px solid var(--secondaryColor);
}

.default__button.default__button--3 {
  background-color: transparent;
  border: 1px solid var(--primaryColor);
  color: var(--primaryColor);
  cursor: pointer;
}

.default__button.default__button--3:hover {
  color: var(--whiteColor);
  border: 1px solid var(--secondaryColor);
  background-color: var(--primaryColor);
}

.default__button.default__button--4 {
  background-color: transparent;
  border: 1px solid var(--secondaryColor);
  color: var(--secondaryColor);
  cursor: pointer;
}

.default__button.default__button--4:hover {
  color: var(--whiteColor);
  border: 1px solid var(--primaryColor);
  background-color: var(--secondaryColor);
}

.default__button--5 {
  padding: 6px 20px;
  background-color: var(--primaryColor);
  color: var(--whiteColor);
  display: inline-block;
  text-align: center;
  border-radius: var(--borderRadius);
  font-size: 15px;
  border: 1px solid var(--primaryColor);
  margin: 10px 0;
  cursor: pointer;
}

.default__button--5:hover {
  color: var(--whiteColor);
  border: 1px solid var(--primaryColor);
  background-color: var(--secondaryColor);
}

.course_dropdown .btn-group {
  margin: 10px 8px;
  flex-direction: column;
}

.course_dropdown .btn-group p {
  margin: 5px 15px;
  text-align: center;
}

@keyframes dot-anim {
  0% {
    transform: translateY(20px);
  }

  100% {
    transform: translateY(0px);
  }
}

@keyframes dot-anim-2 {
  0% {
    transform: translateX(20px);
  }

  100% {
    transform: translateX(0px);
  }
}

@keyframes up-do-anim {

  0%,
  25%,
  50%,
  75%,
  100% {
    transform: translateY(0);
  }

  40% {
    transform: translateY(-30px);
  }

  60% {
    transform: translateY(-15px);
  }
}

@keyframes cir-anim {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes move5 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.theme__shadow__circle {
  position: fixed;
  left: -250px;
  top: 200px;
  right: auto;
  bottom: auto;
  z-index: -1;
  width: 500px;
  height: 500px;
  border-radius: 1000px;
  background-image: linear-gradient(45deg, var(--secondaryColor), var(--primaryColor));
  opacity: 0.1;
  -webkit-filter: blur(100px);
  filter: blur(100px);
}

.theme__shadow__circle.shadow__right {
  left: auto;
  top: 100px;
  right: -250px;
  bottom: auto;
  opacity: 0.1;
  background-image: linear-gradient(45deg, var(--primaryColor), var(--secondaryColor));
}

.section__title {
  margin-bottom: 40px;
}

.section__title .section__title__heading h2 {
  font-size: 42px;
  line-height: 54px;
  margin-bottom: 0;
}

.heading__underline span {
  position: relative;
}

.heading__underline span:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 7px;
  background: var(--secondaryColor);
  bottom: 10px;
  left: 0;
  z-index: -1;
  opacity: 50%;
}

.heading__underline_2 span {
  position: relative;
}

.heading__underline_2 span:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 7px;
  background: var(--primaryColor);
  bottom: 10px;
  left: 0;
  z-index: -1;
  opacity: 50%;
}

.section__title__2 .section__small__title {
  margin-bottom: 13px;
}

.section__title__2 .section__small__title span {
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 0.64px;
  text-transform: uppercase;
  color: var(--secondaryColor);
  text-decoration: underline;
}

.section__title__2 .section__title__heading__2 {
  margin-bottom: 13px;
}

.section__title__2 .section__title__heading__2.section__title__heading__3 h2 {
  color: var(--blackColor);
}

.section__title__2 .section__title__heading__2.heading__fontsize__1 h2 {
  font-size: 65px;
  line-height: 72px;
}

.section__title__2 .section__title__heading__2.heading__fontsize__2 h2 {
  font-size: 34px;
  line-height: 50px;
  font-weight: 600;
}

.section__title__2 .section__title__heading__2 h2 {
  font-size: 60px;
  line-height: 72px;
  letter-spacing: 0.5px;
  color: var(--whiteColor);
}

#loading {
  background-color: var(--whiteColor);
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 999999999;
  margin-top: 0px;
  top: 0px;
}

#loading-center {
  width: 100%;
  height: 100%;
  position: relative;
}

#loading-center-absolute {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 200px;
  width: 200px;
  margin-top: -100px;
  margin-left: -100px;
}

#object {
  width: 80px;
  height: 80px;
  background-color: var(--primaryColor);
  -webkit-animation: animate 1s infinite ease-in-out;
  animation: animate 1s infinite ease-in-out;
  margin-right: auto;
  margin-left: auto;
  margin-top: 60px;
}

@-webkit-keyframes animate {
  0% {
    -webkit-transform: perspective(160px);
  }

  50% {
    -webkit-transform: perspective(160px) rotateY(-180deg);
  }

  100% {
    -webkit-transform: perspective(160px) rotateY(-180deg) rotateX(-180deg);
  }
}

@keyframes animate {
  0% {
    transform: perspective(160px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(160px) rotateX(0deg) rotateY(0deg);
  }

  50% {
    transform: perspective(160px) rotateX(-180deg) rotateY(0deg);
    -webkit-transform: perspective(160px) rotateX(-180deg) rotateY(0deg);
  }

  100% {
    transform: perspective(160px) rotateX(-180deg) rotateY(-180deg);
    -webkit-transform: perspective(160px) rotateX(-180deg) rotateY(-180deg);
  }
}

.mode_switcher.my_switcher {
  position: fixed;
  right: -50px;
  top: 100px;
  z-index: 9999999;
  transition: 0.3s;
  display: none;
}

.mode_switcher.my_switcher:hover {
  right: 0;
}

.mode_switcher.my_switcher button {
  display: flex;
  font-size: 20px;
  color: var(--whiteColor);
  background: var(--primaryColor);
  padding: 10px;
  line-height: 20px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  width: 90px;
  box-shadow: 0px 6px 34px rgba(215, 216, 222, 0.15);
  border: none;
}

.mode_switcher.my_switcher button svg {
  width: 20px;
  margin-right: 10px;
}

.mode_switcher.my_switcher button span {
  font-size: 16px;
}

.light__mode {
  display: none;
}

.is_dark .light__mode {
  display: block;
}

.is_dark .dark__mode {
  display: none;
}

/*****************************************************
    37. Preloader CSS Here 
****************************/
#back__preloader {
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: -webkit- flex;
  display: -ms- flex;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100vh;
  background: #ffffff;
  position: fixed;
  z-index: 999999;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.back__loader_logo {
  position: absolute;
}

.back__loader_logo img {
  width: 40px;
}

#back__circle_loader {
  width: 100px;
  height: 100px;
  border-style: solid;
  border-width: 5px;
  border-top-color: #465fe9;
  border-right-color: #465fe9;
  border-bottom-color: #d5eaff;
  border-left-color: #d5eaff;
  border-radius: 50%;
  -webkit-animation: spinLoader 2s linear infinite;
  animation: spinLoader 2s linear infinite;
}

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

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

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

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

.modal__wraper {
  max-width: 1000px;
  margin: 150px auto;
  max-height: 750px;
  overflow: auto;
}

.modal__wraper .modal-content {
  padding: 15px;
  background: var(--whiteColor);
}

.modal__wraper .modal-body {
  padding: 0;
}

.modal__wraper .btn-close {
  position: absolute;
  right: 10px;
  z-index: 99;
  background-color: var(--whiteColor);
}

/*------------------------------
Header Area
-------------------------------*/
.header__area.sticky {
  position: fixed;
  top: 0;
  background: var(--whiteColor);
  z-index: 9999;
  right: 0;
  left: 0;
  width: 100%;
  transition: 0.4s;
  -webkit-box-shadow: 0 0 50px 10px rgba(95, 45, 237, 0.15);
  -moz-box-shadow: 0 0 50px 10px rgba(95, 45, 237, 0.15);
  box-shadow: 0 0 50px 10px rgba(239, 135, 14, 0.24);
  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
}

.headerarea .container {
  position: relative;
}

.headerarea__left {
  display: flex;
  height: 100%;
  align-items: center;
}

.headerarea__main__menu {
  text-align: center;
}

.headerarea__main__menu nav ul>li {
  position: relative;
}

.headerarea__main__menu nav ul>li a {
  padding: 15px 20px;
  display: block;
  font-size: 16px;
  font-weight: 600;
  position: relative;
  color: var(--blackColor);
}

.headerarea__main__menu nav ul>li:hover>a {
  color: var(--primaryColor);
}

.headerarea__main__menu nav ul>li .headerarea__submenu {
  position: absolute;
  clip: rect(0px, 200vw, 0, 0px);
  transition: opacity 0.4s linear, clip 0.6s linear, visibility 0s 0.4s;
  transform: translateZ(0);
  background-color: var(--whiteColor);
  min-width: 200px;
  transition: 0.3s;
  top: 110%;
  padding: 14px 0;
  opacity: 0;
  visibility: hidden;
  z-index: 9999;
  box-shadow: 0 0 50px 10px rgba(15, 157, 193, 0.1);
  border-bottom-right-radius: var(--borderRadius);
  border-bottom-left-radius: var(--borderRadius);
  text-align: left;
}

.headerarea__main__menu nav ul>li .headerarea__submenu>li {
  display: block;
  margin: 0;
  border-left: 2px solid transparent;
}

.headerarea__main__menu nav ul>li .headerarea__submenu>li:hover {
  border-left: 2px solid var(--primaryColor);
}

.headerarea__main__menu nav ul>li .headerarea__submenu>li:hover>a {
  color: var(--primaryColor);
  background-color: var(--whitegrey1);
}

.headerarea__main__menu nav ul>li .headerarea__submenu>li a {
  padding: 10px 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.headerarea__main__menu nav ul>li:hover .headerarea__submenu {
  top: 100%;
  visibility: visible;
  opacity: 1;
  clip: rect(0px, 100vw, 200vh, -30px);
  transition: clip 0.6s linear, opacity 0.4s linear;
}

.headerarea__right {
  text-align: right;
  display: flex;
  justify-content: end;
  height: 100%;
  align-items: end;
}

.headerarea__right .header__cart {
  padding: 0 20px;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
}

.headerarea__right .header__cart:hover>a {
  color: var(--secondaryColor);
}

.headerarea__right .header__cart:hover .header__right__dropdown__wrapper {
  visibility: visible;
  opacity: 1;
  top: 100%;
  transition: 0.3s;
}

.headerarea__right .header__cart>a {
  font-size: 24px;
  color: var(--blackColor);
  position: relative;
}

.headerarea__right .header__cart>a::before {
  font-size: 10px;
  font-weight: 500;
  line-height: 15px;
  position: absolute;
  top: 0;
  right: -10px;
  width: 15px;
  height: 15px;
  padding: 0 4px;
  content: "3";
  text-align: center;
  border-radius: 100%;
  background: var(--primaryColor);
  color: var(--whiteColor);
}

.headerarea__right .header__cart .header__right__dropdown__wrapper {
  position: absolute;
  width: 300px;
  max-height: 700px;
  padding: 20px;
  border-bottom: 3px solid var(--borderColor);
  background-color: var(--whiteColor);
  box-shadow: 0 0 50px 10px rgba(95, 45, 237, 0.15);
  top: 120%;
  left: -117px;
  opacity: 0;
  visibility: hidden;
  z-index: 999;
}

.headerarea__right .header__cart .header__right__dropdown__wrapper .header__right__dropdown__close {
  position: absolute;
  right: 0;
  top: -10px;
}

.headerarea__right .header__cart .header__right__dropdown__wrapper .header__right__dropdown__close a :hover {
  color: var(--secondaryColor);
}

.headerarea__right .header__cart .header__right__dropdown__wrapper .header__right__dropdown__inner {
  border-bottom: 1px solid var(--borderColor);
  margin-bottom: 30px;
}

.headerarea__right .header__cart .header__right__dropdown__wrapper .header__right__dropdown__inner .single__header__right__dropdown {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  position: relative;
}

.headerarea__right .header__cart .header__right__dropdown__wrapper .header__right__dropdown__inner .single__header__right__dropdown .header__right__dropdown__img {
  width: 30%;
}

.headerarea__right .header__cart .header__right__dropdown__wrapper .header__right__dropdown__inner .single__header__right__dropdown .header__right__dropdown__img a {
  border: 1px solid var(--borderColor);
  display: inline-block;
}

.headerarea__right .header__cart .header__right__dropdown__wrapper .header__right__dropdown__inner .single__header__right__dropdown .header__right__dropdown__img img {
  width: 100%;
}

.headerarea__right .header__cart .header__right__dropdown__wrapper .header__right__dropdown__inner .single__header__right__dropdown .header__right__dropdown__content {
  text-align: left;
  width: 70%;
  margin-left: 15px;
}

.headerarea__right .header__cart .header__right__dropdown__wrapper .header__right__dropdown__inner .single__header__right__dropdown .header__right__dropdown__content a {
  font-size: 14px;
  line-height: 20px;
  color: var(--darkblack);
}

.headerarea__right .header__cart .header__right__dropdown__wrapper .header__right__dropdown__inner .single__header__right__dropdown .header__right__dropdown__content a:hover {
  color: var(--secondaryColor);
}

.headerarea__right .header__cart .header__right__dropdown__wrapper .header__right__dropdown__inner .single__header__right__dropdown .header__right__dropdown__content p {
  color: var(--darkblack);
  font-size: 14px;
}

.headerarea__right .header__cart .header__right__dropdown__wrapper .header__right__dropdown__inner .single__header__right__dropdown .header__right__dropdown__content p span {
  color: var(--secondaryColor);
}

.headerarea__right .header__cart .header__right__dropdown__wrapper .dropdown__price {
  text-align: left;
  font-size: 17px;
  margin-bottom: 20px;
}

.headerarea__right .header__cart .header__right__dropdown__wrapper .dropdown__price span {
  float: right;
  color: var(--secondaryColor);
  font-weight: 700;
}

.headerarea__right .header__cart .header__right__dropdown__wrapper .header__right__dropdown__button a {
  display: block;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  width: 100%;
  padding: 10px 0px;
}

.headerarea__right .header__cart .header__right__dropdown__wrapper .header__right__dropdown__button a.white__color {
  border: 1px solid var(--secondaryColor);
  margin-bottom: 20px;
}

.headerarea__right .header__cart .header__right__dropdown__wrapper .header__right__dropdown__button a.white__color:hover {
  background: var(--secondaryColor);
  color: var(--whiteColor);
}

.headerarea__right .header__cart .header__right__dropdown__wrapper .header__right__dropdown__button a.blue__color {
  background: var(--darkblack);
  color: var(--whiteColor);
}

.headerarea__right .header__cart .header__right__dropdown__wrapper .header__right__dropdown__button a.blue__color:hover {
  background: var(--secondaryColor);
}

.headerarea__login {
  margin-right: 15px;
}

.headerarea__login a {
  color: var(--blackColor);
  font-size: 15px;
  font-weight: 600;
  padding: 5px 12px;
  border: 1px solid var(--borderColor1);
  display: inline-block;
  text-align: center;
  border-radius: var(--borderRadius);
}

.headerarea__login a:hover {
  background-color: var(--primaryColor);
  color: var(--whiteColor);
  border-color: var(--primaryColor);
}

.headerarea__button p {
  font-size: 22px;
  font-weight: 500;
  color: white;
  margin-bottom: 8px;
  font-family: var(--headingFont);
}

.headerarea__button a {
  padding: 0px 8px;
  background-color: var(--secondaryColor);
  color: var(--whiteColor);
  display: inline-block;
  text-align: center;
  border-radius: var(--borderRadius);
  font-size: 20px;
  border: 1px solid var(--secondaryColor);
  margin: 0px 5px;
}

.headerarea__button a:hover {
  background: transparent;
  color: var(--primaryColor);
  border-color: var(--primaryColor);
  border: 1px solid var(--primaryColor);
}

.headerarea__submenu--third {
  position: absolute;
  right: 0;
  left: 100%;
  background-color: var(--whiteColor);
  min-width: 200px;
  top: 0;
  padding: 14px 0;
  opacity: 1;
  z-index: 999;
  box-shadow: 0 0 50px 10px rgba(15, 157, 193, 0.1);
  border-bottom-right-radius: var(--borderRadius);
  border-bottom-left-radius: var(--borderRadius);
  text-align: left;
  opacity: 0;
  visibility: hidden;
  transition: var(--transition);
}

.headerarea__main__menu nav ul>li .headerarea__submenu li:hover .headerarea__submenu--third {
  opacity: 1;
  visibility: visible;
}

.headerarea__main__menu .headerarea__submenu .headerarea__submenu--third>li {
  border-left: 2px solid transparent;
  width: 100%;
}

.headerarea__main__menu .headerarea__submenu .headerarea__submenu--third>li:hover {
  border-left: 2px solid var(--primaryColor);
  background-color: var(--whitegrey1);
}

.headerarea__search__wrap {
  padding: 20px 0;
  border-bottom: 1px solid var(--borderColor);
}

.headerarea__search__wrap .headerarea__login {
  margin-right: 0;
}

.topbararea {
  background: var(--blackColor2);
  padding: 5px 0px;
}

.topbar__left ul li {
  color: var(--whiteColor);
  font-size: 14px;
}

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

.topbar__right .topbar__icon {
  margin-right: 5px;
}

.topbar__right .topbar__icon i {
  color: var(--primaryColor);
  font-size: 15px;
}

.topbar__right .topbar__text {
  margin-right: 37px;
}

.topbar__right .topbar__text p {
  margin: 0;
  color: var(--whiteColor);
  font-size: 14px;
}

.topbar__right .topbar__list ul li:last-child a {
  margin-right: 0;
}

.topbar__right .topbar__list ul li a {
  font-size: 15px;
  color: var(--whiteColor);
  margin-right: 13px;
}

.topbar__right .topbar__list ul li a:hover {
  color: var(--primaryColor);
}

.headerarea__2 .row {
  align-items: center;
}

.headerarea__2__inner {
  display: flex;
  margin-right: 10px;width: 80px;
  justify-content: center;
}

.headerarea__2__info__img {
  position: relative;
  margin-right: 70px;
  border: 1px solid var(--borderColor1);
  border-radius: var(--borderRadius);
  padding: 4px 5px;
  background: var(--secondaryColor);
}
.headerarea__2__info__img a{
  color: var(--whiteColor);
}

.headerarea__2__info__img:hover {
  background: var(--secondaryColor);
}

.headerarea__2__info__img:hover a{
  color: var(--whiteColor);
}

.headerarea__2__info__img:last-child {
  margin-right: 0;
}

.headerarea__2__info__img:hover .language__dropdown {
  opacity: 1;
  visibility: visible;
  top: 100%;
}

.headerarea__2__info__img a {
  display: flex;
  align-items: center;
}

.headerarea__2__info__img a img {
  border-radius: 100%;
  width: 100%;
  margin-right: 5px;
}

.headerarea__2__info__img .language__dropdown {
  box-shadow: 0 0 37px rgba(0, 0, 0, 0.07);
  position: absolute;
  z-index: 99;
  top: 50px;
  left: 0;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
}

.headerarea__2__info__img .language__dropdown li {
  display: block;
  text-align: start;
}

.headerarea__2__info__img .language__dropdown li a {
  display: block;
  padding: 8px 12px;
  color: var(--blackColor);
  font-size: 0.8125rem;
  background-color: var(--whiteColor);
  min-width: 69px;
  width: 18px;
  margin-right: 10px;
  margin-right: 10px;
}

.headerarea__2__info__img .language__dropdown li a:hover {
  background: var(--primaryColor);
  color: var(--whiteColor);
}

.headerarea__2__input {
  position: relative;
}

.headerarea__2__input input {
  width: 100%;
  border-radius: 50px;
  padding: 8px 0 7px 15px;
  border: 1px solid var(--borderColor);
  background: transparent;
}

.headerarea__2__input i {
  position: absolute;
  right: 27px;
  bottom: 17px;
}

.headerarea .mega__menu__wrapper {
  padding: 30px !important;
  max-height: 650px;
  overflow: auto;
}

.headerarea .mega__menu__item li {
  display: block;
  text-align: left;
}

.headerarea .mega__menu__item li a {
  padding: 10px;
  border-left: 2px solid transparent;
}

.headerarea .mega__menu__item li a:hover {
  background-color: var(--whitegrey1);
  border-left: 2px solid var(--primaryColor);
}

.headerarea .mega__menu__label {
  position: relative;
  background: var(--whitegrey3);
  font-size: 12px;
  padding: 5px 15px;
  line-height: 1;
  margin-left: 5px;
  color: var(--primaryColor);
  border-radius: var(--borderRadius);
}

.headerarea .mega__menu__label.new {
  color: var(--secondaryColor);
}

.headerarea .mega__menu__thumb__label {
  position: absolute;
  background: var(--secondaryColor);
  font-size: 12px;
  padding: 5px 15px;
  line-height: 1;
  color: var(--whiteColor);
  border-radius: var(--borderRadius);
  top: 5px;
  left: 5px;
}

.headerarea .mega__menu__title {
  margin-bottom: 10px;
}

.headerarea .mega__menu__title a {
  padding: 10px;
  text-align: left;
  font-size: 18px;
  border-bottom: 1px solid var(--borderColor);
}

.headerarea .mega__menu__img a {
  padding: 0;
}

.headerarea .mega__menu__img img {
  width: 100%;
  border-radius: var(--borderRadius);
}

.headerarea .mega__menu__thumb {
  position: relative;
  box-shadow: 0px 0 5px 5px rgba(0, 0, 0, 0.05);
  margin: 15px 0;
  transition: var(--transition);
}

.headerarea .mega__menu__thumb:hover {
  box-shadow: 0px 0 5px 5px rgba(0, 0, 0, 0.1);
  transform: translateY(-5px);
}

.headerarea .mega__menu__thumb a {
  padding: 0;
  overflow: hidden;
}

.headerarea .mega__menu__thumb a:hover .mega__menu__thumb__title {
  bottom: 0;
  opacity: 1;
}

.headerarea .mega__menu__thumb img {
  width: 100%;
  border-radius: var(--borderRadius);
}

.headerarea .mega__menu__thumb__title {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -20px;
  color: var(--whiteColor);
  font-size: 14px;
  background: var(--primaryColor);
  padding: 10px;
  line-height: 1;
  border-bottom-left-radius: var(--borderRadius);
  border-bottom-right-radius: var(--borderRadius);
  transition: var(--transition);
  opacity: 0;
  text-align: center;
}

.headerarea .mega__menu__grid__5 {
  padding: 5px 10px !important;
}

.headerarea .headerarea__submenu li a {
  color: var(--contentColor);
}

.headerarea .tab__button__wrap {
  margin-bottom: 15px;
}

.headerarea .tab__button__wrap li button {
  padding: 12px 0;
  font-size: 18px;
}

.headerarea .tab__button__wrap li.nav-item {
  width: 50%;
}

.tab__content__wrapper .tab__content__wrapper_ul {
  display: flex;
  flex-direction: column;
}

/*------------------------------
Mobile Menu
-------------------------------*/
/*Mobile menu*/
.mob_menu_wrapper {
  display: none;
  padding-top: 15px;
  padding-bottom: 15px;
}

.mobile-off-canvas .mobile-aside-button {
  color: var(--darkdeep1);
  font-size: 30px;
}

.mobile-off-canvas .mobile-aside-button:hover {
  color: var(--secondaryColor);
}

.header-right-wrap {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.mobile-off-canvas {
  margin-left: 20px;
}

.mobile-off-canvas {
  text-align: right;
}

.mobile-aside-button {
  color: var(--darkdeep1);
  font-size: 20px;
}

.header_area .mob_menu_wrapper {
  display: none;
}

.wrapper .body-overlay {
  background: rgba(35, 35, 36, 0.7) none repeat scroll 0 0;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  visibility: hidden;
  width: 100%;
  z-index: 9999;
}

.wrapper.overlay-active .body-overlay {
  opacity: 1;
  visibility: visible;
}

.mobile-off-canvas-active .mobile-aside-close {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: var(--darkdeep1);
  color: var(--whiteColor);
  line-height: 40px;
  text-align: center;
  top: 0;
  left: -40px;
  font-size: 18px;
  position: absolute;
  cursor: pointer;
  transition: var(--transition);
}

.mobile-off-canvas-active .mobile-aside-close:hover {
  background: var(--secondaryColor);
}

.mobile-off-canvas-active {
  position: fixed;
  top: 0;
  width: 330px;
  min-height: 100vh;
  bottom: 0;
  z-index: 111;
  right: -330px;
  visibility: hidden;
  opacity: 1;
  -webkit-transition: all 400ms ease-out;
  transition: all 400ms ease-out;
  background-color: var(--whiteColor);
  -webkit-box-shadow: 0 0 87px 0 rgba(0, 0, 0, 0.09);
  box-shadow: 0 0 87px 0 rgba(0, 0, 0, 0.09);
  z-index: 9999;
}

.mobile-off-canvas-active.inside {
  visibility: visible;
  opacity: 1;
  right: 0px;
}

.mobile-aside-close .mobile-off-canvas-active .mobile-aside-close i {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: inline-block;
  color: var(--whiteColor);
}

.mobile-off-canvas-active .mobile-aside-close:hover i {
  color: var(--whiteColor);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.mobile-off-canvas-active .header-mobile-aside-wrap {
  padding: 40px 30px 50px;
  overflow: auto;
  height: 100%;
  box-shadow: 0 0 50px 10px rgba(95, 45, 237, 0.1);
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search {
  border-bottom: 1px solid var(--borderColor);
  margin-bottom: 27px;
  padding-bottom: 40px;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search form {
  position: relative;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search form input {
  background-color: var(--whitegrey2);
  border: none;
  border-radius: 0px;
  height: 50px;
  padding: 0 60px 0 15px;
  width: 100%;
  font-size: 14px;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search form button {
  background-color: transparent;
  border-color: var(--borderColor);
  -o-border-image: none;
  border-image: none;
  border-radius: 5px 0 0 5px;
  border-style: none none none solid;
  border-width: medium medium medium 1px;
  color: var(--darkdeep1);
  font-size: 18px;
  height: 100%;
  padding: 0 15px 0 14px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search form button:hover {
  color: var(--secondaryColor);
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search form button i {
  margin-top: 5px;
  display: inline-block;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap {
  border-bottom: 1px solid var(--borderColor);
  margin-bottom: 36px;
  padding-bottom: 27px;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav {
  height: 100%;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li {
  display: block;
  position: relative;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li.menu-item-has-children .menu-expand {
  line-height: 50;
  top: -5px;
  left: 95%;
  width: 30px;
  position: absolute;
  height: 50px;
  text-align: center;
  cursor: pointer;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li.menu-item-has-children .menu-expand i {
  display: block;
  position: relative;
  width: 10px;
  margin-top: 25px;
  border-bottom: 1px solid var(--darkdeep1);
  -webkit-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li.menu-item-has-children .menu-expand i::before {
  top: 0;
  width: 100%;
  content: "";
  display: block;
  position: absolute;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  border-bottom: 1px solid var(--darkdeep1);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li.menu-item-has-children.active>.menu-expand i::before {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li a {
  font-size: 16px;
  text-transform: capitalize;
  line-height: 18px;
  position: relative;
  display: inline-block;
  padding: 10px 0;
  font-family: var(--contentFont);
  color: var(--darkdeep1);
  font-weight: 500;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li a:hover {
  color: var(--secondaryColor);
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li ul li a {
  padding: 10px 15px 5px;
  font-size: 14px;
  color: var(--darkdeep1);
  font-weight: 500;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li ul li a:hover {
  color: var(--secondaryColor);
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li ul li ul li a {
  padding: 10px 30px 5px;
  font-size: 14px;
  color: var(--darkdeep1);
  font-weight: 300;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap {
  border-bottom: 1px solid var(--borderColor);
  margin-bottom: 31px;
  padding-bottom: 37px;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang {
  position: relative;
  margin-bottom: 15px;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang:last-child {
  margin-bottom: 0;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang a {
  font-size: 16px;
  display: block;
  letter-spacing: 0.2px;
  font-family: var(--contentFont);
  color: var(--darkdeep1);
  font-weight: 500;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang a i {
  float: right;
  font-size: 15px;
  position: relative;
  top: 8px;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang .lang-curr-dropdown {
  margin-top: 5px;
  display: none;
  background-color: var(--whiteColor);
  -webkit-box-shadow: 0 0 20px 0.4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px 0.4px rgba(0, 0, 0, 0.1);
  padding: 22px 30px 26px;
  width: 100%;
  z-index: 11;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang .lang-curr-dropdown ul li {
  padding-bottom: 10px;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang .lang-curr-dropdown ul li:last-child {
  padding-bottom: 0px;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang .lang-curr-dropdown ul li a {
  font-size: 14px;
  letter-spacing: 0.2px;
  font-family: var(--contentFont);
  font-weight: 500;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang .lang-curr-dropdown ul li a:hover {
  color: var(--secondaryColor);
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang:hover>a {
  color: var(--secondaryColor);
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap {
  margin-bottom: 20px;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap a {
  font-size: 16px;
  margin-right: 20px;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap a:last-child {
  margin-right: 0;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap a.facebook {
  color: #3b5999;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap a.twitter {
  color: #55acee;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap a.pinterest {
  color: var(--darkdeep1);
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap a.instagram {
  color: var(--darkdeep1);
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap a.google {
  color: var(--darkdeep1);
}



/* mobail__menu__end */
.mob_menu_wrapper .headerarea__right .header__cart::before {
  top: 5px;
  right: -5px;
}

.mob_menu_wrapper .headerarea__right .header__cart .header__right__dropdown__wrapper {
  left: auto;
  right: -50px;
}

.mob_menu_wrapper .headerarea__right .header__cart {
  padding: 0;
}

.mobile-language-active {
  display: none !important;
}

/*------------------------------
Mobile Menu
-------------------------------*/
/*Mobile menu*/
.mob_menu_wrapper {
  display: none;
  padding-top: 15px;
  padding-bottom: 15px;
}

.mobile-off-canvas .mobile-aside-button {
  color: var(--darkdeep1);
  font-size: 30px;
}

.mobile-logo img {
  max-width: 100%;
}

.mobile-off-canvas .mobile-aside-button:hover {
  color: var(--secondaryColor);
}

.header-right-wrap {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.mobile-off-canvas {
  margin-left: 20px;
}

.mobile-off-canvas {
  text-align: right;
}

.mobile-aside-button {
  color: var(--darkdeep1);
  font-size: 20px;
}

.header_area .mob_menu_wrapper {
  display: none;
}

.wrapper .body-overlay {
  background: rgba(35, 35, 36, 0.7) none repeat scroll 0 0;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  visibility: hidden;
  width: 100%;
  z-index: 9999;
}

.wrapper.overlay-active .body-overlay {
  opacity: 1;
  visibility: visible;
}

.mobile-off-canvas-active .mobile-aside-close {
  width: 40px;
  height: 40px;
  display: inline-block;
  background: var(--darkdeep1);
  color: var(--whiteColor);
  line-height: 40px;
  text-align: center;
  top: 0;
  left: -40px;
  font-size: 18px;
  position: absolute;
  cursor: pointer;
  transition: var(--transition);
}

.mobile-off-canvas-active .mobile-aside-close:hover {
  background: var(--secondaryColor);
}

.mobile-off-canvas-active {
  position: fixed;
  top: 0;
  width: 330px;
  min-height: 100vh;
  bottom: 0;
  z-index: 111;
  right: -330px;
  visibility: hidden;
  opacity: 1;
  -webkit-transition: all 400ms ease-out;
  transition: all 400ms ease-out;
  background-color: var(--whiteColor);
  -webkit-box-shadow: 0 0 87px 0 rgba(0, 0, 0, 0.09);
  box-shadow: 0 0 87px 0 rgba(0, 0, 0, 0.09);
  z-index: 9999;
}

.mobile-off-canvas-active.inside {
  visibility: visible;
  opacity: 1;
  right: 0px;
}

.mobile-aside-close .mobile-off-canvas-active .mobile-aside-close i {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: inline-block;
  color: var(--whiteColor);
}

.mobile-off-canvas-active .mobile-aside-close:hover i {
  color: var(--whiteColor);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.mobile-off-canvas-active .header-mobile-aside-wrap {
  padding: 40px 30px 50px;
  overflow: auto;
  height: 100%;
  box-shadow: 0 0 50px 10px rgba(95, 45, 237, 0.1);
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search {
  border-bottom: 1px solid var(--borderColor);
  margin-bottom: 27px;
  padding-bottom: 40px;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search form {
  position: relative;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search form input {
  background-color: var(--whitegrey2);
  border: none;
  border-radius: 0px;
  height: 50px;
  padding: 0 60px 0 15px;
  width: 100%;
  font-size: 14px;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search form button {
  background-color: transparent;
  border-color: var(--borderColor);
  -o-border-image: none;
  border-image: none;
  border-radius: 5px 0 0 5px;
  border-style: none none none solid;
  border-width: medium medium medium 1px;
  color: var(--darkdeep1);
  font-size: 18px;
  height: 100%;
  padding: 0 15px 0 14px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search form button:hover {
  color: var(--secondaryColor);
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search form button i {
  margin-top: 5px;
  display: inline-block;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap {
  border-bottom: 1px solid var(--borderColor);
  margin-bottom: 36px;
  padding-bottom: 27px;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav {
  height: 100%;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li {
  display: block;
  position: relative;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li.menu-item-has-children .menu-expand {
  line-height: 50;
  top: -5px;
  left: 95%;
  width: 30px;
  position: absolute;
  height: 50px;
  text-align: center;
  cursor: pointer;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li.menu-item-has-children .menu-expand i {
  display: block;
  position: relative;
  width: 10px;
  margin-top: 25px;
  border-bottom: 1px solid var(--darkdeep1);
  -webkit-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li.menu-item-has-children .menu-expand i::before {
  top: 0;
  width: 100%;
  content: "";
  display: block;
  position: absolute;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  border-bottom: 1px solid var(--darkdeep1);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li.menu-item-has-children.active>.menu-expand i::before {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li a {
  font-size: 16px;
  text-transform: capitalize;
  line-height: 18px;
  position: relative;
  display: inline-block;
  padding: 10px 0;
  font-family: var(--contentFont);
  color: var(--darkdeep1);
  font-weight: 500;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li a:hover {
  color: var(--secondaryColor);
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li ul li a {
  padding: 10px 15px 5px;
  font-size: 14px;
  color: var(--darkdeep1);
  font-weight: 500;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li ul li a:hover {
  color: var(--secondaryColor);
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li ul li ul li a {
  padding: 10px 30px 5px;
  font-size: 14px;
  color: var(--darkdeep1);
  font-weight: 300;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap {
  border-bottom: 1px solid var(--borderColor);
  margin-bottom: 31px;
  padding-bottom: 37px;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang {
  position: relative;
  margin-bottom: 15px;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang:last-child {
  margin-bottom: 0;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang a {
  font-size: 16px;
  display: block;
  letter-spacing: 0.2px;
  font-family: var(--contentFont);
  color: var(--darkdeep1);
  font-weight: 500;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang a i {
  float: right;
  font-size: 15px;
  position: relative;
  top: 8px;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang .lang-curr-dropdown {
  margin-top: 5px;
  display: none;
  background-color: var(--whiteColor);
  -webkit-box-shadow: 0 0 20px 0.4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px 0.4px rgba(0, 0, 0, 0.1);
  padding: 22px 30px 26px;
  width: 100%;
  z-index: 11;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang .lang-curr-dropdown ul li {
  padding-bottom: 10px;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang .lang-curr-dropdown ul li:last-child {
  padding-bottom: 0px;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang .lang-curr-dropdown ul li a {
  font-size: 14px;
  letter-spacing: 0.2px;
  font-family: var(--contentFont);
  font-weight: 500;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang .lang-curr-dropdown ul li a:hover {
  color: var(--secondaryColor);
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang:hover>a {
  color: var(--secondaryColor);
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap {
  margin-bottom: 20px;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap a {
  font-size: 16px;
  margin-right: 20px;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap a:last-child {
  margin-right: 0;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap a.facebook {
  color: #3b5999;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap a.twitter {
  color: #3b5999;
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap a.pinterest {
  color: var(--darkdeep1);
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap a.instagram {
  color: var(--darkdeep1);
}

.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap a.google {
  color: var(--darkdeep1);
}

/* mobail__menu__end */
.mob_menu_wrapper .headerarea__right .header__cart::before {
  top: 5px;
  right: -5px;
}

.mob_menu_wrapper .headerarea__right .header__cart .header__right__dropdown__wrapper {
  left: auto;
  right: -50px;
}

.mob_menu_wrapper .headerarea__right .header__cart {
  padding: 0;
}

.mobile-language-active {
  display: none !important;
}

/*------------------------------
Hero Banner Area
-------------------------------*/
.herobannerarea {
  background: rgba(205, 205, 205, 0.25);
  padding-top: 80px;
  padding-bottom: 140px;
  position: relative;
}

.herobannerarea.herobannerarea__2 {
  background: #2A2A2A;
  padding-top: 155px;
  padding-bottom: 250px;
}

.herobannerarea.herobannerarea__2 .herobannerarea__content__wraper {
  padding-right: 135px;
}

.herobannerarea .row {
  align-items: center;
}

.herobannerarea__text.herobannerarea__text__2 p {
  color: var(--whiteColor);
}

.herobannerarea__text p {
  font-weight: 300;
  font-size: 18px;
  line-height: 30px;
  color: var(--whiteColor);
}

.hreobannerarea__button {
  margin-top: 45px;
  display: flex;
  align-items: center;
}

.hreobannerarea__button a.herobannerarea__button__1 {
  padding: 17px 30px;
  background: var(--whiteColor);
  box-shadow: 0px 4px 13px 1px rgba(95, 45, 237, 0.16);
  border-radius: var(--borderRadius);
  transition: var(--transition);
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  color: var(--darkdeep2);
  border: 1px solid var(--whiteColor);
  margin-right: 30px;
}

.hreobannerarea__button a.herobannerarea__button__1:hover {
  border: 1px solid var(--whiteColor);
  color: var(--whiteColor);
  background: var(--darkblack);
}

.hreobannerarea__button .herobannerarea__button__2 {
  background: none;
  color: var(--whiteColor);
  box-shadow: none;
}

.hreobannerarea__button .herobannerarea__button__2:hover {
  color: var(--secondaryColor);
}

.herobannerarea__icon .hero__icon__1 {
  left: 50%;
  bottom: 15%;
  animation: cir-anim 6s linear 0s infinite alternate;
}

.herobannerarea__icon .hero__icon__2 {
  top: 10%;
  left: 5%;
  animation: dot-anim-2 3s linear 0s infinite alternate;
}

.herobannerarea__icon .hero__icon__3 {
  top: 44%;
  left: -20%;
}

.herobannerarea__icon .hero__icon__4 {
  bottom: 37%;
  right: 40%;
}

.herobannerarea__icon .hero__icon__5 {
  top: 44%;
  right: -19%;
}

.herobannerarea__icon img {
  position: absolute;
  z-index: -1;
}

.aboutarea__img__2 img {
  width: 100%;
}

.hreobannerarea__button__2 {
  margin-top: 30px;
}

.hreobannerarea__button__2 .hreobannerarea__button__3 {
  background: var(--secondaryColor);
  border: 1px solid var(--secondaryColor);
  color: var(--whiteColor);
  margin-left: 28px;
}

.hreobannerarea__button__2 .hreobannerarea__button__3:hover {
  border: 1px solid var(--secondaryColor);
  color: var(--secondaryColor);
  background: var(--whiteColor);
}

.herobannerarea__icon__2 .herobanner__common__img {
  position: absolute;
}

.herobannerarea__icon__2 .herobanner__common__img.herobanner__img__1 {
  left: 0%;
  top: 0%;
  opacity: 0.80;
  animation: 3s linear 0s infinite normal none running move5;
}

.herobannerarea__icon__2 .herobanner__common__img.herobanner__img__2 {
  top: 83%;
  left: 50%;
  animation: 3s linear 0s infinite alternate none running dot-anim;
}

.herobannerarea__icon__2 .herobanner__common__img.herobanner__img__3 {
  top: 1%;
  left: 40%;
  animation: 3s linear 0s infinite alternate none running dot-anim;
}

.herobannerarea__icon__2 .herobanner__common__img.herobanner__img__4 {
  top: 6%;
  left: 85%;
  animation: dot-anim-2 3s linear 0s infinite alternate;
}

.herobannerarea__icon__2 .herobanner__common__img.herobanner__img__5 {
  top: 80%;
  right: 5%;
  animation: 3s linear 0s infinite alternate none running dot-anim-2;
}

.herobannerarea__icon__2 .herobanner__common__img.herobanner__img__6 {
  top: 66%;
  left: 3%;
  animation: 3s linear 0s infinite alternate none running dot-anim;
}

.herobannerarea__box {
  margin-left: 70px;
  margin-right: 70px;
  border-radius: 15px;
  box-shadow: 0 0 20px 10px rgba(95, 45, 237, 0.05);
  overflow: hidden;
}

.herobannerarea__title .hero__title__2 p {
  color: var(--primaryColor);
  font-size: 28px;
  font-weight: 500;
  line-height: 40px;
}

.hero__button__2 {
  text-align: center;
}

.brandarea__2 .brandarea__2__row {
  display: flex;
  justify-content: center;

}

.brandarea__2 .brandarea__2_background img {
  position: absolute;
}

.herobannerarea__title .herobannerarea__small__title {
  margin-bottom: 15px;
}

.herobannerarea__title .herobannerarea__small__title span {
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 5px;
  text-transform: uppercase;
  color: var(--secondaryColor);
}

.herobannerarea__title .herobannerarea__title__heading__2.herobannerarea__title__heading__3 h2 {
  font-size: 63px;
  line-height: 72px;
  color: var(--whiteColor);
}

.herobannerarea__title .herobannerarea__title__heading__2 h2 {
  font-size: 60px;
  line-height: 72px;
  letter-spacing: 0.5px;
  color: var(--whiteColor);
}

.herobannerarea__title .herobannerarea__title__heading__2 h2 span {
  color: var(--secondaryColor);
}

.educationarea__wrapper .educationarea__heading h2 span {
  color: var(--secondaryColor);
}

.herobannerarea__clms .gridarea__wraper.gridarea__wraper__2 .gridarea__content .gridarea__heading h3 {
  font-size: 24px;
  line-height: 1;
  margin-bottom: 25px;
}

.herobannerarea__clms .gridarea__wraper.gridarea__wraper__2 .gridarea__content .gridarea__bottom .gridarea__small__img .gridarea__small__content h6 {
  font-size: 16px;
}

.herobannerarea__clms .gridarea__wraper {
  padding: 25px;
  border-radius: 10px;
}

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

.herobannerarea__clms.herobannerarea.herobannerarea__2 {
  padding-top: 70px;
  padding-bottom: 120px;
  overflow: hidden;
}

.herobanner__video {
  position: relative;
}

.herobanner__video>img {
  width: 100%;
  border-radius: 10px;
}

.herobanner__video .video__pop__btn {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
}

.slider__controls__wrap.slider__controls__pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: transparent;
  outline: 2px solid var(--secondaryColor);
  outline-offset: 2px;
  margin: 0 8px;
}

.slider__controls__wrap.slider__controls__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  outline-color: var(--secondaryColor);
  background: var(--secondaryColor);
}

.slider__controls__wrap .swiper-pagination {
  bottom: 20px;
}

.slider__controls__wrap.slider__controls__arrows .arrow-btn {
  border: 1px solid var(--lightGrey4);
  width: 50px;
  height: 50px;
  border-radius: var(--borderRadius);
  transition: var(--transition);
  transform: translateY(-50%);
  margin-top: 0;
}

.slider__controls__wrap.slider__controls__arrows .arrow-btn:after {
  font-size: 20px;
  font-weight: 700;
  color: var(--lightGrey4);
  transition: var(--transition);
}

.slider__controls__wrap.slider__controls__arrows .arrow-btn:hover {
  border: 1px solid var(--primaryColor);
  background-color: var(--primaryColor);
}

.slider__controls__wrap.slider__controls__arrows .arrow-btn:hover:after {
  color: var(--whiteColor);
}

.herobannerarea .slider__controls__arrows .arrow-btn {
  right: 30px;
  opacity: 0;
  border-radius: 100px;
}

.herobannerarea .slider__controls__arrows .swiper-button-prev {
  left: 30px;
}

.herobannerarea:hover .slider__controls__arrows .arrow-btn {
  right: 0;
  opacity: 1;
}

.herobannerarea:hover .slider__controls__arrows .swiper-button-prev {
  left: 0;
}

.hero__course .slider__controls__wrap .swiper-pagination {
  bottom: -20px;
}

.herobannerarea.herobannerarea__marketplace .herobannerarea__content__wraper {
  max-width: 90%;
  margin: auto;
  margin-bottom: 30px;
}

.search__form {
  position: relative;
}

.search__form input {
  width: 100%;
  height: 60px;
  border-radius: 50px;
  border: 1px solid var(--borderColor);
  padding: 0 150px 0 260px;
}

.search__form .search__form__categories {
  display: flex;
  position: absolute;
  top: 50%;
  transform: translatey(-50%);
  left: 30px;
  align-items: center;
  cursor: pointer;
}

.search__form .search__form__categories svg {
  color: var(--blackColor);
  width: 20px;
}

.search__form .search__form__categories .icon {
  margin-right: 5px;
  height: 20px;
  line-height: 1;
}

.search__form button {
  display: flex;
}

.search__form button svg {
  width: 20px;
  margin-right: 5px;
}

.search__form .wide {
  border: none;
  background: none;
  cursor: pointer;
}

.search__form .search__btn {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translatey(-50%);
}

.search__form .search__btn button {
  border-radius: 50px;
}

.keyfeatures {
  margin-top: 50px;
}

.keyfeatures li {
  color: var(--whiteColor);
  margin: 0 10px;
}

.herobannerarea__img img {
  width: 100%;
}

.herobannerarea__price {
  font-size: 40px;
  font-weight: 700;
  color: var(--primaryColor);
  display: flex;
  align-items: center;
  line-height: 1;
  margin-top: 30px;
  margin-bottom: 40px;
}

.herobannerarea__price del {
  color: var(--lightGrey4);
  font-size: 30px;
  font-weight: normal;
  margin-left: 10px;
}

.herobannerarea__price span {
  font-size: 12px;
  background: var(--secondaryColor);
  color: var(--whiteColor);
  padding: 5px 10px;
  border-radius: 5px;
  line-height: 1;
  margin-left: 15px;
}

.text-center .herobannerarea__price {
  justify-content: center;
}

.text-end .herobannerarea__price {
  justify-content: end;
}

.herobannerarea.herobannerarea__ecomarece .slider__controls__wrap .swiper-pagination {
  bottom: 80px;
}

.herobannerarea.herobannerarea__kindergarten .slider__controls__wrap .swiper-pagination {
  bottom: 30px;
}

.herobannerarea.herobannerarea__university {
  padding: 0;
}

.herobannerarea.herobannerarea__university .herobannerarea__single__slider {
  padding: 140px 0 170px;
}

.herobannerarea.herobannerarea__university .herobannerarea__single__slider .herobannerarea__title h2 {
  line-height: 1.2;
  color: var(--whiteColor);
}

.herobannerarea.herobannerarea__university .herobannerarea__single__slider .herobannerarea__text p {
  color: var(--whiteColor);
}

.herobannerarea.herobannerarea__university .herobannerarea__single__slider::after {
  position: absolute;
  left: 0;
  top: 0;
  background: #000;
  height: 100%;
  width: 100%;
  content: "";
  opacity: 0.7;
  z-index: 9;
}

.herobannerarea.herobannerarea__university .swiper.university__slider__thumb {
  position: absolute;
  bottom: 20px;
  width: 100%;
}

.herobannerarea.herobannerarea__university .swiper.university__slider__thumb .swiper-wrapper {
  display: flex;
  justify-content: center;
}

.herobannerarea.herobannerarea__university .swiper.university__slider__thumb .swiper-wrapper .swiper-slide {
  max-height: 80px;
  max-width: 150px;
  cursor: pointer;
}

.herobannerarea.herobannerarea__university .swiper.university__slider__thumb .swiper-wrapper .swiper-slide img {
  width: 100%;
  border-radius: 10px;
}

.herobannerarea.herobannerarea__university .hreobannerarea__button__2 {
  margin-top: 50px;
}

.herobannerarea.herobannerarea__university .default__button {
  padding: 15px 40px;
  border-radius: 50px;
  font-size: 16px;
}

.herobannerarea.herobannerarea__university .container {
  position: relative;
  z-index: 999;
}

.herobannerarea.herobannerarea__university .herobannerarea__content__wraper {
  padding: 0;
}

.herobannerarea.herobannerarea__university .footerarea__icon__2 {
  text-align: center;
  margin-top: 50px;
}

.herobannerarea.herobannerarea__university .footerarea__icon__2 ul li a {
  width: 60px;
  height: 57px;
  line-height: 57px;
  border-radius: 50px;
  font-size: 20px;
}

.herobannerarea.herobannerarea__university .footerarea__icon__2 p {
  color: var(--whiteColor);
}

.herobannerarea.herobannerarea__machine__learning .herobannerarea__content__wraper {
  padding-right: 0;
}

.herobannerarea.herobannerarea__machine__learning .herobannerarea__title__heading__3 h2 {
  color: var(--whiteColor);
}

.herobannerarea.herobannerarea__machine__learning .herobannerarea__text__2 p {
  color: var(--whiteColor);
}

.herobannerarea.herobannerarea__machine__learning .herobannerarea__icon__2 .herobanner__common__img.herobanner__img__1 {
  left: 40px;
  bottom: 10%;
}

.herobannerarea.herobannerarea__machine__learning .slider__controls__wrap.slider__controls__pagination .swiper-pagination-bullet {
  outline: 2px solid var(--whiteColor);
}

.herobannerarea.herobannerarea__machine__learning .slider__controls__wrap.slider__controls__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--whiteColor);
}

.herobannerarea.herobannerarea__single__course .herobannerarea__content__wraper {
  padding-right: 0;
}

.herobannerarea .summery__single__course {
  margin: 50px 0 0;
  background: var(--borderColor);
  padding: 30px;
  border-radius: var(--borderRadius3);
}

.herobannerarea .summery__single__course ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.herobannerarea .summery__single__course ul li {
  margin: 0;
}

.herobannerarea .summery__single__course ul li .course__price {
  font-size: 30px;
  font-weight: 700;
}

/*------------------------------
Education Area
-------------------------------*/
.educationarea {
  padding-top: 120px;
  padding-bottom: 175px;
  position: relative;
}

.educationarea .row {
  align-items: center;
}

.educationarea__wrapper {
  /* padding-right: 160px; */
}

.educationarea__wrapper .educationarea__heading {
  margin-bottom: 18px;
}

.educationarea__wrapper .educationarea__heading h2 {
  font-size: 60px;
  font-family: var(--headingFont);
  line-height: 72px;
  font-weight: 700;
  color: var(--blackColor);
  margin: 0;
}

.educationarea .educationarea__content {
  margin-bottom: 30px;
}

.educationarea .educationarea__content p {
  font-size: 18px;
  line-height: 30px;
  color: var(--contentColor);
}

.educationarea .educationarea__bottom__button input {
  height: 58px;
  width: 311px;
  padding-left: 13px;
  border: 1px solid var(--lightGrey2);
  border-radius: var(--borderRadius);
  margin-right: 12px;
}

.educationarea .educationarea__bottom__button input::placeholder {
  color: var(--lightGrey);
}

.educationarea .educationarea__bottom__button a {
  padding: 14px 39px;
}

.educationarea .hero__shape {
  position: absolute;
}

.educationarea .hero__shape__1 {
  right: 16%;
  top: 60%;
  animation: 3s linear 0s infinite alternate none running dot-anim;
}

.educationarea .hero__shape__2 {
  right: 9%;
  top: 58%;
  animation: 3s linear 0s infinite alternate none running dot-anim-2;
}

.educationarea .hero__shape__3 {
  left: 50%;
  bottom: 15%;
  animation: cir-anim 6s linear 0s infinite alternate;
}

.educationarea .hero__shape__4 {
  left: 53%;
  top: 43%;
  animation: cir-anim 6s linear 0s infinite alternate;
}

.educationarea__right__wraper {
  position: relative;
  height: 100%;
}

.educationarea__right__wraper .educationarea__img {
  text-align: right;
}

.educationarea__right__wraper .educationarea__img .education__img__1 {
  position: relative;
  right: 14%;
}

.educationarea__right__wraper .educationarea__img .education__img__2 {
  position: absolute;
  bottom: -24%;
  left: 10%;
}

.educationarea__right__wraper .educationarea__img .education__img__3 {
  position: absolute;
  z-index: -9;
  left: 15%;
  top: 12%;
}

.educationarea__right__wraper .educationarea__img .education__img__4 {
  position: absolute;
  top: -5%;
  z-index: -1;
  right: 10%;
  animation: dot-anim-2 3s linear 0s infinite alternate;
}

.educationarea__right__wraper .educationarea__small__img {
  position: absolute;
  right: 18%;
  bottom: -23%;
}

/* @media (min-width: 992px) and (max-width: 1365px) {
  .educationarea__right__wraper .educationarea__small__img {
    right: -50px;
    bottom: -125px;
    max-width: 160px;
  }
} */

.educationarea__right__wraper .educationarea__small__img a img+img {
  margin-left: -35px;
}

.educationarea__right__wraper .educationarea__small__img a:hover img+img {
  margin-left: -30px;
}

.educationarea__right__wraper .educationarea__small__img .educationarea__small__para p {
  font-size: 14px;
  color: var(--lightGrey3);
}

.educationarea__right__wraper .educationarea__small__img .educationarea__small__para p span {
  color: var(--blackColor);
}

.educationarea__right__wraper .educationarea__small__img__2 {
  position: absolute;
  background: #2A2A2A;
  width: 342px;
  height: 75px;
  top: 60px;
  right: -70px;
  padding: 10px;
  box-shadow: 0px 10px 20px 0px rgba(0, 5, 52, 0.1);
  animation: move5 3s infinite linear;
  display: flex;
}

.educationarea__right__wraper .educationarea__small__img__2 img {
  margin-right: 20px;
  height: 100%;
}

.educationarea__right__wraper .educationarea__small__img__2 .educationarea__small__content span {
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  color: var(--secondaryColor);
}

.educationarea__right__wraper .educationarea__small__img__2 .educationarea__small__content p {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  margin: 0;
  color: #FFFFFF;
}

.educationarea__img .aboutimg__4__img__1 {
  width: 87%;
}

/*------------------------------
Training Area
-------------------------------*/
.trainingarea__wraper {
  border: 1px solid rgba(126, 133, 139, 0.18);
  padding: 26px 20px 26px 20px;
  border-radius: var(--borderRadius);
  transition: var(--transition);
  margin-bottom: 30px;
  align-content: center;
  min-height: 160px;
}

.trainingarea_2 {
  display: flex;
  justify-content: center;
}

.trainingarea__title__heading h2 {
  color: #FFFFFF;
  text-align: center;
  font-size: 38px;
  margin-bottom: 35px;
}

.trainingarea {
  background: #2A2A2A;
}

.trainingarea__wraper.trainingarea__wraper__1:hover {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px 0px;
  border-color: var(--primaryColor);
}

.trainingarea__wraper.trainingarea__wraper__2:hover {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 30px 0px;
  border-color: var(--secondaryColor);
}

.trainingarea__wraper.trainingarea__wraper__2 .trainingarea__icon i {
  color: var(--greencolor);
  border: 1px solid rgba(68, 206, 169, 0.18);
}

.trainingarea__wraper.trainingarea__wraper__2 .trainingarea__content a:hover {
  color: var(--whiteColor);
}

.trainingarea__wraper.trainingarea__wraper__3:hover {
  border-color: var(--secondaryColor2);
}

.trainingarea__wraper.trainingarea__wraper__3 .trainingarea__icon i {
  color: var(--secondaryColor2);
  border: 1px solid var(--secondaryColor2);
}

.trainingarea__wraper.trainingarea__wraper__3 .trainingarea__content a:hover {
  color: var(--secondaryColor2);
}

.trainingarea__wraper .trainingarea__icon {
  display: flex;
  align-items: center;
}

.trainingarea__wraper.trainingarea__wraper__1 .trainingarea__icon .trainingarea__icon_img {
  border: 1px solid rgba(29, 175, 247, 0.5);
}

.trainingarea__wraper.trainingarea__wraper__2 .trainingarea__icon .trainingarea__icon_img {
  border: 1px solid rgba(239, 135, 14, 0.5);
}


.trainingarea__wraper .trainingarea__icon .trainingarea__icon_img {
  width: 70px;
  height: 70px;
  line-height: 69.44px;
  text-align: center;
  border-radius: 100%;
  color: var(--primaryColor);
  font-size: 26px;
  margin-right: 15px;
  padding: 12px;
  display: flex
}

.trainingarea__wraper .trainingarea__icon .trainingarea__content h6 {
  font-size: 20px;
  color: var(--blackColor);
  font-weight: 600;
  margin-bottom: 5px;
}

.trainingarea__wraper .trainingarea__icon .trainingarea__content h6 a {
  color: var(--whiteColor);
}

.trainingarea__wraper .trainingarea__icon .trainingarea__content p {
  font-size: 14px;
  color: var(--lightGrey3);
  margin-bottom: 0;
}

/*------------------------------
About Area
-------------------------------*/
.aboutarea {
  position: relative;
}

.aboutarea__img__inner {
  position: relative;
  height: 100%;
}

.aboutarea__img__inner .aboutarea__img .aboutimg__1 {
  width: 100%;
}

.aboutarea__img__inner .aboutarea__img .aboutimg__2 {
  position: absolute;
  left: 0;
  margin: auto;
  right: 0;
  top: 0;
}

.aboutarea__content__wraper {
  padding-left: 35px;
}

.aboutarea__content__wraper .aboutarea__headding {
  margin-bottom: 13px;
}

.aboutarea__content__wraper .aboutarea__headding h2 {
  font-size: 42px;
  line-height: 54px;
  font-weight: 700;
}

.aboutarea__content__wraper .aboutarea__para {
  margin-bottom: 13px;
}

.aboutarea__content__wraper .aboutarea__para.aboutarea__para__2 {
  border-left: 2px solid var(--primaryColor);
  padding-left: 13px;
}

.aboutarea__content__wraper .aboutarea__para p {
  line-height: 29px;
}

.aboutarea__content__wraper .aboutarea__list ul {
  display: flex;
  flex-direction: column;
}

.aboutarea__content__wraper .aboutarea__list ul li {
  margin-bottom: 14px;
  line-height: 30px;
  color: var(--blackColor);
}

.aboutarea__content__wraper .aboutarea__list ul li i {
  height: 16px;
  width: 16px;
  line-height: 16px;
  color: var(--primaryColor);
  border: 1px solid var(--primaryColor);
  border-radius: 100%;
  margin-right: 12px;
}

.aboutarea__content__wraper .aboutarea__bottom__button {
  margin-top: 20px;
}

.aboutarea__content__wraper .aboutarea__bottom__button a i {
  font-size: 16px;
}

.aboutarea__2 .aboutarea__content__wraper {
  padding-left: 0;
}

.aboutarea__2 .aboutarea__content__wraper .aboutarea__headding {
  margin-bottom: 25px;
}

.aboutarea__2 .aboutarea__content__wraper .aboutarea__para {
  margin-bottom: 25px;
}

.aboutarea__list__2 {
  margin-top: 30px;
}

.aboutarea__list__2 ul li {
  margin-bottom: 22px;
  color: var(--blackColor);
  font-weight: 400;
  display: flex;
  font-size: 20px;
}

.aboutarea__list__2 ul li p {
  margin-bottom: 0;
}

.aboutarea__list__2 ul li:hover i {
  color: var(--whiteColor);
  background: var(--primaryColor);
}

.aboutarea__list__2 ul li i {
  height: 33px;
  line-height: 31px;
  text-align: center;
  background: rgba(95, 45, 237, 0.04);
  color: var(--primaryColor);
  transition: var(--transition);
  display: inline-block;
  margin-right: 15px;
  padding: 0px 7px;
}

.about__right__wraper__2 {
  position: relative;
  height: 100%;
  align-content: center;
}

.about__right__wraper__2 .aboutarea__2__img__1 {
  margin-left: 70px;
  border-radius: 10px;
}

.about__right__wraper__2 .aboutarea__2__img__2 {
  position: absolute;
  bottom: 285px;
  right: -14px;
  border-radius: 10px;
}

.about__right__wraper__2 .aboutarea__2__img__3 {
  position: absolute;
  top: -18px;
  left: 30px;
  z-index: -1;
  animation: dot-anim-2 3s linear 0s infinite alternate;
}

.about__right__wraper__2 .aboutarea__2__img__4 {
  position: absolute;
  top: 30%;
  left: 0;
  z-index: -1;
}

.aboutarea__2__text {
  background: var(--whiteColor);
  display: flex;
  border-left: 4px solid var(--primaryColor);
  max-width: 290px;
  box-shadow: 0px 30px 40px 0px rgba(1, 11, 60, 0.06);
  align-items: center;
  justify-content: center;
  padding: 20px 10px;
  position: absolute;
  bottom: -13px;
  left: 0;
  animation: move5 3s infinite linear;
}

.aboutarea__2__text .aboutarea__counter {
  display: flex;
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  color: var(--primaryColor);
  padding-right: 10px;
}

.aboutarea__2__text p {
  line-height: 26px;
  font-weight: 700;
  color: var(--blackColor);
  margin: 0;
}

.about__right__wraper__4 {
  position: relative;
}

.about__right__wraper__4 .aboutimg__4__img__2 {
  position: absolute;
  left: 0;
  top: 0;
}

.aboutarea__5__img {
  background-image: url(../img/about/about_8.png);
  position: relative;
}

.aboutarea__5__img img {
  width: 100%;
  border-radius: 10px;
}

.aboutarea__content__wraper__5 {
  margin-left: 65px;
}

.aboutarea__content__wraper__5 .section__title {
  margin-bottom: 30px;
}

.aboutarea__content__wraper__5 .aboutarea__5__small__icon__wraper {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
  margin-top: 25px;
}

.aboutarea__content__wraper__5 .aboutarea__5__small__icon__wraper .aboutarea__5__small__icon {
  margin-right: 17px;
}

.aboutarea__content__wraper__5 .aboutarea__5__small__icon__wraper .aboutarea__small__heading {
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: var(--blackColor2);
}

.aboutarea__content__wraper__5 .aboutarea__5__small__icon__wraper .aboutarea__small__heading span {
  font-weight: 700;
}

.aboutarea__content__wraper__5 .aboutarea__bottom__button__5 {
  margin-top: 30px;
}

.about__button__wrap {
  margin-bottom: 50px;
}

.about__button__wrap li {
  margin-right: 35px;
}

.about__button__wrap li button {
  padding: 15px 59px;
  border: none;
  background: var(--bodyBg1);
  text-transform: uppercase;
  color: var(--blackColor2);
  font-weight: 700;
  box-shadow: 0 0 50px 10px rgba(95, 45, 237, 0.08);
  position: relative;
}

.about__button__wrap li button:after {
  position: absolute;
  content: "";
  width: 0;
  height: 2px;
  background: var(--primaryColor);
  left: 0;
  bottom: 0;
  transition: var(--transition);
}

.about__button__wrap li button:hover:after {
  width: 100%;
}

.about__button__wrap li button.active:after {
  width: 100%;
}

.aboutarea__content__tap__wraper .paragraph__1 {
  margin-bottom: 25px;
}

.aboutarea__content__tap__wraper .aboutarea__tap__heading {
  margin-bottom: 30px;
}

.aboutarea__content__tap__wraper .aboutarea__tap__heading h5 {
  font-weight: 500;
  font-size: 20px;
  line-height: 29px;
  margin-bottom: 0;
}

.aboutarea__content__tap__wraper img {
  width: 100%;
}

.brandarea {
  background: var(--lightGrey7);
}

.brandarea__wraper {
  display: flex;
  align-items: center;
  text-align: center;
  flex-wrap: wrap;
  justify-content: center;
}

.brandarea__wraper .brandarea__img {
  width: 20%;
  margin: 25px 0 45px;
}

.brandarea__wraper.brandarea__wraper__2 {
  background: url(../img/herobanner/Background+Shadow.png);
  border-radius: 6px;
  z-index: 11;
  width: 100%;
  background-size: cover;
  padding: 36px 45px;
  box-shadow: 0 0 20px 10px rgba(29, 175, 247, 0.12);
  margin: 0 40px;
}

.brandarea__wraper.brandarea__wraper__2 .brandarea__img {
  margin: 45px 0;
}

.brandarea__2 {
  transform: translateY(-50%);
}

.brandarea__2 .container {
  max-width: 1510px;
  display: flex;
  justify-content: center;
}

.brandarea .section__title .section__title__heading h2 {
  max-width: 80%;
  margin: auto;
}

.tution__img img {
  border-radius: 10px;
}

.aboutarea__single__course .aboutarea__img img {
  width: 100%;
}

.accordion-button {
  padding: 15px 20px;
  font-weight: 600;
  font-size: 20px;
}

.accordion-card {
  border: 1px solid #2A2A2A;
  margin-bottom: 20px;
  background: #FFFFFF;
}

.faq__title__heading {
  text-align: center;
}

.accordion-button:not(.collapsed) {
  color: var(--blackColor);
  background: #FFFFFF;
  box-shadow: none;
}

.accordion-button:focus {
  box-shadow: none;
}

.accordion-body {
  padding: 0 15px;
}

.course-accordion-button:not(.collapsed):after {
  background: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2215%22%20viewBox%3D%220%200%2020%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20filter%3D%22url(%23filter0_d_1475_671)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M2.05666%200.807518C2.11472%200.749314%202.18369%200.703135%202.25962%200.671627C2.33555%200.640119%202.41696%200.623901%202.49916%200.623901C2.58137%200.623901%202.66277%200.640119%202.73871%200.671627C2.81464%200.703135%202.88361%200.749314%202.94166%200.807518L9.99916%207.86627L17.0567%200.807518C17.1148%200.749408%2017.1838%200.703313%2017.2597%200.671864C17.3356%200.640415%2017.417%200.624229%2017.4992%200.624229C17.5813%200.624229%2017.6627%200.640415%2017.7386%200.671864C17.8146%200.703313%2017.8836%200.749408%2017.9417%200.807518C17.9998%200.865628%2018.0459%200.934615%2018.0773%201.01054C18.1088%201.08646%2018.125%201.16784%2018.125%201.25002C18.125%201.3322%2018.1088%201.41357%2018.0773%201.4895C18.0459%201.56542%2017.9998%201.63441%2017.9417%201.69252L10.4417%209.19252C10.3836%209.25072%2010.3146%209.2969%2010.2387%209.32841C10.1628%209.35992%2010.0814%209.37613%209.99916%209.37613C9.91695%209.37613%209.83555%209.35992%209.75962%209.32841C9.68369%209.2969%209.61472%209.25072%209.55666%209.19252L2.05666%201.69252C1.99846%201.63446%201.95228%201.56549%201.92077%201.48956C1.88927%201.41363%201.87305%201.33223%201.87305%201.25002C1.87305%201.16781%201.88927%201.08641%201.92077%201.01048C1.95228%200.934545%201.99846%200.865575%202.05666%200.807518Z%22%20fill%3D%22%231DAFF7%22/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.course-accordion-button:after {
  background: url("data:image/svg+xml;utf8,<svg width='18' height='10' viewBox='0 0 18 10' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M1.05666 0.807518C1.11472 0.749314 1.18369 0.703135 1.25962 0.671627C1.33555 0.640119 1.41696 0.623901 1.49916 0.623901C1.58137 0.623901 1.66277 0.640119 1.73871 0.671627C1.81464 0.703135 1.88361 0.749314 1.94166 0.807518L8.99916 7.86627L16.0567 0.807518C16.1148 0.749408 16.1838 0.703313 16.2597 0.671864C16.3356 0.640415 16.417 0.624229 16.4992 0.624229C16.5813 0.624229 16.6627 0.640415 16.7386 0.671864C16.8146 0.703313 16.8836 0.749408 16.9417 0.807518C16.9998 0.865628 17.0459 0.934615 17.0773 1.01054C17.1088 1.08646 17.125 1.16784 17.125 1.25002C17.125 1.3322 17.1088 1.41357 17.0773 1.4895C17.0459 1.56542 16.9998 1.63441 16.9417 1.69252L9.44166 9.19252C9.38361 9.25072 9.31464 9.2969 9.23871 9.32841C9.16277 9.35992 9.08137 9.37613 8.99916 9.37613C8.91695 9.37613 8.83555 9.35992 8.75962 9.32841C8.68369 9.2969 8.61472 9.25072 8.55666 9.19252L1.05666 1.69252C0.99846 1.63446 0.952282 1.56549 0.920774 1.48956C0.889265 1.41363 0.873047 1.33223 0.873047 1.25002C0.873047 1.16781 0.889265 1.08641 0.920774 1.01048C0.952282 0.934545 0.99846 0.865575 1.05666 0.807518Z' fill='%23212529'/></svg>");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 5px;
}

.faq-accordion-button:after {
  background: url("data:image/svg+xml,%3Csvg width='17' height='9' viewBox='0 0 17 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.183617 8.56858C0.241674 8.62678 0.310644 8.67296 0.386575 8.70447C0.462507 8.73598 0.543908 8.7522 0.626117 8.7522C0.708326 8.7522 0.789728 8.73598 0.865659 8.70447C0.941591 8.67296 1.01056 8.62678 1.06862 8.56858L8.12612 1.50983L15.1836 8.56858C15.2417 8.62669 15.3107 8.67279 15.3866 8.70423C15.4626 8.73568 15.5439 8.75187 15.6261 8.75187C15.7083 8.75187 15.7897 8.73568 15.8656 8.70423C15.9415 8.67279 16.0105 8.62669 16.0686 8.56858C16.1267 8.51047 16.1728 8.44148 16.2043 8.36556C16.2357 8.28964 16.2519 8.20826 16.2519 8.12608C16.2519 8.0439 16.2357 7.96253 16.2043 7.8866C16.1728 7.81068 16.1267 7.74169 16.0686 7.68358L8.56862 0.183581C8.51056 0.125377 8.44159 0.0791988 8.36566 0.0476907C8.28973 0.0161827 8.20833 -3.58818e-05 8.12612 -3.58818e-05C8.04391 -3.58818e-05 7.96251 0.0161827 7.88658 0.0476907C7.81064 0.0791988 7.74167 0.125377 7.68362 0.183581L0.183617 7.68358C0.125413 7.74164 0.0792347 7.81061 0.0477266 7.88654C0.0162186 7.96247 0 8.04387 0 8.12608C0 8.20829 0.0162186 8.28969 0.0477266 8.36562C0.0792347 8.44155 0.125413 8.51052 0.183617 8.56858Z' fill='%231DAFF7'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  rotate: 180deg;
}

.faq-accordion-button:not(.collapsed):after {
  background: url("data:image/svg+xml,%3Csvg width='17' height='9' viewBox='0 0 17 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.8164 0.431664C16.7583 0.37346 16.6894 0.327281 16.6134 0.295773C16.5375 0.264265 16.4561 0.248047 16.3739 0.248047C16.2917 0.248047 16.2103 0.264265 16.1343 0.295773C16.0584 0.327281 15.9894 0.37346 15.9314 0.431664L8.87388 7.49041L1.81638 0.431664C1.75827 0.373554 1.68929 0.327458 1.61336 0.29601C1.53744 0.264561 1.45606 0.248374 1.37388 0.248374C1.2917 0.248374 1.21033 0.264561 1.1344 0.29601C1.05848 0.327458 0.989493 0.373554 0.931383 0.431664C0.873273 0.489774 0.827178 0.55876 0.795729 0.634684C0.76428 0.710609 0.748095 0.791984 0.748095 0.874164C0.748095 0.956344 0.76428 1.03772 0.795729 1.11364C0.827178 1.18957 0.873273 1.25855 0.931383 1.31666L8.43138 8.81666C8.48944 8.87487 8.55841 8.92105 8.63434 8.95255C8.71027 8.98406 8.79167 9.00028 8.87388 9.00028C8.95609 9.00028 9.03749 8.98406 9.11342 8.95255C9.18936 8.92105 9.25833 8.87487 9.31638 8.81666L16.8164 1.31666C16.8746 1.25861 16.9208 1.18964 16.9523 1.11371C16.9838 1.03777 17 0.956373 17 0.874164C17 0.791955 16.9838 0.710553 16.9523 0.634622C16.9208 0.55869 16.8746 0.489721 16.8164 0.431664Z' fill='%23EF870E'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  rotate: 0deg;
}

.about__padding__wrap {
  background: url(../img/blog/FAQ-background.png);
  padding: 80px 0;
  background-size: cover;
}

.about__padding__wrap .instructor__list>ul {
  flex-wrap: wrap;
}

.about__single__course__counter {
  padding-top: 30px;
}

/*------------------------------
Popular Area
-------------------------------*/
.populerarea__wraper {
  margin-bottom: 50px;
  align-items: center;
}

.populerarea {
  background-color: #2A2A2A;
  position: relative;
  overflow: hidden;
}

.populerarea .populerarea__icon__1 svg {
  position: absolute;
}

.populerarea__wraper .section__title .section__title__heading h2 {
  color: #FFFFFF;
  font-size: 42px;
  line-height: 54px;
  margin-bottom: 0;
  position: relative;
  z-index: 2;
}

.populerarea__wraper .eventarea__content p {
  color: #FFFFFF;
}

.populerarea__wraper .heading__underline span::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 7px;
  background: var(--secondaryColor);
  bottom: 10px;
  left: 0;
  z-index: -1;
  opacity: 50%;
}

.populerarea__heading a {
  margin-bottom: 25px;
}

.populerarea__heading h2 {
  font-size: 42px;
  line-height: 50px;
  margin-bottom: 0;
}

.populerarea__content {
  padding-left: 50px;
}

.populerarea__content p {
  line-height: 29px;
}

.populerarea__button {
  text-align: right;
}

.populerarea__button a {
  background: var(--secondaryColor);
  border: 1px solid var(--secondaryColor);
}

.populerarea__button a:hover {
  background: var(--primaryColor);
  border: 1px solid var(--secondaryColor);
  color: var(--whiteColor);
}

.single__service {
  padding: 30px;
  /* box-shadow: 0 0 50px 10px rgba(95, 45, 237, 0.1); */
  margin-bottom: 30px;
  transition: var(--transition);
  position: relative;
  border-radius: var(--borderRadius3);
  background: var(--whiteColor);
  min-height: 225px;
}

.single__service__2 {
  padding: 30px 20px;
  box-shadow: 0 0 50px 10px rgba(29, 175, 247, 0.17);
  margin-bottom: 30px;
  transition: var(--transition);
  position: relative;
  border-radius: var(--borderRadius3);
  background: var(--whiteColor);
  min-height: 250px;
}

.single__service__2 .service__content h3 {
  margin-bottom: 4px !important;
}

.single__service__2 .service__content h3 a {
  color: #000;
}

.single__service:hover {
  background: #2a2a2a;
  transform: translateY(-5px);
  box-shadow: 0 0 50px 10px rgba(29, 175, 247, 0.13);
}

.single__service:hover .service__content p {
  color: var(--primaryColor);
}

.single__service:hover .service__bg__img .service__icon__bg path {
  fill-opacity: 1;
}

.single__service:hover .service__bg__img .service__icon__bg {
  z-index: -1;
  rotate: -45deg;
}

.single__service:hover .service__small__img svg {
  opacity: 1;
}

.single__service:hover .service__img {
  color: var(--whiteColor);
}

/* .single__service:hover .service__img .service__icon path {
  fill: var(--whiteColor);
} */
.single__service:hover .service__img .service__icon__bg path {
  fill: var(--whiteColor);
}

.single__service:hover .service__content h3 a {
  color: var(--whiteColor);
}

.single__service:hover .service__content h3 a:hover {
  color: var(--secondaryColor);
}

.single__service:hover .service__button a {
  color: var(--whiteColor);
}

.single__service.ss_margin {
  margin-top: 50px;
}

.single__service .service__content h3 a {
  color: var(--blackColor);
  font-family: var(--headingFont);
  transition: var(--transition);
}

/* .populerarea__2 {
  background-color: var(--lightGrey10);
} */

.populerarea__2 .row {
  align-items: center;
}

.populerarea__2 .service__content h3 {
  font-size: 23px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 15px;
}

.populerarea__2 .service__button a:hover {
  color: var(--secondaryColor);
}

.populerarea__2 .single__service {
  padding: 35px;
}

.service__text p {
  color: #EF870E;
  font-size: 18px;
  font-weight: 600;
}

.service__img {
  position: relative;
  margin-bottom: 10px;
  margin-right: 15px;
}

.service__img_text {
  display: flex;
}

.service__img img {
  max-width: 60px;
  margin-bottom: 10px;
}

.service__img svg {
  max-height: 60px;
  transition: var(--transition);
}

.service__img .service__bg__img svg {
  position: absolute;
  top: -13px;
  left: -10px;
  max-height: 60px;
  transition: var(--transition);
  width: 100px;
}

.service__content h3 {
  font-size: 22px;
  font-weight: 600;
  line-height: 29px;
  margin-bottom: 5px;
}

.service__content p {
  line-height: 22px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 600;
  color: #5F6C76;
}

.service__small__img svg {
  position: absolute;
  top: 20px;
  right: 30px;
  opacity: 0;
  max-height: 25px;
  max-width: 30px;
  transition: var(--transition);
}

.service__content__2 p {
  font-size: 14px;
  line-height: 24px;
}

.service__button {
  margin-top: 15px;
}

.service__button a {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: var(--blackColor);
}

.populerarea__content__wraper__2 {
  padding-right: 61px;
}

.populerarea__content__wraper__2 .section__title {
  margin-bottom: 30px;
}

.populerarea__content__wraper__2 .populerarea__content__2 .populerarea__para__1 {
  margin-bottom: 35px;
}

.populerarea__content__wraper__2 .populerarea__content__2 .populerarea__para__2 {
  margin-bottom: 40px;
  border-left: 3px solid var(--secondaryColor);
  padding-left: 10px;
}

.populerarea__content__wraper__2 .populerarea__button__2 .default__button {
  background: var(--primaryColor);
  color: var(--whiteColor);
  border: 1px solid var(--primaryColor);
}

.populerarea__content__wraper__2 .populerarea__button__2 .default__button:hover {
  border: 1px solid var(--primaryColor);
  color: var(--whiteColor);
  background: var(--secondaryColor);
}

.service__wrap__content {
  position: relative;
}

.service__wrap__content .service__animate__shape__2 img {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 50px;
  animation: move5 3s infinite linear;
}

.about__wrap__content {
  position: relative;
}

.about__wrap__content .service__animate__shape__1 img {
  position: absolute;
  right: 50px;
  bottom: -50px;
  animation: dot-anim-2 3s linear 0s infinite alternate;
}

.animate__content .single__service {
  width: 250px;
  margin: 0 10px;
}

.best__categories__item {
  margin: 20px 0;
}

/* .best__categories__item:hover .best__categories__link {
  background-color: var(--secondaryColor);
  color: var(--whiteColor);
} */

/* .best__categories__item:hover .best__categories__name {
  color: var(--whiteColor);
} */

.best__categories__link {
  display: flex;
  align-items: center;
  background-color: #FFF5EA;
  border-radius: 5px;
  padding: 20px 30px 15px;
  height: 120px;
  min-height: 70px;
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  justify-content: center;
  margin: 0 5px;
}

.best__categories__icon {
  flex-shrink: 0;
  max-width: 60px;
  width: 100%;
}

.best__categories__info {
  text-align: center;
}

.best__categories__name {
  font-size: 25px;
  line-height: 1.2;
  font-weight: 600;
  margin: 0;
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  position: relative;
  display: block;
  color: #EF870E;
}

.best__categories__more {
  font-size: 18px;
  color: #2A2A2A;
  line-height: 30px;
  margin-bottom: 0;
  font-weight: 500;
}

/*------------------------------
Grid Area
-------------------------------*/
.gridarea {
  padding-top: 70px;
  padding-bottom: 70px;
  background: #FFF5EA;
}

.gridfilter_nav {
  display: flex;
  justify-content: space-between;
}

.gridfilter__nav__right {
  display: flex;
}

.gridfilter__nav__right__funnel {
  padding: 0 10px;
  border: 1px solid #ced4da;
  border-radius: .375rem;
  display: flex;
  align-items: center;
}

.gridfilter__nav__right li {
  margin: 0 15px;
}

.gridfilter__nav__right__funnel svg {
  width: 15px;
  height: 19px;
}

.gridarea.gridarea__2 {
  background: var(--whiteColor);
}

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

.gridarea__wraper {
  background: var(--whiteColor);
  padding: 15px;
  box-shadow: 0 0 20px 10px rgba(95, 45, 237, 0.05);
  margin-bottom: 30px;
  border-radius: 10px;
}

.gridarea__wraper.gridarea__wraper__2 .gridarea__content .gridarea__heading h3 {
  font-size: 18px;
  line-height: 25px;
}

.gridarea__wraper.gridarea__wraper__2 .gridarea__content .gridarea__bottom .gridarea__small__img .gridarea__small__content h6 {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
}

.gridarea__wraper:hover .gridarea__img img {
  transform: scale(1.05);
}

.gridarea__wraper .gridarea__img {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}

.gridarea__wraper .gridarea__img img {
  width: 100%;
  border-radius: var(--borderRadius);
}

.gridarea__wraper .gridarea__img .gridarea__small__button {
  position: absolute;
  top: 3px;
  left: 8px;
}

.gridarea__wraper .gridarea__img .gridarea__small__button .grid__badge {
  background: var(--secondaryColor);
  color: var(--whiteColor);
  border-radius: 3px;
  font-weight: 600;
  font-size: 12px;
  display: inline-block;
  text-align: center;
  padding: 5px 15px;
  line-height: 1;
}

.gridarea__wraper .gridarea__img .gridarea__small__button .grid__badge.blue__color {
  background: var(--blue);
}

.gridarea__wraper .gridarea__img .gridarea__small__button .grid__badge.pink__color {
  background: var(--secondaryColor2);
}

.gridarea__wraper .gridarea__img .gridarea__small__button .grid__badge.green__color {
  background: var(--greencolor2);
}

.gridarea__wraper .gridarea__img .gridarea__small__button .grid__badge.orange__color {
  background: var(--orange);
}

.gridarea__wraper .gridarea__img .gridarea__small__button .grid__badge.yellow__color {
  background: var(--yellow);
}

.gridarea__wraper .gridarea__img .gridarea__small__icon {
  position: absolute;
  top: 3px;
  right: 8px;
}

.gridarea__wraper .gridarea__img .gridarea__small__icon i {
  width: 30px;
  height: 27px;
  line-height: 27px;
  background: rgba(0, 0, 0, 0.16);
  display: inline-block;
  text-align: center;
  color: var(--whiteColor);
  border-radius: 3px;
  transition: var(--transition);
}

.gridarea__wraper .gridarea__img .gridarea__small__icon i:hover {
  background: var(--primaryColor);
}

.gridarea__wraper .gridarea__content .gridarea__list {
  margin-bottom: 15px;
}

.gridarea__wraper .gridarea__content .gridarea__list ul {
  display: flex;
  justify-content: space-between;
}

.gridarea__wraper .gridarea__content .gridarea__list ul li {
  font-size: 14px;
  color: var(--blackColor);
}

.gridarea__wraper .gridarea__content .gridarea__list ul li i {
  font-size: 18px;
  margin-right: 1px;
  color: var(--primaryColor);
}

.gridarea__wraper .gridarea__content .gridarea__list ul .gridarea_li_1 i {
  color: var(--secondaryColor);
}

.gridarea__wraper .gridarea__content .gridarea__list ul .gridarea_li_2 i {
  color: var(--primaryColor);
}

.gridarea__wraper .gridarea__content .gridarea__heading h3 {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 600;
  line-height: 27px;
  height: 50px;
}

.gridarea__wraper .gridarea__content .gridarea__heading p {
  font-size: 12px;
  font-weight: 500;
  color: #6D6E75;
  height: 40px;
}

.gridarea__wraper .gridarea__content .gridarea__heading h3 a {
  color: var(--blackColor);
}

.gridarea__wraper .gridarea__content .gridarea__heading h3 a:hover {
  color: var(--primaryColor);
}

.gridarea__wraper .gridarea__content .gridarea__bottom {
  font-size: 18px;
  font-weight: 600;
  color: var(--primaryColor);
  margin-bottom: 0;
  display: flex;
  justify-content: space-between;
}

.gridarea__price {
  color: var(--primaryColor);
  font-weight: 600;
  font-size: 18px;
}

.gridarea__wraper .gridarea__content .gridarea__price p {
  font-size: 18px;
  font-weight: 600;
  color: var(--primaryColor);
}

.gridarea__wraper .gridarea__content .gridarea__price.green__color {
  color: var(--lightGrey4);
}

.gridarea__wraper .gridarea__content .gridarea__price.green__color span {
  color: var(--greencolor);
  font-size: 16px;
}

.gridarea__wraper .gridarea__content .gridarea__price del {
  color: var(--lightGrey4);
  font-size: 13px;
}

.gridarea__wraper .gridarea__content .gridarea__price span {
  margin-left: 25px;
}

.gridarea__wraper .gridarea__content .gridarea__price span del {
  color: var(--secondaryColor3);
  font-size: 16px;
}

.gridarea__wraper .gridarea__content .gridarea__bottom {
  border-top: 1px solid var(--lightGrey5);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 15px;
}

.gridarea__wraper .gridarea__content .gridarea__bottom h6:hover {
  color: var(--primaryColor);
}

.gridarea__wraper .gridarea__content .gridarea__bottom .gridarea__small__img {
  display: flex;
  align-items: center;
}

.gridarea__wraper .gridarea__content .gridarea__bottom .gridarea__small__img img {
  max-width: 30px;
  border-radius: 50px;
}

.gridarea__wraper .gridarea__content .gridarea__bottom .gridarea__small__content {
  margin-left: 15px;
}

.gridarea__wraper .gridarea__content .gridarea__bottom .gridarea__small__content h6 {
  margin-bottom: 0;
}

.gridarea__wraper .gridarea__content .gridarea__bottom .gridarea__star {
  color: var(--yellow);
  font-size: 15px;
}

.gridarea__wraper .gridarea__content .gridarea__bottom .gridarea__star span {
  color: var(--lightGrey6);
  font-size: 13px;
}

.grid__filter {
  padding: 20px 40px;
  background: var(--whiteColor);
  margin-bottom: 25px;
  box-shadow: 0px 30px 40px 0px rgba(1, 11, 60, 0.06);
  margin-right: 50px;
  margin-left: 50px;
  border-radius: var(--borderRadius);
  text-align: center;
  width: max-content;
  margin-top: 50px;
}

.grid__filter button {
  border: none;
  background: none;
  margin: 0 15px;
  padding: 0 15px;
  position: relative;
  font-weight: 500;
  color: var(--contentColor);
}

.grid__filter button::before {
  width: 0;
  transition: var(--transition);
  position: absolute;
  content: "";
  height: 2px;
  bottom: -20px;
  left: 0;
}

.grid__filter button:hover::before {
  width: 100%;
}

.grid__filter button:last-child {
  margin-right: 0;
  padding-right: 0;
}

.grid__filter button:last-child::after {
  display: none;
}

.grid__filter button:hover {
  color: var(--primaryColor);
}

.grid__filter button.active::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  bottom: -20px;
  left: 0;
}

.grid__filter button::after {
  position: absolute;
  content: "";
  width: 2px;
  height: 15px;
  background: var(--contentColor);
  bottom: 8px;
  right: -15px;
}

.gridarea__wraper.gridarea__course__list {
  display: flex;
  margin-bottom: 30px;
  padding-right: 30px;
}



.gridarea__wraper.gridarea__course__list .gridarea__img {
  margin-bottom: 0;
  width: 35%;
}

.gridarea__wraper.gridarea__course__list .gridarea__content {
  width: 65%;
  padding-left: 90px;
}

.gridarea__wraper.gridarea__course__list .gridarea__content .gridarea__heading {
  max-width: 95%;
}

.gridarea__wraper.gridarea__course__list .gridarea__content .gridarea__heading h3 {
  font-weight: 600;
  font-size: 34px;
  line-height: 37px;
}

.gridarea__wraper.gridarea__course__list .gridarea__content .gridarea__price {
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  color: rgba(114, 106, 137, 0.8);
}

.gridarea__wraper.gridarea__course__list .gridarea__content .gridarea__price span {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: var(--greencolor2);
}

.gridarea__wraper.gridarea__course__list .gridarea__content .gridarea__bottom .gridarea__details a {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: var(--blackColor);
}

.gridarea__wraper.gridarea__course__list .gridarea__content .gridarea__bottom .gridarea__details a:hover {
  color: var(--primaryColor);
}

.gridarea__bottom__left {
  display: flex;
  align-items: center;
}

.gridarea__bottom__left .gridarea__star {
  margin-left: 35px;
}

.grid__row {
  align-items: center;
  margin-bottom: 25px;
}

.grid__filter__2 {
  text-align: right;
}

.grid__filter__2 button {
  border: none;
  background: none;
  font-weight: 500;
  font-size: 16px;
  line-height: 29px;
  padding-right: 40px;
  color: var(--contentColor);
}

.grid__filter__2 button:last-child {
  padding-right: 0;
}

.grid__filter__2 button.active {
  color: var(--primaryColor);
}

.grid__filter__2 button:hover {
  color: var(--primaryColor);
}

.product__grid:hover .product__grid__action {
  bottom: 20px;
  visibility: visible;
  opacity: 1;
}

.product__grid__action {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  transition: var(--transition);
  opacity: 0;
  visibility: hidden;
}

.product__grid__action ul {
  display: flex;
  justify-content: center;
}

.product__grid__action ul li {
  margin: 0 3px;
}

.product__grid__action ul li a {
  height: 45px;
  width: 50px;
  display: block;
  border: 1px solid var(--borderColor);
  text-align: center;
  line-height: 45px;
  border-radius: var(--borderRadius);
  background-color: var(--whiteColor);
  font-size: 14px;
}

.product__grid__action ul li a:hover {
  background: var(--primaryColor);
  border-color: var(--primaryColor);
  color: var(--whiteColor);
}

.product__grid__action ul li a.grid__cart {
  width: auto;
  padding: 0 20px;
}

.product__grid__action ul li svg {
  height: 18px;
  position: relative;
  top: -2px;
}

.product__grid__action ul li svg path {
  transition: var(--transition);
}

.gridarea__wraper.product__grid .gridarea__content .gridarea__heading h3 {
  font-size: 22px;
  line-height: 1;
  margin-bottom: 15px;
  font-weight: 500;
}

.gridarea__wraper.product__grid .gridarea__content .gridarea__price {
  line-height: 1;
}

.gridarea__wraper.product__grid .gridarea__content .gridarea__price {
  font-size: 24px;
}

.gridarea__wraper.product__grid .gridarea__content .gridarea__price del {
  font-size: 16px;
}

.zoom__meeting__grid.gridarea__wraper .gridarea__content .gridarea__heading h3 {
  font-size: 22px;
  line-height: 1;
}

.zoom__meeting__grid .zoom__meeting__id p {
  font-size: 14px;
}

.zoom__meeting__grid .zoom__meeting__id span {
  font-weight: 700;
  color: var(--secondaryColor);
  font-size: 18px;
  margin: 10px;
}

.zoom__meeting__grid .zoom__meeting__time p {
  font-size: 14px;
  display: flex;
  align-items: center;
  margin: 5px 0;
}

.zoom__meeting__grid .zoom__meeting__time span {
  font-weight: 700;
  color: var(--primaryColor);
  font-size: 26px;
  margin-left: 10px;
}

.zoom__meeting__grid .gridarea__content .gridarea__bottom .gridarea__small__content {
  margin-left: 15px;
  font-size: 12px;
}

.zoom__meeting__grid .gridarea__content .gridarea__bottom .gridarea__small__content h5 {
  margin: 0;
  font-size: 18px;
}

.zoom__meeting__grid .gridarea__content .gridarea__bottom .gridarea__small__img img {
  max-width: 50px;
}

.zoom__meetings__details .course__details__sidebar--2 {
  top: 0;
}

/*------------------------------
Event
-------------------------------*/

.eventlistarea .container {
  position: relative;
}

.eventlistarea__bg svg {
  position: absolute;
  left: -135px;
  top: 20%;
  animation: 3s linear 0s infinite alternate none running dot-anim-2;
}

.eventarea__wraper {
  align-items: center;
}

.eventarea__section__title {
  max-width: 100%;
  margin-bottom: 0px;
}

.eventarea__content p {
  position: relative;
  margin-bottom: 0;
}

.eventarea__content p::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  background: var(--darkdeep7);
  left: -30px;
}

.populerarea__wraper .eventarea__content p::before {
  background: #545454;
}

.single__event__wraper {
  padding: 20px;
  box-shadow: 0px 30px 40px 0px rgba(1, 11, 60, 0.06);
  display: flex;
  background: var(--whiteColor);
  margin-bottom: 24px;
  transition: var(--transition);
  border-radius: var(--borderRadius);
}

.single__event__wraper:last-child {
  margin-bottom: 0;
}

.single__event__wraper:hover {
  background: var(--primaryColor);
}

.single__event__wraper:hover .eventarea__content__wraper .eventarea__list ul li {
  color: var(--whiteColor);
}

.single__event__wraper:hover .eventarea__content__wraper .eventarea__list ul li i {
  color: var(--whiteColor);
}

.single__event__wraper:hover .eventarea__content__wraper .eventarea__list ul li a {
  color: var(--whiteColor);
}

.single__event__wraper:hover .eventarea__content__wraper .eventarea__list ul li a:hover {
  color: var(--secondaryColor);
}

.single__event__wraper:hover .eventarea__content__wraper .single__event__heading h4 a {
  color: var(--whiteColor);
}

.single__event__wraper:hover .eventarea__content__wraper .single__event__heading h4 a:hover {
  color: var(--secondaryColor);
}

.single__event__wraper:hover .eventarea__content__wraper .single__event__button a {
  color: var(--whiteColor);
}

.single__event__wraper:hover .eventarea__content__wraper .single__event__button a:hover {
  color: var(--secondaryColor);
}

.single__event__wraper.single__event__wraper__2 {
  justify-content: space-between;
  padding-left: 45px;
}

.single__event__wraper.single__event__wraper__2 .eventarea__img {
  margin-right: 0;
  margin-left: 45px;
}

.single__event__wraper.single__award {
  padding: 15px;
  margin-bottom: 30px;
}

.single__event__wraper.single__award .eventarea__content__wraper {
  padding: 0;
}

.single__event__wraper .eventarea__img {
  margin-right: 40px;
  text-align: center;
}

.single__event__wraper .eventarea__content__wraper {
  padding: 18px 0;
}

.single__event__wraper .eventarea__content__wraper .eventarea__list {
  margin-bottom: 10px;
}

.single__event__wraper .eventarea__content__wraper .eventarea__list ul li {
  font-size: 14px;
  margin-right: 18px;
  color: var(--blackColor);
}

.single__event__wraper .eventarea__content__wraper .eventarea__list ul li i {
  color: var(--primaryColor);
  margin-right: 4px;
}

.single__event__wraper .eventarea__content__wraper .eventarea__list ul li span {
  color: var(--primaryColor);
}

.single__event__wraper .eventarea__content__wraper .eventarea__list ul li a {
  color: var(--primaryColor);
}

.single__event__wraper .eventarea__content__wraper .single__event__heading {
  margin-bottom: 15px;
}

.single__event__wraper .eventarea__content__wraper .single__event__heading h4 {
  font-size: 24px;
  font-weight: 600;
  margin-right: 40px;
}

.single__event__wraper .eventarea__content__wraper .single__event__button a {
  color: var(--blackColor);
  font-size: 16px;
}

.single__event__wraper .eventarea__content__wraper .single__event__button a:hover {
  color: var(--primaryColor);
}

.single__event__wraper .eventarea__content__wraper .single__event__button a i {
  position: relative;
  top: 1px;
}

.tab__button__wrap {
  margin-bottom: 43px;
}

.tab__button__wrap li {
  transition: var(--transition);
}

.tab__button__wrap li.nav-item {
  width: 20%;
  padding-right: 10px;
}

.tab__button__wrap li.nav-item:last-child {
  padding-right: 0;
}

.tab__button__wrap li button {
  border: none;
  padding: 18px 0;
  background: var(--lightGrey7);
  margin-right: 11px;
  font-size: 22px;
  font-weight: 600;
  font-family: var(--headingFont);
  color: var(--blackColor);
  width: 100%;
  border-radius: var(--borderRadius);
  position: relative;
  transition: var(--transition);
}

.tab__button__wrap li button:hover {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
  background: var(--whiteColor);
}

.tab__button__wrap li button:hover::after {
  width: 100%;
}

.tab__button__wrap li button::after {
  position: absolute;
  content: "";
  height: 4px;
  width: 0;
  background: var(--primaryColor);
  top: 0;
  left: 0;
  transition: var(--transition);
  border-radius: 0px 0px 2px 2px;
}

.tab__button__wrap li button:hover {
  color: var(--primaryColor);
}

.tab__button__wrap li button.active {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
  background: var(--whiteColor);
}

.tab__button__wrap li button.active::after {
  width: 100%;
}

.pricingarea__content__wraper {
  padding: 50px 40px 40px 40px;
  background: var(--lightGrey10);
  transition: var(--transition);
  border-radius: var(--borderRadius3);
}

.pricingarea__content__wraper:hover {
  background: var(--whiteColor);
  box-shadow: 0px 4px 49px rgba(0, 0, 0, 0.05);
}

.pricingarea__content__wraper .pricingarea__heading {
  margin-bottom: 55px;
}

.pricingarea__content__wraper .pricingarea__heading h6 {
  font-weight: 600;
  font-size: 28px;
  line-height: 45px;
  color: var(--blackColor);
}

.pricingarea__content__wraper .pricingarea__heading .pricingarea__number {
  align-items: center;
}

.pricingarea__content__wraper .pricingarea__heading .pricingarea__number h1 {
  font-weight: 500;
  font-size: 48px;
  color: var(--blackColor);
}

.pricingarea__content__wraper .pricingarea__heading .pricingarea__number h1 .price__currency {
  font-size: 58px;
  padding-right: 3px;
}

.pricingarea__content__wraper .pricingarea__heading .pricingarea__number h1 .price__durition {
  font-weight: 500;
  font-size: 22px;
  line-height: 35px;
  color: var(--contentColor2);
  padding-left: 3px;
}

.pricingarea__content__wraper .pricingarea__heading p {
  line-height: 19px;
  color: var(--blackColor);
  font-weight: 400;
  margin-bottom: 0;
}

.pricingarea__content__wraper .pricingarea__list ul li {
  display: block;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  color: var(--deepblue);
  margin-bottom: 30px;
}

.pricingarea__content__wraper .pricingarea__list ul li i {
  height: 20px;
  width: 20px;
  line-height: 21px;
  text-align: center;
  border-radius: 50px;
  background: var(--secondaryColor);
  color: var(--whiteColor);
  margin-right: 15px;
  font-size: 12px;
  display: inline-block;
}

.pricingarea__content__wraper .pricingarea__list ul li i.close__button {
  background: var(--lightGrey6);
}

.pricingarea__content__wraper .pricingarea__list ul li i.dark__color__2 {
  background: var(--lightGrey6);
}

.pricingarea__content__wraper .pricingarea__plan__type {
  position: relative;
}

.pricingarea__content__wraper .pricingarea__plan__type img {
  position: absolute;
  top: -30px;
  right: 0;
  max-width: 70%;
}

.pricingarea__content__wraper .pricingarea__button {
  margin-bottom: 25px;
}

.pricingarea__content__wraper .pricingarea__button a {
  width: 100%;
}

.pricingarea__content__wraper .pricingarea__button.pricingarea__button__2 a {
  background: var(--secondaryColor);
  border: 1px solid var(--secondaryColor);
}

.pricingarea__content__wraper .pricingarea__button.pricingarea__button__2 a:hover {
  background: var(--whiteColor);
  color: var(--secondaryColor);
  border: 1px solid var(--secondaryColor);
}

.pricingarea__content__wraper .pricingarea__text p {
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
}

.eventarea__details__small__button {
  margin-bottom: 30px;
}

.eventarea__details__small__button a {
  height: 25px;
  width: 98px;
  background: var(--indigo);
  font-weight: 500;
  font-size: 14px;
  line-height: 25px;
  color: var(--whiteColor);
  display: inline-block;
  text-align: center;
  border-radius: var(--borderRadius);
}

.event__details__heading h3 {
  font-weight: 700;
  font-size: 40px;
  line-height: 54px;
}

.eventarea__details__list ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.eventarea__details__list ul li {
  margin-right: 76px;
}

.eventarea__details__list ul li .event__details__small__img {
  display: flex;
  align-items: center;
}

.event__details__text span {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: var(--blackColor);
}

.event__details__text p {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
}

.event__details__inner {
  margin-top: 35px;
}

.event__details__inner .event__details__img__2 {
  margin-bottom: 35px;
}

.event__details__inner .event__details__img__2 img {
  width: 100%;
}

.event__details__inner .event__details__content {
  margin-bottom: 20px;
}

.event__details__inner .event__details__content h4 {
  font-weight: 700;
  font-size: 24px;
  line-height: 38px;
}

.event__details__inner .event__details__content p {
  font-weight: 400;
  font-size: 16px;
  line-height: 29px;
  color: var(--darkdeep4);
}

.event__details__list__2 h4 {
  font-weight: 700;
  font-size: 24px;
  line-height: 38px;
}

.event__details__list__2 ul li {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.event__details__list__2 ul li i {
  color: var(--primaryColor);
  margin-right: 3px;
}

.event__details__list__2 ul li p {
  margin: 0;
}

.event__sidebar__wraper {
  background: var(--whiteColor);
  box-shadow: 0px 5px 20px rgba(29, 175, 247, 0.25);
  border-radius: 5px;
  padding: 33px 25px;
  margin-bottom: 30px;
}

.event__sidebar__wraper .event__price__wraper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 50px;
}

.event__sidebar__wraper .event__price__wraper .event__price {
  font-weight: 700;
  font-size: 21px;
  line-height: 25px;
  color: var(--primaryColor);
}

.event__sidebar__wraper .event__price__wraper .event__price del {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: var(--lightGrey4);
}

.event__sidebar__wraper .event__price__wraper .event__Price__button a {
  width: 81px;
  height: 27px;
  display: inline-block;
  background: var(--whitegrey1);
  color: var(--secondaryColor2);
  font-weight: 600;
  font-size: 14px;
  line-height: 27px;
  text-align: center;
}

.event__details__list ul li {
  display: flex;
  align-items: center;
  padding-bottom: 20px;
  margin-bottom: 25px;
  border-bottom: 1px solid var(--borderColor);
}

.event__details__list ul li .event__details__icon {
  margin-right: 10px;
}

.event__details__date p {
  margin: 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
}

.event__details__date p span {
  color: var(--blackColor);
  margin-right: 7px;
}

.event__details__button a {
  padding: 10px 56px;
}

.event__details__sidebar__heading h6 {
  font-weight: 700;
  font-size: 21px;
  line-height: 25px;
  color: var(--blackColor);
}

.event__details__img__2 {
  margin-top: 25px;
  margin-bottom: 30px;
}

.event__thomas {
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 15px;
  color: var(--contentColor);
}

.event__details__share {
  display: flex;
  align-items: center;
  margin-top: 20px;
}

.event__details__share span {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  margin-right: 7px;
  color: var(--contentColor);
}

.event__details__share .event__details__share__list ul li {
  margin-right: 11px;
}

.event__details__share .event__details__share__list ul li a {
  width: 40px;
  height: 36px;
  line-height: 36px;
  display: inline-block;
  text-align: center;
  background: var(--whitegrey2);
  border-radius: 3px;
  font-weight: 400;
  font-size: 16px;
  color: var(--skycolor);
}

.event__details__share .event__details__share__list ul li a:hover {
  color: var(--whiteColor);
  background: var(--primaryColor);
}

.event__details__share .event__details__share__list ul li a.sky__color {
  background-color: var(--whitegrey2);
  color: var(--skycolor);
}

.event__details__share .event__details__share__list ul li a.sky__color:hover {
  color: var(--whiteColor);
  background: var(--primaryColor);
}

.event__details__share .event__details__share__list ul li a.deep__red {
  background-color: var(--whitegrey1);
  color: var(--deepred);
}

.event__details__share .event__details__share__list ul li a.deep__red:hover {
  color: var(--whiteColor);
  background: var(--primaryColor);
}

/*------------------------------
Register Area
-------------------------------*/
.registerarea {
  background-image: url(../img/register/register__bg.png);
  position: relative;
  margin-bottom: 150px;
}

.registerarea__2 .registerarea_2_text {
  font-size: 40px;
  color: black;
  font-weight: 700;
  text-align: center;
  margin-bottom: -45px;
}

.registerarea::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  right: auto;
  background: rgba(42, 42, 42, 0.9);
  top: 0;
  bottom: 0;
}

.registerarea__section__title {
  margin-bottom: 10px;
  z-index: 1;
  position: relative;
}

.registerarea__section__title .section__title__heading h2 {
  color: var(--whiteColor);
  z-index: 1;
}

.registerarea__section__title .section__title__heading h2 small {
  color: var(--yellow1);
  font-size: 42px;
}

.registerarea__wraper {
  max-width: 85%;
}

.registerarea__content {
  z-index: 1;
  position: relative;
}

.registerarea__content.course__details__video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.registerarea__video {
  display: flex;
  align-items: center;
}

.registerarea__video a {
  width: 80px;
  height: 80px;
  line-height: 80px;
  background: var(--secondaryColor);
  color: var(--whiteColor);
  border-radius: 100%;
  text-align: center;
  margin-right: 20px;
  display: inline-block;
  position: relative;
}

.registerarea__video a img {
  width: auto;
}

.registerarea__video a::before {
  content: "";
  border: 2px solid var(--secondaryColor);
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  -webkit-animation: zoomBig 3.25s linear infinite;
  animation: zoomBig 3.25s linear infinite;
  -webkit-animation-delay: 0.75s;
  animation-delay: 0.75s;
}

.registerarea__video a::after {
  content: "";
  border: 2px solid var(--secondaryColor);
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  -webkit-animation: zoomBig 3.25s linear infinite;
  animation: zoomBig 3.25s linear infinite;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.registerarea__video p {
  font-weight: 500;
  color: var(--whiteColor);
  font-size: 22px;
  line-height: 34px;
  margin-bottom: 0;
}

.registerarea__form {
  position: relative;
  z-index: 1;
  padding: 40px 35px 35px 35px;
  background: var(--lightGrey10);
  box-shadow: 0px 30px 40px 0px rgba(1, 11, 60, 0.06);
  border-radius: var(--borderRadius);
  margin-bottom: -150px;
}

.registerarea__button .default__button{
  margin: 0;
}

.registerarea__form .register_form .form-group{
  margin-bottom: 20px;
}

.registerarea__form .registerarea__form__heading h4 {
  font-family: var(--bodyFont);
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: 600;
}

.registerarea__form form .register__input::placeholder {
  color: #757575;
}

.registerarea__form form .register__input {
  height: 50px;
  width: 100%;
  border: none;
  background: #FFE6C9;
  padding: 10px 15px;
  font-size: 16px;
  line-height: 54px;
}

.registerarea__form form .register__input.textarea {
  height: 155px;
  width: 100%;
  color: #757575;
}

.registerarea__img .register__1 {
  position: absolute;
  top: 8%;
  left: 8%;
  animation: 3s linear 0s infinite alternate none running dot-anim-2;
}

.registerarea__img .registerarea__img_book {
  width: 100%;
}

.registerarea__img .register__2 {
  position: absolute;
  top: 50%;
  left: 11%;
  animation: cir-anim 6s linear 0s infinite alternate;
}

.registerarea__img .register__3 {
  position: absolute;
  top: 60%;
  left: 3%;
  animation: 3s linear 0s infinite alternate none running dot-anim;
}

@keyframes zoomBig {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.5);
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 1;
    border-width: 3px;
  }

  40% {
    opacity: 0.5;
    border-width: 2px;
  }

  65% {
    border-width: 1px;
  }

  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
    border-width: 1px;
  }
}

@keyframes zoomBig {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.5);
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 1;
    border-width: 3px;
  }

  40% {
    opacity: 0.5;
    border-width: 2px;
  }

  65% {
    border-width: 1px;
  }

  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
    border-width: 1px;
  }
}

/*------------------------------
Testimonial Area
-------------------------------*/
.testmonialarea {
  background: var(--lightGrey7);
}

.single__testimonial__wraper {
  padding: 40px 50px 50px 40px;
  box-shadow: 0px 30px 40px 0px rgba(1, 11, 60, 0.06);
  border-radius: var(--borderRadius);
  background: var(--whiteColor);
}

.single__testimonial__wraper .single__testimonial__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}

.single__testimonial__wraper .single__testimonial__inner .testimonial__img {
  display: flex;
  align-items: center;
}

.single__testimonial__wraper .single__testimonial__inner .testimonial__img .testimonial__name {
  margin-left: 22px;
}

.single__testimonial__wraper .single__testimonial__inner .testimonial__img .testimonial__name h6 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 0;
}

.single__testimonial__wraper .single__testimonial__inner .testimonial__img .testimonial__name span {
  font-size: 14px;
  color: var(--lightGrey9);
}

.single__testimonial__wraper .single__testimonial__inner .testimonial__icon i {
  color: var(--yellow);
  font-size: 18px;
}

.single__testimonial__wraper .single__testimonial__inner .testimonial__icon i.dark__color {
  color: var(--lightGrey6);
}

.single__testimonial__wraper .testimonial__content p {
  line-height: 32px;
  margin-bottom: 0;
}

.default__arrow .slick-arrow {
  font-size: 30px;
  position: absolute;
  top: 50%;
  left: -50px;
  width: auto;
  z-index: 9;
  transform: translateY(-50%);
  cursor: pointer;
  transition: var(--transition);
}

.default__arrow .slick-arrow.next_class {
  left: auto;
  right: -50px;
}

.default__arrow .slick-arrow:hover {
  color: var(--secondaryColor);
}

.aboutarea__3 {
  background: var(--lightGrey10);
  position: relative;
}

.aboutarea__3 .aboutarea__img__3 .aboutarea__3__img__1 {
  position: absolute;
  top: 110px;
  left: 216px;
  animation: 3s linear 0s infinite alternate none running dot-anim-2;
}

.aboutarea__3 .aboutarea__img__3 .aboutarea__3__img__2 {
  position: absolute;
  top: 360px;
  left: 162px;
  animation: cir-anim 6s linear 0s infinite alternate;
}

.aboutarea__3 .aboutarea__img__3 .aboutarea__3__img__3 {
  position: absolute;
  top: 430px;
  left: 156px;
  animation: 3s linear 0s infinite alternate none running dot-anim;
}

.aboutarea__3__section__title {
  margin-bottom: 20px;
}

.aboutarea__3__button {
  margin-top: 45px;
}

.aboutarea__3__button a {
  background: var(--secondaryColor);
  color: var(--whiteColor);
  border: 1px solid var(--secondaryColor);
}

.aboutarea__3__button a:hover {
  color: var(--secondaryColor);
  border: 1px solid var(--secondaryColor);
  background: var(--whiteColor);
}

.aboutarea__para__3 {
  background: var(--whiteColor);
  padding: 50px 25px;
  position: relative;
}

.aboutarea__para__3::after {
  position: absolute;
  left: 27px;
  bottom: -14px;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 15px solid var(--whiteColor);
  content: "";
}

.aboutarea__para__3 p {
  margin-bottom: 0;
}

.aboutarea__para__3 .aboutarea__icon__3 i {
  height: 60px;
  width: 60px;
  line-height: 60px;
  text-align: center;
  color: var(--whiteColor);
  background: var(--primaryColor);
  display: inline-block;
  position: absolute;
  top: -30px;
  left: -30px;
  font-size: 30px;
}

.aboutarea__img__3 {
  margin-top: 22px;
  display: flex;
  align-items: center;
}

.aboutarea__img__3 .aboutarea__img__name {
  margin-left: 80px;
}

.aboutarea__img__3 .aboutarea__img__name h6 {
  font-weight: 600;
  font-size: 20px;
  line-height: 32px;
  margin-bottom: 5px;
}

.aboutarea__img__3 .aboutarea__img__name p {
  line-height: 17px;
  color: var(--lightGrey9);
  margin-bottom: 0;
}

.custom__review__grid {
  padding-right: 30px;
  padding-left: 30px;
}

.testimonial__area__2 .row {
  margin-right: -30px;
  margin-left: -30px;
}

.testimonialarea__3 {
  background: url(../img/herobanner/abut_background.png);
  padding-top: 145px;
  padding-bottom: 154px;
}

.testimonialarea__paragraph__3 {
  position: relative;
}

.testimonialarea__paragraph__3 p {
  font-weight: 400;
  font-size: 20px;
  line-height: 40px;
  color: var(--lightGrey);
}

.testimonialarea__paragraph__3 .testimonial__quote i {
  font-size: 20px;
  color: var(--primaryColor);
}

.testimonialarea__paragraph__3 .testimonial__quote i.quote__left {
  padding-right: 5px;
}

.testimonialarea__paragraph__3 .testimonial__quote i.quote__right {
  padding-left: 5px;
}

.testimonial__group__img img {
  width: 100%;
}

.testimonialarea__person__3 {
  display: flex;
  align-items: center;
  margin-top: 45px;
}

.testimonialarea__person__3 .testimonial__img__3 {
  margin-right: 18px;
}

.testimonialarea__person__3 .testimonial__name h6 {
  margin: 0;
  font-size: 22px;
  font-weight: 600;
}

.testimonialarea__person__3 .testimonial__name span {
  color: var(--primaryColor);
  font-weight: 500;
}

.testimonial__group__img {
  padding-left: 70px;
}

.testimonial__slider__active__3 .slick-arrow {
  height: 60px;
  width: 60px;
  background: var(--whiteColor);
  line-height: 68px;
  display: inline-block;
  text-align: center;
  position: absolute;
  bottom: 0;
  right: 0;
  transition: var(--transition);
  z-index: 99;
  cursor: pointer;
}

.testimonial__slider__active__3 .slick-arrow:hover {
  background: var(--primaryColor);
  color: var(--whiteColor);
}

.testimonial__slider__active__3 .slick-arrow.prev_class {
  right: 61px;
}

.testimonial__slider__active__3 .slick-arrow i {
  font-size: 30px;
}

/*------------------------------
Counter Area
-------------------------------*/

.counterarea__text__wraper {
  display: flex;
  align-items: center;
}

.counterarea__text__wraper .counter__img {
  margin-right: 16px;
}

.counterarea__text__wraper .counter__content__wraper .counter__number {
  font-weight: 700;
  font-size: 34px;
  line-height: 1.1;
  font-family: "Hind";
  color: var(--blackColor);
}

.counterarea__text__wraper .counter__content__wraper p {
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  color: var(--blackColor);
  margin: 0;
}

/*------------------------------
Team Area
-------------------------------*/

.single__team .teamarea__img {
  position: relative;
  margin-bottom: 20px;
}

.single__team .teamarea__img img {
  width: 100%;
}

.single__team .teamarea__img:hover .teamarea__icon {
  right: 20px;
  opacity: 1;
  visibility: visible;
}

.single__team .teamarea__img .teamarea__icon {
  position: absolute;
  top: 20px;
  right: 0;
  opacity: 0;
  visibility: hidden;
  transition: var(--transition);
}

.single__team .teamarea__img .teamarea__icon ul li {
  display: block;
}

.single__team .teamarea__img .teamarea__icon ul li i {
  height: 41px;
  width: 41px;
  line-height: 41px;
  text-align: center;
  font-weight: 400;
  font-size: 13px;
  color: var(--darkdeep4);
  display: inline-block;
  margin-bottom: 10px;
  background: var(--whiteColor);
  box-shadow: 0px 10px 15px rgba(221, 221, 221, 0.15);
  border-radius: 5px;
  transition: var(--transition);
}

.single__team .teamarea__img .teamarea__icon ul li i:hover {
  background: var(--primaryColor);
  color: var(--whiteColor);
}

.single__team .teamarea__content p {
  margin: 0;
}

.single__team .teamarea__content h5 {
  font-weight: 600;
  font-size: 24px;
  line-height: 38px;
  color: var(--blackColor);
}

.teamarea__margin {
  margin-bottom: 20px;
}

/*------------------------------
Instructor Area
-------------------------------*/

.single__expart__teacher {
  text-align: center;
  margin: 30px 0;
}

.single__expart__teacher .teacher__img {
  margin-bottom: 30px;
  position: relative;
}

.single__expart__teacher .teacher__img svg {
  position: absolute;
  left: 0;
  top: -16px;
  right: 0;
  width: 100%;
  opacity: 0;
  transition: var(--transition);
}

.single__expart__teacher:hover .teacher__img svg {
  animation: cir-anim 8s linear 0s infinite alternate;
  opacity: 1;
}

.single__expart__teacher .teacher__name {
  margin-bottom: 10px;
}

.single__expart__teacher .teacher__name h4 {
  font-weight: 600;
  font-size: 28px;
  line-height: 45px;
  margin: 0;
}

.single__expart__teacher .teacher__name span {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: var(--primaryColor);
}

.single__expart__teacher .teacher__icon ul li {
  margin-right: 5px;
}

.single__expart__teacher .teacher__icon ul li a {
  height: 34px;
  width: 34px;
  line-height: 34px;
  display: inline-block;
  background: rgba(95, 45, 237, 0.04);
  border-radius: 100%;
  color: var(--primaryColor);
}

.single__expart__teacher .teacher__icon ul li a:hover {
  background: var(--primaryColor);
  color: var(--whiteColor);
}

.instructor__sidebar__img {
  position: relative;
}

.instructor__sidebar__img img {
  width: 100%;
}

.instructor__sidebar__img .instructor__sidebar__small__img {
  position: absolute;
  top: 0;
  left: -21px;
  z-index: -1;
  animation: dot-anim-2 3s linear 0s infinite alternate;
}

.instructor__list>ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.instructor__list>ul li .instructor__heading h3 {
  font-weight: 700;
  font-size: 40px;
  line-height: 54px;
  margin: 0;
}

.instructor__list>ul li .instructor__heading p {
  margin: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
}

.instructor__list>ul li .instructor__review span {
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: var(--blackColor);
}

.instructor__list>ul li .instructor__review .instructor__star i {
  color: var(--yellow);
}

.instructor__list>ul li .instructor__follow span {
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: var(--blackColor);
}

.instructor__list>ul li .instructor__follow .instructor__icon li {
  margin: 0 5px;
}

.instructor__list>ul li .instructor__follow .instructor__icon li:first-child {
  margin-left: 0;
}

.instructor__list>ul li .instructor__button a {
  padding: 8px 40px;
}

.online__course__wrap {
  margin-top: 50px;
}

.instructor__content__wraper {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid var(--borderColor);
}

.instructor__content__wraper h6 {
  font-weight: 600;
  font-size: 20px;
  line-height: 32px;
  margin: 0;
}

.instructor__content__wraper p {
  font-weight: 400;
  font-size: 16px;
  line-height: 29px;
}

.instructor__heading__2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.instructor__heading__2 h3 {
  font-weight: 700;
  font-size: 30px;
  line-height: 1.2px;
  margin-bottom: 0;
}

/*------------------------------
Blog
-------------------------------*/
.single__blog__wraper {
  box-shadow: 0 0 50px 10px rgba(95, 45, 237, 0.1);
}

.blogarea__content__wraper {
  box-shadow: 0px 3px 40px rgba(14, 37, 49, 0.078);
  border-radius: var(--borderRadius);
  margin-bottom: 30px;
}

.blogarea__content__wraper:hover .blogarea__img img {
  transform: scale(1.05);
}

.blogarea__content__wraper .blogarea__img {
  position: relative;
  overflow: hidden;
}

.blogarea__content__wraper .blogarea__img img {
  width: 100%;
}

.blogarea__content__wraper .blogarea__img .blogarea__date {
  position: absolute;
  top: 20px;
  left: 20px;
  background: var(--primaryColor);
  display: inline-block;
  text-align: center;
  font-weight: 600;
  line-height: 36px;
  color: var(--whiteColor);
  border-radius: var(--borderRadius);
  font-family: var(--contentFont);
  font-size: 30px;
  padding: 8px 24px;
}

.blogarea__content__wraper .blogarea__img .blogarea__date.small__date {
  line-height: 30px;
  font-size: 24px;
  padding: 7px 22px;
}

.blogarea__content__wraper .blogarea__img .blogarea__date span {
  display: block;
}

.blogarea__content__wraper .blogarea__text__wraper {
  padding: 40px 35px 35px 35px;
}

.blogarea__content__wraper .blogarea__text__wraper.blogarea__text__wraper__2 {
  padding: 25px 20px;
}

.blogarea__content__wraper .blogarea__text__wraper.blogarea__text__wraper__2 h3 {
  font-size: 28px;
  line-height: 35px;
  margin-bottom: 0;
}

.blogarea__content__wraper .blogarea__text__wraper h3 {
  font-weight: 700;
  font-size: 36px;
  line-height: 53px;
}

.blogarea__content__wraper .blogarea__text__wraper h3 a {
  color: var(--blackColor);
}

.blogarea__content__wraper .blogarea__text__wraper h3 a:hover {
  color: var(--primaryColor);
}

.blogarea__content__wraper .blogarea__text__wraper .blogarea__para p {
  line-height: 29px;
}

.blogarea__content__wraper .blogarea__text__wraper .blogarea__icon {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
}

.blogarea__content__wraper .blogarea__text__wraper .blogarea__icon .blogarea__person {
  display: flex;
  align-items: center;
}

.blogarea__content__wraper .blogarea__text__wraper .blogarea__icon .blogarea__person .blogarea__img {
  width: 44px;
  height: 44px;
  margin-right: 12px;
}

.blogarea__content__wraper .blogarea__text__wraper .blogarea__icon .blogarea__person .blogarea__img img {
  width: 100%;
}

.blogarea__content__wraper .blogarea__text__wraper .blogarea__icon .blogarea__person .blogarea__name {
  font-weight: 400;
  font-size: 18px;
  line-height: 29px;
  color: var(--blackColor);
}

.blogarea__content__wraper .blogarea__text__wraper .blogarea__icon .blogarea__person .blogarea__name span {
  color: var(--darkdeep5);
}

.blogarea__content__wraper .blogarea__text__wraper .blogarea__icon .blogarea__list ul li a {
  height: 41px;
  width: 41px;
  line-height: 41px;
  border: 1px solid var(--borderColor);
  border-radius: var(--transition);
  display: inline-block;
  text-align: center;
  font-size: 15px;
  color: var(--darkdeep4);
  border-radius: var(--borderRadius);
}

.blogarea__content__wraper .blogarea__text__wraper .blogarea__icon .blogarea__list ul li a:hover {
  color: var(--primaryColor);
}

.single__blog__img {
  position: relative;
  padding: 10px;
}

.single__blog__img img {
  width: 100%;
}

.single__blog__button {
  position: absolute;
  bottom: 30px;
  left: 30px;
}

.single__blog__button a {
  padding: 10px 48px;
  background: var(--blackColor2);
  border: 1px solid var(--blackColor2);
  border-radius: 114px;
  font-size: 15px;
  line-height: 18px;
}

.single__blog__button a:hover {
  border: 1px solid var(--blackColor2);
  color: var(--blackColor2);
}

.single__blog__content {
  padding: 30px 20px 40px 30px;
}

.single__blog__content p {
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--primaryColor);
}

.single__blog__content h4 a {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: var(--blackColor2);
}

.single__blog__content h4 a:hover {
  color: var(--primaryColor);
}

.single__blog__content .single__blog__bottom__button a {
  font-weight: 500;
  line-height: 19px;
  color: var(--blackColor2);
}

.single__blog__content .single__blog__bottom__button a:hover {
  color: var(--primaryColor);
}

.blogarea__bottom__button {
  text-align: center;
  margin-top: 50px;
}

.blogarea__bottom__button a {
  padding: 15px 47px;
}

.blog__content__wraper__2 {
  margin-bottom: 35px;
  box-shadow: 0 0 50px 10px rgba(95, 45, 237, 0.05);
}

.blog__content__wraper__2 .blogarea__text__wraper__2 {
  padding: 26px 2px 20px 2px;
}

.blog__content__wraper__2 .blogarea__text__wraper__2 .blogarea__heading__2 h3 {
  margin: 0;
  height: 70px;
}

.blog__content__wraper__2 .blogarea__text__wraper__2 .blogarea__heading__2 h3 a {
  font-weight: 700;
  font-size: 22px;
  line-height: 22px;
  color: var(--blackColor2);
}

/* @media (min-width: 992px) and (max-width: 1365px) {
  .blog__content__wraper__2 .blogarea__text__wraper__2 .blogarea__heading__2 h3 a {
    font-size: 28px;
    line-height: 40px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .blog__content__wraper__2 .blogarea__text__wraper__2 .blogarea__heading__2 h3 a {
    font-size: 32px;
    line-height: 40px;
  }
}

@media (max-width: 767px) {
  .blog__content__wraper__2 .blogarea__text__wraper__2 .blogarea__heading__2 h3 a {
    font-size: 24px;
    line-height: 34px;
  }
} */

.blog__content__wraper__2 .blogarea__text__wraper__2 .blogarea__heading__2 h3 a:hover {
  color: var(--primaryColor);
}

.blog__content__wraper__2 .blogarea__text__wraper__2 .blogarea__list__2 {
  padding-bottom: 19px;
  border-bottom: 1px solid var(--borderColor2);
  margin-bottom: 14px;
}

.blog__content__wraper__2 .blogarea__text__wraper__2 .blogarea__list__2 ul li {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  margin-right: 12px;
  position: relative;
}

.blog__content__wraper__2 .blogarea__text__wraper__2 .blogarea__list__2 ul li a i {
  color: var(--primaryColor);
}

.blog__content__wraper__2 .blogarea__text__wraper__2 .blogarea__list__2 ul li:after {
  position: absolute;
  content: "";
  height: 11px;
  width: 1px;
  background: var(--borderColor);
  right: -9px;
  bottom: 3px;
}

.blog__content__wraper__2 .blogarea__text__wraper__2 .blogarea__paragraph {
  margin-bottom: 17px;
}

.blog__content__wraper__2 .blogarea__text__wraper__2 .blogarea__paragraph p {
  font-size: 15px;
}

.blog__content__wraper__2 .blogarea__text__wraper__2 .blogarea__button__2 {
  display: flex;
  justify-content: center;
  border-top: 1px solid var(--borderColor2);
  padding-top: 10px;
  margin-top: 25px;
}

.blog__content__wraper__2 .blogarea__text__wraper__2 .blogarea__button__2 a {
  font-weight: 500;
  font-size: 12px;
  line-height: 19px;
  color: var(--secondaryColor);
  padding: 10px 0 0 0;
}

.blog__content__wraper__2 .blogarea__text__wraper__2 .blogarea__button__2 a:hover {
  color: var(--secondaryColor);
}

.blog__content__wraper__2 .blogarea__text__wraper__2 .blogarea__button__2 .blogarea__icon__2 i {
  height: 28px;
  width: 32px;
  background: var(--whitegrey1);
  border-radius: 2px;
  display: inline-block;
  text-align: center;
  line-height: 28px;
  transition: var(--transition);
}

.blog__content__wraper__2 .blogarea__text__wraper__2 .blogarea__button__2 .blogarea__icon__2 i:hover {
  background: var(--primaryColor);
  color: var(--whiteColor);
}

.blogarae__img__2 {
  position: relative;
  /* height: 240px; */
  overflow: hidden;
}

.blogarae__img__2.course__details__img__2 {
  margin-bottom: 20px;
}

.blogarae__img__2 img {
  width: 100%;
}

.blogarae__img__2 .blogarea__date__2 {
  background: var(--primaryColor);
  position: absolute;
  color: var(--whiteColor);
  padding: 11px 18px;
  top: 24px;
  right: 22px;
  border-radius: var(--borderRadius);
  text-align: center;
}

.blogarae__img__2 .blogarea__date__2 span {
  display: block;
  font-family: "Hind";
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 24px;
}

.blogarae__img__2 .blog__video__button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.blogarae__img__2 .blog__video__button i {
  height: 78px;
  width: 78px;
  line-height: 78px;
  text-align: center;
  border-radius: 100%;
  background: var(--whiteColor);
  display: inline-block;
  color: var(--primaryColor);
  transition: var(--transition);
}

.blogarae__img__2 .blog__video__button i:hover {
  background: var(--primaryColor);
  color: var(--whiteColor);
}

.main__pagination__wrapper {
  text-align: center;
  margin-top: 60px;
  margin-bottom: 30px;
}

.main__pagination__wrapper ul li {
  margin-right: 10px;
}

.main__pagination__wrapper ul li a {
  height: 50px;
  width: 50px;
  background: var(--whitegrey1);
  color: var(--blackColor2);
  display: inline-block;
  line-height: 50px;
  text-align: center;
}

.main__pagination__wrapper ul li a.active {
  background: var(--secondaryColor);
  color: var(--whiteColor);
}

.main__pagination__wrapper ul li a:hover {
  background: var(--secondaryColor);
  color: var(--whiteColor);
}

.main__pagination__wrapper ul li a.disable {
  cursor: not-allowed;
}

.blogsidebar__content__wraper__2 {
  padding: 30px 35px 30px 30px;
  border: 1px solid var(--borderColor2);
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.02);
  margin-bottom: 30px;
}

.blogsidebar__content__wraper__2.tab__instructor {
  border: none;
  box-shadow: 5px 5px 20px 5px rgba(0, 0, 0, 0.03);
}

.course__projects .blogsidebar__content__inner__2 {
  display: flex;
  text-align: left;
}

.course__projects .blogsidebar__content__inner__2 .blogsidebar__img__2 {
  margin-right: 20px;
  margin-bottom: 30px;
}

.course__projects .blogsidebar__content__inner__2 .blogsidebar__img__2 img {
  border: 5px solid var(--primaryColor);
  border-radius: 50%;
}

.course__projects .blogsidebar__content__inner__2 .blogsidebar__name__2 {
  margin-bottom: 12px;
}

.course__projects .blogsidebar__content__inner__2 .blogsidebar__name__2 h5 {
  font-weight: 700;
  font-size: 20px;
  line-height: 25px;
  color: var(--blackColor2);
  margin: 0;
  margin-bottom: 7px;
}

.course__projects .blogsidebar__content__inner__2 .blogsidebar__name__2 h5 a {
  color: var(--secondaryColor);
}

.course__projects .blogsidebar__content__inner__2 .blogsidebar__name__2 p {
  font-weight: 400;
  font-size: 16px;
  line-height: 15px;
  color: rgba(42, 42, 42, 0.54);
  margin: 0;
}

.course__projects .blogsidebar__content__inner__2 .blog__sidebar__text__2 p {
  line-height: 26px;
  font-size: 16px;
  color: #2A2A2A;
  margin-bottom: 0;
}

.course__projects .blogsidebar__content__inner__2 .blogsidbar__icon__2 ul li {
  margin-right: 6px;
}

.course__projects .blogsidebar__content__inner__2 .blogsidbar__icon__2 ul li a {
  width: 35px;
  height: 35px;
  line-height: 32px;
  display: inline-block;
  border: 1px solid var(--borderColor2);
  border-radius: var(--borderRadius);
  transition: var(--transition);
  text-align: center;
}

.course__projects .blogsidebar__content__inner__2 .blogsidbar__icon__2 ul li a:hover {
  background: var(--primaryColor);
  color: var(--whiteColor);
  border: 1px solid var(--primaryColor);
}

.blogsidebar__content__wraper__2 form .blogsudebar__input__area {
  position: relative;
}

.blogsidebar__content__wraper__2 form .blogsudebar__input__area input {
  width: 100%;
  border: none;
  background: var(--lightGrey10);
  padding: 15px 16px;
  font-size: 14px;
  line-height: 26px;
  color: var(--contentColor);
}

.blogsidebar__content__wraper__2 form .blogsudebar__input__area .blogsidebar__input__icon {
  position: absolute;
  position: absolute;
  top: 20%;
  right: 20px;
  border: none;
  background: none;
  color: var(--contentColor);
}

.blogsidebar__content__wraper__2 form .blogsudebar__input__area .blogsidebar__input__icon:hover {
  color: var(--primaryColor);
}

.sidebar__title {
  font-weight: 700;
  font-size: 22px;
  line-height: 30px;
  position: relative;
  padding-left: 8px;
  margin-bottom: 25px;
}

.sidebar__title::before {
  position: absolute;
  content: "";
  width: 2px;
  height: 21px;
  background: var(--secondaryColor);
  left: 0;
  bottom: 5px;
}

.blogsidebar__content__wraper__2 .categorie__list li {
  display: block;
  border: 1px solid var(--borderColor2);
  margin-bottom: 16px;
  padding: 8px 16px;
  transition: var(--transition);
}

.blogsidebar__content__wraper__2 .categorie__list li:hover {
  background: var(--primaryColor);
}

.blogsidebar__content__wraper__2 .categorie__list li:hover a {
  color: var(--whiteColor);
}

.blogsidebar__content__wraper__2 .categorie__list li a {
  font-weight: 500;
  font-size: 14px;
  line-height: 26px;
}

.blogsidebar__content__wraper__2 .categorie__list li a span {
  float: right;
}

.blogsidebar__content__wraper__2 .recent__list li {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.blogsidebar__content__wraper__2 .recent__list li .recent__img {
  position: relative;
  padding-right: 20px;
  width: 40%;
}

.blogsidebar__content__wraper__2 .recent__list li .recent__img img {
  width: 100%;
}

.blogsidebar__content__wraper__2 .recent__list li .recent__img .recent__number {
  position: absolute;
  top: -4px;
  left: 0;
}

.blogsidebar__content__wraper__2 .recent__list li .recent__img .recent__number span {
  height: 24px;
  width: 23px;
  line-height: 24px;
  color: var(--whiteColor);
  background: var(--primaryColor);
  font-weight: 500;
  font-size: 12px;
  display: inline-block;
  text-align: center;
}

.blogsidebar__content__wraper__2 .recent__list li .recent__text {
  width: 60%;
}

.blogsidebar__content__wraper__2 .recent__list li .recent__text .recent__date a {
  font-weight: 500;
  line-height: 15px;
  font-size: 14px;
}

.blogsidebar__content__wraper__2 .recent__list li .recent__text h6 a {
  font-weight: 700;
  line-height: 22px;
  color: var(--blackColor2);
}

.blogsidebar__content__wraper__2 .recent__list li .recent__text h6 a:hover {
  color: var(--primaryColor);
}

.blogsidebar__content__wraper__2 .photo__gallery__img {
  display: grid;
  gap: 5px;
  grid-template-columns: repeat(3, 1fr);
}

.blogsidebar__content__wraper__2 .photo__gallery__img .single__gallery__img {
  position: relative;
}

.blogsidebar__content__wraper__2 .photo__gallery__img .single__gallery__img::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  transition: var(--transition);
}

.blogsidebar__content__wraper__2 .photo__gallery__img .single__gallery__img:hover::before {
  background: rgba(0, 0, 0, 0.5);
}

.blogsidebar__content__wraper__2 .photo__gallery__img .single__gallery__img:hover .gallery__icon a {
  opacity: 1;
}

.blogsidebar__content__wraper__2 .photo__gallery__img .single__gallery__img img {
  width: 100%;
}

.blogsidebar__content__wraper__2 .photo__gallery__img .single__gallery__img .gallery__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.blogsidebar__content__wraper__2 .photo__gallery__img .single__gallery__img .gallery__icon a {
  color: var(--whiteColor);
  opacity: 0;
}

.blogsidebar__content__wraper__2 .get__touch__input input {
  border: none;
  border-bottom: 1px solid var(--borderColor2);
  width: 100%;
  background: none;
  padding-bottom: 10px;
  margin-bottom: 20px;
  color: var(--contentColor);
}

.blogsidebar__content__wraper__2 .get__touch__input a {
  padding: 13px 55px;
}

.blogsidebar__content__wraper__2 .populer__tag__list ul li {
  margin: 5px 5px;
}

.blogsidebar__content__wraper__2 .populer__tag__list ul li a {
  padding: 3px 19px;
  border: 1px solid var(--borderColor2);
  display: block;
  font-weight: 500;
  font-size: 12px;
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
}

.blogsidebar__content__wraper__2 .populer__tag__list ul li a:hover {
  color: var(--whiteColor);
  background: var(--primaryColor);
}

.blogsidebar__content__wraper__2 .follow__icon ul li {
  margin-right: 14px;
}

.blogsidebar__content__wraper__2 .follow__icon ul li a {
  width: 39px;
  height: 38px;
  text-align: center;
  line-height: 38px;
  background: var(--whitegrey2);
  color: var(--blackColor2);
  display: inline-block;
  border-radius: var(--borderRadius);
}

.blogsidebar__content__wraper__2 .follow__icon ul li a:hover {
  color: var(--whiteColor);
  background: var(--primaryColor);
}

.blog__details__content__wraper .blog__details__img {
  margin-bottom: 30px;
}

.blog__details__content__wraper .blog__details__img img {
  width: 100%;
}

.blog__details__content__wraper .blog__details__content p {
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  color: var(--darkdeep4);
}

.blog__details__content__wraper .blog__details__content p.content__1 {
  margin-bottom: 25px;
}

.blog__details__content__wraper .blog__details__content p.content__2 {
  margin-bottom: 20px;
}

.blog__details__content__wraper .blog__details__content p.content__3 {
  margin-bottom: 20px;
}

.blog__details__content__wraper .blog__details__content p.content__4 {
  margin-bottom: 30px;
}

.blog__details__content__wraper .blog__details__content p.content__5 {
  margin-bottom: 35px;
}

.blog__details__content__wraper .blog__details__content p.content__6 {
  margin-bottom: 30px;
}

.blog__details__content__wraper .blog__details__content p.content__7 {
  margin-bottom: 30px;
}

.blog__details__content__wraper .blog__details__content p.content__9 {
  margin-bottom: 30px;
}

.blog__details__content__wraper .blog__details__content .blog__details__heading h5 {
  font-weight: 700;
  font-size: 26px;
  line-height: 30px;
}

.blog__details__content__wraper .blog__details__content .blockquate__wraper {
  background: var(--blackColor2);
  padding: 55px 40px 60px 70px;
  position: relative;
  margin-bottom: 43px;
}

.blog__details__content__wraper .blog__details__content .blockquate__wraper .blockquate__content h3 {
  font-weight: 600;
  font-size: 32px;
  line-height: 40px;
  color: var(--whiteColor);
}

.blog__details__content__wraper .blog__details__content .blockquate__wraper .blockquate__content a {
  font-weight: 600;
  font-size: 17px;
  line-height: 23px;
  color: var(--whiteColor);
  position: relative;
  padding-left: 60px;
}

.blog__details__content__wraper .blog__details__content .blockquate__wraper .blockquate__content a::before {
  position: absolute;
  content: "";
  height: 2px;
  width: 45px;
  background: var(--whiteColor);
  left: 0;
  top: 40%;
}

.blog__details__content__wraper .blog__details__content .blockquate__wraper .blockquate__img img {
  position: absolute;
  left: 37%;
  top: 14%;
}


.blog__details__content__wraper .blog__details__list__2 ul li {
  display: flex;
  margin-bottom: 0;
}

.blog__details__content__wraper .blog__details__list__2 ul li i {
  width: 31px;
}

.blog__details__content__wraper .blog__details__list__2 ul li p {
  font-weight: 400;
  font-size: 14px;
  line-height: 25px;
  width: 508px;
}

.blog__details__content__wraper .blog__details__comment {
  border-top: 1px solid var(--borderColor2);
  padding-top: 50px;
}

.blog__details__content__wraper .blog__details__comment .blog__details__comment__heading h5 {
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
}

.blog__details__content__wraper .blog__details__comment .blog__details__comment__inner {
  display: flex;
}

.blog__details__content__wraper .blog__details__comment .blog__details__comment__inner .author__img {
  margin-right: 30px;
}

.blog__details__content__wraper .blog__details__comment .blog__details__comment__inner .author__content .author__name h6 {
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  margin: 0;
}

.blog__details__content__wraper .blog__details__comment .blog__details__comment__inner .author__content .author__name p {
  font-weight: 600;
  font-size: 12px;
  line-height: 29px;
  text-transform: uppercase;
  margin: 0;
  margin-bottom: 5px;
}

.blog__details__content__wraper .blog__details__comment .blog__details__comment__inner .author__content .author__text p {
  font-weight: 400;
  font-size: 14px;
  line-height: 23px;
}

.blog__details__img__2 img {
  width: 100%;
}

.blog__details__heading__2 h5 {
  font-weight: 700;
  font-size: 24px;
  line-height: 38px;
}

.blog__details__margin {
  margin-bottom: 50px;
}

.blog__details__tag {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid var(--borderColor2);
  border-bottom: 1px solid var(--borderColor2);
  padding: 40px 0;
  margin-bottom: 40px;
}

.blog__details__tag ul.share__list li a {
  height: 38px;
  width: 41px;
  border-radius: var(--borderRadius);
}

.blog__details__tag ul li {
  margin-right: 5px;
}

.blog__details__tag ul li.heading__tag {
  font-weight: 700;
  font-size: 22px;
  line-height: 30px;
  color: var(--blackColor);
}

.blog__details__tag ul li a {
  font-size: 12px;
  line-height: 30px;
  text-transform: uppercase;
  border: 1px solid var(--borderColor2);
  padding: 9px 12px;
  border-radius: var(--borderRadius);
}

.blog__details__tag ul li a:hover {
  background: var(--primaryColor);
  color: var(--whiteColor);
  border-color: var(--primaryColor);
}

.blog__details__comment {
  border-top: 1px solid var(--borderColor2);
  padding-top: 50px;
  border-bottom: 1px solid var(--borderColor2);
  padding-bottom: 15px;
}

.blog__details__comment .blog__details__comment__heading {
  margin-bottom: 30px;
}

.blog__details__comment .blog__details__comment__heading h5 {
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
}

.blog__details__comment .blog__details__comment__inner {
  display: flex;
  position: relative;
  margin-bottom: 40px;
}

.blog__details__comment .blog__details__comment__inner.author__padding__left {
  padding-left: 100px;
}

.blog__details__comment .blog__details__comment__inner .author__img {
  margin-right: 30px;
}

.blog__details__comment .blog__details__comment__inner .author__content .author__name h6 {
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  margin: 0;
}

.blog__details__comment .blog__details__comment__inner .author__content .author__name h6 a {
  color: var(--blackColor);
}

.blog__details__comment .blog__details__comment__inner .author__content .author__name h6 a:hover {
  color: var(--primaryColor);
}

.blog__details__comment .blog__details__comment__inner .author__content .author__name p {
  font-weight: 600;
  font-size: 12px;
  line-height: 29px;
  text-transform: uppercase;
  margin: 0;
  margin-bottom: 5px;
}

.blog__details__comment .blog__details__comment__inner .author__content .author__text p {
  font-weight: 400;
  font-size: 14px;
  line-height: 23px;
}

.blog__details__comment .author__icon {
  position: absolute;
  right: 0;
}

.blog__details__comment .author__icon button {
  border: none;
  background: none;
}

.blog__details__comment .author__icon button:hover path {
  fill: var(--primaryColor);
}

.blog__details__form {
  padding-top: 50px;
}

.blog__details__form .blog__details__input__heading {
  padding-bottom: 30px;
}

.blog__details__form .blog__details__input__heading h5 {
  font-weight: 600;
  font-size: 26px;
  line-height: 30px;
}

.blog__details__form .blog__details__input {
  margin-bottom: 10px;
}

.blog__details__form .blog__details__input input {
  border: 1px solid var(--borderColor2);
  width: 100%;
  margin-bottom: 30px;
  padding-left: 20px;
  height: 60px;
  background: none;
  font-weight: 500;
  font-size: 14px;
  line-height: 26px;
  border-radius: var(--borderRadius);
  color: var(--contentColor);
}

.blog__details__form .blog__details__input textarea {
  height: 209px;
  padding-left: 20px;
  width: 100%;
  border: 1px solid var(--borderColor2);
  padding-top: 20px;
  background: none;
  font-weight: 500;
  font-size: 14px;
  line-height: 26px;
  border-radius: var(--borderRadius);
  color: var(--contentColor);
}

.blog__check__box {
  font-weight: 500;
  font-size: 15px;
  line-height: 26px;
  padding-left: 150px;
  color: var(--contentColor);
}

.blog__details__button {
  text-align: center;
  margin-top: 30px;
}

.blog__details__button a {
  padding: 13px 70px;
}

.early__programs .single__blog__content h4 a {
  font-size: 34px;
  line-height: 1.5;
}

.early__programs .single__blog__content {
  text-align: center;
}

.blogarae__img__2 .registerarea__content .registerarea__video a,
.blog__details__img__2 .registerarea__content .registerarea__video a {
  margin-right: 0;
}

.gallery .blogsidebar__content__wraper__2 .photo__gallery__img {
  gap: 10px;
  grid-template-columns: repeat(4, 1fr);
}

.zoom__meetings__details .course__details__img__2 {
  margin-bottom: 50px;
}

/*------------------------------
Course
-------------------------------*/
.course__sidebar__wraper {
  border: 1px solid var(--borderColor);
  padding: 40px 25px 33px 20px;
  margin-bottom: 10px;
}

.course__heading h5 {
  font-weight: 700;
  font-size: 22px;
  line-height: 30px;
}

.course__input {
  position: relative;
}

.course__input input {
  width: 100%;
  font-weight: 500;
  font-size: 14px;
  line-height: 26px;
  height: 46px;
  padding-left: 13px;
  border: none;
  background: rgba(245, 245, 245, 0.71);
}

.course__input .search__button {
  position: absolute;
  top: 23%;
  right: 12px;
}

.course__input .search__button button {
  background: none;
  border: none;
}

.course__input .search__button button:hover {
  color: var(--secondaryColor);
}

.course__categories__list ul li {
  display: block;
}

.course__categories__list ul li:last-child a {
  margin: 0;
}

.course__categories__list ul li a {
  font-weight: 500;
  font-size: 14px;
  line-height: 26px;
  border: 1px solid var(--borderColor);
  width: 100%;
  padding: 8px 13px;
  display: block;
  margin-bottom: 15px;
}

.course__categories__list ul li a:hover {
  background: var(--primaryColor);
  color: var(--whiteColor);
}

.course__categories__list ul li a span {
  float: right;
}

.course__tag__list ul li {
  display: block;
  margin-bottom: 23px;
}

.course__tag__list ul li:last-child {
  margin-bottom: 0;
}

.course__tag__list ul li a {
  display: flex;
  align-items: center;
}

.course__tag__list ul li a .course__check__box {
  height: 15px;
  width: 14px;
  border: 1px solid var(--darkdeep6);
  margin-right: 13px;
}

.course__tag__list ul li a .course__check__box:hover {
  background: var(--primaryColor);
  border: 1px solid var(--borderColor);
}

.course__tag__list ul li a .course__check__box.active {
  background: var(--primaryColor);
  border: 1px solid var(--borderColor);
}

.course__tag__list ul li a span {
  font-weight: 500;
  font-size: 15px;
  line-height: 26px;
}

.course__tag__list ul li a span.active {
  color: var(--primaryColor);
}

.course__skill__list ul li {
  font-weight: 500;
  font-size: 15px;
  line-height: 26px;
  margin-bottom: 10px;
  display: block;
}

.course__skill__list ul li:last-child {
  margin: 0;
}

.course__text__wraper {
  border: 1px solid var(--borderColor);
  display: flex;
  justify-content: space-between;
  padding: 10px 13px;
  align-items: center;
  margin-bottom: 30px;
}

.course__text__wraper .course__text p {
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: var(--blackColor);
  margin: 0;
}

.course__text__wraper .course__icon ul li.short__by__new {
  padding-left: 80px;
  padding-right: 10px;
}

.course__text__wraper .course__icon ul li.short__by__new .form-select {
  border: none;
  background-color: none;
  appearance: down;
}

.course__text__wraper .course__icon ul li a {
  margin-right: 11px;
}

.course__text__wraper .course__icon ul li a.active {
  color: var(--primaryColor);
}

.with__sidebar__content .gridarea__wraper.gridarea__course__list .gridarea__img {
  width: 40%;
}

.with__sidebar__content .gridarea__wraper.gridarea__course__list .gridarea__content {
  width: 60%;
  padding-left: 30px;
}

.with__sidebar__content .gridarea__wraper.gridarea__course__list .gridarea__content .gridarea__heading h3 {
  font-size: 30px;
  line-height: 33px;
}

.with__sidebar__content .gridarea__wraper.gridarea__course__list .gridarea__content .gridarea__list ul li {
  width: 30%;
}

.with__sidebar__content .gridarea__wraper.gridarea__course__list .gridarea__content .gridarea__heading h3 {
  font-size: 26px;
  line-height: 30px;
}

.course__button__wraper {
  display: flex;
  margin-bottom: 30px;
  align-items: center;
  justify-content: space-between;
}

.course__button a {
  height: 26px;
  width: 114px;
  background: var(--primaryColor);
  color: var(--whiteColor);
  display: inline-block;
  text-align: center;
  line-height: 23px;
  font-weight: 600;
  font-size: 14px;
  margin-right: 20px;
  border-radius: var(--borderRadius);
  border: 1px solid var(--primaryColor);
}

.course__button a:hover {
  background-color: var(--whiteColor);
  color: var(--primaryColor);
  border: 1px solid var(--primaryColor);
}

.course__button a.course__2 {
  background: var(--indigo);
  border: 1px solid var(--indigo);
}

.course__button a.course__2:hover {
  background-color: var(--whiteColor);
  color: var(--indigo);
  border: 1px solid var(--indigo);
}

.course__date p {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  margin: 0;
}

.course__date p span {
  color: var(--blackColor);
}

.course__details__heading h3 {
  font-weight: 700;
  font-size: 36px;
  line-height: 58px;
  color: var(--blackColor);
}

.course__details__price {
  margin-bottom: 30px;
}

.course__details__price ul li {
  margin-right: 20px;
}

.course__details__price ul li .course__price {
  font-weight: 500;
  font-size: 21px;
  line-height: 25px;
  color: var(--primaryColor);
}

.course__details__price ul li .course__price del {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: var(--lightGrey4);
}

.course__details__price ul li .course__details__date {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: var(--blackColor);
}

.course__details__price ul li .course__details__date i {
  color: var(--primaryColor);
}

.course__details__price ul li .course__star i {
  font-weight: 400;
  font-size: 15px;
  line-height: 15px;
  color: var(--yellow);
}

.course__details__price ul li .course__star span {
  color: var(--blackColor);
}

.course__details__paragraph {
  margin-bottom: 30px;
}

.course__details__paragraph p {
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
}

.course__details__wraper {
  background: var(--darkdeep3);
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

.course__details__wraper ul {
  width: 50%;
  border-right: 2px solid var(--borderColor);
  padding: 55px 70px 55px 50px;
}

.course__details__wraper ul:last-child {
  border: none;
}

.course__details__wraper ul li {
  color: var(--contentColor2);
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.course__details__wraper ul li:last-child {
  margin-bottom: 0;
}

.course__details__wraper ul li span {
  color: var(--deepgreen);
  font-weight: 500;
}

.course__details__tab__wrapper {
  margin-bottom: 40px;
}

.content__cirriculum__wrap .accordion-button {
  font-size: 20px;
  color: var(--headingColor);
  font-weight: 700;
  box-shadow: none;
}

.content__cirriculum__wrap .accordion-body {
  padding: 10px 30px;
}

.content__cirriculum__wrap .accordion-button:focus {
  box-shadow: none;
}

.scc__wrap {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  flex-wrap: wrap;
  flex-direction: column;
}

.scc__wrap:last-child {
  border-bottom: none;
}

.scc__info {
  display: flex;
  flex-direction: column;
}

.scc__info h5 {
  margin: 0;
  font-size: 16px;
  font-weight: 300;
}

.scc__info i {
  margin-right: 10px;
  font-size: 16px;
}

.scc__info h5 span {
  font-weight: 500;
  color: var(--secondaryColor);
}

.scc__wrap .question {
  display: inline-block;
  height: 24px;
  line-height: 23px;
  color: var(--whiteColor);
  padding: 0 10px;
  border-radius: var(--borderRadius);
  background: var(--primaryColor);
  margin-left: 20px;
}

.scc__meta {
  font-size: 14px;
}

.content__cirriculum__wrap .accordion-item {
  margin-bottom: 25px;
  border: 1px solid var(--borderColor);
}

.course__tap__wrap {
  margin-bottom: 30px;
  flex-direction: row;
  flex-wrap: nowrap;
}

.course__tap__wrap .nav-item {
  border-right: 2px solid var(--borderColor);
}

.course__tap__wrap .nav-item:last-child {
  border: none;
}

.course__tap__wrap .nav-item:hover button {
  background: var(--secondaryColor);
  color: var(--whiteColor);
}

.course__tap__wrap .nav-item button {
  padding: 15px 30px;
  border: none;
  background: var(--whiteColor);
  color: var(--secondaryColor);
  box-shadow: 0 0 33px 1px rgba(239, 135, 14, 0.24);
  width: max-content;
}

.course__tap__wrap .nav-item button svg {
  margin-right: 8px;
}

.course__tap__wrap .nav-item button svg path {
  fill: var(--secondaryColor);
}

.course__tap__wrap .nav-item:hover button svg path {
  fill: var(--whiteColor);
}

.course__tap__wrap .nav-item button.active {
  background: var(--secondaryColor);
  color: var(--whiteColor);
}

.course__tap__wrap .nav-item button.active svg path {
  fill: var(--whiteColor);
}

.experence__heading h5 {
  font-weight: 700;
  font-size: 26px;
  line-height: 56px;
  color: var(--secondaryColor);
  margin-bottom: 10px;
}

.experence__description {
  margin-bottom: 20px;
  margin-top: 20px;
}

.experence__description p {
  font-weight: 400;
  line-height: 30px;
  font-size: 18px;
  color: var(--darkdeep4);
  margin-bottom: 20px;
}

.course__list__wraper .blog__details__list__2 {
  margin-bottom: 20px;
}

.course__details__populer__list li {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}

.course__details__populer__list li .course__details__populer__content {
  margin-left: 20px;
}

.course__details__populer__list li .course__details__populer__content span {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: var(--primaryColor);
}

.course__details__populer__list li .course__details__populer__content h6 {
  margin: 0;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
}

.course__details__populer__list li .course__details__populer__content h6 a {
  color: var(--blackColor);
}

.course__details__populer__list li .course__details__populer__content h6 a:hover {
  color: var(--primaryColor);
}

.review__box {
  background: var(--whiteColor);
  box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.07);
  border-radius: 5px;
  text-align: center;
  min-width: 200px;
  padding: 29px 10px;
}

.review__box .review__number {
  font-weight: 800;
  font-size: 72px;
  line-height: 90px;
  color: var(--blackColor);
}

.review__box .review__icon i {
  color: var(--secondaryColor);
}

.review__box span {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: var(--blackColor);
}

.review__wrapper .single__progress__bar {
  position: relative;
}

.review__wrapper .single__progress__bar .rating__text {
  display: inline-block;
  position: relative;
  top: 19px;
}

.review__wrapper .single__progress__bar .rating__text i {
  color: var(--secondaryColor);
}

.review__wrapper .single__progress__bar .progress {
  max-width: 85%;
  margin-left: 38px;
  height: 10px;
  background: var(--borderColor);
}

.review__wrapper .single__progress__bar .progress .progress-bar {
  background-color: var(--secondaryColor);
}

.review__wrapper .single__progress__bar span {
  position: absolute;
  right: 0;
  top: 50%;
}

.property__comment .property__comment__list {
  list-style: none;
  border-top: 1px solid var(--borderColor2);
  padding-top: 35px;
  position: relative;
  margin-top: 35px;
}

.property__comment .property__comment__list:first-child {
  margin-top: 0;
}

.property__comment .property__comment__list .property__comment__img {
  max-width: 100px;
  margin-right: 30px;
  float: left;
}

.property__comment .property__comment__list .property__comment__img img {
  width: 100%;
  border-radius: 100%;
}

.property__comment .property__comment__list .property__comment__comment h6 {
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 600;
}

.property__comment .property__comment__list .property__comment__comment h6 a {
  color: var(--headingColor);
}

.property__comment .property__comment__list .property__comment__comment h6 a:hover {
  color: var(--secondaryColor);
}

.property__comment .property__comment__list .property__comment__comment .property__sidebar__icon ul li i {
  color: var(--secondaryColor);
}

.property__comment .property__comment__list .property__comment__comment p {
  font-size: 14px;
  margin: 0;
}

.property__comment .property__comment__list .property__comment__comment span {
  position: absolute;
  padding: 0 25px 0;
  border: 2px solid var(--borderColor2);
  display: inline-block;
  border-radius: 25px;
  font-size: 14px;
  font-weight: 700;
  height: 40px;
  line-height: 36px;
  top: 27px;
  right: 0;
  transition: 0.3s;
}

.property__comment .property__comment__list .property__comment__comment span:hover {
  border-color: var(--secondaryColor);
}

.add__a__review__wrapper {
  padding: 50px;
  background-color: var(--lightGrey12);
  margin-bottom: 50px;
}

.add__a__review__wrapper h4 {
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 15px;
}

.add__a__review__wrapper .add__a__review {
  margin-bottom: 30px;
  display: flex;
  align-items: center;
}

.add__a__review__wrapper .add__a__review h6 {
  margin: 0;
  margin-right: 15px;
}

.add__a__review__wrapper .add__a__review .property__sidebar__icon ul li i {
  color: var(--secondaryColor);
}

.add__a__review__wrapper .add__a__review .property__sidebar__icon ul li i:hover {
  color: var(--primaryColor);
}

.add__a__review__wrapper .add__a__review__input {
  margin-bottom: 30px;
}

.add__a__review__wrapper .add__a__review__input input {
  padding: 15px 20px;
  min-height: 65px;
  width: 100%;
  border: 2px solid var(--whiteColor);
  font-size: 15px;
}

.add__a__review__wrapper .add__a__review__input textarea {
  padding: 15px 20px;
  min-height: 150px;
  width: 100%;
  border: 2px solid var(--whiteColor);
  font-size: 15px;
  position: relative;
}

.add__a__review__wrapper .add__a__review__button {
  margin-top: 30px;
}

.property__facts__feature.property__facts__feature__2 {
  margin-top: 60px;
  margin-bottom: 40px;
}

.property__facts__feature h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 25px;
  border-left: 2px solid var(--secondaryColor);
  padding-left: 10px;
}

.property__facts__feature .single__grid__details__icon {
  margin-bottom: 25px;
}

.property__facts__feature .single__grid__details__icon li {
  width: 33.33%;
}

.property__facts__feature p {
  margin: 24px 0;
  font-size: 16px;
}

.event__details__icon i {
  font-size: 22px;
}

.event__details__date a {
  color: var(--contentColor);
  font-weight: 700;
}

.event__details__date a:hover {
  color: var(--secondaryColor);
}

.course__details__top--2 {
  padding-top: 70px;
  position: relative;
  z-index: 9;
}

.course__details__sidebar--2 {
  position: relative;
  top: -340px;
  z-index: 10;
}

.course__details__sidebar--2 .event__details__date {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.course__details__sidebar--2 .event__details__list ul li {
  padding-bottom: 18px;
  margin-bottom: 18px;
  color: var(--blackColor);
}

.lesson__content__main {
  position: relative;
}

.lesson__content__wrap {
  position: absolute;
  z-index: 999;
  background: var(--primaryColor);
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
}

.lesson__content__wrap h3 {
  color: var(--whiteColor);
  font-size: 22px;
  margin: 0;
}

.lesson__content__wrap a {
  color: var(--whiteColor);
}

.course__details__sidebar .event__sidebar__wraper .event__price__wraper {
  margin-bottom: 20px;
}

.course__summery__lists {
  margin-top: 20px;
}

.course__summery__lists li {
  display: flex;
  padding: 10px 0;
  border-bottom: 1px solid var(--borderColor);
}

.course__summery__lists li .course__summery__item {
  display: flex;
  justify-content: space-between;
  width: 100%;
  font-size: 14px;
  color: var(--contentColor);
}

.course__summery__lists li .course__summery__item .sb_content {
  background: var(--borderColor);
  padding: 6px 10px;
  line-height: 13px;
  font-size: 12px;
  border-radius: 50px;
}

.course__summery__lists li .course__summery__item .sb_label {
  font-weight: 500;
}

.course__summery__button {
  text-align: center;
}

.course__summery__button span {
  font-size: 13px;
  color: var(--contentColor);
}

.course__summery__button .default__button {
  width: 100%;
  margin-bottom: 10px;
}

.course__summery__button p {
  margin-top: 20px;
  font-size: 14px;
  margin-bottom: 5px;
}

.course__summery__button .default__button--3 {
  font-size: 20px;
  font-weight: 700;
}

.content__cirriculum__wrap .accordion-button span {
  font-size: 12px;
  background: var(--secondaryColor);
  color: var(--whiteColor);
  padding: 4px 10px;
  margin-left: 10px;
  line-height: 1;
  border-radius: 20px;
  font-weight: 600;
  width: max-content;
  white-space: nowrap;
}

/*------------------------------
Contact Area
-------------------------------*/
.single__contact {
  border: 1px solid var(--borderColor);
  padding: 40px 35px 35px 40px;
  display: flex;
  align-items: center;
  box-shadow: 0px 4px 15px rgba(174, 181, 206, 0.09);
  margin-bottom: 30px;
  transition: var(--transition);
  position: relative;
  min-height: 170px;
}

.single__contact:hover {
  box-shadow: 0px 4px 25px rgba(174, 181, 206, 0.3);
  transform: translateY(-5px);
}

.single__contact .contact__text {
  margin-left: 30px;
}

.single__contact .contact__text h5 {
  margin: 0;
  font-weight: 600;
  font-size: 24px;
  line-height: 38px;
  color: var(--blackColor);
}

.single__contact .contact__text p {
  margin: 0;
  font-weight: 400;
  font-size: 15px;
  line-height: 26px;
}

.single__contact .contact__text span {
  font-weight: 400;
  font-size: 15px;
  line-height: 26px;
  color: var(--contentColor);
}

.contact__form__inner {
  padding: 90px 70px 70px 70px;
  /* border: 1px solid var(--borderColor2); */
}

.contact__form__inner .contact__form__heading {
  margin-bottom: 40px;
}

.contact__form__inner .contact__form__heading h3 {
  font-weight: 700;
  font-size: 44px;
  line-height: 70px;
  color: var(--blackColor);
  margin: 0;
}

.contact__form__inner .contact__form__heading p {
  margin: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
}

.contact__input__wraper {
  position: relative;
  margin-bottom: 30px;
}

.contact__input__wraper input {
  height: 60px;
  width: 100%;
  padding-left: 27px;
  border: 1px solid #DDDDDD;
  /* margin-bottom: 30px; */
  border-radius: var(--borderRadius);
  background: transparent;
  color: #757575;
}

.contact__input__wraper .form-select {
  color: #b2b2b2;
  height: 60px;
  padding-left: 27px;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2223%22%20height%3D%2213%22%20viewBox%3D%220%200%2023%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_882_1207)%22%3E%3Cpath%20d%3D%22M2.32422%202L11.3242%2011L20.3242%202%22%20stroke%3D%22%23EF870E%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_882_1207%22%3E%3Crect%20width%3D%2223%22%20height%3D%2213%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
}

.contact__input__wraper .form-select:focus {
  box-shadow: none;
  border: 1px solid #ced4da;
}

.contact__input__wraper .form-select option {
  color: #000;
}

.contact__input__wraper .contact__icon {
  position: absolute;
  top: 17px;
  right: 24px;
}

.contact__input__wraper .contact__icon i {
  font-weight: 400;
  font-size: 20px;
  line-height: 23px;
  color: var(--secondaryColor);
}

.contact__input__wraper textarea {
  width: 100%;
  border: 1px solid #DDDDDD;
  padding-left: 27px;
  height: 285PX;
  padding-top: 30PX;
  border-radius: var(--borderRadius);
  background: transparent;
  color: #757575;
}

.contact__button {
  margin-top: 10px;
}

.contact__button a {
  padding: 17px 48px;
}

.form-messege {
  padding-top: 10px;
}

/*------------------------------
Error
-------------------------------*/
.errorarea__inner {
  text-align: center;
}

.errorarea__inner .error__img {
  margin-bottom: 60px;
}

.errorarea__inner .error__img img {
  width: 100%;
}

.errorarea__inner .error__text h3 {
  font-weight: 700;
  font-size: 50px;
  line-height: 80px;
  margin: 0;
}

.errorarea__inner .error__text p {
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
}

.errorarea__inner .error__button {
  margin-top: 50px;
}

.errorarea__inner .error__button a {
  padding: 16px 43px;
}

.loginarea .tab__button__wrap li.nav-item {
  width: 50%;
}

.loginarea__wraper {
  padding: 31px 50px 50px;
  border-radius: 5px;
  box-shadow: 0 0 50px 10px rgba(95, 45, 237, 0.1);
}

.loginarea__wraper .login__heading {
  text-align: center;
}

.loginarea__wraper .login__heading .login__title {
  font-size: 32px;
  line-height: 1.5;
  margin: 0 0 8px;
}

.loginarea__wraper .login__heading .login__description a {
  position: relative;
}

.loginarea__wraper .login__heading .login__description a:after {
  content: "";
  position: absolute;
  width: 0%;
  height: 2px;
  background: var(--primaryColor);
  bottom: 0;
  left: 0;
  transition: var(--transition);
}

.loginarea__wraper .login__heading .login__description a:hover {
  color: var(--primaryColor);
}

.loginarea__wraper .login__heading .login__description a:hover:after {
  width: 100%;
}

.loginarea__wraper form .login__form {
  margin-top: 25px;
}

.loginarea__wraper form .login__form label {
  display: block;
  margin-bottom: 10px;
  color: var(--contentColor);
}

.loginarea__wraper form .login__form .common__login__input {
  background-color: transparent;
  border: 1px solid var(--borderColor);
  font-size: 14px;
  font-weight: 400;
  height: 52px;
  padding: 3px 20px;
  width: 100%;
  border-radius: 5px;
  color: var(--contentColor);
}

.loginarea__wraper form .login__form .form__check {
  display: flex;
}

.loginarea__wraper form .login__form .form__check input {
  width: 18px;
  margin-right: 8px;
}

.loginarea__wraper form .login__form .form__check label {
  margin-bottom: 0;
}

.loginarea__wraper form .login__form .login__form__link a {
  position: relative;
}

.loginarea__wraper form .login__form .login__form__link a:after {
  content: "";
  position: absolute;
  width: 0%;
  height: 2px;
  background: var(--primaryColor);
  bottom: 0;
  left: 0;
  transition: var(--transition);
}

.loginarea__wraper form .login__form .login__form__link a:hover {
  color: var(--primaryColor);
}

.loginarea__wraper form .login__form .login__form__link a:hover:after {
  width: 100%;
}

.loginarea__wraper form .login__button {
  margin-top: 25px;
}

.loginarea__wraper form .login__button a {
  width: 100%;
}

.loginarea__wraper .login__social__option {
  margin-top: 25px;
  text-align: center;
}

.loginarea__wraper .login__social__option p {
  position: relative;
}

.loginarea__wraper .login__social__option p::before {
  content: "";
  position: absolute;
  height: 1px;
  background: var(--borderColor4);
  width: 40%;
  left: 0;
  top: 16px;
}

.loginarea__wraper .login__social__option p::after {
  content: "";
  position: absolute;
  height: 1px;
  background: var(--borderColor4);
  width: 40%;
  right: 0;
  top: 16px;
}

.loginarea__wraper .login__social__option .login__social__btn li a {
  padding: 10px 44px;
}

.loginarea__wraper .login__social__option .login__social__btn li .login__button__1 {
  margin-right: 20px;
}

.loginarea {
  position: relative;
}

.login__shape__img .hero__shape {
  position: absolute;
}

.login__shape__img .hero__shape.hero__shape__1 {
  right: 14%;
  top: 30%;
  animation: 3s linear 0s infinite alternate none running dot-anim;
}

.login__shape__img .hero__shape.hero__shape__2 {
  top: 50%;
  left: 5%;
  animation: 3s linear 0s infinite alternate none running dot-anim-2;
}

.login__shape__img .hero__shape.hero__shape__3 {
  left: 50%;
  bottom: 60px;
  animation: cir-anim 6s linear 0s infinite alternate;
}

.login__shape__img .hero__shape.hero__shape__4 {
  left: 50%;
  top: 40px;
  animation: cir-anim 6s linear 0s infinite alternate;
}

.maintaince .row {
  height: 100vh;
}

.maintaince .featurearea__countdown {
  margin: 50px 0 0 0;
}

.maintaince .featurearea__countdown .count {
  margin: 0 20px;
}

.maintaince .featurearea__countdown .count p {
  margin-bottom: 10px;
}

.maintaince .featurearea__countdown .count span {
  font-size: 20px;
}

/*------------------------------
Breadcrumb Area
-------------------------------*/
.breadcrumbarea {
  padding-top: 162px;
  padding-bottom: 150px;
  background: var(--lightGrey10);
  position: relative;
}

.breadcrumbarea--2 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.breadcrumbarea--3 {
  padding-bottom: 0;
  padding-top: 50px;
}

.breadcrumb__content__wraper {
  text-align: center;
  position: relative;
  z-index: 9;
}

.breadcrumb__content__wraper .breadcrumb__title h2 {
  font-weight: 700;
  font-size: 55px;
  line-height: 72px;
  margin: 0;
}

.shape__icon__2 .shape__icon__img {
  position: absolute;
}

.shape__icon__2 .shape__icon__img.shape__icon__img__1 {
  bottom: 60px;
  left: 165px;
  animation: 3s linear 0s infinite normal none running move5;
}

.shape__icon__2 .shape__icon__img.shape__icon__img__2 {
  top: 100px;
  left: 50px;
  animation: cir-anim 6s linear 0s infinite alternate;
}

.shape__icon__2 .shape__icon__img.shape__icon__img__3 {
  top: 80px;
  right: 575px;
  animation: 3s linear 0s infinite alternate none running dot-anim;
}

.shape__icon__2 .shape__icon__img.shape__icon__img__4 {
  top: 100px;
  right: 45px;
  animation: 3s linear 0s infinite alternate none running dot-anim-2;
}

.breadcrumb__inner ul li {
  font-size: 18px;
  line-height: 22px;
  color: var(--blackColor2);
  font-weight: 400;
}

.breadcrumb__inner ul li a {
  position: relative;
  padding-right: 26px;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color: var(--blackColor2);
}

.breadcrumb__inner ul li a:hover {
  color: var(--primaryColor);
}

.breadcrumb__inner ul li a:after {
  position: absolute;
  content: "\eaa0";
  font-family: "icofont";
  top: 0px;
  right: 3px;
}

.breadcrumbarea--3 .blogarae__img__2.course__details__img__2 {
  margin-bottom: 0;
}

.animate__content {
  background-color: var(--borderColor);
  overflow: hidden;
}

.animate__content__wrap {
  display: flex;
  width: fit-content;
  white-space: nowrap;
  position: relative;
  will-change: transform;
  animation: marquee 50s linear 0s infinite normal;
  animation-play-state: running;
}

.animate__content__wrap:hover {
  animation-play-state: paused;
}

.animate__content__single {
  display: block;
  width: 100%;
  min-width: max-content;
  padding-inline: 16px;
}

.animate__content__single span {
  font-size: 30px;
  line-height: 1;
  font-weight: 500;
  color: var(--darkdeep2);
}

.animate__content__single span a {
  color: var(--darkdeep2);
}

.animate__content__single span a:hover {
  color: var(--primaryColor);
}

.animate__content__single--2 span {
  color: var(--primaryColor);
}

.animate__content__single--2 span a {
  color: var(--primaryColor);
}

.animate__content__single--2 span a:hover {
  color: var(--secondaryColor);
}

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

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

.featurearea__img img {
  width: 100%;
}

.featurearea__small__title {
  margin-bottom: 15px;
}

.featurearea__small__title span {
  font-size: 18px;
  line-height: 1.2;
  color: var(--blackColor);
}

.featurearea__main__title h3 {
  font-size: 36px;
  margin-bottom: 20px;
}

.featurearea__price span {
  font-size: 18px;
  margin-right: 6px;
  color: var(--blackColor);
}

.featurearea__price span.featurearea__price__button {
  padding: 5px 10px;
  background: var(--primaryColor);
  color: var(--whiteColor);
  font-size: 15px;
  border-radius: var(--borderRadius);
}

.featurearea__price span.featurearea__price__button.black__color {
  background: var(--blackColor);
}

.featurearea__countdown__title {
  display: flex;
  margin-top: 20px;
}

.featurearea__countdown__title svg {
  color: var(--blackColor);
}

.featurearea__countdown__title h5 {
  margin-left: 6px;
}

.featurearea__countdown {
  display: flex;
  margin-bottom: 25px;
}

.featurearea__countdown .count {
  margin-right: 6px;
  background: var(--primaryColor);
  text-align: center;
  line-height: 1;
  border-radius: 10px;
  display: flex;
  height: 80px;
  width: 80px;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
}

.featurearea__countdown .count p {
  margin-bottom: 5px;
  color: var(--whiteColor);
  font-size: 20px;
  width: 100%;
}

.featurearea__countdown .count span {
  color: var(--whiteColor);
  font-size: 16px;
}

.featurearea .progress {
  height: 4px;
}

.featurearea .progress .progress-bar {
  background: var(--primaryColor);
}

.featurearea__progress__text h6 {
  color: var(--blackColor);
}

.featurearea__size {
  margin-top: 20px;
  margin-bottom: 7px;
  color: var(--blackColor);
}

.featurearea__size__button ul li a {
  height: 40px;
  width: 40px;
  line-height: 40px;
  color: var(--blackColor);
  border: 1px solid var(--borderColor);
  display: inline-block;
  text-align: center;
  border-radius: var(--borderRadius);
}

.featurearea__size__button ul li a:hover {
  background: var(--blackColor);
  color: var(--whiteColor);
}

.featurearea__size__img ul {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.featurearea__size__img ul li a img {
  border: 1px solid var(--borderColor);
  border-radius: var(--borderRadius);
  padding: 3px;
  max-width: 60px;
}

.featurearea__quantity__button {
  margin-right: 20px;
  padding: 10px 37px;
  border: 2px solid var(--blackColor);
  border-radius: 40px;
  color: var(--blackColor);
}

.featurearea__quantity__button:hover a {
  color: var(--primaryColor);
}

.featurearea__quantity {
  display: flex;
  margin-bottom: 30px;
}

.featurearea__bottom__button a {
  background: var(--blackColor);
  color: var(--whiteColor);
  padding: 15px 110px;
  border-radius: 30px;
  display: inline-block;
}

.featurearea__bottom__button a:hover {
  background: var(--primaryColor);
}

.featurearea__thumb__img {
  padding-top: 10px;
}

.featurearea__thumb__img.slider__default__arrow .slick-arrow {
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
}

.featurearea__single__big__img {
  border: 1px solid var(--borderColor);
}

.featurearea__single__big__img img {
  width: 100%;
}

.featurearea__single__thumb__img {
  border: 1px solid var(--borderColor);
  cursor: pointer;
}

.featurearea__single__thumb__img img {
  width: 100%;
}

.tabcollectionarea__item__wrap {
  margin-bottom: 20px;
}

.tabcollectionarea__item__wrap.text-center {
  justify-content: center;
}

.tabcollectionarea__product__item__link {
  border: none;
  margin: 0 30px 0 0;
  background: none;
  font-size: 20px;
  font-weight: 500;
}

.tabcollectionarea__product__item__link:hover {
  color: var(--primaryColor);
}

.tabcollectionarea__product__item__link.active {
  color: var(--primaryColor);
}

.descriptionarea__tab__wrapper {
  border: 1px solid var(--borderColor);
  padding: 30px 30px 37px;
}

.descriptionarea__link {
  font-size: 18px;
  text-transform: capitalize;
  line-height: 1;
  position: relative;
  padding: 0 0 10px;
  margin: 0 32px 15px 0;
  border: none;
  background: none;
  color: var(--blackColor);
}

.descriptionarea__link.active:after {
  width: 100%;
}

.descriptionarea__link:hover:after {
  width: 100%;
}

.descriptionarea__link:after {
  content: "";
  height: 2px;
  left: 0;
  width: 0;
  position: absolute;
  -webkit-transition: width 0.3s ease-out;
  -o-transition: width 0.3s ease-out;
  transition: width 0.3s ease-out;
  background-color: var(--primaryColor);
  bottom: 0;
}

.cart__pm__btn__wrap {
  display: flex;
  align-items: center;
}

.faqarea__heading {
  position: relative;
  transform: rotate(-90deg) translatex(-50%);
}

.faqarea__heading h3 {
  color: var(--lightGrey);
  font-size: 200px;
  font-weight: 700;
  text-transform: uppercase;
  opacity: 0.5;
}

.faqarea__wrapper .accordion-item .accordion-header button {
  padding: 24px 25px 25px;
  font-size: 20px;
  font-weight: 700;
  position: relative;
  transform: inherit;
  background-color: var(--whiteColor);
  display: flex;
  align-items: center;
  width: 100%;
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  color: var(--blackColor);
}

.cartarea__table__content table {
  border: 1px solid var(--borderColor);
  width: 100%;
}

.cartarea__table__content table thead tr {
  background-color: var(--greywhite);
  border: 1px solid var(--borderColor);
}

.cartarea__table__content table thead tr th {
  border-top: medium none;
  font-size: 14px;
  font-weight: 600;
  padding: 21px 45px 22px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
  color: var(--blackColor);
  min-width: 100px;
}

.cartarea__table__content table tbody tr {
  border-bottom: 1px solid var(--borderColor);
  color: var(--blackColor);
}

.cartarea__table__content table tbody tr td {
  font-size: 16px;
  text-align: center;
  border: 1px solid var(--borderColor);
  padding: 20px 0;
}

.cartarea__table__content table tbody tr td a img {
  max-width: 80px;
}

.cartarea__table__content table tbody tr td a svg {
  width: 25px;
}

.cartarea__product__name {
  width: 435px;
}

.cartarea__product__quantity {
  width: 435px;
}

.cartarea__plus__minus {
  display: inline-block;
  height: 55px;
  padding: 0;
  position: relative;
  border: 2px solid var(--borderColor2);
  overflow: hidden;
  max-width: 150px;
}

.cartarea__plus__minus .qtybutton {
  color: var(--blackColor);
  cursor: pointer;
  float: inherit;
  font-size: 16px;
  margin: 0;
  position: absolute;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 20px;
  text-align: center;
}

.cartarea__plus__minus .qtybutton.dec {
  left: 10px;
  top: 10px;
}

.cartarea__plus__minus .qtybutton.inc {
  right: 10px;
  top: 10px;
}

.cartarea__plus__minus__box {
  color: var(--blackColor);
  float: left;
  font-size: 14px;
  height: 50px;
  margin: 0;
  width: 100%;
  background: transparent none repeat scroll 0 0;
  border: none;
  padding: 0;
  text-align: center;
}

.cartarea__product__thumbnail a img {
  width: 100%;
}

.cartarea__shiping__update__wrapper {
  padding: 30px 0 55px;
  display: flex;
  justify-content: space-between;
}

.cartarea__shiping__update a {
  background-color: var(--blackColor);
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  padding: 18px 40px 17px;
  text-transform: uppercase;
  color: var(--whiteColor);
}

.cartarea__shiping__update a:hover {
  background: var(--primaryColor);
  color: var(--whiteColor);
}

.cartarea__clear a {
  background-color: var(--blackColor);
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  padding: 18px 40px 17px;
  text-transform: uppercase;
  margin-right: 20px;
  color: var(--whiteColor);
}

.cartarea__clear a:last-child {
  margin-right: 0;
}

.cartarea__clear a:hover {
  background: var(--primaryColor);
  color: var(--whiteColor);
}

.cartarea__tax {
  background-color: var(--greywhite);
  border: 1px solid var(--borderColor);
  border-radius: 5px;
  padding: 45px 30px 50px;
}

.cartarea__title {
  position: relative;
}

.cartarea__title::after {
  background-color: var(--borderColor2);
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 10px;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  width: 100%;
  z-index: 1;
}

.cartarea__title h4 {
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  margin: 0;
  padding-right: 18px;
  background-color: var(--whiteColor);
  position: relative;
  z-index: 99;
}

.cartarea__text {
  margin-top: 22px;
}

.cartarea__tax__select {
  margin-bottom: 20px;
}

.cartarea__tax__select label {
  color: var(--blackColor);
}

.cartarea__tax__select select {
  box-shadow: none;
  font-size: 12px;
  height: 40px;
  padding: 0 50px 0 15px;
  width: 100%;
  cursor: pointer;
}

.cartarea__code {
  margin-bottom: 20px;
}

.cartarea__code label {
  color: var(--blackColor);
}

.cartarea__code input {
  box-shadow: none;
  font-size: 12px;
  height: 40px;
  padding: 0 50px 0 15px;
  width: 100%;
  cursor: pointer;
  border: 1px solid var(--borderColor2);
}

.cartarea__discount__code {
  margin: 21px 0 0;
}

.cartarea__discount__code textarea {
  border: 1px solid var(--borderColor2);
  background: var(--whiteColor);
  width: 100%;
  height: 100px;
}

.cartarea__grand__totall h5 {
  font-size: 14px;
  margin: 36px 0 27px;
}

.cartarea__grand__totall h5 span {
  float: right;
  font-size: 18px;
  font-weight: 500;
}

.cartarea__grand__totall a {
  color: var(--whiteColor);
  display: block;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  padding: 18px 10px 17px;
  text-align: center;
  text-transform: uppercase;
  background: var(--blackColor);
}

.cartarea__grand__totall a:hover {
  background: var(--primaryColor);
  color: var(--whiteColor);
}

.checkoutarea__billing__heading h2 {
  border-bottom: 1px solid var(--borderColor);
  color: var(--blackColor);
  font-size: 20px;
  margin-bottom: 20px;
  padding-bottom: 10px;
}

.checkoutarea__inputbox label {
  font-weight: 500;
  color: var(--blackColor);
  margin-bottom: 5px;
  font-size: 14px;
}

.checkoutarea__inputbox input {
  background: transparent;
  border: 1px solid var(--borderColor);
  color: var(--blackColor);
  font-size: 14px;
  height: 50px;
  line-height: 50px;
  vertical-align: middle;
  width: 100%;
  padding: 0 20px;
  margin-bottom: 20px;
}

.checkoutarea__payment__wraper {
  background: var(--greyColor2);
  padding: 35px;
}

.checkoutarea__total h3 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
  text-transform: capitalize;
}

.checkoutarea__table {
  width: 100%;
}

.checkoutarea__item {
  border-top: 1px solid var(--borderColor2);
}

.checkoutarea__item td {
  border-style: solid none none;
  border-width: 1px medium medium;
  font-weight: 500;
  padding: 15px;
  color: var(--blackColor);
}

.checkoutarea__payment__input__box {
  margin-top: 30px;
}

.checkoutarea__payment__input__box a {
  padding: 10px 40px;
}

.checkoutarea__payment__type label {
  color: var(--blackColor);
  padding-left: 5px;
  padding-bottom: 10px;
}

.shoptab {
  display: flex;
  padding: 10px 30px;
  background-color: var(--darkdeep3);
  justify-content: space-between;
  align-items: center;
  margin-bottom: 50px;
  flex-wrap: wrap;
}

.shoptab__inner ul li {
  padding-right: 10px;
}

.shoptab__inner ul li button {
  border: none;
  background: none;
}

.shoptab__inner ul li button svg {
  width: 20px;
  height: 20px;
  display: inline-block;
  color: var(--blackColor);
}

.shoptab__inner ul li button:hover svg,
.shoptab__inner ul li button.active svg {
  color: var(--primaryColor);
}

.shoptab__shoing__wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.shoptab__shoing__wrap p {
  margin: 0;
}

.shoptab__select {
  margin-right: 50px;
  align-items: center;
  color: var(--blackColor);
}

.shoptab__select label {
  margin-right: 10px;
}

.shoptab__select select {
  height: 40px;
  padding: 10px;
  cursor: pointer;
  border: none;
  background: none;
  color: var(--blackColor);
}

.shopsidebar__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.shopsidebar__top h2 {
  font-size: 22px;
}

.shopsidebar__remove a {
  position: relative;
}

.shopsidebar__remove a:hover:after {
  background: var(--primaryColor);
}

.shopsidebar__remove a:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: var(--blackColor);
  bottom: -1px;
  left: 0;
}

.shopsidebar__bitton {
  margin-bottom: 30px;
}

.shopsidebar__widget {
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.05);
  padding: 20px;
  margin-bottom: 50px;
}

.shopsidebar__list {
  margin-top: 10px;
}

.shopsidebar__list ul li {
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
}

.shopsidebar__widget summary {
  color: var(--blackColor);
}

.shopsidebar__widget .shopsidebar__box label {
  color: var(--blackColor);
}

.swiper.modal__gallery {
  margin-top: 10px;
}

.dashboardarea__img {
  position: relative;
  z-index: 2;
}

.dashboardarea__img img {
  width: 100%;
}

.dashboardarea__img.dashboardarea__margin__0 {
  margin: 0;
  margin-bottom: 30px;
}

.dashboardarea__inner {
  background-color: var(--naveBlue);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 40px;
  border-radius: var(--borderRadius2);
  flex-wrap: wrap;
}

.dashboardarea__inner.student__dashboard__inner {
  background: var(--secondaryColor);
}

.dashboardarea__inner.student__dashboard__inner .default__button {
  background-color: var(--primaryColor);
  border: 1px solid var(--primaryColor);
}

.dashboardarea__inner.admin__dashboard__inner {
  background-color: var(--primaryColor);
}

.dashboardarea__inner.admin__dashboard__inner .default__button {
  border: 1px solid var(--whiteColor);
}

.dashboardarea__left {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.dashboardarea__left__img {
  width: 120px;
  height: 120px;
  margin-right: 20px;
}

.dashboardarea__left__img img {
  width: 100%;
  border-radius: 100%;
  border: 2px solid var(--darkdeep7);
  padding: 4px;
}

.dashboardarea__left__content h4 {
  margin: 0;
  margin-bottom: 0;
  line-height: 1.24;
  color: var(--whiteColor);
}

.dashboardarea__left__content h5 {
  color: var(--whiteColor);
  margin-bottom: 5px;
}

.dashboardarea__left__content ul {
  margin-top: 5px;
}

.dashboardarea__left__content ul li {
  color: var(--whiteColor);
  font-size: 14px;
  margin-right: 15px;
}

.dashboardarea__left__content ul li svg {
  width: 18px;
}

.dashboardarea__star {
  text-align: center;
}

.dashboardarea__star svg,
.dashboardarea__star i {
  width: 16px;
  color: var(--yellow);
  font-size: 16px;
}

.dashboardarea__star span {
  color: var(--whiteColor);
  font-size: 16px;
  display: block;
}

.dashboard {
  padding-top: 30px;
}

.dashboard__inner {
  padding: 20px 30px 30px;
  box-shadow: 0 0 20px 10px rgba(95, 45, 237, 0.02);
  background: var(--whiteColor);
  border-radius: var(--borderRadius3);
}

.dashboard__nav__title {
  margin-bottom: 10px;
  margin-top: 20px;
}

.dashboard__nav__title h6 {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 0;
  background: var(--lightGrey5);
  padding: 10px 10px 7px;
  color: var(--contentColor);
  line-height: 1;
}

.dashboard__nav ul li {
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: 1px solid var(--borderColor);
  width: 100%;
  position: relative;
}

.dashboard__nav ul li a {
  font-size: 16px;
}

.dashboard__nav ul li a.active {
  color: var(--primaryColor);
}

.dashboard__nav ul li a svg {
  width: 16px;
  margin-right: 10px;
}

.dashboard__content__wraper {
  box-shadow: 0 0 20px 10px rgba(95, 45, 237, 0.02);
  padding: 50px 40px;
  background: var(--whiteColor);
  margin-bottom: 30px;
  border-radius: var(--borderRadius2);
  overflow: hidden;
}

.dashboard__content__wraper_1{
  overflow: hidden;
}

.dashboard__section__title {
  margin-bottom: 24px;
  padding-bottom: 20px;
  border-bottom: 2px solid var(--borderColor);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dashboard__section__title h4 {
  margin: 0;
}

.dashboard__single__counter {
  padding: 50px 40px;
  background: rgba(29, 175, 247, 0.14);
  margin-bottom: 20px;
  border-radius: var(--borderRadius3);
  box-shadow: 0 0 1px 1px rgba(29, 175, 247, 0.14);
  min-height: 175px;
  align-content: center;
}

.dashboard__table table {
  width: 100%;
}

.dashboard__table table thead {
  background: var(--lightGrey5);
}

.dashboard__table table thead tr {
  width: 100%;
}

.dashboard__table table thead tr th {
  padding: 10px 20px;
}

.dashboard__table table tbody tr {
  width: 100%;
}

.dashboard__table table tbody tr th {
  font-weight: 400;
  font-size: 16px;
  padding: 10px 20px;
  border: 0 none;
  color: var(--darkblack);
}

.dashboard__table table tbody tr th p {
  margin: 0;
}

.dashboard__table table tbody tr th span {
  color: var(--blackColor);
  font-weight: 700;
}

.dashboard__table table tbody tr td p {
  margin: 0;
}

.dashboard__table table tbody tr th p a {
  color: var(--blackColor);
}

.dashboard__table table tbody tr td {
  padding: 10px 20px;
  color: var(--contentColor);
}

.dashboard__table table tbody tr td span.dashboard__td {
  background: var(--greencolor2);
  padding: 5px 7px;
  font-size: 12px;
  display: flex;
  height: 22px;
  align-items: center;
  border-radius: 6px;
  justify-content: center;
  width: max-content;
  color: var(--whiteColor);
}

.dashboard__table table tbody tr td span.dashboard__td--cancel {
  background-color: var(--secondaryColor);
}

.dashboard__table table tbody tr td span.dashboard__td--over {
  background-color: var(--primaryColor);
}

.dashboard__table table tbody tr td span.dashboard__td--comming {
  background-color: var(--skycolor);
}

.dashboard__table table tbody tr td span.dashboard__td__2 {
  color: var(--whiteColor);
  background: var(--primaryColor);
}

.dashboard__table table tbody tr td span {
  color: var(--blackColor);
  font-weight: 700;
}

.dashboard__table__star i {
  width: 16px;
  color: var(--secondaryColor);
  font-size: 16px;
}

.dashboard__table__star svg {
  width: 16px;
  color: var(--primaryColor);
  font-size: 16px;
}

.dashboard__table__row {
  background: var(--lightGrey5);
}

.dashboard__form {
  font-size: 18px;
  line-height: 1.67;
  color: var(--contentColor);
}

.dashboard__form__margin {
  margin-top: 15px;
}

.dashboard__star__course {
  font-size: 15px;
  line-height: 1.67;
}

.dashboard__star__course a {
  color: var(--blackColor);
  font-weight: 700;
}

.dashboard__star__course a :hover {
  color: var(--secondaryColor);
}

.dashboard__small__text {
  margin: 0;
}

.dashboard__rating__count {
  font-size: 14px;
}

.dashboard__small__btn {
  font-size: 14px;
  margin: 10px;
  color: var(--blackColor);
  position: relative;
  transition: 0.3s;
  font-weight: 700;
}

.dashboard__small__btn:hover::after {
  width: 100%;
}

.dashboard__small__btn::after {
  content: "";
  position: absolute;
  height: 2px;
  width: 0;
  background: var(--primaryColor);
  bottom: -4px;
  left: 0;
  transition: 0.3s;
}

.dashboard__small__btn svg {
  width: 14px;
}

.dashboard__small__btn__2 {
  color: var(--whiteColor);
  transition: 0.3s;
  font-weight: 700;
  padding: 0 30px;
  font-size: 14px;
  line-height: 29px;
  background: var(--primaryColor);
  display: flex;
  align-items: center;
  border-radius: 6px;
  border: 1px solid var(--primaryColor);
  justify-content: center;
  margin: 5px 0;
}

.dashboard__small__btn__2:hover {
  color: var(--whiteColor);
  border: 1px solid var(--secondaryColor);
  background: var(--secondaryColor);
}

.dashboard__small__btn__2 svg {
  width: 14px;
}

.dashboard__small__btn__3 {
  background: var(--secondaryColor);
  color: var(--whiteColor);
  border: 1px solid var(--secondaryColor);
}

.dashboard__small__btn__3:hover {
  color: var(--whiteColor);
  border: 1px solid var(--primaryColor);
  background: var(--primaryColor);
}

.dashboard__button__wrap li {
  margin-right: 10px;
}

.dashboard__button__wrap li button {
  padding: 15px 39px;
}

.dashboard__select__heading span {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  opacity: 0.5;
  margin-bottom: 6px;
  display: inline-block;
}

.dashboard__selector select {
  padding: 13px;
  border: none;
  box-shadow: var(--boxshadow1);
}

.dashboard__Announcement__wraper {
  background: var(--lightGrey7);
  padding: 25px 30px;
  box-shadow: var(--shadow-1);
  border-radius: 6px;
  margin-bottom: 60px;
}

.dashboard__Announcement h5 {
  margin: 0;
  margin-bottom: 5px;
}

.dashboard__Announcement p {
  margin: 0;
}

.dashboard__form__input label {
  display: block;
  font-size: 14px;
  margin-bottom: 12px;
  font-weight: 600;
  text-transform: capitalize;
  color: var(--blackColor);
}

.dashboard__form__input label svg {
  width: 14px;
}

.dashboard__form__input input {
  width: 100%;
  background-color: transparent;
  border: 2px solid var(--borderColor);
  border-radius: 6px;
  line-height: 23px;
  padding: 6px 10px;
  font-size: 14px;
  color: var(--contentColor);
  /* margin-bottom: 15px; */
}

.dashboard__form__input textarea {
  width: 100%;
  background-color: transparent;
  border: 2px solid var(--borderColor);
  border-radius: 6px;
  line-height: 23px;
  padding: 10px 20px;
  font-size: 14px;
  color: var(--contentColor);
  margin-bottom: 15px;
}

.dashboard .counterarea__text__wraper {
  margin-bottom: 0;
}

.become__instructor__heading {
  border-bottom: 1px solid var(--borderColor);
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 600;
}

.become__instructor__small__heading {
  font-weight: 600;
  font-size: 24px;
}

.become__instructor__text p {
  margin-top: 20px;
}

.become__instructor__img {
  width: 25px;
  height: 25px;
}

.become__instructor__img img {
  width: 100%;
}

.become__instructor__list {
  margin-bottom: 30px;
}

.become__instructor__list ul li {
  margin-top: 20px;
  display: flex;
  color: var(--contentColor);
}

.become__instructor__list ul li .become__instructor__img {
  margin-right: 20px;
}

.become__instructor__form {
  background: var(--darkdeep3);
  padding: 40px;
}

.become__instructor__form .dashboard__form__wraper .dashboard__form__input input {
  background: var(--whiteColor);
}

.become__instructor__form .dashboard__form__wraper .dashboard__form__input textarea {
  background: var(--whiteColor);
}

.become__instructor__check {
  margin-bottom: 13px;
  color: var(--contentColor);
}

.become__instructor__check__label a {
  color: var(--blackColor);
  font-weight: 700;
  position: relative;
}

.become__instructor__check__label a::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: var(--blackColor);
  left: 0;
  bottom: -2px;
}

.become__instructor__check__label a:hover {
  color: var(--primaryColor);
}

.become__instructor__check__label a:hover::after {
  color: var(--primaryColor);
}

.create__course__accordion__wraper .accordion-item {
  margin-bottom: 20px;
  background: var(--whiteColor);
  border: none;
  box-shadow: 0 0 20px 10px rgba(95, 45, 237, 0.02);
}

.create__course__accordion__wraper .accordion-item h2 {
  padding: 20px 30px;
}

.create__course__accordion__wraper .accordion-item h2 button {
  font-size: 18px;
  line-height: 27px;
  width: 100%;
  text-align: left;
  padding: 0;
  background-color: transparent;
  font-weight: 600;
  color: var(--blackColor);
}

.create__course__margin {
  margin-bottom: 20px;
}

.create__course__textarea {
  width: 100%;
  background-color: transparent;
  border: 2px solid var(--borderColor);
  border-radius: 6px;
  line-height: 23px;
  padding: 10px 20px;
  font-size: 14px;
  color: var(--contentColor);
  margin-bottom: 15px;
}

.create__course__small {
  margin-top: 10px;
  color: var(--contentColor);
}

.create__course__small svg {
  width: 14px;
}

.create__course__single__img {
  margin-bottom: 20px;
}

.create__course__single__img img {
  width: 100%;
}

.create__course__bottom__button {
  margin-top: 20px;
}

.create__course__bottom__button a {
  background: var(--primaryColor);
  color: var(--whiteColor);
  display: inline-block;
  text-align: center;
  padding: 13px;
  width: 100%;
  border-radius: 6px;
}

.create__course__bottom__button a:hover {
  background: var(--secondaryColor);
  color: var(--whiteColor);
}

.create__course__wraper {
  padding: 30px;
  border: 2px solid var(--primaryColor);
}

.create__course__title {
  margin-bottom: 30px;
}

.create__course__title h4 {
  font-size: 30px;
  line-height: 1.25;
  font-weight: 700;
}

.create__course__list ul li {
  display: flex;
  font-size: 18px;
  margin: 7px 0;
  line-height: 1.45;
  color: var(--contentColor);
}

.create__course__list ul li svg {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  color: var(--greencolor);
}

.create__course small {
  color: var(--contentColor);
}

.dashboard__admin__report__wrap {
  display: flex;
  justify-content: center;
  box-shadow: 0 0 20px 10px rgba(95, 45, 237, 0.02);
  background: var(--whiteColor);
  padding: 40px 20px;
  border-radius: var(--borderRadius2);
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.dashboard__admin__report {
  padding: 0 20px;
}

.dashboard__linechart {
  width: 65%;
}

.dashboard__piechart {
  width: 35%;
}

.dashboard__admin__report__top .form-select {
  max-width: 170px;
}

.admin__content__wrapper {
  max-height: 550px;
  overflow: auto;
}

.dashboard__popular__instructor__single {
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--borderColor);
  padding: 15px 0;
  flex-wrap: wrap;
}

.dashboard__popular__instructor__single:last-child {
  border-bottom: none;
  padding-bottom: inherit;
}

.dashboard__popular__instructor__img {
  max-width: 20%;
  padding-right: 10px;
}

.dashboard__popular__instructor__img img {
  width: 100%;
  border-radius: 100px;
}

.dashboard__popular__instructor__content {
  max-width: 80%;
}

.dashboard__popular__instructor__content li {
  font-size: 14px;
  margin-right: 15px;
  color: var(--darkblack);
}

.dashboard__popular__instructor__content h4 {
  margin-bottom: 5px;
  font-size: 18px;
  line-height: 1;
}

.dashboard__popular__instructor__content span {
  color: var(--darkblack);
}

.dashboard__popular__instructor.dashboard__notificatoin__wrap img {
  border-radius: 0;
  max-width: 50px;
}

.dashboard__popular__instructor.dashboard__notificatoin__wrap .dashboard__popular__instructor__img {
  padding-right: 20px;
}

.dashboard__recent__course__single {
  display: flex;
  border-bottom: 1px solid var(--borderColor);
  padding: 20px 0px;
  align-items: center;
  flex-wrap: wrap;
}

.dashboard__recent__course__single:last-child {
  border-bottom: none;
  padding-bottom: inherit;
}

.dashboard__recent__course__heading h3 {
  font-size: 18px;
  line-height: 1.5;
  font-weight: 500;
  margin-bottom: 5px;
}

.dashboard__recent__course__img {
  width: 30%;
  padding-right: 20px;
}

.dashboard__recent__course__img img {
  width: 100%;
}

.dashboard__recent__course__content {
  width: 70%;
}

.dashboard__recent__course__meta ul {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
}

.dashboard__recent__course__meta ul li {
  color: var(--darkblack);
}

.dashboard__meessage {
  min-width: 280px;
  height: 100%;
  background: var(--whiteColor);
  overflow: hidden;
  position: relative;
  border: 1px solid var(--borderColor);
  border-radius: 10px;
  max-height: 600px;
  overflow-y: scroll;
}

.dashboard__meessage__chat {
  padding: 15px 30px;
  background: var(--deepgreen);
}

.dashboard__meessage__chat h3 {
  font-size: 22px;
  line-height: 30px;
  color: var(--whiteColor);
  font-weight: 600;
  margin: 0px;
}

.dashboard__meessage__search {
  padding: 30px 30px;
  position: relative;
  border-bottom: 1px solid var(--borderColor);
}

.dashboard__meessage__search button {
  position: absolute;
  top: 42px;
  left: 50px;
  font-size: 18px;
  color: var(--darkdeep4);
  font-weight: 400;
  cursor: pointer;
  background: transparent;
  z-index: 1;
  transition: all 500ms ease;
  border: none;
}

.dashboard__meessage__search input {
  position: relative;
  width: 100%;
  height: 50px;
  border: 1px solid var(--borderColor);
  border-radius: 25px;
  padding: 10px 20px 10px 47px;
  font-size: 14px;
  font-weight: 500;
  color: var(--darkdeep4);
  background: var(--whiteColor);
}

.dashboard__meessage__contact ul li {
  position: relative;
  padding: 15px 30px 15px 30px;
  cursor: pointer;
  border-bottom: 1px solid var(--borderColor);
  width: 100%;
}

.dashboard__meessage__dot {
  position: absolute;
  left: 38px;
  bottom: 0px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 3px solid var(--whiteColor);
  z-index: 1;
  background: var(--primaryColor);
}

.dashboard__meessage__contact__wrap {
  position: relative;
  display: flex;
}

.dashboard__meessage__chat__img {
  margin-right: 20px;
  max-width: 50px;
}

.dashboard__meessage__chat__img img {
  width: 100%;
}

.dashboard__meessage__meta {
  position: relative;
  min-height: 50px;
}

.dashboard__meessage__meta h5 {
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  margin-bottom: 0px;
}

.dashboard__meessage__meta p {
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 24px;
  color: var(--darkdeep4);
  font-weight: 400;
  margin: 0px;
}

.dashboard__meessage__meta .chat__time {
  position: absolute;
  top: 0px;
  right: -180px;
  font-size: 14px;
  line-height: 24px;
  color: var(--darkdeep4);
  font-weight: 400;
  margin: 0px;
}

.dashboard__meessage__profile {
  position: relative;
  display: block;
  padding: 1px 0px 12px 65px;
  border-bottom: 1px solid var(--borderColor);
  min-height: 60px;
}

.dashboard__meessage__profile__img img {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.dashboard__meessage__profile__meta h5 {
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  margin-bottom: 0px;
}

.dashboard__meessage__profile__meta p {
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 22px;
  color: var(--darkdeep4);
  font-weight: 400;
  margin: 0px;
}

.dashboard__meessage__profile__chat__option {
  position: absolute;
  right: 0px;
  bottom: 12px;
}

.dashboard__meessage__profile__chat__option a {
  position: relative;
  display: inline-block;
  font-size: 16px;
  color: var(--darkdeep4);
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid var(--borderColor);
}

.dashboard__meessage__profile__chat__option a:first-child {
  margin-right: 6px;
}

.dashboard__meessage__profile__chat__option a:hover {
  background: var(--primaryColor);
  color: var(--whiteColor);
}

.dashboard__meessage__sent__item__img {
  width: 60px;
  height: 60px;
  margin-right: 20px;
}

.dashboard__meessage__sent__item__img img {
  width: 100%;
  border-radius: 100%;
}

.dashboard__meessage__sent {
  margin-top: 40px;
  max-height: 500px;
  overflow-y: scroll;
}

.dashboard__meessage__sent ul li {
  position: relative;
  max-width: 415px;
  display: flex;
}

.dashboard__meessage__sent ul li p {
  display: block;
  padding: 10px 15px;
  border-radius: 5px;
  background: var(--darkdeep3);
  color: var(--blackColor);
  font-size: 14px;
  line-height: 26px;
}

.dashboard__meessage__sent ul li span {
  position: relative;
  display: block;
  font-size: 14px;
  line-height: 22px;
  color: var(--darkdeep4);
  margin-bottom: 10px;
}

.dashboard__meessage__sent__item {
  margin-left: auto;
}

.dashboard__meessage__sent__item .dashboard__meessage__sent__item__img {
  margin-right: 0;
  margin-left: 20px;
}

.dashboard__meessage__sent__item .dashboard__meessage__sent__item__content {
  text-align: right;
}

.dashboard__meessage__input {
  position: relative;
  padding-right: 30px;
}

.dashboard__meessage__input input {
  position: relative;
  width: 100%;
  height: 50px;
  background: var(--darkdeep3);
  font-size: 14px;
  font-weight: 500;
  color: var(--darkdeep4);
  border-radius: 25px;
  padding: 10px 30px 10px 85px;
  border: none;
}

.dashboard__meessage__input .attachment {
  position: absolute;
  left: 25px;
  z-index: 1;
  font-size: 20px;
  color: var(--darkdeep4);
  top: 15px;
  cursor: pointer;
}

.dashboard__meessage__input .attachment:after {
  position: absolute;
  content: "";
  background: #e5eded;
  height: 50px;
  width: 1px;
  top: -15px;
  right: -20px;
}

.dashboard__meessage__input button {
  position: absolute;
  right: 30px;
  top: 0px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  align-items: center;
  border-radius: 50%;
  text-align: center;
  background: var(--primaryColor);
  border: none;
}

.dashboard__meessage__input button i {
  font-size: 20px;
  color: var(--whiteColor);
}

.dashboard__meessage__content__wrap {
  background: var(--whiteColor);
  padding: 10px;
  border-radius: var(--borderRadius3);
}

.dashboard__label {
  position: absolute;
  top: 20px;
  right: 10px;
  font-size: 10px;
  line-height: 14px;
  font-weight: 500;
  display: inline-block;
  color: var(--whiteColor);
  padding: 0px 9px;
  border-radius: 15px;
  background-color: var(--primaryColor);
}

.grid__course__status {
  padding-top: 20px;
}

.grid__course__status .progress {
  margin-bottom: 15px;
  height: 25px;
}

.grid__course__status .progress-bar {
  background-color: var(--primaryColor);
  font-size: 10px;
}

.grid__course__status .default__button {
  display: block;
}

/*------------------------------
Footer Area
-------------------------------*/
.footerarea {
  background: #2A2A2A;
}

.footer_bottom_line img {
  width: 100%;
}

.footerarea__newsletter__wraper {
  padding-bottom: 45px;
  padding-top: 65px;
  border-bottom: 1px solid var(--darkcolor);
}

.footerarea__newsletter {
  margin-left: 30px;
}

.footerarea__newsletter__input {
  position: relative;
}

.footerarea__newsletter__input input {
  width: 100%;
  color: var(--blackColor);
  height: 55px;
  background: #E8F7FF;
  font-size: 16px;
  padding-left: 15px;
  border: 1px solid #E8F7FF;
  border-radius: var(--borderRadius);
}

.footerarea__newsletter__input input::placeholder {
  color: var(--primaryColor);
}

.footerarea__newsletter__input input:focus {
  border: 1px solid var(--whitegrey);
}

.footerarea__newsletter__button {
  position: absolute;
  top: 0;
  right: 0;
}

.footerarea__newsletter__button .subscribe__btn {
  padding: 0 20px;
  background: var(--primaryColor);
  text-align: center;
  color: var(--whiteColor);
  display: inline-block;
  border: 1px solid var(--primaryColor);
  border-radius: var(--borderRadius);
  font-size: 15px;
  height: 55px;
}

.footerarea__newsletter__button .subscribe__btn:hover {
  background: var(--secondaryColor);
  border: 1px solid var(--secondaryColor);
}

.footerarea__newsletter__wraper .row {
  align-items: center;
}

.footerarea__wrapper {
  padding-top: 100px;
  padding-bottom: 65px;
  border-bottom: 1px solid var(--darkcolor);
}

.footerarea__wrapper.footerarea__wrapper__2 {
  border-bottom: none;
}

.footerarea__wrapper .footerarea__padding__left {
  padding-left: 60px;
}

.footerarea__wrapper .footerarea__right__wraper {
  padding-left: 50px;
}

.footerarea__wrapper .footerarea__about__us {
  margin-right: 30px;
}

.footerarea__wrapper .footerarea__inner .footerarea__heading {
  margin-bottom: 20px;
}

.footerarea__wrapper .footerarea__inner .footerarea__heading h3 {
  font-size: 22px;
  font-weight: 500;
  font-family: var(--headingFont);
}

.footerarea__wrapper .footerarea__inner .footer_header_1 h3 {
  color: var(--primaryColor);
}

.footerarea__wrapper .footerarea__inner .footer_header_2 h3 {
  color: var(--secondaryColor);
}

.footerarea__wrapper .footerarea__inner .footer_header_3 h3 {
  color: var(--whiteColor);
  text-align: center;
}

.footerarea__wrapper .footerarea__inner .footerarea__content {
  margin-bottom: 30px;
}

.footerarea__wrapper .footerarea__inner .footerarea__content p {
  color: var(--whiteColor);
}

.footerarea__wrapper .footerarea__inner .footerarea__icon {
  margin-top: 30px;
}

.footerarea__wrapper .footerarea__inner .footerarea__icon ul li {
  margin-right: 5px;
}

.footerarea__wrapper .footerarea__inner .footerarea__icon ul li a {
  height: 44px;
  width: 44px;
  line-height: 44px;
  background: var(--deepgray);
  font-size: 16px;
  border-radius: 100%;
  display: inline-block;
  text-align: center;
  color: var(--whitegrey);
}

.footerarea__wrapper .footerarea__inner .footerarea__icon ul li a:hover {
  color: var(--whiteColor);
}

.footerarea__wrapper .footerarea__inner .footerarea__list ul li {
  display: block;
  margin-bottom: 12px;
}

.footerarea__wrapper .footerarea__inner .footerarea__list ul li a {
  color: var(--whiteColor);
  font-size: 16px;
  font-weight: 400;
  font-family: var(--contentFont);
  transition: 0.3s;
  position: relative;
}

.footerarea__wrapper .footerarea__inner .footerarea__list ul li a:after {
  position: absolute;
  content: "";
  height: 2px;
  width: 0;
  background: var(--primaryColor);
  left: 0;
  bottom: -5px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.footerarea__wrapper .footerarea__inner .footerarea__list ul li a:hover {
  color: var(--primaryColor);
}

.footerarea__wrapper .footerarea__inner .footerarea__list ul li a:hover::after {
  opacity: 1;
  visibility: visible;
  width: 100%;
}

.footerarea__right__wraper .footerarea__right__list ul li {
  margin-bottom: 15px;
  display: block;
}

.footerarea__right__wraper .footerarea__right__list ul li a {
  display: flex;
  align-items: center;
}

.footerarea__right__wraper .footerarea__right__list ul li a:hover .footerarea__right__content h6 {
  color: var(--primaryColor);
}

.footerarea__right__wraper .footerarea__right__list ul li a .footerarea__right__img {
  margin-right: 11px;
  max-width: 60px;
}

.footerarea__right__wraper .footerarea__right__list ul li a .footerarea__right__content span {
  font-size: 12px;
  color: var(--darkgray);
}

.footerarea__right__wraper .footerarea__right__list ul li a .footerarea__right__content h6 {
  font-size: 15px;
  color: var(--whiteColor);
}

.footerarea__copyright__wrapper {
  padding-top: 20px;
  padding-bottom: 20px;
}

.footerarea__copyright__content {
  text-align: center;
}

.footerarea__copyright__wrapper .footerarea__copyright__content.footerarea__copyright__content__2 p {
  color: var(--primaryColor);
}

.footerarea__copyright__wrapper .footerarea__copyright__content p {
  color: var(--darkgray);
  margin-bottom: 0;
}

.footerarea__copyright__wrapper .footerarea__copyright__content p span {
  color: var(--secondaryColor);
}

.footerarea__copyright__wrapper .footerarea__copyright__content p a {
  color: var(--darkgray);
}

.footerarea__copyright__wrapper .footerarea__copyright__content p a:hover {
  color: var(--primaryColor);
}

.footerarea__copyright__wrapper .footerarea__copyright__list {
  text-align: right;
}

.footerarea__copyright__wrapper .footerarea__copyright__list ul li {
  color: var(--darkgray);
  position: relative;
  padding-right: 25px;
}

.footerarea__copyright__wrapper .footerarea__copyright__list ul li a {
  color: var(--darkgray);
}

.footerarea__copyright__wrapper .footerarea__copyright__list ul li a:hover {
  color: var(--primaryColor);
}

.footerarea__copyright__wrapper .footerarea__copyright__list ul li:last-child {
  padding-right: 0;
}

.footerarea__copyright__wrapper .footerarea__copyright__list ul li:last-child::after {
  display: none;
}

.footerarea__copyright__wrapper .footerarea__copyright__list ul li:after {
  position: absolute;
  content: "";
  width: 1px;
  height: 13px;
  background: var(--darkgray);
  bottom: 5px;
  right: 9px;
}

.footerarea__text h3 {
  font-size: 40px;
  line-height: 64px;
  color: var(--whiteColor);
  margin-bottom: 0;
}

.footerarea__text h3 span {
  color: var(--primaryColor);
}

.footerarea__text p {
  color: rgba(255, 255, 255, 0.65);
  margin-bottom: 0;
}

.foter__bottom__text {
  display: flex;
  align-items: center;
}

.foter__bottom__text .footer__bottom__icon {
  margin-right: 22px;
}

.foter__bottom__text .footer__bottom__icon i {
  width: 78px;
  height: 78px;
  color: var(--whiteColor);
  background: var(--primaryColor);
  display: inline-block;
  text-align: center;
  line-height: 78px;
  font-size: 30px;
}

.foter__bottom__text .footer__bottom__content h6 {
  font-size: 18px;
  font-weight: 500;
  line-height: 29px;
  color: var(--whiteColor);
  text-transform: uppercase;
  margin-bottom: 0;
}

.foter__bottom__text .footer__bottom__content span {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: rgba(255, 255, 255, 0.63);
  display: block;
  margin-bottom: 7px;
}

.footerarea__copyright__wrapper__2 .row {
  align-items: center;
}

.footerarea__icon__2 {
  text-align: right;
}

.footerarea__icon__2 ul li a {
  width: 40.19px;
  height: 37px;
  background: rgba(255, 255, 255, 0.1);
  color: var(--whiteColor);
  display: inline-block;
  text-align: center;
  line-height: 37px;
  margin-right: 7px;
}

.footerarea__icon__2 ul li a:hover {
  background: var(--primaryColor);
  color: var(--whiteColor);
}

/*------------------------------
Dark Mode
-------------------------------*/
.is_dark .mode_switcher.my_switcher button {
  color: var(--blackColor);
  background: var(--whiteColor);
  border-color: var(--blackColor);
}

.is_dark .headerarea__main__menu nav ul>li .headerarea__submenu>li:hover>a {
  color: var(--blackColor);
}

.is_dark .headerarea__button a {
  color: var(--blackColor);
}

.is_dark .headerarea__login a:hover {
  color: var(--blackColor);
}

.is_dark .herobannerarea__title .herobannerarea__title__heading__2 h2 {
  color: var(--blackColor);
}

.is_dark .herobannerarea__text p {
  color: var(--blackColor);
}

.is_dark .default__button {
  color: var(--blackColor);
}

.is_dark .single__service:hover .service__content h3 a {
  color: var(--blackColor);
}

.is_dark .single__service:hover .service__content h3 a:hover {
  color: var(--secondaryColor);
}

.is_dark .single__service:hover .service__content p {
  color: var(--blackColor);
}

.is_dark .gridarea__wraper .gridarea__img .gridarea__small__button .grid__badge {
  color: var(--blackColor);
}

.is_dark .gridarea__wraper .gridarea__img .gridarea__small__icon i {
  color: var(--blackColor);
}

.is_dark .gridarea__wraper {
  background: var(--naveBlue);
}

.is_dark .single__service:hover .service__img .service__icon__bg path {
  fill: var(--blackColor);
}

.is_dark .gridarea__wraper {
  box-shadow: 0 0 20px 10px rgba(95, 45, 237, 0.1);
}

.is_dark .registerarea__section__title .section__title__heading h2 {
  color: var(--blackColor);
}

.is_dark .registerarea__content .registerarea__video p {
  color: var(--blackColor);
}

.is_dark .registerarea__form {
  box-shadow: 0 0 20px 10px rgba(95, 45, 237, 0.1);
  background: var(--naveBlue);
}

.is_dark .single__event__wraper:hover {
  background: var(--blackColor);
}

.is_dark .default__arrow .slick-arrow {
  color: var(--blackColor);
}

.is_dark .default__arrow .slick-arrow:hover {
  color: var(--secondaryColor);
}

.is_dark .footerarea {
  background: var(--lightGrey);
}

.is_dark .footerarea__newsletter__button a {
  color: var(--blackColor);
}

.is_dark .footerarea__newsletter__button a:hover {
  color: var(--primaryColor);
}

.is_dark .footerarea__wrapper .footerarea__inner .footerarea__heading h3 {
  color: var(--blackColor);
}

.is_dark .footerarea__right__wraper .footerarea__right__list ul li a .footerarea__right__content h6 {
  color: var(--blackColor);
}

.is_dark .footerarea__right__wraper .footerarea__right__list ul li a:hover .footerarea__right__content h6 {
  color: var(--primaryColor);
}

.is_dark .footerarea__wrapper .footerarea__inner .footerarea__icon ul li a {
  color: var(--whiteColor);
}

.is_dark .footerarea__wrapper .footerarea__inner .footerarea__icon ul li a:hover {
  color: var(--blackColor);
  background: var(--secondaryColor);
}

.is_dark .mobile-off-canvas .mobile-aside-button {
  color: var(--blackColor);
}

.is_dark .mobile-off-canvas-active .mobile-aside-close {
  background: var(--darkdeep1);
  color: var(--blackColor);
}

.is_dark .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search form input {
  color: var(--blackColor);
}

.is_dark .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li a {
  color: var(--blackColor);
}

.is_dark .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li.menu-item-has-children .menu-expand i {
  border-bottom: 1px solid var(--blackColor);
}

.is_dark .mobile-off-canvas-active .mobile-aside-close:hover {
  background: var(--secondaryColor);
}

.is_dark .mobile-off-canvas-active .mobile-aside-close:hover i {
  color: var(--blackColor);
}

.is_dark .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li.menu-item-has-children .menu-expand i::before {
  border-bottom: 1px solid var(--blackColor);
}

.is_dark .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang a {
  color: var(--blackColor);
}

.is_dark .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li a:hover {
  color: var(--secondaryColor);
}

.is_dark .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang:hover>a {
  color: var(--secondaryColor);
}

.is_dark .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap a {
  color: var(--blackColor);
}

.is_dark .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-social-wrap a:hover {
  color: var(--secondaryColor);
}

.is_dark .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search form button {
  color: var(--blackColor);
}

.is_dark .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search form button:hover {
  color: var(--secondaryColor);
}

.is_dark .populerarea__content__wraper__2 .populerarea__button__2 .default__button {
  color: var(--blackColor);
}

.is_dark .aboutarea__para__3 .aboutarea__icon__3 i {
  color: var(--blackColor);
}

.is_dark .blogarea__content__wraper .blogarea__img .blogarea__date {
  color: var(--blackColor);
}

.is_dark .footerarea__text h3 {
  color: var(--blackColor);
}

.is_dark .foter__bottom__text .footer__bottom__content h6 {
  color: var(--blackColor);
}

.is_dark .foter__bottom__text .footer__bottom__icon i {
  color: var(--blackColor);
}

.is_dark .footerarea__copyright__wrapper .footerarea__copyright__content.footerarea__copyright__content__2 p {
  color: var(--blackColor);
}

.is_dark .footerarea__icon__2 ul li a {
  color: var(--blackColor);
}

.is_dark .single__team .teamarea__img .teamarea__icon ul li i:hover {
  color: var(--blackColor);
}

.is_dark .testimonialarea__paragraph__3 p {
  color: var(--blackColor);
}

.is_dark .testimonial__slider__active__3 .slick-arrow {
  background: var(--blackColor);
}

.is_dark .testimonial__slider__active__3 .slick-arrow:hover {
  background: var(--secondaryColor);
  color: var(--blackColor);
}

.is_dark #scrollUp {
  background: var(--primaryColor);
  color: var(--blackColor);
  box-shadow: 0 0 20px 10px rgba(95, 45, 237, 0.1);
}

.is_dark .blogarae__img__2 .blogarea__date__2 {
  color: var(--blackColor);
}

.is_dark .blog__content__wraper__2 {
  box-shadow: 0 0 50px 10px rgba(95, 45, 237, 0.15);
}

.is_dark .main__pagination__wrapper ul li a.active {
  color: var(--secondaryColor);
}

.is_dark .blogsidebar__content__wraper__2 .populer__tag__list ul li a:hover {
  color: var(--blackColor);
  border-color: var(--primaryColor);
}

.is_dark .blogsidebar__content__wraper__2 .follow__icon ul li a:hover {
  color: var(--blackColor);
}

.is_dark .blogsidebar__content__wraper__2 .categorie__list li:hover {
  border: var(--primaryColor);
}

.is_dark .blogsidebar__content__wraper__2 .categorie__list li:hover a {
  color: var(--blackColor);
}

.is_dark .blogsidebar__content__wraper__2 .photo__gallery__img .single__gallery__img .gallery__icon a {
  color: var(--blackColor);
}

.is_dark .is_dark .topbararea {
  background: var(--lightGrey10);
  box-shadow: 0 0 50px 10px rgba(95, 45, 237, 0.1);
}

.is_dark .topbar__left ul li {
  color: var(--blackColor);
}

.is_dark .topbar__right .topbar__text p {
  color: var(--blackColor);
}

.is_dark .topbar__right .topbar__list ul li a {
  color: var(--blackColor);
}

.is_dark .contact__form__inner {
  border: none;
  box-shadow: 0 0 50px 10px rgba(95, 45, 237, 0.1);
}

.is_dark .course__categories__list ul li a:hover {
  color: var(--blackColor);
}

.is_dark .course__input input {
  border: 1px solid var(--blackColor);
  background: none;
  color: var(--blackColor);
}

.is_dark .course__input .search__button button {
  color: var(--blackColor);
}

.is_dark .course__button a {
  color: var(--blackColor);
}

.is_dark .course__tap__wrap li button.active {
  background: var(--primaryColor);
  color: var(--blackColor);
}

.is_dark .course__tap__wrap li:hover button {
  color: var(--blackColor);
}

.is_dark .content__cirriculum__wrap .accordion-body {
  background: var(--whiteColor);
}

.is_dark .scc__info i {
  color: var(--blackColor);
}

.is_dark .scc__meta {
  color: var(--blackColor);
}

.is_dark .scc__wrap .question {
  color: var(--blackColor);
}

.is_dark .add__a__review__wrapper {
  background-color: transparent;
  box-shadow: 0 0 20px 10px rgba(95, 45, 237, 0.1);
}

.is_dark .add__a__review__wrapper .add__a__review__input input {
  border: 1px solid var(--blackColor);
  background: none;
  color: var(--blackColor);
}

.is_dark .add__a__review__wrapper .add__a__review__input textarea {
  border: 1px solid var(--blackColor);
  background: none;
  color: var(--blackColor);
}

.is_dark .add__a__review__wrapper .mb-0 {
  color: var(--blackColor);
}

.is_dark .blog__details__comment .author__icon button path {
  fill: var(--blackColor);
}

.is_dark .property__comment .property__comment__list .property__comment__comment span {
  color: var(--blackColor);
}

.is_dark .headerarea__right .header__cart::before {
  color: var(--blackColor);
}

.is_dark .eventarea__details__small__button a {
  color: var(--blackColor);
}

.is_dark .single__expart__teacher .teacher__icon ul li a:hover {
  color: var(--blackColor);
}

.is_dark .topbararea {
  background: var(--lightGrey10);
}

.is_dark .headerarea__right .header__cart .header__right__dropdown__wrapper {
  background-color: var(--darkdeep3);
}

.is_dark .headerarea__right .header__cart .header__right__dropdown__wrapper .header__right__dropdown__button a.white__color:hover {
  color: var(--blackColor);
}

.is_dark .blog__details__tag ul li a:hover {
  color: var(--blackColor);
}

.is_dark .aboutarea__list__2 ul li:hover i {
  color: var(--blackColor);
}

.is_dark .content__cirriculum__wrap .accordion-button {
  background-color: var(--bodyBg);
}

.is_dark .blogarea__content__wraper {
  box-shadow: 0 0 50px 10px rgba(95, 45, 237, 0.1);
}

.is_dark .blogsidebar__content__wraper__2 .recent__list li .recent__img .recent__number span {
  color: var(--blackColor);
}

.is_dark .keyfeatures li {
  color: var(--blackColor);
}

.is_dark .herobannerarea.herobannerarea__university .herobannerarea__single__slider .herobannerarea__title h2 {
  color: var(--blackColor);
}

.is_dark .herobannerarea.herobannerarea__university .footerarea__icon__2 p {
  color: var(--blackColor);
}

.is_dark .herobannerarea.herobannerarea__machine__learning .herobannerarea__text__2 p {
  color: var(--blackColor);
}

.is_dark .herobannerarea__machine__learning .slider__controls__wrap.slider__controls__pagination .swiper-pagination-bullet {
  outline: 2px solid var(--blackColor);
}

.is_dark .herobannerarea__machine__learning .slider__controls__wrap.slider__controls__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--blackColor);
}

.is_dark .search__form .search__form__categories svg {
  color: var(--whiteColor);
}

.is_dark .featurearea__price span.featurearea__price__button {
  color: var(--blackColor);
}

.is_dark .featurearea__price span.featurearea__price__button.black__color {
  color: var(--whiteColor);
}

.is_dark .featurearea__countdown .count p {
  color: var(--blackColor);
}

.is_dark .featurearea__countdown .count span {
  color: var(--blackColor);
}

.is_dark .faqarea__heading h3 {
  color: var(--blackColor);
}

.is_dark .faqarea__wrapper .accordion-body {
  background: var(--whiteColor);
}

.is_dark .tab__button__wrap li button {
  box-shadow: 0px 0 20px 5px rgba(255, 255, 255, 0.1);
}

.is_dark .headerarea .mega__menu__thumb {
  box-shadow: 0px 0 20px 5px rgba(255, 255, 255, 0.2);
}

.is_dark .headerarea .mega__menu__thumb__title {
  color: var(--blackColor);
}

.is_dark .headerarea .mega__menu__thumb__label {
  color: var(--blackColor);
}

.is_dark .dashboard__table__row {
  background: var(--whiteColor);
}

.is_dark .dashboard__nav__title h6 {
  background: var(--whiteColor);
}

.is_dark .dashboard__single__counter {
  background: var(--whiteColor);
}

.is_dark .dashboardarea__star span {
  color: var(--blackColor);
}

.is_dark .dashboardarea__left__content h5 {
  color: var(--blackColor);
}

.is_dark .dashboardarea__left__content h4 {
  color: var(--blackColor);
}

.is_dark .dashboard__content__wraper,
.is_dark .dashboard__admin__report__wrap,
.is_dark .dashboard__inner {
  box-shadow: 0 0 1px 1px rgba(95, 45, 237, 0.2);
}

.is_dark .modal__wraper .btn-close {
  background-color: var(--blackColor);
}

.is_dark .create__course__accordion__wraper .accordion-item {
  box-shadow: 0 0 1px 1px rgba(95, 45, 237, 0.2);
}

.is_dark .shopsidebar__widget {
  box-shadow: 0 0 1px 1px rgba(95, 45, 237, 0.2);
}

.is_dark .dashboard__table table thead {
  background: var(--whiteColor);
}

.is_dark .search__form .search__form__categories {
  background: var(--blackColor);
}

/*# sourceMappingURL=style.css.map */


.headerarea__left__logo img {
  width: 100%;
}

.gridarea_img_box {
  /* height: 220px; */
}

.custom_hero_pd {
  padding: 100px 10px;
}

.section__title__heading_blue h2 span {
  color: var(--primaryColor);
}

.registerarea__wraper_pd {
  align-content: center;
  padding-bottom: 80px;
}

.registerarea__2__right {
  align-content: center;
}

.registerarea__2__right .registerarea__2__wraper {
  text-align: end;
  margin-top: 90px;
}

.registerarea__2__right .registerarea__2__wraper .registerarea__2__headding h2 {
  font-size: 42px;
}

.registerarea__2__right .registerarea__2__wraper .registerarea__2__para p {
  font-size: 22px;
  color: #EF870E;
}

.footerarea__social_icon a {
  padding: 0px 8px;
  background-color: var(--secondaryColor);
  color: var(--whiteColor);
  display: inline-block;
  text-align: center;
  border-radius: var(--borderRadius);
  font-size: 20px;
  border: 1px solid var(--secondaryColor);
  margin: 0px 8px;
}

.footerarea__social_icon a:hover {
  background: transparent;
  color: var(--primaryColor);
  border-color: var(--primaryColor);
  border: 1px solid var(--primaryColor);
}

.footerarea__social_icon {
  display: flex;
  justify-content: center;
}

.footerarea__right_icon {
  margin-top: 40px;
}

.registerarea__2 {
  overflow: hidden;
}

.registerarea__2__img .register__1 {
  position: absolute;
  top: 63%;
  left: -5%;
  animation: 3s linear 0s infinite alternate none running dot-anim-2;
}

.registerarea__2__img .register__2 {
  position: absolute;
  top: 70%;
  left: 10%;
  animation: cir-anim 6s linear 0s infinite alternate;
}

.registerarea__2__img .register__3 {
  position: absolute;
  top: -14%;
  right: -28%;
  animation: 3s linear 0s infinite alternate none running dot-anim;
  z-index: 999;
}

.aboutarea__2_hero {
  margin-top: 70px;
  margin-bottom: 70px;
}

.aboutarea_hero_text p {
  font-size: 20px;
  color: #5F6C76;
  font-weight: 600;
}

.aboutarea__2__span {
  display: flex;
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  color: var(--secondaryColor);
  padding-right: 10px;
}

.aboutarea__2__span span {
  color: var(--primaryColor);
}

.testimonial_text .testimonial__quote {
  font-size: 20px;
  color: var(--blackColor);
}

.testimonial_text .testimonial__quote i.quote__left {
  padding-right: 5px;
  bottom: 8px;
  position: relative;
}

.testimonial_text .testimonial__quote i.quote__right {
  padding-left: 5px;
  bottom: 8px;
  position: relative;
}

.testimonial_text .testimonial__quote i {
  font-size: 15px;
  color: var(--secondaryColor);
}

.single__blog__content_2 {
  padding: 30px 20px;
}

.single__blog__content_2 p {
  font-weight: 600;
  line-height: 25px;
  color: #8F8F8F;
  font-size: 19px;
  text-align: justify;
}

.single__blog__content_2 h4 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: var(--primaryColor);
  text-align: center;
}

.aboutarea__counter_2 p {
  font-size: 20px;
}

.aboutarea__counter_2 p span {
  color: var(--primaryColor);
}

.aboutarea__counter_2 {
  padding: 0px 10px;
}

.about_vision_box {
  min-height: 520px;
}

.about_ai_list {
  align-content: center;
}

.aboutarea__para_O p {
  color: var(--secondaryColor);
}

.breadcrumbarea_contact_bg {
  background: url(/img/herobanner/Background_contact.png);
  padding-top: 120px;
  padding-bottom: 120px;
}

.breadcrumbarea_contact_bg .breadcrumbarea_contact_text h2 {
  color: var(--whiteColor);
  font-size: 42px;
}

.breadcrumbarea_contact_bg .breadcrumbarea_contact_text p {
  color: var(--secondaryColor);
  font-size: 18px;
}

.breadcrumbarea_contact_text {
  padding: 0 130px;
}

.blog_hero_bg img {
  width: 100%;
}

.blog_bg_color {
  background: #FFF5EA;
  padding-top: 50px;
  padding-bottom: 50px;
  position: relative;
}

.blog_hero_title h2,
.blog_hero_text p {
  color: var(--blackColor) !important;
}

.blog_hero_title h2 {
  font-size: 54px;
}

.blog_hero_text p {
  font-weight: 600;
  font-size: 23px;
}

.blog_hrtoarea_wraper {
  align-content: center;
}

.coursedetail_hero_bg {
  background: url(/img/herobanner/course-bg.png);
  background-size: cover;
  padding-top: 120px;
  padding-bottom: 120px;
}

.course_title .course_main_header {
  color: var(--whiteColor) !important;
}

.course_title .course_main_header .color_orange {
  color: var(--secondaryColor);
}

.course_title .course_main_header .color_blue {
  color: var(--primaryColor);
}

.course_title p {
  color: var(--whiteColor);
  margin: 20px 0;
}

.course_title .course_hero_price {
  color: var(--whiteColor);
  font-size: 60px;
  font-weight: 700;
  margin: 30px 0;
  color: #EF870E;
  line-height: 40px;
  font-family: var(--headingFont);
}

.course_title .course_hero_price del {
  font-size: 30px;
  color: #A2A9B6;
  font-weight: 600;
}

.course_dropdown .btn-group .form-select {
  background-color: #FFF3E5;
  border: 1px solid #E5E5E5;
  padding: 6px 60px 6px 9px;
  margin: 0 !important;
  cursor: pointer;
}

.course_dropdown .btn-group .dropdown-menu {
  background: #FFF3E5;
}

.course_dropdown .btn-group .dropdown-menu li button {
  background: transparent;
  border: 0;
}

.course_title {
  padding: 0 20px;
}

.list-unstyled .text-orange {
  color: var(--secondaryColor);
  width: 15%;
  flex: 0 0 auto;
  font-size: 22px;
  font-weight: 500;
}

.list-unstyled_texts {
  display: flex;
}

.list-unstyled_texts .list-text{
  font-size: 22px;
  font-weight: 500;
}

.list-unstyled_bg {
  background: rgba(29, 175, 247, 0.1);
  padding: 15px 35px;
}

.list-unstyled li .list-text {
  font-weight: 600;
}

.scc_info_list ul {
  display: flex;
  flex-direction: column;
  padding-left: 50px;
}

.scc_info_list ul li {
  list-style: disc;
  display: inline list-item;
}

.scc__wrap .scc__info .text-orange {
  color: var(--secondaryColor);
}

.course__summery__button .course_right_text {
  color: #FF0004;
  margin-top: -4px;
  margin-bottom: 8px;
}

.course-card {
  border: 1px solid #2A2A2A;
  margin-bottom: 20px;
  background: #FFFFFF;
}

.course-header {
  margin-bottom: 0;
}

.course-button {
  position: relative;
  align-items: center;
  width: 100%;
  font-weight: 600;
  padding: 15px 20px;
  font-size: 20px;
  color: var(--bs-accordion-btn-color);
  text-align: center;
  background-color: var(--bs-accordion-btn-bg);
  border:
    0;
  border-radius:
    0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}

.course-button:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='12' viewBox='0 0 22 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 10.5L11 1.5L20 10.5' stroke='%232A2A2A' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 22px;
  height: 12px;
  margin-left: 10px;
  rotate: 180deg;
}

.course-button:not(.collapsed)::after {
  rotate: 0deg;
}

.course-body .course-text {
  margin-left: 50px;
  margin-right: 50px;
  text-align: center;
  color: var(--primaryColor);
  font-weight: 600;
  cursor: pointer;
}

.course_bottom_line {
  position: relative;
  padding-bottom: 5px;
}

.course_bottom_line::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  background: linear-gradient(86deg, #727272, #fff);
  display: flex;
}

.accordion_right_list {
  margin-left: auto;
  display: flex;
}

.accordion_right_list .course_right_text {
  font-size: 15px;
  font-weight: 400;
  padding: 5px 10px;
  width: max-content;
}

.accordion_right_list .course_right_border {
  border-right: 1px solid #2A2A2A;
}

.accordion_left_list {
  display: none;
}

.accordion_left_list .course_left_text {
  font-size: 15px;
  font-weight: 400;
  padding: 5px 10px;
}

.accordion_left_list .course_left_border {
  border-right: 1px solid #2A2A2A;
}

.aboutarea__list__2 ul li span {
  height: 33px;
  line-height: 31px;
  text-align: center;
  color: var(--blackColor);
  display: inline-block;
  margin-right: 10px;
  padding: 0px 9px;
}

.breadcrumbarea_checkout {
  background: rgba(29, 175, 247, 0.14);
  padding-top: 20px;
}

.checkout_hero_bg {
  text-align: center;
}

.checkout_hero_bg img {
  width: 100%;
}

.breadcrumbarea_checkout .checkout_hero_1 {
  align-content: center;
}

.checkout_hero_heading h2,
.checkout_hero_text p {
  color: var(--blackColor) !important;
}

.checkout_hero_text p {
  font-weight: 600;
}

.checkout__form__inner {
  padding: 30px 35px 30px 10px;
}

.checkout__table__inner {
  padding: 30px 10px 30px 35px;
}

.checkout__form__inner .checkout__form__heading {
  margin-bottom: 40px;
}

.checkout__form__inner .checkout__form__heading h3 {
  font-weight: 700;
  font-size: 44px;
  line-height: 70px;
  color: var(--blackColor);
  margin: 0;
}

.checkout__form__inner .checkout__form__heading p {
  margin: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
}

.chackout__input__wraper {
  position: relative;
}

.checkout__input__wraper input {
  height: 60px;
  width: 100%;
  padding-left: 27px;
  border: 1px solid #DDDDDD;
  /* margin-bottom: 30px; */
  border-radius: var(--borderRadius);
  background: transparent;
  color: #757575;
}

.checkout__input__wraper .checkout__icon {
  position: absolute;
  top: 17px;
  right: 24px;
}

.checkout__input__wraper .checkout__icon i {
  font-weight: 400;
  font-size: 20px;
  line-height: 23px;
  color: var(--secondaryColor);
}

.checkout__input__wraper textarea {
  width: 100%;
  border: 1px solid #DDDDDD;
  padding-left: 15px;
  /* height: 285PX; */
  padding-top: 15px;
  border-radius: var(--borderRadius);
  background: transparent;
  color: #757575;
  background: rgba(29, 175, 247, 0.1);
  border: 1px solid rgba(29, 175, 247, 0.1);
}

.checkout__button a {
  padding: 17px 48px;
}

.checkout-table-heading {
  color: var(--primaryColor);
  font-weight: 600;
  font-size: 25px;
}

.checkout-btn {
  background-color: var(--primaryColor);
  color: white;
  font-weight: 500;
  margin: 5px 12px;
  padding: 12px 10px;
  border: 1px solid var(--primaryColor);
}

.checkout-btn:hover {
  background-color: var(--secondaryColor);
  color: white;
  border: 1px solid var(--primaryColor);
}

.checkout-table th {
  color: var(--secondaryColor);
  padding-bottom: 20px;
  font-size: 16px;
  font-weight: 600;
}

.checkout-table td {
  padding: 12px;
  font-weight: 600;
  font-size: 16px;
}

.table> :not(caption)>*>* {
  border-bottom-width: 0;
  border-top-width: 1px;
}

.checkout_th_btn button {
  font-size: 16px;
  font-weight: 600;
  color: var(--secondaryColor);
  background: rgba(239, 135, 14, 0.1);
  border: 1px solid rgba(239, 135, 14, 0.1);
  padding: 0 8px;
  border-radius: 5px;
}

.checkout-form .checkout__input__wraper input {
  background: rgba(29, 175, 247, 0.1);
  border: 1px solid rgba(29, 175, 247, 0.1);
}

.checkout-form .checkout__input__wraper input::placeholder {
  color: #757575;
}

.checkout_btn_O {
  padding: 10px 18px;
}

.checkout__form__inner h4 {
  border-bottom: 1px solid #EEEEEE;
  padding: 10px 0;
  margin-bottom: 20px;
}

.checkout__input__wraper .checkout_dropdown {
  width: 100%;
  background: rgba(29, 175, 247, 0.1);
  margin-bottom: 30px;
  padding: 0 27px 0 27px;
  text-align: left;
  color: #757575;
  display: flex;
  align-items: center;
  height: 60px;
}

.checkout__input__wraper .dropdown-toggle::after {
  margin-left: auto;
}

.checkout-dropdown-menu li {
  display: flex;
  flex-direction: column;
}

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

.checkout__checkbox .form-check-input {
  margin-left: 0;
  margin-right: 10px;
  margin-top: 0;
}

.checkout__checkbox {
  display: flex;
  align-items: center;
}

.aboutarea__2 .abouthome_1 {
  margin-top: 80px;
  margin-bottom: 80px;
}

.aboutarea__2 .abouthome_2 {
  margin-bottom: 70px;
}

.aboutarea__2 .aboutarea_2_2 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.gridfilter_dropdown .gridfilter_dropdown_btn::after {
  background: transparent;
  display: none;
}


.gridfilter_dropdown .gridfilter_dropdown_btn svg {
  width: 16px;
  height: 20px;
}

.gridfilter_dropdown .gridfilter_dropdown_btn {
  margin: 0;
  padding: 0;
  border: 1px solid #E5E5E5;
  padding: 0 10px;
}

.gridfilter_dropdown {
  display: flex;
  justify-content: center;
}

.gridfilter__nav__right .short__by__new .form-select {
  border: 1px solid #E5E5E5;
}

.gridarea .grid-item-list {
  position: relative;
  z-index: 1;
}

.faq_course {
  display: flex;
  justify-content: center;
}

.course__projects {
  border: 1px solid #EEEEEE;
  background: white;
  padding: 20px 30px;
  border-radius: 10px;
}

.course__projects_2 {
  border: 1px solid #EEEEEE;
  background: white;
  border-radius: 10px;
}

.experence__description .experence__ul li {
  list-style: disc;
  display: list-item;
  margin-bottom: 8px;
  color: #2A2A2A;
  font-weight: 500;
}

.experence__description .experence__ul {
  margin-left: 30px;
}

.projects_course_heading {
  padding: 20px;
  background: #E7F1FF;
}

.projects_course_heading h5 {
  margin-bottom: 0;
}

.gridarea .live_gridfilter {
  position: relative;
  z-index: 3;
}

.experence__description .experence_li_o li {
  color: var(--secondaryColor);
  margin-bottom: 2px;
}

.experence__description .experence_li_o p {
  color: var(--blackColor);
}

.checkout__icon__2 .checkout__common__img {
  position: absolute;
  z-index: 9;
}

.checkout__icon__2 .checkout__common__img.checkout__img__1 {
  left: 79%;
  top: 18%;
  animation: 3s linear 0s infinite normal none running move5;
}

.checkout__icon__2 .checkout__common__img.checkout__img__2 {
  top: 57%;
  left: 78%;
  animation: 3s linear 0s infinite alternate none running dot-anim;
}

.checkout__from__wraper {
  overflow: hidden;
}

.checkout_part_1 {
  margin: 20px 0;
}

.checkout_part_2 {
  margin: 20px 0;
}

.material_table_btn {
  display: flex;
  justify-content: end;
}

.herobannera__area__1 {
  position: relative;
  z-index: 100;
}

.coupons-accordion-button:after {
  content: "";
  display: inline-block; /* or block depending on your layout */
  width: 27px;
  height: 16px;
  background-image: url('data:image/svg+xml;utf8,<svg width="27" height="16" viewBox="0 0 27 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.8763 0.585559C12.2514 0.210617 12.76 -1.43051e-05 13.2903 -1.43051e-05C13.8207 -1.43051e-05 14.3293 0.210617 14.7043 0.585559L26.0183 11.8996C26.2093 12.0841 26.3617 12.3047 26.4665 12.5487C26.5714 12.7928 26.6265 13.0552 26.6288 13.3208C26.6311 13.5863 26.5805 13.8497 26.48 14.0955C26.3794 14.3413 26.2309 14.5646 26.0431 14.7523C25.8553 14.9401 25.632 15.0886 25.3862 15.1892C25.1404 15.2898 24.8771 15.3404 24.6115 15.3381C24.346 15.3358 24.0835 15.2806 23.8395 15.1758C23.5955 15.0709 23.3748 14.9186 23.1903 14.7276L13.2903 4.82756L3.39033 14.7276C3.01312 15.0919 2.50792 15.2935 1.98353 15.2889C1.45914 15.2844 0.957508 15.074 0.586693 14.7032C0.215878 14.3324 0.00553703 13.8308 0.000980377 13.3064C-0.00357628 12.782 0.198011 12.2768 0.562328 11.8996L11.8763 0.585559Z" fill="%23EF870E"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  rotate: 180deg;
}

.coupons-accordion-button:not(.collapsed):after {
  background-image: url('data:image/svg+xml;utf8,<svg width="27" height="16" viewBox="0 0 27 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.8763 0.585559C12.2514 0.210617 12.76 -1.43051e-05 13.2903 -1.43051e-05C13.8207 -1.43051e-05 14.3293 0.210617 14.7043 0.585559L26.0183 11.8996C26.2093 12.0841 26.3617 12.3047 26.4665 12.5487C26.5714 12.7928 26.6265 13.0552 26.6288 13.3208C26.6311 13.5863 26.5805 13.8497 26.48 14.0955C26.3794 14.3413 26.2309 14.5646 26.0431 14.7523C25.8553 14.9401 25.632 15.0886 25.3862 15.1892C25.1404 15.2898 24.8771 15.3404 24.6115 15.3381C24.346 15.3358 24.0835 15.2806 23.8395 15.1758C23.5955 15.0709 23.3748 14.9186 23.1903 14.7276L13.2903 4.82756L3.39033 14.7276C3.01312 15.0919 2.50792 15.2935 1.98353 15.2889C1.45914 15.2844 0.957508 15.074 0.586693 14.7032C0.215878 14.3324 0.00553703 13.8308 0.000980377 13.3064C-0.00357628 12.782 0.198011 12.2768 0.562328 11.8996L11.8763 0.585559Z" fill="%23EF870E"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  rotate: 0deg;
}

.coupons_accordion .coupons-card{
  margin-top: 55px;
  border: 1px solid rgb(202, 202, 202);
  border-radius: 6px;
  background: #FFEBD4;
  color: var(--secondaryColor);
}

.coupons-accordion-button:not(.collapsed){
  background: #FFEBD4;
  color: var(--secondaryColor);
}

.coupons-collapse{
  background: var(--whiteColor);
}

.coupons-body .coupons-text{
  display: flex;
  padding: 10px 0;
}

.coupons-body .coupons-text.coupons-text-bottom{
  border-bottom: 1px solid rgb(202, 202, 202);
}

.coupons-body .coupons-text.coupons-text-blur {
  opacity: 0.5;
}

.coupons-text-box .coupons-text-1, .coupons-text-box .coupons-text-2 {
  margin: 0;
}

.coupons-text-box .coupons-text-1{
  font-size: 22px;
  color: var(--secondaryColor);
  font-weight: 500;
}

.coupons-text-box .coupons-text-2{
  font-size: 18px;
  color: var(--blackColor);
  font-weight: 500;
}

.coupons-btn-box{
  align-content: center;
}

.coupons-btn-box a{
  color: var(--primaryColor);
  font-size: 18px;
  font-weight: 500;
}

.grid__course__status_btns{
  display: flex;
  justify-content: space-between;
}

.grid__course__status_btns .download_btn_img{
  background: transparent;
  border: none;
  width: max-content;
  text-align: center;
  align-content: center;
  width: 30%;
}

.grid__course__status_btns .download_btn_img:hover{
  background: transparent;
  border: none;
}

.grid__course__status_btns .default__button{
  width: 65%;
}

.dashboardarea__wraper .dashboard-h2{
  font-size: 50px;
  text-align: center;
  padding: 30px 0 15px 0;
}

.dashboardarea__wraper .dashboard-h2 span{
  color: var(--primaryColor);
}

.UPSK-CourseCode{
  position: relative;
  margin-left: 30px;
}
.UPSK-CourseCode input {
  height: 55px;
  width: 100%;
  padding-left: 27px;
  border: 1px solid var(--secondaryColor);
  margin-bottom: 8px;
  border-radius: var(--borderRadius);
  background: transparent;
  color: #757575;
}
.UPSK-CourseCode .contact__icon {
  position: absolute;
  top: 14px;
  right: 24px;
}
.UPSK-CourseCode .contact__icon i {
  font-weight: 400;
  font-size: 20px;
  line-height: 23px;
  color: var(--secondaryColor);
}

.UPSK-CourseCodeleft-content{
  width: 35%;
}

.verification_successful_box .verification_successful_title {
  display: flex;
  align-items: center;
  border-bottom: 2px solid #EEEEEE;
  padding-bottom: 20px;
}
.verification_successful_box .verification_successful_title h2 {
  margin: 0;
  padding-right: 20px;
  font-size: 24px;
}
.verification_successful_table table{
  width: 80%;
  margin-top: 25px;
}
.verification_successful_table table tbody tr .text_1{
  font-size: 18px;
  color: #5F6C76;
}
.verification_successful_table table tbody tr .text_2{
  font-size: 18px;
  color: #5F6C76;
  font-weight: 700;
}

.Certificate_Verification_2 .certificate_verification_img{
  position: absolute;
}

.Certificate_Verification_2{
  position: relative;
}

.Certificate_Verification_2 .certificate_img_1{
  top: 10%;
  left: -20%;
}
.Certificate_Verification_2 .certificate_img_2{
  top: -5%;
  right: -20%;
}
.verification_unsuccessful_box h2{
  font-size: 24px;
  font-weight: 500;
  align-items: center;
  display: flex;
  margin-top: 40px;
  margin-bottom: 30px;
}

.verification_unsuccessful_box h2 svg{
  margin-right: 18px;
}

.verification_unsuccessful_box p{
  font-size: 18px;
  margin: 0;
}
.mock-test-bg{
  background-image: url(../img/herobanner/mock-test-bg.png);
  background-size: cover;
  background-position: center;
  height: 100vh;
  overflow: scroll;
}

.mock-test-bg .mack_logo{
  padding: 40px 0;
}

.mock_test__box{
  border-radius: 10px;
  box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.15);
  background: #ffffff;
  padding: 45px;
  margin-bottom: 40px;
}

.mock_complete__box{
  background: #ffffff;
  box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  padding: 120px 0;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  margin-bottom: 60px;
}
.mock_testarea{
  margin-bottom: 40px;
  padding-bottom: 40px;
}

.mock_testarea h2{
  font-size: 36px;
}

.mock_testarea p{
  font-size: 24px;
  line-height: 30px;
}

.mock_testarea.mock_text_border{
  border-bottom: 1px solid #D9D9D9;
}

.mock_test_options .form-check-input:checked{
  background-color: #fff;
  border-color: var(--secondaryColor);
  border: 1px solid var(--secondaryColor);
}

.mock_test_options .form-check-input:checked[type="radio"]{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='2' fill='%23EF870E'/%3E%3C/svg%3E");
}

.mock_test_options .form-check-input:checked[type="checkbox"]{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23EF870E' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E");
}

.mock_test_options .form-check-input:focus{
  box-shadow: none;
}

.mock_test_options .form-check-input{
  border: 1px solid rgb(0, 0, 0);
  margin-top: 6px;
}

.mock_test_options .form-check label{
  margin-left: 5px;
}

.mock_test_options .form-check{
  align-content: center;
}

.mock_testarea_3{
  display: flex;
  justify-content: space-between;
  padding-top: 30px;
}

.mock_testarea_3 .mock_test_left a{
  color: var(--secondaryColor);
}

.mock_testarea_2{
  margin-bottom: 30px;
}

.mock_testarea_3 .mock_test_right .mock_right__btn{
  color: var(--whiteColor);
  background: var(--primaryColor);
  padding: 10px 40px;
  margin: 0 14px;
  border-radius: 5px;
  font-weight: 500;
  border: 1px solid var(--primaryColor);
}

.mock_testarea_3 .mock_test_right .mock_right__btn:hover{
  background: var(--secondaryColor);
}

.mock_testarea_3 .mock_test_right span{
  color: #8C8C8C;
  font-size: 14px;
}

.quit_quiz_btn{
  text-align: center;
  margin-bottom: 50px;
}
.quit_quiz_btn a{
  color: var(--whiteColor);
  background: var(--secondaryColor);
  padding: 10px 50px;
  margin: 0 10px;
  border-radius: 5px;
  font-weight: 500;
  border: 1px solid var(--secondaryColor);
}

.quit_quiz_btn a:hover{
  background: var(--primaryColor);
}

.mock_testarea_3 .mock_test_right{
  display: flex;
  align-items: center;
}
.mock_complete__box h1{
  font-size: 54px;
  margin-top: 24px;
  margin-bottom: 5px;
}
.mock_complete_score p{
  font-size: 20px;
  color: #8C8C8C;
}

.mock_complete_score p span{
  color: var(--secondaryColor);
}

.mock_complete_btn .default__button{
  margin: 0 5px;
}

.dashboard_icon_li ul{
  text-align: end;
}

.dashboard_icon_li ul .gridarea_li_icon{
  padding: 0 10px;
}

.dashboard_icon_li ul .gridarea_li_icon i{
  color: var(--primaryColor);
}

.gridarea_li_line{
  border-right: 1px solid;
  border-image: linear-gradient(to bottom, 
    rgba(239, 135, 14, 0), 
    rgba(239, 135, 14, 1), 
    rgba(239, 135, 14, 0)
  ) 1;
}

.certificate_download_btn a{
  font-weight: 500;
  margin-right: 10px;
}

.certificate_download_btn a svg{
  margin-left: 5px;
}

.class_tab_btn li{
  text-align: center;
}

.class_tab_btn li button {
  padding: 15px 40px;
  border: none;
  background: #C3EBFF;
  text-transform: uppercase;
  color: var(--primaryColor);
  font-weight: 700;
  box-shadow: 0 0 50px 10px rgba(95, 45, 237, 0.08);
  position: relative;
  font-size: 16px;
}

.class_tab_btn li button:after {
  position: absolute;
  content: "";
  width: 0;
  height: 2px;
  color: var(--primaryColor);
  background: var(--secondaryColor);
  left: 0;
  bottom: 0;
  transition: var(--transition);
}

.class_tab_btn li button:hover:after {
  width: 100%;
}

.class_tab_btn li button.active{
  background: #FFDFB9;
  color: var(--secondaryColor);
}

.class_tab_btn li button.active:after {
  width: 100%;
}

.class_tab_btn .class_tab .class_status{
  font-size: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.class_tab_btn .class_tab .class_status svg{
  margin-right: 4px;
}

.class_tab_btn .class_tab .class_status_date{
  font-size: 10px;
  color: rgba(239, 135, 14, 0.5);
  margin-top: -5px;
}

.class_tab_btn .class_tab .class_status_completed{
  color: var(--secondaryColor);
}

.class_tab_btn .class_tab .class_status_pending{
  color: var(--primaryColor);
}

.post_content_table{
  margin: 35px 0;
}

.post_content_table table thead{
  background: #C3EBFF;
}

.post_content_table table th, .post_content_table table td{
  padding-top: 12px;
  padding-bottom: 12px;
}

.post_content_table .table-striped > tbody > tr:nth-of-type(2n+1) > *{
  --bs-table-accent-bg: var(--whiteColor);
}

.post_content_table .table > :not(caption) > * > *{
  --bs-table-accent-bg: var(--bs-table-striped-bg);
}

.post_content_table tbody tr .post_content_svg{
  text-align: center;
}

.mock_test_table table th, .mock_test_table table td {
  width: calc(100% / 10);
  padding-top: 12px;
  padding-bottom: 12px;
}

.mock_test_table table{
  text-align: center;
}

.mock_test_table .mock_test_1{
  background: #FFDFB9;
  padding: 10px;
}

.mock_test_table .mock_test_1 .mock_test_title, .post_content_table thead tr .post_content_title{
  font-size: 20px;
  font-weight: 600;
  text-align: start;
}

.mock_test_table .mock_test_1 .mock_test_btn{
  display: flex;
  width: 100%;
  justify-content: right;
}

.mock_test_table .mock_test_1 .mock_test_btn a{
  background: var(--secondaryColor);
  border: 1px solid var(--secondaryColor);
  color: var(--whiteColor);
  padding: 6px 35px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 5px;
  margin-right: 10px;
  text-align: center;
  align-content: center;
}

.mock_test_table table{
  background: #F0F0F5;
}

.mock_test_table table td{
  border-top: 1px solid #585858;
  color: #585858;
}

.mock_test_table table thead tr th{
  font-weight: 500;
}

.post_content_table table, .mock_test_table{
  width: 100%;
}

.categorie__list .active {
  background: var(--primaryColor);
}

.categorie__list .active a {
  color: #fff;
}

.classarea_btn{
  display: flex;
  justify-content: space-between;
  margin-top: 45px;
}

.classarea_btn .invoice_btn{
  align-content: center;
}

.profile_img_remove{
  display: flex;
    align-items: center;
    margin-top: 12px;
}
.profile_img_update {
  width: 80px;
  margin-right: 20px;
}
.profile_img_update img {
  width: 100%;
  border-radius: 100%;
  border: 2px solid var(--darkdeep7);
  padding: 4px;
}
.profile_img_remove .default__button {
  padding: 5px 15px;
}

/* start :: custom css 20-05-2025 */
.single_course_custom ul:not(.blogsidbar__icon__2 ul) li {
  list-style: disc outside;
  display: list-item;
}
.blog__details__content__wraper ul:not(.blogsidbar__icon__2 ul) li {
  list-style: disc outside;
  display: list-item;
  margin-left: 2%;
}

.headerarea__button{
  text-align: center;
}
/* end :: custom css 20-05-2025 */