@charset "utf-8";
/**
*
* -----------------------------------------------------------------------------
*
* Template : Dlear - Education HTML Template
* Author : backtheme
* Author URI : https://backtheme.com/
*
* -----------------------------------------------------------------------------
*
**/
/* Table Of Content
---------------------------------------------------------
01. General CSS Here
02. Common Class CSS Here
03. Header Section CSS Here
04. Banner Section CSS Here
05. Slider Section CSS Here
06. Breadcrumbs Section CSS
07. Popular Topics CSS Here
08. About Section CSS Here
09. Course Filter CSS Here
10. Event Section CSS Here
11. Gallery Section CSS Here
12. Countdown Section CSS Here
13. Step Section CSS Here
14. Banner Two Section CSS Here
15. Top Cate Section CSS Here
16. Instructor Section CSS Here
17. Clients Section CSS Here
18. Newsletter Section CSS Here
19. Course Section CSS Here
20. Academic Section CSS Here
21. Cta Section CSS Here
22. Blog Section CSS Here
23. Services Section CSS Here
24. Class Section CSS Here
25. Pricing Section CSS Here
26. FAQ Section CSS Here
27. Testimonial Section CSS Here
28. Sidebar Section CSS Here
29. Profile Section CSS Here
30. Courses Section CSS Here
31. Blog Page CSS Here
32. Blog Details Page CSS
33. Login CSS Here
34. Contact Page CSS Here
35. Error Page CSS Here
36. Footer CSS Here
37. Preloader CSS Here
38. ScrollUp CSS Here


--------------------------------------------------------*/
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200;
  src: url(http://fonts.gstatic.com/s/manrope/v8/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk59FO_F.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 300;
  src: url(http://fonts.gstatic.com/s/manrope/v8/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk6jFO_F.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  src: url(http://fonts.gstatic.com/s/manrope/v8/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk79FO_F.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  src: url(http://fonts.gstatic.com/s/manrope/v8/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk7PFO_F.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  src: url(http://fonts.gstatic.com/s/manrope/v8/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk4jE-_F.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  src: url(http://fonts.gstatic.com/s/manrope/v8/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk59E-_F.ttf) format('truetype');
}
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 400;
  src: url(http://fonts.gstatic.com/s/dancingscript/v19/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSoHTQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 500;
  src: url(http://fonts.gstatic.com/s/dancingscript/v19/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BAyoHTQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 600;
  src: url(http://fonts.gstatic.com/s/dancingscript/v19/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7B7y0HTQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 700;
  src: url(http://fonts.gstatic.com/s/dancingscript/v19/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7B1i0HTQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100;
  src: url(http://fonts.gstatic.com/s/inter/v7/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyeMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 200;
  src: url(http://fonts.gstatic.com/s/inter/v7/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuDyfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  src: url(http://fonts.gstatic.com/s/inter/v7/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuOKfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url(http://fonts.gstatic.com/s/inter/v7/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url(http://fonts.gstatic.com/s/inter/v7/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuI6fMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url(http://fonts.gstatic.com/s/inter/v7/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuGKYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url(http://fonts.gstatic.com/s/inter/v7/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuFuYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  src: url(http://fonts.gstatic.com/s/inter/v7/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuDyYMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  src: url(http://fonts.gstatic.com/s/inter/v7/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuBWYMZg.ttf) format('truetype');
}
/*****************************************************
    01. General CSS Here
****************************/
html,
body {
  font-size: 16px;
  color: #252525;
  font-family: 'Manrope', sans-serif;
  vertical-align: baseline;
  font-weight: 400;
  overflow-x: hidden;
  line-height: 1.7;
}
img {
  max-width: 100%;
  height: auto;
}
p {
  margin: 0 0 26px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Manrope', sans-serif;
  color: #020334;
  margin: 0 0 26px;
  font-weight: 500;
  line-height: 1.2;
}
h1 {
  font-size: 60px;
}
h2 {
  font-size: 42px;
}
h3 {
  font-size: 30px;
}
h4 {
  font-size: 24px;
}
h5 {
  font-size: 18px;
}
h6 {
  font-size: 14px;
}
a {
  color: #294392;
  transition: all 0.5s ease 0s;
  text-decoration: none !important;
  outline: none !important;
}
a:active,
a:hover {
  text-decoration: none;
  outline: 0 none;
  color: #294392;
}
ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.pinkColor {
  color: #ee3688;
}
/*****************************************************
    02. Common Class CSS Here
****************************/
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.back-absolute {
  position: absolute;
}
.primary-color {
  color: #294392 !important;
}
.secondary-color {
  color: #11aba0 !important;
}
.white-color {
  color: #ffffff !important;
}
.normal {
  font-weight: 400;
}
.z-index-1 {
  position: relative;
  z-index: 1;
}
.no-padding {
  padding: 0;
}
.back__title__section h6 {
  font-size: 16px;
  color: #294392;
  font-weight: 500;
  margin: 0 0 15px;
}
.back__title__section h2 {
  font-size: 40px;
  font-weight: 800;
  color: #020334;
  margin: 0 0 60px;
}
.w-btn {
  cursor: pointer;
  font-size: 15px;
  color: #ffffff;
  background: #294392;
  border: 2px solid #ebebf1;
  text-align: center;
  padding: 0 30px;
  display: inline-block;
  font-weight: 600;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  -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;
}
.w-btn:hover {
  background-color: #ffffff;
  color: #020334;
}
.w-btn-2 {
  font-size: 15px;
  padding: 12px 37px;
  border: 2px solid #294392;
}
.w-btn-2:hover {
  border: 2px solid rgba(15, 22, 41, 0.078);
  background-color: #ffffff;
  color: #020334;
}
.w-btn-3 {
  padding: 7px 28px;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  border-radius: 22px;
  color: #ffffff;
  background: #294392;
  border: 2px solid #294392;
}
.w-btn-3:hover {
  border: 2px solid rgba(15, 22, 41, 0.078);
  background-color: #ffffff;
  color: #020334;
}
.w-btn-4 {
  padding: 8px 41px;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  border-radius: 22px;
  background: #ffffff;
  color: #020334;
  border: 2px solid rgba(15, 22, 41, 0.078);
}
.w-btn-4:hover {
  border-color: #294392;
  color: #ffffff;
  background: #294392;
}
.w-btn-5 {
  padding: 8px 31px;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  border-radius: 22px;
  background: #ffffff;
  color: #020334;
  border: 2px solid rgba(15, 22, 41, 0.078);
}
.w-btn-5:hover {
  border-color: #294392;
  color: #ffffff;
  background: #294392;
}
.w-btn-8 {
  color: #020334;
  background: #ffffff;
  padding: 3px 31px;
}
.w-btn-8:hover {
  border-color: #294392;
  color: #ffffff;
  background: #294392;
}
.w-btn-9 {
  padding: 7px 40px;
  -webkit-border-radius: 22px;
  -moz-border-radius: 22px;
  border-radius: 22px;
  color: #ffffff;
  background: #294392;
  border: 2px solid #294392;
}
.w-btn-9:hover {
  border: 2px solid rgba(15, 22, 41, 0.078);
  background-color: #ffffff;
  color: #020334;
}
.w-btn-11 {
  height: 40px;
  line-height: 36px;
  padding: 0 17px;
  background: #294392;
  color: #ffffff;
  border-radius: 6px;
  border: 2px solid #294392;
}
.w-btn-11:hover {
  border: 2px solid #ebebf1;
  background-color: transparent;
  color: #020334;
}
.w-btn-12 {
  height: 40px;
  line-height: 36px;
  padding: 0 17px;
  background: #fd4680;
  color: #ffffff;
  border-radius: 0px;
  border: 2px solid #fd4680;
}
.w-btn-12:hover {
  border: 2px solid #4917bf;
  background-color: transparent;
  color: #020334;
}
.w-btn-16 {
  padding: 9px 31px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background-color: #fd4680;
  color: #ffffff !important;
  border: 2px solid #fd4680;
}
.w-btn-16:hover {
  border: 2px solid #fd4680;
  color: #020334 !important;
  background-color: transparent;
}
.w-btn-blue {
  padding: 10px 20px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  background: #ffffff;
  color: #020334;
}
.w-btn-blue-header {
  height: 40px;
  padding: 0 20px;
  line-height: 40px;
  background: #ffffff;
  color: #020334;
  border: rgba(15, 22, 41, 0.078);
}
.w-btn-blue:hover {
  background-color: #294392;
}
.w-btn-blue-2 {
  padding: 10px 20px;
  background: #ffffff;
  color: #020334;
  border-color: rgba(15, 22, 41, 0.078);
}
.w-btn-blue-2:hover {
  border-color: rgba(15, 22, 41, 0.078);
  color: #ffffff;
}
.back-btn {
  background: #fb0067;
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  border-radius: 30px;
  display: inline-block;
  padding: 10px 38px;
  border: 2px solid #fb0067;
  transition: all 0.5s ease 0s;
}
.back-btn:hover {
  background: none;
  color: #294392;
}
.back-btn-border {
  background: #ffffff;
  border: 2px solid rgba(15, 22, 41, 0.078);
  font-size: 15px;
  font-weight: 600;
  border-radius: 30px;
  display: inline-block;
  padding: 10px 38px;
  transition: all 0.5s ease 0s;
  color: #020334;
}
.back-btn-border:hover {
  background: #294392;
  color: #ffffff;
  border-color: #294392;
}
/*****************************************************
    03. Header Section CSS Here
****************************/
.back-header {
  background: #ffffff;
  position: relative;
  z-index: 9999;
}
.back-header .back-inner-menus {
  display: contents;
}
.back-header .back-menus > li > a {
  font-family: 'Manrope', sans-serif;
}
.back-header .back-menus li a {
  color: #091524;
}
.back-header .back-menus li a:hover {
  color: #294392 !important;
}
.back-header .back-main-menu {
  position: relative;
}
.back-header .container {
  max-width: 1430px;
}
.back-header .logo {
  padding: 14px 0 14px 0;
}
.back-header.back-header-three .back-btn {
  border-radius: 23px;
  padding: 5px 12px;
  margin-left: 40px;
}
.back-header.back-header-three .back-login {
  font-size: 15px;
  font-weight: 500;
}
.back-header.back-header-three .back-login a {
  color: #020334;
}
.back-header.back-header-three .back-login a:hover {
  color: #294392;
}
.back-header.back-header-three .back-login svg {
  color: #020334;
  margin-right: 3px;
  position: relative;
  top: -3px;
  width: 19px;
}
.back-header.back-header-three.header-profile {
  box-shadow: 0px 10px 20px 0px rgba(0, 15, 56, 0.06);
}
.back-header.back-header-transparent {
  position: absolute;
  width: 100%;
  background: transparent;
}
.back-header.back-header-transparent .back-btn {
  background: #fd4680;
  border: none;
  border-radius: 0;
  padding: 8px 12px;
}
.back-header.back-header-transparent .back-btn:hover {
  color: #ffffff;
  opacity: .8;
}
.back-header.back-header-transparent .back-menus > li > a {
  color: #ffffff;
}
.back-header.back-header-transparent.back-header .back-menus li a:hover {
  color: #fd4680 !important;
}
.back-header.back-header-transparent.back-sticky {
  background: #4917be;
}
.back-header.back-inner-header {
  position: absolute;
  width: 100%;
  background: transparent;
}
.back-header.back-inner-header .back-menus > li > a,
.back-header.back-inner-header .back-login svg,
.back-header.back-inner-header .back-btn:hover,
.back-header.back-inner-header .back-login a {
  color: #ffffff;
}
.back-header.back-inner-header .back-login a {
  color: #ffffff;
}
.back-header.back-inner-header .back-login a:hover {
  color: #ffffff;
  opacity: .8;
}
.back-header.back-inner-header .back-btn {
  background: #ffffff;
  border: none;
  padding: 8px 22px;
  color: #020334;
}
.back-header.back-inner-header .back-btn:hover {
  color: #294392;
}
.back-header.back-inner-header.back-header .back-menus li a:hover {
  color: #fd4680 !important;
}
.back-header.back-inner-header.back-sticky {
  background: #1443a6;
}
.back-header.back-sticky {
  background: #ffffff;
  position: fixed !important;
  width: 100%;
  -webkit-animation: stickyanimations 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: stickyanimations 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  box-shadow: 10px 0 20px rgba(8, 0, 41, 0.08);
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
}
.back-header.back-sticky .toolbar-area {
  display: none;
}
.back-header .menu-title {
  font-size: 18px;
  font-weight: 700;
  color: #020334;
}
.back-header .searchbar-part {
  display: flex;
  align-items: center;
}
.back-header .searchbar-part .back-category-menu {
  border: 2px solid #f3f3f5;
  border-radius: 30px 0 0 30px;
  padding: 6px 18px 8px 25px;
  background: #f3f3f5;
}
.back-header .searchbar-part .back-category-menu li {
  position: relative;
  cursor: pointer;
  font-size: 15px;
  font-weight: 600;
}
.back-header .searchbar-part .back-category-menu li a {
  color: #091524;
}
.back-header .searchbar-part .back-category-menu li a:hover {
  color: #690f95;
}
.back-header .searchbar-part .back-category-menu li a i {
  font-size: 22px;
  position: relative;
  top: 4px;
}
.back-header .searchbar-part .back-category-menu li ul {
  position: absolute;
  left: -20px;
  top: 100%;
  width: 172px;
  transform: scaleY(0);
  transition: all 0.4s ease-in-out 0s;
  transform-origin: 0 0 0;
  opacity: 0;
  visibility: hidden;
  padding: 20px 20px 23px 20px;
  background: #fff;
}
.back-header .searchbar-part .back-category-menu li ul li {
  padding: 3px 0;
}
.back-header .searchbar-part .back-category-menu li:hover ul {
  transform: scaleY(1);
  opacity: 1;
  visibility: visible;
}
.back-header .searchbar-part .back-category-menu li:hover ul li {
  font-size: 15px;
}
.back-header .searchbar-part .search-form {
  border: 2px solid #f3f3f5;
  border-radius: 0 30px 30px 0;
  padding: 7px 18px 9px 25px;
  border-left: 0;
}
.back-header .searchbar-part .search-form [type="text"] {
  border: none;
  color: #4b5b70;
  font-size: 14px;
  outline: none;
}
.back-header .searchbar-part .search-form button {
  border: none;
  background: none;
  padding: 0;
}
.back-sub-shadow li ul.sub-menu {
  box-shadow: 0px 30px 30px 0px rgba(10, 0, 45, 0.1);
}
@-webkit-keyframes stickyanimations {
  0% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes stickyanimations {
  0% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
/*****************************************************
    04. Banner Section CSS Here
****************************/
.home-banner-part {
  position: relative;
}
.home-banner-part .container {
  max-width: 1430px;
}
.home-banner-part .back__shape__1 {
  position: absolute;
  left: 100px;
  top: 80px;
  -webkit-animation: slide-top 5000ms linear infinite alternate;
  animation: slide-top 5000ms linear infinite alternate;
}
.home-banner-part .back__shape__2 {
  position: absolute;
  left: -240px;
  bottom: 80px;
  -webkit-animation: slide-top 5500ms linear infinite alternate-reverse;
  animation: slide-top 5500ms linear infinite alternate-reverse;
}
.home-banner-part .back__shape__3 {
  position: absolute;
  right: -35px;
  top: 80px;
  -webkit-animation: slide-top 5500ms linear infinite alternate-reverse;
  animation: slide-top 5500ms linear infinite alternate-reverse;
}
.home-banner-part .back__shape__4 {
  position: absolute;
  right: 250px;
  bottom: 190px;
  -webkit-animation: rotate-center 6600ms ease-in-out infinite alternate both;
  animation: rotate-center 6600ms ease-in-out infinite alternate both;
}
.home-banner-part .back__shape__5 {
  position: absolute;
  right: 460px;
  top: 160px;
}
.home-banner-part .banner-content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.home-banner-part .banner-content .banner-title {
  font-size: 54px;
  margin-bottom: 15px;
  color: #091524;
  line-height: 64px;
  font-weight: 800;
  letter-spacing: -0.9px;
}
.home-banner-part .banner-content .banner-desc {
  font-size: 18px;
  color: #3e3e51;
}
.home-banner-part .banner-content .back-btn {
  padding: 12px 38px;
}
.home-banner-part .back__hero__card {
  position: absolute;
  top: 280px;
  right: 172px;
  width: 310px;
  background-color: #ffffff;
  border: 1px solid #ebebf1;
  box-shadow: 0px 20px 60px 0px rgba(0, 15, 56, 0.1);
  border-radius: 10px;
  -webkit-animation: slide-top 5500ms linear infinite alternate;
  animation: slide-top 5500ms linear infinite alternate;
}
.home-banner-part .back__hero__card .back__thumb {
  position: relative;
}
.home-banner-part .back__hero__card .back__thumb img {
  border-radius: 12px 12px 0 0;
}
.home-banner-part .back__hero__card .back__thumb .back__price {
  border-radius: 50%;
  background-color: #690f95;
  width: 50px;
  height: 50px;
  position: absolute;
  right: 29px;
  bottom: -23px;
  display: inline-block;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  line-height: 50px;
  text-align: center;
}
.home-banner-part .back__hero__card .hero__card-content {
  padding: 30px;
}
.home-banner-part .back__hero__card .hero__card-content .back-category {
  font-size: 14px;
  line-height: 28px;
  color: #f11e78;
  background-color: rgba(241, 30, 120, 0.059);
  border-radius: 12px;
  padding: 4px 14px;
}
.home-banner-part .back__hero__card .hero__card-content .back-course-title {
  font-size: 20px;
  line-height: 1.5;
  margin: 14px 0 16px;
  font-weight: 800;
}
.home-banner-part .back__hero__card .hero__card-content .back-course-title a {
  color: #0f1629;
}
.home-banner-part .back__hero__card .hero__card-content .back-course-title a:hover {
  color: #690f95;
}
.home-banner-part .back__hero__card .hero__card-content .hero__card-icon {
  justify-content: space-between;
}
.home-banner-part .back__hero__card .hero__card-content .hero__card-icon .hero__card-icon--1 svg {
  border-radius: 50%;
  background-color: #f2f6fe;
  padding: 7px;
  width: 32px;
  height: 32px;
  color: #690f95;
}
.home-banner-part .back__hero__card .hero__card-content .hero__card-icon .hero__card-icon--1 span {
  font-weight: 500;
  font-size: 15px;
  color: #4b4c57;
  padding-left: 7px;
}
.home-banner-part .back__hero__card .hero__card-content .hero__card-icon .hero__card-icon--2 svg {
  border-radius: 50%;
  background-color: #fff9f1;
  padding: 7px;
  width: 32px;
  height: 32px;
  color: #ff9415;
}
.home-banner-part .back__hero__card .hero__card-content .hero__card-icon .hero__card-icon--2 span {
  font-weight: 500;
  font-size: 15px;
  color: #4b4c57;
  padding-left: 7px;
}
.home-banner-part .back__hero__card .hero__card-content .hero__card-icon .back__user img {
  width: 35px;
  border-radius: 50%;
}
@-webkit-keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes slide-top {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }
}
@keyframes slide-top {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
  }
}
.hero4__area {
  overflow: hidden;
  position: relative;
  background: url(assets/images/kids/hero/01.png) no-repeat center top;
  background-size: cover;
}
.hero4__area .container.hero4__width {
  max-width: 1200px;
}
.hero4__area .container.hero4__width .row {
  align-items: center;
}
.hero4__area .hero4__content span {
  font-family: "Dancing Script", "cursive";
  font-size: 24px;
  font-weight: 700;
  color: #fd4680;
}
.hero4__area .hero4__content h1 {
  font-size: 70px;
  line-height: 80px;
  font-weight: 800;
  color: #ffffff;
  padding-bottom: 8px;
}
.hero4__area .hero4__content p {
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  color: #ffffff;
  padding-bottom: 16px;
}
.hero4__area .hero4__content .hero4-btn {
  font-size: 15px;
  background-color: transparent;
  color: #ffffff;
  border: 2px solid rgba(255, 255, 255, 0.2);
  text-align: center;
  padding: 10px 34px;
  display: inline-block;
  font-weight: 600;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -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;
}
.hero4__area .hero4__content .hero4-btn:hover {
  border: 2px solid rgba(255, 255, 255, 0.2);
  background-color: #fd4680;
  color: #ffffff;
}
.hero4__area .hero4__image {
  padding-top: 210px;
  padding-left: 76px;
}
.hero4__area .hero4__image-1 {
  position: relative;
  z-index: 1;
}
.hero4__area .hero4__image-2 {
  position: absolute;
  top: 21%;
  right: 17.4%;
  -webkit-animation: hero3-image 3s linear infinite alternate;
  -moz-animation: hero3-image 3s linear infinite alternate;
  -o-animation: hero3-image 3s linear infinite alternate;
  animation: hero3-image 3s linear infinite alternate;
}
.hero4__area .hero4__image-course {
  border-radius: 50%;
  position: absolute;
  box-shadow: 0px 30px 40px 0px rgba(122, 0, 39, 0.2);
  background-color: #fd467f;
  top: 69.5%;
  right: 71.5%;
  width: 150px;
  height: 150px;
  -webkit-animation: hero3-image 3s linear infinite alternate;
  -moz-animation: hero3-image 3s linear infinite alternate;
  -o-animation: hero3-image 3s linear infinite alternate;
  animation: hero3-image 3s linear infinite alternate;
}
.hero4__area .hero4__image-course-1 span {
  position: absolute;
  font-size: 40px;
  line-height: 20px;
  font-weight: 800;
  color: #ffffff;
  top: 35%;
  left: 20%;
}
.hero4__area .hero4__image-course-2 span {
  position: absolute;
  font-size: 15px;
  line-height: 20px;
  font-weight: 800;
  color: #ffffff;
  top: 54%;
  left: 29%;
}
.hero4__area .hero4__shape img {
  position: absolute;
  z-index: 1;
}
.hero4__area .hero4__shape-1 {
  bottom: 8%;
  left: 9%;
  -webkit-animation: hero-leaf 3s linear infinite alternate;
  -moz-animation: hero-leaf 3s linear infinite alternate;
  -o-animation: hero-leaf 3s linear infinite alternate;
  animation: hero-leaf 3s linear infinite alternate;
}
.hero4__area .hero4__shape-2 {
  top: 21%;
  left: 0%;
  -webkit-animation: hero-leaf-2 3s linear infinite alternate;
  -moz-animation: hero-leaf-2 3s linear infinite alternate;
  -o-animation: hero-leaf-2 3s linear infinite alternate;
  animation: hero-leaf-2 3s linear infinite alternate;
}
@keyframes hero-leaf {
  0% {
    transform: translateY(-50px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes hero-leaf-2 {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-30px);
  }
}
@keyframes hero3-image {
  0% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes hero-leaf-4 {
  0% {
    transform: translateX(-30px);
  }
  100% {
    transform: translateX(0px);
  }
}
.owl-controls {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  width: 1170px;
}
.owl-controls .owl-dots {
  position: absolute;
  bottom: 0;
  left: 0;
}
.owl-controls .owl-dots .owl-dot {
  display: inline-block;
  margin-right: 10px;
}
.owl-controls .owl-dots .owl-dot span {
  display: inline-block;
  height: 15px;
  width: 15px;
  background: transparent;
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-radius: 100%;
  transition: all 0.5s ease 0s;
}
.owl-controls .owl-dots .owl-dot.active span {
  background: #ffffff;
}
.owl-controls .owl-dots .owl-dot:last-child {
  border-right: none;
}
.owl-controls .owl-nav {
  display: none;
}
/*****************************************************
    05. Slider Section CSS Here
****************************/
.home-slider-part {
  position: relative;
}
.home-slider-part .slider-content {
  position: absolute;
  top: 42%;
  transform: translateY(-50%);
}
.home-slider-part .slider-content .slider-title {
  font-size: 64px;
  margin-bottom: 15px;
  color: #ffffff;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -0.9px;
}
.home-slider-part .slider-content .slider-pretitle {
  display: block;
  font-size: 14px;
  color: #ffffff;
  margin-bottom: 22px;
  font-weight: 500;
}
.home-slider-part .slider-content .slider-desc {
  font-size: 18px;
  color: #ffffff;
}
.home-slider-part .slider-content .slider-btn {
  margin-top: 45px;
}
.home-slider-part .slider-content .slider-btn .back-btn-border {
  background: none;
  border: 2px solid rgba(255, 255, 255, 0.141);
  color: #ffffff;
}
.home-slider-part .slider-content .slider-btn .back-btn-border:hover {
  background: #ffffff;
  color: #690f95;
}
.home-slider-part.home2.owl-carousel .owl-controls {
  position: unset;
  transform: unset;
  width: auto;
}
.home-slider-part.home2.owl-carousel .owl-dots {
  display: none !important;
}
.home-slider-part.home2.owl-carousel .owl-nav {
  position: absolute;
  display: block;
  top: 50%;
  right: unset;
  width: 100%;
  opacity: 1;
  transition: all 0.5s ease 0s;
}
.home-slider-part.home2.owl-carousel .owl-nav [class*="owl-"] {
  position: absolute;
  left: 20px;
  display: inline-block;
  font-size: 0;
  width: 70px;
  height: 70px;
  line-height: 70px;
  color: #ffffff;
  background: transparent;
  border: 2px solid rgba(245, 245, 245, 0.08);
  border-radius: 100%;
  transition: all 0.5s ease 0s;
}
.home-slider-part.home2.owl-carousel .owl-nav [class*="owl-"]:before {
  content: "\24";
  font-family: ElegantIcons;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 21px;
  font-weight: 700;
}
.home-slider-part.home2.owl-carousel .owl-nav [class*="owl-"].owl-next {
  left: auto;
  right: 70px;
}
.home-slider-part.home2.owl-carousel .owl-nav [class*="owl-"].owl-prev {
  left: 70px;
  right: auto;
}
.home-slider-part.home2.owl-carousel .owl-nav [class*="owl-"].owl-prev:before {
  content: '\23';
}
.home-slider-part.home2.owl-carousel .owl-nav [class*="owl-"]:hover {
  color: #11aba0;
  background: #ffffff;
  border-color: #ffffff;
}
.back-slider-part {
  position: relative;
}
.back-slider-part .slider__btm__part {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.back-slider-part .hero2__change-1 {
  border-radius: 50%;
  background-color: transparent;
  width: 50px;
  height: 50px;
  position: absolute;
  right: 13.3%;
  top: 33%;
  border: 2px solid rgba(255, 255, 255, 0.141);
}
.back-slider-part .hero2__change-1-item {
  font-size: 18px;
  font-weight: 800;
  color: #ffffff;
  position: absolute;
  top: 15px;
  left: 14px;
}
.back-slider-part .hero2__change-1:hover {
  background-color: #ffffff;
}
.back-slider-part .hero2__change-1:hover i {
  color: #000000;
}
.back-slider-part .hero2__change-2 {
  border-radius: 50%;
  background-color: transparent;
  width: 50px;
  height: 50px;
  position: absolute;
  right: 13.3%;
  top: 40%;
  border: 2px solid rgba(255, 255, 255, 0.141);
}
.back-slider-part .hero2__change-2-item {
  font-size: 18px;
  font-weight: 800;
  color: #ffffff;
  position: absolute;
  top: 15px;
  left: 14px;
}
.back-slider-part .hero2__change-2:hover {
  background-color: #ffffff;
}
.back-slider-part .hero2__change-2:hover i {
  color: #000000;
}
.back-slider-part .hero2__nav-content-1 {
  background-color: rgba(228, 49, 112, 0.8);
}
.back-slider-part .hero2__nav-content-2 {
  background-color: rgba(71, 50, 133, 0.8);
}
.back-slider-part .hero2__nav-content-3 {
  background-color: rgba(205, 165, 97, 0.8);
}
.back-slider-part .hero2__nav-content-4 {
  background-color: rgba(42, 109, 245, 0.8);
}
.back-slider-part .hero2__nav-content {
  padding: 42px 0 26px 40px;
}
.back-slider-part .hero2__nav-content h4 {
  font-size: 26px;
  font-weight: 800;
  margin: 0 0 16px;
  color: #ffffff;
}
.back-slider-part .hero2__nav-content p {
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
}
.back-slider-part .hero2__nav-content i {
  color: #ffffff;
  font-size: 20px;
}
/*****************************************************
    06. Breadcrumbs Section CSS
****************************/
.back-breadcrumbs .breadcrumbs-wrap {
  position: relative;
  overflow: hidden;
}
.back-breadcrumbs .breadcrumbs-wrap .container {
  position: relative;
}
.back-breadcrumbs .breadcrumbs-wrap .breadcrumbs-inner {
  width: 100%;
  position: absolute;
  top: 57%;
  transform: translateY(-57%);
}
.back-breadcrumbs .breadcrumbs-wrap .breadcrumbs-inner .breadcrumbs-text {
  text-align: center;
}
.back-breadcrumbs .breadcrumbs-wrap .breadcrumbs-inner .breadcrumbs-text .breadcrumbs-title {
  width: 100%;
  font-size: 60px;
  text-transform: capitalize;
  color: #ffffff;
  font-weight: 700;
  line-height: 1;
  margin: 0;
}
.back-breadcrumbs .breadcrumbs-wrap .breadcrumbs-inner .breadcrumbs-text .back-nav ul li {
  display: inline;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  opacity: .8;
}
.back-breadcrumbs .breadcrumbs-wrap .breadcrumbs-inner .breadcrumbs-text .back-nav ul li a {
  color: #fff;
}
.back-breadcrumbs .breadcrumbs-wrap .breadcrumbs-inner .breadcrumbs-text .back-nav ul li a:hover {
  opacity: 0.7;
}
.back-breadcrumbs .breadcrumbs-wrap .breadcrumbs-inner .breadcrumbs-text .back-nav ul li:after {
  content: "";
  margin: 0 6px 0 12px;
  background: #ffffff;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  display: inline-block;
}
.back-breadcrumbs .breadcrumbs-wrap .breadcrumbs-inner .breadcrumbs-text .back-nav ul li:last-child:after {
  content: unset;
  margin: 0;
}
.back-breadcrumbs.back-breadcrumbs-single .container {
  max-width: 1200px;
}
.back-breadcrumbs.back-breadcrumbs-single .container .single-cate {
  background: #ffffff;
  color: #020334;
  display: inline-block;
  padding: 4px 18px;
  border-radius: 30px;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 20px;
}
.back-breadcrumbs.back-breadcrumbs-single .back-breadcrumbs .breadcrumbs-wrap .breadcrumbs-inner {
  top: 61%;
}
.back-breadcrumbs.back-breadcrumbs-single .breadcrumbs-wrap .breadcrumbs-inner .breadcrumbs-text {
  text-align: left;
}
.back-breadcrumbs.back-breadcrumbs-blog-single .container {
  max-width: 1200px;
}
.back-breadcrumbs.back-breadcrumbs-blog-single .breadcrumbs-wrap .breadcrumbs-inner .breadcrumbs-text {
  text-align: left;
}
.back-breadcrumbs.back-breadcrumbs-blog-single .breadcrumbs-wrap .breadcrumbs-inner .breadcrumbs-text span {
  font-size: 16px;
  color: #ffffff;
  margin-bottom: 15px;
  display: block;
}
.back-breadcrumbs.back-breadcrumbs-blog-single .breadcrumbs-wrap .breadcrumbs-inner .breadcrumbs-text .back-nav ul li {
  font-size: 14px;
  color: #ffffff;
  margin-right: 30px;
  opacity: 1;
}
.back-breadcrumbs.back-breadcrumbs-blog-single .breadcrumbs-wrap .breadcrumbs-inner .breadcrumbs-text .back-nav ul li svg {
  width: 17px;
  height: 17px;
  margin-right: 4px;
  position: relative;
  top: -2px;
}
.back-breadcrumbs.back-breadcrumbs-blog-single .breadcrumbs-wrap .breadcrumbs-inner .breadcrumbs-text .back-nav ul li:after {
  display: none;
}
.category__area {
  padding: 115px 0 125px 0;
}
.category__area .container.category__width {
  max-width: 1030px;
  position: relative;
}
.category__area .container.category__width:before {
  content: "";
  position: absolute;
  width: 300px;
  height: 300px;
  bottom: -21px;
  left: 0;
  right: 0;
  background: #eef4fe;
  border-radius: 50%;
  margin: 0 auto;
}
.category__area .container.category__width .row {
  justify-content: center;
}
.category__area .category__top-wrapper {
  padding-bottom: 38px;
}
.category__area .category__top-wrapper-1 {
  font-size: 16px;
  font-weight: 600;
  color: #3563cc;
}
.category__area .category__top-wrapper-2 {
  font-size: 40px;
  font-weight: 800;
  line-height: 50px;
  color: #020334;
}
.category__area .category__wrapper {
  max-width: 100%;
  padding: 8px 22px 8px 22px;
  border-radius: 6px;
  background-color: white;
  box-shadow: 0px 30px 40px 0px rgba(0, 16, 35, 0.12);
  display: flex;
  align-items: center;
}
.category__area .category__wrapper img {
  display: inline-block;
  width: 34px;
  height: 34px;
}
.category__area .category__wrapper img:not(:last-child) {
  margin-right: 10px;
}
.category__area .category__wrapper h4 {
  display: inline-block;
  font-size: 16px;
  font-weight: 800;
  line-height: 50px;
  vertical-align: sub;
  margin: 0;
}
.category__area .category__wrapper h4 a {
  color: #020334;
}
.category__area .category__wrapper:hover a {
  color: #690f95;
}
.category__area .category__wrapper.category__wrapper2 img {
  height: 36px;
}
.category__area .category__wrapper.category__wrapper6 img {
  height: 29px;
}
.category__area .category__inner {
  position: relative;
  z-index: 1;
  transition: all 0.5s ease 0s;
  cursor: pointer;
  border-left: 3px solid #ffffff;
  border-radius: 6px;
}
.category__area .category__inner:hover {
  transform: translateY(-2px);
  border-color: #690f95;
}
.back-logo-area.brand__area {
  padding: 0 0 120px;
}
.back-logo-area.brand__area .brand__width {
  background: #f6f6fb;
  max-width: 1170px;
  margin: 0 auto;
  padding: 45px 0 70px;
  border-radius: 12px;
}
.back-logo-area .brand__title {
  padding: 5px;
  display: inline-block;
  font-size: 24px;
  font-weight: 800;
  line-height: 50px;
  color: #020334;
}
.back-logo-area .brand__slider {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.back-logo-area .brand__slider .brand__item {
  padding: 0 40px;
}
/*****************************************************
    07. Popular Topics CSS Here
****************************/
.back_popular_topics .container {
  max-width: 1200px;
}
.back_popular_topics .item__inner {
  border: 2px solid rgba(15, 22, 41, 0.078);
  border-radius: 6px;
  padding: 50px 35px 40px 35px;
  position: relative;
  transition: all 0.5s ease 0s;
  margin-bottom: 30px;
}
.back_popular_topics .item__inner:before {
  position: absolute;
  content: "";
  left: 0px;
  right: 0;
  top: -3px;
  border-radius: 6px 6px 0 0;
  height: 8px;
  width: 100%;
  z-index: 1;
  border-top: 3px solid #690f95;
  transition: all 0.5s ease 0s;
  opacity: 0;
}
.back_popular_topics .item__inner h3 {
  font-size: 20px;
  font-weight: 800;
  line-height: 26px;
  margin: 35px 0 15px;
}
.back_popular_topics .item__inner h3 a {
  color: #020334;
}
.back_popular_topics .item__inner h3 a:hover {
  color: #690f95;
}
.back_popular_topics .item__inner p {
  font-size: 15px;
  color: #4b4c57;
  margin: 0;
}
.back_popular_topics .item__inner:hover {
  box-shadow: 0px 30px 50px 0px rgba(0, 15, 56, 0.1), inset 0px 3px 0px 0px rgba(42, 109, 245, 0.004);
  border-color: #ffffff;
}
.back_popular_topics .item__inner:hover:before {
  opacity: 1;
}
/*****************************************************
    08. About Section CSS Here
****************************/
.about2__area h6 {
  font-size: 16px;
  font-weight: 600;
  color: #690f95;
}
.about2__area .about__image {
  position: relative;
}
.about2__area .back__shape__1 {
  position: absolute;
  left: 0;
  top: 60px;
  -webkit-animation: slide-top 5000ms linear infinite alternate;
  animation: slide-top 5000ms linear infinite alternate;
  z-index: -1;
}
.about2__area .back__shape__2 {
  position: absolute;
  right: -31px;
  bottom: 50px;
  -webkit-animation: slide-top 5000ms linear infinite alternate-reverse;
  animation: slide-top 5000ms linear infinite alternate-reverse;
  z-index: -1;
}
.about2__area ul {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.about2__area ul li {
  float: left;
  width: 36%;
  font-size: 16px;
  color: #3e3e51;
  font-weight: 700;
  padding-bottom: 25px;
}
.about2__area ul li i {
  margin-right: 10px;
  position: relative;
  background: linear-gradient(120deg, #84bcfa 0%, #2b70fa 23%);
  padding: 8px;
  color: #ffffff;
  border-radius: 50%;
  box-shadow: 0px 6px 10px 0px rgba(16, 73, 189, 0.3);
  display: inline-block;
  margin-left: 5px;
}
.about__area-width {
  max-width: 1170px;
}
.about__area .about-shadow {
  border-radius: 10px;
  box-shadow: 0px 40px 70px 0px rgba(0, 15, 56, 0.1);
  align-items: center;
}
.about__area .about__image {
  margin-left: -12px;
}
.about__area .about__image img {
  border-radius: 10px 0 0 10px;
}
.about__area .about__content {
  padding: 40px 0 40px 0px;
}
.about__area .about__content .about__title {
  font-size: 40px;
  font-weight: 800;
  line-height: 50px;
  padding-bottom: 4px;
  color: #020334;
}
.about__area .about__content .about__paragraph {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  padding-bottom: 1px;
  color: #4b4c57;
}
.about__area .about__content .about__signature {
  padding-bottom: 30px;
}
.about4__area {
  overflow: hidden;
  position: relative;
}
.about4__container {
  display: flex;
}
.about4__content {
  margin-bottom: 30px;
}
.about4__wrapper {
  padding-left: 100px;
  padding-top: 87px;
}
.about4__pre-title {
  font-family: "Dancing Script", "cursive";
  font-size: 24px;
  font-weight: 700;
  color: #fd4680;
}
.about4__title {
  margin: 5px 0 15px;
  font-size: 40px;
  line-height: 50px;
  font-weight: 800;
  color: #020334;
}
.about4__paragraph {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  color: #4b4b57;
}
.about4__icon {
  display: flex;
  margin-bottom: 20px;
}
.about4__icon-1--wrapper {
  display: flex;
}
.about4__icon-1--wrapper-1 {
  margin-bottom: 30px;
  position: relative;
  background-color: #eef4fe;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.about4__icon-1--wrapper-1 img {
  position: absolute;
  height: 17px;
  left: 7px;
  top: 7px;
  color: #690f95;
}
.about4__icon-1--wrapper-2 h4 {
  padding-top: 5px;
  font-size: 16px;
  font-weight: 800;
  color: #3e3e51;
}
.about4__icon-2--wrapper {
  display: flex;
}
.about4__icon-2--wrapper-1 {
  margin-bottom: 30px;
  position: relative;
  background-color: #eef4fe;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.about4__icon-2--wrapper-1 img {
  position: absolute;
  height: 17px;
  left: 7px;
  top: 7px;
}
.about4__icon-2--wrapper-2 h4 {
  padding-top: 5px;
  font-size: 16px;
  font-weight: 800;
  color: #3e3e51;
}
.about4__btn a {
  font-size: 15px;
  color: #020334;
}
.about4__shape img {
  position: absolute;
}
.about4__shape .about4-shape-1 {
  z-index: -1;
  top: 48%;
  left: 9%;
  -webkit-animation: about2-shape-1 3s linear infinite alternate;
  -moz-animation: about2-shape-1 3s linear infinite alternate;
  -o-animation: about2-shape-1 3s linear infinite alternate;
  animation: about2-shape-1 3s linear infinite alternate;
}
.about4__shape .about4-shape-2 {
  z-index: -2;
  top: 8%;
  right: 21%;
  -webkit-animation: about2-shape-1 3s linear infinite alternate;
  -moz-animation: about2-shape-1 3s linear infinite alternate;
  -o-animation: about2-shape-1 3s linear infinite alternate;
  animation: about2-shape-1 3s linear infinite alternate;
}
.about4__shape .about4-shape-3 {
  z-index: -1;
  top: 82%;
  right: 11%;
  -webkit-animation: about2-shape-3 3s linear infinite alternate;
  -moz-animation: about2-shape-3 3s linear infinite alternate;
  -o-animation: about2-shape-3 3s linear infinite alternate;
  animation: about2-shape-3 3s linear infinite alternate;
}
@keyframes about2-shape-1 {
  0% {
    transform: translateY(-30px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes about2-shape-3 {
  0% {
    transform: translateY(-30px);
  }
  100% {
    transform: translateY(0px);
  }
}
/*****************************************************
    09. Course Filter CSS Here
****************************/
.back-course-filter {
  background: #eef1f6;
}
.back-course-filter .container {
  max-width: 1200px;
}
.back-course-filter .back-filter {
  padding-bottom: 65px;
}
.back-course-filter .back-filter button {
  border: none;
  margin: 0 0 0 15px;
  color: #020334;
  padding: 4px 30px 6px;
  border-radius: 30px;
  font-weight: 600;
  transition: all 0.5s ease 0s;
  background: #ffffff;
}
.back-course-filter .back-filter button:hover {
  background: #690f95;
  color: #ffffff;
}
.back-course-filter .back-filter button.active {
  background: #690f95;
  color: #ffffff;
}
.back-course-filter .single-studies {
  margin-bottom: 25px;
}
.back-course-filter .single-studies .inner-course {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  background: #ffffff;
  border-radius: 10px;
}
.back-course-filter .single-studies .inner-course .case-img {
  flex: 0 0 35%;
}
.back-course-filter .single-studies .inner-course .case-img img {
  border-radius: 10px 0 0 10px;
}
.back-course-filter .single-studies .inner-course .case-content {
  padding-left: 40px;
  padding-top: 11px;
}
.back-course-filter .single-studies .inner-course .case-content .case-title {
  margin: 14px 0 30px;
  font-size: 20px;
  font-weight: 800;
}
.back-course-filter .single-studies .inner-course .case-content .case-title a {
  color: #020334;
}
.back-course-filter .single-studies .inner-course .case-content .case-title a:hover {
  color: #690f95;
}
.back-course-filter .single-studies .inner-course .case-content .back__user {
  font-size: 15px;
  color: #0f1629;
  font-weight: 600;
}
.back-course-filter .single-studies .inner-course .case-content .back__user img {
  margin-right: 12px;
  height: 30px;
}
.back-course-filter .single-studies .inner-course .case-content .back-ratings {
  border-top: 1px solid #eee;
  margin-top: 40px;
  padding-top: 14px;
  justify-content: space-between;
}
.back-course-filter .single-studies .inner-course .case-content .back-ratings li:last-child {
  padding-right: 0;
}
.back-course-filter .single-studies .inner-course .case-content ul {
  display: flex;
}
.back-course-filter .single-studies .inner-course .case-content ul li {
  display: flex;
  align-items: center;
  font-size: 15px;
  color: #484959;
  font-weight: 500;
  padding-right: 45px;
}
.back-course-filter .single-studies .inner-course .case-content ul li svg {
  border-radius: 50%;
  background-color: rgba(42, 109, 245, 0.06);
  padding: 7px;
  width: 32px;
  height: 32px;
  color: #690f95;
  margin-right: 14px;
}
.back-course-filter .single-studies .inner-course .case-content ul li.back-book svg {
  border-radius: 50%;
  background-color: rgba(42, 109, 245, 0.06);
  padding: 7px;
  width: 32px;
  height: 32px;
  color: #690f95;
}
.back-course-filter .single-studies .inner-course .case-content ul.back-ratings li svg {
  border-radius: 50%;
  background-color: rgba(255, 148, 21, 0.06);
  padding: 7px;
  width: 32px;
  height: 32px;
  color: #ff9415;
}
.back-course-filter.back__course__page_list {
  background: #ffffff;
}
.back-course-filter.back__course__page_list .single-studies .inner-course {
  border-radius: 0;
  box-shadow: 0 16px 25px rgba(0, 0, 0, 0.06);
}
.back-course-filter.back__course__page_list .single-studies {
  margin-bottom: 30px;
}
.back-course-filter.back__course__page_list .single-studies .inner-course .case-img img {
  border-radius: 0;
}
.back-course-filter.back__course__page_list .single-studies .inner-course .case-content {
  flex: 0 0 58%;
}
.back-course-filter.back__course__page_list .shorting__course {
  background: #eef1f5;
  margin-left: 0px;
  margin-right: 0px;
  padding: 15px 20px;
  border-radius: 2px;
}
.back-course-filter.back__course__page_list .shorting__course .all__icons {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.back-course-filter.back__course__page_list .shorting__course .all__icons svg {
  cursor: pointer;
}
.back-course-filter.back__course__page_list .shorting__course .all__icons svg.feather-grid {
  background: #690f95;
  color: #fff;
  border-radius: 4px;
  padding: 6px;
  height: 32px;
  width: 32px;
  margin-right: 22px;
}
.back-course-filter.back__course__page_list .shorting__course .all__icons svg.feather-list {
  color: #5c5c68;
  width: 28px;
  height: 28px;
}
.back-course-filter.back__course__page_list .shorting__course .all__icons .result-count {
  padding-left: 40px;
  color: #5c5c68;
  font-size: 15px;
  font-weight: 600;
}
.back-course-filter.back__course__page_list .shorting__course .from-control {
  background: #ffffff;
  border: none;
  padding: 10px 15px;
  border-radius: 6px;
  color: #5c5c68;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  border-right: 15px solid #fff;
}
.back-course-filter.back__course__page_list .course__item .course__thumb img,
.back-course-filter.back__course__page_list .course__item {
  border-radius: 2px;
}
.back-course-filter2 {
  background: #fff;
}
.back-course-filter2 .container {
  max-width: 1200px;
}
.back-course-filter2 .back-filter {
  padding-bottom: 65px;
}
.back-course-filter2 .back-filter button {
  border: 2px solid rgba(2, 3, 52, 0.102);
  margin: 0 0 0 5px;
  color: #020334;
  padding: 4px 20px 6px;
  border-radius: 6px;
  font-weight: 600;
  transition: all 0.5s ease 0s;
  background: none;
  font-size: 14px;
}
.back-course-filter2 .back-filter button:hover {
  background: #690f95;
  color: #ffffff;
}
.back-course-filter2 .back-filter button.active {
  background: #690f95;
  color: #ffffff;
}
.back-course-filter2 .single-studies {
  margin-bottom: 25px;
}
.back-course-filter2 .single-studies .inner-course {
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0 0 25px #eee;
}
.back-course-filter2 .single-studies .inner-course .case-img img {
  border-radius: 10px 10px 0 0;
}
.back-course-filter2 .single-studies .inner-course .case-content .inner-content {
  padding: 30px;
}
.back-course-filter2 .single-studies .inner-course .case-content .case-title {
  margin: 20px 0 12px;
  font-size: 20px;
  font-weight: 800;
}
.back-course-filter2 .single-studies .inner-course .case-content .case-title a {
  color: #020334;
}
.back-course-filter2 .single-studies .inner-course .case-content .case-title a:hover {
  color: #690f95;
}
.back-course-filter2 .single-studies .inner-course .case-content .back__user {
  font-size: 15px;
  color: #0f1629;
  font-weight: 600;
}
.back-course-filter2 .single-studies .inner-course .case-content .back__user img {
  margin-right: 12px;
  height: 30px;
}
.back-course-filter2 .single-studies .inner-course .case-content ul {
  display: flex;
  justify-content: space-between;
}
.back-course-filter2 .single-studies .inner-course .case-content ul li {
  display: flex;
  align-items: center;
  font-size: 20px;
  color: #e82aea;
  font-weight: 700;
}
.back-course-filter2 .single-studies .inner-course .case-content ul li .back-category {
  color: #e82aea;
  background-color: rgba(232, 42, 234, 0.078);
  font-weight: 600;
  font-size: 14px;
  padding: 0 12px 1px 12px;
  border-radius: 6px;
}
.back-course-filter2 .single-studies .inner-course .case-content ul li svg {
  border-radius: 50%;
  padding: 7px;
  width: 32px;
  height: 32px;
  color: #737383;
}
.back-course-filter2 .single-studies .inner-course .case-content ul li em {
  text-decoration: line-through;
  font-size: 14px;
  color: #505059;
  font-style: normal;
  margin-left: 5px;
}
.back-course-filter2 .single-studies .inner-course .case-content ul.cate-2 li .back-category {
  color: #1757c2;
  background-color: rgba(23, 87, 194, 0.078);
}
.back-course-filter2 .single-studies .inner-course .case-content ul.cate-2 li.back-book {
  color: #1757c2;
}
.back-course-filter2 .single-studies .inner-course .case-content ul.cate-3 li .back-category {
  color: #f2277e;
  background-color: rgba(242, 39, 126, 0.078);
}
.back-course-filter2 .single-studies .inner-course .case-content ul.cate-3 li.back-book {
  color: #f2277e;
}
.back-course-filter2 .single-studies .inner-course .case-content ul.cate-4 li .back-category {
  color: #26905b;
  background-color: rgba(38, 144, 91, 0.078);
}
.back-course-filter2 .single-studies .inner-course .case-content ul.cate-4 li.back-book {
  color: #26905b;
}
.back-course-filter2 .single-studies .inner-course .case-content ul.cate-5 li .back-category {
  color: #7f00ff;
  background-color: rgba(127, 0, 255, 0.078);
}
.back-course-filter2 .single-studies .inner-course .case-content ul.cate-5 li.back-book {
  color: #7f00ff;
}
.back-course-filter2 .single-studies .inner-course .case-content ul.cate-6 li .back-category {
  color: #0fa0dd;
  background-color: rgba(15, 160, 221, 0.078);
}
.back-course-filter2 .single-studies .inner-course .case-content ul.cate-6 li.back-book {
  color: #0fa0dd;
}
.back-course-filter2 .single-studies .inner-course .case-content .back-ratings {
  border-top: 1px solid #eee;
  padding: 14px 36px 14px 23px;
  justify-content: space-between;
}
.back-course-filter2 .single-studies .inner-course .case-content .back-ratings li {
  color: #737383;
  font-size: 14px;
  font-weight: 500;
}
.back-course-filter2 .single-studies .inner-course .case-content .back-ratings li:last-child {
  padding-right: 0;
}
.distant-page .slider-contents {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.distant-page .slider-contents .slider-title {
  font-weight: 700;
  font-size: 60px;
}
.distant-page .count__content--title-1,
.distant-page .count__content--plus,
.distant-page .count__content--paragraph,
.distant-page .count__content--title-2 {
  color: #fff;
}
.home-banner-part-use .slider-content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.6);
  padding: 60px;
  text-align: left;
}
.home-banner-part-use .slider-content .slider-title {
  font-weight: 700;
  font-size: 50px;
}
.home-banner-part-use .slider-content .slider-pretitle {
  font-size: 20px;
  font-weight: 500;
}
.home-banner-part-use .slider-content #contact-form input {
  border-radius: 4px;
  border: 2px solid #690f95;
  width: 100%;
  padding: 10px 20px;
  margin-bottom: 35px;
  outline: none;
}
.home-banner-part-use .slider-content #contact-form .back-btn {
  width: 100%;
  border-radius: 4px;
}
.gym-page-wrapper .slider-content .slider-title {
  font-size: 60px;
}
.course-hub-count .count__content--title-1,
.course-hub-count .count__content--plus,
.course-hub-count .count__content--paragraph,
.course-hub-count .count__content--title-2 {
  color: #fff;
}
.course-archive-wrapper .course-hub-banner .slider-content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: auto;
  text-align: left;
}
.course-hub-banner .slider-content {
  position: absolute;
  top: 80%;
  transform: translate(-50%, -80%);
  left: 50%;
  background: rgba(255, 255, 255, 0.6);
  padding: 60px;
  text-align: center;
}
.course-hub-banner .slider-content .slider-title {
  font-weight: 700;
  font-size: 50px;
}
.course-hub-banner .slider-content .slider-pretitle {
  font-size: 20px;
  font-weight: 500;
}
.course-hub-banner .slider-content #contact-form input {
  border-radius: 4px;
  border: 2px solid #690f95;
  width: 100%;
  padding: 10px 20px;
  margin-bottom: 35px;
  outline: none;
}
.course-hub-banner .slider-content #contact-form .back-btn {
  width: 100%;
  border-radius: 4px;
}
/*****************************************************
    10. Event Section CSS Here
****************************/
.event__area {
  background-color: #ffffff;
}
.event__title {
  font-size: 40px;
  font-weight: 800;
  line-height: 44px;
  color: #020334;
  padding-bottom: 10px;
}
.event__paragraph {
  font-size: 16px;
  font-weight: 400;
  color: #4b4c57;
  margin-bottom: 38px;
}
.event__card-wrapper {
  border-radius: 10px;
  box-shadow: 0px 30px 50px 0px rgba(0, 15, 56, 0.1);
  background-color: #ffffff;
}
.event__card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.event__card--date-area {
  padding: 38px 0 33px 26px;
}
.event__card--date-area-1 {
  display: block;
  font-size: 30px;
  font-weight: 700;
  line-height: 20px;
  color: #020334;
  margin-bottom: 8px;
}
.event__card--date-area-2 {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #4b4c57;
}
.event__card--icon-area {
  position: relative;
}
.event__card--icon-area::before {
  position: absolute;
  display: inline-block;
  content: "";
  top: 0;
  left: -35px;
  bottom: 20%;
  border-left: 1px solid rgba(15, 22, 41, 0.078);
  height: 80px;
}
.event__card--icon-area-1 {
  font-size: 14px;
  font-weight: 500;
  color: #4b4c57;
  padding-right: 10px;
  vertical-align: middle;
}
.event__card--icon-area-1 .icon {
  height: 17px;
}
.event__card--icon-area-2 {
  font-size: 14px;
  font-weight: 500;
  color: #4b4c57;
  vertical-align: middle;
}
.event__card--icon-area-2 .icon {
  height: 17px;
}
.event__card--icon-area-3 {
  font-size: 20px;
  font-weight: 800;
  color: #020334;
  padding-top: 6px;
  margin: 0;
}
.event__card--btn {
  padding-right: 40px;
}
.event__small-paragraph {
  display: inline-block;
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
  color: #4b4c57;
  padding: 23px 5px 0 0;
}
.event__small-paragraph--link {
  font-size: 15px;
  font-weight: 600;
  line-height: 26px;
  color: #4b4c57;
}
.event__small-paragraph--link-icon {
  vertical-align: middle;
  padding-left: 10px;
}
.event__small-paragraph--link:hover {
  color: #690f95;
}
.event__video-btn .image-background {
  position: relative;
  height: 650px;
  width: 370px;
}
.event__video-btn--play {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.event__video-btn--play-btn {
  display: inline-block;
  width: 90px;
  height: 90px;
  line-height: 86px;
  text-align: center;
  font-size: 25px;
  color: #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #ffffff;
  color: #690f95;
  border-color: #ffffff;
}
.event__video-btn {
  position: relative;
}
.event__video-btn--play-btn::before {
  content: "";
  height: 120px;
  width: 120px;
  position: absolute;
  left: -15px;
  top: -15px;
  border: 1px solid rgba(255, 255, 255, 0.302);
  border-radius: 50%;
  animation: videoBtnAnim 3s linear infinite;
  display: block;
}
.event__video-btn--play-btn::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #fff;
  top: 0;
  left: 0;
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
}
.event__video-btn--play-btn i {
  z-index: 2;
  position: relative;
  top: 9px;
  font-size: 35px;
}
.container.event__width {
  max-width: 1200px;
}
@-webkit-keyframes videoBtnAnim {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  25% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  75% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@keyframes videoBtnAnim {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  25% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  75% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
.event2__area .event2__image {
  flex: 0 0 46%;
}
.event2__content-wrapper {
  padding-bottom: 53px;
}
.event2__content-wrapper span {
  font-size: 16px;
  font-weight: 600;
  color: #690f95;
}
.event2__content-wrapper h3 {
  padding-top: 4px;
  font-size: 40px;
  font-weight: 800;
  color: #020334;
}
.event2__btn a {
  font-size: 15px;
  background-color: transparent;
  color: #020334;
  border: 2px solid rgba(2, 3, 52, 0.078);
  text-align: center;
  padding: 7px 22px;
  display: inline-block;
  font-weight: 600;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -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;
}
.event2__btn a i {
  margin-left: 6px;
  font-size: 18px;
  font-weight: 800;
  color: #000000;
  vertical-align: middle;
}
.event2__btn a:hover {
  border: 2px solid rgba(2, 3, 52, 0.078);
  background-color: #690f95;
  color: #ffffff;
}
.event2__btn a:hover i {
  color: #ffffff;
}
.event2__container {
  display: flex;
  box-shadow: 0px 30px 50px 0px rgba(4, 5, 60, 0.1);
}
.event2__image img {
  border-radius: 6px 0 0 6px;
}
.back-header.back-header-three .container,
.container.event2__width,
.container.hero3__width,
.container.category3__width,
.container.form__width {
  max-width: 1200px;
}
.event2__wrapper {
  display: flex;
  flex-direction: column;
  padding: 47px 0 47px 50px;
}
.event2__wrapper-1 {
  padding-bottom: 16px;
}
.event2__wrapper-1 .red-color {
  font-size: 14px;
  font-weight: 500;
  color: #fd4680;
  background-color: #fff0f5;
  padding: 4px 8px;
  border-radius: 4px;
}
.event2__wrapper-1 .blue-color {
  font-size: 14px;
  font-weight: 500;
  color: #5940f4;
  background-color: #f2f0fe;
  padding: 4px 8px;
  border-radius: 4px;
}
.event2__wrapper-2 {
  display: flex;
  padding-bottom: 3px;
}
.event2__wrapper-2-item1 {
  padding-right: 30px;
}
.event2__wrapper-2-item1 svg {
  height: 17px;
  color: #737383;
}
.event2__wrapper-2-item1 span {
  font-size: 14px;
  font-weight: 500;
  color: #737383;
}
.event2__wrapper-2-item2 svg {
  height: 17px;
  stroke: #737383;
}
.event2__wrapper-2-item2 span {
  font-size: 14px;
  font-weight: 500;
  color: #737383;
}
.event2__wrapper-3 {
  padding-bottom: 8px;
}
.event2__wrapper-3 h3 {
  font-size: 24px;
  font-weight: 800;
  line-height: 30px;
  color: #020334;
}
.event2__wrapper-3 p {
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  color: #3e3e51;
}
.event2__wrapper-4 .btn a {
  font-size: 15px;
  background-color: #690f95;
  color: #ffffff;
  border: 2px solid rgba(2, 3, 52, 0.078);
  text-align: center;
  padding: 4px 21px;
  display: inline-block;
  font-weight: 600;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -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;
}
.event2__wrapper-4 .btn a:hover {
  border: 2px solid rgba(2, 3, 52, 0.078);
  background-color: transparent;
  color: #020334;
}
/*****************************************************
    11. Gallery Section CSS Here
****************************/
.back-gallery {
  margin-left: 12px;
  margin-right: 12px;
}
.back-gallery .back-columns-4 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.back-gallery .back-gallery-inner {
  margin: 0;
  border: none;
  flex: 0 0 16%;
  overflow: hidden;
  border-radius: 0;
  margin-bottom: 14px;
  position: relative;
}
.back-gallery .back-gallery-inner:before {
  content: "";
  background: #071f51;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  top: 0;
  z-index: 1;
  height: 100%;
  opacity: 0;
  transition: 1.3s all ease;
}
.back-gallery .back-gallery-inner img {
  width: 100%;
  -webkit-transition: 1.3s all ease;
  transition: 1.3s all ease;
  border-radius: 2px;
}
.back-gallery .back-gallery-inner a {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.back-gallery .back-gallery-inner a svg {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
  border: 2px solid rgba(255, 255, 255, 0.3);
  padding: 10px;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  color: #fff;
  z-index: 2;
  transition: 1.3s all ease;
  opacity: 0;
}
.back-gallery .back-gallery-inner:hover:before {
  opacity: .6;
}
.back-gallery .back-gallery-inner:hover img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.back-gallery .back-gallery-inner:hover a svg {
  opacity: 1;
}
/*****************************************************
    12. Countdown Section CSS Here
****************************/
.back-countdown {
  background: url(assets/images/countdwon/bg.jpg) no-repeat center top;
  background-size: cover;
}
.back-countdown .event__video-btn--play-btn {
  position: relative;
}
.back-countdown .container {
  max-width: 1200px;
}
.back-countdown .row {
  align-items: center;
}
.back-countdown .back__title__section h6,
.back-countdown .back__title__section h2 {
  color: #ffffff;
}
.back-countdown .back__title__section h2 {
  margin-bottom: 45px;
}
.back-countdown #countdown ul {
  display: flex;
}
.back-countdown #countdown ul li {
  padding: 12px 24px 12px;
  color: #020334;
  background-color: #ffffff;
  margin-right: 12px;
  font-size: 14px;
  font-weight: 400;
  border-radius: 6px;
  text-transform: uppercase;
  text-align: center;
}
.back-countdown #countdown ul li span {
  display: block;
  font-size: 24px;
  font-weight: 800;
  color: #505059;
}
.back-countdown .back-btn-border {
  border-radius: 4px;
  border: 2px solid rgba(255, 255, 255, 0.078);
  margin-top: 50px;
  background: none;
  color: #ffffff;
}
.back-countdown .back-btn-border:hover {
  background: #ffffff;
  color: #690f95;
}
.back-countdown-online {
  background: url(assets/images/online-training/bg.jpg) no-repeat center top;
  background-size: cover;
}
.back-countdown-restaurant {
  background: url(assets/images/restaurant/bg1.jpg) no-repeat center top;
  background-size: cover;
}
.restaurant-page .slider-content.text-center {
  left: 0;
  right: 0;
}
.restaurant-page .home-slider-part .slider-content {
  top: 50%;
}
.back-restaurant-gallery .back-columns-4 {
  display: flex;
  flex-wrap: wrap;
}
.back-restaurant-gallery .back-columns-4 .back-gallery-inner {
  position: relative;
  flex: 0 0 20%;
}
.back-restaurant-gallery .back-columns-4 .back-gallery-inner svg {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 30px;
  height: 30px;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.back-restaurant-gallery .back-columns-4 .back-gallery-inner:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.6);
  transform: scale(0);
  transition: all .5s ease;
}
.back-restaurant-gallery .back-columns-4 .back-gallery-inner:hover:before {
  transform: scale(1);
}
.back-restaurant-gallery .back-columns-4 .back-gallery-inner:hover svg {
  opacity: 1;
}
/*****************************************************
    13. Step Section CSS Here
****************************/
.back-step__area {
  position: relative;
}
.back-step__area .step__title-content {
  padding-bottom: 30px;
}
.back-step__area .step__pre-title {
  font-size: 16px;
  font-weight: 600;
  color: #690f95;
}
.back-step__area .step__title {
  font-size: 40px;
  font-weight: 800;
  color: #020334;
  margin: 0 0 30px;
}
.back-step__area .step__content {
  padding-top: 14px;
}
.back-step__area .step__content1 {
  display: flex;
  margin-left: -22%;
  margin-bottom: 70px;
}
.back-step__area .step__content1--icon {
  margin-right: 35px;
}
.back-step__area .step__content1--icon-1 {
  position: relative;
  background-image: -moz-linear-gradient(120deg, #2b70fa 0%, #84bcfa 100%);
  background-image: -webkit-linear-gradient(120deg, #2b70fa 0%, #84bcfa 100%);
  background-image: -ms-linear-gradient(120deg, #2b70fa 0%, #84bcfa 100%);
  box-shadow: 0px 6px 10px 0px rgba(16, 73, 189, 0.3);
  border-radius: 50%;
  width: 66px;
  height: 66px;
  line-height: 25px;
}
.back-step__area .step__content1--icon-1 span {
  font-size: 20px;
  color: #ffffff;
  position: absolute;
  height: 17px;
  left: 23px;
  top: 20px;
}
.back-step__area .step__content1--content {
  margin-left: 25px;
}
.back-step__area .step__content1--content h4 {
  font-size: 20px;
  font-weight: 800;
  line-height: 25px;
  margin: 0 0 15px;
  color: #020334;
}
.back-step__area .step__content1--content p {
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  color: #4b4c57;
}
.back-step__area .step__content2 {
  display: flex;
  margin-bottom: 70px;
}
.back-step__area .step__content2--icon {
  margin-right: 30px;
}
.back-step__area .step__content2--icon-2 {
  position: relative;
  background-image: -moz-linear-gradient(120deg, #f8452d 0%, #f7b8af 100%);
  background-image: -webkit-linear-gradient(120deg, #f8452d 0%, #f7b8af 100%);
  background-image: -ms-linear-gradient(120deg, #f8452d 0%, #f7b8af 100%);
  box-shadow: 0px 6px 10px 0px rgba(16, 73, 189, 0.3);
  border-radius: 50%;
  width: 66px;
  height: 66px;
  line-height: 25px;
}
.back-step__area .step__content2--icon-2 span {
  font-size: 20px;
  color: #ffffff;
  position: absolute;
  height: 17px;
  left: 23px;
  top: 20px;
}
.back-step__area .step__content2--content h4 {
  font-size: 20px;
  font-weight: 800;
  line-height: 25px;
  margin: 0 0 15px;
  color: #020334;
}
.back-step__area .step__content2--content p {
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  color: #4b4c57;
}
.back-step__area .step__content3 {
  display: flex;
  margin-bottom: 70px;
}
.back-step__area .step__content3--icon {
  margin-right: 30px;
}
.back-step__area .step__content3--icon-3 {
  position: relative;
  background-image: -moz-linear-gradient(120deg, #31c369 0%, #a0eac2 100%);
  background-image: -webkit-linear-gradient(120deg, #31c369 0%, #a0eac2 100%);
  background-image: -ms-linear-gradient(120deg, #31c369 0%, #a0eac2 100%);
  box-shadow: 0px 6px 10px 0px rgba(16, 73, 189, 0.3);
  border-radius: 50%;
  width: 66px;
  height: 66px;
  line-height: 25px;
}
.back-step__area .step__content3--icon-3 span {
  font-size: 20px;
  color: #ffffff;
  position: absolute;
  height: 17px;
  left: 23px;
  top: 20px;
}
.back-step__area .step__content3--content h4 {
  font-size: 20px;
  font-weight: 800;
  line-height: 25px;
  margin: 0 0 15px;
  color: #020334;
}
.back-step__area .step__content3--content p {
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  color: #4b4c57;
}
.back-step__area .step__content4 {
  display: flex;
  margin-left: -25%;
  margin-bottom: 70px;
}
.back-step__area .step__content4--icon {
  margin-right: 35px;
}
.back-step__area .step__content4--icon-4 {
  position: relative;
  background-image: -moz-linear-gradient(120deg, #9b2cfa 0%, #d8aaff 100%);
  background-image: -webkit-linear-gradient(120deg, #9b2cfa 0%, #d8aaff 100%);
  background-image: -ms-linear-gradient(120deg, #9b2cfa 0%, #d8aaff 100%);
  box-shadow: 0px 6px 10px 0px rgba(16, 73, 189, 0.3);
  border-radius: 50%;
  width: 66px;
  height: 66px;
  line-height: 25px;
}
.back-step__area .step__content4--icon-4 span {
  font-size: 20px;
  color: #ffffff;
  position: absolute;
  height: 17px;
  left: 23px;
  top: 20px;
}
.back-step__area .step__content4--content {
  margin-left: 25px;
}
.back-step__area .step__content4--content h4 {
  font-size: 20px;
  font-weight: 800;
  line-height: 25px;
  margin: 0 0 15px;
  color: #020334;
}
.back-step__area .step__content4--content p {
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  color: #4b4c57;
}
.back-step__area .step__shape img {
  position: absolute;
  -index: -1;
}
.back-step__area .step__shape .step__shape-2 {
  top: 29%;
  left: 51%;
}
/*****************************************************
    14. Banner Two Section CSS Here
****************************/
.hero3__area {
  overflow: hidden;
  min-height: 750px;
}
.hero3__content span {
  font-size: 18px;
  font-weight: 600;
  color: #690f95;
}
.hero3__content h1 {
  font-size: 66px;
  line-height: 70px;
  font-weight: 800;
  margin-top: 10px;
  color: #020334;
  padding-bottom: 8px;
}
.hero3__content p {
  font-size: 17px;
  line-height: 26px;
  font-weight: 400;
  color: #3e3e51;
  padding-bottom: 16px;
}
.hero3__content .hero3-btn {
  font-size: 15px;
  background-color: transparent;
  color: #020334;
  border: 2px solid rgba(2, 3, 52, 0.078);
  text-align: center;
  padding: 10px 34px;
  display: inline-block;
  font-weight: 600;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -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;
}
.hero3__content .hero3-btn:hover {
  border: 2px solid rgba(2, 3, 52, 0.078);
  background-color: #690f95;
  color: #ffffff;
}
.hero3__image {
  margin-left: 61px;
  position: absolute;
}
.hero3__image-2 {
  position: absolute;
  top: 34%;
  right: -32%;
  -webkit-animation: hero3-image 3s linear infinite alternate;
  -moz-animation: hero3-image 3s linear infinite alternate;
  -o-animation: hero3-image 3s linear infinite alternate;
  animation: hero3-image 3s linear infinite alternate;
}
.hero3__image-course {
  border-radius: 50%;
  position: absolute;
  box-shadow: 0px 30px 40px 0px rgba(122, 0, 39, 0.2);
  background-color: #fd467f;
  top: 69.5%;
  right: 71.5%;
  width: 150px;
  height: 150px;
  -webkit-animation: hero3-image 3s linear infinite alternate;
  -moz-animation: hero3-image 3s linear infinite alternate;
  -o-animation: hero3-image 3s linear infinite alternate;
  animation: hero3-image 3s linear infinite alternate;
}
.hero3__image-course-1 span {
  position: absolute;
  font-size: 40px;
  line-height: 20px;
  font-weight: 800;
  color: #ffffff;
  top: 35%;
  left: 20%;
}
.hero3__image-course-2 span {
  position: absolute;
  font-size: 15px;
  line-height: 20px;
  font-weight: 800;
  color: #ffffff;
  top: 54%;
  left: 29%;
}
.hero3__shape img {
  position: absolute;
  z-index: 1;
}
.hero3__shape-1 {
  top: 9%;
  left: 9%;
  -webkit-animation: hero-leaf 3s linear infinite alternate;
  -moz-animation: hero-leaf 3s linear infinite alternate;
  -o-animation: hero-leaf 3s linear infinite alternate;
  animation: hero-leaf 3s linear infinite alternate;
}
.hero3__shape-2 {
  top: 52%;
  left: 4.5%;
  -webkit-animation: hero-leaf-2 3s linear infinite alternate;
  -moz-animation: hero-leaf-2 3s linear infinite alternate;
  -o-animation: hero-leaf-2 3s linear infinite alternate;
  animation: hero-leaf-2 3s linear infinite alternate;
}
.hero3__shape-3 {
  top: 24%;
  left: 52%;
  -webkit-animation: hero-leaf-4 3s linear infinite alternate;
  -moz-animation: hero-leaf-4 3s linear infinite alternate;
  -o-animation: hero-leaf-4 3s linear infinite alternate;
  animation: hero-leaf-4 3s linear infinite alternate;
}
.hero3__shape-4 {
  top: 14.5%;
  right: 19%;
  -webkit-animation: hero-leaf-4 3s linear infinite alternate;
  -moz-animation: hero-leaf-4 3s linear infinite alternate;
  -o-animation: hero-leaf-4 3s linear infinite alternate;
  animation: hero-leaf-4 3s linear infinite alternate;
}
.hero3__shape-5 {
  top: 69%;
  right: 9%;
  -webkit-animation: hero-leaf 3s linear infinite alternate;
  -moz-animation: hero-leaf 3s linear infinite alternate;
  -o-animation: hero-leaf 3s linear infinite alternate;
  animation: hero-leaf 3s linear infinite alternate;
}
.hero3__shape-6 {
  top: 30%;
  right: 0%;
  -webkit-animation: hero-leaf-2 3s linear infinite alternate;
  -moz-animation: hero-leaf-2 3s linear infinite alternate;
  -o-animation: hero-leaf-2 3s linear infinite alternate;
  animation: hero-leaf-2 3s linear infinite alternate;
}
@keyframes hero-leaf {
  0% {
    transform: translateY(-50px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes hero-leaf-2 {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-30px);
  }
}
@keyframes hero3-image {
  0% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes hero-leaf-4 {
  0% {
    transform: translateX(-30px);
  }
  100% {
    transform: translateX(0px);
  }
}
.back-home3-banner-form .form__wrapper {
  background: url(assets/images/banner2/bg.jpg);
}
.back-home3-banner-form .form__wrapper .from-control {
  width: 100%;
  border: none;
  padding: 13px 18px;
  border-radius: 6px;
  border-right: 8px solid #fff;
  background: #fff;
  cursor: pointer;
}
.back-home3-banner-form .form__wrapper .form__wrapper-1--title {
  color: #ffffff;
  font-weight: 700;
  margin: 0 0 16px;
}
.back-home3-banner-form .form__wrapper .form__wrapper-1--description {
  color: #ffffff;
  font-weight: 400;
}
.back-home3-banner-form .form__wrapper button {
  background: #000;
  color: #fff;
  border: none;
  padding: 11px 50px;
  font-size: 15px;
  font-weight: 500;
  border-radius: 6px;
}
.back-home3-banner-form .form__wrapper button:hover {
  opacity: .8;
}
.back-home3-banner-form .form__area {
  background-color: #eff1f6;
}
.back-home3-banner-form .form__wrapper {
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  z-index: 10;
  box-shadow: 0px 40px 50px 0px rgba(0, 15, 56, 0.2);
  padding: 50px 0 60px;
  border-radius: 10px;
}
.back-home3-banner-form .form__wrapper-2 {
  display: flex;
  justify-content: center;
  padding-top: 8px;
}
.back-home3-banner-form .form__wrapper-2 div {
  margin: 0 6px;
  flex: 0 0 22%;
}
.back-home3-banner-form .form__wrapper-2 div.form__wrapper-2--container4 {
  flex: 0 0 18%;
}
/*****************************************************
    15. Top Cate Section CSS Here
****************************/
.category3__area {
  background-color: #eff1f6;
  overflow: hidden;
  margin-top: -130px;
}
.category3__content span {
  font-size: 16px;
  font-weight: 600;
  color: #690f95;
}
.category3__content h2 {
  font-size: 40px;
  font-weight: 800;
  color: #020334;
  padding-bottom: 8px;
}
.category3__btn a {
  font-size: 15px;
  background-color: transparent;
  color: #020334;
  border: 2px solid rgba(2, 3, 52, 0.078);
  text-align: center;
  padding: 10px 32px;
  display: inline-block;
  font-weight: 600;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -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;
}
.category3__btn i {
  margin-left: 6px;
  font-size: 18px;
  font-weight: 800;
  color: #000000;
  vertical-align: middle;
}
.category3__btn a:hover {
  border: 2px solid rgba(2, 3, 52, 0.078);
  background-color: #690f95;
  color: #ffffff;
}
.category3__btn a:hover i {
  color: #ffffff;
}
.category3__wrapper {
  border-radius: 6px;
  background-color: #ffffff;
  padding: 24px 20px 25px 40px;
  display: flex;
}
.category3__wrapper-1 {
  width: 56px;
  height: 56px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid rgba(2, 3, 52, 0.078);
  position: relative;
  display: inline-block;
  -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;
}
.category3__wrapper-1 img {
  width: 27px;
  height: 30px;
  position: absolute;
  top: 20%;
  left: 23%;
}
.category3__wrapper-1 img:not(:last-child) {
  margin-right: 10px;
}
.category3__wrapper-2 {
  display: inline-block;
  margin: 2px 0 0 22px;
}
.category3__wrapper-2--one h4 {
  font-size: 18px;
  font-weight: 800;
  margin: 0 0 7px;
}
.category3__wrapper-2--one h4 a {
  color: #020334;
}
.category3__wrapper-2--one h4 a:hover {
  color: #690f95;
}
.category3__wrapper-2--one p {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: #737383;
  vertical-align: middle;
}
/*****************************************************
    16. Instructor Section CSS Here
****************************/
.instructor__area {
  background-color: #eef1f6;
}
.instructor__area .instructor__content h4 {
  margin: 0 0 5px;
}
.instructor__area .instructor__content p {
  margin: 0;
}
.instructor__area.instructor__area__instructor_page {
  background: #ffffff;
}
.instructor__area.instructor__area__instructor_page .instructor__content {
  background-color: #f5f7fa;
  margin-bottom: 22px;
  border-radius: 10px;
}
.instructor__area .instructor__pre-title {
  font-size: 16px;
  font-weight: 600;
  color: #690f95;
}
.instructor__area .instructor__title {
  margin-top: 7px;
  font-size: 40px;
  font-weight: 800;
  color: #020334;
}
.instructor__area .instructor__content {
  display: flex;
  flex-direction: column;
  padding-top: 34px;
  padding-bottom: 34px;
}
.instructor__area .instructor__content-1 img {
  background-size: cover;
  border: 5px solid #ffffff;
  border-radius: 50%;
  width: 170px;
  height: 170px;
}
.instructor__area .instructor__content-2 {
  margin-top: 15px;
}
.instructor__area .instructor__content-2 h4 a {
  font-size: 20px;
  font-weight: 800;
  color: #020334;
}
.instructor__area .instructor__content-2 h4 a:hover {
  color: #690f95;
  -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;
}
.instructor__area .instructor__content-2 p {
  margin-top: 0;
  font-size: 14px;
  font-weight: 500;
  color: #4c5057;
}
.instructor__area .instructor__content-3 {
  margin-top: 5px;
}
.instructor__area .instructor__content-3 ul li {
  display: inline-block;
  margin: 0 7px;
}
.instructor__area .instructor__content-3 ul li:not(:last-child) {
  margin-right: 7px;
}
.instructor__area .instructor__content-3 ul li a {
  font-size: 14px;
  font-weight: 500;
  color: #58606c;
  display: inline-block;
  text-align: center;
}
.instructor__area .instructor__content-3 ul li a:hover {
  color: #690f95;
  -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;
}
.instructor__area .instructor__content:hover {
  border-radius: 10px;
  background-color: white;
  box-shadow: 0px 30px 40px 0px rgba(1, 11, 60, 0.06);
  width: 100%;
  -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;
}
.Instructor2__area {
  background: url(assets/images/kids/instructor2/bg.png) no-repeat center top;
  background-size: cover;
}
.Instructor2__area .Instructor2__pre-title {
  font-family: "Norican", "cursive";
  font-size: 24px;
  font-weight: 400;
  color: #fd4680;
}
.Instructor2__area .Instructor2__title {
  margin-top: 7px;
  font-size: 40px;
  font-weight: 800;
  color: #020334;
}
.Instructor2__area .container.Instructor2__width {
  max-width: 1200px;
}
.Instructor2__area .Instructor2__content {
  display: flex;
  align-items: center;
  background-color: white;
  -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;
}
.Instructor2__area .Instructor2__content-1 {
  padding: 20px 30px 20px 20px;
}
.Instructor2__area .Instructor2__content-1 img {
  background-size: cover;
  border-radius: 50%;
  width: 100px;
  height: 100px;
}
.Instructor2__area .Instructor2__content-2 h4 {
  margin: 0 0 5px;
}
.Instructor2__area .Instructor2__content-2 h4 a {
  font-size: 20px;
  font-weight: 800;
  color: #020334;
}
.Instructor2__area .Instructor2__content-2 h4 a:hover {
  color: #fd4680;
  -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;
}
.Instructor2__area .Instructor2__content-2 p {
  font-size: 14px;
  font-weight: 500;
  color: #4b4b57;
  margin: 0px;
}
.Instructor2__area .Instructor2__content-3 {
  margin-top: 5px;
}
.Instructor2__area .Instructor2__content-3 ul li {
  display: inline-block;
}
.Instructor2__area .Instructor2__content-3 ul li:not(:last-child) {
  margin-right: 7px;
}
.Instructor2__area .Instructor2__content-3 ul li a {
  font-size: 14px;
  font-weight: 400;
  color: #58606c;
  display: inline-block;
  text-align: center;
  -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;
}
.Instructor2__area .Instructor2__content-3 ul li a:hover {
  color: #fd4680;
}
.Instructor2__area .Instructor2__content:hover {
  margin-top: -10px;
}
/*****************************************************
    17. Clients Section CSS Here
****************************/
.back-clients .client-slider {
  margin: 0 auto;
  padding: 0;
  list-style: none;
  max-width: 975px;
  position: relative;
}
.back-clients .client-slider .single-client {
  position: relative;
  background: #ffffff;
  padding: 50px 60px 40px;
  border-radius: 10px;
  transition: all 0.5s ease 0s;
  overflow: hidden;
  border: 2px solid;
  border-color: rgba(2, 3, 52, 0.05);
}
.back-clients .client-slider .single-client .client-title {
  color: #020334;
  font-size: 20px;
  font-weight: 800;
  margin: 22px 0 30px;
  display: block;
}
.back-clients .client-slider .single-client .client-title em {
  color: #4b4c57;
  font-size: 15px;
  font-weight: 500;
  display: block;
  font-style: normal;
}
.back-clients .client-slider .single-client .client-content {
  color: #020334;
  line-height: 30px;
  font-size: 18px;
  font-weight: 500;
}
.back-clients .client-slider .single-client .client-bottom {
  position: relative;
}
.back-clients .client-slider .single-client .client-bottom .testimonial__ratings {
  position: absolute;
  right: 0;
  top: 35px;
  align-items: center;
  display: flex;
  font-size: 20px;
  color: #4b4c57;
  font-weight: 600;
}
.back-clients .client-slider .single-client .client-bottom .testimonial__ratings svg {
  margin-right: 8px;
  color: #ffba4a;
}
.back-clients .client-slider .single-client .client-bottom .client-author {
  padding: 0px;
  width: 100px;
  display: block;
}
.back-clients .client-slider .single-client .client-bottom .client-author img {
  border-radius: 50%;
}
.back-clients .client-slider.owl-carousel .owl-controls {
  position: unset;
  transform: unset;
  width: auto;
}
.back-clients .client-slider.owl-carousel .owl-nav {
  position: absolute;
  display: block;
  top: 40%;
  right: unset;
  width: 100%;
  opacity: 1;
  transition: all 0.5s ease 0s;
}
.back-clients .client-slider.owl-carousel .owl-nav [class*="owl-"] {
  position: absolute;
  left: 20px;
  display: inline-block;
  font-size: 0;
  width: 60px;
  height: 60px;
  line-height: 57px;
  color: #020334;
  background: transparent;
  border: 2px solid #eee;
  border-radius: 100%;
  transition: all 0.5s ease 0s;
}
.back-clients .client-slider.owl-carousel .owl-nav [class*="owl-"]:before {
  content: "\24";
  font-family: ElegantIcons;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 21px;
  font-weight: 700;
}
.back-clients .client-slider.owl-carousel .owl-nav [class*="owl-"].owl-next {
  left: auto;
  right: -100px;
}
.back-clients .client-slider.owl-carousel .owl-nav [class*="owl-"].owl-prev {
  left: -100px;
  right: auto;
}
.back-clients .client-slider.owl-carousel .owl-nav [class*="owl-"].owl-prev:before {
  content: '\23';
}
.back-clients .client-slider.owl-carousel .owl-nav [class*="owl-"]:hover {
  color: #ffffff;
  background: #690f95;
  border-color: #690f95;
}
/*****************************************************
    18. Newsletter Section CSS Here
****************************/
.newsletter__area {
  background: url(assets/images/newsletter/1.png) no-repeat center top;
  background-size: cover;
  padding: 45px 0;
}
.newsletter__area .newsletter__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.newsletter__area .newsletter__title {
  font-size: 44px;
  font-weight: 800;
  letter-spacing: -0.1px;
  color: #ffffff;
  vertical-align: middle;
  margin: 0;
}
.newsletter__area .newsletter__form {
  position: relative;
}
.newsletter__area .newsletter__form input {
  width: 470px;
  height: 60px;
  padding: 15px 30px;
  border: none;
  outline: none;
  background: #ffffff;
  border-radius: 6px;
}
.newsletter__area .newsletter__form input::placeholder {
  font-size: 16px;
  font-weight: 400;
  color: #737383;
}
.newsletter__area .newsletter__form input:focus {
  -webkit-box-shadow: 0px 20px 30px 0px rgba(8, 0, 42, 0.14);
  -moz-box-shadow: 0px 20px 30px 0px rgba(8, 0, 42, 0.14);
  box-shadow: 0px 20px 30px 0px rgba(8, 0, 42, 0.14);
}
.newsletter__area .newsletter__form button {
  position: absolute;
  width: 130px;
  height: 60.5px;
  line-height: 28px;
  padding: 0 5px;
  background: #020334;
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  border-radius: 0 6px 6px 0;
  border: none;
  right: 0;
  transition: all 0.5s ease 0s;
}
.newsletter__area .newsletter__form button:hover {
  opacity: .9;
}
.newsletter2__area {
  background-color: #eef1f6;
  overflow: hidden;
  position: relative;
}
.newsletter2__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.newsletter2__title {
  font-size: 44px;
  font-weight: 800;
  color: #020334;
}
.newsletter2__paragraph {
  padding-top: 3px;
  font-size: 17px;
  font-weight: 500;
  color: #4b4c57;
}
.newsletter2__form {
  top: 24px;
  margin-right: 132px;
  position: relative;
}
.newsletter2__form input {
  width: 420px;
  height: 60px;
  padding: 0 30px;
  border: none;
  outline: none;
  background: #ffffff;
  border-radius: 30px 0 0 30px;
  position: relative;
  z-index: 1;
}
.newsletter2__form input::placeholder {
  font-size: 15px;
  font-weight: 400;
  color: #4b4b57;
}
.newsletter2__form input:focus {
  -webkit-box-shadow: 0px 20px 30px 0px rgba(8, 0, 42, 0.14);
  -moz-box-shadow: 0px 20px 30px 0px rgba(8, 0, 42, 0.14);
  box-shadow: 0px 20px 30px 0px rgba(8, 0, 42, 0.14);
  z-index: 1;
}
.newsletter2__form button {
  position: absolute;
  width: 150px;
  height: 60px;
  line-height: 28px;
  padding: 0 6px;
  background: #020334;
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  border-radius: 0 30px 30px 0;
  border: none;
  z-index: 1;
}
.newsletter2__form button:hover {
  background-color: #690f95;
  color: #ffffff;
  -webkit-box-shadow: 0px 20px 30px 0px rgba(8, 0, 42, 0.14);
  -moz-box-shadow: 0px 20px 30px 0px rgba(8, 0, 42, 0.14);
  box-shadow: 0px 20px 30px 0px rgba(8, 0, 42, 0.14);
}
.newsletter2__shape img {
  position: absolute;
  z-index: 1;
}
.newsletter2__shape-1 {
  top: -22%;
  left: 9%;
  -webkit-animation: newsletter2__shape-1 3s linear infinite alternate;
  -moz-animation: newsletter2__shape-1 3s linear infinite alternate;
  -o-animation: newsletter2__shape-1 3s linear infinite alternate;
  animation: newsletter2__shape-1 3s linear infinite alternate;
}
.newsletter2__shape-2 {
  top: 58%;
  left: 10%;
  -webkit-animation: newsletter2__shape-2 3s linear infinite alternate;
  -moz-animation: newsletter2__shape-2 3s linear infinite alternate;
  -o-animation: newsletter2__shape-2 3s linear infinite alternate;
  animation: newsletter2__shape-2 3s linear infinite alternate;
}
.newsletter2__shape-3 {
  top: 55%;
  right: 32%;
}
.newsletter2__shape-4 {
  top: -30%;
  right: 10%;
  -webkit-animation: newsletter2__shape-1 3s linear infinite alternate;
  -moz-animation: newsletter2__shape-1 3s linear infinite alternate;
  -o-animation: newsletter2__shape-1 3s linear infinite alternate;
  animation: newsletter2__shape-1 3s linear infinite alternate;
}
.newsletter2__shape-5 {
  top: 9%;
  right: 14%;
  -webkit-animation: newsletter2__shape-2 3s linear infinite alternate;
  -moz-animation: newsletter2__shape-2 3s linear infinite alternate;
  -o-animation: newsletter2__shape-2 3s linear infinite alternate;
  animation: newsletter2__shape-2 3s linear infinite alternate;
}
.newsletter2__shape-6 {
  bottom: -50%;
  right: 8%;
  -webkit-animation: newsletter2__shape-6 3s linear infinite alternate;
  -moz-animation: newsletter2__shape-6 3s linear infinite alternate;
  -o-animation: newsletter2__shape-6 3s linear infinite alternate;
  animation: newsletter2__shape-6 3s linear infinite alternate;
}
@keyframes newsletter2__shape-1 {
  0% {
    transform: translateY(-30px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes newsletter2__shape-2 {
  0% {
    transform: translateX(-50px);
  }
  100% {
    transform: translateX(0px);
  }
}
@keyframes newsletter2__shape-6 {
  0% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0px);
  }
}
/*****************************************************
    19. Course Section CSS Here
****************************/
.back__course__area {
  background: #eef1f5;
  position: relative;
}
.back__course__area .back__shape__1 {
  position: absolute;
  left: 50px;
  top: 50%;
  -webkit-animation: slide-top 5000ms linear infinite alternate;
  animation: slide-top 5000ms linear infinite alternate;
}
.back__course__area .container.step__width {
  max-width: 1195px;
}
.back__course__area .back__shape__2 {
  position: absolute;
  right: 0px;
  top: 20%;
  -webkit-animation: slide-top 5000ms linear infinite alternate-reverse;
  animation: slide-top 5000ms linear infinite alternate-reverse;
}
.back__course__area .container {
  max-width: 1200px;
}
.back__course__area .course__item {
  box-shadow: 0px 20px 60px 0px rgba(0, 15, 56, 0.1);
  border-radius: 10px;
  margin-left: 5px;
  margin-right: 5px;
}
.back__course__area .course__item .course__inner {
  padding: 35px 35px 35px;
}
.back__course__area .course__item .back-category {
  font-size: 14px;
  line-height: 28px;
  color: #bb1bfe;
  background-color: rgba(187, 27, 254, 0.06);
  border-radius: 12px;
  padding: 3px 14px 4px;
}
.back__course__area .course__item .back-category.cate-2 {
  background-color: rgba(255, 139, 86, 0.06);
  color: #ff8b56;
}
.back__course__area .course__item .back-category.cate-3 {
  background-color: rgba(241, 30, 120, 0.06);
  color: #f11e78;
}
.back__course__area .course__item .back-category.cate-4 {
  background-color: rgba(42, 109, 245, 0.06);
  color: #690f95;
}
.back__course__area .course__item .back-category.cate-5 {
  background-color: rgba(28, 167, 12, 0.06);
  color: #1ca70c;
}
.back__course__area .course__item .back-category.cate-6 {
  background-color: rgba(8, 157, 179, 0.06);
  color: #089db3;
}
.back__course__area .course__item .back-course-title {
  font-size: 20px;
  line-height: 1.5;
  margin: 14px 0 30px;
  font-weight: 800;
}
.back__course__area .course__item .back-course-title a {
  color: #020334;
}
.back__course__area .course__item .back-course-title a:hover {
  color: #690f95;
}
.back__course__area .course__item .course__thumb img {
  border-radius: 10px 10px 0 0;
}
.back__course__area .course__item .course__card-icon {
  justify-content: space-between;
}
.back__course__area .course__item .course__card-icon .course__card-icon--1 svg {
  border-radius: 50%;
  background-color: rgba(42, 109, 245, 0.06);
  padding: 7px;
  width: 32px;
  height: 32px;
  color: #690f95;
}
.back__course__area .course__item .course__card-icon .course__card-icon--1 span {
  font-weight: 500;
  font-size: 15px;
  color: #4b4c57;
  padding-left: 7px;
}
.back__course__area .course__item .course__card-icon .course__card-icon--2 svg {
  border-radius: 50%;
  background-color: rgba(255, 148, 21, 0.06);
  padding: 7px;
  width: 32px;
  height: 32px;
  color: #ff9415;
}
.back__course__area .course__item .course__card-icon .course__card-icon--2 span {
  font-weight: 500;
  font-size: 15px;
  color: #4b4c57;
  padding-left: 7px;
}
.back__course__area .course__item .course__card-icon .back__user {
  font-size: 18px;
  color: #0f1629;
  font-weight: 800;
}
.back__course__area .course__item .course__card-icon .back__user img {
  width: 34px;
  border-radius: 50%;
  margin-left: 10px;
  position: relative;
  top: -2px;
}
.back__course__area.back__course__page_grid {
  background: #ffffff;
}
.back__course__area.back__course__page_grid .shorting__course {
  background: #eef1f5;
  margin-left: 5px;
  margin-right: 5px;
  padding: 15px 20px;
  border-radius: 2px;
}
.back__course__area.back__course__page_grid .shorting__course .all__icons {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.back__course__area.back__course__page_grid .shorting__course .all__icons svg {
  cursor: pointer;
}
.back__course__area.back__course__page_grid .shorting__course .all__icons svg.feather-grid {
  background: #690f95;
  color: #fff;
  border-radius: 4px;
  padding: 6px;
  height: 32px;
  width: 32px;
  margin-right: 22px;
}
.back__course__area.back__course__page_grid .shorting__course .all__icons svg.feather-list {
  color: #5c5c68;
  width: 28px;
  height: 28px;
}
.back__course__area.back__course__page_grid .shorting__course .all__icons .result-count {
  padding-left: 40px;
  color: #5c5c68;
  font-size: 15px;
  font-weight: 600;
}
.back__course__area.back__course__page_grid .shorting__course .from-control {
  background: #ffffff;
  border: none;
  padding: 10px 15px;
  border-radius: 6px;
  color: #5c5c68;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  border-right: 15px solid #fff;
}
.back__course__area.back__course__page_grid .course__item .course__thumb img,
.back__course__area.back__course__page_grid .course__item {
  border-radius: 2px;
}
/*****************************************************
    20. Academic Section CSS Here
****************************/
.academic__pre-subtitle {
  font-size: 16px;
  font-weight: 500;
  color: #690f95;
  padding-bottom: 12px;
  margin: 0;
}
.academic__title {
  font-size: 40px;
  font-weight: 800;
  color: #020334;
  padding-bottom: 2px;
}
.academic__container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.academic__wrapper {
  position: relative;
  display: inline-block;
}
.academic__wrapper::before {
  position: absolute;
  left: 50%;
  opacity: 0;
  visibility: hidden;
  -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;
  top: 50%;
  transform: translate(-50%, -50%) scale(1.2);
  width: 100%;
  border-radius: 50%;
  content: "";
  height: 100%;
  border: 2px solid #690f95;
}
.academic__wrapper:hover::before {
  opacity: 1;
  visibility: visible;
}
.academic__wrapper--image img {
  position: relative;
  width: 210px;
  height: 210px;
  border-radius: 50%;
  object-fit: cover;
}
.academic__wrapper--icon-1 {
  border-radius: 50%;
  background-color: #ffffff;
  width: 70px;
  height: 70px;
  position: absolute;
  left: 80%;
  top: 66%;
  box-shadow: 0px 20px 30px 0px rgba(0, 15, 56, 0.1);
}
.academic__wrapper--icon-1-middle {
  position: absolute;
  left: 19px;
  top: 16px;
}
.academic__wrapper--icon-2 {
  border-radius: 50%;
  background-color: #ffffff;
  width: 70px;
  height: 70px;
  position: absolute;
  left: 80%;
  top: 66%;
  box-shadow: 0px 20px 30px 0px rgba(0, 15, 56, 0.1);
}
.academic__wrapper--icon-2-middle-2 {
  position: absolute;
  left: 20px;
  top: 16px;
}
.academic__wrapper--icon-3 {
  border-radius: 50%;
  background-color: #ffffff;
  width: 70px;
  height: 70px;
  position: absolute;
  right: -14%;
  top: 66%;
  box-shadow: 0px 20px 30px 0px rgba(0, 15, 56, 0.1);
}
.academic__wrapper--icon-3-middle-3 {
  position: absolute;
  right: 15px;
  top: 16px;
}
.academic__wrapper--icon-4 {
  border-radius: 50%;
  background-color: #ffffff;
  width: 70px;
  height: 70px;
  position: absolute;
  right: -14%;
  top: 66%;
  box-shadow: 0px 20px 30px 0px rgba(0, 15, 56, 0.1);
}
.academic__wrapper--icon-4-middle-4 {
  position: absolute;
  right: 17px;
  top: 22px;
}
.academic__round-area-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.academic__round-area-title-1 {
  padding-top: 37px;
  font-size: 20px;
  font-weight: 800;
  color: #020334;
  margin: 0 0 15px;
}
.academic__round-area-title-2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #4b4c57;
}
.academic__round-area-title-3 {
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  line-height: 28px;
  color: #020334;
}
.academic__round-area-title-3--icon {
  vertical-align: middle;
  padding-left: 5px;
}
.academic__round-area-title-3:hover {
  color: #690f95;
}
/*****************************************************
    21. Cta Section CSS Here
****************************/
.cta__area {
  background: url(assets/images/cta/bg1.jpg) no-repeat center top;
  width: 100%;
  background-size: cover;
}
.cta__pre-subtitle {
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
  padding-bottom: 12px;
  margin: 0;
}
.cta__title {
  font-size: 40px;
  font-weight: 800;
  color: #ffffff;
  padding-bottom: 2px;
}
.feature__item {
  position: relative;
  top: -42%;
  z-index: 1;
  border-radius: 6px;
  box-shadow: 0px 30px 70px 0px rgba(0, 15, 56, 0.1);
  background: #ffffff;
  padding: 40px;
}
.feature__title-1 {
  font-size: 20px;
  font-weight: 800;
  margin-bottom: 16px;
}
.feature__title-1 a {
  color: #020334;
}
.feature__paragraph {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #4b4c57;
  margin: 0 0 10px;
}
.count__area {
  margin-top: -66px;
}
.count__content--title-1 {
  display: inline-block;
  font-size: 40px;
  font-weight: 800;
  line-height: 28px;
  color: #020334;
  margin-bottom: 5px;
}
.count__content--title-2 {
  display: inline-block;
  font-size: 40px;
  font-weight: 800;
  line-height: 28px;
  color: #020334;
  margin-bottom: 5px;
}
.feature__width {
  max-width: 1200px;
}
.count__content--plus {
  font-size: 34px;
  font-weight: 400;
  line-height: 28px;
  color: #690f95;
}
.count__content--paragraph {
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  color: #4b4c57;
}
/*****************************************************
    22. Blog Section CSS Here
****************************/
.back-blog__area .blog__subtitle {
  font-size: 16px;
  font-weight: 500;
  color: #690f95;
}
.back-blog__area .blog__width {
  max-width: 1200px;
}
.back-blog__area .blog__title {
  font-size: 40px;
  font-weight: 800;
  color: #020334;
}
.back-blog__area .blog__card {
  border-radius: 6px;
  box-shadow: 0px 30px 60px 0px rgba(0, 15, 56, 0.1);
  margin: 0 3px;
}
.back-blog__area .blog__thumb {
  position: relative;
  overflow: hidden;
}
.back-blog__area .blog__thumb--image img {
  border-radius: 6px 6px 0 0;
  transition: all 0.5s ease 0s;
}
.back-blog__area .blog__thumb--image img:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.back-blog__area .blog__thumb--pre-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  padding: 0 12px 0 12px;
  color: #0f1629;
  background-color: #ffffff;
  border-radius: 12px;
  border: 1px solid #ebebf1;
  position: absolute;
  z-index: 1;
  right: 6%;
  top: 8%;
}
.back-blog__area .blog__thumb--pre-title:hover {
  border: 1px solid #690f95;
  background-color: #690f95;
  color: #ffffff;
}
.back-blog__area .blog__card--content {
  padding: 28px 36px 16px 37px;
}
.back-blog__area .blog__card--date {
  font-size: 15px;
  font-weight: 500;
  color: #4b4c57;
}
.back-blog__area .blog__card--title {
  font-size: 20px;
  font-weight: 800;
  line-height: 28px;
  padding: 5px 0 0 0;
}
.back-blog__area .blog__card--title a {
  color: #020334;
}
.back-blog__area .blog__card--title:hover a {
  color: #690f95;
}
.back-blog__area .blog__card--link {
  font-size: 15px;
  font-weight: 600;
  line-height: 28px;
  color: #020334;
}
.back-blog__area .blog__card--link:hover {
  color: #690f95;
}
.back-blog__area .blog__card--link-icon {
  vertical-align: middle;
  padding-left: 5px;
}
.back-blog__area .blog__card--icon {
  padding-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.back-blog__area .blog__card--icon::before {
  position: absolute;
  display: inline-block;
  content: "";
  left: -36px;
  bottom: 42px;
  border-top: 1px solid rgba(15, 22, 41, 0.078);
  width: 370px;
}
.back-blog__area .blog__card--icon-1 svg {
  height: 17px;
  line-height: 10px;
  vertical-align: sub;
}
.back-blog__area .blog__card--icon-1 span {
  font-size: 15px;
  font-weight: 500;
  color: #737383;
  padding-left: 2px;
  line-height: 10px;
  vertical-align: middle;
}
.back-blog__area .blog__card--icon-2 {
  display: flex;
}
.back-blog__area .blog__card--icon-2-first {
  margin-right: 17px;
}
.back-blog__area .blog__card--icon-2-first svg {
  height: 17px;
}
.back-blog__area .blog__card--icon-2-first span {
  vertical-align: middle;
}
.back-blog__area .blog__card--icon-2-second svg {
  height: 17px;
}
.back-blog__area .blog__card--icon-2-second span {
  vertical-align: middle;
}
.blog2__area .blog2__pre-title {
  font-family: "Dancing Script", "cursive";
  font-size: 24px;
  font-weight: 700;
  color: #fd4680;
}
.blog2__area .blog2__title {
  margin-top: 8px;
  font-size: 24px;
  font-weight: 800;
  color: #020334;
}
.blog2__area .blog2__wrapper {
  display: flex;
  border: 1px solid #eaecf2;
}
.blog2__area .blog2__wrapper-1 img {
  width: 170px;
  height: 180px;
}
.blog2__area .blog2__wrapper-2 {
  padding: 30px 50px 24px 28px;
}
.blog2__area .blog2__wrapper-2 span {
  font-size: 14px;
  font-weight: 500;
  color: #690f95;
}
.blog2__area .blog2__wrapper-2 h3 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 800;
  margin: 4px 0 15px;
}
.blog2__area .blog2__wrapper-2 h3 a {
  color: #020334;
}
.blog2__area .blog2__wrapper-2 h3 a:hover {
  color: #fd4680;
}
.blog2__area .blog2__wrapper-2 p {
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
  color: #4b4b57;
  margin: 0;
}
.blog2__area .blog2__wrapper:hover {
  border: 1px solid #ffffff;
}
.blog2__area .blog2__btn a {
  cursor: pointer;
  font-size: 15px;
  background-color: transparent;
  color: #020334;
  border: 2px solid #eaecf2;
  text-align: center;
  padding: 10px 34px;
  display: inline-block;
  font-weight: 600;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -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;
}
.blog2__area .blog2__btn a:hover {
  border: 2px solid #fd4680;
  background-color: #fd4680;
  color: #ffffff;
}
/*****************************************************
    23. Services Section CSS Here
****************************/
.services4__area {
  overflow: hidden;
  background-color: #ffffff;
  position: relative;
}
.services4__area .container.services4__width {
  max-width: 1200px;
}
.services4__title-wrapper {
  margin-bottom: 45px;
}
.services4__subtitle {
  font-family: "Dancing Script", "cursive";
  font-size: 24px;
  font-weight: 700;
  color: #fd4680;
  margin-bottom: 0px;
}
.services4__title-1 {
  font-size: 40px;
  font-weight: 800;
  color: #020334;
  padding-bottom: 8px;
}
.services4__item {
  position: relative;
  z-index: 1;
  border-radius: 6px;
  border: 2px solid #f1f3f8;
  transition: all 0.5s ease 0s;
}
.services4__item:before {
  position: absolute;
  content: "";
  left: 0px;
  right: 0;
  top: -3px;
  border-radius: 6px 6px 0 0;
  height: 8px;
  width: 100%;
  z-index: 1;
  border-top: 3px solid #fd4680;
  transition: all 0.5s ease 0s;
  opacity: 0;
}
.services4__item.active,
.services4__item:hover {
  box-shadow: 0px -2px 0px 0px rgba(253, 70, 128, 0.004), 0px 0px 60px 0px rgba(0, 16, 35, 0.1);
  border: 2px solid #ffffff;
  margin-top: -10px;
}
.services4__item.active:before,
.services4__item:hover:before {
  opacity: 1;
}
.services4__icon {
  margin: 44px auto 65px;
  width: 130px;
  height: 130px;
  background-color: #f5fcfc;
  border-radius: 50%;
  position: relative;
}
.services4__icon img {
  height: 64px;
  width: 55px;
  position: absolute;
  top: 25%;
  left: 29%;
}
.services4__content {
  margin-bottom: 42px;
}
.services4__title {
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  margin-bottom: 7px;
}
.services4__title a {
  color: #020334;
}
.services4__title a:hover {
  color: #fd4680;
}
.services4__paragraph {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #4b4b57;
}
.services4__inner {
  position: relative;
  z-index: 1;
}
.services4__shape img {
  position: absolute;
}
.services4__shape-1 {
  top: 22%;
  right: 8%;
  -webkit-animation: hero-leaf 3s linear infinite alternate;
  -moz-animation: hero-leaf 3s linear infinite alternate;
  -o-animation: hero-leaf 3s linear infinite alternate;
  animation: hero-leaf 3s linear infinite alternate;
}
.services4__shape-2 {
  top: 22%;
  left: 3%;
  -webkit-animation: hero-leaf 3s linear infinite alternate;
  -moz-animation: hero-leaf 3s linear infinite alternate;
  -o-animation: hero-leaf 3s linear infinite alternate;
  animation: hero-leaf 3s linear infinite alternate;
}
/*****************************************************
    24. Class Section CSS Here
****************************/
.class__area {
  overflow: hidden;
  position: relative;
  background: url(assets/images/kids/class/bg.png) no-repeat center top;
  background-size: cover;
}
.class__container {
  display: flex;
  background-color: #ffffff;
  width: 970px;
  height: 280px;
  position: relative;
  z-index: 1;
}
.class__subtitle {
  font-family: "Dancing Script", "cursive";
  font-size: 24px;
  font-weight: 700;
  color: #fd4680;
  margin-bottom: 0;
}
.class__title-1 {
  padding: 0px 0 30px;
  font-size: 40px;
  line-height: 50px;
  font-weight: 800;
  color: #020334;
}
.class__image {
  padding: 20px;
}
.class__wrapper {
  padding: 30px 0px 39px 40px;
}
.class__content {
  border-bottom: 1px solid #eaecf2;
  padding-bottom: 5px;
}
.class__title {
  font-size: 22px;
  line-height: 30px;
  font-weight: 800;
  color: #020334;
  margin: 0 0 15px;
}
.class__paragraph {
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  color: #4b4b57;
}
.class__schedule {
  display: flex;
}
.class__schedule-1:not(:last-child) {
  border-right: 1px solid #eaecf2;
  padding-right: 40px;
}
.class__schedule-1:not(:first-child) {
  padding-left: 40px;
}
.class__schedule-1--item1 {
  padding-top: 18px;
  display: block;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  color: #4b4b57;
}
.class__schedule-1--item2 {
  display: block;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  color: #690f95;
}
.class__shape img {
  position: absolute;
}
.class__shape .class-shape-1 {
  bottom: 5%;
  left: 9%;
  -webkit-animation: about2-shape-1 3s linear infinite alternate;
  -moz-animation: about2-shape-1 3s linear infinite alternate;
  -o-animation: about2-shape-1 3s linear infinite alternate;
  animation: about2-shape-1 3s linear infinite alternate;
}
.class__shape .class-shape-2 {
  top: 21%;
  left: 10.5%;
  -webkit-animation: about2-shape-1 3s linear infinite alternate;
  -moz-animation: about2-shape-1 3s linear infinite alternate;
  -o-animation: about2-shape-1 3s linear infinite alternate;
  animation: about2-shape-1 3s linear infinite alternate;
}
.class__shape .class-shape-3 {
  bottom: 10%;
  right: 11%;
  -webkit-animation: about2-shape-3 3s linear infinite alternate;
  -moz-animation: about2-shape-3 3s linear infinite alternate;
  -o-animation: about2-shape-3 3s linear infinite alternate;
  animation: about2-shape-3 3s linear infinite alternate;
}
/*****************************************************
    25. Pricing Section CSS Here
****************************/
.pricing__area {
  overflow: hidden;
  position: relative;
}
.pricing__area .container.pricing__area-width {
  max-width: 1200px;
}
.pricing__subtitle {
  font-family: "Dancing Script", "cursive";
  font-size: 24px;
  font-weight: 700;
  color: #fd4680;
  margin-bottom: 4px;
}
.pricing__title-1 {
  padding: 0px 0 53px;
  font-size: 40px;
  font-weight: 800;
  color: #020334;
}
.container.accordion__area-width {
  max-width: 1200px;
}
.pricing__wrapper {
  width: 100%;
  box-shadow: 0px 30px 70px 0px rgba(0, 13, 49, 0.08);
  position: relative;
  background: #ffffff;
}
.pricing__wrapper .back__shape__1 {
  position: absolute;
  bottom: -64px;
  right: -98px;
  z-index: -1;
  -webkit-animation: slide-top 5000ms linear infinite alternate;
  animation: slide-top 5000ms linear infinite alternate;
}
.pricing__header {
  display: flex;
  align-items: center;
  background-color: #020334;
  height: 50px;
  padding: 0 50px 0 50px;
}
.pricing__header-1 {
  width: 25%;
}
.pricing__header-1 span {
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
}
.pricing__body1 {
  display: flex;
  padding: 0px 50px 0px;
  border-bottom: 1px solid rgba(9, 21, 36, 0.078);
  align-items: center;
  height: 98px;
  -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;
}
.pricing__body1:hover {
  background-color: #f9fafb;
}
.pricing__body1-1 {
  width: 25%;
}
.pricing__body1-1 span {
  font-size: 16px;
  font-weight: 500;
  color: #020334;
}
.pricing__body1-2 {
  width: 25%;
}
.pricing__body1-2 span {
  font-size: 15px;
  font-weight: 400;
  color: #4b4b57;
}
.pricing__body1-3 {
  display: flex;
  width: 25%;
}
.pricing__body1-3 img {
  width: 40px;
  height: 40px;
}
.pricing__body1-3 span {
  font-size: 15px;
  font-weight: 400;
  color: #4b4b57;
  margin-top: 6px;
  margin-left: 10px;
}
.pricing__body1-4 {
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pricing__body1-4--tag span {
  display: inline-block;
  padding: 5px 14px;
  font-size: 13px;
  font-weight: 600;
  color: #fd4680;
  background-color: #ffecf2;
  line-height: 1;
}
.pricing__body2 {
  display: flex;
  padding: 0px 50px 0px;
  border-bottom: 1px solid rgba(9, 21, 36, 0.078);
  align-items: center;
  height: 98px;
  -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;
}
.pricing__body2:hover {
  background-color: #f9fafb;
}
.pricing__body2-1 {
  width: 25%;
}
.pricing__body2-1 span {
  font-size: 16px;
  font-weight: 500;
  color: #020334;
}
.pricing__body2-2 {
  width: 25%;
}
.pricing__body2-2 span {
  font-size: 15px;
  font-weight: 400;
  color: #4b4b57;
}
.pricing__body2-3 {
  display: flex;
  width: 25%;
}
.pricing__body2-3 img {
  width: 40px;
  height: 40px;
}
.pricing__body2-3 span {
  font-size: 15px;
  font-weight: 400;
  color: #4b4b57;
  margin-top: 6px;
  margin-left: 10px;
}
.pricing__body2-4 {
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pricing__body2-4--tag span {
  display: inline-block;
  padding: 5px 14px;
  font-size: 13px;
  font-weight: 600;
  color: #690f95;
  background-color: #e4ecfa;
  line-height: 1;
}
.pricing__wrapper a {
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  color: #020334;
  background-color: transparent;
  border: 2px solid #eaecf2;
  text-align: center;
  padding: 10px 34px;
  display: inline-block;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -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;
}
.pricing__wrapper div:hover a {
  border: 2px solid #fd4680;
  background-color: #fd4680;
  color: #ffffff;
}
.pricing__body3 {
  display: flex;
  padding: 0px 50px 0px;
  border-bottom: 1px solid rgba(9, 21, 36, 0.078);
  align-items: center;
  height: 98px;
  -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;
}
.pricing__body3:hover {
  background-color: #f9fafb;
}
.pricing__body3-1 {
  width: 25%;
}
.pricing__body3-1 span {
  font-size: 16px;
  font-weight: 500;
  color: #020334;
}
.pricing__body3-2 {
  width: 25%;
}
.pricing__body3-2 span {
  font-size: 15px;
  font-weight: 400;
  color: #4b4b57;
}
.pricing__body3-3 {
  display: flex;
  width: 25%;
}
.pricing__body3-3 img {
  width: 40px;
  height: 40px;
}
.pricing__body3-3 span {
  font-size: 15px;
  font-weight: 400;
  color: #4b4b57;
  margin-top: 6px;
  margin-left: 10px;
}
.pricing__body3-4 {
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pricing__body3-4--tag span {
  display: inline-block;
  padding: 5px 14px;
  font-size: 13px;
  font-weight: 600;
  color: #fd4680;
  background-color: #ffecf2;
  line-height: 1;
}
.pricing__body4 {
  display: flex;
  padding: 0px 50px 0px;
  border-bottom: 1px solid rgba(9, 21, 36, 0.078);
  align-items: center;
  height: 98px;
  -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;
}
.pricing__body4:hover {
  background-color: #f9fafb;
}
.pricing__body4-1 {
  width: 25%;
}
.pricing__body4-1 span {
  font-size: 16px;
  font-weight: 500;
  color: #020334;
}
.pricing__body4-2 {
  width: 25%;
}
.pricing__body4-2 span {
  font-size: 15px;
  font-weight: 400;
  color: #4b4b57;
}
.pricing__body4-3 {
  display: flex;
  width: 25%;
}
.pricing__body4-3 img {
  width: 40px;
  height: 40px;
}
.pricing__body4-3 span {
  font-size: 15px;
  font-weight: 400;
  color: #4b4b57;
  margin-top: 6px;
  margin-left: 10px;
}
.pricing__body4-4 {
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pricing__body4-4--tag span {
  display: inline-block;
  padding: 5px 14px;
  font-size: 13px;
  font-weight: 600;
  color: #fd4680;
  background-color: #ffecf2;
  line-height: 1;
}
.pricing__body5 {
  display: flex;
  padding: 0px 50px 0px;
  border-bottom: 1px solid rgba(9, 21, 36, 0.078);
  align-items: center;
  height: 98px;
  -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;
}
.pricing__body5:hover {
  background-color: #f9fafb;
}
.pricing__body5-1 {
  width: 25%;
}
.pricing__body5-1 span {
  font-size: 16px;
  font-weight: 500;
  color: #020334;
}
.pricing__body5-2 {
  width: 25%;
}
.pricing__body5-2 span {
  font-size: 15px;
  font-weight: 400;
  color: #4b4b57;
}
.pricing__body5-3 {
  display: flex;
  width: 25%;
}
.pricing__body5-3 img {
  width: 40px;
  height: 40px;
}
.pricing__body5-3 span {
  font-size: 15px;
  font-weight: 400;
  color: #4b4b57;
  margin-top: 6px;
  margin-left: 10px;
}
.pricing__body5-4 {
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pricing__body5-4--tag span {
  display: inline-block;
  padding: 5px 14px;
  font-size: 13px;
  font-weight: 600;
  color: #690f95;
  background-color: #e4ecfa;
  line-height: 1;
}
/*****************************************************
    26. FAQ Section CSS Here
****************************/
.accordion__area {
  position: relative;
}
.accordion__area .containeraccordion__area-width {
  max-width: 1200px;
}
.accordion__area .accordion__wrapper {
  background: url(assets/images/kids/accordion/bg.png) no-repeat center top;
  background-size: cover;
  padding: 255px 60px 60px;
}
.accordion__area .accordion__wrapper-1 h4 {
  font-size: 24px;
  font-weight: 800;
  color: #ffffff;
  margin: 0 0 10px;
}
.accordion__area .accordion__wrapper-1 p {
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
}
.accordion__area .accordion__wrapper-2 .form {
  margin-bottom: 20px;
}
.accordion__area .accordion__wrapper-2 .form input {
  width: 100%;
  padding: 15px 30px;
  border: none;
  outline: none;
  background: #ffffff;
}
.accordion__area .accordion__wrapper-2 .form input::placeholder {
  font-size: 15px;
  font-weight: 400;
  color: #888894;
}
.accordion__area .accordion__wrapper-2 .form input:focus {
  -webkit-box-shadow: 0px 20px 30px 0px rgba(8, 0, 42, 0.14);
  -moz-box-shadow: 0px 20px 30px 0px rgba(8, 0, 42, 0.14);
  box-shadow: 0px 20px 30px 0px rgba(8, 0, 42, 0.14);
  z-index: 1;
}
.accordion__area .accordion__wrapper-2 .btn {
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  background-color: #020334;
  border: 2px solid #020334;
  text-align: center;
  padding: 14px 0;
  width: 100%;
  display: inline-block;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -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;
}
.accordion__area .accordion__wrapper-2 .btn:hover {
  border: 2px solid #fd4680;
  background-color: #fd4680;
  color: #ffffff;
}
.accordion__area .accordion__top {
  margin-bottom: 44px;
}
.accordion__area .accordion__top span {
  font-family: "Dancing Script", "cursive";
  font-size: 24px;
  font-weight: 700;
  color: #fd4680;
}
.accordion__area .accordion__top h2 {
  margin-top: 13px;
  font-size: 40px;
  font-weight: 800;
  color: #020334;
}
.accordion__area .accordion-item {
  border: none;
  margin-bottom: 10px;
}
.accordion__area .accordion-button {
  background-color: #f3f5f9;
  padding: 20px 30px;
}
.accordion__area .accordion .accordion-header .accordion-button {
  font-size: 18px;
  font-weight: 600;
  color: #020334;
  border-radius: 0;
}
.accordion__area .accordion .accordion-header .accordion-button::after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  right: 28px;
  top: 45%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: ElegantIcons;
  font-size: 22px;
  color: #091524;
  background-image: none;
  font-weight: 300;
  content: "\4d";
}
.accordion__area .accordion .accordion-header .accordion-button:focus {
  box-shadow: none;
}
.accordion__area .accordion .accordion-header .accordion-button.collapsed::after {
  content: "\4c";
}
.accordion__area .accordion__shape img {
  position: absolute;
}
.accordion__area .accordion__shape-1 {
  left: 16%;
  bottom: 28%;
  z-index: -1;
}
.accordion__area.accordion__area .accordion-button:not(.collapsed) {
  background: #fd4680;
  color: #ffffff;
}
.accordion__area.accordion__area .accordion-button:not(.collapsed):after {
  color: #ffffff;
}
.accordion__area.accordion__area .accordion-button:hover {
  background: #fd4680;
  color: #ffffff;
}
.accordion__area.accordion__area .accordion-button:hover:after {
  color: #ffffff;
}
.accordion__area .accordion .accordion-body p {
  font-size: 16px;
  font-weight: 400;
  color: #4b4b57;
  margin: 0;
  padding: 13px 20px;
}
/*****************************************************
    27. Testimonial Section CSS Here
****************************/
.testimonial2__area {
  overflow: hidden;
  position: relative;
}
.testimonial2__area .swiper-wrapper {
  display: flex;
}
.testimonial2__area .testimonial2__pre-title {
  font-family: "Dancing Script", "cursive";
  font-size: 24px;
  font-weight: 700;
  color: #fd4680;
}
.testimonial2__area .testimonial2__title {
  margin-top: 8px;
  font-size: 40px;
  font-weight: 800;
  color: #020334;
}
.testimonial2__area .container.testimonial2__width {
  max-width: 1232px;
}
.testimonial2__area .testimonial2__wrapper {
  padding: 50px;
  background-color: white;
  box-shadow: 0px 40px 70px 0px rgba(0, 21, 81, 0.1);
  margin: 0 16px;
}
.testimonial2__area .testimonial2__wrapper-1 img {
  width: 12px;
  height: 12px;
}
.testimonial2__area .testimonial2__wrapper-2 {
  padding-top: 18px;
}
.testimonial2__area .testimonial2__wrapper-2 h4 {
  font-size: 20px;
  font-weight: 800;
  color: #020334;
  margin: 0 0 15px;
}
.testimonial2__area .testimonial2__wrapper-2 p {
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  color: #4b4b57;
  margin: 0 0 14px;
}
.testimonial2__area .testimonial2__wrapper-3 {
  display: flex;
  padding-top: 12px;
}
.testimonial2__area .testimonial2__wrapper-3--discription {
  padding-left: 20px;
  padding-top: 6px;
}
.testimonial2__area .testimonial2__wrapper-3--discription h6 {
  font-size: 16px;
  font-weight: 800;
  color: #121a2b;
  margin-bottom: 0%;
}
.testimonial2__area .testimonial2__wrapper-3--discription p {
  font-size: 14px;
  font-weight: 500;
  color: #4b4b57;
}
.testimonial2__area .testimonial2__shape img {
  position: absolute;
}
.testimonial2__area .testimonial2__shape-1 {
  z-index: -1;
  top: 28%;
  left: 22%;
}
.testimonial2__area .testimonial2__shape-2 {
  z-index: -2;
  top: 13%;
  left: 31%;
}
.testimonial2__area .testimonial2__shape-3 {
  z-index: -1;
  top: 27.9%;
  left: 55.5%;
}
/*****************************************************
    28. Sidebar Section CSS Here
****************************/
.back-sidebar .widget {
  margin-bottom: 50px;
  background: #f5f7fa;
  padding: 45px 45px 50px 45px;
  border-radius: 2px;
}
.back-sidebar .widget.widget-tags {
  padding-bottom: 40px;
}
.back-sidebar .widget.back-search {
  padding: 0;
  border: none;
  margin-bottom: 52px;
}
.back-sidebar .widget.back-blog-search form input {
  border-radius: 6px;
  padding: 15px 28px;
  padding-right: 80px;
  background: #ffffff;
}
.back-sidebar .widget.back-blog-search form button {
  padding: 7px 28px;
}
.back-sidebar .widget.back-category {
  padding: 45px 45px 39px 45px;
  margin: 0 0 5px;
}
.back-sidebar .widget.back-post {
  margin: 50px 0 0;
}
.back-sidebar .widget.related__courses {
  background: #ffffff;
  box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
  margin-top: 22px;
}
.back-sidebar .widget.widget-tags {
  margin-top: 50px;
}
.back-sidebar .widget.widget-tags .tags {
  padding: 0;
  margin: 0;
}
.back-sidebar .widget.widget-tags .tags li {
  display: inline-block;
  margin: 0 5px 13px 0;
}
.back-sidebar .widget.widget-tags .tags li a {
  padding: 8px 17px 8px;
  background: #fff;
  font-size: 13px;
  color: #5c5c68;
  font-weight: 600;
  border-radius: 5px;
}
.back-sidebar .widget.widget-tags .tags li a:hover {
  background: #690f95;
  color: #ffffff;
}
.back-sidebar .widget.get-back-course {
  box-shadow: 0px 30px 50px 0px rgba(1, 11, 60, 0.1);
  background: #ffffff;
  margin-bottom: 0;
}
.back-sidebar .widget.get-back-course select.from-control {
  border: none;
  padding: 14px 22px;
  background: #f7f7f8;
  border-right: 16px solid #f7f7f8;
  border-radius: 6px;
  cursor: pointer;
  width: 100%;
}
.back-sidebar .widget.get-back-course .price {
  display: flex;
  align-items: center;
  padding: 25px 0 25px;
}
.back-sidebar .widget.get-back-course .price li {
  font-size: 20px;
  font-weight: 700;
  color: #020334;
  line-height: 1;
}
.back-sidebar .widget.get-back-course .price li:nth-child(2) {
  font-size: 15px;
  font-weight: 500;
  text-decoration: line-through;
  margin-left: 9px;
}
.back-sidebar .widget.get-back-course .price li:nth-child(3) {
  font-size: 14px;
  color: #079561;
  background: rgba(7, 149, 97, 0.078);
  margin-left: 10px;
  padding: 5px 6px;
}
.back-sidebar .widget.get-back-course .cart__btn {
  border-radius: 6px;
  width: 100%;
  text-align: center;
}
.back-sidebar .widget.get-back-course .price__course {
  padding-top: 16px;
  border-top: 1px solid rgba(2, 3, 52, 0.078);
  margin-top: 30px;
}
.back-sidebar .widget.get-back-course .price__course li {
  padding: 10px 0;
}
.back-sidebar .widget.get-back-course .price__course li i {
  position: relative;
  background: #690f95;
  padding: 8px;
  color: #ffffff;
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px;
  font-size: 14px;
}
.back-sidebar .widget.get-back-course .price__course li b {
  font-size: 16px;
  font-weight: 500;
}
.back-sidebar ul.recent-category {
  margin: 0;
  padding: 0;
  list-style: none;
}
.back-sidebar ul.recent-category li {
  margin: 10px 0;
}
.back-sidebar ul.recent-category input[type=checkbox] + label {
  cursor: pointer;
}
.back-sidebar ul.recent-category input[type=checkbox] {
  display: none;
}
.back-sidebar ul.recent-category label {
  color: #5c5c68;
  font-size: 14px;
  font-weight: 500;
}
.back-sidebar ul.recent-category input[type=checkbox] + label:before {
  content: "\2714";
  border: 0.1em solid #d9d8d8;
  border-radius: 4px;
  display: inline-block;
  width: 23px;
  height: 23px;
  line-height: 11px;
  margin-right: 16px;
  vertical-align: middle;
  color: transparent;
  transition: .2s;
  background: #ffffff;
  padding: 5px 6px;
  font-size: 13px;
  position: relative;
  top: -2px;
}
.back-sidebar ul.recent-category input[type=checkbox] + label:active:before {
  transform: scale(0);
}
.back-sidebar ul.recent-category input[type=checkbox]:checked + label:before {
  background-color: #690f95;
  border-color: #690f95;
  color: #fff;
}
.back-sidebar ul.recent-category input[type=checkbox]:disabled + label:before {
  transform: scale(1);
  border-color: #eee;
}
.back-sidebar ul.related-courses {
  margin: 0;
  padding: 0;
  list-style: none;
}
.back-sidebar ul.related-courses li {
  display: flex;
  align-items: center;
  padding-bottom: 1.2em;
}
.back-sidebar ul.related-courses li .back-ratings i {
  font-size: 10px;
  color: #ff9415;
}
.back-sidebar ul.related-courses li .post-images {
  width: 87px;
  display: block;
}
.back-sidebar ul.related-courses li .post-images img {
  display: block;
  width: 127px;
  border-radius: 6px;
}
.back-sidebar ul.related-courses li .titles {
  display: block;
  padding-left: 20px;
}
.back-sidebar ul.related-courses li .titles h4 {
  margin: 0 0 6px;
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
}
.back-sidebar ul.related-courses li .titles h4 a {
  color: #020334;
}
.back-sidebar ul.related-courses li .titles h4:hover a {
  color: #690f95;
}
.back-sidebar ul.related-courses li .titles span {
  font-weight: 700;
  color: #54565c;
  color: #690f95;
}
.back-sidebar ul.related-courses li:last-child {
  padding-bottom: 0;
}
.back-sidebar ul.recent-posts {
  margin: 0;
  padding: 0;
  list-style: none;
}
.back-sidebar ul.recent-posts li {
  display: flex;
  align-items: center;
  padding-bottom: 1.2em;
}
.back-sidebar ul.recent-posts li .back-ratings i {
  font-size: 10px;
  color: #ff9415;
}
.back-sidebar ul.recent-posts li .post-images {
  width: 87px;
  display: block;
}
.back-sidebar ul.recent-posts li .post-images img {
  display: block;
  width: 127px;
  border-radius: 6px;
}
.back-sidebar ul.recent-posts li .titles {
  display: block;
  padding-left: 20px;
}
.back-sidebar ul.recent-posts li .titles h4 {
  margin: 0 0 6px;
  font-weight: 800;
  font-size: 16px;
  line-height: 20px;
}
.back-sidebar ul.recent-posts li .titles h4 a {
  color: #020334;
}
.back-sidebar ul.recent-posts li .titles h4:hover a {
  color: #690f95;
}
.back-sidebar ul.recent-posts li .titles span {
  font-weight: 600;
  color: #737383;
}
.back-sidebar ul.recent-posts li:last-child {
  padding-bottom: 0;
}
.back-sidebar ul.recent-comments {
  margin: 0;
  padding: 0;
  list-style: none;
}
.back-sidebar ul.recent-comments li {
  display: flex;
  padding-top: 25px;
  border-top: 1px solid #e7e9ef;
  margin-top: 25px;
}
.back-sidebar ul.recent-comments li .back-ratings i {
  font-size: 10px;
  color: #ff9415;
}
.back-sidebar ul.recent-comments li .post-images {
  width: 100px;
  display: block;
}
.back-sidebar ul.recent-comments li .post-images img {
  display: block;
  border-radius: 50%;
}
.back-sidebar ul.recent-comments li .titles {
  display: block;
  padding-left: 20px;
  line-height: 1.3;
}
.back-sidebar ul.recent-comments li .titles h4 {
  margin: 0;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
}
.back-sidebar ul.recent-comments li .titles h4 a {
  color: #020334;
}
.back-sidebar ul.recent-comments li .titles h4:hover a {
  color: #690f95;
}
.back-sidebar ul.recent-comments li .titles span {
  font-weight: 600;
  color: #737383;
  font-size: 13px;
}
.back-sidebar ul.recent-comments li .titles p {
  margin: 15px 0 0;
  font-size: 16px;
  color: #484959;
}
.back-sidebar ul.recent-comments li:first-child {
  padding-top: 0;
  margin-top: 0;
  border-top: 0;
}
.back-sidebar ul.recent-category {
  margin: 0;
  padding: 0;
  list-style: none;
}
.back-sidebar ul.recent-category li a {
  color: #020334;
  border-top: 1px solid #e7e9ef;
  display: block;
  line-height: 1;
  padding: 14px 0 13px;
  font-size: 15px;
  position: relative;
  transition: all 0.5s ease 0s;
  font-weight: 500;
}
.back-sidebar ul.recent-category li a:before {
  content: "";
  margin: 0 11px 0 0;
  background: #acadba;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  display: inline-block;
}
.back-sidebar ul.recent-category li a:hover {
  color: #690f95;
}
.back-sidebar ul.recent-category li a:hover:before {
  background: #690f95;
}
.back-sidebar ul.recent-category li a span {
  float: right;
  clear: right;
}
.back-sidebar ul.recent-category li:first-child a {
  padding-top: 0;
  border-top: 0;
}
.back-sidebar ul.recent-category li:last-child a {
  padding-bottom: 0;
}
.back-sidebar h3.widget-title {
  margin: 0;
  font-size: 20px;
  padding-bottom: 1.5em;
  color: #020334;
  font-weight: 700;
  line-height: 1.2;
}
.back-sidebar form {
  position: relative;
}
.back-sidebar form input {
  width: 100%;
  padding: 21px 28px;
  background: #eef1f5;
  outline: none;
  border-radius: 2px;
  border: none;
  padding-right: 80px;
}
.back-sidebar form button {
  background: transparent;
  color: #ffffff;
  display: inline-block;
  padding: 14px 28px;
  border-radius: 0 3px 3px 0;
  font-size: 16px;
  border: none;
  outline: none;
  cursor: pointer;
  margin-top: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all .5s ease;
}
.back-sidebar form button svg {
  color: #333;
  position: relative;
  top: 6px;
}
.back-sidebar form button svg:hover {
  color: #690f95;
}
.back-sidebar form button:hover {
  opacity: .9;
}
.back-pagination {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
}
.back-pagination li:not(.back-next) a {
  width: 35px;
  height: 35px;
  border: 2px solid rgba(2, 3, 52, 0.078);
  display: inline-block;
  line-height: 32px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  border-radius: 6px;
  color: #020334;
}
.back-pagination li:not(.back-next) a:hover {
  border: 2px solid #690f95;
  background: #690f95;
  color: #ffffff;
}
.back-pagination li {
  margin-right: 7px;
}
.back-pagination li.back-next {
  line-height: 45px;
  padding-left: 15px;
}
.back-pagination li.back-next a {
  font-size: 14px;
  font-weight: 600;
  color: #020334;
  border: 2px solid rgba(2, 3, 52, 0.078);
  padding: 6px 18px;
  border-radius: 6px;
}
.back-pagination li.back-next a i {
  font-size: 20px;
  position: relative;
  top: 3px;
}
.back-pagination li.back-next a:hover {
  background: #690f95;
  color: #ffffff;
}
.back-pagination svg {
  width: 18px;
  color: #020334;
  position: relative;
  top: 7px;
  left: 3px;
  transition: all 0.5s ease 0s;
}
.back-pagination.back-shop-pagination {
  justify-content: center;
  padding-top: 50px;
}
/*****************************************************
    29. Profile Section CSS Here
****************************/
.profile-top {
  background: #ffffff;
}
.profile-top .teacher__course {
  padding-top: 50px;
  border-top: 1px solid #e8eaf0;
  margin-top: 57px;
  font-size: 30px;
  font-weight: 800;
  margin-bottom: 40px;
}
.profile-top .follow {
  border: 2px solid #e8eaf0;
  padding: 7px 24px 7px 24px;
  color: #020334;
  font-size: 15px;
  font-weight: 600;
  border-radius: 5px;
}
.profile-top .follow:hover {
  background: #690f95;
  border-color: #690f95;
  color: #ffffff;
}
.profile-top .user-section {
  display: flex;
  align-items: center;
  padding-bottom: 30px;
  border-bottom: 1px solid #e8eaf0;
  margin-bottom: 30px;
}
.profile-top .user-section li {
  padding-right: 60px;
  line-height: 1.5;
  font-size: 14px;
  color: #6d6e75;
  font-weight: 500;
}
.profile-top .user-section li .name {
  color: #020334;
  font-size: 34px;
  font-weight: 800;
}
.profile-top .user-section li em {
  display: block;
  font-style: normal;
}
.profile-top .user-section li .back-ratings i {
  font-size: 14px;
  color: #ff9415;
}
.profile-top .user-section li.social a {
  color: #898a93;
  margin: 0 6px 0 0;
  font-size: 13px;
}
.profile-top .user-section li.social a:hover {
  color: #690f95;
}
.profile-top h3 {
  font-size: 20px;
  font-weight: 600;
}
/*****************************************************
    30. Courses Section CSS Here
****************************/
.back-courses__single-page .user-section {
  display: flex;
  align-items: center;
  padding-bottom: 50px;
}
.back-courses__single-page .user-section li {
  padding-right: 60px;
  line-height: 1.3;
  font-size: 14px;
  color: #6d6e75;
  font-weight: 500;
}
.back-courses__single-page .user-section li em {
  display: block;
  font-style: normal;
  font-size: 15px;
  color: #020334;
  font-weight: 700;
  padding-top: 4px;
}
.back-courses__single-page .user-section li.user {
  display: flex;
}
.back-courses__single-page .user-section li.user span {
  padding-right: 12px;
}
.back-courses__single-page .user-section li.user span img {
  width: 42px;
  border-radius: 50%;
}
.back-courses__single-page .user-section li .back-ratings i {
  font-size: 14px;
  color: #ff9415;
}
.back-courses__single-page .course-single-tab .nav.nav-tabs {
  border: 1px solid rgba(2, 3, 52, 0.078);
  padding: 0 0 1px 0;
  margin-top: 40px;
  border-radius: 6px;
  margin-bottom: 50px;
}
.back-courses__single-page .course-single-tab .nav.nav-tabs li {
  width: 25%;
}
.back-courses__single-page .course-single-tab .nav.nav-tabs li a {
  border: none;
  color: #484959;
  font-size: 15px;
  font-weight: 600;
  border-radius: 0;
  border-right: 1px solid rgba(2, 3, 52, 0.078);
  padding: 14px 0px;
  text-align: center;
}
.back-courses__single-page .course-single-tab .nav.nav-tabs li a svg {
  width: 18px;
  height: 18px;
  margin-right: 3px;
  position: relative;
  top: -1px;
}
.back-courses__single-page .course-single-tab .nav.nav-tabs li a svg.feather-book {
  width: 16px;
  height: 17px;
}
.back-courses__single-page .course-single-tab .nav.nav-tabs li a.active,
.back-courses__single-page .course-single-tab .nav.nav-tabs li a:hover {
  background: #690f95;
  color: #ffffff;
}
.back-courses__single-page .course-single-tab .nav.nav-tabs li a.active svg,
.back-courses__single-page .course-single-tab .nav.nav-tabs li a:hover svg {
  color: #ffffff;
}
.back-courses__single-page .course-single-tab .nav.nav-tabs li:last-child a {
  border-right: 0;
  border-radius: 0px 6px 6px 0px;
}
.back-courses__single-page .course-single-tab .nav.nav-tabs li:first-child a {
  border-radius: 6px 0px 0px 6px;
}
.back-courses__single-page .course-single-tab #back-tab-content h3 {
  font-size: 20px;
  color: #020334;
  font-weight: 800;
  margin: 0 0 20px;
}
.back-courses__single-page .course-single-tab #back-tab-content p {
  font-size: 16px;
  color: #4b4b57;
}
.back-courses__single-page .course-single-tab #back-tab-content .back-tag a {
  font-size: 16px;
  font-weight: 500;
  color: #737383;
}
.back-courses__single-page .course-single-tab #back-tab-content .back-tag a:hover {
  color: #690f95;
}
.back-courses__single-page .course-single-tab #back-tab-content .back-tag svg {
  width: 18px;
  height: 18px;
  margin-right: 4px;
}
.back-courses__single-page .course-single-tab #back-tab-content .back-objectives {
  background: #f7f7f8;
  overflow: hidden;
  padding: 40px;
  border-radius: 2px;
  margin-top: 50px;
  margin-bottom: 40px;
}
.back-courses__single-page .course-single-tab #back-tab-content .back-objectives h3 {
  font-size: 20px;
  color: #020334;
  font-weight: 800;
  margin: 0 0 20px;
}
.back-courses__single-page .course-single-tab #back-tab-content .back-objectives li {
  float: left;
  width: 50%;
  font-size: 15px;
  font-weight: 600;
  color: #020334;
  position: relative;
  padding-left: 42px;
  margin: 10px 0 17px;
  line-height: 1.3;
}
.back-courses__single-page .course-single-tab #back-tab-content .back-objectives li:first-child {
  float: none;
  width: 100%;
  padding: 0;
}
.back-courses__single-page .course-single-tab #back-tab-content .back-objectives li i {
  background: #690f95;
  padding: 6px;
  color: #ffffff;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  left: 0;
}
.back-courses__single-page .course-single-tab #back-tab-content .back-other-instructors {
  margin: 50px 0 50px;
}
.back-courses__single-page .course-single-tab #back-tab-content .back-other-instructors h3 {
  font-size: 20px;
  color: #020334;
  font-weight: 800;
  margin: 0 0 28px;
}
.back-courses__single-page .course-single-tab #back-tab-content .back-other-instructors li {
  display: inline-flex;
  font-size: 15px;
  font-weight: 600;
  color: #020334;
  margin-right: 60px;
}
.back-courses__single-page .course-single-tab #back-tab-content .back-other-instructors li:first-child {
  display: block;
  margin-right: 0;
}
.back-courses__single-page .course-single-tab #back-tab-content .back-other-instructors li span {
  display: block;
  line-height: 1.3;
}
.back-courses__single-page .course-single-tab #back-tab-content .back-other-instructors li span img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 20px;
}
.back-courses__single-page .course-single-tab #back-tab-content .back-other-instructors li em {
  display: block;
  font-style: normal;
  font-size: 15px;
  color: #6d6e75;
}
.back-courses__single-page .course-single-tab #back-tab-content .single-week {
  background: #f7f7f8;
  padding: 40px 40px 30px 40px;
  border-radius: 6px;
  margin-bottom: 20px;
}
.back-courses__single-page .course-single-tab #back-tab-content .single-week .week__top {
  display: flex;
  border-bottom: 1px solid rgba(2, 3, 52, 0.078);
  justify-content: space-between;
  font-size: 20px;
  font-weight: 800;
  padding-bottom: 10px;
  margin-bottom: 28px;
  color: #020334;
}
.back-courses__single-page .course-single-tab #back-tab-content .single-week .week__top li:last-child {
  color: #828287;
  font-weight: 700;
}
.back-courses__single-page .course-single-tab #back-tab-content .single-week .course__title li {
  border-bottom: 1px solid rgba(2, 3, 52, 0.078);
  color: #4b4c57;
  padding: 12px 0 12px;
  overflow: hidden;
}
.back-courses__single-page .course-single-tab #back-tab-content .single-week .course__title li svg {
  width: 20px;
  height: 20px;
  margin-right: 7px;
  position: relative;
  top: -2px;
}
.back-courses__single-page .course-single-tab #back-tab-content .single-week .course__title li em {
  font-style: normal;
  float: right;
}
.back-courses__single-page .course-single-tab #back-tab-content .single-week .course__title li em svg {
  width: 17px;
  height: 17px;
  margin-right: 3px;
  position: relative;
  top: -2px;
}
.back-courses__single-page .course-single-tab #back-tab-content .single-week .course__title li em.questions {
  background-color: rgba(248, 69, 45, 0.102);
  color: #f8452d;
  padding: 6px 10px;
  line-height: 1;
  border-radius: 6px;
  margin-left: 20px;
  font-weight: 500;
}
.back-courses__single-page .course-single-tab #back-tab-content .single-week .course__title li b {
  font-weight: 700;
  color: #020334;
}
.back-courses__single-page .course-single-tab #back-tab-content .single-week .course__title li:last-child {
  border: none;
}
.back-courses__single-page .course-single-tab #back-tab-content .skillbar-style2 .skillbar {
  position: relative;
  display: block;
  background: #e0e0e0;
  height: 10px;
  width: 100%;
  clear: both;
  margin: 0 0 40px;
  border-radius: 30px;
}
.back-courses__single-page .course-single-tab #back-tab-content .skillbar-style2 .skillbar .skillbar-bar {
  height: 10px;
  width: 0;
  background: rgba(42, 109, 245, 0.8);
  display: block;
  margin: 0;
  position: relative;
  border-radius: 30px;
}
.back-courses__single-page .course-single-tab #back-tab-content .skillbar-style2 .skillbar .skill-bar-percent,
.back-courses__single-page .course-single-tab #back-tab-content .skillbar-style2 .skillbar .skillbar-title {
  position: absolute;
  top: -26px;
  font-weight: 500;
  color: #020334;
}
.back-courses__single-page .course-single-tab #back-tab-content .skillbar-style2 .skillbar .skillbar-title {
  font-size: 14px;
  left: 0;
}
.back-courses__single-page .course-single-tab #back-tab-content .skillbar-style2 .skillbar .skill-bar-percent {
  font-size: 13px;
  right: 0;
  z-index: 1;
}
.back-courses__single-page .course-single-tab #back-tab-content .five__number {
  background: #f0f2f6;
  text-align: center;
  padding: 50px;
}
.back-courses__single-page .course-single-tab #back-tab-content .five__number em {
  font-size: 100px;
  color: #020334;
  font-style: normal;
  line-height: 1.2;
  margin-bottom: 8px;
}
.back-courses__single-page .course-single-tab #back-tab-content .five__number i {
  color: #ff9415;
  font-size: 14px;
}
.back-courses__single-page .course-single-tab #back-tab-content .post-author {
  display: flex;
  align-items: center;
  padding: 25px 40px 30px;
  overflow: hidden;
  margin-bottom: 20px;
  background: #f0f1f5;
  border-radius: 10px;
}
.back-courses__single-page .course-single-tab #back-tab-content .post-author .avatar {
  margin-right: 20px;
}
.back-courses__single-page .course-single-tab #back-tab-content .post-author .avatar img {
  border-radius: 50%;
  width: 80px;
}
.back-courses__single-page .course-single-tab #back-tab-content .post-author .info .back-ratings i {
  color: #ff9415;
  font-size: 14px;
}
.back-courses__single-page .course-single-tab #back-tab-content .post-author .info .name {
  margin: 15px 0 0;
  color: #020334;
  transition: all 0.5s ease 0s;
  font-size: 16px;
  font-weight: 700;
}
.back-courses__single-page .course-single-tab #back-tab-content .post-author .info .designation {
  font-size: 13px;
  color: #54565c;
  margin: 0;
  font-weight: 500;
}
.back-courses__single-page .course-single-tab #back-tab-content .post-author p {
  font-size: 16px;
  color: #4b4b57;
  margin: 0;
  line-height: 24px;
}
.back-courses__single-page .course-single-tab #back-tab-content .post-author:hover .info .name {
  color: #690f95;
}
.back-courses__single-page .course-single-tab #back-tab-content .member-sec {
  border: 2px solid #f0f2f6;
  border-radius: 10px;
}
.back-courses__single-page .course-single-tab #back-tab-content .member-sec h3 {
  background: #f0f2f6;
  font-size: 18px;
  font-weight: 800;
  color: #020334;
  padding: 20px 35px;
  margin: 0;
}
.back-courses__single-page .course-single-tab #back-tab-content .member-sec ul {
  padding: 26px 30px 26px 35px;
  border-top: 1px solid rgba(2, 3, 52, 0.078);
}
.back-courses__single-page .course-single-tab #back-tab-content .member-sec .user-section li {
  padding-right: 0px;
  flex: 0 0 30%;
}
.back-courses__single-page .course-single-tab #back-tab-content .member-sec .user-section li.user {
  align-items: center;
}
.back-courses__single-page .course-single-tab #back-tab-content .member-sec .user-section li span img {
  width: 60px;
}
.back-courses__single-page .course-single-tab #back-tab-content .member-sec .user-section li:last-child {
  padding-right: 0;
}
.back-courses__single-page .course-single-tab #back-tab-content .member-sec .user-section li:nth-child(2) {
  padding-left: 70px;
}
.back-courses__single-page .course-single-tab #back-tab-content .member-sec .user-section li:nth-child(3) {
  padding-left: 40px;
}
.back-courses__single-page .course-single-tab #back-tab-content .blog-form form .back-ratings {
  padding-bottom: 25px;
  padding-top: 6px;
  line-height: 1;
}
.back-courses__single-page .course-single-tab #back-tab-content .blog-form form .back-ratings i {
  font-size: 14px;
  color: #b8b9bf;
}
.back-courses__single-page .course-single-tab #back-tab-content .blog-form form .back-ratings i:nth-child(1),
.back-courses__single-page .course-single-tab #back-tab-content .blog-form form .back-ratings i:nth-child(2) {
  color: #ff9415;
}
.back-courses__single-page .course-single-tab #back-tab-content .blog-form form input {
  width: 100%;
  height: 57px;
  padding: 10px 30px 10px 30px;
  background: #f0f1f5;
  border: none;
  outline: none;
  border-radius: 6px;
  margin-bottom: 25px;
  border: 2px solid #f0f1f5;
}
.back-courses__single-page .course-single-tab #back-tab-content .blog-form form input:focus {
  border: 2px solid #690f95;
  background: none;
}
.back-courses__single-page .course-single-tab #back-tab-content .blog-form form textarea {
  width: 100%;
  height: 160px;
  padding: 22px 30px;
  background: #f0f1f5;
  border: none;
  outline: none;
  border-radius: 6px;
  margin-bottom: 5px;
  position: relative;
  border: 2px solid #f0f1f5;
}
.back-courses__single-page .course-single-tab #back-tab-content .blog-form form textarea:focus {
  border: 2px solid #690f95;
  background: none;
}
.back-courses__single-page .course-single-tab #back-tab-content .blog-form form button {
  background: #690f95;
  font-size: 15px;
  color: #ffffff;
  border-radius: 6px;
  padding: 12px 30px;
  display: inline-block;
  font-weight: 600;
  transition: all 0.5s ease 0s;
  border: none;
  outline: none;
  box-shadow: none;
  cursor: pointer;
  margin-top: 25px;
}
.back-courses__single-page .course-single-tab #back-tab-content .blog-form form button:hover {
  color: #ffffff;
  background: #11aba0;
}
.back-courses__single-page .course-single-tab #back-tab-content .blog-form form .back-check-box {
  align-items: center;
  margin-top: 10px;
  margin-bottom: 20px;
  color: #55575c;
  font-size: 16px;
}
.back-courses__single-page .course-single-tab #back-tab-content .blog-form form .back-check-box a {
  color: #1a152e;
}
.back-courses__single-page .course-single-tab #back-tab-content .blog-form form .back-check-box a:hover {
  color: #74727d;
}
.back-courses__single-page .course-single-tab #back-tab-content .blog-form form .back-check-box input {
  width: auto;
  margin: 0 8px 0 0;
  height: 16px;
  width: 16px;
}
.back-courses__single-page .course-single-tab #back-tab-content .blog-form form ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */

  color: #7b7d82;
  opacity: 1;
  font-size: 16px;
}
.back-courses__single-page .course-single-tab #back-tab-content .blog-form form ::-moz-placeholder {
  /* Firefox 19+ */

  color: #7b7d82;
  opacity: 1;
  font-size: 16px;
}
.back-courses__single-page .course-single-tab #back-tab-content .blog-form form :-ms-input-placeholder {
  /* IE 10+ */

  color: #7b7d82;
  opacity: 1;
  font-size: 16px;
}
.back-courses__single-page .course-single-tab #back-tab-content .blog-form form :-moz-placeholder {
  /* Firefox 18- */

  color: #7b7d82;
  opacity: 1;
  font-size: 16px;
}
.back-courses__single-page .course-single-tab #back-tab-content .social-links h4 {
  font-size: 16px;
  font-weight: 800;
  margin: 0 0 26px;
}
.back-courses__single-page .course-single-tab #back-tab-content .social-links li a {
  border-radius: 6px;
}
.back-courses__single-page .course-single-tab #back-tab-content .social-links li:first-child {
  float: none;
  width: 100%;
  padding: 0;
  display: block;
}
/*****************************************************
    31. Blog Page CSS Here
****************************/
.back-blog-page .single-blog {
  transition: all 0.5s ease 0s;
  border-bottom: 1px solid rgba(2, 3, 52, 0.078);
  margin-bottom: 60px;
  padding-bottom: 60px;
}
.back-blog-page .single-blog.blog__last {
  margin-bottom: 0px;
  padding-bottom: 0px;
  border-bottom: none;
}
.back-blog-page .single-blog .blog-content {
  padding: 40px 40px 0;
}
.back-blog-page .single-blog .blog-content .top-part {
  display: flex;
  align-items: center;
  padding-bottom: 12px;
}
.back-blog-page .single-blog .blog-content .top-part li {
  font-size: 15px;
  color: #737383;
  padding-right: 25px;
  font-weight: 500;
}
.back-blog-page .single-blog .blog-content .top-part li svg {
  width: 18px;
  height: 18px;
  position: relative;
  top: -2px;
  margin-right: 4px;
}
.back-blog-page .single-blog .blog-content .blog-title {
  font-size: 40px;
  line-height: 1;
  font-weight: 700;
  margin-bottom: 25px;
  font-family: 'Inter', sans-serif;
}
.back-blog-page .single-blog .blog-content .blog-title a {
  color: #020334;
}
.back-blog-page .single-blog .blog-content .blog-title a:hover {
  color: #690f95;
}
.back-blog-page .single-blog .blog-content .blog-desc {
  color: #55575c;
  margin-bottom: 30px;
}
.back-blog-page .single-blog .blog-content .back-btn-border {
  border-radius: 4px;
  padding: 7px 38px;
}
.back-blog-page .single-blog .blog-content .back-btn-border i {
  font-size: 19px;
  position: relative;
  top: 4px;
  left: 2px;
}
.back-blog-page blockquote {
  position: relative;
  margin: 40px 0px 60px;
  padding: 50px 40px 50px 40px;
  color: #020334;
  background: #f5f7fa;
  border-radius: 0px;
  font-size: 24px;
  overflow: hidden;
  line-height: 33px;
  font-weight: 400;
  z-index: 1;
}
.back-blog-page blockquote:before {
  content: "";
  font-size: 120px;
  position: absolute;
  background: url(assets/images/blog-grid/qu.png) no-repeat right bottom;
  bottom: -30px;
  right: 47px;
  width: 107px;
  height: 107px;
  z-index: -1;
}
.back-blog-page blockquote.block__link_q:before {
  content: "";
  font-size: 120px;
  position: absolute;
  background: url(assets/images/blog-grid/link.png) no-repeat right bottom;
  bottom: -6px;
  right: 47px;
  width: 180px;
  height: 180px;
  z-index: -1;
}
.back-blog-page blockquote em {
  display: block;
  font-style: normal;
  color: #020334;
  font-size: 20px;
  margin-top: 16px;
  font-weight: 800;
  position: relative;
  padding-left: 30px;
}
.back-blog-page blockquote em:before {
  content: "";
  position: absolute;
  bottom: 16px;
  left: 0px;
  width: 20px;
  height: 2px;
  z-index: -1;
  background: #690f95;
}
/*****************************************************
    32. Blog Details Page CSS
****************************/
.back-blog-page-single {
  padding: 120px 0;
}
.back-blog-page-single .blog-single-inner .blog-image {
  margin-bottom: 42px;
}
.back-blog-page-single .blog-single-inner .blog-content {
  color: #3e3e51;
}
.back-blog-page-single .blog-single-inner .blog-content p:first-child {
  margin: -8px 0 0;
  overflow: hidden;
}
.back-blog-page-single .blog-single-inner .blog-content p {
  margin-bottom: 40px;
  line-height: 30px;
  font-size: 17px;
  font-weight: 500;
}
.back-blog-page-single .blog-single-inner .blog-content .back-order-list h3 {
  font-size: 30px;
  font-weight: 800;
}
.back-blog-page-single .blog-single-inner .blog-content .back-order-list ul li {
  margin: 20px 0;
  font-size: 16px;
  font-weight: 600;
  color: #020334;
}
.back-blog-page-single .blog-single-inner .blog-content .back-order-list ul li i {
  background: rgba(12, 22, 54, 0.051);
  padding: 7px;
  border-radius: 50%;
  margin-right: 12px;
}
.back-blog-page-single .blog-single-inner .blog-content blockquote {
  position: relative;
  margin: 50px 0px 60px;
  padding: 50px 90px 50px 50px;
  color: #020334;
  background: #fff;
  box-shadow: 0px 20px 50px 0px rgba(0, 11, 47, 0.08), inset 0px 3px 0px 0px rgba(42, 109, 245, 0.004);
  border-radius: 0px;
  font-size: 24px;
  overflow: hidden;
  line-height: 33px;
  font-weight: 400;
  z-index: 1;
  border-left: 3px solid #690f95;
}
.back-blog-page-single .blog-single-inner .blog-content blockquote:before {
  content: "";
  font-size: 120px;
  position: absolute;
  background: url(assets/images/single-blog/qu.png) no-repeat right bottom;
  bottom: -20px;
  right: 120px;
  width: 107px;
  height: 107px;
  z-index: -1;
}
.back-blog-page-single .blog-single-inner .blog-content blockquote.block__link_q:before {
  content: "";
  font-size: 120px;
  position: absolute;
  background: url(assets/images/blog-grid/link.png) no-repeat right bottom;
  bottom: -6px;
  right: 47px;
  width: 180px;
  height: 180px;
  z-index: -1;
}
.back-blog-page-single .blog-single-inner .blog-content blockquote em {
  display: block;
  font-style: normal;
  color: #020334;
  font-size: 20px;
  margin-top: 16px;
  font-weight: 800;
  position: relative;
}
.back-blog-page-single .blog-single-inner .blog-content .blog-tags {
  margin-top: 40px;
  display: block;
  padding: 30px 0 25px;
  border-top: 1px solid #ecedf3;
}
.back-blog-page-single .blog-single-inner .blog-content .blog-tags ul.mata-tags li {
  display: inline-block;
  margin-right: 5px;
}
.back-blog-page-single .blog-single-inner .blog-content .blog-tags ul.mata-tags li a {
  padding: 3px 20px;
  border: 2px solid #ecedf3;
  font-size: 14px;
  color: #5c5c68;
  font-weight: 600;
  display: block;
  border-radius: 6px;
}
.back-blog-page-single .blog-single-inner .blog-content .blog-tags ul.mata-tags li a:hover {
  background: #690f95;
  color: #ffffff;
  border-color: #690f95;
}
.back-blog-page-single .blog-single-inner .blog-content .blog-tags ul.mata-tags li:last-child {
  margin: 0;
}
.back-blog-page-single .blog-single-inner .blog-content .blog-tags ul.mata-tags li.tags {
  font-size: 20px;
  font-weight: 700;
  color: #020334;
  margin-right: 20px;
}
.back-blog-page-single .blog-single-inner .blog-content .blog-tags .social-links li {
  display: inline-block;
  padding-left: 5px;
}
.back-blog-page-single .blog-single-inner .blog-content .blog-tags .social-links li a {
  color: #54565c;
  border: 2px solid #e7e9ef;
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 34px;
  text-align: center;
  font-size: 13px;
  border-radius: 6px;
}
.back-blog-page-single .blog-single-inner .blog-content .blog-tags .social-links li a:hover {
  color: #ffffff;
  border-color: #690f95;
  background: #690f95;
}
.back-blog-page-single .blog-single-inner .blog-content .blog-tags .social-links li a i.social_linkedin {
  position: relative;
  top: -2px;
}
.back-blog-page-single .blog-single-inner .blog-content .blog-tags .social-links li.shares {
  font-size: 20px;
  font-weight: 700;
  color: #020334;
  margin-right: 20px;
}
.back-blog-page-single .blog-single-inner .blog-content .post-author {
  display: flex;
  align-items: center;
  padding: 40px;
  overflow: hidden;
  margin-top: 50px;
  background: #f0f1f5;
}
.back-blog-page-single .blog-single-inner .blog-content .post-author .avatar {
  margin-right: 20px;
}
.back-blog-page-single .blog-single-inner .blog-content .post-author .avatar img {
  border-radius: 50%;
  width: 122px;
}
.back-blog-page-single .blog-single-inner .blog-content .post-author .info .name {
  margin: 0;
  color: #020334;
  transition: all 0.5s ease 0s;
  font-size: 20px;
  font-weight: 800;
}
.back-blog-page-single .blog-single-inner .blog-content .post-author .info .designation {
  font-size: 14px;
  color: #020334;
  margin: 0;
  font-weight: 600;
}
.back-blog-page-single .blog-single-inner .blog-content .post-author p {
  font-size: 16px;
  color: #484959;
  margin: 9px 0 12px;
  line-height: 24px;
}
.back-blog-page-single .blog-single-inner .blog-content .post-author:hover .info .name {
  color: #690f95;
}
.back-blog-page-single .blog-single-inner .blog-content .author-comment {
  margin-bottom: 0px;
  margin-top: 60px;
}
.back-blog-page-single .blog-single-inner .blog-content .author-comment h4 {
  margin: 36px 0 20px;
  font-size: 24px;
  font-weight: 700;
  color: #020334;
}
.back-blog-page-single .blog-single-inner .blog-content .author-comment span {
  font-size: 15px;
  color: #7f7d86;
}
.back-blog-page-single .blog-single-inner .blog-content .author-comment span i:before {
  font-size: 13px;
  padding-right: 3px;
  position: relative;
  top: -1px;
}
.back-blog-page-single .blog-single-inner .blog-content .author-comment h6 {
  margin: 0 0 3px;
  font-size: 18px;
  color: #020334;
  font-weight: 700;
}
.back-blog-page-single .blog-single-inner .blog-content .author-comment ul {
  padding: 0;
  margin: 0;
}
.back-blog-page-single .blog-single-inner .blog-content .author-comment ul li {
  margin: 0;
  padding: 30px 57px 38px 0px;
  border-bottom: 1px solid rgba(2, 3, 52, 0.078);
}
.back-blog-page-single .blog-single-inner .blog-content .author-comment ul li .col-sm-2 {
  text-align: left;
  padding-right: 6px;
}
.back-blog-page-single .blog-single-inner .blog-content .author-comment ul li:nth-child(2) {
  margin-left: 120px;
  padding: 30px 52px 38px 8px;
}
.back-blog-page-single .blog-single-inner .blog-content .author-comment ul li:nth-child(2) .col-sm-2 {
  padding-right: 6px;
}
.back-blog-page-single .blog-single-inner .blog-content .author-comment ul li:nth-child(2) .image-comments img {
  width: 55px;
}
.back-blog-page-single .blog-single-inner .blog-content .author-comment ul li:nth-child(3) {
  margin-left: 120px;
  padding: 30px 52px 38px 8px;
}
.back-blog-page-single .blog-single-inner .blog-content .author-comment ul li:nth-child(3) .col-sm-2 {
  padding-right: 6px;
}
.back-blog-page-single .blog-single-inner .blog-content .author-comment ul li:nth-child(3) .image-comments img {
  width: 55px;
}
.back-blog-page-single .blog-single-inner .blog-content .author-comment ul li .image-comments {
  margin-top: 0;
}
.back-blog-page-single .blog-single-inner .blog-content .author-comment ul li .image-comments img {
  width: 55px;
  border-radius: 100%;
}
.back-blog-page-single .blog-single-inner .blog-content .author-comment ul li .reply {
  display: block;
  font-size: 14px;
  color: #707175;
}
.back-blog-page-single .blog-single-inner .blog-content .author-comment ul li .reply a {
  color: #690f95;
}
.back-blog-page-single .blog-single-inner .blog-content .author-comment ul li .reply a:hover {
  color: #690f95;
}
.back-blog-page-single .blog-single-inner .blog-content .author-comment ul li .dsc-comments h4 {
  margin: 0 0 12px;
}
.back-blog-page-single .blog-single-inner .blog-content .author-comment ul li .dsc-comments a {
  padding: 4px 17px;
  font-size: 15px;
  color: #020334;
  font-weight: 500;
  border-radius: 6px;
  border: 2px solid #ecedf3;
}
.back-blog-page-single .blog-single-inner .blog-content .author-comment ul li .dsc-comments a svg {
  width: 19px;
  position: relative;
  top: 6px;
  margin-right: 4px;
}
.back-blog-page-single .blog-single-inner .blog-content .author-comment ul li .dsc-comments a:hover {
  color: #ffffff;
  background: #690f95;
  border-color: #690f95;
}
.back-blog-page-single .blog-single-inner .blog-content .author-comment ul li .dsc-comments p {
  margin: 12px 0 24px;
  color: #55575c;
  font-size: 16px;
  line-height: 24px;
}
.back-blog-page-single .blog-single-inner .blog-content .blog-form {
  margin-top: 98px;
  z-index: 9;
  position: relative;
}
.back-blog-page-single .blog-single-inner .blog-content .blog-form .back-input {
  position: relative;
}
.back-blog-page-single .blog-single-inner .blog-content .blog-form .back-input img {
  position: absolute;
  bottom: 55px;
  left: 30px;
}
.back-blog-page-single .blog-single-inner .blog-content .blog-form .back-textarea img {
  position: absolute;
  top: 57px;
  left: 47px;
  z-index: 1;
}
.back-blog-page-single .blog-single-inner .blog-content .blog-form h3 {
  font-size: 24px;
  color: #020334;
  font-weight: 800;
  margin-bottom: 38px;
}
.back-blog-page-single .blog-single-inner .blog-content .blog-form form label {
  color: #1a152e;
  font-size: 14px;
  font-weight: 500;
}
.back-blog-page-single .blog-single-inner .blog-content .blog-form form input {
  width: 100%;
  height: 57px;
  padding: 10px 30px 10px 30px;
  background: #f0f1f5;
  border: none;
  outline: none;
  border-radius: 10px;
  margin-bottom: 25px;
  border: 2px solid #f0f1f5;
}
.back-blog-page-single .blog-single-inner .blog-content .blog-form form input:focus {
  border: 2px solid #690f95;
  background: none;
}
.back-blog-page-single .blog-single-inner .blog-content .blog-form form textarea {
  width: 100%;
  height: 160px;
  padding: 22px 30px;
  background: #f0f1f5;
  border: none;
  outline: none;
  border-radius: 10px;
  margin-bottom: 25px;
  position: relative;
  border: 2px solid #f0f1f5;
}
.back-blog-page-single .blog-single-inner .blog-content .blog-form form textarea:focus {
  border: 2px solid #690f95;
  background: none;
}
.back-blog-page-single .blog-single-inner .blog-content .blog-form form button {
  background: #690f95;
  font-size: 16px;
  color: #ffffff;
  border-radius: 10px;
  padding: 10px 38px;
  display: inline-block;
  font-weight: 500;
  transition: all 0.5s ease 0s;
  border: none;
  outline: none;
  box-shadow: none;
  cursor: pointer;
  width: 100%;
}
.back-blog-page-single .blog-single-inner .blog-content .blog-form form button:hover {
  color: #ffffff;
  opacity: .8;
}
.back-blog-page-single .blog-single-inner .blog-content .blog-form form .back-check-box {
  align-items: center;
  margin-top: -6px;
  margin-bottom: 30px;
  color: #55575c;
  font-size: 16px;
}
.back-blog-page-single .blog-single-inner .blog-content .blog-form form .back-check-box a {
  color: #1a152e;
}
.back-blog-page-single .blog-single-inner .blog-content .blog-form form .back-check-box a:hover {
  color: #74727d;
}
.back-blog-page-single .blog-single-inner .blog-content .blog-form form .back-check-box input {
  width: auto;
  margin: 0 8px 0 0;
  height: 16px;
  width: 16px;
}
.back-blog-page-single .blog-single-inner .blog-content .blog-form form ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */

  color: #7b7d82;
  opacity: 1;
  font-size: 16px;
}
.back-blog-page-single .blog-single-inner .blog-content .blog-form form ::-moz-placeholder {
  /* Firefox 19+ */

  color: #7b7d82;
  opacity: 1;
  font-size: 16px;
}
.back-blog-page-single .blog-single-inner .blog-content .blog-form form :-ms-input-placeholder {
  /* IE 10+ */

  color: #7b7d82;
  opacity: 1;
  font-size: 16px;
}
.back-blog-page-single .blog-single-inner .blog-content .blog-form form :-moz-placeholder {
  /* Firefox 18- */

  color: #7b7d82;
  opacity: 1;
  font-size: 16px;
}
.back-blog-page-single .single-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 5px;
  margin-top: 25px;
  position: relative;
}
.back-blog-page-single .single-nav:before {
  content: "";
  margin: 0 6px 0 12px;
  position: absolute;
  background: #e6e7eb;
  width: 1px;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.back-blog-page-single .single-nav .back-next {
  text-align: right;
}
.back-blog-page-single .single-nav .back-prev a,
.back-blog-page-single .single-nav .back-next a {
  color: #85838c;
  font-size: 16px;
  font-weight: 500;
}
.back-blog-page-single .single-nav .back-prev a em,
.back-blog-page-single .single-nav .back-next a em {
  display: block;
  font-style: normal;
  font-weight: 600;
  color: #020334;
}
.back-blog-page-single .single-nav .back-prev a:hover,
.back-blog-page-single .single-nav .back-next a:hover {
  color: #690f95;
}
.back-blog-page-single .single-nav .back-prev a:hover em,
.back-blog-page-single .single-nav .back-next a:hover em {
  color: #690f95;
}
.back-blog-page-single .single-nav .back-prev {
  position: relative;
  padding-left: 28px;
  transition: all 500ms ease;
}
.back-blog-page-single .single-nav .back-prev i:before {
  font-size: 19px;
  margin: 0;
  font-weight: 600;
  position: absolute;
  transform: rotate(-180deg);
  top: 5px;
  left: 0;
  transition: all 500ms ease;
}
.back-blog-page-single .single-nav .back-prev:hover i:before {
  left: -6px;
}
.back-blog-page-single .single-nav .back-next {
  position: relative;
  padding-right: 28px;
  transition: all 500ms ease;
}
.back-blog-page-single .single-nav .back-next i:before {
  font-size: 19px;
  margin: 0;
  font-weight: 600;
  position: absolute;
  top: 5px;
  right: 0;
  transition: all 500ms ease;
}
.back-blog-page-single .single-nav .back-next:hover i:before {
  right: -6px;
}
.back-blog-page-single .single-nav .social-links svg {
  position: relative;
  top: 6px;
}
.back-blog-related {
  padding-top: 95px;
}
.back-blog-related .container {
  padding-left: 0;
  padding-right: 0;
}
.back-blog-related .back-title-related {
  margin: 0 0 36px;
  font-size: 24px;
  font-weight: 800;
  color: #020334;
}
.back-blog-related .container #back-blog-slider li .back-inner {
  box-shadow: -6px 30px 30px -6px rgba(10, 0, 45, 0.05);
  margin-bottom: 40px;
}
.back-blog-related .container #back-blog-slider li .back-inner .back-blog-content {
  padding: 20px 0 0px;
}
.back-blog-related .container #back-blog-slider li .back-inner .back-blog-content h3 {
  margin: 6px 0 12px;
  font-weight: 800;
  font-size: 16px;
  padding-left: 16px;
  padding-right: 16px;
}
.back-blog-related .container #back-blog-slider li .back-inner .back-blog-content h3 a {
  color: #020334;
}
.back-blog-related .container #back-blog-slider li .back-inner .back-blog-content h3:hover {
  color: #690f95;
}
.back-blog-related .container #back-blog-slider li .back-inner .back-blog-content .back-read-more {
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 26px;
}
.back-blog-related .container #back-blog-slider li .back-inner .back-blog-content .back-read-more a {
  font-size: 14px;
  color: #020334;
  font-weight: 600;
}
.back-blog-related .container #back-blog-slider li .back-inner .back-blog-content .back-read-more a i {
  margin-left: 7px;
  position: relative;
  top: 4px;
  font-size: 19px;
}
.back-blog-related .container #back-blog-slider li .back-inner .back-blog-content .back-read-more a:hover {
  color: #690f95;
}
.back-blog-related .container #back-blog-slider li .back-inner .back-blog-content ul {
  border-top: 1px solid rgba(2, 3, 52, 0.059);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 16px;
}
.back-blog-related .container #back-blog-slider li .back-inner .back-blog-content ul li svg {
  width: 16px;
  height: 16px;
  margin-right: 2px;
  position: relative;
  top: -2px;
}
.back-blog-related .container #back-blog-slider li .back-inner .back-blog-content ul li span {
  margin-right: 10px;
}
.back-blog-related .container #back-blog-slider li .back-inner .back-blog-content em {
  font-size: 13px;
  color: #484859;
  font-weight: 500;
  font-style: normal;
  padding-left: 16px;
  padding-right: 16px;
}
/*****************************************************
    33. Login CSS Here
****************************/
.back-login-page {
  background: url(assets/images/login/1.jpg) no-repeat center top;
  background-size: cover;
}
.back-login-page.back-signup-page {
  background: url(assets/images/login/3.jpg) no-repeat center top;
  background-size: cover;
}
.back-login-page .login-left-content h1 {
  font-size: 50px;
  font-weight: 800;
  color: #020334;
  margin: 0 0 18px;
}
.back-login-page .login-left-content p {
  margin: 0 0 50px;
  font-size: 17px;
  color: #55545b;
}
.back-login-page .login-left-content p a {
  font-weight: 600;
  color: #690f95;
}
.back-login-page .login-left-content p a:hover {
  color: #55545b;
}
.back-login-page .login-right-form {
  background: #ffffff;
  padding: 50px;
}
.back-login-page .login-right-form form .social-links {
  text-align: center;
}
.back-login-page .login-right-form form .social-links li a {
  border-radius: 5px;
  background: #690f95;
  color: #ffffff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border: none;
}
.back-login-page .login-right-form form .social-links li:last-child a {
  background: #f14336;
  font-size: 16px;
}
.back-login-page .login-right-form form span.back-or {
  display: block;
  font-size: 14px;
  color: #7a797f;
  text-align: center;
  font-weight: 500;
  margin: 20px 0 35px;
}
.back-login-page .login-right-form form p label {
  display: block;
  color: #020334;
  font-size: 15px;
  font-weight: 700;
  margin: 0 0 8px;
}
.back-login-page .login-right-form form input {
  border: none;
  background: #f0f2f6;
  width: 100%;
  padding: 16px 20px;
  border-radius: 3px;
}
.back-login-page .login-right-form form [type="submit"] {
  background: #690f95;
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
  border-radius: 5px;
  display: inline-block;
  padding: 10px 38px;
  transition: all 0.5s ease 0s;
  border: none;
  width: 100%;
}
.back-login-page .login-right-form form [type="submit"]:hover {
  opacity: .9;
}
.back-login-page .login-right-form form .signup {
  font-weight: 500;
  font-size: 14px;
  color: #7a797f;
  font-style: normal;
  text-align: center;
  display: block;
  padding-top: 20px;
}
.back-login-page .login-right-form form .signup a {
  color: #690f95;
}
.back-login-page .login-right-form form .signup a:hover {
  color: #7a797f;
}
.back-login-page .login-right-form form .back-check-box {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  color: #7a797f;
  margin-top: -16px;
  margin-bottom: 35px;
}
.back-login-page .login-right-form form .back-check-box input {
  width: auto;
  margin-right: 5px;
}
.back-login-page .login-right-form form .back-check-box p {
  margin: 0;
  flex: 1;
  text-align: right;
}
.back-login-page .login-right-form form .back-check-box em {
  font-weight: 600;
  font-style: normal;
  color: #020334;
}
.back-login-page .container {
  max-width: 1050px;
}
.back-login-page .row.align-center {
  align-items: center;
}
/*****************************************************
    34. Contact Page CSS Here
****************************/
.back-contact-page .back-blog-form {
  max-width: 1000px;
  margin: 0 auto;
}
.back-contact-page .back-title-sec h2 {
  font-size: 50px;
  font-weight: 700;
  color: #020334;
  margin: 0px;
}
.back-contact-page .back-address strong {
  font-size: 16px;
  color: #020334;
  font-weight: 800;
  margin: 0 0 3px;
  display: inline-block;
}
.back-contact-page .back-address a {
  font-size: 16px;
  color: #4b4b57;
}
.back-contact-page .back-address a:hover {
  color: #690f95;
}
.back-contact-page .blog-form {
  z-index: 9;
  position: relative;
  padding-top: 15px;
}
.back-contact-page .blog-form .back-input {
  position: relative;
}
.back-contact-page .blog-form .back-input img {
  position: absolute;
  bottom: 55px;
  left: 30px;
}
.back-contact-page .blog-form .back-textarea img {
  position: absolute;
  top: 57px;
  left: 47px;
  z-index: 1;
}
.back-contact-page .blog-form h3 {
  font-size: 24px;
  color: #020334;
  font-weight: 700;
}
.back-contact-page .blog-form form label {
  color: #1a152e;
  font-size: 14px;
  font-weight: 500;
}
.back-contact-page .blog-form form input {
  width: 100%;
  height: 57px;
  padding: 10px 30px 10px 30px;
  background: #f0f2f6;
  border: none;
  outline: none;
  border-radius: 6px;
  margin-bottom: 20px;
  border: 2px solid #f0f1f5;
}
.back-contact-page .blog-form form input:focus {
  border: 2px solid #690f95;
  background: none;
}
.back-contact-page .blog-form form .pdl-5 {
  padding-left: 5px;
}
.back-contact-page .blog-form form textarea {
  width: 100%;
  height: 160px;
  padding: 22px 30px;
  background: #f0f1f5;
  border: none;
  outline: none;
  border-radius: 6px;
  margin-bottom: 20px;
  position: relative;
  border: 2px solid #f0f2f6;
}
.back-contact-page .blog-form form textarea:focus {
  border: 2px solid #690f95;
  background: none;
}
.back-contact-page .blog-form form button {
  background: #690f95;
  font-size: 16px;
  color: #ffffff;
  border-radius: 6px;
  padding: 12px 38px;
  display: inline-block;
  font-weight: 500;
  transition: all 0.5s ease 0s;
  border: none;
  outline: none;
  box-shadow: none;
  cursor: pointer;
  width: 100%;
}
.back-contact-page .blog-form form button:hover {
  color: #ffffff;
  opacity: .9;
}
.back-contact-page .blog-form form .back-check-box {
  align-items: center;
  margin-top: 10px;
  margin-bottom: 20px;
  color: #55575c;
  font-size: 16px;
}
.back-contact-page .blog-form form .back-check-box a {
  color: #1a152e;
}
.back-contact-page .blog-form form .back-check-box a:hover {
  color: #74727d;
}
.back-contact-page .blog-form form .back-check-box input {
  width: auto;
  margin: 0 8px 0 0;
  height: 16px;
  width: 16px;
}
.back-contact-page .blog-form form ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */

  color: #7b7d82;
  opacity: 1;
  font-size: 16px;
}
.back-contact-page .blog-form form ::-moz-placeholder {
  /* Firefox 19+ */

  color: #7b7d82;
  opacity: 1;
  font-size: 16px;
}
.back-contact-page .blog-form form :-ms-input-placeholder {
  /* IE 10+ */

  color: #7b7d82;
  opacity: 1;
  font-size: 16px;
}
.back-contact-page .blog-form form :-moz-placeholder {
  /* Firefox 18- */

  color: #7b7d82;
  opacity: 1;
  font-size: 16px;
}
.back-contact-page .back-contacts .back-title-sec h2 {
  font-weight: 600;
  font-size: 40px;
}
.back-contact-page .back-contacts .back-image-maping {
  position: relative;
  padding-top: 15px;
}
.back-contact-page .back-contacts .back-image-maping .back-tooltip1 {
  left: 50%;
  top: 50%;
  display: block;
}
.back-contact-page .back-contacts .back-image-maping .back-ripple {
  background-color: #f94392;
  border-radius: 50%;
  animation: pi-ripple 0.7s linear infinite;
  position: absolute;
  cursor: pointer;
}
.back-contact-page .back-contacts .back-image-maping .back-ripple .box {
  position: relative;
  width: 16px;
  height: 16px;
}
.back-contact-page .back-contacts .back-image-maping .back-ripple .box span {
  font-size: 16px;
  color: #1a152e;
  font-weight: 600;
}
@keyframes pi-ripple {
  0% {
    box-shadow: 0 0 0 0 rgba(249, 67, 146, 0.05), 0 0 0 16px rgba(249, 67, 146, 0.05), 0 0 0 20px rgba(249, 67, 146, 0.05), 0 0 0 24px rgba(249, 67, 146, 0.05);
  }
  100% {
    box-shadow: 0 0 0 16px rgba(249, 67, 146, 0.05), 0 0 0 20px rgba(249, 67, 146, 0.05), 0 0 0 24px rgba(249, 67, 146, 0.05), 0 0 0 38px rgba(249, 67, 146, 0);
  }
}
.back-contact-page .back-contacts .back-ripple:hover span {
  opacity: 1;
  filter: alpha(opacity=100);
  top: -60px;
  left: -18px;
  z-index: 99;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.back-contact-page .back-contacts .back-ripple span {
  background: #ffffff;
  /*-- some basic styling */

  font-weight: normal;
  padding: 8px 0px;
  width: 140px;
  top: -20px;
  /*-- this is the original position of the tooltip when it's hidden */

  left: -18px;
  margin-left: 0;
  /*-- set opacity to 0 otherwise our animations won't work */

  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  text-align: center;
  z-index: 2;
  text-transform: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease-in-out;
  border-radius: 4px;
}
.back-contact-page .back-contacts .back-ripple span:after {
  border-color: #ffffff rgba(0, 0, 0, 0);
  border-style: solid;
  border-width: 10px 8px 0;
  bottom: -10px;
  content: "";
  display: block;
  left: 18px;
  position: absolute;
  width: 0;
}
.back-address-area {
  position: relative;
}
.back-address-area .container {
  max-width: 1100px;
}
.back-address-area .back___shape {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -40px;
}
.back-address-area .inner-locate {
  background: #ffffff;
  box-shadow: 0px 30px 60px 0px rgba(10, 0, 58, 0.1);
  padding: 50px 40px 50px;
  text-align: center;
  position: relative;
  z-index: 1;
  border-radius: 6px;
}
.back-address-area .inner-locate img {
  height: 100px;
}
.back-address-area .inner-locate em {
  font-size: 13px;
  font-weight: 700;
  background: #f8452d;
  border-radius: 30px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -15px;
  color: #ffffff;
  font-style: normal;
  max-width: 110px;
  padding: 3px 3px;
}
.back-address-area .inner-locate h4 {
  font-size: 20px;
  color: #020334;
  font-weight: 800;
  margin: 28px 0 14px;
}
.back-address-area .inner-locate p {
  font-size: 16px;
  color: #4b4c57;
  margin: 0;
  line-height: 1.4;
  font-weight: 500;
}
/*****************************************************
    35. Error Page CSS Here
****************************/
.back-error-page {
  background: url(assets/images/error/bg.jpg) no-repeat center top;
  background-size: cover;
}
.back-error-page h1 {
  font-size: 70px;
  font-weight: 800;
  margin: 0;
}
.back-error-page p {
  font-size: 20px;
  color: #4b4b57;
  margin: 16px 0 60px;
}
.back-error-page .back-btn {
  border-radius: 6px;
}
/*****************************************************
    36. Footer CSS Here
****************************/
.back-footer {
  position: relative;
  background-color: #690f95;
  color: #fff;
}
.back-footer .footer-top {
  padding: 100px 0 93px;
}
.back-footer .footer-top .footer-menu li {
  margin-bottom: 9px;
}
.back-footer .footer-top .footer-menu li a {
  color: #4b4c57;
  position: relative;
  display: inline-block;
  transition: all 0.5s ease 0s;
  font-size: 16px;
  font-weight: 500;
}
.back-footer .footer-top .footer-menu li a:after {
  content: "";
  display: block;
  position: relative;
  z-index: 1;
  top: auto;
  bottom: 0px;
  left: 0;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  width: 0;
  height: 1px;
  -webkit-transition: all .3s ease;
  -ms-transition: all .3s ease;
  transition: all .3s ease;
  background-color: #690f95;
}
.back-footer .footer-top .footer-menu li a:hover {
  color: #690f95;
  margin-left: 5px;
}
.back-footer .footer-top .footer-menu li a:hover:after {
  width: 100%;
}
.back-footer .footer-top .footer-menu li:last-child {
  margin-bottom: 0;
}
.back-footer .footer-top .footer-desc p {
  margin-bottom: 0;
}
.back-footer .footer-top .back-instagram {
  margin: 0 0 0 -5px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.back-footer .footer-top .back-instagram li {
  flex: 0 0 33.333%;
  max-width: 33.333%;
  padding: 0px 5px 9px;
}
.back-footer .footer-top .back-instagram li a img {
  border-radius: 6px;
  transition: all 0.5s ease 0s;
}
.back-footer .footer-top .back-instagram li a:hover img {
  opacity: .8;
}
.back-footer .footer-top .footer-widget.footer-widget-2 {
  padding-left: 70px;
}
.back-footer .footer-top .footer-widget .footer-subtitle {
  color: #4b4c57;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 30px;
  margin-top: 25px;
  line-height: 1.5;
}
.back-footer .footer-top .footer-widget .back-follow-us {
  color: #020334;
  font-size: 16px;
  font-weight: 800;
  margin: 0 0 20px;
}
.back-footer .footer-top .footer-widget .footer-title {
  margin-bottom: 30px;
  position: relative;
  color: #020334;
  font-size: 20px;
  font-weight: 800;
}
.back-footer .footer-top .footer-widget .footer-address {
  margin-bottom: 30px;
}
.back-footer .footer-top .footer-widget .footer-address li {
  width: 100%;
  font-size: 15px;
  margin-bottom: 24px;
  display: inline-flex;
  color: #fff;
  font-weight: 500;
}
.back-footer .footer-top .footer-widget .footer-address li a {
  color: #abb0ba;
  margin-left: 10px;
  line-height: 1.1;
}
.back-footer .footer-top .footer-widget .footer-address li a:hover {
  color: #ffffff;
}
.back-footer .footer-top .footer-widget .footer-address li svg {
  position: relative;
  top: -2px;
}
.back-footer .footer-top .footer-widget .footer-address li:last-child {
  margin-bottom: 0;
}
.back-footer .footer-top .footer-widget .footer-address li.back-address svg {
  margin-right: 10px;
  width: 22px;
  position: relative;
  top: 1px;
}
.back-footer .copyright {
  text-align: center;
  border-top: 1px solid rgba(15, 22, 41, 0.102);
  padding: 24px 0 24px;
}
.back-footer .copyright .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.back-footer .copyright .back-copy-left {
  font-size: 16px;
  margin-bottom: 0;
  color: #74747d;
}
.back-footer .copyright .back-copy-left a {
  color: #690f95 !important;
  transition: all .7s ease;
}
.back-footer .copyright .back-copy-left a:hover {
  color: #74747d;
}
.back-footer .copyright .back-copy-right ul {
  margin: 0;
  padding: 0;
  display: flex;
}
.back-footer .copyright .back-copy-right ul li {
  padding-left: 30px;
}
.back-footer .copyright .back-copy-right ul li a {
  color: #4b4c57;
  font-size: 15px;
  font-weight: 500;
}
.back-footer .copyright .back-copy-right ul li a:hover {
  color: #690f95;
}
.back-footer.back-footer-dark {
  background: #690f95;
}
.back-footer.back-footer-dark .copyright {
  border-top: 1px solid rgba(255, 255, 255, 0.059);
}
.back-footer.back-footer-dark .footer-top .footer-widget .footer-title,
.back-footer.back-footer-dark .copyright .back-copy-left a,
.back-footer.back-footer-dark .footer-top .footer-widget .back-follow-us {
  color: #ffffff;
}
.back-footer.back-footer-dark .social-links li a {
  border: 1.5px solid rgba(255, 255, 255, 0.102);
  color: #ffffff;
  line-height: 43px;
}
.back-footer.back-footer-dark .social-links li a.social_linkedin {
  position: relative;
  top: -2px;
}
.copyright{
    background-color: #fb0067 !important;
}
.back-footer.back-footer-dark .footer-top .footer-widget .footer-subtitle,
.back-footer.back-footer-dark .copyright .back-copy-left,
.back-footer.back-footer-dark .footer-top .footer-menu li a {
  color: #fff;
}
.back-footer.back-footer-dark .footer-top .footer-menu li a:hover {
  color: #ffffff;
}
.back-footer.back-footer-dark .copyright .container {
  display: block;
}
.back-footer.back-footer-dark .footer-top .footer-menu li a::after {
  background: #ffffff;
}
.back-footer.back-footer-dark.back-footer-dark2 .social-links li a {
  border-radius: 6px;
}
.back-footer.back-footer-dark.back-footer-dark2 .footer3__form {
  position: relative;
  margin: 40px 0 30px;
}
.back-footer.back-footer-dark.back-footer-dark2 .footer3__form input {
  padding: 17px 80px 19px 30px;
  border: none;
  outline: none;
  background: #ffffff;
  border-radius: 6px;
  width: 100%;
}
.back-footer.back-footer-dark.back-footer-dark2 .footer3__form input::placeholder {
  font-size: 15px;
  font-weight: 400;
  color: #4b4b57;
}
.back-footer.back-footer-dark.back-footer-dark2 .footer3__form input:focus {
  -webkit-box-shadow: 0px 20px 30px 0px rgba(8, 0, 42, 0.14);
  -moz-box-shadow: 0px 20px 30px 0px rgba(8, 0, 42, 0.14);
  box-shadow: 0px 20px 30px 0px rgba(8, 0, 42, 0.14);
  z-index: 1;
}
.back-footer.back-footer-dark.back-footer-dark2 .footer3__form-1 {
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 6px;
  background-color: #690f95;
  color: #ffffff;
  top: 7px;
  right: 5px;
  border: none;
}
.back-footer.back-footer-dark.back-footer-dark2 .footer3__form-1 i {
  position: absolute;
  font-size: 22px;
  top: 15px;
  left: 12px;
}
.back-footer.back-footer-dark.back-footer-dark2.back-footer-dark3 .footer3__form-1 {
  background: #fd4680;
}
.social-links li {
  display: inline-block;
  margin-right: 6px;
}
.social-links li a {
  border: 2px solid rgba(15, 22, 41, 0.102);
  color: #020334;
  background: transparent;
  display: block;
  width: 44px;
  height: 44px;
  line-height: 40px;
  text-align: center;
  transition: all 0.7s ease 0s;
  font-size: 14px;
  border-radius: 50%;
}
.social-links li a:hover {
  color: #ffffff;
  background: #690f95;
  border-color: #690f95;
}
.social-links li:last-child {
  margin-right: 0;
}
/*****************************************************
    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);
  }
}
/*****************************************************
    38. ScrollUp CSS Here
****************************/
#backscrollUp {
  position: fixed;
  bottom: 40px;
  right: 15px;
  transition: all .5s ease;
  z-index: 99999;
  cursor: pointer;
  display: none;
  background: #690f95;
}
#backscrollUp span {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 3px;
  font-size: 22px;
  color: #ffffff;
  text-align: center;
  display: none;
  transition: all .5s ease;
}
#backscrollUp span:before {
  transition: all .5s ease;
  display: block;
  margin: 0;
  font-size: 22px;
}
#backscrollUp span:hover {
  opacity: .9;
}
#backscrollUp.back__up___scroll span {
  display: block;
}