@import "https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";

:root {

  --mainColor: #08a9e6;
  --redColor: #ec272f;
  --titleColor: #21225f;
  --bodyColor: #555555;
  --whiteColor: #ffffff;
  --fontSize: 16px;
  --transition: 0.5s;
}
  body{  
            font-family: 'Open Sans', 'Calibri', Helvetica, sans-serif !important;

         }
         h1, h2, h3, h4, h5, h6{
            font-family:'Open Sans', 'Calibri', Helvetica, sans-serif !important;
            color: black;

         }
         h1, h2, h3, h4, h5, h6{
            font-weight:600;
            color: black;
         }

body {
  padding: 0;
  margin: 0;
  line-height: 1.6;
  color: var(--bodyColor);
  font-weight: 400;
  font-size: var(--fontSize);
  font-family: var(--bodyFonts);
}


p {
  color: var(--bodyColor);
  margin-bottom: 10px;
}

p:last-child {
  margin-bottom: 0;
}
/*fonts for paragraphs*/

.p-16{
font-size : 16px !important;
}

.p-18{
font-size : 18px !important;
}

.p-20{
font-size : 20px !important;
}

.instructor1{
  margin-left:0% !important;
  width:80% !important;
} 

a {
  display: inline-block;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  text-decoration: none;
}

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

button {
  outline: 0;
  border: none;
}

button:focus {
  outline: 0;
  border: 0;
}



h3 {
  font-size: 22px;
}

.d-table {
  width: 100%;
  height: 100%;
}

.d-table-cell {
  display: table-cell;
  vertical-align: middle;
}

.footer-logo img{
   max-width:58% !important;
}


img {
  max-width: 100%;
}

.pt-150 {
  padding-top: 150px;
}

.ptb-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.pt-100 {
  padding-top: 100px;
}

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

.ptb-70 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.pt-70 {
  padding-top: 70px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pt-50 {
  padding-top: 50px;
}

.pt-45 {
  padding-top: 45px;
}

.pt-20 {
  padding-top: 20px;
}

.pl-20 {
  padding-left: 20px;
}

.pr-20 {
  padding-right: 20px;
}

.pb-10 {
  padding-bottom: 10px;
}

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

.mb-45 {
  margin-bottom: 45px;
}

.ml-20 {
  margin-left: 20px;
}

.mr-20 {
  margin-right: 20px;
}

.mb-20 {
  margin-bottom: 20px;
}

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

.border-radius-5 {
  border-radius: 5px !important;
}

.border-radius-50 {
  border-radius: 50px !important;
}

.border-radius-0 {
  border-radius: 0 !important;
}

.border-radius-0 img {
  border-radius: 0 !important;
}

.box-shadow {
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
}

.default-btn {
  padding: 3px 14px;
  text-align: center;
  color: var(--whiteColor);
  font-size: var(--fontSize);
  font-weight: 400;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  z-index: 0;
  background: var(--titleColor);
  -webkit-box-shadow: none;
  box-shadow: none;
  overflow: hidden;
  white-space: nowrap;
}

.default-btn i {
  position: relative;
  top: 3px;
  margin-left: 10px;
}

.default-btn:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 550px;
  height: 550px;
  margin: auto;
  background: var(--mainColor);
  border-radius: 50%;
  z-index: -1;
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-transform: translateX(-50%) translateY(-5%) scale(0.4);
  transform: translateX(-50%) translateY(-5%) scale(0.4);
  -webkit-transition: -webkit-transform 0.9s;
  transition: -webkit-transform 0.9s;
  transition: transform 0.9s;
  transition: transform 0.9s, -webkit-transform 0.9s;
}


.default-btn.two {
  background: var(--redColor);
  color: var(--whiteColor);
}

.default-btn.two::before {
  background-color: var(--mainColor);
}

.default-btn:hover {
  color: var(--whiteColor) !important;
}

.default-btn:hover:before {
  -webkit-transition: -webkit-transform 1s;
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
  -webkit-transform: translateX(-45%) translateY(0) scale(1);
  transform: translateX(-45%) translateY(0) scale(1);
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
}
.custom-slider__img-droite{
   margin-top:-3% !important;
}
.section-title {
  position: relative;
  z-index: 1;
}

.expertise{
   font-size:40px !important;

}
.who-matter h2{
    font-size:40px !important;

}
.hiring h2{
  font-size:40px !important;
}
.section-title h2{
   font-size:40px !important;
}

.section-title span {
  color: var(--mainColor);
  display: block;
  margin-bottom: 7px;
}

.section-title h2 {
  font-size: 35px;
  margin-top: 0;
  line-height: 1.2;
  margin-bottom: 0;
}

.section-title h2 b {
  color: var(--mainColor);
  font-weight: 700;
}

.section-title p {
  padding-top: 15px;
  margin-bottom: 0;
}

.section-title.text-center h2 {
  margin: 0 auto;
}

.section-title.text-center p {
  margin: 0 auto;
  max-width: 640px;
}

.section-bg {
  background-color: #f5f5f5;
}

.top-header {
  padding: 16px 0;
  position: relative;
  z-index: 5;
  background-color: var(--titleColor);
}

.header-left {
  float: left;
}

.header-left ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.header-left ul li {
  display: inline-block;
  padding-left: 30px;
  position: relative;
  color: var(--whiteColor);
  margin-right: 35px;
  font-size: 15px;
}

.header-left ul li:last-child {
  margin-right: 0;
}

.header-left ul li i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  font-size: 20px;
  color: var(--whiteColor);
}

.header-left ul li a {
  color: var(--whiteColor);
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.header-left ul li a:hover {
  color: var(--mainColor);
}

.header-right {
  float: right;
}

.header-right .header-language {
  display: inline-block;
  margin-right: 20px;
  position: relative;
  top: -3px;
}

.header-right .header-language .dropdown-toggle {
  background-color: transparent;
  color: var(--whiteColor);
  font-size: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
  outline: 0;
  border: 0;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.header-right .header-language .dropdown-toggle:after {
  content: "\ea4e";
  font-family: remixicon !important;
  border: 0;
  margin-left: 8px;
  font-size: 20px;
  color: var(--yellowColor);
}

.header-right .header-language .dropdown-menu {
  margin: 0;
  padding: 0;
  -webkit-box-shadow: 0 9px 54px 0 rgba(32, 32, 32, 0.1);
  box-shadow: 0 9px 54px 0 rgba(32, 32, 32, 0.1);
  left: auto;
  right: 0;
  border: 0;
  border-radius: 0;
  -webkit-transform: translateY(100px) !important;
  transform: translateY(100px) !important;
  display: block;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.header-right .header-language .dropdown-menu.show {
  -webkit-transform: translateY(40px) !important;
  transform: translateY(40px) !important;
  opacity: 1;
  pointer-events: all;
}

.header-right .header-language .dropdown-menu a {
  padding: 5px 25px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  font-size: 15px;
}

.header-right .header-language .dropdown-menu a:active {
  background-color: var(--mainColor);
  color: var(--whiteColor);
}

.header-right .header-language .dropdown-menu a:hover {
  background-color: var(--mainColor);
  color: var(--whiteColor);
}

.header-right .header-language .dropdown-menu a img {
  width: 20px;
  margin-right: 10px;
}

.header-right .header-language .dropdown-menu[style] {
  right: 0 !important;
  left: auto !important;
}

.header-right .social-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}

.header-right .social-list li {
  display: inline-block;
  margin-right: 10px;
}

.header-right .social-list li:last-child {
  margin-right: 0;
}

.header-right .social-list li a {
  color: var(--whiteColor);
  font-size: var(--fontSize);
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.header-right .social-list li a:hover {
  color: var(--mainColor);
}

.desktop-nav {
  padding-top: 0;
  padding-bottom: 0;
}

.desktop-nav .navbar {
  background-color: var(--whiteColor);
  padding-right: 0;
  padding-top: 0px;
  padding-left: 0;
  padding-bottom: 0px;
}

.desktop-nav .navbar .navbar-brand .logo-two {
  display: none;
}

.desktop-nav .navbar ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.desktop-nav .navbar .navbar-nav {
  margin-left: auto;
  margin-right: 40px;
}

.desktop-nav .navbar .navbar-nav .nav-item {
  position: relative;
  padding-bottom: 20px;
  padding-top: 20px;
  padding-right: 0;
  padding-left: 0;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-toggle {
  padding-right: 17px;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-toggle::before {
  position: absolute;
  content: "\ea4e";
  line-height: 1;
  right: -2px;
  top: 4px;
  font-family: remixicon !important;
  font-size: 17px;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-toggle::after {
  display: none;
}

.is-sticky .desktop-nav .navbar .navbar-nav .nav-item a {
  font-size: 17px;
  color: #000000;
}

.desktop-nav .navbar .navbar-nav .nav-item a {
  font-size: 15px;
  color: #000000;
  position: relative;
  z-index: 1;
  font-weight: 500;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-left: 15px;
  margin-right: 15px;
}

.desktop-nav .navbar .navbar-nav .nav-item a:hover,
.desktop-nav .navbar .navbar-nav .nav-item a:focus,
.desktop-nav .navbar .navbar-nav .nav-item a.active {
  color: var(--mainColor);
}

.desktop-nav .navbar .navbar-nav .nav-item:last-child a {
  margin-right: 0;
}

.desktop-nav .navbar .navbar-nav .nav-item:first-child a {
  margin-left: 0;
}

.desktop-nav .navbar .navbar-nav .nav-item:hover a,
.desktop-nav .navbar .navbar-nav .nav-item:focus a,
.desktop-nav .navbar .navbar-nav .nav-item.active a {
  color: var(--mainColor);
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu {
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: var(--whiteColor);
  border: none;
  position: absolute;
  visibility: hidden;
  -webkit-transform-origin: top;
  transform-origin: top;
  border-radius: 0;
  display: block;
  width: 250px;
  z-index: 99;
  opacity: 0;
  top: 80px;
  left: 0;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  padding-top: 2px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 0;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li {
  padding: 0;
  border-bottom: 1px solid #f0eeee;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li:last-child {
  border: none;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
  color: var(--titleColor);
  padding: 12px 20px 9px;
  margin: 0;
  font-size: 15px;
  position: relative;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover,
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus,
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
  color: var(--mainColor);
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.dropdown-toggle {
  padding-right: 17px;
}


.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  a.dropdown-toggle::before {
  position: absolute;
  content: "\ea4e";
  line-height: 1;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: remixicon !important;
  font-size: 17px;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  a.dropdown-toggle::after {
  display: none;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
  left: -245px;
  top: 0;
  opacity: 0;
  visibility: hidden;
  margin-top: 11px;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  a {
  color: var(--titleColor);
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  a:hover,
.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  a:focus,
.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  a.active {
  color: var(--mainColor);
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu {
  left: -245px;
  right: auto;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a {
  color: var(--titleColor);
  font-size: 15px;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a:hover,
.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a:focus,
.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a.active {
  color: var(--mainColor);
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu {
  left: -250px;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a {
  color: var(--titleColor);
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a:hover,
.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a:focus,
.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a.active {
  color: var(--mainColor);
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu {
  left: -250px;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a {
  color: var(--titleColor);
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a:hover,
.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a:focus,
.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a.active {
  color: var(--mainColor);
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu {
  left: -250px;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a {
  color: var(--titleColor);
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a:hover,
.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a:focus,
.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a.active {
  color: var(--mainColor);
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu {
  left: -250px;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a {
  color: var(--titleColor);
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a:hover,
.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a:focus,
.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  a.active {
  color: var(--mainColor);
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li.active
  a {
  color: var(--mainColor);
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li:hover
  .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: -15px;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li.active
  a {
  color: var(--mainColor);
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li:hover
  .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: -15px;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li.active
  a {
  color: var(--mainColor);
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li:hover
  .dropdown-menu {
  opacity: 1;
  top: -15px;
  visibility: visible;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li.active
  a {
  color: var(--mainColor);
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li
  .dropdown-menu
  li:hover
  .dropdown-menu {
  opacity: 1;
  top: -15px;
  visibility: visible;
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li.active
  a {
  color: var(--mainColor);
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li
  .dropdown-menu
  li:hover
  .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: -15px;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
  color: var(--mainColor);
}

.desktop-nav
  .navbar
  .navbar-nav
  .nav-item
  .dropdown-menu
  li:hover
  .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: -15px;
}

.desktop-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {
  top: 100%;
  opacity: 1;
  margin-top: 0;
  visibility: visible;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.Vyunex-area {
  background-color: #f5f5f500;
}

.Vyunex-area .navbar {
  background-color: transparent;
}

.navbar-area.is-sticky {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  position: fixed;
  background-color: var(--whiteColor) !important;
  -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
  -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
}

.nav-widget-form {
  margin-left: 10px;
}

.nav-widget-form .search-form {
  position: relative;
  margin: 0 auto;
  border-radius: 0;
  border: 1px solid #f5f5f5;
  width: 260px;
}

.nav-widget-form .search-form .form-control {
  background-color: var(--whiteColor);
  border-radius: 0;
  border: none;
  height: 50px;
  line-height: 50px;
  font-size: 17px;
  margin: 0;
  border: none;
  padding: 0 25px;
  color: var(--bodyColor);
}

.nav-widget-form .search-form .form-control::-webkit-input-placeholder,
.nav-widget-form .search-form .form-control:-ms-input-placeholder,
.nav-widget-form .search-form .form-control::-ms-input-placeholder,
.nav-widget-form .search-form .form-control::-webkit-input-placeholder {
  color: var(--bodyColor);
}

.nav-widget-form .search-form .form-control::-webkit-input-placeholder,
.nav-widget-form .search-form .form-control:-ms-input-placeholder,
.nav-widget-form .search-form .form-control::-ms-input-placeholder,
.nav-widget-form .search-form .form-control::placeholder {
  color: var(--bodyColor);
}

.nav-widget-form .search-form .form-control:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.nav-widget-form .search-form button {
  position: absolute;
  top: 0;
  right: 0;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  color: var(--bodyColor);
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  padding: 0 25px;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.nav-widget-form .search-form button:hover {
  background: var(--mainColor);
  color: var(--whiteColor);
}

.nav-widget-form .search-form-bg {
  border: none;
}

.nav-widget-form .search-form-bg .form-control {
  background-color: #f5f5f5;
  border-radius: 50px;
}

.nav-widget-form .search-form-bg button {
  border-radius: 0 50px 50px 0;
}

.nav-widget-form .search-form-bg2 {
  border: none;
}

.nav-widget-form .search-form-bg2 .form-control {
  background-color: #f5f5f5;
  border-radius: 5px;
}

.nav-widget-form .search-form-bg2 button {
  border-radius: 0 5px 5px 0;
}

.navbar-category {
  margin-left: 15px;
}

.navbar-category .category-list-dropdown {
  display: inline-block;
}

.is-sticky .navbar-category .category-list-dropdown .btn {
  font-weight: 500;
  font-size: 17px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  color: #000000;
}

.navbar-category .category-list-dropdown .btn i {
  font-size: 19px;
  position: relative;
  top: 4px;
  display: inline-block;
  margin-right: 10px;
}

.navbar-category .category-list-dropdown .btn:hover,
.navbar-category .category-list-dropdown .btn:focus,
.navbar-category .category-list-dropdown .btn.active {
  color: var(--mainColor);
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
}

.navbar-category .category-list-dropdown .dropdown-menu {
  border: none;
  top: 170%;
  left: 0;
  z-index: 99;
  opacity: 0;
  width: 260px;
  display: block;
  border-radius: 0;
  padding: 0;
  margin-top: 0;
  position: absolute;
  visibility: hidden;
  background: var(--whiteColor);
  -webkit-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
}

.navbar-category .category-list-dropdown .dropdown-menu a {
  padding: 12px 24px;
  display: block;
  color: var(--titleColor);
  font-size: 15px;
  font-weight: 600;
  background-color: transparent;
  border-bottom: 1px solid #e1e1e1;
  position: relative;
  border-radius: 0;
  -webkit-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}

.navbar-category .category-list-dropdown .dropdown-menu a i {
  font-size: 18px;
  margin-right: 10px;
  position: relative;
  top: 5px;
}

.navbar-category .category-list-dropdown .dropdown-menu a:hover {
  color: var(--whiteColor);
  background-color: var(--mainColor);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.navbar-category .category-list-dropdown .dropdown-menu a:last-child {
  border-bottom: 0;
}

.navbar-category .category-list-dropdown .dropdown-menu.show {
  opacity: 1;
  visibility: visible;
  top: 135%;
}

.navbar-category .category-list-dropdown .dropdown-toggle::after {
  display: none;
}

.mobile-responsive-nav {
  display: none;
}

.side-nav-responsive {
  display: none;
}

.side-nav-responsive .dot-menu {
  padding: 0 10px;
  height: 30px;
  cursor: pointer;
  z-index: 999;
  position: absolute;
  right: 60px;
  top: -36px;
}

.side-nav-responsive .dot-menu .circle-inner {

  display: -webkit-box;
  display: -ms-flexbox;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 30px;
}

.side-nav-responsive .dot-menu .circle-inner .circle {
  height: 5px;
  width: 5px;
  border-radius: 100%;
  margin: 0 2px;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  background-color: var(--mainColor);
}

.side-nav-responsive .dot-menu:hover .circle-inner .circle {
  background-color: var(--redColor);
}

.side-nav-responsive .container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.side-nav-responsive .container .container {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 300px;
  margin-left: auto;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  z-index: 2;
  padding-left: 15px;
  padding-right: 15px;
}

.side-nav-responsive .container .container.active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.side-nav-responsive .side-nav-inner {
  padding: 10px;
  -webkit-box-shadow: 0 15px 40px rgba(0, 0, 0, 0.09);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.09);
  background-color: var(--whiteColor);
}

.side-nav-responsive .side-nav-inner .side-nav {
  background-color: var(--mainColor);
  padding: 20px 15px 10px;
}

.side-nav-responsive .side-nav-inner .side-nav .side-item {
  position: relative;
  display: block;
  margin-bottom: 10px;
  text-align: center;
}

.side-nav-responsive .side-nav-inner .side-nav .side-item:last-child {
  margin-bottom: 10px;
}

.side-nav-responsive .side-nav-inner .side-nav .side-item .default-btn {
  text-align: center;
}

.side-nav-responsive .side-nav-inner .side-nav .side-item .search-form {
  position: relative;
  margin: 0 auto;
  border-radius: 0;
  border: 1px solid #f5f5f5;
  width: 230px;
}

.side-nav-responsive
  .side-nav-inner
  .side-nav
  .side-item
  .search-form
  .form-control {
  background-color: var(--whiteColor);
  border-radius: 0;
  border: none;
  height: 45px;
  line-height: 45px;
  font-size: 15px;
  margin: 0;
  border: none;
  padding: 0 50px 0 15px;
  color: var(--bodyColor);
}

.side-nav-responsive
  .side-nav-inner
  .side-nav
  .side-item
  .search-form
  .form-control::-webkit-input-placeholder,
.side-nav-responsive
  .side-nav-inner
  .side-nav
  .side-item
  .search-form
  .form-control:-ms-input-placeholder,
.side-nav-responsive
  .side-nav-inner
  .side-nav
  .side-item
  .search-form
  .form-control::-ms-input-placeholder,
.side-nav-responsive
  .side-nav-inner
  .side-nav
  .side-item
  .search-form
  .form-control::-webkit-input-placeholder {
  color: var(--bodyColor);
}

.side-nav-responsive
  .side-nav-inner
  .side-nav
  .side-item
  .search-form
  .form-control::-webkit-input-placeholder,
.side-nav-responsive
  .side-nav-inner
  .side-nav
  .side-item
  .search-form
  .form-control:-ms-input-placeholder,
.side-nav-responsive
  .side-nav-inner
  .side-nav
  .side-item
  .search-form
  .form-control::-ms-input-placeholder,
.side-nav-responsive
  .side-nav-inner
  .side-nav
  .side-item
  .search-form
  .form-control::placeholder {
  color: var(--bodyColor);
}

.side-nav-responsive
  .side-nav-inner
  .side-nav
  .side-item
  .search-form
  .form-control:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.side-nav-responsive .side-nav-inner .side-nav .side-item .search-form button {
  position: absolute;
  top: 0;
  right: 0;
  border: 0;
  border-radius: 0;
  background-color: var(--mainColor);
  color: var(--whiteColor);
  height: 45px;
  line-height: 45px;
  font-size: 20px;
  padding: 0 15px;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.side-nav-responsive
  .side-nav-inner
  .side-nav
  .side-item
  .search-form
  button:hover {
  background: var(--redColor);
  color: var(--whiteColor);
}

.banner-area {
  background-color: #f5f5f5;
  z-index: 1;
  position: relative;
}

.banner-area-ptb {
  padding-top: 140px;
  padding-bottom: 190px;
}

.banner-content span {
  font-size: 16px;
  color: var(--mainColor);
  display: block;
  margin-bottom: 15px;
}

.banner-content h1 {
  font-size: 60px;
  color: var(--titleColor);
  margin-bottom: 20px;
  line-height: 1.2;
}

.banner-content p {
  margin-bottom: 30px;
  max-width: 700px;
}

.banner-content .banner-form-area {
  margin-bottom: 30px;
}

.banner-content .banner-form-area .banner-form {
  position: relative;
  width: 650px;
}

.banner-content .banner-form-area .banner-form .form-control {
  background: var(--whiteColor);
  height: 55px;
  line-height: 55px;
  margin: 0;
  border-radius: 0;
  border: none;
  padding: 0 25px;
  max-width: 100%;
  color: var(--bodyColor);
  width: 600px;
}

.banner-content .banner-form-area .banner-form .form-control:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.banner-content .banner-form-area .banner-form .default-btn {
  position: absolute;
  top: 0;
  right: 0;
  height: 55px;
  border: 0;
}

.banner-content .banner-form-area .banner-form .default-btn i {
  position: relative;
  top: 2px;
  margin-right: 10px;
}

.banner-content .banner-popular-tag {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.banner-content .banner-popular-tag li {
  display: inline-block;
}

.banner-content .banner-popular-tag li.title {
  color: var(--titleColor);
  font-weight: 600;
}

.banner-content .banner-popular-tag li a {
  color: var(--bodyColor);
  text-decoration: underline;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.banner-content .banner-popular-tag li a:hover {
  color: var(--mainColor);
  letter-spacing: 0.25px;
}

.banner-content .banner-counter h3 {
  color: var(--titleColor);
  font-size: 25px;
  margin-bottom: 0;
  font-weight: 600;
  display: inline-block;
}

.banner-content .banner-counter h3 .odometer {
  font-family: var(--bodyFonts);
  font-weight: 500;
}

.banner-content .banner-counter p {
  margin-bottom: 0;
  color: var(--bodyColor);
}

.banner-img {
  margin-left: 70px;
  position: relative;
  z-index: 1;
}

.banner-img .bg-shape {
  position: absolute;
  z-index: -1;
  top: 160px;
  left: -120px;
  right: 0;
  text-align: center;
}

.banner-img .bg-shape img {
  max-width: 550px;
}

.banner-img .top-content {
  position: absolute;
  top: -90px;
  right: 0px;
  padding: 15px;
  background-color: var(--whiteColor);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: movebounce 5s linear infinite;
  animation: movebounce 5s linear infinite;
}

.banner-img .top-content i {
  width: 45px;
  height: 45px;
  line-height: 50px;
  font-size: 20px;
  color: var(--whiteColor);
  background-color: var(--titleColor);
  margin-right: 12px;
  text-align: center;
}

.banner-img .top-content .content h3 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 3px;
}

.banner-img .top-content .content p {
  font-size: 14px;
  margin-bottom: 0;
}

.banner-img .right-content {
  position: absolute;
  bottom: -50px;
  right: 0;
  padding: 15px;
  background-color: var(--whiteColor);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: movebounce 5s linear infinite;
  animation: movebounce 5s linear infinite;
}

.banner-img .right-content i {
  width: 45px;
  height: 45px;
  line-height: 50px;
  font-size: 20px;
  color: var(--whiteColor);
  background-color: var(--titleColor);
  margin-right: 12px;
  text-align: center;
}

.banner-img .right-content .content h3 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 3px;
}

.banner-img .right-content .content p {
  font-size: 14px;
  margin-bottom: 0;
}

.banner-img .left-content {
  position: absolute;
  bottom: 70px;
  left: -20px;
  padding: 15px 15px 15px 65px;
  background-color: var(--whiteColor);
  -webkit-animation: movebounce 5s linear infinite;
  animation: movebounce 5s linear infinite;
}

.banner-img .left-content img {
  position: absolute;
  top: 15px;
  left: 15px;
  border-radius: 50%;
}

.banner-img .left-content .content {
  margin-bottom: 7px;
}

.banner-img .left-content .content h3 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 3px;
}

.banner-img .left-content .content p {
  font-size: 14px;
  margin-bottom: 0;
}

.banner-img .left-content .join-btn {
  padding: 7px 40px;
  background-color: var(--mainColor);
  color: var(--whiteColor);
  font-size: 13px;
  -webkit-transition: 0.9s;
  transition: 0.9s;
}

.banner-img .left-content .join-btn:hover {
  background-color: var(--titleColor);
}

.banner-img .banner-img-shape .shape1 {
  position: absolute;
  top: 30px;
  left: -100px;
  z-index: -1;
  -webkit-animation: moveleftbounce 9s linear infinite;
  animation: moveleftbounce 9s linear infinite;
}

.banner-img .banner-img-shape .shape2 {
  position: absolute;
  top: 30px;
  right: 0;
  z-index: -1;
  -webkit-animation: movebounce 5s linear infinite;
  animation: movebounce 5s linear infinite;
}

.banner-img-two {
  position: relative;
  z-index: 1;
  float: right;
  margin-right: 70px;
}

.banner-img-two img {
  max-width: 550px;
  -webkit-animation: movebounce 5s linear infinite;
  animation: movebounce 5s linear infinite;
}

.banner-img-two .bg-shape {
  position: absolute;
  z-index: -1;
  top: 25px;
  left: 0;
  right: 0;
  text-align: center;
}

.banner-img-two .bg-shape img {
  max-width: 620px;
}

.banner-shape .banner-shape1 {
  position: absolute;
  top: 30px;
  left: 0;
  z-index: -1;
  -webkit-animation: moveleftbounce 9s linear infinite;
  animation: moveleftbounce 9s linear infinite;
}

.hero-slider-area {
  background-color: #f5f5f5;
  padding: 70px 0;
  position: relative;
  overflow: hidden;
}

.hero-slider-area .hero-shape .shape1 {
  position: absolute;
  top: 70px;
  right: 20px;
  -webkit-animation: rotated360 9s linear infinite;
  animation: rotated360 9s linear infinite;
}

.hero-slider-area .hero-shape .shape2 {
  position: absolute;
  bottom: 70px;
  left: 40%;
  -webkit-animation: movebounce 5s linear infinite;
  animation: movebounce 5s linear infinite;
}

.hero-slider {
  position: relative;
  overflow: hidden;
}

.hero-slider .owl-nav {
  margin-top: 0;
  overflow: hidden;
}

.hero-slider .owl-nav .owl-prev {
  position: absolute;
  z-index: 5;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -100px;
  opacity: 0;
  font-size: 18px !important;
  text-align: center;
  width: 40px;
  height: 40px;
  line-height: 40px !important;
  border-radius: 50px !important;
  background-color: transparent !important;
  color: var(--titleColor) !important;
  border: 1px solid var(--titleColor) !important;
  -webkit-transition: 0.7s;
  transition: 0.7s;
}

.hero-slider .owl-nav .owl-prev i {
  position: relative;
  top: 3px;
}

.hero-slider .owl-nav .owl-prev:hover {
  color: var(--mainColor) !important;
  border-color: var(--mainColor) !important;
}

.hero-slider .owl-nav .owl-next {
  position: absolute;
  z-index: 5;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -100px;
  opacity: 0;
  font-size: 18px !important;
  text-align: center;
  width: 40px;
  height: 40px;
  line-height: 40px !important;
  border-radius: 50px !important;
  background-color: transparent !important;
  color: var(--titleColor) !important;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  border: 1px solid var(--titleColor) !important;
}

.hero-slider .owl-nav .owl-next i {
  position: relative;
  top: 3px;
}

.hero-slider .owl-nav .owl-next:hover {
  color: var(--mainColor) !important;
  border-color: var(--mainColor) !important;
}

.hero-slider:hover .owl-nav .owl-prev {
  left: 0;
  opacity: 1;
}

.hero-slider:hover .owl-nav .owl-next {
  right: 0;
  opacity: 1;
}

.hero-content {
  max-width: 640px;
}

.hero-content .top-title {
  font-size: 16px;
  color: var(--mainColor);
  display: block;
  margin-bottom: 15px;
}

.hero-content h1 {
  font-size: 60px;
  color: var(--titleColor);
  margin-bottom: 20px;
  line-height: 1.2;
}

.hero-content p {
  margin-bottom: 30px;
  max-width: 620px;
}

.hero-content .banner-btn {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.hero-content .banner-btn .default-btn {
  margin-right: 20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.hero-content .banner-btn .play-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--whiteColor);
}

.hero-content .banner-btn .play-btn i {
  width: 50px;
  height: 50px;
  line-height: 50px;
  background-color: var(--whiteColor);
  color: var(--mainColor);
  font-size: 18px;
  border-radius: 50px;
  margin: 0 auto;
  padding-left: 5px;
  padding-top: 3px;
  position: relative;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  text-align: center;
}

.hero-content .banner-btn .play-btn i::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 1px solid var(--whiteColor);
  border-radius: 50px;
  -webkit-animation: ripple 2s infinite ease-in-out;
  animation: ripple 2s infinite ease-in-out;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.hero-content .banner-btn .play-btn .title-text {
  color: var(--bodyColor);
  margin-left: 15px;
  margin-bottom: 0;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  border-bottom: 1px solid var(--bodyColor);
}

.hero-content .banner-btn .play-btn:hover i {
  background-color: var(--mainColor);
  color: var(--whiteColor);
}

.hero-content .banner-btn .play-btn:hover i::after {
  border-color: var(--mainColor);
}

.hero-content .banner-btn .play-btn:hover .title-text {
  color: var(--mainColor);
  border-color: var(--mainColor);
}

.hero-img {
  position: relative;
  z-index: 1;
}

.hero-img img {
  max-width: 550px;
}

.hero-img .hero-bg-shape {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.hero-img .hero-bg-shape img {
  max-width: 582px;
}

.hero-img .hero-bg-shape .bg-img-shape2 {
  display: none !important;
}

.hero-img .hero-img-content {
  padding: 15px;
  background-color: var(--whiteColor);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 10px;
}

.hero-img .hero-img-content i {
  width: 45px;
  height: 45px;
  line-height: 50px;
  font-size: 20px;
  color: var(--whiteColor);
  background-color: var(--titleColor);
  margin-right: 12px;
  text-align: center;
  border-radius: 50px;
}

.hero-img .hero-img-content .content h3 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 3px;
}

.hero-img .hero-img-content .content p {
  font-size: 14px;
  margin-bottom: 0;
}

.hero-img .top-content {
  position: absolute;
  top: 140px;
  left: -20px;
  -webkit-animation: movebounce 5s linear infinite;
  animation: movebounce 5s linear infinite;
}

.hero-img .right-content {
  position: absolute;
  bottom: 200px;
  right: 0;
  -webkit-animation: movebounce 5s linear infinite;
  animation: movebounce 5s linear infinite;
}

.owl-item.active .hero-content .top-title {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

.owl-item.active .hero-content h1 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

.owl-item.active .hero-content p {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}

.owl-item.active .hero-content .banner-btn {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
}

.owl-item.active .hero-img .hero {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
}

.owl-item.active .hero-img .hero-bg-shape {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
}

.owl-item.active .hero-img .top-content .hero-img-content {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
}

.owl-item.active .hero-img .right-content .hero-img-content {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
}

.inner-banner {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
}

.inner-banner::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--titleColor);
  opacity: 0.9;
}

.inner-banner .inner-title {
  padding-top: 120px;
  padding-bottom: 120px;
}

.inner-banner .inner-title h3 {
  font-size: 36px;
  color: var(--whiteColor);
  line-height: 1.2;
  margin-bottom: 15px;
  max-width: 58%;
}

.inner-banner .inner-title.text-center h3 {
  margin-left: auto;
  margin-right: auto;
}

.inner-banner .inner-title .rating {
  color: var(--whiteColor);
  margin-bottom: 20px;
}

.inner-banner .inner-title .rating i {
  color: #ffc107;
  margin-right: 5px;
  line-height: 1;
  font-size: 18px;
  position: relative;
  top: 3px;
}

.inner-banner .inner-title .inner-banner-content {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 500px;
  margin-bottom: 20px;
}

.inner-banner .inner-title .inner-banner-content .user-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.inner-banner .inner-title .inner-banner-content .user-area img {
  border-radius: 50%;
  margin-right: 10px;
}

.inner-banner .inner-title .inner-banner-content .user-area h3 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
  margin-top: 0;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  color: var(--whiteColor);
}

.inner-banner .inner-title .inner-banner-content .user-area:hover h3 {
  color: var(--mainColor);
}

.inner-banner .inner-title .inner-banner-content .course-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.inner-banner .inner-title .inner-banner-content .course-list li {
  display: inline-block;
  margin-right: 20px;
  color: var(--whiteColor);
  font-size: 16px;
}

.inner-banner .inner-title .inner-banner-content .course-list li::before {
  display: none;
}

.inner-banner .inner-title .inner-banner-content .course-list li:last-child {
  margin-right: 0;
}

.inner-banner .inner-title .inner-banner-content .course-list li i {
  color: var(--mainColor);
  position: relative;
  top: 3px;
  margin-right: 5px;
}

.inner-banner .inner-title ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.inner-banner .inner-title ul li {
  font-size: 18px;
  color: var(--mainColor);
  display: inline-block;
  position: relative;
  margin-right: 20px;
  font-weight: 400;
}

.inner-banner .inner-title ul li:last-child {
  margin-right: 0;
}

.inner-banner .inner-title ul li:last-child::before {
  display: none;
}

.inner-banner .inner-title ul li::before {
  content: "";
  position: absolute;
  top: 5px;
  right: -14px;
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg);
  width: 1.5px;
  height: 20px;
  background-color: var(--whiteColor);
}

.inner-banner .inner-title ul li a {
  color: var(--whiteColor);
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.inner-banner .inner-title ul li a:hover {
  color: var(--mainColor);
}

/* .inner-banner-bg {
  background-image: url(../images/hire_emp/recruitSolutions/inner-banner-bg.webp);
}

.inner-banner-bg2 {
  background-image: url(../images/inner-banner/inner-banner2.jpg);
}

.inner-banner-bg3 {
  background-image: url(../images/inner-banner/inner-banner3.jpg);
}

.inner-banner-bg4 {
  background-image: url(../images/inner-banner/inner-banner4.jpg);
}

.inner-banner-bg5 {
  background-image: url(../images/inner-banner/inner-banner5.jpg);
}

.inner-banner-bg6 {
  background-image: url(../images/inner-banner/inner-banner6.jpg);
}

.inner-banner-bg7 {
  background-image: url(../images/inner-banner/inner-banner7.jpg);
}

.inner-banner-bg8 {
  background-image: url(../images/inner-banner/inner-banner8.jpg);
}

.inner-banner-bg9 {
  background-image: url(../images/inner-banner/inner-banner9.jpg);
}

.inner-banner-bg10 {
  background-image: url(../images/inner-banner/inner-banner10.jpg);
}

.inner-banner-bg11 {
  background-image: url(../images/inner-banner/inner-banner11.jpg);
}

.inner-banner-bg12 {
  background-image: url(../images/inner-banner/inner-banner12.jpg);
} */
.inner-banner-bg {
  background-image: url(../images/inner-banner/recruitment-banners/recruitSolutions.jpeg);
}

.inner-banner-bg2 {
  background-image: url(../images/inner-banner/recruitment-banners/nichetalent.jpeg);
}

.inner-banner-bg3 {
  background-image: url(../images/inner-banner/recruitment-banners/domainexpertise.webp);
}

.inner-banner-bg4 {
  background-image: url(../images/inner-banner/recruitment-banners/payroll.jpeg);
}

.inner-banner-bg5 {
  background-image: url(../images/inner-banner/company-banners/aboutus.jpg);
}

.inner-banner-bg6 {
  background-image: url(../images/inner-banner/company-banners/blogs.webp);
}

.inner-banner-bg7 {
  background-image: url(../images/inner-banner/company-banners/industries.jpg);
}

.inner-banner-bg8 {
  background-image: url(../images/inner-banner/company-banners/ourculture.jpg);
}

.inner-banner-bg9 {
  background-image: url(../images/inner-banner/company-banners/pressrelease.webp);
}

.inner-banner-bg10 {
  background-image: url(../images/inner-banner/corporatetraining/corporate-training.jpeg);
}

.inner-banner-bg11 {
  background-image: url(../images/inner-banner/inner-banner11.jpg);
}

.inner-banner-bg12 {
  background-image: url(../images/inner-banner/inner-banner12.jpg);
}
.counter-area {
  background-color: var(--titleColor);
}

.counter-content {
  padding-left: 90px;
  position: relative;
  margin-bottom: 30px;
}

.counter-content i {
  position: absolute;
  z-index: 1;
  top: 5px;
  left: 0;
  font-size: 55px;
  line-height: 1;
  color: var(--whiteColor);
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.counter-content i::after {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: -5px;
  right: -15px;
  width: 43px;
  height: 40px;
  border-radius: 30px;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  background: var(--mainColor);
  opacity: 0.7;
}

.counter-content h3 {
  color: var(--whiteColor);
  font-size: 35px;
  margin-bottom: 0;
  font-weight: 500;
}

.counter-content h3 .odometer {
  font-family: var(--bodyFonts);
  font-weight: 500;
}

.counter-content p {
  margin-bottom: 0;
  color: var(--whiteColor);
}

.counter-content:hover i {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}

.counter-content:hover i::after {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

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

.counter-area-two::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 50%;
  /*background-color: #f5f5f5;*/
}

.counter-max {
  background-color: #002f41;
  padding: 42px 33px 33px 76px;
  border-radius: 10px;
}

.counter-max .counter-content i::after {
  background-color: var(--whiteColor);
  opacity: 0.5;
}

/*.counter-card {*/
/*  padding: 30px 30px 30px 120px;*/
/*  position: relative;*/
/*  background-color: var(--whiteColor);*/
/*  margin-bottom: 30px;*/
/*  z-index: 1;*/
/*  border-radius: 20px;*/
/*  box-shadow: 6px 8px 15px rgba(0, 0, 0, 0.06);*/
/*}*/

/*.counter-card i {*/
/*  position: absolute;*/
/*  z-index: 1;*/
/*  top: 30px;*/
/*  left: 30px;*/
/*  font-size: 55px;*/
/*  line-height: 1;*/
/*  color: var(--mainColor);*/
/*  -webkit-transition: var(--transition);*/
/*  transition: var(--transition);*/
/*}*/

/*.counter-card i::after {*/
/*  content: "";*/
/*  position: absolute;*/
/*  z-index: -1;*/
/*  bottom: -5px;*/
/*  right: -15px;*/
/*  width: 37px;*/
/*  height: 35px;*/
/*  border-radius: 30px;*/
/*  -webkit-transition: var(--transition);*/
/*  transition: var(--transition);*/
/*  background: var(--mainColor);*/
/*  opacity: 0.5;*/
/*}*/

.counter-card h3 {
  font-size: 35px;
  margin-bottom: 0;
  font-weight: 500;
}

.counter-card h3 .odometer {
  font-family: var(--bodyFonts);
  font-weight: 500;
}

.counter-card p {
  margin-bottom: 0;
}

.counter-card:hover i {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}

.counter-card:hover i::after {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.featured-area-mt {
  position: relative;
  margin-top: -50px;
  z-index: 2;
}

.featured-card {
  background-color: var(--whiteColor);
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
  padding: 40px 30px;
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
}

.featured-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 0;
  height: 100%;
  background-color: var(--mainColor);
  opacity: 0;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

.featured-card a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.featured-card a i {
  width: 60px;
  height: 60px;
  line-height: 65px;
  border-radius: 50%;
  text-align: center;
  font-size: 22px;
  color: var(--mainColor);
  background: rgba(8, 169, 230, 0.1);
  margin-right: 15px;
  -webkit-transition: 0.9s;
  transition: 0.9s;
}

.featured-card a h3 {
  margin-bottom: 0;
  -webkit-transition: 0.9s;
  transition: 0.9s;
}

.featured-card:hover::before {
  opacity: 1;
  width: 100%;
}

.featured-card:hover a i {
  background-color: var(--whiteColor);
  color: var(--mainColor);
}

.featured-card:hover a h3 {
  color: var(--whiteColor);
}

.featured-item {
  background-color: var(--whiteColor);
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
  padding: 35px 35px 35px 110px;
  position: relative;
  border-radius: 5px;
  margin-bottom: 30px;
}

.featured-item i {
  position: absolute;
  top: 35px;
  left: 35px;
  width: 55px;
  height: 55px;
  line-height: 60px;
  color: var(--mainColor);
  background: rgba(8, 169, 230, 0.1);
  font-size: 22px;
  border: 1px dashed var(--mainColor);
  display: inline-block;
  text-align: center;
  border-radius: 50px;
  -webkit-transition: 0.7s;
  transition: 0.7s;
}

.featured-item h3 {
  margin-bottom: 10px;
}

.featured-item p {
  margin-bottom: 0;
}

.featured-item:hover i {
  background-color: var(--mainColor);
  color: var(--whiteColor);
}

.featured-item-two {
  background-color: var(--whiteColor);
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
  padding: 40px 30px;
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
  border-radius: 10px;
}

.featured-item-two::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 0;
  height: 100%;
  background-color: var(--mainColor);
  opacity: 0;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  border-radius: 10px;
}

.featured-item-two a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.featured-item-two a i {
  padding-top: 10px;
  padding-left: 10px;
  position: relative;
  font-size: 55px;
  text-align: center;
  line-height: 1;
  color: var(--mainColor);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  background-color: transparent;
  margin-right: 18px;
}

.featured-item-two a i::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: -5px;
  left: -5px;
  width: 47px;
  height: 47px;
  border-radius: 30px;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  background: var(--mainColor);
  opacity: 0.1;
}

.featured-item-two a h3 {
  margin-bottom: 0;
  -webkit-transition: 0.9s;
  transition: 0.9s;
}

.featured-item-two:hover::before {
  opacity: 1;
  width: 100%;
}

.featured-item-two:hover a i {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  color: var(--whiteColor);
}

.featured-item-two:hover a i::after {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  background: var(--whiteColor);
  opacity: 0.15;
}

.featured-item-two:hover a h3 {
  color: var(--whiteColor);
}

.categories-area {
  position: relative;
}

.categories-area .owl-nav {
  margin-top: 0;
  overflow: hidden;
}

.categories-area .owl-nav .owl-prev {
  position: absolute;
  z-index: 5;
  top: -90px;
  right: 50px;
  font-size: 18px !important;
  text-align: center;
  width: 40px;
  height: 40px;
  line-height: 40px !important;
  border-radius: 50px !important;
  background-color: var(--whiteColor) !important;
  color: var(--mainColor) !important;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  -webkit-box-shadow: 0 0 15px rgba(46, 46, 46, 0.1);
  box-shadow: 0 0 15px rgba(46, 46, 46, 0.1);
}

.categories-area .owl-nav .owl-prev i {
  position: relative;
  top: 3px;
}

.categories-area .owl-nav .owl-prev:hover {
  color: var(--whiteColor) !important;
  background-color: var(--mainColor) !important;
}

.categories-area .owl-nav .owl-next {
  position: absolute;
  z-index: 5;
  top: -90px;
  right: 0;
  font-size: 18px !important;
  text-align: center;
  width: 40px;
  height: 40px;
  line-height: 40px !important;
  border-radius: 50px !important;
  background-color: var(--whiteColor) !important;
  color: var(--mainColor) !important;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  -webkit-box-shadow: 0 0 15px rgba(46, 46, 46, 0.1);
  box-shadow: 0 0 15px rgba(46, 46, 46, 0.1);
}

.categories-area .owl-nav .owl-next i {
  position: relative;
  top: 3px;
}

.categories-area .owl-nav .owl-next:hover {
  color: var(--whiteColor) !important;
  background-color: var(--mainColor) !important;
}

.categories-item {
  background-color: var(--whiteColor);
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
  border-radius: 10px;
}

.categories-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 0;
  background-color: var(--mainColor);
  opacity: 0;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  border-radius: 10px;
}

.categories-item a {
  display: block;
}

.categories-item a img {
  border-radius: 10px 10px 0 0;
}

.categories-item .content {
  padding: 30px 20px;
}

.categories-item .content a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.categories-item .content a i {
  width: 60px;
  height: 60px;
  line-height: 65px;
  border-radius: 50%;
  text-align: center;
  font-size: 22px;
  color: var(--mainColor);
  background: rgba(8, 169, 230, 0.1);
  margin-right: 20px;
  -webkit-transition: 0.9s;
  transition: 0.9s;
}

.categories-item .content a h3 {
  margin-bottom: 0;
  -webkit-transition: 0.9s;
  transition: 0.9s;
}

.categories-item:hover::before {
  opacity: 1;
  height: 100%;
}

.categories-item:hover .content a i {
  background-color: var(--whiteColor);
  color: var(--mainColor);
}

.categories-item:hover .content a h3 {
  color: var(--whiteColor);
}

.courses-area {
  position: relative;
}

.courses-area .owl-nav {
  margin-top: 0;
  overflow: hidden;
}

.courses-area .owl-nav .owl-prev {
  position: absolute;
  z-index: 5;
  top: -90px;
  right: 50px;
  font-size: 18px !important;
  text-align: center;
  width: 40px;
  height: 40px;
  line-height: 40px !important;
  border-radius: 50px !important;
  background-color: var(--whiteColor) !important;
  color: var(--mainColor) !important;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  -webkit-box-shadow: 0 0 15px rgba(46, 46, 46, 0.1);
  box-shadow: 0 0 15px rgba(46, 46, 46, 0.1);
}

.courses-area .owl-nav .owl-prev i {
  position: relative;
  top: 3px;
}

.courses-area .owl-nav .owl-prev:hover {
  color: var(--whiteColor) !important;
  background-color: var(--mainColor) !important;
}

.courses-area .owl-nav .owl-next {
  position: absolute;
  z-index: 5;
  top: -90px;
  right: 0;
  font-size: 18px !important;
  text-align: center;
  width: 40px;
  height: 40px;
  line-height: 40px !important;
  border-radius: 50px !important;
  background-color: var(--whiteColor) !important;
  color: var(--mainColor) !important;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  -webkit-box-shadow: 0 0 15px rgba(46, 46, 46, 0.1);
  box-shadow: 0 0 15px rgba(46, 46, 46, 0.1);
}

.courses-area .owl-nav .owl-next i {
  position: relative;
  top: 3px;
}

.courses-area .owl-nav .owl-next:hover {
  color: var(--whiteColor) !important;
  background-color: var(--mainColor) !important;
}

.courses-area-two {
  position: relative;
  overflow: hidden;
}

.courses-area-two .owl-nav {
  margin-top: 0;
  overflow: hidden;
}

.courses-area-two .owl-nav .owl-prev {
  position: absolute;
  z-index: 5;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -100px;
  opacity: 0;
  font-size: 18px !important;
  text-align: center;
  width: 40px;
  height: 40px;
  line-height: 40px !important;
  border-radius: 50px !important;
  background-color: var(--whiteColor) !important;
  color: var(--mainColor) !important;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  -webkit-box-shadow: 0 0 15px rgba(46, 46, 46, 0.1);
  box-shadow: 0 0 15px rgba(46, 46, 46, 0.1);
}

.courses-area-two .owl-nav .owl-prev i {
  position: relative;
  top: 3px;
}

.courses-area-two .owl-nav .owl-prev:hover {
  color: var(--whiteColor) !important;
  background-color: var(--mainColor) !important;
}

.courses-area-two .owl-nav .owl-next {
  position: absolute;
  z-index: 5;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -100px;
  opacity: 0;
  font-size: 18px !important;
  text-align: center;
  width: 40px;
  height: 40px;
  line-height: 40px !important;
  border-radius: 50px !important;
  background-color: var(--whiteColor) !important;
  color: var(--mainColor) !important;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  -webkit-box-shadow: 0 0 15px rgba(46, 46, 46, 0.1);
  box-shadow: 0 0 15px rgba(46, 46, 46, 0.1);
}

.courses-area-two .owl-nav .owl-next i {
  position: relative;
  top: 3px;
}

.courses-area-two .owl-nav .owl-next:hover {
  color: var(--whiteColor) !important;
  background-color: var(--mainColor) !important;
}

.courses-area-two:hover .owl-nav .owl-prev {
  left: 0;
  opacity: 1;
}

.courses-area-two:hover .owl-nav .owl-next {
  right: 0;
  opacity: 1;
}

.courses-item {
  margin-bottom: 30px;
  background-color: var(--whiteColor);
  -webkit-box-shadow: rgba(0, 0, 0, 0.06) 0 0 15px;
  box-shadow: rgba(0, 0, 0, 0.06) 0 0 15px;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  border-radius: 50px;
}

.courses-item a {
  display: block;
}

.courses-item .content {
  padding: 30px;
  position: relative;
}

.courses-item .content .course-instructors {
  position: absolute;
  right: 30px;
  top: -50px;
}

.courses-item .content .course-instructors img {
  border-radius: 50%;
  border: 2px solid var(--whiteColor);
  width: 88px;
  height: 81px;
  background: aliceblue;
}

.courses-item .content .tag-btn {
  background-color: rgba(8, 169, 230, 0.1);
  padding: 5px 20px;
  color: var(--mainColor);
  display: inline-block;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  font-weight: 500;
}

.courses-item .content .tag-btn:hover {
  background-color: var(--mainColor);
  color: var(--whiteColor);
}

.courses-item .content .price-text {
  position: absolute;
  top: 30px;
  right: 30px;
  color: var(--mainColor);
  font-size: 22px;
  font-weight: 600;
}

.courses-item .content h3 {
  margin-top: 17px;
  margin-bottom: 17px;
}

.courses-item .content h3 a {
  color: var(--titleColor);
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.courses-item .content .course-list {
  margin: 0 0 15px;
  padding: 0 0 15px;
  list-style-type: none;
}

.courses-item .content .course-list li {
  display: inline-block;
  margin-right: 30px;
  color: var(--bodyColor);
}

.courses-item .content .course-list li:last-child {
  margin-right: 0;
}

.courses-item .content .course-list li i {
  color: var(--mainColor);
  position: relative;
  top: 3px;
  margin-right: 5px;
}

.courses-item .content .bottom-content {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.courses-item .content .bottom-content .user-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.courses-item .content .bottom-content .user-area img {
  border-radius: 50%;
  margin-right: 10px;
}

.courses-item .content .bottom-content .user-area h3 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
  margin-top: 0;
  -webkit-transition: 0.7s;
  transition: 0.7s;
}

.courses-item .content .bottom-content .user-area:hover h3 {
  color: var(--mainColor);
}

.courses-item .content .bottom-content .rating {
  color: var(--bodyColor);
}

.courses-item .content .bottom-content .rating i {
  color: #ffc107;
  margin-right: 5px;
  line-height: 1;
  font-size: 18px;
  position: relative;
  top: 3px;
}

.courses-item .content .bottom-content .rating2 {
  color: var(--bodyColor);
}

.courses-item .content .bottom-content .rating2 i {
  color: #ffc107;
  margin-right: 5px;
  line-height: 1;
  font-size: 18px;
  position: relative;
  top: 3px;
}

.courses-item .content .bottom-content .bottom-price {
  color: var(--mainColor);
  font-size: 22px;
  font-weight: 600;
}

.courses-item:hover {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

.courses-item:hover .content h3 a {
  color: var(--mainColor);
}

.courses-page-side-bar-widget {
  margin-bottom: 30px;
  padding: 25px;
  border: 1px solid #f5f5f5;
}

.courses-page-side-bar-widget .title {
  font-size: 22px;
  margin-bottom: 20px;
}

.courses-page-side-bar-widget .courses-page-content {
  list-style-type: none;
  position: relative;
  margin: 0;
  padding: 0;
}

.courses-page-side-bar-widget .courses-page-content li {
  display: block;
  margin-bottom: 10px;
}

.courses-page-side-bar-widget .courses-page-content li:last-child {
  margin-bottom: 0;
}

.courses-page-side-bar-widget .courses-page-content li label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 28px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 20px;
  color: var(--bodyColor);
  width: 100%;
}

.courses-page-side-bar-widget .courses-page-content li label span {
  text-align: center;
  display: inline-block;
  width: 24px;
  line-height: 24px;
  height: 24px;
  background-color: #dff3ef;
  color: var(--mainColor);
  font-weight: 600;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  font-size: 14px;
}

.courses-page-side-bar-widget .courses-page-content li label span.fl {
  float: right;
}

.courses-page-side-bar-widget .courses-page-content li label span:hover {
  background-color: var(--mainColor);
  color: var(--whiteColor);
}

.courses-page-side-bar-widget .courses-page-content li label::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  position: absolute;
  left: 0;
  top: 2px;
  background-color: #fff;
  border: 1px solid #ecedf2;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  font-family: remixicon !important;
  color: #fff;
  font-size: 9px;
  font-weight: 900;
  text-align: center;
  line-height: 17px;
}

.courses-page-side-bar-widget .courses-page-content li input[type="checkbox"] {
  display: none;
}

.courses-page-side-bar-widget
  .courses-page-content
  li
  input[type="checkbox"]:checked
  + label:before {
  content: "\eb7b";
  background-color: var(--mainColor);
  border: 1px solid var(--mainColor);
  font-family: remixicon !important;
}

.courses-page-side-bar-widget .courses-page-content li:hover span {
  background-color: var(--mainColor);
  color: var(--whiteColor);
}

.courses-details-tab .tabs {
  margin: 0 0 30px;
  padding: 0;
  list-style: none;
}

.courses-details-tab .tabs li {
  display: inline-block;
  margin-right: 20px;
  color: var(--titleColor);
  padding: 12px 25px;
  background-color: #f5f5f5;
  cursor: pointer;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.courses-details-tab .tabs li:focus {
  color: var(--whiteColor);
  background-color: var(--mainColor);
}

.courses-details-tab .tabs li.active {
  color: var(--whiteColor);
  background-color: var(--mainColor);
}

.courses-details-tab .tabs li.current {
  color: var(--whiteColor);
  background-color: var(--mainColor);
}

.courses-details-tab .tabs li:hover {
  color: var(--whiteColor);
  background-color: var(--mainColor);
}

.tab .tabs_item {
  display: none;
}

.tab .tabs_item:first-child {
  display: block;
}

.courses-details-tab-content .event-details-mt-30 {
  margin-top: 30px;
}

.courses-details-tab-content h1,
.courses-details-tab-content h2,
.courses-details-tab-content h3,
.courses-details-tab-content h4,
.courses-details-tab-content h5,
.courses-details-tab-content h6 {
  margin-bottom: 15px;
}

.courses-details-tab-content h1 {
  font-size: 32px;
}

.courses-details-tab-content h2 {
  font-size: 29px;
}

.courses-details-tab-content h3 {
  font-size: 26px;
}

.courses-details-tab-content h4 {
  font-size: 23px;
}

.courses-details-tab-content h5 {
  font-size: 20px;
}

.courses-details-tab-content h6 {
  font-size: 17px;
}

.courses-details-tab-content a {
  color: var(--mainColor);
}

.courses-details-tab-content a:hover {
  color: var(--titleColor);
  border-bottom: 1px solid var(--mainColor);
}

.courses-details-tab-content ul,
.courses-details-tab-content ol {
  margin-bottom: 30px;
}

.courses-details-tab-content ul li,
.courses-details-tab-content ol li {
  margin-bottom: 10px;
}

.courses-details-tab-content ul li:last-child,
.courses-details-tab-content ol li:last-child {
  margin-bottom: 0;
}

.courses-details-tab-content p {
  margin-bottom: 15px;
}

.courses-details-tab-content .courses-details-into {
  margin-bottom: 30px;
}

.courses-details-tab-content .courses-details-into .courses-details-list {
  margin: 0 0 15px;
  list-style-type: none;
  padding: 0;
}

.courses-details-tab-content .courses-details-into .courses-details-list li {
  display: block;
  position: relative;
  z-index: 1;
  margin-bottom: 5px;
  padding-left: 25px;
}

.courses-details-tab-content
  .courses-details-into
  .courses-details-list
  li:last-child {
  margin-bottom: 0;
}

.courses-details-tab-content
  .courses-details-into
  .courses-details-list
  li::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 10px;
  height: 10px;
  background-color: var(--mainColor);
}

.courses-details-tab-content .courses-details-accordion {
  margin-bottom: 30px;
}

.courses-details-tab-content .courses-details-accordion .accordion {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
  border: none;
}

.courses-details-tab-content
  .courses-details-accordion
  .accordion
  .accordion-item {
  display: block;
  margin-bottom: 15px;
  border: 1px solid #e7e7ec;
  background-color: var(--whiteColor);
}

.courses-details-tab-content
  .courses-details-accordion
  .accordion
  .accordion-item:last-child {
  margin-bottom: 0;
}

.courses-details-tab-content
  .courses-details-accordion
  .accordion
  .accordion-title {
  color: var(--titleColor);
  text-decoration: none;
  position: relative;
  display: block;
  font-size: 18px;
  font-weight: 600;
  font-family: var(--headerFonts);
  padding: 20px;
}

.courses-details-tab-content
  .courses-details-accordion
  .accordion
  .accordion-title
  i {
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 30px;
  line-height: 30px;
  color: var(--titleColor);
  text-align: center;
  background-color: transparent;
}

.courses-details-tab-content
  .courses-details-accordion
  .accordion
  .accordion-title.active {
  color: var(--mainColor);
}

.courses-details-tab-content
  .courses-details-accordion
  .accordion
  .accordion-title.active
  i {
  color: var(--mainColor);
}

.courses-details-tab-content
  .courses-details-accordion
  .accordion
  .accordion-title.active
  i::before {
  content: "\f1af";
}

.courses-details-tab-content
  .courses-details-accordion
  .accordion
  .accordion-content {
  display: none;
  position: relative;
}

.courses-details-tab-content
  .courses-details-accordion
  .accordion
  .accordion-content
  .accordion-content-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-top: 1px solid #e7e7ec;
  padding: 20px;
}

.courses-details-tab-content
  .courses-details-accordion
  .accordion
  .accordion-content
  .accordion-content-list
  .accordion-content-left
  i {
  position: relative;
  top: 3px;
  margin-right: 10px;
}

.courses-details-tab-content
  .courses-details-accordion
  .accordion
  .accordion-content
  .accordion-content-list
  .accordion-content-right
  span {
  margin-right: 10px;
  color: #adadad;
}

.courses-details-tab-content
  .courses-details-accordion
  .accordion
  .accordion-content
  .accordion-content-list
  .accordion-content-right
  .tag {
  display: inline-block;
  padding: 7px 15px;
  color: var(--mainColor);
  font-size: 14px;
  background-color: rgba(8, 169, 230, 0.1);
  margin-right: 10px;
}

.courses-details-tab-content
  .courses-details-accordion
  .accordion
  .accordion-content
  .accordion-content-list
  .accordion-content-right
  .tag2 {
  display: inline-block;
  padding: 7px 15px;
  color: var(--redColor);
  font-size: 14px;
  background-color: rgba(236, 39, 47, 0.1);
  margin-right: 10px;
}

.courses-details-tab-content
  .courses-details-accordion
  .accordion
  .accordion-content
  .accordion-content-list
  .accordion-content-right
  i {
  color: var(--bodyColor);
  font-size: 18px;
  position: relative;
  top: 5px;
}

.courses-details-tab-content
  .courses-details-accordion
  .accordion
  .accordion-content.show {
  display: block;
}

.courses-details-tab-content .courses-details-instructor {
  margin-bottom: 30px;
}

.courses-details-tab-content .courses-details-instructor h3 {
  font-size: 20px;
  margin-bottom: 20px;
}

.courses-details-tab-content .courses-details-instructor .details-instructor {
  padding: 10px 10px 10px 90px;
  position: relative;
  margin-bottom: 20px;
}

.courses-details-tab-content
  .courses-details-instructor
  .details-instructor
  img {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
}

.courses-details-tab-content
  .courses-details-instructor
  .details-instructor
  h3 {
  font-size: 18px;
  margin-bottom: 5px;
}

.courses-details-tab-content
  .courses-details-instructor
  .details-instructor
  span {
  margin-bottom: 0;
}

.courses-details-tab-content .courses-details-instructor .course-list {
  margin: 0 0 20px;
  padding: 0;
  list-style-type: none;
  border-bottom: 1px solid #e7e5e5;
}

.courses-details-tab-content .courses-details-instructor .course-list li {
  display: inline-block;
  margin-right: 30px;
  color: var(--bodyColor);
}

.courses-details-tab-content
  .courses-details-instructor
  .course-list
  li:last-child {
  margin-right: 0;
}

.courses-details-tab-content .courses-details-instructor .course-list li i {
  color: var(--mainColor);
  position: relative;
  top: 3px;
  margin-right: 5px;
}

.courses-details-tab-content .courses-details-review-form .review-title {
  position: relative;
}

.courses-details-tab-content
  .courses-details-review-form
  .review-title
  .rating {
  display: inline-block;
}

.courses-details-tab-content
  .courses-details-review-form
  .review-title
  .rating
  i {
  color: #ffc107;
  font-size: 14px;
}

.courses-details-tab-content
  .courses-details-review-form
  .review-title




  .rating
  p {
  margin-bottom: 0;
  display: inline-block;
  padding-left: 5px;
  line-height: initial;
}

.courses-details-tab-content
  .courses-details-review-form
  .review-title
  .btn-right {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 14px;
  color: var(--whiteColor);
  background-color: var(--mainColor);
  padding: 7px 15px;
  border-radius: 5px;
}

.courses-details-tab-content
  .courses-details-review-form
  .review-title
  .btn-right:hover {
  background-color: var(--titleColor);
  color: var(--whiteColor);
}

.courses-details-tab-content .courses-details-review-form .review-comments {
  margin-top: 35px;
}

.courses-details-tab-content
  .courses-details-review-form
  .review-comments
  .review-item {
  margin-top: 30px;
  position: relative;
  padding-right: 200px;
  border-top: 1px dashed #eee;
  padding-top: 30px;
}

.courses-details-tab-content
  .courses-details-review-form
  .review-comments
  .review-item
  .content {
  position: relative;
  z-index: 1;
  padding: 3px 0 3px 80px;
  margin-bottom: 15px;
}

.courses-details-tab-content
  .courses-details-review-form
  .review-comments
  .review-item
  .content
  img {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  max-width: 60px;
}

.courses-details-tab-content
  .courses-details-review-form
  .review-comments
  .review-item
  .content
  .content-dtls
  h4 {
  font-size: 18px;
  margin-bottom: 5px;
  margin-top: 0;
}

.courses-details-tab-content
  .courses-details-review-form
  .review-comments
  .review-item
  .content
  .content-dtls
  span {
  color: var(--mainColor);
  font-size: 14px;
}

.courses-details-tab-content
  .courses-details-review-form
  .review-comments
  .review-item
  .rating
  i {
  color: #ffc107;
  font-size: 14px;
}

.courses-details-tab-content
  .courses-details-review-form
  .review-comments
  .review-item
  h3 {
  font-size: 21px;
  margin-top: 15px;
  margin-bottom: 15px;
  color: var(--titleColor);
}

.courses-details-tab-content
  .courses-details-review-form
  .review-comments
  .review-item
  p {
  margin-bottom: 0;
}

.courses-details-tab-content
  .courses-details-review-form
  .review-comments
  .review-item
  .review-report-link {
  position: absolute;
  right: 0;
  color: rgba(218, 29, 37, 0.53);
  top: 40px;
  text-decoration: underline;
  font-weight: 600;
  font-size: 15px;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.courses-details-tab-content
  .courses-details-review-form
  .review-comments
  .review-item
  .review-report-link:hover {
  color: var(--mainColor);
}

.courses-details-tab-content .courses-details-review-form .review-form {
  margin-top: 25px;
}

.courses-details-tab-content
  .courses-details-review-form
  .review-form
  .contact-form {
  max-width: 100%;
  margin: 0 auto 30px;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
}

.courses-details-tab-content
  .courses-details-review-form
  .review-form
  .contact-form
  h4 {
  margin-bottom: 25px;
}

.courses-details-tab-content
  .courses-details-review-form
  .review-form
  .contact-form
  .form-group
  .form-control {
  background-color: #f5f5f5;
}

.courses-details-sidebar {
  background-color: var(--whiteColor);
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
  position: relative;
  z-index: 2;
  margin-top: -250px;
  margin-bottom: 30px;
}

.courses-details-sidebar .content {
  padding: 30px;
}

.courses-details-sidebar .content h3 {
  margin-bottom: 10px;
}

.courses-details-sidebar .content span {
  color: var(--titleColor);
  margin-bottom: 10px;
  font-weight: 600;
}

.courses-details-sidebar .content .courses-details-list {
  list-style-type: none;
  margin: 15px 0;
  padding: 0;
}

.courses-details-sidebar .content .courses-details-list li {
  display: block;
  margin-bottom: 5px;
  color: var(--bodyColor);
}

.courses-details-sidebar .content .courses-details-list li:last-child {
  margin-bottom: 0;
}

.courses-details-sidebar .content .default-btn {
  width: 100%;
  text-align: center;
  margin-bottom: 15px;
}

.courses-details-sidebar .social-link {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.courses-details-sidebar .social-link li {
  display: inline-block;
  margin-right: 10px;
}

.courses-details-sidebar .social-link li.social-title {
  font-size: 18px;
  color: var(--titleColor);
}

.courses-details-sidebar .social-link li:last-child {
  margin-right: 0;
}

.courses-details-sidebar .social-link li a {
  display: inline-block;
}

.courses-details-sidebar .social-link li a i {
  font-size: 15px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border-radius: 50px;
  color: var(--mainColor);
  background-color: transparent;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  display: inline-block;
  border: 1px solid var(--mainColor);
}

.courses-details-sidebar .social-link li a:hover i {
  color: var(--whiteColor);
  background-color: var(--mainColor);
}

.product-topper .product-title h3 {
  font-family: var(--bodyFonts);
  font-size: 16px;
  color: var(--bodyColor);
  margin-bottom: 0;
  font-weight: 500;
}

.product-topper .product-title h3 span {
  color: var(--mainColor);
}

.product-topper .product-list {
  vertical-align: middle;
  position: relative;
  background-color: transparent;
  border: 1px solid #eee;
}

.product-topper .product-list i {
  display: inline-block;
  position: absolute;
  top: 8px;
  right: 15px;
  color: var(--bodyColor);
  font-size: 20px;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.product-topper .product-list .form-select {
  color: var(--bodyColor);
  background-color: transparent;
  border: 0;
  background-image: unset;
  padding: 12px 40px 12px 20px;
}

.product-topper .product-list .form-select:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.product-topper .product-list .form-select:focus i {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.product-topper .product-list .form-select option {
  color: var(--bodyColor);
  padding-top: 5px;
  padding-bottom: 5px;
}

.product-topper .product-list:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.product-topper .product-list:hover i {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.cart-wraps-area .cart-wraps {
  margin-bottom: 30px;
}

.cart-wraps-area .cart-table table {
  margin-bottom: 0;
}

.cart-wraps-area .cart-table table thead tr th {
  border-bottom-width: 0;
  vertical-align: middle;
  padding: 15px 0;
  border: none;
  font-weight: 700;
  font-size: 18px;
}

.cart-wraps-area .cart-table table tbody tr td {
  vertical-align: middle;
  color: var(--titleColor);
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 0;
  padding-right: 0;
  font-size: 15px;
  border-color: #eee;
  border-left: none;
  border-right: none;
}

.cart-wraps-area .cart-table table tbody tr td.courses-thumbnail a {
  display: block;
}

.cart-wraps-area .cart-table table tbody tr td.courses-thumbnail a img {
  width: 100px;
  height: 100px;
  background-color: #f2f6fe;
  padding: 3px;
}

.cart-wraps-area .cart-table table tbody tr td.courses-name a {
  color: var(--titleColor);
  font-weight: 600;
  display: inline-block;
  font-size: 16px;
}

.cart-wraps-area .cart-table table tbody tr td.courses-name a:hover {
  color: var(--mainColor) !important;
}

.cart-wraps-area .cart-table table tbody tr td.courses-subtotal .remove {
  color: var(--bodyColor);
  float: right;
  position: relative;
  top: 1px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.cart-wraps-area .cart-table table tbody tr td.courses-subtotal .remove i {
  font-size: 24px;
}

.cart-wraps-area .cart-table table tbody tr td.courses-subtotal .remove:hover {
  color: var(--greenColor);
}

.cart-wraps-area .cart-table table tbody tr td.courses-subtotal span {
  font-weight: 600;
}

.cart-wraps-area .cart-table .table > :not(:first-child) {
  border-top: none;
}

.cart-wraps-area .cart-buttons {
  margin-top: 30px;
}

.cart-totals {
  border-radius: 0;
  background-color: var(--whiteColor);
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
  padding: 40px;
  margin-left: 30px;
  margin-bottom: 30px;
}

.cart-totals h3 {
  font-size: 24px;
  margin-bottom: 15px;
}

.cart-totals ul {
  padding: 0;
  margin: 0 0 25px;
  list-style-type: none;
}

.cart-totals ul li {
  border-bottom: 1px solid #eee;
  padding: 10px 15px;
  color: var(--bodyColor);
  overflow: hidden;
  font-weight: 500;
}

.cart-totals ul li span {
  float: right;
  color: var(--titleColor);
  font-weight: 400;
}

.checkout-user {
  color: var(--titleColor);
  font-size: 16px;
  margin-bottom: 30px;
  border-left: 2px solid var(--mainColor);
  padding: 15px 25px;
  background-color: var(--whiteColor);
  -webkit-box-shadow: 0 5px 28px rgba(0, 0, 0, 0.07);
  box-shadow: 0 5px 28px rgba(0, 0, 0, 0.07);
}

.checkout-user span {
  color: var(--bodyColor);
  font-size: 18px;
}

.checkout-user span a {
  color: var(--mainColor);
}

.checkout-user span a:hover {
  color: var(--titleColor);
}

.billing-details {
  margin-bottom: 30px;
  background-color: var(--whiteColor);
  padding: 50px 30px 25px;
  -webkit-box-shadow: 0 5px 28px rgba(0, 0, 0, 0.07);
  box-shadow: 0 5px 28px rgba(0, 0, 0, 0.07);
}

.billing-details h3 {
  font-size: 24px;
  color: var(--titleColor);
  margin-bottom: 25px;
  font-weight: 600;
}

.billing-details .form-group {
  margin-bottom: 25px;
}

.billing-details .form-group label {
  color: var(--titleColor);
  display: block;
  margin-bottom: 10px;
  font-weight: 500;
}

.billing-details .form-group label span {
  color: var(--mainColor);
}

.billing-details .form-group .form-control {
  height: 50px;
  color: var(--bodyColor);
  border: none;
  background-color: #f9f8f8;
  border-radius: 0;
  padding: 10px 20px;
  width: 100%;
}

.billing-details .form-group .form-control:focus,
.billing-details .form-group .form-control :hover {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.billing-details .form-group .form-message {
  font-size: 16px;
  border: none;
  background-color: #f9f8f8;
  padding: 18px;
  font-weight: 400;
  width: 100%;
}

.billing-details .form-group .form-message:focus,
.billing-details .form-group .form-message :hover {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.billing-details .form-check {
  margin-bottom: 15px;
}

.billing-details .form-check .form-check-input {
  width: 15px;
  height: 15px;
}

.billing-details .form-check .form-check-label {
  color: var(--titleColor);
  margin-left: 5px;
  font-weight: 500;
}

.billing-totals {
  border-radius: 0;
  background-color: var(--whiteColor);
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
  padding: 35px 30px 40px;
  margin-bottom: 30px;
}

.billing-totals h3 {
  font-size: 22px;
  margin-bottom: 15px;
}

.billing-totals ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.billing-totals ul li {
  border-bottom: 1px solid #eee;
  padding: 10px 15px;
  color: var(--bodyColor);
  overflow: hidden;
  font-weight: 500;
}

.billing-totals ul li span {
  float: right;
  color: var(--titleColor);
  font-weight: 400;
}

.payment-box {
  background-color: var(--whiteColor);
  -webkit-box-shadow: 0 5px 28px rgba(0, 0, 0, 0.07);
  box-shadow: 0 5px 28px rgba(0, 0, 0, 0.07);
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 40px 30px;
}

.payment-box .payment-method h3 {
  font-size: 22px;
  margin-bottom: 20px;
}

.payment-box .payment-method p [type="radio"]:checked {
  display: none;
}

.payment-box .payment-method p [type="radio"]:checked + label {
  padding-left: 27px;
  cursor: pointer;
  display: block;
  font-weight: 600;
  color: var(--titleColor);
  position: relative;
  margin-bottom: 15px;
}

.payment-box .payment-method p [type="radio"]:checked + label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 18px;
  height: 18px;
  border: 1px solid #ddd;
  border-radius: 50%;
  background: #fff;
}

.payment-box .payment-method p [type="radio"]:checked + label::after {
  content: "";
  width: 12px;
  height: 12px;
  background: var(--mainColor);
  position: absolute;
  top: 6px;
  left: 3px;
  border-radius: 50%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.payment-box .payment-method p [type="radio"]:not(:checked) {
  display: none;
}

.payment-box .payment-method p [type="radio"]:not(:checked) + label {
  padding-left: 27px;
  cursor: pointer;
  display: block;
  font-weight: 600;
  color: #172541;
  position: relative;
  margin-bottom: 15px;
}

.payment-box .payment-method p [type="radio"]:not(:checked) + label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 18px;
  height: 18px;
  border: 1px solid #ddd;
  border-radius: 50%;
  background: #fff;
}

.payment-box .payment-method p [type="radio"]:not(:checked) + label::after {
  content: "";
  width: 12px;
  height: 12px;
  background: var(--mainColor);
  position: absolute;
  top: 6px;
  left: 3px;
  border-radius: 50%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.payment-box .default-btn {
  margin-top: 20px;
  text-align: center;
  width: 100%;
}

.pricing-card {
  margin-bottom: 30px;
  background-color: #f5f5f5;
  padding: 40px;
}

.pricing-card .top-content {
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 25px;
}

.pricing-card .top-content h3 {
  font-size: 30px;
  margin-bottom: 10px;
}

.pricing-card .top-content h2 {
  font-size: 50px;
  color: var(--mainColor);
  margin-bottom: 0;
  font-weight: 500;
}

.pricing-card .top-content h2 sub {
  font-size: 20px;
  font-weight: 400;
}

.pricing-card ul {
  margin: 0 0 25px;
  padding: 0;
  list-style-type: none;
}

.pricing-card ul li {
  display: block;
  margin-bottom: 10px;
  color: var(--bodyColor);
}

.pricing-card ul li i {
  color: var(--mainColor);
  position: relative;
  top: 2px;
  margin-right: 10px;
  font-size: 18px;
}

.play-area {
  position: relative;
  z-index: 1;
}

.play-area .title h2 {
  font-size: 22px;
}

.play-area .title h2 span {
  color: var(--mainColor);
}

.play-area::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 70%;
  background-color: #f5f5f5;
}

.brand-item {
  text-align: center;
}

.brand-item img {
  width: unset !important;
  text-align: center;
  cursor: pointer;
  /* opacity: .3; */
  -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.brand-item .brand-item-logo2 {
  display: none !important;
}

.brand-item:hover img {
  opacity: 1;
  padding: 6px;
}

.play-btn-area {
  background-image: url(../images/play-btn.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  max-width: 1100px;
  margin: 0 auto;
  padding: 200px 0;
  text-align: center;
}

.play-btn-area .play-btn {
  display: inline-block;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
}

.play-btn-area .play-btn i {
  display: inline-block;
  width: 90px;
  height: 90px;
  line-height: 95px;
  background-color: var(--whiteColor);
  color: var(--mainColor);
  font-size: 30px;
  border-radius: 50px;
  margin: 0 auto;
  padding-left: 5px;
  padding-top: 3px;
  position: relative;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  text-align: center;
  z-index: 1;
}

.play-btn-area .play-btn i::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 50px;
  -webkit-animation: ripple 2s infinite ease-in-out;
  animation: ripple 2s infinite ease-in-out;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.play-btn-area .play-btn:hover i {
  background-color: var(--mainColor);
  color: var(--whiteColor);
}

.play-btn-area .play-btn:hover i::after {
  background-color: var(--mainColor);
  opacity: 0.3;
}

.faq-img {
  position: relative;
  margin-bottom: 30px;
}

.faq-img img {
  -webkit-animation: border-transform 10s linear infinite alternate forwards;
  animation: border-transform 10s linear infinite alternate forwards;
}

.faq-img .shape {
  position: absolute;
  bottom: 100px;
  right: -10px;
}

.faq-img .shape img {
  -webkit-animation: none;
  animation: none;
}

.faq-accordion {
  margin-bottom: 30px;
}

.faq-accordion .accordion {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
  border: none;
}

.faq-accordion .accordion .accordion-item {
  display: block;
  margin-bottom: 20px;
  border: none;
}

.faq-accordion .accordion .accordion-item:last-child {
  margin-bottom: 0;
}

.faq-accordion .accordion .accordion-title {
  color: var(--titleColor);
  text-decoration: none;
  position: relative;
  display: block;
  font-size: 18px;
  font-weight: 600;
  font-family: var(--headerFonts);
  padding: 8px 0 8px 55px;
}

.faq-accordion .accordion .accordion-title i {
  position: absolute;
  left: 0;
  top: 0;
  width: 45px;
  height: 45px;
  line-height: 45px;
  color: var(--titleColor);
  background-color: var(--whiteColor);
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
  border-radius: 50px;
  text-align: center;
}

.faq-accordion .accordion .accordion-title.active {
  color: var(--mainColor);
}

.faq-accordion .accordion .accordion-title.active i {
  color: var(--whiteColor);
  background-color: var(--mainColor);
}

.faq-accordion .accordion .accordion-title.active i::before {
  content: "\f1af";
}

.faq-accordion .accordion .accordion-content {
  display: none;
  position: relative;
  margin-top: 15px;
  padding: 0;
}

.faq-accordion .accordion .accordion-content p {
  line-height: 1.8;
  font-size: 15px;
  margin-bottom: 0;
}

.faq-accordion .accordion .accordion-content p:last-child {
  margin-bottom: 0;
}

.faq-accordion .accordion .accordion-content.show {
  display: block;
}

.instructors-area {
  position: relative;
}

.instructors-area .owl-nav {
  margin-top: 0;
  overflow: hidden;
}

.instructors-area .owl-nav .owl-prev {
  position: absolute;
  z-index: 5;
  top: -90px;
  right: 50px;
  font-size: 18px !important;
  text-align: center;
  width: 40px;
  height: 40px;
  line-height: 40px !important;
  border-radius: 50px !important;
  background-color: var(--whiteColor) !important;
  color: var(--mainColor) !important;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  -webkit-box-shadow: 0 0 15px rgba(46, 46, 46, 0.1);
  box-shadow: 0 0 15px rgba(46, 46, 46, 0.1);
}

.instructors-area .owl-nav .owl-prev i {
  position: relative;
  top: 3px;
}

.instructors-area .owl-nav .owl-prev:hover {
  color: var(--whiteColor) !important;
  background-color: var(--mainColor) !important;
}

.instructors-area .owl-nav .owl-next {
  position: absolute;
  z-index: 5;
  top: -90px;
  right: 0;
  font-size: 18px !important;
  text-align: center;
  width: 40px;
  height: 40px;
  line-height: 40px !important;
  border-radius: 50px !important;
  background-color: var(--whiteColor) !important;
  color: var(--mainColor) !important;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  -webkit-box-shadow: 0 0 15px rgba(46, 46, 46, 0.1);
  box-shadow: 0 0 15px rgba(46, 46, 46, 0.1);
}

.instructors-area .owl-nav .owl-next i {
  position: relative;
  top: 3px;
}

.instructors-area .owl-nav .owl-next:hover {
  color: var(--whiteColor) !important;
  background-color: var(--mainColor) !important;
}

.instructors-item {
  margin-bottom: 30px;
}

.instructors-item .instructors-img {
  position: relative;
}

.instructors-item .instructors-img a {
  display: block;
  text-align: center;
  margin: 0 auto;
}

.instructors-item .instructors-img a img {
  margin: 0 auto;
}

.instructors-item .instructors-img .instructors-social {
  padding-left: 0;
  list-style-type: none;
  position: absolute;
  z-index: 1;
  left: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  margin: 0 auto;
  margin-bottom: 0;
}

.instructors-item .instructors-img .instructors-social li {
  display: block;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  opacity: 0;
  visibility: hidden;
  margin-bottom: 10px;
}

.instructors-item .instructors-img .instructors-social li:last-child {
  margin-bottom: 0;
}

.instructors-item .instructors-img .instructors-social li a {
  display: inline-block;
}

.instructors-item .instructors-img .instructors-social li a i {
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-size: 16px;
  color: var(--mainColor);
  background-color: var(--whiteColor);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  display: inline-block;
  border-radius: 50px;
}

.instructors-item .instructors-img .instructors-social li a:hover i {
  background-color: var(--mainColor);
  color: var(--whiteColor);
}

.instructors-item .instructors-img .instructors-social li:nth-child(1) {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.instructors-item .instructors-img .instructors-social li:nth-child(2) {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.instructors-item .instructors-img .instructors-social li:nth-child(3) {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.instructors-item .instructors-img .instructors-social li:nth-child(4) {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.instructors-item .content {
  padding-top: 20px;
  text-align: center;
}

.instructors-item .content h3 {
  margin-bottom: 5px;
}

.instructors-item .content h3 a {
  color: var(--titleColor);
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.instructors-item .content span {
  color: var(--bodyColor);
}

.instructors-item:hover .instructors-img .instructors-social li {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

.instructors-item:hover .content h3 a {
  color: var(--mainColor);
}

.instructors-card {
  margin-bottom: 30px;
  background-color: var(--whiteColor);
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
}

.instructors-card a {
  display: block;
  margin: 0 auto;
}

.instructors-card a img {
  margin: 0 auto;
}

.instructors-card .content {
  padding: 30px;
  position: relative;
}

.instructors-card .content .instructors-social {
  margin: 0;
  list-style-type: none;
  padding: 0;
  position: absolute;
  right: 85px;
  bottom: 40px;
}

.instructors-card .content .instructors-social li {
  display: inline-block;
  position: absolute;
  bottom: 0;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.instructors-card .content .instructors-social li.share-btn i {
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  border-radius: 50px;
  background-color: rgba(8, 169, 230, 0.1);
  color: var(--mainColor);
  display: inline-block;
  margin: 0 8px;
  font-size: 24px;
  -webkit-transition: 0.9s;
  transition: 0.9s;
}

.instructors-card .content .instructors-social li.share-btn i:hover {
  background-color: var(--mainColor);
  color: var(--whiteColor);
}

.instructors-card .content .instructors-social li:nth-child(1) {
  z-index: 1;
}

.instructors-card .content .instructors-social li:nth-child(2),
.instructors-card .content .instructors-social li:nth-child(3),
.instructors-card
  .content
  .instructors-social
  li:nth-child(4)
  .instructors-card
  .content
  .instructors-social
  li:nth-child(5) {
  bottom: 0;
}

.instructors-card .content .instructors-social li a {
  color: var(--whiteColor);
}

.instructors-card .content .instructors-social li a i {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 45px;
  background-color: var(--whiteColor);
  color: var(--mainColor);
  text-align: center;
  font-size: 18px;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  border-radius: 50px;
  margin: 0 10px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
  opacity: 0;
}

.instructors-card .content .instructors-social li a:hover i {
  background-color: var(--mainColor);
  color: var(--whiteColor);
  opacity: 1;
}

.instructors-card .content .instructors-social:hover li a i {
  opacity: 1;
}

.instructors-card .content .instructors-social:hover li:nth-child(1) {
  z-index: 1;
}

.instructors-card .content .instructors-social:hover li:nth-child(2) {
  bottom: 65px;
}

.instructors-card .content .instructors-social:hover li:nth-child(3) {
  bottom: 122px;
}

.instructors-card .content .instructors-social:hover li:nth-child(4) {
  bottom: 178px;
}

.instructors-card .content .instructors-social:hover li:nth-child(5) {
  bottom: 235px;
}

.instructors-card .content h3 {
  margin-bottom: 5px;
}

.instructors-card .content h3 a {
  color: var(--titleColor);
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.instructors-card .content span {
  color: var(--bodyColor);
}

.instructors-item-bg {
  background-color: var(--whiteColor);
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
}

.instructors-item-bg .instructors-img .instructors-social li a i {
  width: 25px;
  height: 25px;
  line-height: 25px;
  font-size: 12px;
}

.instructors-item-bg .content {
  padding: 20px;
}

.instructors-item-bg .content h3 {
  font-size: 20px;
}

.instructors-details-img {
  margin-bottom: 30px;
}

.instructors-details-img img {
  margin-bottom: 25px;
}

.instructors-details-img .social-link {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.instructors-details-img .social-link li {
  display: inline-block;
  margin-right: 10px;
}

.instructors-details-img .social-link li.social-title {
  font-size: 18px;
  color: var(--titleColor);
}

.instructors-details-img .social-link li:last-child {
  margin-right: 0;
}

.instructors-details-img .social-link li a {
  display: inline-block;
}

.instructors-details-img .social-link li a i {
  font-size: 15px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border-radius: 50px;
  color: var(--mainColor);
  background-color: transparent;
  border: 1px solid var(--mainColor);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  display: inline-block;
}

.instructors-details-img .social-link li a:hover i {
  color: var(--whiteColor);
  background-color: var(--mainColor);
}

.instructors-details-content {
  margin-bottom: 30px;
}

.instructors-details-content h3 {
  margin-bottom: 5px;
}

.instructors-details-content .sub-title {
  margin-bottom: 25px;
  display: block;
}

.instructors-details-content ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.instructors-details-content ul li {
  display: block;
  margin-bottom: 10px;
  color: var(--titleColor);
}

.instructors-details-content ul li span {
  color: var(--bodyColor);
  margin-left: 10px;
}

.instructors-details-content ul li span i {
  position: relative;
  top: 2px;
  color: #ffc107;
  margin-right: 3px;
}

.instructors-details-content ul li span a {
  color: var(--bodyColor);
  -webkit-transition: 0.7s;
  transition: 0.7s;
}

.instructors-details-content ul li span a:hover {
  color: var(--mainColor);
}

.testimonials-area {
  position: relative;
  overflow: hidden;
}

.testimonials-area .owl-dots {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.testimonials-area .owl-dots .owl-dot span {
  background-color: rgba(33, 34, 95, 0.2) !important;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  margin: 0 7px;
  position: relative;
  z-index: 1;
  border-radius: 5px;
}

.testimonials-area .owl-dots .owl-dot.active span {
  background-color: var(--mainColor) !important;
}

.testimonials-area .owl-dots .owl-dot:hover span {
  background-color: var(--mainColor) !important;
}

.testimonials-area .owl-nav {
  margin-top: 0;
  overflow: hidden;
}

.testimonials-area .owl-nav .owl-prev {
  position: absolute;
  z-index: 5;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -100px;
  opacity: 0;
  font-size: 18px !important;
  text-align: center;
  width: 40px;
  height: 40px;
  line-height: 40px !important;
  border-radius: 50px !important;
  background-color: var(--whiteColor) !important;
  color: var(--mainColor) !important;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  -webkit-box-shadow: 0 0 15px rgba(46, 46, 46, 0.1);
  box-shadow: 0 0 15px rgba(46, 46, 46, 0.1);
}

.testimonials-area .owl-nav .owl-prev i {
  position: relative;
  top: 3px;
}

.testimonials-area .owl-nav .owl-prev:hover {
  color: var(--whiteColor) !important;
  background-color: var(--mainColor) !important;
}

.testimonials-area .owl-nav .owl-next {
  position: absolute;
  z-index: 5;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: -100px;
  opacity: 0;
  font-size: 18px !important;
  text-align: center;
  width: 40px;
  height: 40px;
  line-height: 40px !important;
  border-radius: 50px !important;
  background-color: var(--whiteColor) !important;
  color: var(--mainColor) !important;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  -webkit-box-shadow: 0 0 15px rgba(46, 46, 46, 0.1);
  box-shadow: 0 0 15px rgba(46, 46, 46, 0.1);
}

.testimonials-area .owl-nav .owl-next i {
  position: relative;
  top: 3px;
}

.testimonials-area .owl-nav .owl-next:hover {
  color: var(--whiteColor) !important;
  background-color: var(--mainColor) !important;
}

.testimonials-area:hover .owl-nav .owl-prev {
  left: 0;
  opacity: 1;
}

.testimonials-area:hover .owl-nav .owl-next {
  right: 0;
  opacity: 1;
}

.testimonials-area .testimonials-card-two {
  margin-top: 45px;
  margin-left: 10px;
  margin-right: 10px;
}

.testimonials-item {
  position: relative;
  z-index: 1;
  margin-top: 45px;
  margin-bottom: 30px;
  background-color: var(--whiteColor);
  border-radius: 10px;
  padding: 30px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
}

.testimonials-item img {
  position: relative;
  margin-top: -75px;
  width: 80px !important;
  border-radius: 50%;
  margin-bottom: 15px;
}

.testimonials-item .rating {
  color: #ffc107;
  display: block;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  margin-bottom: 10px;
}

.testimonials-item .rating i {
  display: inline-block;
}

.testimonials-item p {
  margin-bottom: 15px;
  display: block;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

.testimonials-item h3 {
  margin-bottom: 5px;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

.testimonials-item span {
  margin-bottom: 0;
  display: block;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

.testimonials-item .quote {
  position: absolute;
  bottom: 10px;
  right: 30px;
  font-size: 40px;
  color: var(--mainColor);
  opacity: 0.5;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

.testimonials-card {
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
  background-color: var(--whiteColor);
  border-radius: 10px;
  padding: 30px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
}

.testimonials-card .content {
  padding-left: 100px;
  position: relative;
  margin-bottom: 30px;
}

.testimonials-card .content img {
  position: absolute;
  top: 0;
  left: 0;
  width: 70px !important;
  border-radius: 50%;
}

.testimonials-card .content h3 {
  margin-bottom: 5px;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

.testimonials-card .content span {
  margin-bottom: 0;
  display: block;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

.testimonials-card p {
  margin-bottom: 15px;
  display: block;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

.testimonials-card .rating {
  color: #ffc107;
  display: block;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  margin-bottom: 0;
}

.testimonials-card .rating i {
  display: inline-block;
}

.testimonials-card .quote {
  position: absolute;
  top: 35px;
  right: 30px;
  font-size: 45px;
  color: var(--mainColor);
  opacity: 0.5;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}



.testimonials-card-two p {
font-size:18px;
  margin-bottom: 15px;
  display: block;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

.testimonials-card-two .rating {
  color: #ffc107;
  display: block;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  margin-bottom: 0;
}

.testimonials-card-two .rating i {
  display: inline-block;
}

.testimonials-card-two .content {
  padding-left: 100px;
  position: relative;
  margin-bottom: 0;
}

.testimonials-card-two .content img {
  position: absolute;
  top: 0;
  left: 0;
  width: 70px !important;
  border-radius: 50%;
}

.testimonials-card-two .content h3 {
  margin-bottom: 5px;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

.testimonials-card-two .content span {
  margin-bottom: 0;
  display: block;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

.testimonials-card-two .quote {
  position: absolute;
  bottom: 20px;
  right: 30px;
  font-size: 45px;
  color: var(--mainColor);
  opacity: 0.5;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

.enrolled-area {
  background-color: #f5f5f5;
}

.enrolled-content .section-title {
  margin-bottom: 20px;
}

.enrolled-content .enrolled-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.enrolled-content .enrolled-list li {
  display: block;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 55px;
  position: relative;
  font-size: 18px;
  color: var(--titleColor);
  margin-bottom: 20px;
  font-weight: 600;
}

.enrolled-content .enrolled-list li i {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  line-height: 47px;
  border-radius: 50px;
  text-align: center;
  background-color: rgba(8, 169, 230, 0.1);
  color: var(--mainColor);
}

.box-shadow-content {
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px,
    rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px,
    rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
  padding: 40px;
  border-radius: 20px;
}

.enrolled-img {
  margin-top: 50px;
  position: relative;
  z-index: 1;
  margin-left: 70px;
  position: relative;
  z-index: 1;
  text-align: center;
}

.enrolled-img .bg-shape {
  position: absolute;
  z-index: -1;
  top: 100px;
  left: -30px;
  right: 0;
  text-align: center;
}

.enrolled-img .enrolled-img-content {
  padding: 15px;
  background-color: var(--whiteColor);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.enrolled-img .enrolled-img-content i {
  width: 45px;
  height: 45px;
  line-height: 50px;
  font-size: 20px;
  color: var(--whiteColor);
  background-color: var(--titleColor);
  margin-right: 12px;
  text-align: center;
}

.enrolled-img .enrolled-img-content i.active {
  background-color: #08a9e6;
}

.enrolled-img .enrolled-img-content .content h3 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 3px;
}

.enrolled-img .enrolled-img-content .content p {
  font-size: 14px;
  margin-bottom: 0;
}

.enrolled-img .top-content {
  position: absolute;
  top: 140px;
  left: -20px;
  -webkit-animation: movebounce 5s linear infinite;
  animation: movebounce 5s linear infinite;
}

.enrolled-img .right-content {
  position: absolute;
  bottom: 200px;
  right: 0;
  -webkit-animation: movebounce 5s linear infinite;
  animation: movebounce 5s linear infinite;
}

.enrolled-img .left-content {
  position: absolute;
  bottom: 70px;
  left: -20px;
  -webkit-animation: movebounce 5s linear infinite;
  animation: movebounce 5s linear infinite;
}

.enrolled-img .enrolled-img-shape .shape1 {
  position: absolute;
  top: 30px;
  right: 0;
  z-index: -1;
  -webkit-animation: moveleftbounce 9s linear infinite;
  animation: moveleftbounce 9s linear infinite;
}

.enrolled-img-two img {
  -webkit-animation: movebounce 5s linear infinite;
  animation: movebounce 5s linear infinite;
}

.enrolled-img-two {
  margin-bottom: 30px;
  position: relative;
}

.enrolled-img-two img {
  /* max-width: 600px; */
  border-radius: 10px;
}

.enrolled-img-two .enrolled-img-content {
  position: absolute;
  bottom: 40px;
  right: 0;
  -webkit-animation: movebounce 5s linear infinite;
  animation: movebounce 5s linear infinite;
  padding: 15px;
  background-color: var(--whiteColor);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
  border-radius: 10px;
}

.enrolled-img-two .enrolled-img-content i {
  width: 45px;
  height: 45px;
  line-height: 50px;
  font-size: 20px;
  color: var(--whiteColor);
  background-color: var(--titleColor);
  margin-right: 12px;
  text-align: center;
  border-radius: 50px;
}

.enrolled-img-two .enrolled-img-content i.active {
  background-color: #08a9e6;
}

.enrolled-img-two .enrolled-img-content .content h3 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 3px;
}

.enrolled-img-two .enrolled-img-content .content p {
  font-size: 14px;
  margin-bottom: 0;
}
.enrolled-img-three {
  margin-bottom: 30px;
  position: relative;
}

.enrolled-img-three img {

  border-radius: 10px;
}

.enrolled-img-three .enrolled-img-content {
  position: absolute;
  bottom: 40px;
  right: 0;
  -webkit-animation: movebounce 5s linear infinite;
  animation: movebounce 5s linear infinite;
  padding: 15px;
  background-color: var(--whiteColor);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
  border-radius: 10px;
}

.enrolled-img-three .enrolled-img-content i {
  width: 45px;
  height: 45px;
  line-height: 50px;
  font-size: 20px;
  color: var(--whiteColor);
  background-color: var(--titleColor);
  margin-right: 12px;
  text-align: center;
  border-radius: 50px;
}

.enrolled-img-three .enrolled-img-content i.active {
  background-color: #08a9e6;
}

.enrolled-img-three .enrolled-img-content .content h3 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 3px;
}

.enrolled-img-three .enrolled-img-content .content p {
  font-size: 14px;
  margin-bottom: 0;
}
.event-area .owl-dots {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.event-area .owl-dots .owl-dot span {
  background-color: rgba(33, 34, 95, 0.2) !important;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  margin: 0 7px;
  position: relative;
  z-index: 1;
  border-radius: 5px;
}

.event-area .owl-dots .owl-dot.active span {
  background-color: var(--mainColor) !important;
}

.event-area .owl-dots .owl-dot:hover span {
  background-color: var(--mainColor) !important;
}

.event-item {
  padding: 30px 20px;
  background-color: var(--whiteColor);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 10px;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.event-item .event-img {
  margin-right: 20px;
  max-width: 180px;
}

.event-item .event-img a {
  display: block;
}

.event-item .event-img a img {
  border-radius: 10px;
}

.event-item .event-content .event-list {
  margin: 0 0 12px;
  padding: 0;
  list-style-type: none;
}

.event-item .event-content .event-list li {
  display: inline-block;
  margin-right: 10px;
  color: var(--bodyColor);
}

.event-item .event-content .event-list li:last-child {
  margin-right: 0;
}

.event-item .event-content .event-list li i {
  color: var(--mainColor);
  position: relative;
  top: 3px;
  margin-right: 5px;
}

.event-item .event-content h3 {
  margin-bottom: 10px;
}

.event-item .event-content h3 a {
  color: var(--titleColor);
  -webkit-transition: 0.7s;
  transition: 0.7s;
}

.event-item .event-content p {
  margin-bottom: 0;
}

.event-item:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}

.event-item:hover .event-content h3 a {
  color: var(--mainColor);
}

.event-details-content .event-details-mt-30 {
  margin-top: 30px;
}

.event-details-content h1,
.event-details-content h2,
.event-details-content h3,
.event-details-content h4,
.event-details-content h5,
.event-details-content h6 {
  margin-bottom: 15px;
}

.event-details-content h1 {
  font-size: 32px;
}

.event-details-content h2 {
  font-size: 29px;
}

.event-details-content h3 {
  font-size: 26px;
}

.event-details-content h4 {
  font-size: 23px;
}

.event-details-content h5 {
  font-size: 20px;
}

.event-details-content h6 {
  font-size: 17px;
}

.event-details-content a {
  color: var(--goldenColor);
}

.event-details-content a:hover {
  color: var(--titleColor);
  border-bottom: 1px solid var(--goldenColor);
}

.event-details-content ul,
.event-details-content ol {
  margin-bottom: 30px;
}

.event-details-content ul li,
.event-details-content ol li {
  margin-bottom: 10px;
}

.event-details-content ul li:last-child,
.event-details-content ol li:last-child {
  margin-bottom: 0;
}

.event-details-content p {
  margin-bottom: 15px;
}

.event-details-content .event-preview-img {
  margin-bottom: 25px;
}

.event-sidebar {
  margin-bottom: 35px;
  background-color: #f5f5f5;
  padding: 35px 23px;
}

.event-sidebar .title {
  font-size: 22px;
  color: var(--titleColor);
  margin-bottom: 25px;
  padding-bottom: 15px;
  position: relative;
  z-index: 1;
}

.event-sidebar .title::before {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100px;
  height: 3px;
  background-color: var(--mainColor);
}

.event-sidebar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.event-sidebar ul li {
  display: block;
  color: var(--mainColor);
  margin-bottom: 10px;
}

.event-sidebar ul li:last-child {
  margin-bottom: 0;
}

.event-sidebar ul li span {
  color: var(--bodyColor);
  float: right;
}

.event-popular-post {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}

.event-popular-post .item {
  overflow: hidden;
  margin-bottom: 12px;
}

.event-popular-post .item:last-child {
  margin-bottom: 0;
}

.event-popular-post .item .thumb {
  float: left;
  overflow: hidden;
  position: relative;
  margin-right: 15px;
}

.event-popular-post .item .thumb .full-image {
  width: 100px;
  height: 70px;
  display: inline-block;
  background-size: cover !important;
  background-repeat: no-repeat;
  background-position: center center !important;
  position: relative;
  background-color: var(--whiteColor);
}

.event-popular-post .item .thumb .full-image.bg1 {
  background-image: url(../images/events/event-img2.jpg);
}

.event-popular-post .item .thumb .full-image.bg2 {
  background-image: url(../images/events/event-img3.jpg);
}

.event-popular-post .item .info {
  overflow: hidden;
  padding: 4px 0;
}

.event-popular-post .item .info p {
  color: var(--bodyColor);
  margin-bottom: 0;
}

.event-popular-post .item .info .title-text {
  margin-bottom: 7px;
  line-height: 1.2;
  font-size: 20px;
  font-weight: 600;
  max-width: 300px;
}

.event-popular-post .item .info .title-text a {
  display: inline-block;
  color: var(--titleColor);
}

.event-popular-post .item .info .title-text a:hover {
  color: var(--mainColor);
}

.contact-info-card {
  padding: 30px 30px 30px 110px;
  background-color: #f5f5f5;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  margin-bottom: 30px;
}

.contact-info-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 0;
  height: 100%;
  background-color: var(--mainColor);
  opacity: 0;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

.contact-info-card i {
  position: absolute;
  top: 30px;
  left: 30px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 24px;
  color: var(--whiteColor);
  background-color: var(--mainColor);
  text-align: center;
  display: inline-block;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  border-radius: 50%;
}

.contact-info-card h3 {
  margin-bottom: 5px;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.contact-info-card p {
  margin-bottom: 0;
  color: var(--bodyColor);
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.contact-info-card p a {
  color: var(--bodyColor);
  display: block;
  margin-bottom: 0;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.contact-info-card p a:hover {
  color: var(--whiteColor);
}

.contact-info-card:hover::before {
  opacity: 1;
  width: 100%;
}

.contact-info-card:hover i {
  background-color: var(--whiteColor);
  color: var(--mainColor);
}

.contact-info-card:hover h3 {
  color: var(--whiteColor);
}

.contact-info-card:hover p {
  color: var(--whiteColor);
}

.contact-info-card:hover p a {
  color: var(--whiteColor);
}

.contact-form {
  margin-bottom: 30px;
  padding: 50px 35px 47px;
  background-color: #f5f5f5;
}

.contact-form .form-group {
  margin-bottom: 20px;
  position: relative;
}

.contact-form .form-group.checkbox-option {
  position: relative;
}

.contact-form .form-group.checkbox-option #chb2 {
  position: absolute;
  top: 6px;
  left: 0;
}

.contact-form .form-group.checkbox-option p {
  padding-left: 25px;
  font-size: 15px;
  color: var(--titleColor);
}

.contact-form .form-group.checkbox-option p a {
  color: var(--mainColor);
}

.contact-form .form-group.checkbox-option p a:hover {
  color: var(--titleColor);
}

.contact-form .form-group .form-control {
  height: 50px;
  color: var(--bodyColor);
  border: none;
  background-color: var(--whiteColor);
  padding: 15px 25px;
  width: 100%;
  border-radius: 0;
}

.contact-form .form-group .form-control::-webkit-input-placeholder,
.contact-form .form-group .form-control:-ms-input-placeholder,
.contact-form .form-group .form-control::-ms-input-placeholder,
.contact-form .form-group .form-control::-webkit-input-placeholder {
  color: var(--bodyColor);
}

.contact-form .form-group .form-control::-webkit-input-placeholder,
.contact-form .form-group .form-control:-ms-input-placeholder,
.contact-form .form-group .form-control::-ms-input-placeholder,
.contact-form .form-group .form-control::placeholder {
  color: var(--bodyColor);
}

.contact-form .form-group .form-control:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.contact-form .form-group textarea.form-control {
  height: auto;
  border-radius: 0;
}

.contact-form .agree-label {
  margin-bottom: 15px;
  position: relative;
}

.contact-form .agree-label #chb1 {
  position: absolute;
  top: 7px;
  left: 0;
}

.contact-form .agree-label label {
  font-weight: 500;
  color: var(--titleColor);
  margin-left: 25px;
}

.contact-form .agree-label label a {
  color: var(--mainColor);
}

.contact-form .agree-label label a:hover {
  color: var(--titleColor);
}

.contact-form .agree-label label a.forget {
  position: absolute;
  right: 0;
}

.contact-form .with-errors {
  float: left;
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 0;
  color: red;
  font-weight: 400;
  display: block;
}

.contact-form .text-danger {
  font-size: 18px;
  margin-top: 15px;
}

.contact-form .default-btn {
  border: 0;
  outline: none;
}

.contact-map iframe {
  display: block;
  width: 100%;
  height: 460px;
}

.user-img {
  position: relative;
  margin-bottom: 30px;
}

.user-img img {
  -webkit-animation: border-transform 10s linear infinite alternate forwards;
  animation: border-transform 10s linear infinite alternate forwards;
}

.user-all-form .contact-form {
  background-color: var(--whiteColor);
  padding: 45px 35px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
  border-radius: 10px;
}

.user-all-form .contact-form .user-title {
  font-size: 25px;
  padding: 0 0 15px;
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
}

.user-all-form .contact-form .user-title::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  height: 2px;
  width: 80px;
  background-color: var(--mainColor);
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.user-all-form .contact-form .form-group .form-control {
  background-color: #f5f5f5;
}

.blog-card {
  position: relative;
  z-index: 1;
  background-color: var(--whiteColor);
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
  margin-bottom: 30px;
  -webkit-transition: 0.7s;
  transition: 0.7s;
}

.blog-card a {
  display: block;
}

.blog-card .content {
  padding: 27px 25px 30px;
}

.blog-card .content ul {
  list-style-type: none;
  margin: 0 0 12px;
  padding: 0;
}

.blog-card .content ul li {
  display: inline-block;
  margin-right: 30px;
  position: relative;
  color: var(--titleColor);
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

.blog-card .content ul li i {
  font-size: 18px;
  color: var(--mainColor);
  position: relative;
  top: 4px;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

.blog-card .content ul li:hover {
  color: var(--mainColor);
}

.blog-card .content ul li:hover i {
  color: var(--titleColor);
}

.blog-card .content ul li:hover a {
  color: var(--mainColor);
}

.blog-card .content ul li a {
  display: inline-block;
  color: var(--bodyColor);
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

.blog-card .content ul li::before {
  content: "";
  position: absolute;
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  top: 10px;
  right: -20px;
  width: 1px;
  height: 15px;
  background-color: var(--bodyColor);
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

.blog-card .content ul li:last-child li {
  margin-right: 0;
}

.blog-card .content ul li:last-child::before {
  display: none;
}

.blog-card .content h3 {
  margin-bottom: 13px;
}

.blog-card .content h3 a {
  color: var(--titleColor);
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

.blog-card .content p {
  margin-bottom: 10px;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

.blog-card .content .read-btn {
  color: var(--titleColor);
  margin-bottom: 0;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  font-weight: 600;
}

.blog-card .content .read-btn:hover {
  letter-spacing: 0.25px;
}

.blog-card:hover {
  -webkit-transform: translateX(-5px);
  transform: translateX(-5px);
}

.blog-card:hover .content h3 a {
  color: var(--mainColor);
}

.blog-card:hover .content .read-btn {
  color: var(--mainColor);
}

.blog-card-bg {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.blog-card-bg .content {
  padding: 17px 0 0;
}

.blog-details-content h1,
.blog-details-content h2,
.blog-details-content h3,
.blog-details-content h4,
.blog-details-content h5,
.blog-details-content h6 {
  margin-bottom: 15px;
}

.blog-details-content h1 {
  font-size: 32px;
}

.blog-details-content h2 {
  font-size: 29px;
}

.blog-details-content h3 {
  font-size: 26px;
}

.blog-details-content h4 {
  font-size: 23px;
}

.blog-details-content h5 {
  font-size: 20px;
}

.blog-details-content h6 {
  font-size: 17px;
}

.blog-details-content a {
  color: var(--goldenColor);
}

.blog-details-content a:hover {
  color: var(--titleColor);
  border-bottom: 1px solid var(--goldenColor);
}

.blog-details-content ul,
.blog-details-content ol {
  margin-bottom: 30px;
}

.blog-details-content ul li,
.blog-details-content ol li {
  margin-bottom: 10px;
}

.blog-details-content ul li:last-child,
.blog-details-content ol li:last-child {
  margin-bottom: 0;
}

.blog-details-content p {
  margin-bottom: 15px;
}

.blog-details-content .blog-preview-slider {
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.blog-details-content .blog-preview-slider .owl-nav {
  margin-top: 0;
  overflow: hidden;
}

.blog-details-content .blog-preview-slider .owl-nav .owl-prev {
  position: absolute;
  z-index: 5;
  top: 47%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 45px;
  height: 45px;
  line-height: 53px !important;
  background-color: var(--whiteColor) !important;
  color: var(--bodyColor) !important;
  border-radius: 50%;
  text-align: center;
  font-size: 18px !important;
}

.blog-details-content .blog-preview-slider .owl-nav .owl-prev:hover {
  color: var(--mainColor) !important;
}

.blog-details-content .blog-preview-slider .owl-nav .owl-next {
  position: absolute;
  z-index: 5;
  top: 47%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  width: 45px;
  height: 45px;
  line-height: 53px !important;
  background-color: var(--whiteColor) !important;
  color: var(--bodyColor) !important;
  border-radius: 50%;
  text-align: center;
  font-size: 18px !important;
}

.blog-details-content .blog-preview-slider .owl-nav .owl-next:hover {
  color: var(--mainColor) !important;
}

.blog-details-content .blog-preview-img {
  margin-bottom: 25px;
  position: relative;
}

.blog-details-content .blog-preview-img .date {
  position: absolute;
  bottom: -12px;
  left: 25px;
  display: inline-block;
  text-align: center;
  padding: 8px 14px;
  font-size: 15px;
  background-color: var(--goldenColor);
  border-radius: 0;
  color: var(--whiteColor);
  font-weight: 600;
}

.blog-details-content .blog-preview-img-bg {
  background-image: url(../images/blog/blog-large-3.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 170px 0;
  text-align: center;
  border-radius: 5px;
  margin-bottom: 30px;
  -webkit-transition: 0.9s;
  transition: 0.9s;
  overflow: hidden;
}

.blog-details-content .blog-preview-img-bg .play-btn {
  display: inline-block;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
}

.blog-details-content .blog-preview-img-bg .play-btn i {
  display: inline-block;
  width: 90px;
  height: 90px;
  line-height: 90px;
  background-color: var(--whiteColor);
  color: var(--mainColor);
  font-size: 30px;
  border-radius: 50px;
  margin: 0 auto;
  padding-left: 5px;
  padding-top: 3px;
  position: relative;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  text-align: center;
  z-index: 1;
}

.blog-details-content .blog-preview-img-bg .play-btn i::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 50px;
  -webkit-animation: ripple 2s infinite ease-in-out;
  animation: ripple 2s infinite ease-in-out;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.blog-details-content .blog-preview-img-bg .play-btn:hover i {
  background-color: var(--mainColor);
  color: var(--whiteColor);
}

.blog-details-content .blog-preview-img-bg .play-btn:hover i::after {
  background-color: var(--mainColor);
  opacity: 0.3;
}

.blog-details-content .tag-list {
  list-style-type: none;
  margin: 0 0 5px;
  padding: 0;
}

.blog-details-content .tag-list li {
  display: inline-block;
  margin-right: 30px;
  position: relative;
  color: var(--titleColor);
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

.blog-details-content .tag-list li i {
  font-size: 18px;
  color: var(--mainColor);
  position: relative;
  top: 2px;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

.blog-details-content .tag-list li:hover {
  color: var(--mainColor);
}

.blog-details-content .tag-list li:hover i {
  color: var(--titleColor);
}

.blog-details-content .tag-list li:hover a {
  color: var(--mainColor);
}

.blog-details-content .tag-list li a {
  display: inline-block;
  color: var(--bodyColor);
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

.blog-details-content .tag-list li::before {
  content: "";
  position: absolute;
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  top: 10px;
  right: -20px;
  width: 1px;
  height: 15px;
  background-color: var(--bodyColor);
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

.blog-details-content .tag-list li:last-child li {
  margin-right: 0;
}

.blog-details-content .tag-list li:last-child::before {
  display: none;
}

.blog-details-content .blockquote {
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
  margin-top: 30px;
  background-color: #f8f8f8;
  padding: 40px 30px 35px 60px;
  text-align: center;
}

.blog-details-content .blockquote i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 30px;
  line-height: 1;
  font-size: 45px;
  color: var(--mainColor);
}

.blog-details-content .blockquote p {
  max-width: 620px;
  font-size: 18px;
  color: var(--titleColor);
  font-weight: 600;
  margin: 0 auto;
}

.blog-details-content .article-share {
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 15px;
  background: #f7f7f7;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.blog-details-content .article-share .article-tag ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.blog-details-content .article-share .article-tag ul li {
  color: var(--titleColor);
  margin-right: 5px;
  display: inline-block;
  margin-bottom: 0;
}

.blog-details-content .article-share .article-tag ul li.title {
  color: var(--mainColor);
  position: relative;
  top: 3px;
}

.blog-details-content .article-share .article-tag ul li a {
  border: none;
  color: var(--bodyColor);
}

.blog-details-content .article-share .article-tag ul li a:hover {
  color: var(--mainColor);
}

.blog-details-content .article-share .article-social-icon {
  float: right;
}

.blog-details-content .article-share .article-social-icon .social-icon {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.blog-details-content .article-share .article-social-icon .social-icon li {
  font-size: 18px;
  color: var(--bodyColor);
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 0;
}

.blog-details-content
  .article-share
  .article-social-icon
  .social-icon
  li.title {
  font-weight: 500;
}

.blog-details-content
  .article-share
  .article-social-icon
  .social-icon
  li:last-child {
  margin-right: 0;
}

.blog-details-content .article-share .article-social-icon .social-icon li a i {
  color: var(--bodyColor);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  position: relative;
  top: 2px;
}

.blog-details-content
  .article-share
  .article-social-icon
  .social-icon
  li
  a:hover {
  border: none;
}

.blog-details-content
  .article-share
  .article-social-icon
  .social-icon
  li
  a:hover
  i {
  color: var(--mainColor);
}

.blog-details-content .comments-form {
  margin-bottom: 30px;
}

.blog-details-content .comments-form .contact-form {
  max-width: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.blog-details-content .comments-form .contact-form h4 {
  margin-bottom: 15px;
}

.blog-details-content .comments-form .contact-form p {
  margin-bottom: 25px;
}

.side-bar-widget {
  margin-bottom: 35px;
  background-color: #f5f5f5;
  padding: 35px 23px;
}

.side-bar-widget .title {
  font-size: 22px;
  color: var(--titleColor);
  margin-bottom: 25px;
  border-bottom: 1px solid var(--mainColor);
  padding-bottom: 15px;
}

.side-bar-widget .title-tag {
  margin-bottom: 20px;
}

.side-bar-widget .search-form {
  position: relative;
  margin: 0 auto;
  border-radius: 0;
  border: none;
  width: 100%;
  background-color: var(--whiteColor);
}

.side-bar-widget .search-form .form-control {
  background-color: var(--whiteColor);
  border-radius: 0;
  border: none;
  height: 50px;
  line-height: 50px;
  margin: 0;
  border: 0;
  padding: 0 15px;
  color: var(--bodyColor);
}

.side-bar-widget .search-form .form-control:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
}

.side-bar-widget .search-form button {
  position: absolute;
  top: 0;
  right: 0;
  border: 0;
  border-radius: 0;
  background-color: var(--mainColor);
  color: var(--whiteColor);
  height: 50px;
  line-height: 53px;
  font-size: 22px;
  padding: 0 15px;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.side-bar-widget .search-form button:hover {
  background: var(--titleColor);
}

.side-bar-widget .side-bar-categories ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.side-bar-widget .side-bar-categories ul li {
  position: relative;
  margin-bottom: 10px;
}

.side-bar-widget .side-bar-categories ul li:last-child {
  margin-bottom: 0;
}

.side-bar-widget .side-bar-categories ul li a {
  display: inline-block;
  color: var(--bodyColor);
  position: relative;
  z-index: 1;
  padding-left: 20px;
}

.side-bar-widget .side-bar-categories ul li a::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 8px;
  height: 8px;
  background-color: var(--mainColor);
  -webkit-transition: 0.7s;
  transition: 0.7s;
}

.side-bar-widget .side-bar-categories ul li:hover a {
  color: var(--mainColor);
  letter-spacing: 0.25px;
}

.side-bar-widget .side-bar-categories ul li:hover a::before {
  background-color: var(--redColor);
}

.side-bar-widget .widget-popular-post {
  position: relative;
  overflow: hidden;
}

.side-bar-widget .widget-popular-post .item {
  overflow: hidden;
  margin-bottom: 12px;
}

.side-bar-widget .widget-popular-post .item:last-child {
  margin-bottom: 0;
}

.side-bar-widget .widget-popular-post .item .thumb {
  float: left;
  overflow: hidden;
  position: relative;
  margin-right: 15px;
}

.side-bar-widget .widget-popular-post .item .thumb .full-image {
  width: 85px;
  height: 85px;
  display: inline-block;
  background-size: cover !important;
  background-repeat: no-repeat;
  background-position: center center !important;
  position: relative;
  background-color: var(--whiteColor);
}

.side-bar-widget .widget-popular-post .item .thumb .full-image.bg1 {
  background-image: url(../images/blogs/blog1.jpg);
}

.side-bar-widget .widget-popular-post .item .thumb .full-image.bg22 {
  background-image: url(../images/blogs/blog2.jpg);
}

.side-bar-widget .widget-popular-post .item .thumb .full-image.bg3 {
  background-image: url(../images/blogs/blog3.jpg);
}
.side-bar-widget .widget-popular-post .item .thumb .full-image.bg4 {
  background-image: url(../images/blogs/blog4.jpg);
}
.side-bar-widget .widget-popular-post .item .thumb .full-image.bg5 {
  background-image: url(../images/blogs/blog5.jpg);
}
.side-bar-widget .widget-popular-post .item .thumb .full-image.bg6 {
  background-image: url(../images/blogs/blog6.jpg);
}
.side-bar-widget .widget-popular-post .item .thumb .full-image.bg7 {
  background-image: url(../images/blogs/blog7.jpg);
}
.side-bar-widget .widget-popular-post .item .thumb .full-image.bg8 {
  background-image: url(../images/blogs/blog8.jpg);
}
.side-bar-widget .widget-popular-post .item .thumb .full-image.bg9 {
  background-image: url(../images/blogs/blog9.jpg);
}

/* below 2 for press release  */
.side-bar-widget .widget-popular-post .item .thumb .full-image.bg10 {
  background-image: url(../images/blogs/Training-Press-Release.jpg);
}
.side-bar-widget .widget-popular-post .item .thumb .full-image.bg11 {
  background-image: url(../images/blogs/Recruitment-and-Staffing-Services-Press-Release.jpg);
}
.side-bar-widget .widget-popular-post .item .info {
  overflow: hidden;
  padding: 4px 0;
}

.side-bar-widget .widget-popular-post .item .info p {
  color: var(--bodyColor);
  font-size: 14px;
  margin-bottom: 7px;
  font-weight: 600;
}

.side-bar-widget .widget-popular-post .item .info .title-text {
  margin-bottom: 0;
  line-height: 1.2;
  font-size: 18px;
  font-weight: 600;
  max-width: 300px;
}

.side-bar-widget .widget-popular-post .item .info .title-text a {
  display: inline-block;
  color: var(--titleColor);
}
.side-bar-widget .widget-popular-post .item.active .info .title-text a {
  display: inline-block;
  color: #00a7ea;
}
.side-bar-widget .widget-popular-post .item .info .title-text a:hover {
  color: var(--mainColor);
}

.side-bar-widget .side-bar-widget-tag {
  list-style: none;
  margin: 0;
  padding: 0;
}

.side-bar-widget .side-bar-widget-tag li {
  display: inline-block;
  margin: 5px;
}

.side-bar-widget .side-bar-widget-tag li a {
  padding: 8px 23px;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  color: var(--bodyColor);
  font-size: 14px;
  background-color: var(--whiteColor);
  transition: 0.7s;
  font-weight: 500;
}

.side-bar-widget .side-bar-widget-tag li:hover a {
  color: var(--whiteColor);
  background-color: var(--mainColor);
}

.author-profile {
  background-color: #f5f5f5;
  padding: 35px 30px;
  text-align: center;
  border-radius: 5px;
  margin-bottom: 35px;
}

.author-profile h3 {
  margin-bottom: 10px;
  font-size: 22px;
}

.author-profile img {
  border-radius: 50%;
  margin-bottom: 15px;
  max-width: 100px;
}

.author-profile p {
  margin-bottom: 17px;
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
}

.author-profile .profile-social-link {
  list-style: none;
  margin: 0;
  padding: 0;
}

.author-profile .profile-social-link li {
  display: inline-block;
  margin-right: 5px;
}

.author-profile .profile-social-link li a i {
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 15px;
  text-align: center;
  color: var(--whiteColor);
  background-color: var(--mainColor);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  border-radius: 50px;
  display: inline-block;
}

.author-profile .profile-social-link li a:hover i {
  background-color: var(--titleColor);
}

.categories-title {
  margin-bottom: 30px;
}

.categories-title h3 {
  font-size: 26px;
  color: var(--titleColor);
}

.categories-title h3 span {
  color: var(--mainColor);
  font-size: 22px;
}

.register-area {
  position: relative;
  z-index: 1;
}

.register-area::before {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 50%;
  background-color: #f5f5f5;
}

.register-form {
  margin-bottom: 30px;
  background-color: var(--whiteColor);
  border-radius: 10px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
}

.register-form .top-header {
  background-color: var(--mainColor);
  padding: 40px 35px 37px;
  border-radius: 10px 10px 0 0;
}

.register-form .top-header h3 {
  color: var(--whiteColor);
  font-size: 35px;
  margin-bottom: 5px;
}

.register-form .top-header span {
  color: var(--whiteColor);
  margin-bottom: 0;
}

.register-form .register-form-max {
  padding: 35px 35px 37px;
}

.register-form .form-group {
  margin-bottom: 20px;
  position: relative;
}

.register-form .form-group .form-control {
  height: 55px;
  color: var(--bodyColor);
  border: 1px solid #ddd;
  background-color: var(--whiteColor);
  padding: 15px 25px;
  width: 100%;
  border-radius: 50px;
}

.register-form .form-group .form-control::-webkit-input-placeholder,
.register-form .form-group .form-control:-ms-input-placeholder,
.register-form .form-group .form-control::-ms-input-placeholder,
.register-form .form-group .form-control::-webkit-input-placeholder {
  color: var(--bodyColor);
}

.register-form .form-group .form-control::-webkit-input-placeholder,
.register-form .form-group .form-control:-ms-input-placeholder,
.register-form .form-group .form-control::-ms-input-placeholder,
.register-form .form-group .form-control::placeholder {
  color: var(--bodyColor);
}

.register-form .form-group .form-control:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.register-form .default-btn {
  border: 0;
  outline: none;
  width: 100%;
}

.play-btn-area-two {
  background-image: url(../images/play-btn2.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 247px 0;
  text-align: center;
  border-radius: 10px;
}

.play-btn-area-two .play-btn {
  display: inline-block;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
}

.play-btn-area-two .play-btn i {
  display: inline-block;
  width: 90px;
  height: 90px;
  line-height: 95px;
  background-color: var(--whiteColor);
  color: var(--mainColor);
  font-size: 30px;
  border-radius: 50px;
  margin: 0 auto;
  padding-left: 5px;
  padding-top: 3px;
  position: relative;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  text-align: center;
  z-index: 1;
}

.play-btn-area-two .play-btn i::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 50px;
  -webkit-animation: ripple 2s infinite ease-in-out;
  animation: ripple 2s infinite ease-in-out;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.play-btn-area-two .play-btn:hover i {
  background-color: var(--mainColor);
  color: var(--whiteColor);
}

.play-btn-area-two .play-btn:hover i::after {
  background-color: var(--mainColor);
  opacity: 0.3;
}

.newsletter-area .newsletter-form {
  position: relative;
}

.newsletter-area .newsletter-form .form-control {
  background-color: var(--whiteColor);
  border-radius: 50px;
  height: 70px;
  line-height: 70px;
  margin: 0;
  border: none;
  padding: 0 25px;
  color: var(--bodyColor);
}

.newsletter-area .newsletter-form .form-control:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: var(--titleColor);
}

.newsletter-area .newsletter-form .subscribe-btn {
  position: absolute;
  display: inline-block;
  right: 10px;
  top: 10px;
  background-color: var(--mainColor);
  color: var(--whiteColor);
  height: 50px;
  line-height: 52px;
  padding: 0 32px;
  border: 0;
  border-radius: 50px;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  text-align: center;
}

.newsletter-area .newsletter-form .subscribe-btn:hover {
  background-color: var(--titleColor);
}

.newsletter-area .newsletter-form .validation-danger {
  font-size: 18px;
  margin-top: 5px;
  color: red;
}

.footer-contact-area {
  background-color: var(--mainColor);
}

.footer-contact-area .section-title h2 {
  color: var(--whiteColor);
}

.footer-contact-area .default-btn {
  background-color: var(--whiteColor);
  color: var(--mainColor);
}

.footer-contact-area .default-btn:hover {
  color: var(--whiteColor);
}

.footer-area {
  background-color: var(--titleColor);
}

.footer-widget {
  margin-bottom: 30px;
}

.footer-widget .footer-logo {
  margin-bottom: 20px;
}

.footer-widget h3 {
  margin-top: 0;
  font-size: 24px;
  margin-bottom: 30px;
  color: var(--whiteColor);
  display: block;
  position: relative;
  z-index: 1;
  padding-bottom: 10px;
}

.footer-widget h3::before {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  width: 70px;
  height: 3px;
  background-color: var(--whiteColor);
  opacity: 0.2;
}

.footer-widget h3::after {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  width: 35px;
  height: 3px;
  background-color: var(--mainColor);
}

.footer-widget p {
  margin-bottom: 25px;
  color: var(--whiteColor);
}

.footer-widget .social-link {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.footer-widget .social-link li {
  display: inline-block;
  margin-right: 10px;
}

.footer-widget .social-link li.social-title {
  font-size: 18px;
  color: var(--whiteColor);
}

.footer-widget .social-link li:last-child {
  margin-right: 0;
}

.footer-widget .social-link li a {
  display: inline-block;
}

.footer-widget .social-link li a i {
  font-size: 15px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border-radius: 50px;
  color: var(--mainColor);
  background-color: var(--whiteColor);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  display: inline-block;
}

.footer-widget .social-link li a:hover i {
  color: var(--whiteColor);
  background-color: var(--mainColor);
}

.footer-widget .footer-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer-widget .footer-list li {
  display: block;
  margin-bottom: 15px;
  padding-left: 25px;
  position: relative;
}

.footer-widget .footer-list li::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 8px;
  height: 8px;
  background-color: var(--mainColor);
}

.footer-widget .footer-list li:last-child {
  margin-bottom: 0;
}

.footer-widget .footer-list li a {
  color: var(--whiteColor);
}

.footer-widget .footer-list li a:hover {
  color: var(--mainColor);
  letter-spacing: 0.25px;
}

.footer-widget .footer-list li:hover::before {
  color: var(--whiteColor);
}

.footer-widget .footer-list li:hover a {
  color: var(--mainColor);
  letter-spacing: 0.25px;
}

.footer-widget .footer-contact {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.footer-widget .footer-contact li {
  display: block;
  padding-left: 35px;
  position: relative;
  margin-bottom: 15px;
}

.footer-widget .footer-contact li:last-child {
  margin-bottom: 0;
}

.footer-widget .footer-contact li i {
  font-size: 18px;
  color: var(--mainColor);
  position: absolute;
  top: 5px;
  left: 0;
  line-height: 1;
}

.footer-widget .footer-contact li .content h4 {
  font-size: var(--fontSize);
  color: var(--whiteColor);
  margin-bottom: 5px;
}

.footer-widget .footer-contact li .content span {
  color: var(--whiteColor);
  margin-bottom: 0;
}

.footer-widget .footer-contact li .content span a {
  color: var(--whiteColor);
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.footer-widget .footer-contact li:hover .content span a {
  color: var(--mainColor);
}

.copyright-area {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 15px 0;
}

.copy-right-text p {
  color: var(--whiteColor);
  margin-bottom: 0;
}

.copy-right-text p b {
  color: var(--mainColor);
  font-weight: 500;
}

.copy-right-text p a {
  color: var(--mainColor);
  font-weight: 500;
}

.copy-right-text p a:hover {
  color: var(--whiteColor);
}

.single-content {
  margin-bottom: 30px;
}

.single-content h1,
.single-content h2,
.single-content h3,
.single-content h4,
.single-content h5,
.single-content h6 {
  margin-bottom: 15px;
}

.single-content h1 {
  font-size: 32px;
}

.single-content h2 {
  font-size: 29px;
}

.single-content h3 {
  font-size: 26px;
}

.single-content h4 {
  font-size: 23px;
}

.single-content h5 {
  font-size: 20px;
}

.single-content h6 {
  font-size: 17px;
}

.single-content a {
  color: var(--mainColor);
}

.single-content a:hover {
  color: var(--titleColor);
  border-bottom: 1px solid var(--mainColor);
}

.single-content ul,
.single-content ol {
  margin-bottom: 30px;
}

.single-content ul li,
.single-content ol li {
  margin-bottom: 10px;
}

.single-content ul li:last-child,
.single-content ol li:last-child {
  margin-bottom: 0;
}

.single-content p {
  margin-bottom: 15px;
}

.single-content p:last-child {
  margin-bottom: 0;
}

.error-area .error-content {
  text-align: center;
  position: relative;
}

.error-area .error-content h1 {
  font-size: 260px;
  line-height: 0.8;
  font-weight: 700;
  color: var(--titleColor);
}

.error-area .error-content h1 span {
  color: var(--mainColor);
}

.error-area .error-content h3 {
  margin: 35px 0 0;
  position: relative;
  color: var(--titleColor);
  font-size: 35px;
}

.error-area .error-content p {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 18px;
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
}

.coming-soon-area .coming-soon-content {
  text-align: center;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 2;
  padding: 50px 30px;
  background-color: var(--titleColor);
  border: 3px solid var(--mainColor);
}

.coming-soon-area .coming-soon-content h1 {
  margin-bottom: 0;
  color: var(--whiteColor);
  font-size: 50px;
}

.coming-soon-area .coming-soon-content p {
  font-size: 16px;
  max-width: 600px;
  margin-top: 15px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  color: var(--whiteColor);
}

.coming-soon-area .coming-soon-content #timer {
  margin-top: 40px;
}

.coming-soon-area .coming-soon-content #timer div {
  display: inline-block;
  color: var(--whiteColor);
  position: relative;
  width: 80px;
  height: 80px;
  margin: 0 10px;
  font-size: 28px;
  font-weight: 600;
  padding: 4px;
  background-color: transparent;
  border-radius: 5px;
  border: 2px solid var(--whiteColor);
}

.coming-soon-area .coming-soon-content #timer div span {
  display: block;
  text-transform: capitalize;
  margin-top: -7px;
  font-size: 16px;
  font-weight: 400;
  color: var(--whiteColor);
}

.coming-soon-area .coming-soon-content #timer div:last-child {
  margin-right: 0;
}

.coming-soon-area .coming-soon-content #timer div:last-child::before {
  display: none;
}

.coming-soon-area .coming-soon-content #timer div:first-child {
  margin-left: 0;
}

.coming-soon-area .coming-soon-content #timer div::before {
  content: "";
  position: absolute;
  right: -50px;
  top: -10px;
  font-size: 70px;
  color: #fff;
}

.coming-soon-area .coming-soon-content .newsletter-form {
  position: relative;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
}

.coming-soon-area .coming-soon-content .newsletter-form .input-newsletter {
  display: block;
  width: 100%;
  height: 60px;
  border: none;
  background-color: var(--whiteColor);
  padding-left: 15px;
  color: var(--whiteColor);
  outline: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 0;
  border: 1px solid #ccc;
  color: #5d5d5d;
}

.coming-soon-area
  .coming-soon-content
  .newsletter-form
  .input-newsletter:focus {
  border-color: var(--mainColor);
}

.coming-soon-area .coming-soon-content .newsletter-form .default-btn {
  position: absolute;
  right: 0;
  top: 0;
  height: 60px;
  padding: 0 30px;
  text-transform: uppercase;
  outline: 0;
  cursor: pointer;
}

.coming-soon-area .coming-soon-content .newsletter-form .default-btn::before {
  border-radius: 0;
  background-color: var(--titleColor);
}

.coming-soon-area .coming-soon-content .newsletter-form .default-btn:hover {
  color: #fff;
  background-color: #190f3c;
}

.coming-soon-area #validator-newsletter {
  text-align: left;
  color: #dc3545 !important;
}

.go-top {
  position: fixed;
  top: 50%;
  right: 3%;
  opacity: 0;
  cursor: pointer;
  text-decoration: none;
  color: var(--whiteColor);
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  background: var(--mainColor);
  border-radius: 0;
  width: 45px;
  height: 45px;
  line-height: 43px;
  z-index: 100;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.go-top i {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  vertical-align: middle;
}

.go-top:hover {
  background-color: var(--titleColor);
}

.go-top:hover i {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}

.go-top.active {
  top: 95%;
  -webkit-transform: translateY(-95%);
  transform: translateY(-95%);
  opacity: 1;
  visibility: visible;
}

.pagination-area {
  margin-top: 10px;
  margin-bottom: 30px;
}

.pagination-area .page-numbers {
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: var(--bodyColor);
  background-color: transparent;
  text-align: center;
  display: inline-block;
  position: relative;
  margin-left: 3px;
  margin-right: 3px;
  border-radius: 50px;
  border: 1px solid var(--mainColor);
}

.pagination-area .page-numbers:hover {
  background-color: var(--mainColor);
  color: var(--whiteColor);
}

.pagination-area .page-numbers i {
  position: relative;
  line-height: normal;
  top: 2px;
}

.pagination-area .page-numbers.current {
  background-color: var(--mainColor);
  color: var(--whiteColor);
}

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

#preloader-area {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 60px;
  width: 60px;
}

#preloader-area .spinner {
  position: absolute;
  z-index: 9999;
  width: 6px;
  height: 90px;
  margin-top: -45px;
  border-radius: 10px;
  background-color: var(--whiteColor);
  -webkit-animation: rotate40deg 0.8s infinite;
  animation: rotate40deg 0.8s infinite;
  animation-direction: alternate-reverse;
}

#preloader-area .spinner:nth-child(1) {
  margin-left: 0;
}

#preloader-area .spinner:nth-child(2) {
  margin-left: -14px;
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

#preloader-area .spinner:nth-child(3) {
  margin-left: -28px;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

#preloader-area .spinner:nth-child(4) {
  margin-left: -42px;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

#preloader-area .spinner:nth-child(5) {
  margin-left: -56px;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

#preloader-area .spinner:nth-child(6) {
  margin-left: -70px;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

#preloader-area .spinner:nth-child(7) {
  margin-left: -84px;
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

#preloader-area .spinner:nth-child(8) {
  margin-left: -98px;
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

#preloader .preloader-section {
  position: fixed;
  top: 0;
  width: 51%;
  height: 100%;
  background-color: var(--mainColor);
  z-index: 999;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

#preloader .preloader-section.preloader-left {
  left: 0;
}

#preloader .preloader-section.preloader-right {
  right: 0;
}

.loaded #preloader-area {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.loaded #preloader .preloader-section.preloader-left {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: all 0.8s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.8s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded #preloader .preloader-section.preloader-right {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: all 0.8s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.8s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded #preloader {
  visibility: hidden;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: all 0.3s 1s ease-out;
  transition: all 0.3s 1s ease-out;
}

@-webkit-keyframes rotate40deg {
  0% {
    height: 5px;
    margin-top: 0;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
  }

  100% {
    height: 90px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes rotate40deg {
  0% {
    height: 5px;
    margin-top: 0;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
  }

  100% {
    height: 90px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

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

  75% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1.75);
    transform: scale(1.75);
    opacity: 0;
  }
}

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

  75% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1.75);
    transform: scale(1.75);
    opacity: 0;
  }
}

@-webkit-keyframes moveleftbounce {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }

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

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

@keyframes moveleftbounce {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }

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

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

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

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

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

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

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

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

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

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

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

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

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

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

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

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

@-webkit-keyframes rotate-in {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }

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

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

@keyframes rotate-in {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }

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

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

@-webkit-keyframes rotated360 {
  0% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }

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

@keyframes rotated360 {
  0% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }

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

@-webkit-keyframes border-transform {
  0%,
  100% {
    border-radius: 60% 40% 56% 33%/73% 82% 18% 27%;
  }

  14% {
    border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
  }

  28% {
    border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
  }

  42% {
    border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
  }

  56% {
    border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
  }

  70% {
    border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
  }

  84% {
    border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
  }
}

@keyframes border-transform {
  0%,
  100% {
    border-radius: 60% 40% 56% 33%/73% 82% 18% 27%;
  }

  14% {
    border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
  }

  28% {
    border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
  }

  42% {
    border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
  }

  56% {
    border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
  }

  70% {
    border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
  }

  84% {
    border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
  }
}
/* home page 5 items  */
.notification {
  display: flex;
  flex-direction: column;
  isolation: isolate;
  position: relative;
  height: 8rem;
  background: #29292c;
  border-radius: 1rem;
  overflow: hidden;
  /* font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif; */
  /* font-size: 16px; */
  --gradient: linear-gradient(to bottom, #2eadff, #3d83ff, #7e61ff);
  --color: #32a6ff;
}

.notification:before {
  position: absolute;
  content: "";
  inset: 0.0625rem;
  border-radius: 0.9375rem;
  background: #ffffff;
  z-index: 2;
}

.notification:after {
  position: absolute;
  content: "";
  width: 0.25rem;
  inset: 0.65rem auto 0.65rem 0.5rem;
  border-radius: 0.125rem;
  background: var(--gradient);
  transition: transform 300ms ease;
  z-index: 4;
}

.notification:hover:after {
  transform: translateX(0.15rem);
}

.notititle {
  color: var(--color);
  padding: 0.65rem 0.25rem 0.4rem 1.25rem;
  font-weight: bold;
  /* font-size: 1.1rem; */
  transition: transform 300ms ease;
  z-index: 5;
}

.notification:hover .notititle {
  transform: translateX(0.15rem);
}

.notibody {
  color: #000000;
  padding: 0 1.25rem;
  transition: transform 300ms ease;
  z-index: 5;
}

.notification:hover .notibody {
  transform: translateX(0.25rem);
}

.note {
  color: var(--color);
  position: fixed;
  top: 80%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  font-size: 0.9rem;
  width: 75%;
}

.second-matter {
  margin-top: 5%;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

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

.notification {
  /* Existing styles... */
  opacity: 0;
  /* Set initial opacity to 0 */
  animation: fadeIn 0.8s ease-out forwards;
  /* Apply the fade-in animation */
}

.boxes5 {
  position: relative;
  height: 80vh;

  background: url("https://img.freepik.com/premium-photo/abstract-plexus-geometrical-shapes-connection-concept-digital-communication-technology-network-background_34629-858.jpg")
    center/cover fixed;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: white;
}

@media (max-width: 768px) {
  .boxes5 {
    background-size: cover;
    height: 130vh;
    /* Increase the height on tablets and smaller devices */
  }
}

@media (max-width: 1024px) {
  .boxes5 {
    background-size: cover;
    height: 100vh;
    /* Increase the height on tablets and smaller devices */
  }
}

@media (max-width: 1440px) {
  .boxes5 {
    background-size: cover;
    height: 100vh;
    /* Increase the height on tablets and smaller devices */
  }
}

/* Media Query for smaller screens like phones */
@media (max-width: 480px) {
  .boxes5 {
    background-size: contain;
    height: 180vh;
    /* Increase the height on phones */
  }
}
/* home page courses  */
/*--------------------------
    Category Box Layout
----------------------------*/
:root {
  --color-primary: #26336e;
  --color-secondary: #3282c1;
  --color-coral: #e9967a;
  --color-violet: #800080;
  --color-pink: #db7093;
  --color-heading: #192335;
  --color-body: #6b7385;
  --color-white: #ffffff;
  --color-white-off: #ffffffab;
  --color-bodyest: #273041;
  --color-dark: #27272e;
  --color-darker: #192335;
  --color-black: #111113;
  --color-grey: rgba(207, 207, 207, 0.24);
  --color-grey2: #f4f5f7;
  --color-gray: #a1a9ac;
  --color-gray-light: #f6f6f6;
  --color-gray-lighter: #ebebeb;
  --color-light: #f5f7fa;
  --color-lighter: #f2f5f9;
  --primary-opacity: #2f57ef21;
  --secondary-opacity: #b966e721;
  --coral-opacity: #e9967a21;
  --violet-opacity: #80008021;
  --pink-opacity: #db709321;
  --white-opacity: #ffffff21;
  --danger-opacity: #ff000310;
  --warning-opacity: #ff8f3c10;
  --success-opacity: #3eb75e10;
  --black-opacity: rgba(0, 0, 0, 0.04);
  --heading-opacity: #19233550;
  --color-card-1: #fffccf;
  --color-card-2: #ffedff;
  --color-card-3: #ffe8eb;
  --color-card-4: #e9f6ff;
  --color-card-5: #5024d1;
  --color-card-6: #3b3b46;
  --color-success: #3eb75e;
  --color-danger: #ff0003;
  --color-warning: #ff8f3c;
  --color-info: #1ba2db;
  --color-primary-alt: #d1ebe6;
  --color-primary-light: #f1f7ff;
  --color-primary-lighter: #eeeeff;
  --color-secondary-alt: #fef4f4;
  --color-extra: rgb(249, 249, 255);
  --color-extra2: #f9f9ff;
  --color-border: #e6e3f1;
  --color-border-2: #e6e3f14f;
  --color-badge-1: #303f5b;
  --color-badge-2: #f2c94c;
  --color-facebook: #3b5997;
  --color-twitter: #1ba1f2;
  --color-youtube: #ed4141;
  --color-linkedin: #0077b5;
  --color-pinterest: #e60022;
  --color-instagram: #c231a1;
  --color-vimeo: #00adef;
  --color-twitch: #6441a3;
  --color-discord: #7289da;
  --radius-10: 10px;
  --radius-big: 16px;
  --radius-small: 6px;
  --border-width: 2px;
  --radius: 6px;
  --f-light: 300;
  --f-regular: 400;
  --f-medium: 500;
  --f-semi-bold: 600;
  --f-bold: 700;
  --f-extra-bold: 800;
  --f-black: 900;
  --shadow-primary: 0px 4px 10px rgba(37, 47, 63, 0.1);
  --shadow-light: 0 2px 6px 0 rgba(0, 0, 0, 0.05);
  --shadow-dark: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  --shadow-1: 0px 6px 34px rgba(215, 216, 222, 0.41);
  --shadow-slide-item: 0px 0 10px 0 rgba(215, 216, 222, 0.2);
  --shadow-2: 0 15px 34px 0 rgba(175, 181, 204, 0.32);
  --shadow-3: 0 5px 15px 0 rgba(85, 74, 101, 0.37);
  --shadow-5: 0px 20px 70px 0px rgba(0, 0, 0, 0.1);
  --shadow-7: 0px 15px 30px -2px rgba(0, 0, 0, 0.1);
  --shadow-8: -5px 18px 60px 0 rgba(210, 210, 234, 0.4);
  --shadow-9: 0 13px 48px 0 rgba(215, 216, 222, 0.44);
  --shadow-10: 0 13px 14px 0 rgba(129, 104, 145, 0.05);
  --shadow-11: 0 0 10px 0 rgba(0, 0, 0, 0.06);
  --transition: 0.3s;
  --transition-2: 256ms ease-in-out;
  --transition-3: transform 0.85s cubic-bezier(0.23, 1, 0.32, 1),
    background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  --transition-4: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  --font-primary: "Euclid Circular";
  --font-secondary: "Euclid Circular";
  --font-alt: "Source Serif Pro", serif;
  --font-size-b1: 24px;
  --font-size-b2: 18px;
  --font-size-b3: 16px;
  --font-size-b4: 12px;
  --line-height-b1: 1.5;
  --line-height-b2: 1.67;
  --line-height-b3: 1.67;
  --line-height-b4: 1;
  --h1: 52px;
  --h2: 44px;
  --h3: 34px;
  --h4: 30px;
  --h5: 20px;
  --h6: 16px;
  --div-gap-1: 10px;
  --gradient-1: linear-gradient(rgb(255, 255, 255) 0%, rgb(239, 241, 255) 100%);
  --gradient-4: linear-gradient(180deg, #fff, #f6f9ff);
  --gradient-2: linear-gradient(
    0deg,
    rgb(255, 255, 255) 0%,
    rgb(240, 242, 255) 100%
  );
  --gradient-3: linear-gradient(90deg, #8da9fc 0%, #b48dd5 100%);
  --gradient-4: linear-gradient(180deg, #eff1ff 0%, #ffffff 100%);
  --gradient-5: linear-gradient(rgb(239, 241, 255) 0%, rgb(239, 241, 255) 100%);
  --gradient-6: linear-gradient(
    to right,
    rgba(255, 255, 255, 0.15),
    rgba(251, 199, 226, 0.15),
    rgba(220, 217, 254, 0.15)
  );
  --gradient-7: linear-gradient(
    218.15deg,
    var(--color-secondary) 0%,
    var(--color-primary) 100%
  );
  --gradient-8: linear-gradient(270deg, #9e77ff 0%, #4460ff 100%);
  --gradient-9: linear-gradient(180deg, #6827ff 0%, #e3f0ff 100%);
}

a.rbt-btn-link:hover,
button.rbt-btn-link:hover,
span.rbt-btn-link:hover {
  color: var(--color-primary) !important;
}

a.rbt-btn-link,
button.rbt-btn-link,
span.rbt-btn-link {
  color: var(--color-heading);
  position: relative;
  transition: 0.3s;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
}

.rbt-cat-box-1 {
  display: block;
}

.rbt-cat-box-1 .inner {
  background-color: var(--color-white);
  box-shadow: var(--shadow-1);
  border-radius: var(--radius-10);
  padding: 50px 40px;
}

@media only screen and (max-width: 1199px) {
  .rbt-cat-box-1 .inner {
    padding: 20px 20px;
  }
}

.rbt-cat-box-1 .inner .icons {
  margin-bottom: 20px;
}

.rbt-cat-box-1 .inner .icons img {
  max-height: 80px;
}

.rbt-cat-box-1 .inner .icons img,
.rbt-cat-box-1 .inner .icons i {
  border-radius: var(--radius-10);
}

.rbt-cat-box-1 .inner .icons i {
  font-size: 34px;
}

.rbt-cat-box-1 .inner .content .title {
  margin-bottom: 10px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-cat-box-1 .inner .content .title {
    margin-bottom: 5px;
    font-size: 16px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-cat-box-1 .inner .content .title {
    margin-bottom: 5px;
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .rbt-cat-box-1 .inner .content .title {
    margin-bottom: 5px;
    font-size: 16px;
  }
}

.rbt-cat-box-1.variation-2 .inner {
  background-color: var(--color-white);
  box-shadow: var(--shadow-1);
  border-radius: var(--radius-10);
  padding: 20px 15px 25px 15px;
}

.rbt-cat-box-1.variation-2 .inner .thumbnail a img {
  height: 150px;
  width: 100%;
  object-fit: cover;
  border-radius: 5px 5px 0 0;
}

.rbt-cat-box-1.variation-2 .inner .icons {
  margin-bottom: 10px;
  position: relative;
  margin-top: -25px;
  background: #fff;
  width: 70px;
  margin-right: auto;
  margin-left: auto;
  height: 70px;
  line-height: 70px;
  padding: 15px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  box-shadow: var(--shadow-10);
}

.rbt-cat-box-1.variation-2 .inner .icons img {
  max-height: 50px;
}

.rbt-cat-box-1.variation-2 .inner .content .title {
  margin-bottom: 5px;
}

.rbt-cat-box-1.variation-3 .inner {
  background: transparent;
  box-shadow: none;
  padding: 0;
  position: relative;
  z-index: 1;
}

.rbt-cat-box-1.variation-3 .inner .thumbnail img {
  border-radius: var(--radius-10);
}

.rbt-cat-box-1.variation-3 .inner .thumbnail a {
  display: block;
  position: relative;
  z-index: 1;
}

.rbt-cat-box-1.variation-3 .inner .thumbnail a::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  transition: opacity 300ms;
  border-radius: var(--radius-10);
}

.rbt-cat-box-1.variation-3 .inner .thumbnail a .read-more-btn {
  position: absolute;
  transition: 400ms;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  margin-top: 15px;
  visibility: hidden;
  z-index: 1;
}

.rbt-cat-box-1.variation-3 .inner .content {
  padding-top: 15px;
}

.rbt-cat-box-1.variation-3 .inner .content .title {
  margin-bottom: 5px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rbt-cat-box-1.variation-3 .inner .content .title {
    font-size: 16px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rbt-cat-box-1.variation-3 .inner .content .title {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .rbt-cat-box-1.variation-3 .inner .content .title {
    font-size: 16px;
  }
}

.rbt-cat-box-1.variation-3 .inner .content .description {
  font-size: var(--font-size-b3);
}

.rbt-cat-box-1.variation-3:hover .inner .thumbnail a::after {
  opacity: 1;
}

.rbt-cat-box-1.variation-3:hover .inner .thumbnail a .read-more-btn {
  opacity: 1;
  margin-top: 0;
  visibility: visible;
}

.rbt-cat-box-1.variation-4 .inner {
  position: relative;
  z-index: 1;
  border-radius: 0;
  padding: 30px;
}

.rbt-cat-box-1.variation-4 .inner .icons {
  margin-bottom: 5px;
}

.rbt-cat-box-1.variation-4 .inner .icons i {
  font-size: 60px;
}

.rbt-cat-box-1.variation-4 .inner .content {
  padding-top: 5px;
}

.rbt-cat-box-1.variation-4 .inner .content .title {
  margin-bottom: 0;
  font-size: 19px;
  line-height: 1.4;
}

.rbt-cat-box-1.variation-4 .inner .content .description {
  font-size: var(--font-size-b3);
}

.rbt-cat-box-1.variation-5 .inner {
  position: relative;
  z-index: 1;
  border-radius: 0;
  padding: 0;
}

.rbt-cat-box-1.variation-5 .inner .thumbnail a {
  display: block;
}

.rbt-cat-box-1.variation-5 .inner .thumbnail a img {
  border-radius: 6px;
}

.rbt-cat-box-1.variation-5 .inner .content {
  display: flex;
  justify-content: space-between;
  padding: 20px 25px;
  position: absolute;
  z-index: 2;
  background: var(--color-white);
  left: 10px;
  bottom: 10px;
  right: 10px;
  border-radius: 6px;
}

.rbt-cat-box-1.variation-5 .inner .content .title {
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.4;
  flex-basis: 90%;
}

.rbt-cat-box-1.variation-5 .inner .content .read-more-btn {
  flex-basis: 10%;
}

.rbt-cat-box-1.list-style .inner {
  display: flex;
  align-items: center;
  padding: 0;
  border: 1px solid var(--color-border);
  box-shadow: var(--shadow-7);
  background: var(--color-white);
}

.rbt-cat-box-1.list-style .inner .thumbnail {
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  border-radius: 6px 0 0 6px;
  overflow: hidden;
}

.rbt-cat-box-1.list-style .inner .thumbnail img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.rbt-cat-box-1.list-style .inner .content {
  flex-grow: 1;
  text-align: left;
  padding-left: 20px;
}

.rbt-cat-box-1.list-style .inner .content .title {
  color: black;
  margin-bottom: 1px;
  font-size: 16px;
}

.rbt-cat-box-1.image-overlaping-content {
  position: relative;
  overflow: hidden;
  display: block;
  z-index: 2;
}

.rbt-cat-box-1.image-overlaping-content::after {
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  border-radius: 6px;
}

.rbt-cat-box-1.image-overlaping-content .inner {
  padding: 0;
  box-shadow: none;
  position: relative;
  height: 80px;
}

.rbt-cat-box-1.image-overlaping-content .inner .thumbnail {
  height: 100%;
  width: 100%;
}

.rbt-cat-box-1.image-overlaping-content .inner .thumbnail img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 6px;
}

.rbt-cat-box-1.image-overlaping-content .inner .content {
  position: absolute;
  top: 50%;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  transform: translateY(-50%);
  z-index: 1;
}

.rbt-cat-box-1.image-overlaping-content .inner .content .title {
  color: var(--color-white);
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 0;
}

.rbt-cat-box-1.image-overlaping-content .inner .content .rbt-btn-link {
  color: var(--color-white-off);
}

.rbt-cat-box-1.image-overlaping-content .inner .content .rbt-btn-link::after {
  background: currentColor;
}

.rbt-cat-box-1.image-overlaping-content .inner .content .rbt-btn-link:hover {
  color: var(--color-white) !important;
}

.rbt-cat-box-1.image-overlaping-content:hover::after {
  background: rgba(0, 0, 0, 0.7);
}

.rbt-cat-box-1.image-overlaping-content.active::after {
  background: var(--color-primary);
  opacity: 0.7;
}

.rbt-cat-box-1.image-overlaping-content.on-hover-content-visible
  .inner
  .content
  .title {
  margin-top: 27px;
  margin-bottom: 0;
  transition: 0.4s;
}

.rbt-cat-box-1.image-overlaping-content.on-hover-content-visible
  .inner
  .content
  .rbt-btn-link {
  opacity: 0;
  transition: 0.4s;
}

.rbt-cat-box-1.image-overlaping-content.on-hover-content-visible:hover {
  transform: none;
}

.rbt-cat-box-1.image-overlaping-content.on-hover-content-visible:hover
  .inner
  .content
  .title {
  margin-top: 0;
}

.rbt-cat-box-1.image-overlaping-content.on-hover-content-visible:hover
  .inner
  .content
  .rbt-btn-link {
  opacity: 1;
}

.rbt-cat-box-1.image-overlaping-content.with-image-content .inner .content {
  display: flex;
  align-items: center;
  padding: 10px 20px;
  justify-content: center;
}

.rbt-cat-box-1.image-overlaping-content.with-image-content
  .inner
  .content
  .icons {
  margin-bottom: 0;
  margin-right: 10px;
}

.rbt-cat-box-1.image-overlaping-content.with-image-content
  .inner
  .content
  .icons
  img {
  max-height: 30px;
}

.rbt-cat-box-1.image-overlaping-content.with-image-content:hover {
  transform: none;
}

.rbt-cat-box-1:hover {
  transform: translate3d(0, -10px, 0);
}

.rbt-cat-box-1:hover span {
  color: red;
}

a.rbt-btn-link:hover::after,
button.rbt-btn-link:hover::after,
span.rbt-btn-link:hover::after {
  width: 100%;
  left: 0;
  right: auto;
}

a.rbt-btn-link::after,
button.rbt-btn-link::after,
span.rbt-btn-link::after {
  position: absolute;
  content: "";
  left: auto;
  bottom: 0;
  background: currentColor;
  width: 0;
  height: 2px;
  transition: 0.3s;
  right: 0;
}

.section-bg2 {
  padding: 120px 0;
  background: linear-gradient(rgb(155 155 155), rgb(94 115 177 / 28%)),
    url(https://images.unsplash.com/photo-1513530534585-c7b1394c6d51?q=80&w=1000&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8M3x8cHJvZmVzc2lvbmFsfGVufDB8fDB8fHww)
      no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* contact btn  */
.btn-hover {
  padding: 9px 1.5em;
  font-weight: 700;
  color: #000;
  text-transform: uppercase;
  border-radius: 250px;
}

/* LEFT TO RIGHT */
.btn-hover {
  border: 2px solid black;
  background: linear-gradient(to right, #000 50%, #fff 50%);
  background-size: 200% 100%;
  background-position: right;
  transition: all 0.35s ease-out;
}

.btn-hover:hover {
  border: 2px solid rgb(255, 255, 255);
  background-position: left;
  color: #fff;
}
/* recruitment landing page  */

.box-wrapper {
  margin-bottom: 5%;
}

.shape-box {
  display: inline-block;
  position: relative;
  z-index: 1;
  max-width: 300px;
  height: 200px;
  margin: 30px 10px 30px;
  box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.12);
  overflow: hidden;
  width: 23.333%;
  box-shadow: 10px 10px 10px gray;
}

.shape-box_half {
  overflow: hidden;
  text-align: left;
}

.shape-box_half:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: skewY(35deg);
  transform-origin: top left;
  transition: \transform0.4s;
  background: #154360;
  z-index: 1;
}

.shape-box > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.bg-black {
  background-color: #000;
}

.shape-box_half figcaption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 30px 30px;
  transition: \transform0.4s;
  transform: translateY(100%);
  z-index: 3;
}

.shape-box_half figcaption .show-cont {
  position: absolute;
  bottom: calc(100% + 30px);
  left: 30px;
  right: 30px;
  transition: bottom 0.4s;
}

.card-no {
  font-size: 36px;
  color: #ffc107;
  padding: 0;
  margin: 10px 0;
}

.card-main-title {
  margin-top: 8px;
  font-weight: 700;
  font-size: 20px;
  text-transform: none;
  color: #ddf2fd;
}

.shape-box_half > .after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: orange;
  opacity: 0;
  transition: opacity 0.4s;
}

/*On hover*/
.shape-box_half:hover:before {
  transform: skewY(20deg);
}

.shape-box_half:hover figcaption {
  transform: translateY(0);
}

.shape-box_half:hover figcaption .show-cont {
  bottom: 65%;
}

.shape-box_half:hover > .after {
  opacity: 1;
}

.margin-adjust {
  margin-left: 20%;
}

.flex {
  height: 70vh;
}

.adjust {
  margin-left: 30%;
  width: 80%;
}

@media (max-width: 576px) {
  .shape-box {
    width: 250px;
  }

  .margin-adjust {
    margin-left: 3%;
  }

  .features-post {
    margin-top: 30%;
  }

  .default-btn {
    margin-left: -5px;
  }
}

@media (max-width: 320px) {
  .testimonials-item {
    width: 70%;
  }

  .text-end img {
    width: 100%;
    height: 30vh;
  }

  .features-post {
    margin-top: 30%;
  }

  

  .hero-img .hero-bg-shape img {
    height: 55.5vh;
  }

  .owl-nav {
    margin-top: -15%;
  }

  .testimonials-item2 {
    width: 100%;
  }
}

@media (max-width: 375px) {
  .hero-img .hero-bg-shape img {
    height: 2vh !important;
  }
}

@media (max-width: 768px) {
  .shape-box {
    width: 250px;
  }

  .adjust {
    margin-left: -1px;
    width: 90%;
  }

  .testimonials-item {
    width: 70%;
  }

  .features-post {
    margin-top: 20%;
    padding: 5px !important;
  }

  .text-end img {
    margin-top: 5%;
  }

  .hero-img .hero-bg-shape img {
    height: 135vh !important;
  }
}

@media (max-width: 1024px) {
  .shape-box {
    width: 250px;
  }

  .margin-adjust {
    margin-left: 3%;
  }

  .hero-img .hero-bg-shape img {
    height: 95vh !important;
  }
}

@media (max-width: 1440px) {
  .hero-img .hero-bg-shape img {
    height: 120vh;
  }
}

/* button  */
/* contact btn  */
.outer__button {
  padding: 13px 1.5em;
  font-weight: 700;
  color: #000;
  text-transform: uppercase;
  border-radius: 250px;
}

/* LEFT TO RIGHT */
.button__left-right {
  border: 2px solid black;
  background: linear-gradient(to right, #000 50%, #fff 50%);
  background-size: 200% 100%;
  background-position: right;
  transition: all 0.35s ease-out;
}

.button__left-right:hover {
  border: 2px solid rgb(255, 255, 255);
  background-position: left;
  color: #fff;
}

.services .icon-box {
  padding: 35px 30px;
  transition: all ease-in-out 0.3s;
  background: #21225f;
  box-shadow: 0px 5px 90px 0px rgba(110, 123, 131, 0.1);
  border-radius: 18px;
  border-bottom: 5px solid #fff;
}
.services p {
  font-size: 23px;
}
.services .icon-box .icon {
  width: 64px;
  height: 64px;
  background: #ffffff;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  transition: ease-in-out 0.3s;
  color: #ffffff;
}

.services .icon-box .icon i {
  font-size: 28px;
}

.services .icon-box h4 {
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 24px;
  color: white;
}

.services .icon-box h4 a {
  color: #08a9e6;
  transition: ease-in-out 0.3s;
}

.services .icon-box p {
  line-height: 1.4;
  font-size: 18px;
  margin-bottom: 0;
  color: white;
}

.services .icon-box:hover {
  transform: translateY(-10px);
  border-color: #08a9e6;
}

.services .icon-box:hover h4 a {
  color: #000000;
  background: white;
  padding: 7px;
  border-radius: 10px;
}
.recruitment-serv li {
  line-height: 1.9;
  list-style-type: none;
  color: white;
}
/* payroll  */
.payroll-li li {
  list-style: none;
  line-height: 1.6;
  font-size: 19px;
}

/* niche page  */
.featured-services .service-item {
  padding: 30px;
  transition: all ease-in-out 0.4s;
  background: var(--color-white);
  height: 100%;
  border: 2px solid black;
  border-radius: 20px;
}

.featured-services .service-item .icon {
  margin-bottom: 10px;
  width: 85px;
}

.featured-services .service-item .icon i {
  color: var(--color-primary);
  font-size: 36px;
  transition: 0.3s;
}

.featured-services .service-item h4 {
  font-weight: 600;
  margin-bottom: 15px;
  font-size: 24px;
  max-width: 78%;
}

.featured-services .service-item h4 a {
  color: var(--color-secondary);
  transition: ease-in-out 0.3s;
}

.featured-services .service-item p {
  line-height: 1.5;
  font-size: 20px;
  margin-bottom: 0;
  margin-top: 23px;
}

.featured-services .service-item:hover {
  transform: translateY(-10px);
  box-shadow: 7px 10px 5px 0px lightblue;
}
.featured-services .service-item-middle {
  transform: translateY(-10px);
  box-shadow: 7px 10px 5px 0px lightblue;
  background-color: #02024b;
}

.featured-services .service-item:hover h4 a {
  color: var(--color-primary);
}
/* about  */
.about-inner .features-item {
  color: rgba(var(--default-color-rgb), 0.8);
}

.about-inner .features-item + .features-item {
  margin-top: 100px;
}

@media (max-width: 768px) {
  .about-inner .features-item + .features-item {
    margin-top: 40px;
  }
}

.about-inner .features-item h3 {
  font-weight: 700;
  font-size: 26px;
}

.about-inner .features-item .btn-get-started {
  background-color: var(--primary-color);
  color: var(--contrast-color);
  padding: 8px 30px 10px 30px;
  border-radius: 4px;
}

.about-inner .features-item .btn-get-started:hover {
  background-color: rgba(var(--primary-color-rgb), 0.9);
}

.about-inner .features-item ul {
  list-style: none;
  padding: 0;
}

.about-inner .features-item ul li {
  padding-bottom: 10px;
  display: flex;
  align-items: flex-start;
}

.about-inner .features-item ul li:last-child {
  padding-bottom: 0;
}

.about-inner .features-item ul i {
  font-size: 20px;
  padding-right: 4px;
  color: var(--primary-color);
}

.about-inner .features-item img {
  border: 6px solid var(--background-color);
  box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.1);
}

.about-inner .features-item .features-img-bg {
  position: relative;
  min-height: 500px;
}

@media (max-width: 640px) {
  .about-inner .features-item .features-img-bg {
    min-height: 300px;
  }
}

.about-inner .features-item .features-img-bg img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.about-inner .features-item .image-stack {
  display: grid;
  position: relative;
  grid-template-columns: repeat(12, 1fr);
}

.about-inner .features-item .image-stack .stack-back {
  grid-column: 4/-1;
  grid-row: 1;
  width: 100%;
  z-index: 1;
}

.about-inner .features-item .image-stack .stack-front {
  grid-row: 1;
  grid-column: 1 / span 8;
  margin-top: 20%;
  width: 100%;
  z-index: 2;
}
.btn-get-started {
  background-color: skyblue !important;
}
/* Add this CSS to your existing stylesheet or in a new one */

@keyframes moveUpDown {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(
      -20px
    ); /* Adjust the value based on the desired movement */
  }
}

.image-stack img.stack-front {
  animation: moveUpDown 3s infinite; /* Adjust the animation duration as needed */
}
/* parallex about */
.content-asset p {
  margin: 0 auto;
}

.breadcrumb {
  display: none;
}

/* Helpers */
/**************************/
.margin-top-10 {
  padding-top: 10px;
}

.margin-bot-10 {
  padding-bottom: 10px;
}

/* Typography */
/**************************/
#parallax-world-of-ugg h1 {
  font-family: "Oswald", sans-serif;
  font-size: 24px;
  font-weight: 400;
  text-transform: uppercase;
  color: black;
  padding: 0;
  margin: 0;
}

#parallax-world-of-ugg h2 {
  font-family: "Oswald", sans-serif;
  font-size: 70px;
  letter-spacing: 10px;
  text-align: center;
  color: white;
  font-weight: 400;
  text-transform: uppercase;
  z-index: 10;
  opacity: 0.9;
}

#parallax-world-of-ugg h3 {
  font-family: "Oswald", sans-serif;
  font-size: 14px;
  line-height: 0;
  font-weight: 400;
  letter-spacing: 8px;
  text-transform: uppercase;
  color: black;
}

/* #parallax-world-of-ugg p {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
} */

.first-character {
  font-weight: 400;
  float: left;
  font-size: 84px;
  line-height: 64px;
  padding-top: 4px;
  padding-right: 8px;
  padding-left: 3px;
  font-family: "Source Sans Pro", sans-serif;
}

.sc {
  color: #3b8595;
}

.ny {
  color: #3d3c3a;
}

.atw {
  color: #c48660;
}

/* Section - Title */
/**************************/
#parallax-world-of-ugg .title {
  background: white;
  padding: 60px;
  margin: 0 auto;
  text-align: center;
}

#parallax-world-of-ugg .title h1 {
  font-size: 35px;
  letter-spacing: 8px;
}

/* Section - Block */
/**************************/
#parallax-world-of-ugg .block p {
  background: white;
  padding: 60px;
  max-width: 820px;
  margin: 0 auto;
  text-align: justify;
}
#parallax-world-of-ugg .block ul {
  background: white;
  padding: 60px;
  max-width: 820px;
  margin: 0 auto;
  text-align: justify;
}
#parallax-world-of-ugg .block ul li {
  line-height: 2;
  list-style-type: none;
}
#parallax-world-of-ugg .block ul li::first-letter {
  font-weight: bold;
  font-size: 1.5rem;
  color: #172541;
}
#parallax-world-of-ugg .block-gray {
  background: #f2f2f2;
  padding: 60px;
}

#parallax-world-of-ugg .section-overlay-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.7;
}

/* Section - Parallax */
/**************************/
#parallax-world-of-ugg .parallax-one,
#parallax-world-of-ugg .parallax-two,
#parallax-world-of-ugg .parallax-three {
  padding-top: 200px;
  padding-bottom: 200px;
  overflow: hidden;
  position: relative;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

#parallax-world-of-ugg .parallax-one {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    url(../images/hire_emp/aboutUs/our-stories.webp) center/cover fixed;
}

#parallax-world-of-ugg .parallax-two {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    url(../images/hire_emp/aboutUs/partner-with-us.webp) center/cover fixed;
}

#parallax-world-of-ugg .parallax-three {
  background-image: url(../images/hire_emp/ourCulture/culture-parallex.webp);
  background-attachment: fixed;
}

/* Extras */
/**************************/
#parallax-world-of-ugg .line-break {
  border-bottom: 1px solid black;
  width: 150px;
  margin: 0 auto;
}

/* Media Queries */
/**************************/
@media screen and (max-width: 959px) and (min-width: 768px) {
  #parallax-world-of-ugg .block {
    padding: 40px;
    max-width: 620px;
  }
}

@media screen and (max-width: 767px) {
  #parallax-world-of-ugg .block {
    padding: 30px;
    max-width: 420px;
  }

  #parallax-world-of-ugg h2 {
    font-size: 30px;
  }

  #parallax-world-of-ugg .block {
    padding: 30px;
  }

  #parallax-world-of-ugg .parallax-one,
  #parallax-world-of-ugg .parallax-two,
  #parallax-world-of-ugg .parallax-three {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

@media screen and (max-width: 479px) {
  #parallax-world-of-ugg .block {
    padding: 30px 15px;
    max-width: 290px;
  }
}

/* homepage full start */
/* banner  */
.hero-slider-area {
  background: linear-gradient(rgba(37, 37, 83, 0.9), rgba(36, 48, 84, 0.9)),
    url(../images/home-two/education-bg.png) fixed center center;
  background-size: cover;
  padding: 120px 0;
  height: 100vh;
  width: 100%;
}

.hero-content h1 {
  color: white;
}

.hero-content .banner-btn .play-btn .title-text {
  color: #d5fffb;
}

.hero-img .hero-img-content {
  background-image: linear-gradient(104deg, #feffff 27%, #7dc6ea 72%);
}

.hero-slider-area {
  background-color: #000a3c;
  padding: 90px 0 90px;
  position: relative;
  overflow: hidden;
}

.hero-content .banner-btn .play-btn i {
  color: #0a4177;
}

.hero-content .banner-btn .play-btn:hover .title-text {
  color: var(--mainColor);
  border-color: var(--mainColor);
}

.hero-content .top-title {
  font-size: 16px;
  color: #d5fffb;
  display: block;
  margin-bottom: 15px;
}

.hero-content p {
  margin-bottom: 30px;
  max-width: 620px;
  color: #a0aeb1;
}
/*
.default-btn {
  colour: black;
  background-color: #7cc4e7;
} */

.hero-content h1 {
  color: white;
}

.enrolled-content .enrolled-list li {
  color: black;
}

.hero-slider .owl-nav .owl-prev {
  color: white;
}

.hero-img .hero-img-content {
  padding: 10px;
}

h3 {
  font-size: 22px;
  color: #003972;
}

.hero-slider .owl-nav .owl-next {
  color: #fff !important;
  border: 1px solid #f6f6fb !important;
}

.hero-slider .owl-nav .owl-prev {
  color: #fff !important;
  border: 1px solid #f6f6fb !important;
}
/* process  */
.tp-process-box.active-box {
  border: 2px double #00597a;
  background: #00597a;
  color: white;
  border-radius: 15px 65px;
}

.tp-process-box.active-box .tp-process-title {
  color: white;
  background: #00000052;
  border-radius: 20px;
  padding: 4px 15px;
}

.tp-process-item-icon-2 {
  margin-bottom: 40px;
}

.tp-process-item-icon-2 span {
  position: relative;
  height: 80px;
  width: 80px;
  display: inline-block;
  line-height: 80px;
  text-align: center;
  border-radius: 5px;
  background: #f4f5fa;
}

.tp-process-item-icon-2 span i {
  position: absolute;
  color: white;
  background: linear-gradient(90deg, #004d6e 0%, #00accc 100%);
  font-style: normal;
  height: 30px;
  width: 30px;
  text-align: center;
  line-height: 30px;
  border-radius: 5px;
  left: -8px;
  top: -13px;
}

.tp-process-item-content-2 p {
  color: var(--tp-text-1);
}

.tp-process-title {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.96px;
  margin-bottom: 20px;
}

.tp-process-arrows .shape-1 {
  position: absolute;
  left: 18%;
  top: 25px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-process-arrows .shape-1 {
    display: none;
  }
}

.tp-process-arrows .shape-2 {
  position: absolute;
  left: 44%;
  top: 25px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 576px) and (max-width: 767px),
  (max-width: 575px) {
  .tp-process-arrows .shape-2 {
    display: none;
  }

  .tp-process-arrows .shape-3 {
    display: none;
  }

  .tp-process-arrows .shape-1 {
    display: none;
  }
}

.tp-process-arrows .shape-3 {
  position: absolute;
  right: 18%;
  top: 25px;
}

.tp-process-wrapper-2 {
  position: relative;
}
.sec-heading {
  text-transform: capitalize;
  letter-spacing: 0.8px;
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-size: 2.5rem;
  background-color: #005baa;
  background-image: linear-gradient(45deg, #005baa, #000000);
  background-size: 100%;
  background-repeat: repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
}
/* services */
/* btn-2  */
/*.outer__button2 {*/
/*  padding: 7px 1.1em;*/
/*  font-weight: 700;*/
/*  color: #000;*/
/*  text-transform: uppercase;*/
/*  border-radius: 250px;*/
/*}*/

/*.button__left-right2 {*/
/*  border: 2px solid black;*/
/*  background: linear-gradient(to right, #000 50%, #fff 50%);*/
/*  background-size: 200% 100%;*/
/*  background-position: right;*/
/*  transition: all 0.35s ease-out;*/
/*}*/

/*.button__left-right2:hover {*/
/*  border: 2px solid rgb(255, 255, 255);*/
/*  background-position: left;*/
/*  color: #fff;*/
/*}*/

/*main {*/
/*  position: relative;*/
/*  width: calc(min(90rem, 90%));*/
/*  margin: 0 auto;*/
/*  min-height: 100vh;*/
/*  column-gap: 3rem;*/
/*  padding-block: min(20vh, 3rem);*/
/*}*/

/*.bg {*/
/*  position: absolute;*/
/*  top: 0rem;*/
/*  left: -12rem;*/
/*  z-index: -1;*/
/*  opacity: 0;*/
/*}*/

/*.bg2 {*/
/*  position: fixed;*/
/*  bottom: -2rem;*/
/*  right: -3rem;*/
/*  z-index: -1;*/
/*  width: 9.375rem;*/
/*  opacity: 0;*/
/*}*/

/*main > div span {*/
/*  text-transform: uppercase;*/
/*  letter-spacing: 1.5px;*/
/*  font-size: 1rem;*/
/*  color: #717171;*/
/*}*/

/*.main-heading {*/
/*  text-transform: capitalize;*/
/*  letter-spacing: 0.8px;*/
/*  font-family: "Roboto", sans-serif;*/
/*  font-weight: 900;*/
/*  font-size: 2.5rem;*/
/*  background-color: #005baa;*/
/*  background-image: linear-gradient(45deg, #005baa, #000000);*/
/*  background-size: 100%;*/
/*  background-repeat: repeat;*/
/*  -webkit-background-clip: text;*/
/*  -webkit-text-fill-color: transparent;*/
/*  -moz-background-clip: text;*/
/*  -moz-text-fill-color: transparent;*/
/*}*/

/*main > div hr {*/
/*  display: block;*/
/*  background: #005baa;*/
/*  height: 0.25rem;*/
/*  width: 6.25rem;*/
/*  border: none;*/
/*  margin: 1.125rem 0 1.875rem 0;*/
/*}*/

/*main > div p {*/
/*  line-height: 1.6;*/
/*}*/

/*main a {*/
/*  display: inline-block;*/
/*  text-decoration: none;*/
/*  text-transform: uppercase;*/
/*  color: #717171;*/
/*  font-weight: 500;*/
/*  background: #fff;*/
/*  border-radius: 3.125rem;*/
/*  transition: 0.3s ease-in-out;*/
/*}*/

/*main > div > a {*/
/*  border: 2px solid #c2c2c2;*/
/*  margin-top: 2.188rem;*/
/*  padding: 0.625rem 1.875rem;*/
/*}*/

/*main > div > a:hover {*/
/*  border: 0.125rem solid #005baa;*/
/*  color: #005baa;*/
/*}*/

/*.swiper {*/
/*  width: 100%;*/
/*  padding-top: 3.125rem;*/
/*}*/

/*.swiper-pagination-bullet,*/
/*.swiper-pagination-bullet-active {*/
/*  background: #fff !important;*/
/*}*/

/*.swiper-pagination {*/
/*  bottom: 1.25rem !important;*/
/*}*/

/*.swiper-slide {*/
/*  width: 18.75rem;*/
/*  height: 28.125rem !important;*/
/*  display: flex;*/
/*  flex-direction: column;*/
/*  justify-content: end;*/
/*  align-items: self-start;*/
/*}*/

/*.swiper-slide h2 {*/
/*  color: #fff;*/
/*  font-family: "Roboto", sans-serif;*/
/*  font-weight: 400;*/
/*  font-size: 1.4rem;*/
/*  line-height: 1.4;*/
/*  margin-bottom: 0.625rem;*/
/*  padding: 0 0 0 1.563rem;*/
/*  text-transform: uppercase;*/
/*}*/
/*.swiper-slide p {*/
/*  color: #dadada;*/
/*  font-family: "Roboto", sans-serif;*/
/*  font-weight: 300;*/
/*  padding: 0 1.563rem;*/
/*  line-height: 1.6;*/
/*  font-size: 0.75rem;*/
/*  display: -webkit-box;*/
/*  -webkit-line-clamp: 4;*/
/*  -webkit-box-orient: vertical;*/
/*  overflow: hidden;*/
/*}*/

/*.swiper-slide a {*/
/*  margin: 1.25rem 1.563rem 3.438rem 1.563rem;*/
/*  padding: 0.438em 1.875rem;*/
/*  font-size: 0.9rem;*/
/*}*/

/*.swiper-slide div {*/
/*  display: none;*/
/*  opacity: 0;*/
/*  padding-bottom: 0.625rem;*/
/*}*/

/*.swiper-slide-active div {*/
/*  display: block;*/
/*  opacity: 1;*/
/*}*/

/*.swiper-slide--one {*/
/*  background: linear-gradient(to top, #0f2027, #203a43fc, #2c536400),*/
/*    url("../../assets/images/hireemp/perminant.webp") no-repeat 50% 50% / cover;*/
/*}*/

/*.swiper-slide--two {*/
/*  background: linear-gradient(to top, #0f2027, #203a43fc, #2c536400),*/
/*    url("../../assets/images/hireemp/bulk.webp") no-repeat 50% 50% / cover;*/
/*}*/

/*.swiper-slide--three {*/
/*  background: linear-gradient(to top, #0f2027, #203a43fc, #2c536400),*/
/*    url("../../assets/images/hireemp/rpo.webp") no-repeat 50% 50% / cover;*/
/*}*/

/*.swiper-slide--four {*/
/*  background: linear-gradient(to top, #0f2027, #203a43fc, #2c536400),*/
/*    url("../../assets/images/hireemp/vertical.webp") no-repeat 50% 50% / cover;*/
/*}*/

/*.swiper-slide--five {*/
/*  background: linear-gradient(to top, #0f2027, #203a43fc, #2c536400),*/
/*    url("../../assets/images/hireemp/contractual.webp") no-repeat 50% 50% /*/
/*      cover;*/
/*}*/

/*.swiper-3d .swiper-slide-shadow-left,*/
/*.swiper-3d .swiper-slide-shadow-right {*/
/*  background-image: none;*/
/*}*/

/*@media screen and (min-width: 48rem) {*/
/*  main {*/
/*    display: flex;*/
/*    align-items: center;*/
/*  }*/

/*  .bg,*/
/*  .bg2 {*/
/*    opacity: 0.1;*/
/*  }*/
/*}*/

/*@media screen and (min-width: 93.75rem) {*/
/*  .swiper {*/
/*    width: 100%;*/
/*  }*/

/*  main div {*/
/*    position: relative;*/
/*    width: 70%;*/
/*  }*/
/*}*/

/* reviews  */

/* testimonial slidere css  */
.testim {
  width: 100%;
  top: 50%;

  background: black;
}

.testim .wrap {
  position: relative;
  width: 100%;
  max-width: 1020px;
  padding: 40px 20px;
  margin: auto;
}

.testim .arrow {
  display: block;
  position: absolute;
  color: #eee;
  cursor: pointer;
  font-size: 2em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 5px;
  z-index: 9;
}

.testim .arrow:before {
  cursor: pointer;
}

.testim .arrow:hover {
  color: #ea830e;
}

.testim .arrow.left {
  left: 10px;
}

.testim .arrow.right {
  right: 10px;
}

.testim .dots {
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: 60px;
  left: 0;
  display: block;
  z-index: 1;
  height: 12px;
}

.testim .dots .dot {
  list-style-type: none;
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid #eee;
  margin: 0 10px;
  cursor: pointer;
  -webkit-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  position: relative;
}

.testim .dots .dot.active,
.testim .dots .dot:hover {
  background: #ea830e;
  border-color: #ea830e;
}

.testim .dots .dot.active {
  -webkit-animation: testim-scale 0.5s ease-in-out forwards;
  -moz-animation: testim-scale 0.5s ease-in-out forwards;
  -ms-animation: testim-scale 0.5s ease-in-out forwards;
  -o-animation: testim-scale 0.5s ease-in-out forwards;
  animation: testim-scale 0.5s ease-in-out forwards;
}

.testim .cont {
  position: relative;
  overflow: hidden;
}

.testim .cont > div {
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 0 70px 0;
  opacity: 0;
}

.testim .cont > div.inactive {
  opacity: 1;
}

.testim .cont > div.active {
  position: relative;
  opacity: 1;
}

.testim .cont div .img img {
  display: block;
  width: 100px;
  height: 100px;
  margin: auto;
  border-radius: 50%;
}

.testim .cont div h2 {
  color: #ea830e;
  font-size: 1em;
  margin: 15px 0;
}

.testim .cont div p {
  font-size: 1.15em;
  color: #eee;
  width: 80%;
  margin: auto;
}

.testim .cont div.active .img img {
  -webkit-animation: testim-show 0.5s ease-in-out forwards;
  -moz-animation: testim-show 0.5s ease-in-out forwards;
  -ms-animation: testim-show 0.5s ease-in-out forwards;
  -o-animation: testim-show 0.5s ease-in-out forwards;
  animation: testim-show 0.5s ease-in-out forwards;
}

.testim .cont div.active h2 {
  -webkit-animation: testim-content-in 0.4s ease-in-out forwards;
  -moz-animation: testim-content-in 0.4s ease-in-out forwards;
  -ms-animation: testim-content-in 0.4s ease-in-out forwards;
  -o-animation: testim-content-in 0.4s ease-in-out forwards;
  animation: testim-content-in 0.4s ease-in-out forwards;
}

.testim .cont div.active p {
  -webkit-animation: testim-content-in 0.5s ease-in-out forwards;
  -moz-animation: testim-content-in 0.5s ease-in-out forwards;
  -ms-animation: testim-content-in 0.5s ease-in-out forwards;
  -o-animation: testim-content-in 0.5s ease-in-out forwards;
  animation: testim-content-in 0.5s ease-in-out forwards;
}

.testim .cont div.inactive .img img {
  -webkit-animation: testim-hide 0.5s ease-in-out forwards;
  -moz-animation: testim-hide 0.5s ease-in-out forwards;
  -ms-animation: testim-hide 0.5s ease-in-out forwards;
  -o-animation: testim-hide 0.5s ease-in-out forwards;
  animation: testim-hide 0.5s ease-in-out forwards;
}

.testim .cont div.inactive h2 {
  -webkit-animation: testim-content-out 0.4s ease-in-out forwards;
  -moz-animation: testim-content-out 0.4s ease-in-out forwards;
  -ms-animation: testim-content-out 0.4s ease-in-out forwards;
  -o-animation: testim-content-out 0.4s ease-in-out forwards;
  animation: testim-content-out 0.4s ease-in-out forwards;
}

.testim .cont div.inactive p {
  -webkit-animation: testim-content-out 0.5s ease-in-out forwards;
  -moz-animation: testim-content-out 0.5s ease-in-out forwards;
  -ms-animation: testim-content-out 0.5s ease-in-out forwards;
  -o-animation: testim-content-out 0.5s ease-in-out forwards;
  animation: testim-content-out 0.5s ease-in-out forwards;
}

@-webkit-keyframes testim-scale {
  0% {
    -webkit-box-shadow: 0px 0px 0px 0px #eee;
    box-shadow: 0px 0px 0px 0px #eee;
  }

  35% {
    -webkit-box-shadow: 0px 0px 10px 5px #eee;
    box-shadow: 0px 0px 10px 5px #eee;
  }

  70% {
    -webkit-box-shadow: 0px 0px 10px 5px #ea830e;
    box-shadow: 0px 0px 10px 5px #ea830e;
  }

  100% {
    -webkit-box-shadow: 0px 0px 0px 0px #ea830e;
    box-shadow: 0px 0px 0px 0px #ea830e;
  }
}

@-moz-keyframes testim-scale {
  0% {
    -moz-box-shadow: 0px 0px 0px 0px #eee;
    box-shadow: 0px 0px 0px 0px #eee;
  }

  35% {
    -moz-box-shadow: 0px 0px 10px 5px #eee;
    box-shadow: 0px 0px 10px 5px #eee;
  }

  70% {
    -moz-box-shadow: 0px 0px 10px 5px #ea830e;
    box-shadow: 0px 0px 10px 5px #ea830e;
  }

  100% {
    -moz-box-shadow: 0px 0px 0px 0px #ea830e;
    box-shadow: 0px 0px 0px 0px #ea830e;
  }
}

@-ms-keyframes testim-scale {
  0% {
    -ms-box-shadow: 0px 0px 0px 0px #eee;
    box-shadow: 0px 0px 0px 0px #eee;
  }

  35% {
    -ms-box-shadow: 0px 0px 10px 5px #eee;
    box-shadow: 0px 0px 10px 5px #eee;
  }

  70% {
    -ms-box-shadow: 0px 0px 10px 5px #ea830e;
    box-shadow: 0px 0px 10px 5px #ea830e;
  }

  100% {
    -ms-box-shadow: 0px 0px 0px 0px #ea830e;
    box-shadow: 0px 0px 0px 0px #ea830e;
  }
}

@-o-keyframes testim-scale {
  0% {
    -o-box-shadow: 0px 0px 0px 0px #eee;
    box-shadow: 0px 0px 0px 0px #eee;
  }

  35% {
    -o-box-shadow: 0px 0px 10px 5px #eee;
    box-shadow: 0px 0px 10px 5px #eee;
  }

  70% {
    -o-box-shadow: 0px 0px 10px 5px #ea830e;
    box-shadow: 0px 0px 10px 5px #ea830e;
  }

  100% {
    -o-box-shadow: 0px 0px 0px 0px #ea830e;
    box-shadow: 0px 0px 0px 0px #ea830e;
  }
}

@keyframes testim-scale {
  0% {
    box-shadow: 0px 0px 0px 0px #eee;
  }

  35% {
    box-shadow: 0px 0px 10px 5px #eee;
  }

  70% {
    box-shadow: 0px 0px 10px 5px #ea830e;
  }

  100% {
    box-shadow: 0px 0px 0px 0px #ea830e;
  }
}

@-webkit-keyframes testim-content-in {
  from {
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }

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

@-moz-keyframes testim-content-in {
  from {
    opacity: 0;
    -moz-transform: translateY(100%);
    transform: translateY(100%);
  }

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

@-ms-keyframes testim-content-in {
  from {
    opacity: 0;
    -ms-transform: translateY(100%);
    transform: translateY(100%);
  }

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

@-o-keyframes testim-content-in {
  from {
    opacity: 0;
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }

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

@keyframes testim-content-in {
  from {
    opacity: 0;
    transform: translateY(100%);
  }

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

@-webkit-keyframes testim-content-out {
  from {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

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

@-moz-keyframes testim-content-out {
  from {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0);
  }

  to {
    opacity: 0;
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

@-ms-keyframes testim-content-out {
  from {
    opacity: 1;
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  to {
    opacity: 0;
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

@-o-keyframes testim-content-out {
  from {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0);
  }

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

@keyframes testim-content-out {
  from {
    opacity: 1;
    transform: translateY(0);
  }

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

@-webkit-keyframes testim-show {
  from {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-moz-keyframes testim-show {
  from {
    opacity: 0;
    -moz-transform: scale(0);
    transform: scale(0);
  }

  to {
    opacity: 1;
    -moz-transform: scale(1);
    transform: scale(1);
  }
}

@-ms-keyframes testim-show {
  from {
    opacity: 0;
    -ms-transform: scale(0);
    transform: scale(0);
  }

  to {
    opacity: 1;
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

@-o-keyframes testim-show {
  from {
    opacity: 0;
    -o-transform: scale(0);
    transform: scale(0);
  }

  to {
    opacity: 1;
    -o-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes testim-show {
  from {
    opacity: 0;
    transform: scale(0);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@-webkit-keyframes testim-hide {
  from {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}

@-moz-keyframes testim-hide {
  from {
    opacity: 1;
    -moz-transform: scale(1);
    transform: scale(1);
  }

  to {
    opacity: 0;
    -moz-transform: scale(0);
    transform: scale(0);
  }
}

@-ms-keyframes testim-hide {
  from {
    opacity: 1;
    -ms-transform: scale(1);
    transform: scale(1);
  }

  to {
    opacity: 0;
    -ms-transform: scale(0);
    transform: scale(0);
  }
}

@-o-keyframes testim-hide {
  from {
    opacity: 1;
    -o-transform: scale(1);
    transform: scale(1);
  }

  to {
    opacity: 0;
    -o-transform: scale(0);
    transform: scale(0);
  }
}

@keyframes testim-hide {
  from {
    opacity: 1;
    transform: scale(1);
  }

  to {
    opacity: 0;
    transform: scale(0);
  }
}

@media all and (max-width: 300px) {
  body {
    font-size: 14px;
  }
}

@media all and (max-width: 500px) {
  .testim .arrow {
    font-size: 1.5em;
  }

  .testim .cont div p {
    line-height: 25px;
  }
}
/* homepage full end */
/* blogs loader  */
.loading-spinner {
  display: none;
  position: fixed;
  top: 50%;
  left: 35%;
  transform: translate(-50%, -50%);
  border: 8px solid #f3f3f3;
  border-top: 8px solid #3498db;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 1s linear infinite;
}

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

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

/*  services-icon*/

.services-icon {
  max-width: 60%;
}
.blinker {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.error-message {
  color: red;
  display: none;
}
#termsCheckbox {
  width: 17px; /* Set the desired width */
  height: 17px; /* Set the desired height */
  display: inline-block;
  vertical-align: middle; /* Align vertically in the middle */
}

#termsLabel {
  vertical-align: middle; /* Align vertically in the middle */
}
.header-right a {
    color: white;
    text-decoration: none;
    font-size: 18px;
}
   
/*header styling*/
.container-fluid {
    width: auto !important;
}

.dropdown-toggle {
    white-space: nowrap !important;
    text-wrap: nowrap !important;
}

.navbar-nav {
    flex-wrap: nowrap;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li {
    padding: 8px 5px !important;
}

.dropdown-menu.menu1 a:not(:last-child) {
    border-bottom: 0.5px solid #9187871a;

}

.dropdown-menu.menu1 a {

    padding: 12px 20px 9px;
}

.dropdown-menu.menu1 {
    padding-left: 4%;
    padding-right: 4%;
    border: none;
}

.dropdown-menu {
    padding: 0px 0px !important;
}
.menu1{
    border-radius: 0px !important;
}

.dropdown.show .dropdown-menu {

    margin-top: 3%;
    border-radius: 0px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);

}

.header-left a {
    color: white;
}

.default-btn {
    text-decoration: none;
}

.header-right {
    margin-right: 15%;
}

.header-right a {
    padding-left: 15px;
}

.header-right a:hover {
    color: white;
}

.logo-one {
    padding-top: 5%;
    max-width: 66%;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
    .mean-bar {
        height: 20px;
    }
}

/* Add this style to prevent wrapping */
.header-right {
    white-space: nowrap;
    display: flex;
    margin-right: 7%;
}

/* Add this style to position the dropdown menu */

.dropdown.show .dropdown-menu {
    background-color: white;

}

.menu1 a {
    color: #21225f;
    font-size: 17px;
    font-weight: 500;
}

.menu1 a:hover {
    color: #0d6efd;
    background-color: white;
}

.desktop-nav {
    margin: 5px;
}

.dropdown-menu .nav-item {
    padding: 5px 5px !important;
}

.desktop-nav .navbar .navbar-nav .nav-item a {
    font-weight: 600;
}

.desktop-nav .navbar .navbar-nav .nav-item {
    padding: 18px 14px;
}



.desktop-nav .navbar .navbar-nav .nav-item a {
    margin-right: 0 !important;
}

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-toggle::before {
    font-size: 18px;
    font-weight: 600;
}



.desktop-nav .navbar .navbar-nav .nav-item .dropdown-toggle:hover::before,
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-toggle:focus::before,
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-toggle:active::before {
    transform: rotate(180deg);
}



.top-header {

    top: 0;
    width: 100%;
    z-index: 1000;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}


/*navbar responsive*/

@media only screen and (max-width: 1000px) {
    .dropdown-menu.menu1 {
        right: 4%;
        transform: translate3d(-10px, 25px, 0px) ;
    }

}
@media only screen and (min-width: 991px) and (max-width: 991px) {
    .navbar-area {
        padding-top: 2% !important;
    }
}


@media only screen and (min-width: 991px) and (max-width: 1134px) {
    .is-sticky .desktop-nav .navbar .navbar-nav .nav-item a {
        font-size: 13px;
    }

    .desktop-nav .navbar-nav .nav-item {
        margin-right: 0px;
    }
}


@media only screen and (min-width: 320px) and (max-width: 375px) {

    .news {
        margin-top: -1.75%;
    }

    .header-right a {
        font-size: 11px;
    }

    .header-right a {
        padding-left: 6px;
    }
}

@media only screen and (min-width: 375px) and (max-width: 381px) {

    .news {
        margin-top: -1% !important;
    }


}

@media only screen and (min-width: 381px) and (max-width: 425px) {
    .news {
        margin-top: -0.7%;
    }

}

@media only screen and (min-width: 425px) and (max-width: 500px) {

    .header-right a {
        font-size: 12px;
    }

    .news {
        margin-top: -0.6%
    }


}

@media only screen and (min-width: 500px) and (max-width: 544px) {
    .header-right a {
        font-size: 16px;
    }
}

@media only screen and (min-width: 375px) and (max-width: 500px) {
    .header-right a {
        font-size: 13px;
    }

    .header-right a {
        padding-left: 5px !important;
    }

    .headerr {
        padding-left: 0% !important;
    }
}



@media only screen and (min-width: 1341px) and (max-width: 2000px) {
    .navbar-area {
        padding: 4px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    .mobile-responsive-nav .mean-container .mean-bar {
        top: -21px !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1018px) {
    .desktop-nav .navbar .navbar-nav .nav-item a {
        margin-right: 0px !important;
    }

}
@media only screen and (min-width: 992px) and (max-width: 1040px){
  .desktop-nav .navbar .navbar-nav .nav-item a {
  
    font-size: 14px !important;

}
}


/*responsive for top header */

/* Desktop Styles */

/* Tablet Styles */

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

    /* Adjust your tablet navbar styles here */
    .desktop-nav .navbar-nav .nav-item {
        margin-right: 10px;
        /* Example margin */
    }
}

/* Mobile Styles */
@media only screen and (max-width: 767px) {

    /* Adjust your mobile navbar styles here */
    .desktop-nav .navbar-nav .nav-item {
        margin-right: 0;
        /* Remove margin */
    }
}

@media only screen and (max-width: 991px) {
    .mobile-responsive-nav .mean-container a.meanclose {
        top: 14px;
    }
}
@media only screen and (max-width: 991px){
.mobile-responsive-nav .mean-container .mean-bar {
      top: -14px !important;
}
}



@media only screen and (min-width: 990px) and (max-width: 1132px) {
    

    .desktop-nav .navbar .navbar-nav .nav-item {
        padding: 18px 5px;
    }

    nav .nav-item .dropdown-toggle::before {
        font-size: 17px !important;
    }


    .desktop-nav .navbar .navbar-nav .nav-item .dropdown-toggle::before {
        right: -5px;
    }

}

@media only screen and (min-width: 1132px) and (max-width: 1161px) {
    .desktop-nav .navbar .navbar-nav .nav-item a {
        font-size: 17px;
    }

    .desktop-nav .navbar .navbar-nav .nav-item {
        padding: 18px 5px;
    }

    nav .nav-item .dropdown-toggle::before {
        font-size: 18px !important;
    }


}

@media only screen and (min-width: 1162px) {

.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {

    font-size: 17px;

}




}

@media only screen and (min-width: 1161px) and (max-width: 1200px) {
    .desktop-nav .navbar .navbar-nav .nav-item a {
        font-size: 18px;
    }

    .desktop-nav .navbar .navbar-nav .nav-item {
        padding: 18px 5px;
    }

    nav .nav-item .dropdown-toggle::before {
        font-size: 18px !important;
    }

    .is-sticky .desktop-nav .navbar .navbar-nav .nav-item a {
        font-size: 18px !important;
    }


}

@media only screen and (min-width: 1200px) and (max-width: 1264px) {
    .desktop-nav .navbar .navbar-nav .nav-item a {
        font-size: 15px;
    }

    .desktop-nav .navbar .navbar-nav .nav-item {
        padding: 18px 5px;
    }

    nav .nav-item .dropdown-toggle::before {
        font-size: 18px !important;
    }


}

@media only screen and (min-width: 1264px) and (max-width: 1275px) {
    .desktop-nav .navbar .navbar-nav .nav-item {
        padding: 18px 11px !important;
    }
}
@media only screen and (min-width: 1274px) and (max-width: 1284px) {
    .desktop-nav .navbar .navbar-nav .nav-item {
        padding: 18px 13px !important;
    }
}
@media only screen and (min-width: 1299px) and (max-width: 1313px) {
    .desktop-nav .navbar .navbar-nav .nav-item a {
        font-size: 15px !important;
    }

    .is-sticky .desktop-nav .navbar .navbar-nav .nav-item a {
        font-size: 19px !important;
    }
}

@media only screen and (min-width: 1298px) and (max-width: 1303px) {
    .desktop-nav .navbar .navbar-nav .nav-item {
        padding: 18px 13px !important;
    }
}
@media (width: 1264px) {
    .desktop-nav .navbar .navbar-nav .nav-item {
        padding: 18px 11px !important;
    }


}
/*end of header styling*/
/*footer styling*/

.connectt{
            color: orange;
        }
        .align{
            color: white;
        }
        .footer-area{
            background-color: #003f6c;
        }
        .footer-widget h3{
            position: relative;
    color: #f48120 !important;
    font-weight: 400 !important;
    margin-bottom: 10px;
    font-size: 15px ;
        }
        .footer-list a{
            color: #fff;
    font-size: 15px;
    transition-duration: 0.2s;
    line-height: 1;
        }
        .footer-widget h3::before {
            display:none;
        }
        .footer-widget h3::after {
            display:none;
        }
        .footer-widget .footer-list li::before {
            display:none;
        }
        .footer-widget .footer-list li {
            padding-left:0px;
        }
        .footer-widget .footer-list li {
    margin-bottom: 8px;
        }
        .pt-100 {
    padding-top: 51px;
}
.pb-8{
    padding-bottom: 9%;
    border-bottom: 1px solid white;
}
.copyright-area {
    border-top:none;
}
.hire-now{
    border-right: 1px solid white;
    padding-bottom:47%;
}
.logo-footer{
    text-align:center;
    padding-top:25%;
}
.footer-area1{
    padding-left: 101px;
}
.footer-widget .footer-list li:hover a {
    color: orange;
}
.tips{
    color: orange !important;
    font-weight: 400 !important;
    font-size: 15px !important;
}

@media only screen and (max-width: 992px) {
.hire-now {
    border-right: transparent !important;
}
.footer-area1 {
    padding-left: 9px;
}
.footer-widget {
    padding-left: 20%;
}
.logo-footer {
    padding-top:0%;
    padding-left:0% !important;
}
.hire-now {
   
    padding-bottom: 21%;
}
}
@media (width: 1024px) {
    .logo-footer {
        padding-top: 0%;
        padding-left: 0% !important;
    }
    .hire-now {
        border-right: transparent !important;
    }
    .footer-area1 {
        padding-left: 9px;
    }
    .footer-widget {
        padding-left: 20%;
    }
}

/*landing page styling*/
.area-three{
padding-top:4%;
}
 .custom-wrapper{
height:90vh;
}
.section-bg2 {
padding: 0px;
}




.counter-area-two::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 50%;
    background-color: #f5f5f5;
}

.counter-card {
    padding: 30px 30px 30px 120px;
    position: relative;
    background-color: var(--whiteColor);
    margin-bottom: 30px;
    z-index: 1;
    border-radius: 20px;
    box-shadow: 6px 8px 15px rgba(0, 0, 0, 0.06);
}
.banner-services{
    color:white;
    margin-left: 3%;
    margin-bottom: 5%;
}

.counter-card i {
    
    color: #034ea1 !important;
    -webkit-transition: var(--transition);
    transition: var(--transition);
}

.counter-card i::after {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: -5px;
    right: -15px;
    width: 37px;
    height: 35px;
    border-radius: 30px;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    background:#034ea1 !important;
    opacity: 0.5;
  
}








/* Additional styles for visited and hover states */
.find-button:visited {
font-size: 18px;
}

.find-button:hover {
color: white;
font-weight: bold;
font-size: 18px;
}

/*========
landing page banner
=========*/

.custom-wrapper {
overflow: hidden;
}

.custom-slider {
display: flex;
flex-direction: column;
height: auto;
}

.custom-slider__item {
position: relative;
}

.custom-wrapper {
max-width: 100%;
margin: 0 auto;
background: #000;
overflow: hidden;
}

.counter-area-two {
margin-top: -10% !important;
}

.custom-bigtitle {
font-weight: bold;
text-align: center;
color: white;
}

.custom-slider__textg h1 {
margin-left: 3%;
font-size: 34px !important;
margin-top: -4%;
padding-bottom: 8px;
color: orange !important;
}

.custom-slider__textd h1 {
margin-left: 3%;
font-size:34px !important;
margin-top: -4%;
padding-bottom: 8px;
color: orange !important;
}

.custom-slider__textd h3 {
color: white !important;
}

.custom-slider {
background: transparent;
height: 70vh;
overflow: hidden;
display: flex;

}

.custom-slider__item button {
background-color: skyblue;
color: #092d46;
font-weight: 600;
border-radius: 5px;
border-color: skyblue;
padding: 1%;
margin-left: 40%;
margin-bottom: 8px;
}

.custom-slider__item {
flex: 1;
border-left: 4px solid #fff;
transform: skew(-20deg);
overflow: hidden;
position: relative;
left: 0;
opacity: 1;
transition: all 0.9s;
cursor: pointer;
}

.custom-slider__item.active {
flex: 1.4;
opacity: 1;
}

.custom-slider__item .custom-slider__textg,
.custom-slider__item .custom-slider__textd {
width: 50%;
transition: all 0.9s;
color: #fff;
font-size: 1rem;
font-weight: 200;
padding: 10px;
opacity: 1;
}

.custom-slider__textd {
width: 40%;
}


.custom-slider__item .custom-slider__img-gauche,
.custom-slider__item .custom-slider__img-droite {
background-size: cover;
background-position: center;
position: absolute;
top: 0;
bottom: 0;
transform: skew(20deg);
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}

.swiper-button-prev:after {
color: white;
}

.swiper-button-next:after {
color: white;
}

.custom-slider__img-droite {
left: 0%;
}



@media only screen and (max-width: 320px) {
.counter-card {
    margin-right: 8%;
    display: none;
    /* Hide .counter-card in 320px width */
}
}

@media only screen and (max-width: 767px) {
.custom-wrapper{
    display:inline;
}
.custom-slider {
    flex-direction: column;
    height: 170vh;
}
.custom-slider__item .custom-slider__textg,
.custom-slider__item .custom-slider__textd {
width: 100%;
}
.course-tag {
 width: 46% !important;
}
.course-tag:hover{
background-color: rgb(8 169 230) !important;
}

.counter-card {
    margin-right: 8%;
}

.custom-slider__textg p {
    font-weight: 600;
    font-size: medium;
    color: white !important;
    line-height: 35px;
}

.custom-slider__textd p {
    font-weight: 600;
    font-size: medium;
    color: white !important;
    line-height: 35px;
}

.custom-slider__textg,
.custom-slider__textd {
    width: 100%;
    text-align: center;
}

.custom-slider__item {
    flex: 1;
    border: none;
    margin-left: 0;
    margin-right: 0;
    transform: skew(0deg);
    cursor: pointer;
}

.custom-slider button {
    margin-left: -5px;
}

.custom-slider__item.active {
    flex: 1.4;
}

.custom-slider__item .custom-slider__img-gauche,
.custom-slider__item .custom-slider__img-droite {
    transform: skew(0deg);
    width: 100%;
    left: 0;
    right: 0;
}

.custom-slider__item .custom-slider__img-gauche {
    background-image: url('../images/hire_emp/new-page/landing-page/slider.webp');
    background-blend-mode: multiply;
    left: 0;
    right: 0;
}

.custom-slider__item .custom-slider__img-droite {
    background-image: linear-gradient(rgb(74, 95, 161), rgba(55, 58, 72, 0.89)), url('../images/hire_emp/new-page/landing-page/courseee.webp');
    background-blend-mode: multiply;
    right: 0;
}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
.custom-slider {
    height: 200vh;
    margin-left:-10rem;
    margin-right:-10rem;
}
.custom-wrapper {
  height: 190vh;
}

.counter-card i {
    top: 30;
    left: 20px;
}

.custom-slider__item {
    flex: 1;
    border-left: 4px solid #fff;
    transform: skew(-20deg);
    cursor: pointer;
}

.custom-slider__item.active {
    flex: 1.4;
}

.custom-slider__textg {
    margin-left: -15%;
    width: 30%;
}

.custom-slider__textg p {
    width: 80%;
    margin-left: 4%;
    font-size: 18px !important;
}

.custom-slider__textd p {
    width: 80%;
    margin-left: 4%;
    font-size: 18px !important;
}

.custom-slider__textd {
    margin-left: 18%;
}
.custom-slider__textg h1 {

 font-size: 31px;
}
.custom-slider__textd h1 {
    font-size:31px;
}
.custom-slider__item .custom-slider__textg, .custom-slider__item .custom-slider__textd {
    width: 40%;
}
.custom-slider__textd {
  margin-left: 16%;
}
.course-tag{
    width:36%;
}



.custom-slider__item .custom-slider__img-gauche {
    background-image: url('../images/hire_emp/new-page/landing-page/slider.webp');
    background-blend-mode: multiply;
    left: 0;
    right: -17rem;
}

.custom-slider__item .custom-slider__img-droite {
    background-image: linear-gradient(rgb(74, 95, 161), rgba(55, 58, 72, 0.89)), url('../images/hire_emp/new-page/landing-page/courseee.webp');
    background-blend-mode: multiply;
    left: -17rem;
    right: 0;
}

.custom-slider__item .custom-slider__img-gauche:hover {
    background-image: url('../images/hire_emp/new-page/landing-page/slider.webp');
    background-blend-mode: multiply;
    left: 0;
    right: -17rem;
}



.custom-slider__textg p {
    font-weight: 600;
    font-size: medium;
    color: white !important;
    line-height: 35px;
}

.custom-slider__textd p {
    font-weight: 600;
    font-size: medium;
    color: white !important;
    line-height: 35px;
}
}

@media only screen and (min-width: 1025px) and (max-width: 4095px) {
.custom-slider {
    flex-direction: row;
    height: 100vh;
    margin-left:-10rem;
    margin-right:-10rem;
}

.counter-card i {
    top: 30;
    left: 20px;
}

.custom-slider__item {
    flex: 1;
    border-left: 4px solid #fff;
    transform: skew(-20deg);
    cursor: pointer;
}

.custom-slider__item.active {
    flex: 1.4;
}

.custom-slider__textg {
    margin-left: -15%;
    width: 30%;
}

.custom-slider__textg p {
    width: 80%;
    margin-left: 4%;
    font-size: 18px !important;
}

.custom-slider__textd p {
    width: 80%;
    margin-left: 4%;
    font-size: 18px !important;
}

.custom-slider__textd {
    margin-left: 18%;
}

.custom-slider__item .custom-slider__img-gauche {
    background-image: url('../images/hire_emp/new-page/landing-page/slider.webp');
    background-blend-mode: multiply;
    left: 0;
    right: -17rem;
}

.custom-slider__item .custom-slider__img-droite {
    background-image: linear-gradient(rgb(74, 95, 161), rgba(55, 58, 72, 0.89)), url('../images/hire_emp/new-page/landing-page/courseee.webp');
    background-blend-mode: multiply;
    left: -17rem;
    right: 0;
}

.custom-slider__item .custom-slider__img-gauche:hover {
    background-image: url('../images/hire_emp/new-page/landing-page/slider.webp');
    background-blend-mode: multiply;
    left: 0;
    right: -17rem;
}

.custom-slider__item .custom-slider__img-droite:hover {
    
    background-blend-mode: multiply;
    left: -17rem;
    right: 0;
}

.custom-slider__textg p {
    font-weight: 600;
    font-size: medium;
    color: white !important;
    line-height: 35px;
}

.custom-slider__textd p {
    font-weight: 600;
    font-size: medium;
    color: white !important;
    line-height: 35px;
}
}




@media only screen and (min-width: 768px) and (max-width: 991px) {
.counter-card i {
    top: -32px;
    left: 33px;
    font-size: 40px;
}
}
@media only screen and (min-width: 1025px) and (max-width: 4095px) {
.custom-slider__textg{
    margin-top:-17%;
}
}


.course-buttons {
margin-top: 6%;
}

.course-buttons a {
text-decoration: none;
margin-bottom: 3%;
}

.course-tag {
background-color: rgb(52, 52, 156);
color: white;
width: 25%;
margin-top: 2%;
text-align: center;
padding-top: 2%;
padding-bottom: 2%;
border-radius: 5px;
margin-left: 3%;
font-weight: 600;
}

.course-buttons {
margin-bottom: 3%;
}

.course-buttons a:hover {
color: rgb(218, 196, 196);
}

/*===============
who we are
=======*/
.content1 {
padding-top: 1% !important;
}

.fa-solid,
.fas {
font-weight: 900;
padding-right: 2%;
}

.who-matter {
margin-top: 5%;

}

.who-we-are {

margin-left: 5%;
margin-bottom: 5%;
}

.who-image {
width: 85%;
margin-top: 10%;
margin-left: 4%;
}


.who-para {
font-size: 18px;
font-weight: 400;
color: rgb(85, 84, 84) !important;
}

.who-para span {
font-weight: 600;
}

.who-image img {
max-width: 118%;
margin-top: 4%;
}

.who-image {
width: 85%;
margin-top: 10%;
margin-left: -1%;
}

.whoweare {
margin-top: 4%;
}

.who-matter a {
text-decoration: none;
}
@media only screen and (min-width: 1024px) {
.who-matter {
width: 79%;
margin-left: 4%;
}
}
.who-button {
padding: 2.5%;
margin-bottom: 6%;
background: linear-gradient(to right, #a5bfca, #1f1a6c);
font-weight: 600;
border-radius: 5px;
}

.who-matter a {
color: white;
font-size: 17px;
}

.testimonials-card-two p {
color: #000;
}

.testimonials-card-two {
position: relative;
z-index: 1;
margin-bottom: 30px;
background-color: #f8f8f8;
border-radius: 10px;
padding: 30px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.dat-bootcamp {
font-weight: 700;
margin-bottom: 5%;
}

/* ==============
area of expertise
=================== */
.hiring {
margin-top: 5%;
margin-bottom: 8%;
}

.hiring h2 {
margin-left: 10%;
margin-bottom: 2%;
}

.hiring1 {
width: 55% !important;
}

.hiring3 {
width: 62% !important;
}

.hiring4 {
width: 67% !important;
}

.permanent button {
background-color: #0B133F;
color: white;
border-color: #b7b5b5;
padding: 5px;
border-radius: 3px;
}

.permanent {
width: 90%;
height: 46vh;
background-color: #0B133F;
padding: 5%;
border-radius: 12px;
}

.permanent h4,
p {
color: white;
}

.permanent h4 {
padding-top: 15%;
}

.permanent img {
width: 51%;
margin-top: 18%;
margin-bottom: 20%;
}

.expertise-icon,
.expertise-iconn,
.expertise-iconnn {
width: 100% !important;
}

.expertise {
font-size: 49px;
margin-bottom: 2%;
}

.expertise-heading p {
font-size: 20px;
margin-bottom: 2%;
}

.container {
max-width: 1200px;
margin: 0 auto;
}

.col-md-3 {
width: 100%;
float: left;
box-sizing: border-box;
margin-top: 2%;
}

@media (min-width: 320px) {
.permanent {
    height: 55vh;
    margin-left: 5%;
}
}

@media (min-width: 375px) {
.permanent {
margin-top:5% !important;
    height: 60vh;
    margin-left: 5%;
}

}



@media (min-width: 425px) {
.permanent {
    width: 60%;
    height: 50vh;
    margin-left: 15%;
}
}

@media (min-width: 1024px) {
.permanent {
    width: 80%;
    height: 46vh;
    margin-left: 15%;
}
}

@media (min-width: 768px) {
.col-md-3 {
    width: 50%;
}
}

@media (min-width: 992px) {
.col-md-3 {
    width: 25%;
}
}

@media (min-width: 1200px) {
.col-md-3 {
    width: 25%;
}
}

.permanent img {
width: 50%;
transition: transform 0.5s ease, filter 0.5s ease;
/* Add filter transition */
}

.permanent h4 {
transition: transform 0.5s ease, filter 0.5s ease;
/* Add filter transition */
text-align: center;
}

.permanent button {
opacity: 0;
transform: translateY(50%);
transition: transform 0.5s ease, opacity 0.5s ease;
/* Add opacity transition */
}

.permanent:hover img {
filter: blur(2px);
/* Apply blur on hover */
}

.permanent:hover h4,
.permanent:hover button {
transform: translateY(-50%);
opacity: 1;
/* Reveal button on hover */
filter: blur(0);
/* Remove blur on hover */
}

/* ===========
enroll
========== */


.btn1 {
font-size: larger;
}

.btn2 {
font-size: larger;
}



.mt-4 {
margin-top: 1.5rem !important;
}

.pb-70 {
padding-bottom: 70px;
margin-left: -13%;
}


.section-title {
padding-top: 5%;
}

.section-title p {
font-size: larger;
}

@media (min-width: 768px) {
.enrolled-content {
    padding-left: 9%;
    /* Hide the vertical swiper on larger screens */
}
}

@media (max-width: 425px) {
.enrolled-area-three {
    text-align: center;
}

.enrolled-area-two {
    text-align: center;
}
}

.enrolled-content .section-title {
margin-bottom: 20px;
}

.section-title {
position: relative;
z-index: 1;
}



.enrolled-img-three {
margin-bottom: 30px;
position: relative;
text-align: center;
}

.enrolled-img-three img {
max-width: 486px;
border-radius: 10px;
}
@media only screen and (min-width: 320px) and (max-width: 425px) {
.buttons {
display: flex;
flex-wrap:wrap;
}

}
@media only screen and (min-width: 320px) and (max-width: 425px) {
#free-btn{
width:42% !important;
}
.btn{
font-size:17px !important;
}
}
@media only screen and (min-width: 425px) and (max-width: 768px) {
#free-btn{
width:39% !important;
}
.btn{
font-size:22px !important;
}
}
@media only screen and (min-width: 1024px) {
#free-btn{
width:27% !important;
}
.btn{
font-size:22px !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
.counter-card {
padding: 55px 30px 42px 120px;}
.counter-card i {
top: 11px;   

}
}
.counter-card p{
font-size:18px;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .permanent {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px){
.counter-card {
    padding-left: 47% !important;
}
}

.btn1 {
margin-right: 2%;

}
@media only screen and (min-width: 768px) and (max-width: 991px){
.learn-limits {
    max-width: 60% !important;
}
}

.btn2 {
background-color: white !important;
border-color: blue;
color: blue !important;
}
.btn2:hover{
background-color: rgb(52, 52, 156) !important;
border-color: blue;
color: white !important;
    border-radius: .25rem !important;
font-size:22px !important;
padding: .375rem .75rem !important;
font-weight:400 !important;
}


.enrolled-img1 {
width: 100%;
}

.enrolled-img-four {
text-align: center;
}

.btn3 {
background-color: black !important;
border: none !important;
padding: 4% !important;
border-radius: 0px !important;
font-weight: 900 !important;
}

.enrolled-area-three {
overflow: hidden;
}

@media (max-width: 768px) {
.enrolled-img2 {
    width: 80%;
}
}

.instructor-text {
font-size: large;
}

/* area of expertise */
/* Add the following CSS to hide buttons initially */
.permanent1 .content button,
.permanent2 .content button,
.permanent3 .content button {
opacity: 0;
transition: opacity 0.5s ease;
}

/* Show the button when the card is hovered */
.permanent1:hover .content button,
.permanent2:hover .content button,
.permanent3:hover .content button {
opacity: 1;
}

/* Add the following CSS to move h4 and button together on hover */
.permanent1:hover .content h4,
.permanent2:hover .content h4,
.permanent3:hover .content h4,
.permanent1:hover .content button,
.permanent2:hover .content button,
.permanent3:hover .content button {
transform: translateY(-50%);
}

.hiring4 {
margin-top: 5%;
}

.hiring4 h2 {
margin-left: 10%;
margin-bottom: 2%;
}

.permanent1 {
position: relative;
width: 90%;
height: 65vh;
padding: 5%;
border-radius: 12px;
overflow: hidden;
}

.permanent1::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
filter: blur(0);
transition: filter 0.5s ease;
z-index: -1;
}

.permanent-img2::before,
.permanent-img3::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-position: center;
filter: blur(0);
transition: filter 0.5s ease;
z-index: -1;
}

.permanent-img2:hover::before {
filter: blur(5px);
background: linear-gradient(rgba(237, 239, 248, 0.5), rgba(3, 10, 37, 0.5)), url('../images/hire_emp/new-page/landing-page/Onlinebootcamp.webp');
background-size: cover;
background-position: center;
}

.permanent-img3:hover::before {
filter: blur(5px);
background: linear-gradient(rgba(237, 239, 248, 0.5), rgba(3, 10, 37, 0.5)), url('../images/hire_emp/new-page/landing-page/recruitement1.webp');
background-size: cover;
background-position: center;
}

.permanent-img1:hover::before {
filter: blur(5px);
background: linear-gradient(rgba(237, 239, 248, 0.5), rgba(3, 10, 37, 0.5)), url('../images/hire_emp/new-page/landing-page/corporatetraining.webp');
background-size: cover;
background-position: center;
}

.permanent-img1::before {
background: url('../images/hire_emp/new-page/landing-page/corporatetraining.webp');
background-size: cover;
background-position: center;
}

.permanent-img2::before {
background: url('../images/hire_emp/new-page/landing-page/Onlinebootcamp.webp');
background-size: cover;
background-position: center;
}

.permanent-img3::before {
background: url('../images/hire_emp/new-page/landing-page/recruitement1.webp');
background-size: cover;
background-position: center;
}

.permanent1:hover::before {
filter: blur(5px);
}

.permanent1 h4,
.permanent1 button {
position: relative;
z-index: 1;
transition: transform 0.5s ease;
}

.permanent1:hover h4,
.permanent1:hover button {
transform: translateY(-50%);
}

.permanent1 img {
width: 50%;
transition: transform 0.5s ease;
}

.expertise-icon,
.expertise-iconn,
.expertise-iconnn {
width: 100% !important;
}

.container {
max-width: 1200px;
margin: 0 auto;
}

.col-md-3 {
width: 100%;
float: left;
box-sizing: border-box;
margin-top: 2%;
}

@media (min-width: 768px) {
.col-md-3 {
    width: 50%;
}
}

@media (min-width: 992px) {
.col-md-3 {
    width: 25%;
}
}

@media (min-width: 1200px) {
.col-md-3 {
    width: 25%;
}
}

@media (max-width: 768px) {
.hiring-4 {
    margin-left: 5%;
}
}
@media only screen and (min-width: 320px) and (max-width: 320px) {

.permanent{
    height: 57vh;
    margin-bottom: 16%;
}
}
.expertise {
text-align: left;
}

.mb {
margin-bottom: 4%;
}

.permanent1 .content {
position: absolute;
bottom: 10%;
/* Adjust the distance from the bottom as needed */
left: 10%;
width: 80%;
text-align: center;
}

.permanent1 h4,
.permanent1 button {
transition: transform 0.5s ease;
}

.permanent1:hover h4,
.permanent1:hover button {
transform: translateY(-50%);
}

.expertise-heading {
padding: 2%;
}

.learn-more {
background-color: transparent;
border: 3px solid white;
color: white;
padding: 2%;
}

.logo {
width: 40px;
/* Set the width of the logo as needed */
height: 40px;
/* Set the height of the logo as needed */
border-radius: 50%;
/* Make the logo round */
margin-right: 10px;
/* Add some space between the logo and the text */
}

/* -sevices- */
.services1 .icon-box {
box-shadow: 0px 0 25px 0 rgba(0, 0, 0, 0.1);
padding: 50px 30px;
transition: all ease-in-out 0.4s;
background: #fff;
}

.services1 .icon-box .icon {
margin-bottom: 10px;
}

.services1 .icon-box .icon i {
color: #304c9f;
font-size: 36px;
transition: 0.3s;
}

.services1 .icon-box h4 {
font-weight: 500;
margin-bottom: 15px;
font-size: 24px;
}

.services1 .icon-box h4 a {
color: #37517e;
transition: ease-in-out 0.3s;
}

.services1 .icon-box p {
line-height: 24px;
font-size: 14px;
margin-bottom: 0;
}

.services1 .icon-box:hover {
transform: translateY(-10px);
}

.services1 .icon-box:hover h4 a {
color: #47b2e4;
}

.section-title {
margin-bottom: 3%;
}

.icon-box p {
font-size: 16px !important;
}

.serve {
margin-top: 11%;
}

.expertise-text {
color: white;
margin-bottom: 5%;
}

.services1 {
background-color: whitesmoke;
padding-top: 3%;
padding-bottom: 3%;
}

/* services end */
/*slider*/
.mobile {
display: none;
}

.desktop {
display: block;
}

@media screen and (max-width:900px) {
.mobile {
    display: block;
}

.desktop {
    display: none;
}
}

@media screen and (min-width:900px) {
.mobile {
    display: none;
}

.desktop {
    display: block;
}
}

.services1 {
margin-bottom: 4%;
}

.swiper-wrapper {
margin-bottom: -4%;
}

@media (max-width: 767px) {
.swiper.desktop {
    display: none;
    /* Hide the horizontal swiper on small screens */
}
}

@media (min-width: 768px) {
.swiper.mobile {
    display: none;
    /* Hide the vertical swiper on larger screens */
}
}

.slideone {
width: 100% !important;
}

.degree-info {
display: flex;
color: blue;
}

.degree-info p {
color: blue;
margin-top: -1.5%;
margin-left: 2%;
}

.university-info {
display: flex;
align-items: center;
height: 13vh;
}

.card-title {
padding-bottom: 3%;
height: 13vh;
}

.university-info p {
padding-top: 2%;
}

.degree-info {
margin-bottom: 2%;
}


.card-img-top {
border-radius: 23px 23px 0 0;
}


.swiper-content {
margin-left: 7%;
margin-bottom: 3%;
}

.swiper-button-prev {

width: 5px;
padding: 2%;
}

.swiper-button-next {

padding: 2%;
}

@media (max-width: 768px) {
.swiper-button-prev {
    margin-left: 4% !important;
}

.swiper-button-next {
    margin-right: 4% !important;
}
}

/*--------------------------------------------------------------
# Events
--------------------------------------------------------------*/
.events {
background: url(../img/events-bg.jpg) center center no-repeat;
background-size: cover;
position: relative;
}

.events::before {
content: "";
background-color: white;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
color: black;
}

p {
color: black;
}

.events .section-title h2 {
color: #fff;
}

.events .container {
position: relative;
}

@media (min-width: 1024px) {
.events {
    background-attachment: fixed;
}
}

.events .events-carousel {
background: rgba(255, 255, 255, 0.08);
padding: 30px;
}

.events .event-item {
color: black;
}

.events .event-item h3 {
font-weight: 600;
font-size: 26px;
color: #151260;
}

.events .event-item .price {
font-size: 26px;
font-family: "Poppins", sans-serif;
font-weight: 700;
margin-bottom: 15px;
}

.events .event-item .price span {
border-bottom: 2px solid #ffb03b;
}

.events .event-item ul {
list-style: none;
padding: 0;
}

.events .event-item ul li {
padding-bottom: 10px;
}

.events .event-item ul i {
font-size: 20px;
padding-right: 4px;
color: #ffb03b;
}

.events .event-item p:last-child {
margin-bottom: 0;
}

.events .swiper-pagination {
margin-top: 20px;
position: relative;
margin-top: -6%;
margin-bottom: 4%;
}

.events .swiper-pagination .swiper-pagination-bullet {
width: 6px;
height: 6px;
background-color: rgba(118, 107, 107, 0.164);
opacity: 1;
}
.content1 span{
color:black;
}

.events .swiper-pagination .swiper-pagination-bullet-active {
background-color: grey;
}

.content {
  padding: 3%;
  margin-top: 5%;
  }
@media (max-width: 1024px){
.content {
padding: 3%;
margin-top: 1%;
}
}
.content p {
    font-size: 18px;
text-align: justify;
}

.box-slider {
background-color: whitesmoke;
display: flex;
}

@media (max-width: 768px) {
.box-slider {
    display: block !important;
}
}

@media (max-width: 768px) {
.box-img {
    margin-left: -5%;
}
}

.testimonial1 {
margin-left: -1%;
}

/* slides */
@keyframes scroll {
0% {
    transform: translateX(0);
}

100% {
    transform: translateX(calc(-250px * 7));
}
}

.slide-track1 {
animation: scroll 40s linear infinite;
display: flex;
width: calc(250px * 14);
}

.hiring-companies {
text-align: center;
font-size: 30px;
font-weight: 600;
padding-top: 5%;
padding-bottom: 3%;
}

.slider1 {
height: 25vh;
margin: auto;
overflow: hidden;
position: relative;
width: 80%;
margin-top: 5%;
text-align:center;
margin-bottom:3%;
}
.slider1 h2{
padding-bottom:3%;
}
.slide img{
width: 79%;
}

.slide1 {
height: 80px;
max-width: 79%;
}

.premium {
font-size: 25px;
}

.module {
margin-bottom: 3%;
}

.slider1 {
margin-top: -3%;
}

.event-item {
margin-bottom: 6%;
}

.slider2 {
margin-bottom: 7%;
}

/*odometer*/
@media only screen and (min-width: 1024px) and (max-width: 4095px) {
.counter-card1 {
    width: 87%;
}

.counter-card4 {
    width: 123%;
}

.counter-card3 {
    width: 124%;
}

.counter-card2 {
    width: 107%;
}

.counter-card5 {
    width: 116%;
}

.counter-card6 {
    width: 118%;
}

.counter-card7 {
    width: 130%;
}

.counter-card8 {
    width: 137%;
}

/*.pb-70{*/
/*    margin-left: -19%;*/
/*}*/
.pb-71 {
    margin-left: -13%;
}
}

@media only screen and (min-width: 768px) and (max-width: 768px) {
.counter-card i {
    margin-left: 30%;
}
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
.counter-area-two {
    margin-left: -7%;
}
}

.anchor-image {
text-decoration: none;
color: white;
}
.section-bg2 {
background:none;
background-color:whitesmoke;
}

.pb-70 {
margin-left:0%;}


@media only screen and (min-width: 375px) and (max-width: 500px) {
.col-6{
width:100% !important;
}}
@media (min-width: 1024px) and (max-width: 1024px){
.col-lg-3 {

width: 50%;
}}

.launch-career{
  color: white;
}

.centered-section{
  background-color:#1A5276;
}

.course-tag:hover{
color: white !important;
background-color: rgb(8 169 230) !important;
}
/*swiper arrows*/
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {

color: #08a9e6;
font-size:larger !important;

font-weight:700;
}
.swiper-button-prev{
opacity:2.35;
}
.swiper-button-next:after{
color: #08a9e6;
font-size:larger !important;

font-weight:700;
opacity:2.35;

}
.swiper-button-next, .swiper-button-prev {
top:45% !important;
}


.footer-widget h3{
font-size: 16px !important;
}
.know-more{
background-color:orange;
}


@media only screen and (min-width: 727px) and (max-width: 990px) {
.header-right {
float: right;
}

}


.find a{
color: white !important;
}
.find-talent a{
color:white !important;


}
.find-talent p{
font-size:18px;
}
.find p{
font-size: 18px;
}
.d-flex .container .row{
margin-left:auto !important;
margin-right:auto !important;
}



.right-job {
border-left: 2px solid black;
}
.border-talent{
width: 70%;
}

.find-talent,
.right-job {
padding: 0 15px; /* Add padding to both sides */
}
@media (max-width:767px) {
  .find{
    margin-top: 10%;
  }
}

@media (max-width:767px) {
.border-talent {
width: 90%;
margin-left: auto;
margin-right: auto;
}

.find-talent,
.right-job {
padding: 0;
border-left: none;
border-top: 2px solid black; /* Add border to the top instead of left */
}

.right-job {
border-top: none;
}
}
.border-talent {
width: 70%;
margin: 0 auto; /* Center the section horizontally */
}
.form-button{
font-size: 15px !important;
background-color:#213f98 !important;
border: none !important;

}
.form-button:hover{
background-color:#08a9e6 !important;
border:none !important;
border-radius: .25rem !important;
font-weight:400 !important;
padding: .375rem .75rem !important;
}


/*end of landing page*/
/*recruit solutions*/
   
    
    .footer-widget .footer-list li a {
        font-size:14px;
    }
    
     
        .tab-pane p {
    font-size: 21px !important;}

.inner-banner-bg {
    margin-bottom: 0% !important;}
/*--------------------------------------------------------------
# Features Section
--------------------------------------------------------------*/


.features .nav-tabs {
    border: 0;
}

.features {
    margin-left: 5%;

}
a{
  text-decoration:none !important;
}

.course-matter button {
    margin-left: 70%;
    margin-top: -10%;
    padding: 1%;

}

@media only screen and (max-width: 768px) {
    .course-matter button {
        margin-left: 0%;
        margin-top: 0%;
    }
}

.curriculum-modules {
    border: 1px solid #ddd;
    border-radius: 10px;
    transition: border-color 0.3s;
}

/* Styles for the active and focused states */
.curriculum-modules.active {
    border: 1px solid #0000;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(132deg, rgb(81 35 112) 14.58%, rgb(38, 11, 148)65.1%, rgb(69, 161, 247)) border-box !important;
}

.features .nav-link {
    border: 0;
    color: var(--color-secondary);
    box-shadow: 5px 5px 25px rgba(var(--color-secondary-rgb), 0.15);
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition: 0s;
    cursor: pointer;
    height: 100%;

}

.features .nav-link i {
    font-size: 32px;
    line-height: 0;
}

.features .nav-link h4 {
    font-size: 20px;
    font-weight: 600;
    margin: 10px 0 0 0;
    color: var(--color-secondary);
}

.features .nav-link.active h5 {
    color: purple;
    /* Change h5 color to purple */
}

.features .nav-link.active i {
    color: var(--color-white) !important;
}

.features .tab-content {
    margin-top: 30px;

}

.tab-content {
    margin-left: -4%;
}

.read-more-content {
    display: none;
    margin-top: 10px;
}

.read-more-btn {
    cursor: pointer;
    background-color: #A93226;
    color: white;
    border: none;
    padding: 8px 12px;
    border-radius: 5px;
}

.features .tab-pane.active {
    animation: fadeIn 0.5s ease-out;
}

.features .tab-pane h3 {
    font-weight: 600;
    font-size: 36px;
    color: var(--color-secondary);
}

.features .tab-pane ul {
    margin-top: 4%;
    list-style: none;
    padding: 0;
}


.features .tab-pane ul i {
    font-size: 24px;
    margin-right: 4px;
    color: var(--color-primary);
    padding-right: 1%;
    color: red !important;
}

.features .tab-pane p:last-child {
    margin-bottom: 0;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.order-2 {
    padding-left: 3%;
    padding-top: 2%;
}

.tab-pane {
    margin-left: 3%;
}

.read-more-button {
    background-color: #ffffff;

    color: red;
    margin-top: 1%;
    padding: 8px;
    border: none;
}

.features .tab-content .tab-pane {
    /* Set border color */
    padding: 20px;
    /* Set padding */
    margin-top: 20px;
    /* Optional margin between tab panes */
    border-radius: 20px;

}

.features {
    margin-top: 5%;
    margin-bottom: 5%;
}

.tab-content .tab-pane {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 -4px 8px rgba(0, 0, 0, 0.1);
    /* Adjust the values as needed */
    padding: 20px;
    /* Optional: Add padding for better visual appearance */
    background-color: #fff;
    /* Optional: Set a background color */
}

/* Add this CSS to your existing stylesheet */

/* Style for all curriculum-moduless */
.curriculum-modules {
    border: 1px solid #ddd;
    border-radius: 10px;

    transition: border-color 0.3s;
    /* Add transition for smoother effect */
}

.curriculum-modules h5 {
    color: black;
}

/* Style for active curriculum-moduless */
.curriculum-modules.active.show {
    border-color: transparent;
    /* Remove border for active curriculum-modules */
}

.curriculum-modules.active.show a::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 4px;
    /* Adjust the height of the border */
    border-radius: 10px;
    /* Match the border-radius of curriculum-moduless */
    background: linear-gradient(90deg, rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 50%, rgba(252, 176, 69, 1) 100%);
}

.curriculum-modules span {
    color: black;
}

.nav-tabs {
    display: flex;
    overflow: auto;
    /* Add horizontal scrolling if needed */
}

.curriculum-modules {
    padding-top: 1%;
    padding-bottom: 1%;
    width: 15%;
    /* Set the desired width for each curriculum-modules */
    margin-right: 10px;
    /* Adjust the margin to create space between curriculum-moduless */
}

/* Optionally, you can add a margin to the last curriculum-modules to avoid extra space at the end */
.curriculum-modules:last-child {
    margin-right: 0;
}

.curriculum-modules.active.show a::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 4px;
    /* Adjust the height of the border */
    border-radius: 10px;
    /* Match the border-radius of curriculum-moduless */
    background: linear-gradient(90deg, rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 50%, rgba(252, 176, 69, 1) 100%);
}

.features span h5 {
    color: black;
}

@media (max-width: 768px) {
    .nav-tabs {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .curriculum-modules {
        width: 48%;
        /* Two items in one row */
        margin: 2% 1%;
        /* Adjust margin for space between curriculum-moduless */
    }
}

@media (max-width: 576px) {
    .curriculum-modules {
        width: 70%;
        /* One item in one row for mobile devices */
        margin: 2% 0;
        /* Adjust margin for space between curriculum-moduless */
    }

    .nav-tabs {
        margin-top: 2%;
    }
}

.center-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 3%;
}

.center-container button {
    padding: 10px;
    font-weight: 600;
}

.course-matter {
    margin-bottom: 2%;
    margin-top: 10%;
}

.course-name {
    color: #241848;
    font-weight: 600;
    padding-top: 5%;
}

.course-curriculum {
    background: linear-gradient(90deg, rgb(56 45 91) 15%, rgb(150 30 131) 50%, rgb(230 72 97) 100%);
    -webkit-background-clip: text;
    /* Add this for webkit browsers like Chrome and Safari */
    color: transparent;
}

.curriculum-modules:active {
    border: 1px solid #ff0000;
    /* Replace #ff0000 with the desired border color */
}

#navIndicator {
    position: absolute;
    bottom: 0;
    height: 3px;
    /* Adjust the height of the indicator */
    background-color: #ff0000;
    /* Adjust the color of the indicator */
    transition: width 0.3s ease;
}

.navbar-coursetop-buttons {
    position: relative;
    /* Make the parent container of the indicator relative */
}

.navbar-coursetop-buttons .nav-link {
    position: relative;
    /* Make the nav links relative for z-index to work */
}

.navbar-coursetop-buttons .nav-link.active::after {
    top: 30px;
    content: "";
    position: absolute;
    border-radius: 5px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 70%;
    /* Adjust the width of the indicator */
    height: 3px;
    /* Adjust the height of the indicator */
    background-color: blue;
    /* Adjust the color of the indicator */
    z-index: 2;
}
.slider1{
    margin-bottom: 5% !important;
}
.slide img {
    width: 79%;
}

.slider2 {
    margin-left: 6%;
}

.event-item {
        margin-bottom: 6%;
    }

    .slider2 {
        margin-bottom: 7%;
    }

.premium {
    text-align: center;
    font-size: 35px !important;
}




.features span {
    padding-bottom: 5%;
}



.course-links {
    padding-left: 8%;
}

.home-link {
    padding-top: 3%;
    text-decoration: none;
    color: #fff;
}

.course-image h1 {
    color: #fff;
    padding-top: 1%;
    width: 45%;
    font-size: 50px;
    padding-left: 8%;
}

.course-image p {
    padding-left: 8%;
    color: #fff;
    font-size: 25px;
    width: 40%;
}

.course-image span {
    background: linear-gradient(to right, #88a0ab, #1f1a6c);
    padding: 8px;
    font-size: 17px;
    margin-left: 8%;
    color: #fff;
    border-radius: 5px;
}

.btn-danger {
  
    background-color: red;
    border-color: red;
    font-size: 17px;
    padding: 1%;
}

.download-btn {
    padding: 3%;
    text-align: center;
}

.btn-success {
    margin-left: 8%;
    margin-top: 3%;
    padding: 1%;
    font-size: medium;
    font-weight: 600;
}

.training-course {
    background-color: #fcfcfc;
    margin-top: 3%;
    padding-top: 2%;
    padding-left: 5%;
    padding-bottom: 2%;
    border-radius: 10px;
}

.training-course p {
    font-size: 18px;
    font-weight: 600;
}

.tools {
    margin-bottom: 3%;
    font-weight: 600;
}

@media (max-width: 767px) {
    .course-banner {
        height: 100vh !important;
        padding-top: 10%;
    }

    .training-course {
        width: 78%;
        padding-top: 5%;
        padding-bottom: 8%;
    }

    .course-image h1 {
        font-size: 30px !important;
        width: 100%;
    }

    .course-image p {
        width: 100%;
        font-size: 20px !important;
    }

    .course-image span {
        display: block;
    }

    .book-button {
        margin-top: 2%;
    }

    .training-course p {
        margin-top: 10%;
        text-align: center;
    }

}

@media (max-width: 1024px) {

    .course-image h1 {
        font-size: 40px;
        margin-left: -5px;
        width: 100%;
    }

    .course-image p {
        width: 100%;
        font-size: 30px;
    }
}

@media (min-width: 1024px) {
    .training-course {
        width: 77%;
    }

}

@media (min-width: 1440px) {
    .course-banner {
        height: 81vh !important;
    }

    .course-image h1 {
        margin-top: 4%;
        margin-left: -5px;

    }

    .training-course {
        padding-top: 3%;
        padding-bottom: 3%;
    }

}

.tab-pane p {
    font-size: 17px;
   

    color: #000;
    padding-top: 3%;
}

.tab-pane li {

    margin-top: 1%;
    font-size: 20px;
}

/* static counter*/

section#counter-stats {
    display: flex;
    justify-content: center;
    margin-top: 62px;
}



.stats:not(:last-child) {
    border-right: 3px solid #ccc;
}

.stats {
    padding-right: 6%;
    margin-left: 7%;
    text-align: center;
    font-size: 35px;
    font-weight: 700;
   
}

.stats .fa {
    color: #008080;
    font-size: 60px;
}

.wow {
    border: 1px solid #ddd;
    width: 86%;
    margin-left: 9%;
    margin-bottom: 5%;
    padding-top: 2%;
    padding-bottom: 1%;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2) !important;
    /* Box shadow */
    border-radius: 10px;
}

.stats .counting {
    font-size: 36px;
    font-weight: bold;
    background: linear-gradient(90deg, rgb(48 50 83) 0%, rgb(114 11 148) 50%, rgb(255 85 85) 100%);
    -webkit-background-clip: text;
    /* Clip text to the background */
    color: transparent;
    /* Make text transparent */
}

.stats i.fa-indian-rupee-sign {
    color: #511f3a;
    /* Color for the Indian Rupee sign */
}

@media (max-width: 767px) {
    .stats .counting {
        font-size: 25px;
    }

    .stats h5 {
        font-size: medium;
    }
}

@media (max-width: 768px) {
    .wow {
        margin-top: 5%;
        width: 50%;
        margin-left: 20%;
    }

    .stats .counting {
        font-size: 30px;
    }

    .stats h5 {
        font-size: large;
    }
}

@media (max-width: 1024px) {

    .stats .counting {
        font-size: 30px;
    }

    .stats h5 {
        font-size: large;
    }
}

.slider1 {
    height: 15vh !important;}
.section-bg {
    background-color: transparent;
}
        .counter-area-two::before {
            content: "";
            position: absolute;
            z-index: -1;
            top: 0;
            left: 0;
            right: 0;
            width: 100%;
            height: 50%;
            background-color: #f5f5f5;
        }

        .counter-card {
            padding: 30px 30px 30px 120px;
            position: relative;
            background-color: var(--whiteColor);
            margin-bottom: 30px;
            z-index: 1;
            border-radius: 20px;
            box-shadow: 6px 8px 15px rgba(0, 0, 0, 0.06);
        }

        .counter-card i {
            position: absolute;
            z-index: 1;
            top: 30px;
            left: 30px;
            font-size: 55px;
            line-height: 1;
            color: var(--mainColor);
            -webkit-transition: var(--transition);
            transition: var(--transition);
        }

        .counter-card i::after {
            content: "";
            position: absolute;
            z-index: -1;
            bottom: -5px;
            right: -15px;
            width: 37px;
            height: 35px;
            border-radius: 30px;
            -webkit-transition: var(--transition);
            transition: var(--transition);
            background: var(--mainColor);
            opacity: 0.5;
        }


     



        /* TIMELINE STYLES: YOU NEED THEM!!! */

        .timeline {

            --wrapper-width: 900px;



            width: 95%;

            max-width: var(--wrapper-width);

            margin: auto;

        }



        .timeline-main {

            --step-border-width: 3px;

            --offset-to-slider-content: 30px;



            position: relative;

            display: grid;

            grid-template-columns: repeat(3, 1fr);

            gap: 30px;

            margin-bottom: var(--offset-to-slider-content);

        }



        @media (min-width: 530px) {

            .timeline-main {

                display: flex;

                justify-content: space-around;

                gap: 0;

            }

        }



        @media (min-width: 700px) {

            .timeline-main {

                --offset-to-slider-content: 50px;

            }

        }



        .timeline__step {

            position: relative;

            width: 100%;

            cursor: pointer;

        }



        @media (min-width: 530px) {

            .timeline__step {

                width: 100%;

            }

        }



        .timeline__icon {

            --timeline-icon-dimensions: 45px;



            position: relative;

            display: block;

            width: var(--timeline-icon-dimensions);

            max-height: var(--timeline-icon-dimensions);

            height: auto;

            margin: 0 auto;

            transition: opacity var(--transition-duration) var(--transition-timing-function) var(--transition-delay);

        }



        @media (min-width: 700px) {

            .timeline__icon {

                --timeline-icon-dimensions: 60px;



                margin-bottom: 30px;

            }

        }



        .timeline__icon--active {

            position: absolute;

            top: 0;

            left: 50%;

            transform: translateX(-50%);

            fill: url(#icon-gradient);

            opacity: 0;

        }



        .timeline-title {
            font-size: 20px;

            --timeline-dot-dimensions: 11px;

            --extra-offset-fox-pixelperfect: -1px;



            position: relative;

            display: none;

            padding-top: 30px;

            margin-bottom: 0;

            text-align: center;

            line-height: 1.7;

            border-top: var(--step-border-width) solid var(--border-color-default);

        }



        @media (min-width: 700px) {

            .timeline-title {

                display: block;

            }

        }



        .timeline-title:before,

        .timeline-title:after {

            position: absolute;

            top: var(--dot-top-position);

            left: 50%;

            display: block;

            width: var(--timeline-dot-dimensions);

            height: var(--timeline-dot-dimensions);

            content: "";

            border-radius: 50%;

        }



        .timeline-title:before {

            --dot-top-position: calc(var(--timeline-dot-dimensions) / 2 * var(--negative-multiplier) + var(--extra-offset-fox-pixelperfect));



            transform: translate(-50%);

            border: 2px solid var(--border-color-default);

            border-radius: 50%;

            background-color: #fff;

            z-index: 5;

        }



        .timeline-title:after {

            --timeline-dot-dimensions: 25px;

            --dot-top-position: calc(var(--timeline-dot-dimensions) / 2 * var(--negative-multiplier) + var(--extra-offset-fox-pixelperfect));



            transform: translate(-50%) scale(0);

            border-radius: 50%;

            background-color: #fff;

        }



        /* this elements generates in JS */

        .timelinestep-active-marker {

            --slide-pos-y: none;

            /* calcs on the fly in js */

            --slide-pos-x: none;

            /* calcs on the fly in js */

            --slide-width: auto;

            /* calcs on the fly in js */



            --transition-timing-function: cubic-bezier(0, 0, 0, 1.2);



            position: absolute;

            top: var(--slide-pos-y);

            left: 0;

            display: none;

            width: var(--slide-width);

            height: var(--step-border-width);

            transform: translateX(var(--slide-pos-x));

            transition: transform var(--transition-duration) var(--transition-timing-function) var(--transition-delay);

            background-image: var(--gradient-default);

        }



        @media (min-width: 700px) {

            .timelinestep-active-marker {

                display: block;

            }

        }



        .timeline__step.is-active {

            cursor: default;

        }



        .timeline__step.is-active .timeline-title {

            font-weight: var(--font-weight-semibold);

        }



        .timeline__step.is-active .timeline-title:before {

            transition: background-color var(--transition-duration) var(--transition-timing-function) var(--transition-delay);

            background-color: var(--color-accent-dark);

            border-color: var(--border-color-accent);

        }



        .timeline__step.is-active .timeline-title:after {

            transform: translate(-50%) scale(1);

            transition: transform var(--transition-duration) var(--transition-timing-function) var(--transition-delay);

            background-image: var(--gradient-default);

            opacity: 0.35;

        }



        .timeline__step.is-active .timeline__icon--default,

        .timeline__step:not(.is-active):hover .timeline__icon--default {

            opacity: 0;

        }



        .timeline__step.is-active .timeline__icon--active,

        .timeline__step:not(.is-active):hover .timeline__icon--active {

            opacity: 1;

        }



        .timeline__slides {

            --slides-container-height: 0px;

            /* calcs on the fly in js */



            --content-offset-x: 20px;

            --content-offset-y: 30px;



            --decoration-blur-spread: 20px;

            --decoration-opacity: 0.7;

            --decoration-pos-x: 0;

            --decoration-pos-y: 20px;

            --decoration-scale: 1;



            position: relative;

            width: 600px;

            max-width: 100%;

            margin: auto;

            height: var(--slides-container-height);

            border-radius: 5px;

            background-color: var(--bg-color-default);

        }



        @media (min-width: 700px) {

            .timeline__slides {

                --content-offset-x: 30px;

                --content-offset-y: 40px;

            }

        }



        .timeline__slides:before {

            position: absolute;

            top: 0;

            left: 0;

            width: 100%;

            height: 100%;

            content: "";

            opacity: var(--decoration-opacity);

            background-image: var(--gradient-default);

            filter: blur(var(--decoration-blur-spread));

            transform: translate3d(var(--decoration-pos-x), var(--decoration-pos-y), 0) scale(var(--decoration-scale));

            z-index: -1;

        }



        .timeline__slide {
            font-size:18px;

            position: absolute;

            top: 0;

            left: 0;

            padding: var(--content-offset-y) var(--content-offset-x);

            opacity: 0;

            visibility: hidden;

        }



        .timeline__slide.is-active {

            transition: opacity var(--transition-duration) var(--transition-timing-function) var(--transition-delay);

            opacity: 1;

            visibility: visible;

        }



        .timeline__slide-title {

            margin-top: 0;

        }



        .timeline__slide-content {

            line-height: 1.7;

        }



        .timeline__slide-content p:first-child {

            margin-top: 0;

        }



        .timeline__slide-content p:last-child {

            margin-bottom: 0;

        }



        .span {

            text-align: center;

            padding-bottom: 5%;

            font-size: 20px;

        }
 
      

        .recruitment-inner-land:after {

            content: "";

            background-size: cover;

            width: 100%;

            height: 100px;

            position: absolute;

            bottom: -20px;

        }









        .bg {

            position: fixed;

            top: 0;

            left: 0;

            width: 100%;

            height: 100%;

        }



        .page {

            position: relative;

            max-width: 980px;

            margin: 0 auto;

            padding: 0 20px 40px;

        }



        /**/

        /* main styles */

        /**/

        .pcss3t {

            margin: 0;

            padding: 0;

            border: 0;

            outline: none;

            font-size: 0;

            text-align: left;

        }



        .pcss3t>input {

            position: absolute;

            left: -9999px;

        }



        .pcss3t>label {

            position: relative;

            display: inline-block;

            margin: 0;

            padding: 0;

            border: 0;

            outline: none;

            cursor: pointer;

            transition: all 0.1s;

            -o-transition: all 0.1s;

            -ms-transition: all 0.1s;

            -moz-transition: all 0.1s;

            -webkit-transition: all 0.1s;

        }



        .pcss3t>label i {

            display: block;

            float: left;

            margin: 15px 8px 0 -2px;

            padding: 0;

            border: 0;

            outline: none;

            font-family: FontAwesome;

            font-style: normal;

            font-size: 17px;

        }



        .pcss3t>input:checked+label {

            cursor: default;

        }



        .pcss3t>ul {

            list-style: none;

            position: relative;

            display: block;

            overflow: hidden;

            margin: 0;

            padding: 0;

            border: 0;

            outline: none;

            font-size: 17px;

        }



        .pcss3t>ul>li {

            position: absolute;

            width: 100%;

            overflow: auto;

            padding: 30px 40px 40px;

            box-sizing: border-box;

            -moz-box-sizing: border-box;

            opacity: 0;

            transition: all 0.5s;

            -o-transition: all 0.5s;

            -ms-transition: all 0.5s;

            -moz-transition: all 0.5s;

            -webkit-transition: all 0.5s;

        }



        .pcss3t>.tab-content-first:checked~ul .tab-content-first,

        .pcss3t>.tab-content-2:checked~ul .tab-content-2,

        .pcss3t>.tab-content-3:checked~ul .tab-content-3,

        .pcss3t>.tab-content-4:checked~ul .tab-content-4,

        .pcss3t>.tab-content-5:checked~ul .tab-content-5,

        .pcss3t>.tab-content-6:checked~ul .tab-content-6,

        .pcss3t>.tab-content-7:checked~ul .tab-content-7,

        .pcss3t>.tab-content-8:checked~ul .tab-content-8,

        .pcss3t>.tab-content-9:checked~ul .tab-content-9,

        .pcss3t>.tab-content-last:checked~ul .tab-content-last {

            z-index: 1;

            top: 0;

            left: 0;

            opacity: 1;

            -webkit-transform: scale(1, 1);

            -webkit-transform: rotate(0deg);

        }





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

        /*                                 EXTENSIONS                                 */

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



        /**/

        /* auto height */

        /**/

        .pcss3t-height-auto>ul {

            height: auto !important;

        }



        .pcss3t-height-auto>ul>li {

            position: static;

            display: none;

            height: auto !important;

        }



        .pcss3t-height-auto>.tab-content-first:checked~ul .tab-content-first,

        .pcss3t-height-auto>.tab-content-2:checked~ul .tab-content-2,

        .pcss3t-height-auto>.tab-content-3:checked~ul .tab-content-3,

        .pcss3t-height-auto>.tab-content-4:checked~ul .tab-content-4,

        .pcss3t-height-auto>.tab-content-5:checked~ul .tab-content-5,

        .pcss3t-height-auto>.tab-content-last:checked~ul .tab-content-last {

            display: block;

        }





        /**/

        /* grid */

        /**/

        .pcss3t .grid-row {

            margin-top: 20px;

        }



        .pcss3t .grid-row:after {

            content: '';

            display: table;

            clear: both;

        }



        .pcss3t .grid-row:first-child {

            margin-top: 0;

        }



        .pcss3t .grid-col {

            display: block;

            float: left;

            margin-left: 2%;

        }



        .pcss3t .grid-col:first-child {

            margin-left: 0;

        }



        .pcss3t .grid-col .inner {

            padding: 10px 0;

            border-radius: 5px;

            background: #f2f2f2;

            text-align: center;

        }



        .pcss3t .grid-col-1 {

            width: 15%;

        }



        .pcss3t .grid-col-2 {

            width: 32%;

        }



        .pcss3t .grid-col-3 {

            width: 49%;

        }



        .pcss3t .grid-col-4 {

            width: 66%;

        }



        .pcss3t .grid-col-5 {

            width: 83%;

        }



        .pcss3t .grid-col-offset-1 {

            margin-left: 19%;

        }



        .pcss3t .grid-col-offset-1:first-child {

            margin-left: 17%;

        }



        .pcss3t .grid-col-offset-2 {

            margin-left: 36%;

        }



        .pcss3t .grid-col-offset-2:first-child {

            margin-left: 34%;

        }



        .pcss3t .grid-col-offset-3 {

            margin-left: 53%;

        }



        .pcss3t .grid-col-offset-3:first-child {

            margin-left: 51%;

        }



        .pcss3t .grid-col-offset-4 {

            margin-left: 70%;

        }



        .pcss3t .grid-col-offset-4:first-child {

            margin-left: 68%;

        }



        .pcss3t .grid-col-offset-5:first-child {

            margin-left: 85%;

        }









        .pcss3t .typography ul,

        .pcss3t .typography ol {

            list-style: none;

            margin: 20px 0 0 0;

            padding: 0;

        }



        .pcss3t .typography li {

            position: relative;

            margin-top: 5px;

            padding-left: 20px;

        }



        .pcss3t .typography li ul,

        .pcss3t .typography li ol {

            margin-top: 5px;

        }



        .pcss3t .typography ul li:before {

            content: '';

            position: absolute;

            top: 8px;

            left: 0;

            width: 6px;

            height: 4px;

            background: #404040;

        }



        .pcss3t .typography ol {

            counter-reset: list1;

        }



        .pcss3t .typography ol>li:before {

            counter-increment: list1;

            content: counter(list1)'.';

            position: absolute;

            top: 0;

            left: 0;

        }



        .pcss3t .typography a {

            text-decoration: underline;

            color: #1889e6;

        }



        .pcss3t .typography a:hover {

            text-decoration: none;

        }



        .pcss3t .typography .pic {

            padding: 4px;

            border: 1px dotted #ccc;

        }



        .pcss3t .typography .pic img {

            display: block;

        }



        .pcss3t .typography .pic-right {

            float: right;

            margin: 0 0 10px 20px;

        }



        .pcss3t .typography .link {

            text-decoration: underline;

            color: #1889e6;

            cursor: pointer;

        }



        .pcss3t .typography .link:hover {

            text-decoration: none;

        }



        .pcss3t .typography h1:first-child,

        .pcss3t .typography h2:first-child,

        .pcss3t .typography h3:first-child,

        .pcss3t .typography h4:first-child,

        .pcss3t .typography h5:first-child,

        .pcss3t .typography h6:first-child,

        .pcss3t .typography p:first-child {

            margin-top: 0;

        }



        .pcss3t .typography .text-center {

            text-align: center;

        }



        .pcss3t .typography .text-right {

            text-align: right;

        }





        /**/

        /* steps */

        /**/

        .pcss3t-steps>label {

            cursor: default;

        }





        /**/

        /* animation effects */

        /**/

        .pcss3t-effect-scale>ul>li {

            -webkit-transform: scale(0.1, 0.1);

        }



        .pcss3t-effect-rotate>ul>li {

            -webkit-transform: rotate(180deg);

        }



        .pcss3t-effect-slide-top>ul>li {

            top: -40px;

        }



        .pcss3t-effect-slide-right>ul>li {

            left: 80px;

        }



        .pcss3t-effect-slide-bottom>ul>li {

            top: 40px;

        }



        .pcss3t-effect-slide-left>ul>li {

            left: -80px;

        }







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

        /*                                   LAYOUTS                                  */

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



        /**/

        /* top right */

        /**/

        .pcss3t-layout-top-right {

            text-align: right;

        }





        /**/

        /* top center */

        /**/

        .pcss3t-layout-top-center {

            text-align: center;

        }





        /**/

        /* top combi */

        /**/

        .pcss3t>.right {

            float: right;

        }







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

        /*                                    ICONS                                   */

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



        /**/

        /* icons positions */

        /**/

        .pcss3t-icons-top>label {

            text-align: center;

        }



        .pcss3t-icons-top>label i {

            float: none;

            margin: 0 auto -10px;

            padding-top: 17px;

            font-size: 23px;

            line-height: 23px;

            text-align: center;

        }



        .pcss3t-icons-right>label i {

            float: right;

            margin: 0 -2px 0 8px;

        }



        .pcss3t-icons-bottom>label {

            text-align: center;

        }



        .pcss3t-icons-bottom>label i {

            float: none;

            margin: -10px auto 0;

            padding-bottom: 17px;

            font-size: 23px;

            line-height: 23px;

            text-align: center;

        }



        .pcss3t-icons-only>label i {

            float: none;

            margin: 0 auto;

            font-size: 23px;

        }









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

        /*                               RESPONSIVENESS                               */

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



        /**/

        /* pad */

        /**/

        @media screen and (max-width: 980px) {}





        /**/

        /* phone */

        /**/

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

            .pcss3t>label {

                display: block;

            }



            .pcss3t>.right {

                float: none;

            }

        }







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

        /*                                   THEMES                                   */

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



        /**/

        /* default */

        /**/

        .pcss3t>label {

            padding: 0 20px;

            background: #e5e5e5;

            font-size: 15px;

            line-height: 49px;

        }



        .pcss3t>label:hover {

            background: #f2f2f2;

        }



        .pcss3t>input:checked+label {

            background: #fff;

        }



        .pcss3t>ul {

            background: #fff;

            text-align: left;

        }



        .pcss3t-steps>label:hover {

            background: #e5e5e5;

        }





        /**/

        /* theme 1 */

        /**/

        .pcss3t-theme-1>label {

            margin: 0 5px 5px 0;

            border-radius: 5px;

            background: #fff;

            box-shadow: 0 2px rgba(0, 0, 0, 0.2);

            color: #808080;

            opacity: 0.8;

        }



        .pcss3t-theme-1>label:hover {

            background: #fff;

            opacity: 1;

        }



        .pcss3t-theme-1>input:checked+label {

            margin-bottom: 0;

            padding-bottom: 7px;

            border-bottom-right-radius: 0;

            border-bottom-left-radius: 0;

            color: #2b82d9;

            opacity: 1;

            font-size: 19px;

        }



        .pcss3t-theme-1>ul {

            border-radius: 5px;

            /* box-shadow: 0 3px rgba(0, 0, 0, 0.2); */

        }



        .pcss3t-theme-1>.tab-content-first:checked~ul {

            border-top-left-radius: 0;

        }



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

            .pcss3t-theme-1>label {

                margin-right: 0;

            }



            .pcss3t-theme-1>input:checked+label {

                margin-bottom: 5px;

                padding-bottom: 0;

                border-radius: 5px;

            }



            .pcss3t-theme-1>.tab-content-first:checked~ul {

                border-top-left-radius: 5px;

            }

        }



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

        /*                               CUSTOMIZATION                                */

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



        /**/

        /* height */

        /**/

        .pcss3t>ul,

        .pcss3t>ul>li {

            height: 250px;

        }



        .corporate p i {

            color: #003972;

            padding: 5px;

            font-weight: bold;

            text-indent: 2px;

        }



        .chrity-service-donate-now-section {

            padding: 120px 0 100px;
            z-index: 1;
            background-image:

                linear-gradient(to bottom, rgba(245, 246, 252, 0.52), rgba(117, 19, 93, 0.73)),

                url(https://c4.wallpaperflare.com/wallpaper/487/88/13/men-shaking-hands-agreement-wallpaper-preview.jpg);

            width: 100%;

            height: 100%;

            background-repeat: no-repeat;

            background-size: cover;

            background-position: center center;

            /* -webkit-clip-path: polygon(100% 0, 100% 90%, 0 100%, 0 9%);

            clip-path: polygon(100% 0, 100% 90%, 0 100%, 0 9%); */

            background-attachment: fixed;

            position: relative;

            z-index: 1;

        }



        .chrity-service-donate-now-section::before {

            content: "";

            position: absolute;

            top: 0;

            left: 0;

            width: 100%;

            height: 100%;

            background-color: #302d2e;

            opacity: 0.7;

            z-index: -1;

        }



        .chrity-service-donate-now-section .chrity-section-title {

            max-width: 800px;

            width: 100%;

            margin: 0 auto 60px;

            text-align: center;

            padding: 21px;

            background: #fffcfce6;

            -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .06);

            box-shadow: -1px -1px 15px rgb(155 148 148);

        }



        .chrity-section-title {

            max-width: 700px;

            width: 100%;

            margin-bottom: 60px;

        }





        .chrity-section-title h2 {

            font-size: 38px;

            /* color: white; */

            font-weight: 700;

            margin-bottom: 0;

            line-height: 53px;

        }



        .chrity-service-donate-now-section .chrity-section-title p {

            /* color: #ffffff; */

            font-size: 16px;

            max-width: 644px;

            margin: auto;

            margin-top: 20px;

        }



        .quote-form {

            -webkit-box-shadow: 3px 3px 16px 4px rgb(0 57 114 / 56%);

            box-shadow: 3px 3px 16px 4px rgb(0 57 114 / 56%);

            padding: 15px;

        }



        .corpo-p p {

            color: #ffb300;

        }



        .quote-form-head {

            border-radius: 8px;

            background-color: orange;

        }



        .enrolled-img-three .enrolled-img-content i {

            padding-right: 3%;

            padding-left: 3%;

        }



        .enrolled-img-content {

            width: 60%;

        }

     
        /* unvisited link */


        /* visited link */
        a:visited {
            text-decoration: none;
            font-size: 18px;
        }

        /* mouse over link */
        
        /*testimonials */
        .section-title {
            padding-top: 3%;
        }

  /* slides */
  @keyframes scroll {
        0% {
            transform: translateX(0);
        }

        100% {
            transform: translateX(calc(-250px * 7));
        }
    }

    .slide-track1 {
        animation: scroll 40s linear infinite;
        display: flex;
        width: calc(250px * 14);
    }

    .hiring-companies {
        text-align: center;
        font-size: 30px;
        font-weight: 600;
        padding-top: 5%;
        padding-bottom: 3%;
    }

    .slider1 {
        height: 50vh;
        margin: auto;
        overflow: hidden;
        position: relative;
        width: 80%;
        margin-top: 5%;
    }

    .slide1 {
        height: 80px;
        max-width: 79%;
    }

    .premium {
        font-size: 25px;
    }

    .module {
        margin-bottom: 3%;
    }

    .slider1 {
        margin-top: -1%;
    }

    .event-item {
        margin-bottom: 6%;
    }
      @keyframes scroll-reverse {
    0% {
        transform: translateX(calc(-250px * 7)); /* Start from the last slide */
    }

    100% {
        transform: translateX(0); /* Move in the reverse direction */
    }
}
.slide-track2 .slide {
    padding: 0 8px;
}   
.slide-track2 {
    animation: scroll-reverse 40s linear infinite;
    display: flex;
    width: calc(250px * 90);
}
.slider2 {
  height: 150px;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 80%;
  margin-top: 5%;
}


    .slider2 {
        margin-bottom: 7%;
    }
    
    @media only screen and (min-width: 1024px) {
        .inner-banner-bg{
            height:24vh;
        }
    }
    .inner-banner .inner-title {
    padding-top: 50px;
    }
    .inner-banner .inner-title h3 {
    font-size: 26px;
    }

    .inner-banner .inner-title h3 {
    line-height: 41px !important;
    }
    .features .tab-pane ul i {
        color: #74C0FC !important;
    }

    
    .card-talent{
        padding: 3%;
    }
    .find-talent a{
        color: white;
    }
    .talent-button{
    color: #fff;
    background-color:#213f98 !important;
    border:none !important
    font-size: 18px !important;
    font-weight:500 !important;
    border-radius:7px !important;
      }
    .talent-button:hover{
    color: #fff;
    background-color: #0d6efd !important;
    font-size: 18px !important;
    font-weight:500 !important;
   
    }
.talent-button a{
padding: 8px 22px 10px 22px !important;
font-size: 18px !important;
}
    .card-talent{
        box-shadow: 10px 10px 10px gray;
    }
/*niche*/

        .featured-services .service-item {
            padding: 20px;
        }

        @media only screen and (min-width: 1024px) {
            .inner-banner-bg2 {
                height: 24vh;
            }
        }

     

        .inner-banner .inner-title h3 {
            font-size: 30px;
        }

        .featured-area {
            padding-top: 0px;
            overflow: hidden;
        }

        .featured-services {
            overflow: hidden;
        }
        .rbt-cat-box .inner .content{
            margin-top: 0%;
        }
/*domain-expert*/



        @media only screen and (min-width: 1024px) {
            .inner-banner-bg3 {
                height: 24vh;
            }
        }


        .inner-banner .inner-title h3 {
            font-size: 30px;
        }


        .connect {
            color: orange;
        }

        .align {
            color: white;
        }
/*corporate training*/

        /*Banner Styles */
        .inner-banner-bg10 {
            margin-bottom: 6%;
        }

        .inner-banner .inner-title h3 {
            font-size: 24px;
        }

        @media only screen and (min-width: 1024px) {
            .inner-banner-bg10 {
                height: 24vh;
            }
        }
       

        @media only screen and (min-width: 1024px) {
            .inner-banner .inner-title h3 {
                font-size: 30px;
            }
        }



       
        .connect {
            color: orange;
        }

        .align {
            color: white;
        }
        /*Banner Styles */
        .inner-banner-bg10 {
            margin-bottom: 6%;
        }

        .inner-banner .inner-title h3 {
            font-size: 24px;
        }

        @media only screen and (min-width: 1024px) {
            .inner-banner-bg10 {
                height: 24vh;
            }
        }

       

        @media only screen and (min-width: 1024px) {
            .inner-banner .inner-title h3 {
                font-size: 30px;
            }
        }



        :root {

            --color-accent-light: #1d1fae;

            --color-accent-dark: #08a9e6;

            --color-secondary: #ccc;



            --text-color-default: #2c2c2c;

            --text-color-light: #fff;



            --font-size-default: 15px;

            --font-size-lg: 25px;



            --font-weight-regular: 400;

            --font-weight-semibold: 600;

            --font-weight-default: var(--font-weight-regular);



            --border-color-default: var(--color-secondary);

            --border-color-accent: var(--color-accent-dark);



            --bg-color-default: #fff;

            --bg-color-dark: #2c2c2c;

            --bg-color-accent--lignt: var(--color-accent-light);

            --bg-color-accent--dark: var(--color-accent-dark);



            --transition-duration: 0.2s;

            --transition-timing-function: linear;

            --transition-delay: 0s;



            --negative-multiplier: -1;



            --gradient-default: linear-gradient(122deg,

                    var(--color-accent-light) 0%,

                    var(--color-accent-dark) 100%);

        }

        .connect {
            color: orange;
        }

        .align {
            color: white;
        }
/*about us*/
 .about-inner .features-item ul li {
    font-size: large;
       }

        .parallax-two {
            text-align: center;
        }

        .parallax-two p {
            text-align: left;
        }

        .subscribe-btn {
            background-color: #08a9e6;
            border-radius: 15px;
            padding-left: 2%;
            padding-right: 2%;
            padding-top: 1%;
            padding-bottom: 1%;
            font-size: large;
            font-weight: 500;
            color: white;
            border: none;
        }

        .inner-banner-bg5 {
            margin-bottom: 0% !important;
        }

        .first-character {
            font-size: 24px;
            line-height: 42px;
        }

        .student-blogs li {
            font-size: 20px !important;
        }


        .inner-banner-bg5 {
            margin-bottom: 6%;

        }

        @media only screen and (min-width: 1024px) {
            .inner-banner-bg5 {
                height: 24vh;
            }
        }

       

        .inner-banner .inner-title h3 {
            font-size: 30px;
        }

        .image-stack img.stack-front {
            animation: none;
        }

        .features-item {
            margin-top: 0px !important;

        }

        .parallax-one {
            padding-top: 110px !important;
            padding-bottom: 96px !important;
        }

        .parallax-two {
            padding-top: 78px !important;
            padding-bottom: 118px !important;
        }

        .enrolled-area-two {
            padding-bottom: 0px !important;
        }
        @media screen and (max-width: 959px){
#parallax-world-of-ugg .block {
    max-width:100% !important;
}
        }
/*our culture*/

        .block span {
            font-size: 18px;
        }

        .switch-box {
            display: none;
        }

        @media only screen and (min-width: 1024px) {
            .inner-banner-bg8 {
                height: 24vh;
            }
        }

        .parallax-three {
            padding-top: 96px !important;
            padding-bottom: 97px !important;
        }

       

        .inner-banner .inner-title h3 {
            font-size: 30px;
        }

        .culture {
            font-size: 8vw;
            text-transform: uppercase;
            text-align: center;
            line-height: 1;
            font-weight: 900 !important;
        }

        .fancy {
            @supports (background-clip: text) or (-webkit-background-clip: text) {
                background-image:
                    url("../images/hire_emp/aboutUs/partner-with-us.webp");
                background-size: 110% auto;
                background-position: center;
                color: transparent;
                -webkit-background-clip: text;
                background-clip: text;
                font-size: 65px !important;
            }
        }
/*industries*/

        @media only screen and (min-width: 1024px) {
            .section-title p {
                font-size: 20px !important;
            }
        }

        @media only screen and (min-width: 1024px) {
            .inner-banner-bg7 {
                height: 24vh;
            }
        }

      

        .inner-banner .inner-title h3 {
            font-size: 30px;
        }

        .connect {
            color: orange;
        }

        .align {
            color: white;
            font-size: 20px;
        }
/*submit resume*/

    /*form*/
    .btn-warning {
      color: black !important;
      background-color: white !important;
      border: 2px solid black !important;
      padding: 10px 35px 10px 35px !important;
      border-radius: 22px;
      font-size: initial;
      font-weight: 600;
    }

    .btn-warning:hover {
      color: #fff !important;
      background-color: #000000d6 !important;
      border-color: #e3eaed !important;
      padding: 10px 35px 10px 35px !important;
      border-radius: 22px;
      font-size: initial;
      font-weight: 600;
    }

    .form-row {
      margin-left: 0px !important;
    }

    .form-group1 {
      width: 47% !important;
    }

    .input-group .form-control {
      width: 94% !important;
    }

    .resume {
      margin-top: -13%;
    }

    .align {
      font-size: 23px;
    }

    .section-heading1 {
      margin-bottom: 6%;
      margin-top: 12%;
    }

    /*form end*/

    @media only screen and (min-width: 1024px) {
      .inner-banner-bg10 {
        height: 24vh;
      }
    }

 

    .inner-banner .inner-title h3 {
      font-size: 30px;
    }

    .inner-banner-bg10 {
      background-image: url(../images/inner-banner/internbanner.webp);
    }

    .form-button p {
      font-size: 17px;
    }

    

    h2 {
      font-size: 33px;
    }

    .instructor1 {
      width: 70%;
      margin-left: 10%;
    }

    .btn {
      color: black;
      background-color: white;
      border: 2px solid black;
      padding: 10px 22px 10px 22px;
      border-radius: 22px;
      font-size: initial;
      font-weight: 600;
    }

    .btn:hover {
      color: #fff;
      background-color: #000000d6;
      border-color: #e3eaed;
      padding: 10px 22px 10px 22px;
      border-radius: 22px;
      font-size: initial;
      font-weight: 600;
    }
/*interview-tips*/
    .faq-area p {
            font-size: 18px !important;
        }

        .inner-title h2 {
            color: white;
        }

        .inner-banner-bg {
            margin-bottom: 6%;
            height: 24vh;

        }

      

        .inner-banner .inner-title h3 {
            font-size: 30px;
        }
/*instructor*/

    .faq-area p {
      font-size: 18px !important;
    }

    .accordion-content li {
      font-size: 18px !important;
    }

    .switch-box {
      display: none;
    }

    .train-earn {
      margin-top: 11%;
    }

    @media only screen and (min-width: 1024px) {
      .inner-banner-bg10 {
        height: 24vh;
      }
    }

  

    .inner-banner .inner-title h3 {
      font-size: 30px;
    }

    .inner-banner-bg10 {
      background-image: url(../images/inner-banner/instructor_banner.webp);
    }

    .root {
      --bs-font-sans-serif: "Gellix", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
      --bs-body-font-family: var(--bs-font-sans-serif);
    }

    body {
      font-family: var(--bs-body-font-family);
    }

    .another-row {
      text-align: justify;
      margin-left: 3%;
    }

    .questions {
      text-align: justify;
      margin-left: 3%;
    }

    .trainer {
      margin-left: 3%;
    }

   

    .journey {
      font-size: 30px;
      font-weight: 600;
      color: rgb(47, 47, 95);
    }

   
    .instructorr-img {
      width: 100%;

      margin-top: 14%;

    }

    @media only screen and (min-width: 320px) and (max-width: 425px) {
      .instructor-img {
        margin-left: 4%;
      }

      .instructorr-img {
        margin-top: 0%;
        margin-bottom: 10%;
      }
    }

    .content-head {
      color: #08a9e6;
    }

    .instructor-text {
      margin-bottom: 4%;
    }

    .interested {
      font-size: 18px;
    }

    .strive {
      font-size: 16px;
      text-align: justify;
    }

    @media screen and (min-width: 320px) and (max-width: 425px) {
      .instructor {
        text-align: center;
      }

    }

    .btn {
      color: black;
      background-color: white;
      border: 2px solid black;
      padding: 10px 24px 10px 24px;
      border-radius: 22px;
      font-size: initial;
      font-weight: 600;
    }

    .btn:hover {
      color: #fff;
      background-color: #000000d6;
      border-color: #e3eaed;
      padding: 10px 24px 10px 24px;
      border-radius: 22px;
      font-size: initial;
      font-weight: 600;
    }

    .train {
      padding-left: 0%;
    }

    /*form*/
    .btn-warning {
      color: black;
      background-color: white;
      border: 2px solid black;
      padding: 10px 35px 10px 35px;
      border-radius: 22px;
      font-size: initial;
      font-weight: 600;
    }

    .btn-warning:hover {
      color: #fff;
      background-color: #000000d6;
      border-color: #e3eaed;
      padding: 10px 35px 10px 35px;
      border-radius: 22px;
      font-size: initial;
      font-weight: 600;
    }

    .form-row {
      margin-left: 0px !important;
    }

    .form-group1 {
      width: 47% !important;
    }

    .input-group .form-control {
      width: 94% !important;
    }

    .resume {
      margin-top: -13%;
    }

    .section-heading1 {
      margin-bottom: 6%;
      margin-top: 12%;
    }

    .align {
      font-size: 20px !important;
    }
/*internship*/

    /*form*/
    .btn-warning {
      color: black;
      background-color: white;
      border: 2px solid black;
      padding: 10px 35px 10px 35px;
      border-radius: 22px;
      font-size: initial;
      font-weight: 600;
    }

    .btn-warning:hover {
      color: #fff;
      background-color: #000000d6;
      border-color: #e3eaed;
      padding: 10px 35px 10px 35px;
      border-radius: 22px;
      font-size: initial;
      font-weight: 600;
    }

    .form-row {
      margin-left: 0px !important;
    }

    .form-group1 {
      width: 47% !important;
    }

    .input-group .form-control {
      width: 94% !important;
    }

    .resume {
      margin-top: -13%;
    }

    .align {
      font-size: 23px;
    }

    .section-heading1 {
      margin-bottom: 6%;
      margin-top: 12%;
    }

    /*form end*/

    @media only screen and (min-width: 1024px) {
      .inner-banner-bg10 {
        height: 24vh;
      }
    }


    .inner-banner .inner-title h3 {
      font-size: 30px;
    }

    .inner-banner-bg10 {
      background-image: url(../images/inner-banner/internbanner.webp);
    }

  

    .form-button p {
      font-size: 17px;
    }

    

    h2 {
      font-size: 33px;
    }

    .instructor1 {
      width: 70%;
      margin-left: 10%;
    }

    .btn {
      color: black;
      background-color: white;
      border: 2px solid black;
      padding: 10px 22px 10px 22px;
      border-radius: 22px;
      font-size: initial;
      font-weight: 600;
    }

    .btn:hover {
      color: #fff;
      background-color: #000000d6;
      border-color: #e3eaed;
      padding: 10px 22px 10px 22px;
      border-radius: 22px;
      font-size: initial;
      font-weight: 600;
    }
/*hire now*/
 .find a {
      color: white;
    }

    .find-talent a {
      color: white
    }

    .search-employee {
      font-size: 18px;
    }

  





    .findTlentForm {
      margin-bottom: 5%;
    }

    @media only screen and (min-width: 1024px) {
      .inner-banner-bg10 {
        height: 24vh;
      }
    }

  

    .inner-banner .inner-title h3 {
      font-size: 30px;
    }

 

    .inner-banner-bg10 {
      background-image: url(../images/inner-banner/hirenow_banner.webp);
    }


    /*--------------------------------------------------------------
    # Team
    --------------------------------------------------------------*/
    .team {
      padding: 60px 0;
    }

    .team .member {
      margin-bottom: 20px;
      overflow: hidden;
      border-radius: 4px;
      background: #fff;
      box-shadow: 0px 2px 15px rgba(16, 110, 234, 0.15);
    }

    .team .member .member-img {
      position: relative;
      overflow: hidden;
    }

    .member-img {
      width: 70%;
    }

    .team .member .member-info {
      padding: 25px 15px;
    }

    .team .member .member-info h4 {
      font-weight: 700;
      margin-bottom: 5px;
      font-size: 18px;
      color: #222222;
    }


    .member {
      position: relative;
      overflow: hidden;

    }

    .member-info {
      position: relative;
      /* Change to relative */
      bottom: 0;
      /* Initial position */
      margin-top: 10px;
      /* Margin for the transition */
    }

    .align {
      font-size: 23px;
    }

    .border-talent {
      border: 2px solid black;
      border-radius: 10px;
    }

    .right-job {
      border-left: 2px solid black;
    }

    .border-talent {
      width: 70%;
    }

    .find-talent,
    .right-job {
      padding: 0 15px;
      /* Add padding to both sides */
    }

    @media (max-width: 991.98px) {
      .border-talent {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
      }

      .find-talent,
      .right-job {
        padding: 0;
        border-left: none;
        border-top: 2px solid black;
        /* Add border to the top instead of left */
      }

      .right-job {
        border-top: none;
      }
    }

  

    .sales-card {
      height: 35vh;
    }

    .sales-card img {
      width: 25%;
    }
/*blogs*/

       
    @media only screen and (min-width: 1024px) {
        .inner-banner-bg6{
            height:24vh;
          }
        }
   
    .inner-banner .inner-title h3 {
    font-size: 30px;
    }
    .event-area p{
        font-size: 18px;
    }
/*press-release*/

        .inner-banner-bg9 {
            margin-bottom: 6%;
        }

        @media only screen and (min-width: 1024px) {
            .inner-banner-bg9 {
                height: 24vh;
            }
        }

       

        .inner-banner .inner-title h3 {
            font-size: 30px;
        }
/*contact us*/
  .find a {
      color: white;
    }

    .find-talent a {
      color: white
    }

    .search-employee {
      font-size: 18px;
    }

    .image img {
      width: 70%;
      margin-left: 15%;
    }




    /*resume form*/
    .btn-warning {
      color: black;
      background-color: white;
      border: 2px solid black;
      padding: 10px 35px 10px 35px;
      border-radius: 22px;
      font-size: initial;
      font-weight: 600;
    }

    .btn-warning:hover {
      color: #fff;
      background-color: #000000d6;
      border-color: #e3eaed;
      padding: 10px 35px 10px 35px;
      border-radius: 22px;
      font-size: initial;
      font-weight: 600;
    }

    .form-row {
      margin-left: 0px !important;
    }

    .form-group1 {
      width: 47% !important;
    }

    .input-group .form-control {
      width: 94% !important;
    }

    .resume {
      margin-top: -13%;
    }

    .section-heading1 {
      margin-bottom: 6%;
      margin-top: 12%;
    }

    /*talent form*/

    .form-button {
      border: 1px solid rgb(202, 193, 193);
      text-align: center;
          }

    .form-button {
      padding: 7%;
      background-color: whitesmoke;
    }

    .secondary1 {
      background-color: rgb(74 150 228);
      font-size: 18px;
      font-weight: 600;
    }

    .secondary1:hover {
      background-color: rgb(29, 21, 86);
      color: white;
    }



    .form-button p {
      font-size: 17px;
    }



    .input-group .form-control {
      width: 94% !important;
    }

    @media (max-width: 768px) {
      .form-group {
        margin-left: 0% !important
      }
    }

    .findTlentForm {
      margin-bottom: 5%;
    }

    @media only screen and (min-width: 1024px) {
      .inner-banner-bg10 {
        height: 24vh;
      }
    }


    .inner-banner .inner-title h3 {
      font-size: 30px;
    }

    .counter-area-two::before {
      content: "";
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 50%;
      background-color: #f5f5f5;
    }

    .inner-banner-bg10 {
      background-image: url(../images/inner-banner/hirenow_banner.webp);
    }


    /*--------------------------------------------------------------
    # Team
    --------------------------------------------------------------*/
    .team {
      padding: 60px 0;
    }

    .team .member {
      margin-bottom: 20px;
      overflow: hidden;
      border-radius: 4px;
      background: #fff;
      box-shadow: 0px 2px 15px rgba(16, 110, 234, 0.15);
    }

    .team .member .member-img {
      position: relative;
      overflow: hidden;
    }

    .member-img {
      width: 70%;
    }

    .team .member .member-info {
      padding: 25px 15px;
    }

    .team .member .member-info h4 {
      font-weight: 700;
      margin-bottom: 5px;
      font-size: 18px;
      color: #222222;
    }


    .member {
      position: relative;
      overflow: hidden;

    }

    .member-info {
      position: relative;
      /* Change to relative */
      bottom: 0;
      /* Initial position */
      margin-top: 10px;
      /* Margin for the transition */
    }

    .align {
      font-size: 23px;
    }

   

    .right-job {
      border-left: 2px solid black;
    }


    .find-talent,
    .right-job {
      padding: 0 15px;
      /* Add padding to both sides */
    }

    @media (max-width: 991.98px) {
      .border-talent {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
      }

      .find-talent,
      .right-job {
        padding: 0;
        border-left: none;
        border-top: 2px solid black;
        /* Add border to the top instead of left */
      }

      .right-job {
        border-top: none;
      }
    }

 

    .sales-card {
      height: 35vh;
    }

    .sales-card img {
      width: 25%;
    }
    .fa-location-dot{
      font-size: 60px;
    }
    .corporate{
      padding-top: 8% !important;
    }
/*right-talent*/

    /*form*/
    .btn-warning {
      color: black;
      background-color: white;
      border: 2px solid black;
      padding: 10px 35px 10px 35px;
      border-radius: 22px;
      font-size: initial;
      font-weight: 600;
    }
intern-matter .mt-5{
text-align: center;
}

    .btn-warning:hover {
      color: #fff;
      background-color: #000000d6;
      border-color: #e3eaed;
      padding: 10px 35px 10px 35px;
      border-radius: 22px;
      font-size: initial;
      font-weight: 600;
    }

    .form-row {
      margin-left: 0px !important;
    }

    .form-group1 {
      width: 47% !important;
    }

    .input-group .form-control {
      width: 94% !important;
    }

    .resume {
      margin-top: -13%;
    }

    .align {
      font-size: 23px;
    }

    .section-heading1 {
      margin-bottom: 6%;
      margin-top: 12%;
    }

    /*form end*/

    @media only screen and (min-width: 1024px) {
      .inner-banner-bg10 {
        height: 24vh;
      }
    }


    .inner-banner .inner-title h3 {
      font-size: 30px;
    }

    .inner-banner-bg10 {
      background-image: url(../images/inner-banner/internbanner.webp);
margin-bottom:0% !important;
    }

  

    .form-button p {
      font-size: 17px;
    }

    


    h2 {
      font-size: 33px;
    }

    .instructor1 {
      width: 60%;
      margin-left: 10%;
    }

    .btn {
      color: black;
      background-color: white;
      border: 2px solid black;
      padding: 10px 22px 10px 22px;
      border-radius: 22px;
      font-size: initial;
      font-weight: 600;
    }

    .btn:hover {
      color: #fff;
      background-color: #000000d6;
      border-color: #e3eaed;
      padding: 10px 22px 10px 22px;
      border-radius: 22px;
      font-size: initial;
      font-weight: 600;
    }
/*right job*/

    /*form*/
    .btn-warning {
      color: black;
      background-color: white;
      border: 2px solid black;
      padding: 10px 35px 10px 35px;
      border-radius: 22px;
      font-size: initial;
      font-weight: 600;
    }

    .btn-warning:hover {
      color: #fff;
      background-color: #000000d6;
      border-color: #e3eaed;
      padding: 10px 35px 10px 35px;
      border-radius: 22px;
      font-size: initial;
      font-weight: 600;
    }

    .form-row {
      margin-left: 0px !important;
    }

    .form-group1 {
      width: 47% !important;
    }

    .input-group .form-control {
      width: 94% !important;
    }

    .resume {
      margin-top: -13%;
    }

    .align {
      font-size: 23px;
    }

    .section-heading1 {
      margin-bottom: 6%;
      margin-top: 12%;
    }

    /*form end*/

    @media only screen and (min-width: 1024px) {
      .inner-banner-bg10 {
        height: 24vh;
      }
    }

   

    .inner-banner .inner-title h3 {
      font-size: 30px;
    }

    .inner-banner-bg10 {
      background-image: url(../images/inner-banner/internbanner.webp);
    }

    

    .form-button p {
      font-size: 17px;
    }

   

    h2 {
      font-size: 33px;
    }

    .instructor1 {
      width: 50%;
      margin-left: 10%;
    }

    .btn {
      color: black;
      background-color: white;
      border: 2px solid black;
      padding: 10px 22px 10px 22px;
      border-radius: 22px;
      font-size: initial;
      font-weight: 600;
    }

    .btn:hover {
      color: #fff;
      background-color: #000000d6;
      border-color: #e3eaed;
      padding: 10px 22px 10px 22px;
      border-radius: 22px;
      font-size: initial;
      font-weight: 600;
    }
   .instructor2{
   width:50% !important;
}
.intern-matterr{
  margin-left:15%;
}
/*explore courses*/