@import url('https://fonts.googleapis.com/css?family=Gulim:400,500,600,700&display=swap');
/* @import url('assets/css/fontawesome.min.css'); */

@font-face {
  font-family: "Gulim";
  src        : url("../fonts/Gulim.otf") format("opentype");
}

@font-face {
  font-family: "Gulim";
  src        : url("../fonts/Gulim.ttf") format("truetype");
}


:root {
  --main-title-color: #1b1b1b;
}

body {
  font-family: 'Gulim', sans-serif;
  background : #fff;
  font-weight: 400;
  color      : #333;
}

.header-area {
  z-index: 99;
}

ul,
ol {
  list-style: none;
  margin    : 0;
  padding   : 0;
}

a,
a:hover,
a:focus {
  color: inherit;
}

/* ------------------------------- Start Sidebar ----------------------------------------- */
.fa-menu {
  position     : fixed;
  z-index      : 999;
  top          : 13px;
  left         : 25px;
  color        : rgb(0, 0, 0);
  font-size    : 35px;
  background   : #fff;
  padding      : 5px 8px;
  border-radius: 8px;
}

.fa-menu:hover {
  color : #FF9800;
  cursor: pointer;
}

.fa-times:hover {
  color: #FF9800;
}

.sidebar {
  padding   : 60px 15px 15px;
  max-width : 300px;
  background: #FF9800;
  min-height: 100vh;
  position  : fixed;
  top       : 0;
  left      : -300px;
  transition: all 0.5s ease-in-out;
  z-index   : 998;
}

.sidebar ul {
  /* ALL MENU */
  width : 230px;
  margin: auto;
  color : #fff;
}

.sidebar ul>.main-menu {
  text-transform: uppercase;
  padding       : 15px 0;
  position      : relative;
  border-bottom : 1px solid #ccc;
}

.sidebar ul>.main-menu:hover {
  color: rgb(226, 226, 226);
}

.sidebar ul>.main-menu>.fa {
  position: absolute;
  right   : 0;
  top     : 19px;
}

.sidebar ul>.main-menu span>.fa {
  padding-left: 10px;
}

.sidebar .lang-menu .normal {
  cursor: default;
}

.sidebar .lang-menu .normal:hover,
.sidebar .controll-sub-menu:hover {
  color : #aaa;
  cursor: pointer;
}

.sidebar form {
  /* FORM */
  max-width : 250px;
  margin    : auto;
  position  : relative;
  margin-top: 10px;
}

.sidebar form input {
  width        : 100%;
  background   : #fff;
  color        : #1e1e1e;
  border       : none;
  outline      : 0;
  padding      : 10px 20px;
  border-radius: 28px;
  border-bottom: 1px solid #ccc;
}

.sidemenu-social {
  text-align: center;
  margin-top: 20px;
}

.sidemenu-social li {
  display: inline;
}

.sidemenu-social li a {
  padding      : 6px 8px;
  margin       : 4px;
  border       : 1px solid #fff;
  border-radius: 4px;
}

.sidebar form .fa {
  position: absolute;
  right   : 5px;
  top     : 15px;
  color   : #555;
}

.sidebar>ul>.last {
  margin-top    : 30px;
  text-align    : center;
  padding-bottom: 10px;
  color         : #666;
}

.sidebar>ul>.last span {
  margin-left   : 10px;
  margin-right  : 10px;
  text-transform: uppercase;
  font-size     : 12px;
}

.sidebar>ul>.last .fa {
  display: inline-block;
  width  : 25px;
}

.sidebar>ul>.last .fa-graduation-cap {
  position: relative;
  top     : 5px;
}

.sidebar .sub-menu {
  /* SUB MENU */
  display: none;
}

.sidebar .sub-menu>li {
  font-size    : 16px;
  background   : #FF9800;
  padding      : 10px;
  text-align   : left;
  border-bottom: 1px solid #ccc;
  color        : #fff;
  cursor       : pointer;
  transition   : all 0.5s;
}

.sidebar .sub-menu>li:hover {
  color       : rgb(226, 226, 226);
  padding-left: 15px;
}

.sidebar .sub-menu>li a,
.sidebar ul>.main-menu a {
  text-decoration: none;
}

/* Start Framework */
.left {
  left: 0;
}

/* Start Framework */
.sidebar .left-style {
  border-left: 5px solid transparent;
  transition : all 0.3s ease-in-out;
}

.sidebar .left-style:hover {
  border-left : 5px solid #333;
  padding-left: 10px;
}

.sidebar .controll-sub-menu:not(:first-of-type):after {
  content : "";
  position: absolute;
  top     : 0;
  right   : 0;
  bottom  : 0;
  left    : 0;
}

.sidebar .controll-sub-menu:first-of-type a {
  width  : 100%;
  height : 100%;
  display: block;
}

/* ------------------------------- End Sidebar ------------------------------------------- */
/* set exam css */
.exampackage-box {
  background   : #ffffff;
  border-radius: 11px;
  border       : 2px solid #d7e2e9;
  padding      : 30px;
  margin       : 30px 0;
}

.exam-set-area .set-type-nav {
  margin       : 0 auto;
  margin-bottom: 30px;
  text-align   : center;
  display      : block;
  border-bottom: none;
}

.exam-set-area .set-type-nav li {
  display: inline-block;
}

.exam-set-area .set-type-nav li a {
  text-decoration : none;
  background-color: transparent;
  border          : 2px solid #FF9800;
  border-radius   : 6px;
  padding         : 10px 20px;
  color           : #FF9800;
}

.exam-set-area {
  background: #f9f9f9;
  padding   : 40px 0;
}

.exam-set-area .set-type-nav .active {
  background: #FF9800;
  color     : #fff;
}

.search_box_inner {
  margin: 20px 0;
}

.dates-description .table td,
.dates-description .table th {
  padding       : .75rem;
  vertical-align: middle;
  border-top    : 1px solid #dee2e6;
}

.search-location-btn {}

.exam-set-checkout-system img {
  height: 40px;
}

.exam-set-checkout-system {
  display: flex;
}

.exam-set-checkout-system li {
  display: inline;
}

.exam-set-checkout-system .choose-card {
  margin-right: 20px;
}

.exam-set-area .live-class-preview .price del {
  font-size  : 14px;
  font-weight: 600;
  color      : #000000;
}

.live-class-preview .price {
  margin     : 0;
  font-size  : 18px;
  font-weight: 700;
  color      : #FF9800;
}

/* 
.header-area .side-menu-btn {
  position     : fixed;
  top          : 15px;
  left         : 45px;
  padding      : 5px 10px;
  text-align   : center;
  background   : #fff;
  border-radius: 3px;
  cursor       : pointer;
  z-index      : 99;
  transition   : left 0.4s ease;
}

.header-area .side-menu-btn.click {
  left: 260px;
}

.header-area .side-menu-btn span {
  color      : #000000;
  font-size  : 28px;
  line-height: 34px;
}

.header-area .side-menu-btn.click span:before {
  content: '\f00d';
}

.header-area .sidebar {
  position  : fixed;
  width     : 250px;
  height    : 100%;
  z-index   : 99;
  left      : -250px;
  background: #1b1b1b;
  transition: left 0.4s ease;
}

.header-area .sidebar.show {
  left: 0px;
}

.header-area .sidebar .text {
  color         : black;
  font-size     : 22px;
  font-weight   : 500;
  text-transform: uppercase;
  line-height   : 70px;
  text-align    : center;
  background    : white;
  letter-spacing: 1px;
}

.header-area nav ul {
  background: #fff;
  height    : 100%;
  width     : 100%;
  list-style: none;
}

.header-area nav ul li {
  line-height: 60px;
  border-top : 1px solid rgb(0 0 0 / 10%);
}

.header-area nav ul li:last-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.header-area nav ul li a {
  position       : relative;
  color          : #1e1e1e;
  text-decoration: none;
  font-size      : 16px;
  padding-left   : 40px;
  font-weight    : 500;
  display        : block;
  text-transform : uppercase;
  width          : 100%;
  border-left    : 3px solid transparent;
}

.header-area nav ul li.active a {
  color            : #fb9520;
  background       : #fff;
  border-left-color: #fb9520;
}

.header-area nav ul li a:hover {
  background: #fb9520;
  color     : #fff;
}

.header-area nav ul ul {
  position: static;
  display : none;
}

.header-area nav ul .feat-show.show {
  display: block;
}

.header-area nav ul .serv-show.show1 {
  display: block;
}

.header-area nav ul ul li {
  line-height: 42px;
  border-top : none;
}

.header-area nav ul ul li a {
  font-size   : 17px;
  color       : #1e1e1e;
  padding-left: 80px;
}

.header-area nav ul li.active ul li a {
  color            : #fb9520;
  background       : #ffffff;
  border-left-color: transparent;
}

.header-area nav ul ul li a:hover {
  color     : #fff !important;
  background: #fb9520 !important;
}

.header-area nav ul li a span {
  position  : absolute;
  top       : 50%;
  right     : 20px;
  transform : translateY(-50%);
  font-size : 22px;
  transition: transform 0.4s;
}

.header-area nav ul li a span.rotate {
  transform: translateY(-50%) rotate(-180deg);
}

.header-area .content {
  position  : absolute;
  top       : 50%;
  left      : 50%;
  transform : translate(-50%, -50%);
  color     : #202020;
  z-index   : -1;
  text-align: center;
}

.header-area .content .header {
  font-size  : 45px;
  font-weight: 600;
}

.header-area .content p {
  font-size  : 30px;
  font-weight: 500;
} */

.topbar {
  margin-left: 60px;
}

.topbar .logo {
  height: 70px;
}

/*======== home slider css start  ========*/

/* ==== Main CSS === */
.home-main-slider-area .img-fill {
  width     : 100%;
  display   : block;
  overflow  : hidden;
  position  : relative;
  text-align: center;
}

.home-main-slider-area .img-fill img {
  min-height: 100%;
  min-width : 100%;
  position  : relative;
  display   : inline-block;
  max-width : none;
}


.home-main-slider-area .Grid1k {
  padding  : 0 15px;
  max-width: 1200px;
  margin   : auto;
}

.home-main-slider-area .blocks-box,
.home-main-slider-area .slick-slider {
  margin : 0;
  padding: 0 !important;
}

.home-main-slider-area .slick-slide {
  float: left
    /* If RTL Make This Right */
  ;
  padding: 0;
}

/* ==== Slider Style === */
.Modern-Slider .item .img-fill {
  height    : 268px;
  background: #000;
}

.Modern-Slider .item .img-fill .info {
  position   : absolute;
  width      : 100%;
  height     : 100%;
  top        : 0px;
  left       : 0px;
  background : rgb(0 0 0 / 34%);
  line-height: 268px;
  text-align : center;
}

/* .Modern-Slider .item .img-fill img {
  filter: blur(5px);
} */

.Modern-Slider .item .info>div {
  display       : inline-block !important;
  vertical-align: middle;
}

.Modern-Slider .NextArrow {
  position  : absolute;
  top       : 50%;
  right     : 0px;
  width     : 45px;
  height    : 45px;
  background: rgb(0 0 0 / 0%);
  border    : 0 none;
  margin-top: -22.5px;
  outline   : none;
  text-align: center;
  font      : 36px/45px FontAwesome;
  color     : #ff9800e8;
  z-index   : 5;
}

.Modern-Slider .PrevArrow {
  position  : absolute;
  top       : 50%;
  left      : 0px;
  width     : 45px;
  height    : 45px;
  background: rgb(0 0 0 / 0%);
  border    : 0 none;
  margin-top: -22.5px;
  text-align: center;
  outline   : none;
  font      : 36px/45px FontAwesome;
  color     : #ff9800e8;
  z-index   : 5;
}

.Modern-Slider .slick-dots {
  position       : absolute;
  height         : 5px;
  background     : rgba(255, 255, 255, 0.2);
  bottom         : 0px;
  width          : 100%;
  left           : 0px;
  padding        : 0px;
  margin         : 0px;
  list-style-type: none;
}

.Modern-Slider .slick-dots li button {
  display: none;
}

.Modern-Slider .slick-dots li {
  float     : left;
  width     : 0px;
  height    : 5px;
  background: #FF9800;
  position  : absolute;
  left      : 0px;
  bottom    : 0px;
}

.Modern-Slider .slick-dots li.slick-active {
  width    : 100%;
  animation: ProgressDots 11s both;
}

.Modern-Slider .item h3 {
  font          : 30px/50px 'Gulim', serif;
  text-transform: uppercase;
  color         : #fff;
  animation     : fadeOutRight 1s both;
  margin        : 0;
  font-weight   : 600;
  padding       : 0;
}

.Modern-Slider .item h5 {
  margin      : 0;
  padding     : 0;
  font        : 15px/30px "Gulim", sans-serif;
  color       : #fff;
  max-width   : 600px;
  /* overflow : hidden;
  height      : 60px; */
  animation   : fadeOutLeft 1s both;
}

.Modern-Slider .item.slick-active h3 {
  animation: fadeInDown 1s both 1s;
}

.Modern-Slider .item.slick-active h5 {
  animation: fadeInLeft 1s both 1.5s;
}

.Modern-Slider .item.slick-active {
  animation: Slick-FastSwipeIn 1s both;
}

.Modern-Slider {
  background: #000;
}

/* ==== Slider Image Transition === */
@keyframes Slick-FastSwipeIn {
  0% {
    transform: rotate3d(0, 1, 0, 150deg) scale(0) perspective(400px);
  }

  100% {
    transform: rotate3d(0, 1, 0, 0deg) scale(1) perspective(400px);
  }
}

@-webkit-keyframes ProgressDots {
  from {
    width: 0px;
  }

  to {
    width: 100%;
  }
}

@keyframes ProgressDots {
  from {
    width: 0px;
  }

  to {
    width: 100%;
  }
}

/* ==== Slick Slider Css Ruls === */
.slick-slider {
  position                   : relative;
  display                    : block;
  -webkit-user-select        : none;
  -moz-user-select           : none;
  -ms-user-select            : none;
  user-select                : none;
  -webkit-touch-callout      : none;
  -khtml-user-select         : none;
  -ms-touch-action           : pan-y;
  touch-action               : pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display : block;
  overflow: hidden;
  margin  : 0;
  padding : 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform    : translate3d(0, 0, 0);
  transform        : translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top     : 0;
  left    : 0;
  display : block;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float  : left
    /* If RTL Make This Right */
  ;
  height    : 100%;
  min-height: 1px;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height : auto;
  border : 1px solid transparent;
}

.login-sign-area {
  position: absolute;
  top     : 20px;
  display : flex;
  right   : 40px;
}

/*======== home slider css start  ========*/
.courses-area {
  padding: 20px 0;
}

.courses-area .card {
  position     : relative;
  box-sizing   : border-box;
  text-align   : center;
  cursor       : pointer;
  padding      : 20px 15px 15px 15px;
  min-height   : 125px;
  background   : #fff;
  box-shadow   : 0 5px 15px rgba(0, 0, 0, .1);
  border-radius: 5px;
  margin       : 1rem 0;
  overflow     : hidden;
}

.courses-area .card:before {
  content       : '';
  position      : absolute;
  top           : 0;
  left          : 0;
  z-index       : 2;
  width         : 50%;
  height        : 100%;
  background    : rgba(255, 255, 255, .1);
  pointer-events: none;
}

.courses-area .circle {
  position       : relative;
  margin         : 0 auto;
  display        : flex;
  align-items    : center;
  justify-content: center;
  background     : #000;
  color          : #fff;
  width          : 50px;
  height         : 50px;
  border-radius  : 50%;
  font-size      : 2rem;
  font-weight    : 700;
  transition     : .5s;
}

.courses-area .card .c-1 {
  background: #009d5a;
  box-shadow: 0 0 0 0 #009d5a;
}

.courses-area .card .c-2 {
  background: #fbb02d;
  box-shadow: 0 0 0 0 #fbb02d;
}

.courses-area .card .c-3 {
  background: #fb6107;
  box-shadow: 0 0 0 0 #fb6107;
}

.courses-area .card:hover .c-1 {
  box-shadow: 0 0 0 300px #009d5a;
}

.courses-area .card:hover .c-2 {
  box-shadow: 0 0 0 300px #fbb02d;
}

.courses-area .card:hover .c-3 {
  box-shadow: 0 0 0 300px #fb6107;
}

.courses-area .card .info {
  position  : relative;
  z-index   : 1;
  transition: .5s;
}

.courses-area .card:hover .info {
  color: #fff;
}

.courses-area .card .info h3 {
  margin   : 12px 0;
  font-size: 1rem;
}

.courses-area .card .info p {
  margin   : 0;
  padding  : 0;
  font-size: 13px;
}

/* .courses-area .card .info a {
  padding        : 10px 15px;
  display        : inline-block;
  background     : #fff;
  text-decoration: none;
  font-size      : .8rem;
  font-weight    : 500;
  border-radius  : 2px;
  color          : #000;
  cursor         : pointer;
  box-shadow     : 0 5px 15px rgba(0, 0, 0, .2);
} */

/*===========================
      3. Courses area
===========================*/
.main-title-area {
  margin-bottom   : 25px;
  /* text-align   : center; */
}

.main-title {
  font-family: 'Gulim', serif;
  font-size  : 32px;
  font-weight: 600;
  color      : rgb(35 35 35);
}

/* .main-sub-title {
  padding: 0 20%;
} */

.main-title-area h5 {
  font-family   : 'Fjalla One', sans-serif;
  color         : #999;
  text-transform: uppercase;
  position      : relative;
  padding-bottom: 50px;
  font-size     : 0.79rem;
}

.main-title-area h5:after {
  content        : "";
  width          : 47px;
  height         : 48px;
  position       : absolute;
  left           : 0;
  right          : 0;
  margin         : 0 auto;
  text-align     : center;
  bottom         : -10px;
  background     : url(../images/icon/logo-symbol-dark.png) no-repeat;
  background-size: 38px auto;
  /* margin-left : -53px; */
  opacity        : 0.3;
}

/*===========================
      Courses-list area css 
===========================*/

.courses-list-area {
  padding   : 40px 0;
  background: #f5f5f5;
}

.courses-list-area .card-group .card {
  background     : #fff;
  width          : 330px;
  height         : 355px;
  display        : flex;
  justify-content: center;
  box-shadow     : rgba(0, 0, 0, 0.1) 0px 5px 15px;
  position       : relative;
  cursor         : pointer;
  margin-bottom  : 30px;
}

.courses-list-area .card-group .card:hover p {
  font-size: .9rem;
}

.courses-list-area .card-group .card:hover .card-badge {
  top: 150px;
}

.gallery_filter_tab {
  text-align: center;
  padding   : 0 0 25px 0;
}

.basic-tag span {
  font-size : 11px;
  color     : #fff;
  position  : absolute;
  background: #4CAF50;
  margin    : 0 auto;
  top       : 18px;
  left      : 11px;
}

.basic-tag {
  background: #4CAF50;
}

.advance-tag span {
  font-size : 10px;
  color     : #fff;
  position  : absolute;
  background: #FF9800;
  margin    : 0 auto;
  top       : 19px;
  left      : 3px;
}

.advance-tag {
  background: #FF9800;
}

/* 
.gallery_filter_tab .list-inline-item {
  border : 2px solid #FF9800;
  padding: 5px 20px;
  color  : #000;
} */

.gallery_filter_tab .list-inline-item a {

  text-decoration : none;
  background-color: transparent;
  border          : 2px solid #FF9800;
  padding         : 5px 20px;
  color           : #FF9800;
}

.gallery_filter_tab .list-inline-item .active {
  color           : #fff;
  text-decoration : none;
  background-color: #FF9800;
}

.courses-list-area .card-group .card .card-badge {
  width           : 3.32em;
  height          : 3.32em;
  /* background   : #fb9520; */
  border-radius   : 50%;
  position        : absolute;
  transition      : .3s ease-in;
  right           : 20px;
  top             : 30px;
  box-shadow      : 5px 3px 5px 0 rgba(0, 0, 0, 0.4);
}

.courses-list-area .card-group .card .card-image {
  background-size: cover;
  height         : 251px;
  width          : 100%;
  overflow       : hidden;
}

.course-list-contant {
  padding: 20px;
}

.course-list-contant .teacher {
  padding-bottom: 15px;
}

.course-list-contant .teacher img {
  height: 30px;
}

.course-list-contant .teacher span {
  font-size: 14px;
}

.course-title {
  font-size  : 16px;
  font-weight: 500;
  color      : #000000;
  line-height: 26px;
}

.courses-list-area .card-group .card .card-image img {
  width: 100%;
}

.courses-list-area .card-group .card h1 {
  padding: 0 1em;
}

.courses-list-area .card-group .card p {
  font-weight: 100;
  font-size  : 0;
  transition : 0.2s ease-in;
}

.courses-list-area .card-group .card a {
  font-size      : 1rem;
  color          : #FF9800;
  text-decoration: none;
  padding        : 36px 0px 10px 1px;
}

.modal-dialog {
  max-width: 80%;
  margin   : 1.75rem auto;
}

.modal-header {
  background    : #FF9800;
  color         : #fff;
  text-transform: uppercase;
}

.modal-dialog .tab {
  overflow        : hidden;
  border          : 1px solid #ccc;
  background-color: #f1f1f1;
}

.coursepackageModal .modal-dialog .tab {
  overflow-x                : scroll;
  -webkit-overflow-scrolling: touch;
}

.coursepackageModal .modal-dialog .tab::-webkit-scrollbar {
  width: 3px;
}

.coursepackageModal .modal-dialog .tab::-webkit-scrollbar:horizontal {
  height: 3px;
}

.coursepackageModal .modal-dialog .tab::-webkit-scrollbar-track {
  background-color: #ff9800;
}

.coursepackageModal .modal-dialog .tab::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background   : rgba(204, 204, 204, 0.5);
  box-shadow   : inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.modal-dialog .tab button {
  background-color: inherit;
  float           : left;
  border          : none;
  outline         : none;
  cursor          : pointer;
  padding         : 14px 16px;
  transition      : 0.3s;
  font-size       : 17px;
}

.modal-dialog .tab button:hover {
  background-color: #ddd;
}

.modal-dialog .tab button.active {
  background-color: #ccc;
}

.modal-dialog .tabcontent {
  display   : none;
  padding   : 6px 12px;
  border    : 1px solid #ccc;
  border-top: none;
}

.modal-dialog .tab button.active {
  background-color: #FF9800 !important;
  color           : #fff;
}

.modal-dialog .tabcontent ul li {
  list-style     : none;
  text-decoration: none;
}

.modal-dialog .tabcontent ul li a {
  font-size      : 16px;
  line-height    : 32px;
  text-decoration: none;
  color          : #000;
}

/*===========================
      Courses-list area css 
===========================*/

.about-us-area {
  padding   : 80px 0;
  background: #f5f5f5;
}

.about-content p {
  line-height: 34px;
}

.about-content-img {
  padding: 20px;
}

.about-content-img .imgA1 {
  position     : absolute;
  top          : 0px;
  left         : 0px;
  border       : 10px solid #f5f5f5;
  z-index      : 1;
  border-radius: 28px;
}

.about-content-img .imgA1:hover {
  z-index: 99;
}

.about-content-img .imgB1 {
  position     : absolute;
  top          : 125px;
  left         : 100px;
  height       : 265px;
  border       : 10px solid #f5f5f5;
  z-index      : 3;
  overflow     : hidden;
  border-radius: 28px;
}

.about-content-img .imgB1 .video-box img {
  width     : 100%;
  height    : 275px;
  object-fit: cover;
  transition: all ease 0.3s;
}

.about-content-img .imgB1 .video-content {
  padding   : 10px 25px;
  background: rgb(0, 0, 0);
  background: linear-gradient(180deg, rgb(0 0 0 / 2%) 28%, rgb(0 0 0) 100%);
  position  : absolute;
  width     : 100%;
  bottom    : 0;
}

/*===========================
      Video area css 
===========================*/

.courses-area a {
  text-decoration: none;
}

.video-box {
  overflow     : hidden;
  border-radius: 5px;

}

.video-card-area {
  margin: 1rem 0;
}

.video-box img {
  width     : 100%;
  height    : 292px;
  object-fit: cover;
  transition: all ease 0.3s;
}

.video-box span {
  position        : absolute;
  width           : 40px;
  height          : 40px;
  text-align      : center;
  top             : calc(50% - 25px);
  left            : calc(50% - 25px);
  font-size       : 30px;
  line-height     : 38px;
  color           : #fff;
  border          : 3px solid #fff;
  border-radius   : 50px;
  background-color: #FF9800;
  transition      : all ease 0.3s;
}

.video-box span i {
  position : absolute;
  color    : #fff;
  top      : 7px;
  font-size: 20px;
  left     : 0;
  right    : 0;
  margin   : 0 auto;
  bottom   : 0;
}

.video-content {
  padding      : 10px 25px;
  background   : rgb(0, 0, 0);
  background   : linear-gradient(180deg, rgb(0 0 0 / 2%) 28%, rgb(0 0 0) 100%);
  position     : absolute;
  bottom       : 16px;
  width        : 93%;
  border-radius: 4px;
  font-size    : 20px;
  font-weight  : 700;
}

.video-box a:hover img {
  transform: rotate(5deg) scale(1.5);
}

.video-box a:hover span {
  box-shadow: 1px 1px 32px 15px #131313a6;
}

.view-more-info-btn {
  text-decoration: none;
  color          : #FF9800;
}

.view-more-info-btn:hover {
  text-decoration: none;
  color          : #fff;
}

.view-all-btn {
  padding: 0px 0 0 0;
}

.view-all-btn a {
  border-color   : #0e0e0e;
  color          : #0e0e0e;
  background     : #fff;
  border         : 2px solid;
  text-decoration: none;
  padding        : 5px 20px;
}

.view-all-btn a:hover,
.view-all-btn a:focus {
  border-color: #0e0e0e;
  color       : #0e0e0e;
  box-shadow  : 0 5px 15px rgba(0, 0, 0, .2);
}

.login-signup-btn {
  border-color   : #0e0e0e;
  color          : #0e0e0e;
  background     : #FF9800;
  border         : 2px solid #00000040;
  border-radius  : 28px;
  text-decoration: none;
  font-size      : 14px;
  margin-left    : 15px;
  padding        : 5px 20px;
}

.take-exam-section .take-exam-user {
  max-height: 200px;
}

.take-exam-section {
  background: #fff !important;
}

.take-exam-btn {
  border-color   : #0e0e0e;
  color          : #0e0e0e;
  background     : transparent;
  border         : 2px solid #00000040;
  border-radius  : 28px;
  text-decoration: none;
  font-size      : 14px;
  margin-left    : 15px;
  padding        : 5px 20px;
}

.take-exam-btn:hover,
.login-signup-btn:hover,
.login-signup-btn:focus {
  border-color   : #0e0e0e;
  text-decoration: none;
  color          : #0e0e0e;
  box-shadow     : 0 5px 15px rgba(0, 0, 0, .2);
}

.login-signup-btn i {
  font-size: 12px;
}

/*===========================
      Contact us area css 
===========================*/
.result-table {
  padding: 100px 0;
}

.flat-button {
  color          : #ffffff;
  display        : inline-block;
  font-weight    : 600;
  text-decoration: none;
  background     : #FF9800;
  line-height    : 36px;
  margin         : 15px 0;
  padding        : 0 17px;
  text-transform : uppercase;
  position       : relative;
  border         : 2px solid #FF9800;
  font-size      : 14px;
}

.flat-button:hover {
  color          : #FF9800;
  display        : inline-block;
  font-weight    : 600;
  background     : #fff;
  line-height    : 36px;
  margin         : 15px 0;
  text-decoration: none;
  padding        : 0 17px;
  text-transform : uppercase;
  position       : relative;
  border         : 2px solid #FF9800;
  font-size      : 14px;
}

.result-table .flat-button {
  margin: 15px 5px;
}

.contact-area {
  padding   : 80px 0;
  background: #f5f5f5;
  height: 100vh;
  align-items: center;
  display: flex;
}

.google-map-area {
  margin-bottom: -200px;
}



.contact-area .form-control {
  padding      : 25px;
  font-size    : 13px;
  margin-bottom: 10px;
  background   : #f9f9f9;
  border-radius: 4px;
}

.contact-area button.btn {
  padding      : 10px;
  border-radius: 4px;
  font-size    : 15px;
  background   : #ff9100;
  color        : #ffffff;
}

.contact-area .title h3 {
  font-size  : 18px;
  font-weight: 600;
}

.contact-area .title p {
  font-size  : 14px;
  font-weight: 400;
  color      : #999;
  line-height: 1.6;
  margin     : 0 0 40px;
}

.contact-area .content .info {
  margin-top   : 30px;
  margin-bottom: 30px;
  display      : flex;
}

.contact-area .content .info i {
  font-size   : 30px;
  padding     : 0;
  margin      : 0;
  color       : #02434b;
  margin-right: 20px;
  text-align  : center;
  width       : 20px;
}

.contact-area .content .info h4 {
  font-size  : 14px;
  line-height: 1.4;
}

.contact-area .content .info h4 span,
.contact-area .content .info h4 span a {
  font-size      : 14px;
  font-weight    : 500;
  text-decoration: none;
  color          : #999999;
}

.contact-area .content .info h4 span a:hover {
  color: #FF9800;
}

/*===========================
      Footer css 
===========================*/
.footer-area {
  position: relative;
  z-index : 5;
}

.footer-area ul {
  text-decoration: none;
  list-style     : none;
}

.footer-area .design-img {
  width     : 100%;
  background: #f5f5f5;
}

/* 
.footer-area::before {
  position        : absolute;
  content         : '';
  width           : 100%;
  height          : 100%;
  top             : 0;
  left            : 0;
  background-color: #0071bcf0;
  z-index         : -1;
} */

.footer-widget {
  padding-top   : 20px;
  padding-bottom: 20px;
  background    : #e6e6e6;
}

.footer-link h4::after {
  content     : "";
  width       : 92px;
  /* overflow : hidden; */
  height      : 2px;
  position    : absolute;
  background  : #FF9800;
  margin-top  : 16px;
  margin-left : 10px;
}

.home-newsletter .single {
  max-width : 350px;
  margin    : 15px auto;
  text-align: center;
  margin-top: 30px;
  position  : relative;
  z-index   : 2;
}

.home-newsletter .single .form-control {
  height       : 45px;
  background   : rgba(255, 255, 255, 0.6);
  border-color : transparent;
  border-radius: 5px 0 0 5px;
}

.home-newsletter .single .form-control:focus {
  box-shadow  : none;
  border-color: #243c4f;
}

.home-newsletter .single .btn {
  min-height   : 45px;
  border-radius: 0 5px 5px 0;
  background   : rgb(35, 35, 35);
  color        : #fff;
}

.choose-centre-popup .modal-dialog {
  max-width: 65% !important;
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-widget {
    padding-bottom: 95px;
    padding-top   : 50px;
  }
}

.mobile-view {
  display: none;
}

@media (max-width: 800px) {
  .des-view {
    display: none;
  }

  .mobile-view {
    display: block;
  }

  .mobile-view .login-signup-btn {
    background  : #fff;
    border-color: #0e0e0e;
    color       : #0e0e0e;
    border      : 2px solid #00000040;
  }
}

@media (max-width: 767px) {
  .des-view {
    display: none;
  }

  .footer-widget {
    padding-bottom: 75px;
    padding-top   : 30px;
  }

  .result-table {
    padding: 15px 0;
    width  : 100vh;
  }
}

.footer-widget .footer-title {
  font-weight: 600;
  font-size  : 20px;
  line-height: 32px;
  font-family: 'Gulim', serif;
  color      : rgb(35 35 35);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-widget .footer-title {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .footer-widget .footer-title {
    font-size: 20px;
  }
}

.footer-link .link-list {
  padding-top: 10px;
}

.footer-link .link-list li {
  margin-top: 5px;
}

.footer-link .link-list li p {
  font-weight   : 400;
  font-size     : 14px;
  letter-spacing: 0.02em;
  line-height   : 24px;
  margin-bottom : 5px;
  color         : #222;
}


.footer-link .link-list li a {
  font-weight       : 400;
  font-size         : 14px;
  letter-spacing    : 0.02em;
  text-decoration   : none;
  line-height       : 24px;
  color             : #222;
  -webkit-transition: all 0.3s linear;
  -moz-transition   : all 0.3s linear;
  -ms-transition    : all 0.3s linear;
  -o-transition     : all 0.3s linear;
  transition        : all 0.3s linear;
}


.footer-link .link-list li a:hover {
  color: #f7931e;
}

.footer-widget-wrapper {
  border-top       : 1px solid #222;
  padding-top      : 0px;
  margin-top       : 30px;
  display          : -webkit-flex;
  display          : -moz-flex;
  display          : -ms-flex;
  display          : -o-flex;
  display          : flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap    : wrap;
  -moz-flex-wrap   : wrap;
  flex-wrap        : wrap;
  -webkit-box-pack : space-between;
  -ms-flex-pack    : space-between;
  justify-content  : space-between;
  -webkit-box-align: center;
  -ms-flex-align   : center;
  align-items      : center;
}

.footer-widget .footer-social {
  padding-top: 20px;
}

.footer-widget .footer-social li {
  display      : inline-block;
  margin-bottom: 15px;
}

.footer-widget .footer-social li+li {
  margin-left: 20px;
}

.footer-widget .footer-social li a i {
  width: 35px;
}

.footer-widget .footer-social li a {
  height            : 35px;
  line-height       : 33px;
  padding           : 6px 0;
  text-align        : center;
  border            : 1px solid #222;
  border-radius     : 5px;
  color             : #222;
  -webkit-transition: all 0.3s linear;
  -moz-transition   : all 0.3s linear;
  -ms-transition    : all 0.3s linear;
  -o-transition     : all 0.3s linear;
  transition        : all 0.3s linear;
}

.footer-widget .footer-social li a:hover {
  background-color: #fff;
  color           : #f7931e;
}

.footer-widget-wrapper .footer-menu {
  padding-top: 20px;
}



.footer-widget-wrapper .footer-menu .menu li {
  display: inline-block;
}

.footer-widget-wrapper .footer-menu .menu li+li {
  margin-left: 25px;
}

.footer-widget-wrapper .footer-menu .menu li a {
  font-weight       : 400;
  font-size         : 14px;
  color             : #fff;
  -webkit-transition: all 0.3s linear;
  -moz-transition   : all 0.3s linear;
  -ms-transition    : all 0.3s linear;
  -o-transition     : all 0.3s linear;
  transition        : all 0.3s linear;
}

.footer-widget-wrapper .footer-menu .menu li a:hover {
  color: #f7931e;
}

.footer-copyright {
  background-color: #fff;
  position        : relative;
  z-index         : 1;
}

.footer-copyright img {
  height: 20px;
}

.footer-copyright .copyright {
  padding: 13px 0;
}

.footer-copyright .copyright p {
  font-weight: 500;
  font-size  : 12px;
  line-height: 30px;
  margin     : 0;
}


.footer-copyright .copyright p a {
  color             : #151515;
  -webkit-transition: all 0.3s linear;
  -moz-transition   : all 0.3s linear;
  -ms-transition    : all 0.3s linear;
  -o-transition     : all 0.3s linear;
  transition        : all 0.3s linear;
}

.footer-copyright .copyright p a:hover {
  color: #0071bc;
}

/*===== course detail area =====*/
.course-detail-area .pricing {
  margin-top: 15px;
}

.course-detail-area ul li {
  display     : inline-block;
  list-style  : none;
  margin-right: 10px;
}

.course-detail-area i {
  color       : #4CAF50;
  margin-right: 5px;
}

.course-detail-area .about-box {
  background: #fff;
}

.course-detail-area .about-content {
  padding: 30px 15px;
}

.course-detail-area .teacher {
  padding: 15px 0;
}

.course-detail-area .teacher img {
  height       : 40px;
  width        : 40px;
  object-fit   : cover;
  border       : 4px solid #4CAF50;
  border-radius: 50%;
  margin-right : 4px;
}

.course-detail-area .pricing span {
  color      : #FF9800;
  font-weight: 700;
  font-size  : 18px;
}

.course-detail-area span.cross-price {
  text-decoration: line-through;
  color          : #F44336;
  font-size      : 15px;
}


.course-detail-content .course-img {
  width : 100%;
  height: auto;
}

.course-detail-area span.pricing-details {
  font-size     : 12px;
  color         : #000000;
  text-transform: capitalize;
  font-weight   : 400;
  display       : block;
}

.course-detail-area .video-content1 {
  font-size: 20px;
  padding  : 10px 0;
}

.course-detail-content {
  background: #fff;
}

.course-detail-content .content {
  padding: 8px 20px 25px 20px;
}

.btn-enroll {
  text-transform       : uppercase;
  font-size            : 0.875rem;
  font-weight          : 800;
  letter-spacing       : 1px;
  background-color     : transparent;
  color                : #000000;
  border               : 2px solid #000000;
  padding              : 0.6rem 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius   : 2rem;
  border-radius        : 2rem;
}

.btn-enroll:hover {
  background-color: #FF9800;
  color           : #fff;
  border          : 2px solid #FF9800;
}

/*===== card choose area =====*/
.card-item .choose-card span {
  text-transform: uppercase;
}

.card-item .choose-card img {
  height       : 70px;
  margin-bottom: 20px;

}

/*===== live classes list area =====*/
.modal-dialog .live-class-link-area {
  overflow        : hidden;
  border          : 1px solid #ccc;
  background-color: #f1f1f1;
}

.live-class-links {
  background-color: inherit;
  float           : left;
  border          : none;
  color           : #000000;
  text-decoration : none;
  outline         : none;
  cursor          : pointer;
  padding         : 14px 16px;
  transition      : 0.3s;
  font-size       : 17px;
}

.live-class-btn-price-box .liveclass-price {
  float      : right;
  font-size  : 20px;
  font-weight: 700;
  color      : #FF9800;
  margin-top : 25px;
}

.modal-dialog .live-class-links:hover {
  background-color: #FF9800 !important;
  text-decoration : none;
  color           : #000000;
}

.pay-btn .view-pay-btn {
  text-transform       : uppercase;
  font-size            : 0.875rem;
  font-weight          : 800;
  letter-spacing       : 1px;
  background-color     : transparent;
  color                : #000000;
  border               : 2px solid #000000;
  padding              : 0.6rem 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius   : 2rem;
  border-radius        : 2rem;
  text-decoration      : none;

}

.pay-btn .view-pay-btn:hover {
  background-color: #FF9800;
  color           : #fff;
  text-decoration : none;
  border          : 2px solid #FF9800;
}

/* ul.live-class-list {
  margin    : 0;
  padding   : 0;
  list-style: none;
} */

.live-class-list .live-class-preview {
  background           : #fff;
  border               : 1px solid #d7e2e9;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius   : 0.4rem;
  border-radius        : 0.4rem;
  padding              : 1.5rem 2rem;
  margin-bottom        : 2rem;
  -webkit-transition   : all 0.3s ease 0s;
  -moz-transition      : all 0.3s ease 0s;
  transition           : all 0.3s ease 0s;
}

.live-class-list .live-class-preview:hover {
  cursor            : pointer;
  -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05);
  -moz-box-shadow   : 0 3px 8px rgba(0, 0, 0, 0.05);
  box-shadow        : 0 3px 8px rgba(0, 0, 0, 0.05);
}

.exam-set-area .live-class-preview {
  text-align   : center;
  background   : #fff;
  border       : none;
  border-radius: none;
  padding      : 0;
  margin-bottom: 10px;
}

.exam-set-area .br-1 {
  border-right: 1px solid #d7e2e9;
}

.exam-set-area .live-class-preview:hover {
  box-shadow: none;
}

.live-class-title {
  margin-top    : 0.6rem;
  font-size     : 18px;
  text-transform: uppercase;
  font-weight   : 500;
  color         : #000000;
  line-height   : 32px;
}

.exam-set-area .live-class-title {
  margin-top    : 0.6rem;
  font-size     : 18px;
  text-transform: capitalize;
  font-weight   : 500;
  color         : #000000;
  line-height   : 24px;
}

.live-class-preview i {
  color       : #4CAF50;
  margin-right: 5px;
}

.live-class-preview small {
  line-height: 10px;
}

.live-class-preview .btn {
  margin-top: 1.2rem;
}

.btn-apply {
  text-transform       : uppercase;
  font-size            : 0.875rem;
  font-weight          : 800;
  letter-spacing       : 1px;
  background-color     : transparent;
  color                : #000000;
  border               : 2px solid #000000;
  padding              : 0.6rem 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius   : 2rem;
  border-radius        : 2rem;
}

.btn-apply:hover {
  background-color: #FF9800;
  color           : #fff;
  border          : 2px solid #FF9800;
}

.buy-all-exam {
  background-color: #FF9800;
  color           : #fff;
  padding         : 0.6rem 1rem;
  border          : 2px solid #FF9800;
}

.buy-all-exam:hover {
  background-color     : transparent;
  color                : #000000;
  border               : 2px solid #000000;
  padding              : 0.6rem 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius   : 2rem;
  border-radius        : 2rem;
}

.live-class-area .teacher img {
  height       : 60px;
  border       : 4px solid #ff98008f;
  border-radius: 50%;
  margin-right : 10px;
}



/*===== Login & Signup area =====*/

.login-signup-box {
  padding: 0 30%;
}

.login-signup-box p {
  padding-top: 15px;
  margin     : 0;
}

.take-exam-img-box {
  margin-right: 20px;
}

.take-exam-section .take-exam-img-box img {
  max-height: 200px;
  padding   : 0px;
  border    : 1px solid #ebebeb;
}

.take-exam-user-info {
  margin       : 0 23%;
  padding      : 40px;
  display      : flex;
  border       : 1px solid #ccc;
  border-radius: 28px;
  margin-bottom: 30px;
}

/*===== Back To Top =====*/
.back-to-top {
  position          : fixed;
  bottom            : 20px;
  right             : 20px;
  font-size         : 18px;
  width             : 40px;
  height            : 40px;
  line-height       : 40px;
  border-radius     : 50%;
  z-index           : 99;
  text-align        : center;
  display           : none;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(156, 156, 156, 0.25);
  -moz-box-shadow   : 0px 0px 30px 0px rgba(156, 156, 156, 0.25);
  box-shadow        : 0px 0px 30px 0px rgba(156, 156, 156, 0.25);
  -webkit-transition: all 0.4s linear;
  -moz-transition   : all 0.4s linear;
  -ms-transition    : all 0.4s linear;
  -o-transition     : all 0.4s linear;
  transition        : all 0.4s linear;
  color             : #fff;
  background-color  : #0071bc;
}

.back-to-top:hover {
  color           : #fff;
  background-color: #f7931e;
}

/*================== Blog area ============== */
.blog-area .border-tlr-radius {
  border-top-left-radius : 2px;
  border-top-right-radius: 2px;
}

.single-post .content h3 {
  font        : 400 30px/35px;
  color       : #000;
  padding-left: 15px;
  position    : relative;
  margin      : 20px 0px 40px;
}

.single-post .content .label {
  font          : 400 12px/18px "Lato";
  color         : #fff;
  display       : inline-block;
  background    : #FF9800;
  padding       : 5px 10px;
  margin-right  : 15px;
  text-transform: uppercase;
  border-radius : 0px;
}

.single-post .content .content-text .bold p:before {
  position  : absolute;
  content   : '';
  left      : 0px;
  width     : 3px;
  height    : 100%;
  top       : 0px;
  background: #000;
}

.single-post .tag-cat {
  margin-top  : 30px;
  margin-right: 40px;
  padding-top : 15px;
  border-top  : 1px solid #efefef;
}

.single-post .form-control {
  padding: 25px 15px;
}

.cmt-btn {
  padding      : 10px 20px;
  border-radius: 4px;
  font-size    : 15px;
  background   : #ff9100;
  color        : #ffffff;
}

.single-post .tag-cat span {
  display       : inline-block;
  color         : #fff;
  background    : #000;
  font          : 400 14px/20px "Oswald";
  padding       : 0 15px;
  letter-spacing: 0px;
  text-transform: uppercase;
  height        : 20px;
  margin-right  : 15px;
}

.single-post .tag-cat a {
  font           : 400 15px/20px;
  color          : #FF9800;
  text-decoration: none;
}

.blog-area .box-user .social i {
  font-size: 18px;
  width    : 40px;
  height   : 40px;
  color    : #959595;
}

.tag-social-media {
  display: flex;
}

.blog-area .social a i {
  font-size  : 18px;
  color      : #fff;
  line-height: 30px;
  display    : inline-block;
}

.single-post .content h3,
.blog-area .widget-title {
  font-size: 1.35rem;
}

.blog-area .box-user .social a:first-child {
  padding-left: 0px;
}

.blog-area .box-user .social a {
  vertical-align: middle;
  line-height   : 40px;
}

.blog-area .box-user .text {
  display       : table-cell;
  vertical-align: middle;
  padding-left  : 20px;
}

.blog-area .box-user .box {
  background: #fafafa;
  border    : 1px solid #efefef;
  display   : table;
  padding   : 15px;
}

.space-padding-tb-40 {
  padding-top   : 20px !important;
  padding-bottom: 20px !important;
}

.single-post .pagination {
  display: inline-block;
  width  : 100%;
  padding: 0 30px;
}

.single-post .pagination .next,
.single-post .pagination .prev {
  float          : left;
  width          : 50%;
  margin-bottom  : 30px;
  display        : table;
  padding-top    : 30px;
  padding-bottom : 20px;
  text-decoration: none;
}

.single-post .pagination .next a,
.single-post .pagination .prev a {
  text-decoration: none;
}

.single-post .pagination .next a:hover,
.single-post .pagination .prev a:hover {
  text-decoration: none;
  color          : #FF9800;
}

.blog-area .title-v1 h3 {
  display       : inline-block;
  font          : 400 20px/30px "Oswald";
  color         : #333;
  position      : relative;
  padding-bottom: 10px;
  text-transform: uppercase;
}

.single-post .panel .panel-body p {
  font        : 400 16px/20px "Lato";
  color       : #858585;
  display     : inline-block;
  margin      : 10px 0px;
  margin-right: 20px;
}

.single-post .panel .panel-body .date {
  font         : 400 14px/18px "Lato";
  color        : #b4b4b4;
  margin-bottom: 10px;
}

.single-post .panel .text a.reply {
  font          : 400 12px/20px "Oswald";
  text-transform: uppercase;
  color         : #e95252;
  display       : inline-block;
}

.single-post .panel img {
  width: 32px;

}

.single-post .panel .text {
  min-height    : 126px;
  display       : inline-block;
  position      : relative;
  margin-bottom : 10px;
  padding-bottom: 10px;
}

.single-post .panel .media-left,
.single-post .panel .media>.pull-left {
  padding-right: 20px;
  position     : relative;
  z-index      : 2;
}

.single-post .form-text {
  font : 400 14px;
  color: #9a9a9a;
}

.single-post .form-horizontal .form-control {
  background: #fafafa;
  border    : 1px solid #dfdfdf;
  font      : 400 16px;
  display   : block;
  width     : 100%;
}

.single-post .form-horizontal a.button {
  float      : left;
  background : #000;
  border     : 2px solid #000;
  font-size  : 18px;
  font-family: "Lato";
  text-align : center;
  height     : 46px;
  line-height: 42px;
  color      : #fff;
  padding    : 0 20px;
  transition : all 0.3s ease 0s;
}

.single-post .form-horizontal a.button:hover {
  color     : #333;
  background: #fff;
}

.single-post .form-horizontal .control-label {
  font : 400 16px;
  color: #000;
}

.single-post .panel .panel-body h3 {
  font-size     : 16px;
  color         : #000;
  font-weight   : 500;
  text-transform: capitalize;
}

.single-post .pagination .next .icon-box,
.single-post .pagination .next .text,
.single-post .pagination .prev .icon-box,
.single-post .pagination .prev .text {
  display       : table-cell;
  vertical-align: middle;
}

.single-post .pagination .next .text,
.single-post .pagination .prev .text {
  padding-left : 20px;
  padding-right: 0px;
}

.single-post .pagination p.control {
  font          : 400 16px/20px "Oswald";
  color         : #adadad;
  text-transform: uppercase;
}

.single-post .pagination p.title {
  font         : 400 16px/20px "Oswald";
  color        : #333;
  margin-bottom: 20px;
  max-width    : 280px;
}

.single-post .pagination .next i,
.single-post .pagination .prev i {
  display   : inline-block;
  width     : 20px;
  height    : 40px;
  background: url('../images/icon/control-signle-post.png') no-repeat scroll 0 0;
}

.single-post .pagination .next i {
  background-position: left 0px bottom 0px;
}

.single-post .cat-1 .label {
  background: #209cc9;
}

.single-post .cat-2 .label {
  background: #209cc9;
}

.single-post .cat-3 .label {
  background: #209cc9;
}

.single-post .content .content-text .bold p {
  font-weight  : 400;
  padding-left : 20px;
  position     : relative;
  margin-bottom: 0px;
  font-family  : "Oswald";
  font-size    : 19px;
  line-height  : 30px;
}

.single-post .content p {
  font         : 400 16px/25px "Lato";
  color        : #555;
  margin-bottom: 30px;
}

.single-post .content .date,
.single-post .content .news-author,
.single-post .content .comments {
  display        : inline-block;
  font           : 400 13px/18px "Lato";
  color          : #c1c1c1;
  text-decoration: none;
  margin-right   : 6px;
}

.blog-area .text-center {
  text-align: center;
}

.blog-area .slider-item img {
  width     : 100%;
  height    : 350px;
  object-fit: cover;
}

.blog-area .radius {
  border-radius: 2px;
}

.blog-area .padding-tb {
  padding-top   : 1.6rem;
  padding-bottom: 1.6rem;
}

.blog-area .shadowDepth0 {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}

.blog-area .shadowDepth1 {
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.12),
    0 1px 2px rgba(0, 0, 0, 0.24);
}


/**
* Card Styles
*/

.blog-area .card {
  background-color: #fff;
  margin-bottom   : 1.6rem;
}

.blog-area .card__padding {
  padding: 1.6rem;
}

.blog-area .card__image {
  min-height      : 100px;
  background-color: #eee;
}

.blog-area .card__image img {
  width    : 100%;
  max-width: 100%;
  display  : block;
}

.blog-area .card__content {
  position: relative;
}

/* card meta */
.blog-area .card__meta time {
  font-size  : 1.5rem;
  color      : #bbb;
  margin-left: 0.8rem;
}

/* card article */
.blog-area .card__article a {
  text-decoration: none;
  color          : #444;
  transition     : all 0.5s ease;
  font-size      : 20px;
  font-weight    : 500;
  line-height    : 32px;
}

.post-item.ver2 .images {
  display       : table-cell;
  max-width     : 130px;
  vertical-align: top;
  width         : 130px;
}

.post-item.ver2 .text {
  vertical-align: top;
  position      : static;
  display       : table-cell;
  padding-left  : 10px;
  padding-top   : 10px;
}

.img-responsive {
  display  : block;
  max-width: 100%;
  height   : auto;
}

.post-item.ver2 .text h2,
.post-item.ver2 .text h2 a {
  color          : #333;
  font-size      : 16px;
  line-height    : 20px;
  text-decoration: none;
}

.widget .post-item {
  margin-bottom: 30px;
}

.post-item .text .tag .date,
.post-item .text .tag .news-author,
.post-item .text .tag .comments {
  font           : 400 13px "Lato";
  color          : #9a9a9a;
  display        : inline-block;
  text-decoration: none;
  margin-right   : 6px;
}

.blog-area .card__article a:hover {
  color: #2980b9;
}

/* card action */
.blog-area .card__action {
  overflow      : hidden;
  padding-right : 1.6rem;
  padding-left  : 1.6rem;
  padding-bottom: 1.6rem;
}

.blog-area .card__author {}

.blog-area .card__author img,
.blog-area .card__author-content {
  display       : inline-block;
  vertical-align: middle;
}

.blog-area .card__author img {
  border-radius: 50%;
  margin-right : 0.6em;
}

.blog-area .card__share {
  float     : right;
  position  : relative;
  margin-top: -42px;
}

.blog-area .card__social {
  position  : absolute;
  top       : 0;
  right     : 0;
  visibility: hidden;
  width     : 160px;
  transform : translateZ(0);
  transform : translateX(0px);
  transition: transform 0.35s ease;
}

.blog-area .facebook {
  background-color: #3b5998;
}

.blog-area .twitter {
  background-color: #00abe3;
}

.blog-area .googleplus {
  background-color: #d3492c;
}

.blog-area .facebook,
.blog-area .twitter,
.blog-area .googleplus {
  color: #fff;
}

.blog-area .facebook:hover,
.blog-area .twitter:hover,
.blog-area .googleplus:hover {
  color: #eee;
}

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

.blog-area .blog-card {
  overflow     : hidden;
  border-radius: 4px;
  box-shadow   : 3px 3px 20px rgba(0, 0, 0, 0.5);
  text-align   : center;
}

.blog-area .blog-card.spring-fever {
  background      : no-repeat;
  width           : 100%;
  height          : 100%;
  background-image: cover;
}

.blog-area .blog-card .color-overlay {
  /* Rectangle 11: */
  background: rgba(84, 104, 110, 0.4);
  width     : auto;
  position  : absolute;
  z-index   : 10;
  top       : 0;
  left      : 0;
  transition: background 0.3s cubic-bezier(0.33, 0.66, 0.66, 1);
}

.blog-area .blog-card .gradient-overlay {
  /* bg-gradient: */
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 21%);
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 21%);
  background-image: -o-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 21%);
  background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 21%);
  height          : 400px;
  z-index         : 15;
}

.blog-area .blog-card:hover .card-info {
  opacity: 1;
  bottom : 120px;
}

.blog-area .blog-card:hover .color-overlay {
  background: rgba(84, 104, 110, 0.8);
}

.blog-area .title-content {
  text-align: center;
  margin    : 70px 0 0 0;
  position  : absolute;
  z-index   : 20;
  width     : 100%;
  color     : #fff;
  top       : 0;
  left      : 0;
}

.blog-area .title-content h3 {
  text-transform: uppercase;
  font-size     : 1.4rem;
}

.blog-area .blog-box {
  margin-bottom: 20px;
}

.blog-area hr {
  width     : 50px;
  height    : 3px;
  margin    : 20px auto;
  border    : 0;
  background: #FF9800;
}

.blog-area .intro {
  width      : 170px;
  margin     : 0 auto;
  color      : #DCE3E7;
  font-family: 'Droid Serif', serif;
  font-size  : 13px;
  font-style : italic;
  line-height: 18px;
}

.blog-area .card-info {
  width             : 100%;
  position          : absolute;
  bottom            : 100px;
  top               : 52%;
  left              : 0;
  margin            : 0 auto;
  padding           : 0 50px;
  color             : #DCE3E7;
  font-size         : 14px;
  line-height       : 24px;
  z-index           : 20;
  opacity           : 0;
  display           : -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow          : hidden;
  text-overflow     : ellipsis;
  transition        : bottom 0.3s, opacity 0.3s cubic-bezier(0.33, 0.66, 0.66, 1);
}

.blog-area .utility-info {
  position: absolute;
  bottom  : 0px;
  left    : 0;
  z-index : 20;
}

.blog-area .utility-list {
  list-style-type: none;
  margin         : 0 0 30px 20px;
  padding        : 0;
  width          : 100%;
}

.blog-area .utility-list li {
  margin     : 0 15px 0 0;
  padding    : 0 0 0 22px;
  display    : inline-block;
  color      : #DCE3E7;
  font-family: 'Roboto', sans-serif;
}

.blog-area .utility-list li.comments img {
  height    : 13px;
  margin-top: -5px;
}

.blog-area .utility-list li.date img {
  height    : 13px;
  margin-top: -5px;
}

/* FQA's Area Start Here  */

.faq-area {
  padding   : 80px 0;
  background: #f5f5f5;
}

.faq-list {
  list-style: none;
  padding   : 0;
}

.faq-list li {
  margin: 30px 0;
}

.faq-list .faq-icon::before {
  content        : "";
  background     : url(../images/icon/faq-icon.png);
  width          : 28px;
  height         : 28px;
  background-size: contain;
  display        : block;
  position       : absolute;
  left           : -40px;
  top            : 0px;
}

.faq-list .terms-icon::before {
  content        : "";
  background     : url(../images/icon/terms-icon.png);
  width          : 28px;
  height         : 28px;
  background-size: contain;
  display        : block;
  position       : absolute;
  left           : -40px;
  top            : 0px;
}

.faq-list .privacy-policy-icon::before {
  content        : "";
  background     : url(../images/icon/privacy-policy-icon.png);
  width          : 28px;
  height         : 28px;
  background-size: contain;
  display        : block;
  position       : absolute;
  left           : -40px;
  top            : 0px;
}

.faq-heading {
  position   : relative;
  margin-left: 50px;
  cursor     : pointer;
  font-size  : 21px;
}

.faq-heading:hover {
  color: #FF9800;
}

.faq-text {
  display    : none;
  margin-left: 50px;
}


.art-box img {
  width: 100%;
}


.read {
  color      : #5f5f5f;
  font-weight: 400;
  line-height: 1.6;
}

.border {
  border       : 1px solid #dee2e6 !important;
  padding      : 20px 15px;
  margin-bottom: 25px;
}

.take-exam-section select {
  color        : #282828;
  border-radius: 28px;
  padding      : 5px 20px;
  font-size    : 14px;
  font-weight  : 600;
  outline      : none;
  border       : 1px solid #ccc;
}

.choose-centre-popup .note {
  margin-bottom: 20px;
}

.choose-centre-popup .note ul {
  padding-left: 15px;
}

.choose-centre-popup .note ul li {
  list-style: lower-roman;
}

.search-item {
  margin: 10px 0;
}

/* Responsive CSS  */
@media only screen and (min-width: 990px) and (max-width: 1100px) {
  .exam-set-area .live-class-title {
    margin-top: 0.6rem;
    font-size : 14px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-link .link-list li p {
    font-size: 14px;
  }

  .about-content-img .imgB1 {
    position     : absolute;
    top          : 219px;
    left         : 20px;
    height       : 186px;
    border       : 10px solid #f5f5f5;
    z-index      : 3;
    overflow     : hidden;
    border-radius: 28px;
  }

  .exam-set-area .br-1 {
    border-right : 1px solid #d7e2e9;
    border-bottom: 1px solid #d7e2e9;
    padding      : 15px 0;
  }

  .exam-set-area .live-class-title {
    margin-top: 0.6rem;
    font-size : 16px;
  }

  .choose-centre-popup .modal-dialog {
    max-width: 94% !important;
  }

  .topbar .logo {
    height: 43px;
    margin: 10px 0;
  }

  .take-exam-section .take-exam-img-box img {
    max-height: 92px;
    margin    : 53px 0px;
  }

  .take-exam-section .take-exam-user {
    max-height: 106px;
  }

  .footer-link .link-list li a {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .exam-set-area .br-1 {
    border-right : 1px solid #d7e2e9;
    border-bottom: 1px solid #d7e2e9;
    padding      : 15px 0;
  }

  .choose-centre-popup .pr-0 {
    padding-right: 15px !important;
  }

  .choose-centre-popup .pl-0 {
    padding-left: 15px !important;
  }

  .choose-centre-popup .modal-dialog {
    max-width: 93% !important;
  }

  .footer-widget .footer-social {
    text-align: center;
    width     : 100%;
  }

  .take-exam-section .btn {
    margin-top: 20px;
  }

  .take-exam-user-info {
    margin : 0 0;
    display: block;
  }

  .take-exam-section .take-exam-img-box img {
    max-height: 150px;
  }

  .take-exam-img-box {
    margin-right : 20px;
    text-align   : center;
    margin-bottom: 20px;
  }

  .login-signup-box {
    padding: 0 25%;
  }

  .footer-copyright .copyright p {
    font-size: 14px;
  }

  .take-exam-section .take-exam-user {
    max-height: 106px;
  }

  .footer-widget-wrapper .footer-menu {
    text-align: center;
    width     : 100%;
  }

  .take-exam-btn {
    line-height: 42px;
    padding    : 5px 15px;
  }

  .login-signup-btn {
    line-height: 42px;
    padding    : 5px 15px;
  }


}

@media (max-width: 580px) {
  .login-sign-area {
    position      : inherit;
    text-align    : center;
    display       : block;
    padding-top   : 10px;
    padding-bottom: 20px;
  }

  .live-class-preview .content {
    width: 100%;
  }

  .login-signup-box {
    padding: 0 15px;
  }
}

@media (max-width: 575px) {

  .live-class-preview .content {
    width: 100%;
  }

  .login-signup-box {
    padding: 0 15px;
  }
}

@media only screen and (min-width: 300px) and (max-width: 464px) {

  .courses-area {
    padding: 50px 0;
  }

  .exam-set-area .br-1 {
    border-right : none;
    border-bottom: 1px solid #d7e2e9;
    padding      : 15px 0;
  }

  .exam-set-area .set-type-nav li {
    display: grid;
    margin : 10px 0;
  }

  .Modern-Slider .item .img-fill {
    height    : 41vh;
    background: #000;
  }

  .Modern-Slider .item .img-fill .info {
    position   : absolute;
    width      : 100%;
    height     : 100%;
    top        : 0px;
    left       : 0px;
    background : rgb(0 0 0 / 34%);
    line-height: 290px;
    padding    : 0 20px;
    text-align : center;
  }

  .courses-list-area {
    padding: 50px 0;
  }

  .blog-area .title-content h3 {
    text-transform: uppercase;
    font-size     : 16px;
    padding       : 0 16px;
    font-weight   : 600;
  }

  .blog-area .intro {
    width  : auto;
    padding: 0 20px;
  }

  .blog-area .utility-list li.date img {
    height    : 10px;
    margin-top: -3px;
  }

  .blog-area .utility-list li.comments img {
    height    : 10px;
    margin-top: -3px;
  }

  .blog-area .card-info {
    display: none;

  }

  .blog-area .blog-card .gradient-overlay {
    height : 267px;
    z-index: 15;
  }

  .blog-area .utility-list li {
    margin     : 0 6px 0 0;
    padding    : 0 0 0 0px;
    display    : inline-block;
    font-size  : 10px;
    color      : #DCE3E7;
    font-family: 'Roboto', sans-serif;
  }

  .courses-list-area .card-group .card {
    background     : #fff;
    width          : auto;
    height         : 236px;
    display        : flex;
    justify-content: center;
    box-shadow     : rgba(0, 0, 0, 0.1) 0px 5px 15px;
    position       : relative;
    cursor         : pointer;
    margin-bottom  : 30px;
  }

  .courses-list-area .card-group .card .card-image {
    background-size: cover;
    height         : 120px;
    width          : 100%;
    overflow       : hidden;
  }

  .course-list-contant {
    padding: 10px 20px;
  }

  .courses-list-area .card-group .card .card-badge {
    width        : 2em;
    height       : 2em;
    background   : #fb9520;
    border-radius: 50%;
    position     : absolute;
    transition   : .3s ease-in;
    right        : 5px;
    top          : 30px;
    box-shadow   : 5px 3px 5px 0 rgba(0, 0, 0, 0.4);
  }

  .courses-area .card .info p {
    display: none;
  }

  .courses-area .card {
    position     : relative;
    box-sizing   : border-box;
    text-align   : center;
    padding      : 16px;
    background   : #fff;
    box-shadow   : 0 5px 15px rgba(0, 0, 0, .1);
    border-radius: 5px;
    margin       : 1rem 0;
    overflow     : hidden;
  }

  .courses-area .card .info h3 {
    margin   : 15px 0px;
    font-size: 0.68rem;
  }

  .courses-area .card .info a {
    padding        : 6px 14px;
    display        : inline-block;
    background     : #fff;
    text-decoration: none;
    font-size      : .7rem;
    font-weight    : 500;
    border-radius  : 2px;
    border         : 1px solid #d3d3d3;
    color          : #000;
    cursor         : pointer;
    box-shadow     : 0 5px 15px rgba(0, 0, 0, .2);
  }

  .header-area .side-menu-btn {
    position  : fixed;
    top       : 15px;
    left      : 5px;
    padding   : 5px 12px;
    text-align: center;
    background: #ffffff;
  }

  .topbar .logo {
    height    : 60px;
    margin-top: 5px;
  }

  .Modern-Slider .item h3 {
    font          : 22px/32px 'Gulim', serif;
    text-transform: uppercase;
    color         : #fff;
    animation     : fadeOutRight 1s both;
    margin        : 0;
    font-weight   : 400;
    padding       : 0;
  }

  .Modern-Slider .item h5 {
    margin   : 0 auto;
    padding  : 0 40px;
    font     : 12px/24px "Gulim", sans-serif;
    color    : #fff;
    max-width: 400px;
    animation: fadeOutLeft 1s both;
  }

  .main-title {
    font-family: 'Gulim', serif;
    font-size  : 28px;
    color      : rgb(35 35 35);
  }

  .main-sub-title {
    /* padding  : 0 8%; */
    font-size: 12px;
  }

  .video-content p {
    display: none;
  }

  .video-box img {
    width     : 100%;
    height    : 200px;
    object-fit: cover;
    transition: all ease 0.3s;
  }

  .video-content {
    padding   : 15px 15px;
    position  : relative;
    background: #e6e6e6;
    left      : 0;
    right     : 0;
    margin    : 0 auto;
  }

  .view-more-info-btn {
    text-decoration: none;
    color          : #FF9800;
    font-size      : 0.97rem;
  }

  .video-box span {
    position        : absolute;
    width           : 40px;
    height          : 40px;
    text-align      : center;
    top             : calc(50% - 25px);
    left            : calc(53% - 25px);
    font-size       : 21px;
    line-height     : 38px;
    color           : #fff;
    border          : 3px solid #fff;
    border-radius   : 50px;
    background-color: #FF9800;
    transition      : all ease 0.3s;
  }

  .course-title {
    font-size  : 16px;
    font-weight: 500;
    color      : #000000;
    line-height: 24px;
  }

  .footer-link .link-list li p {
    font-size: 14px;
  }

  .footer-link .link-list li a {
    font-weight: 400;
    font-size  : 14px;
  }


  .about-content-img {
    padding: 0px;
  }

  .about-content-img .imgA1 {
    position: relative;
    width   : 100%;
    border  : 10px solid #f5f5f5;
    z-index : 1;
  }

  .about-content-img .imgB1 {
    position: relative;
    width   : 100%;
    top     : 0px;
    left    : 0px;
    overflow: hidden;
    height  : auto;
    border  : 10px solid #f5f5f5;
    z-index : 3;
  }
}