@font-face {
  font-family: 'Roboto';
  src: url('webfonts/Roboto-Light.ttf') format('truetype');
  font-weight: 300;
}
@font-face {
  font-family: 'Roboto';
  src: url('webfonts/Roboto-Regular.ttf') format('truetype');
  font-weight: 400;
}
@font-face {
  font-family: 'Roboto';
  src: url('webfonts/Roboto-Medium.ttf') format('truetype');
  font-weight: 500;
}
@font-face {
  font-family: 'Roboto';
  src: url('webfonts/Roboto-Bold.ttf') format('truetype');
  font-weight: 700;
}
@font-face {
  font-family: 'Roboto';
  src: url('webfonts/Roboto-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}
* {
  box-sizing: border-box;
}
body {
  font-family: Roboto;
  margin: auto;
  color: #787878;
  font-size: 14px;
}
p {
  line-height: 1.8;
  margin: 0;
  text-align: left;
}
p strong,
p b {
  font-weight: 700;
}
a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}
h1,
h2,
h3,
h4 {
  margin: 0;
}
h2 {
  font-size: 32px;
  font-weight: 600;
  font-style: normal;
}
.flex-container {
  display: flex;
  margin: auto;
}
.container {
  width: 100%;
}
.top-spacing {
  margin-top: 20px;
}
.highlight {
  color: #007D3D;
  font-weight: 700;
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
.phonecode-field {
  width: 100%;
  padding: 0 15px;
  outline: none;
  border: none;
  box-shadow: 0 0px 5px #c1c1c1;
  border-radius: 100px;
  padding-right: 10px;
  font-size: 14px;
  border: 1px solid #ebebeb;
  color: #787878;
  display: flex;
  align-items: center;
  height: 48px;
  background-color: #FFF;
}
.phonecode-field select {
  width: 45px;
  border: none;
  outline: 0;
  border-right: 1px solid #eee;
  margin-right: 10px;
  color: #868686;
}
.phonecode-field span {
  color: #868686;
  font-size: 14px;
  padding-right: 0;
}
.phonecode-field input {
  border: none;
  padding: 15px;
  padding-top: 16px;
  padding-left: 5px;
  width: 55%;
  outline: none;
  color: #787878;
}
.phonecode-field .hidden-field {
  width: 0;
  height: 0;
  pointer-events: none;
  overflow: hidden;
}
.header .topbar {
  display: flex;
  flex-direction: row;
  color: #FFF;
  font-weight: 700;
  font-size: 14px;
}
.header .topbar .trusted {
  display: none;
}
.header .topbar .topbar-angle {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  position: relative;
  background-color: #000000;
}
.header .topbar .topbar-angle .award {
  display: none;
}
.header .topbar .topbar-angle .topleft {
  display: flex;
  flex-direction: row;
  padding: 1rem;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
}
.header .topbar .topbar-angle .topleft .tagline {
  display: none;
}
.header .topbar .topbar-angle .topleft span {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header .topbar .topbar-angle .topleft .tag-cart {
  display: none;
}
.header .topbar .topbar-angle .topright {
  display: flex;
  flex-direction: row;
}
.header .topbar .topbar-angle .topright i {
  margin-left: 10px;
}
.header .topbar .topbar-angle .topright a {
  z-index: 1;
  display: flex;
  align-items: center;
  color: #1e1e1e;
  justify-content: center;
  background: #F8E402;
  padding: 1rem 0.5rem;
}
.header .topbar .topbar-angle .topright:hover:after {
  border-top: 51px solid #007D3D;
}
.header .topbar .topbar-angle .topright:hover a {
  background: #007D3D;
  color: #FFF;
}
.header .logobar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 1.4rem;
  position: relative;
}
.header .logobar .logo-container {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.header .logobar .logo-container .logo-image {
  display: flex;
}
.header .logobar .logo-container .logo-image img {
  width: 170px;
}
.header .logobar .logo-container .logo-image .logo-lg {
  display: flex;
  padding: 0.5rem 0;
}
.header .logobar .logo-container .logo-image .logo-sm {
  display: none;
}
.header .logobar .logo-container .contactdetails {
  display: none;
  width: 80%;
  justify-content: flex-start;
  align-items: center;
}
.header .logobar .logo-container .contactdetails .search {
  display: none;
  position: relative;
  margin-right: 2rem;
  margin-top: 0.5rem;
}
.header .logobar .logo-container .contactdetails .search input {
  border: none;
  width: 100%;
  padding: 12px 20px;
  box-shadow: 0 0 10px #c1c1c1;
  border-radius: 0 22px;
  outline: none;
  border: 1px solid #ebebeb;
}
.header .logobar .logo-container .contactdetails .search img {
  position: absolute;
  width: 35px;
  right: 8px;
  top: 5px;
}
.header .logobar .logo-container .contactdetails .call,
.header .logobar .logo-container .contactdetails .mail {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px 0 4rem;
}
.header .logobar .logo-container .contactdetails .call .img,
.header .logobar .logo-container .contactdetails .mail .img {
  display: flex;
  align-items: center;
  justify-content: center;
}
.header .logobar .logo-container .contactdetails .call .img img,
.header .logobar .logo-container .contactdetails .mail .img img {
  width: 36px;
  margin-right: 15px;
  margin-top: 8px;
}
.header .logobar .logo-container .contactdetails .call .text,
.header .logobar .logo-container .contactdetails .mail .text {
  flex-direction: column;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100px;
}
.header .logobar .logo-container .contactdetails .call .text p,
.header .logobar .logo-container .contactdetails .mail .text p {
  font-size: 16px;
  font-weight: 600;
  color: #007D3D;
}
.header .logobar .logo-container .contactdetails .call .text a:hover,
.header .logobar .logo-container .contactdetails .mail .text a:hover {
  font-weight: 800;
}
.header .logobar .menu-container {
  display: flex;
}
.header .logobar .menu-container .menu {
  display: flex;
  z-index: 1;
}
.header .logobar .menu-container .menu a img {
  width: 32px;
}
.header .logobar .menu-container .menu.active {
  box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.047);
}
.header .logobar .menu-container .menu.active + .links .linksbar-angle {
  padding: 0 15px;
  width: 80%;
  z-index: 100;
}
.header .logobar .menu-container .links {
  display: flex;
  flex-direction: column;
}
.header .logobar .menu-container .links .linksbar-angle {
  width: 0;
  transition: all 0.5s;
  max-height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background: #007D3D;
}
.header .logobar .menu-container .links .linksbar-angle .sticky-filter-top {
  display: none;
}
.header .logobar .menu-container .links .linksbar-angle .menu-toggle {
  position: relative;
  padding: 15px;
  display: block;
  font-weight: 500;
  text-align: right;
  color: #FFF;
  text-decoration: underline;
  font-size: 15px;
  font-weight: 600;
}
.header .logobar .menu-container .links .linksbar-angle .menu-toggle i {
  font-size: 14px;
  margin-right: 3px;
}
.header .logobar .menu-container .links .linksbar-angle ul {
  list-style: none;
  margin: 0;
  width: 100%;
  background: #007D3D;
  padding-left: 10px;
}
.header .logobar .menu-container .links .linksbar-angle ul .rating-li {
  display: none;
}
.header .logobar .menu-container .links .linksbar-angle ul .link-logo,
.header .logobar .menu-container .links .linksbar-angle ul .call-link,
.header .logobar .menu-container .links .linksbar-angle ul .email-link {
  display: none;
}
.header .logobar .menu-container .links .linksbar-angle ul .quote {
  display: none;
}
.header .logobar .menu-container .links .linksbar-angle ul .contact {
  border-bottom: 0;
}
.header .logobar .menu-container .links .linksbar-angle ul li {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  line-height: 1;
  padding: 0.4rem;
  padding-left: 0;
  border-bottom: 1px solid #ffffff42;
}
.header .logobar .menu-container .links .linksbar-angle ul li .active {
  color: #007D3D;
  font-weight: 600;
}
.header .logobar .menu-container .links .linksbar-angle ul li .link {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  color: #FFF;
  font-weight: 500;
  padding: 0.5em 0;
  position: relative;
  z-index: 1;
  align-items: center;
}
.header .logobar .menu-container .links .linksbar-angle ul li .link i {
  margin-right: 0.5rem;
  width: 20px;
}
.header .logobar .menu-container .links .linksbar-angle ul li .link .down {
  display: none;
  margin-top: 1px;
  margin-left: 4px;
}
.header .logobar .menu-container .links .linksbar-angle ul li .link:before {
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 100%;
  position: absolute;
  z-index: -1;
  right: calc(100% - 40px);
  top: 3px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s ease 0s;
  -moz-transition: 0.5s ease 0s;
  -ms-transition: 0.5s ease 0s;
  -o-transition: 0.5s ease 0s;
  transition: 0.5s ease 0s;
  background-color: #F8E402;
}
.header .logobar .menu-container .links .linksbar-angle ul li .link:hover p::first-letter {
  color: #000000;
  font-weight: 600;
}
.header .logobar .menu-container .links .linksbar-angle ul li .link:hover:before {
  opacity: 1;
  visibility: visible;
}
.header .logobar .menu-container .links .linksbar-angle ul li .link p {
  line-height: 0;
}
.header .logobar .menu-container .links .linksbar-angle ul li .link .down {
  display: none;
}
.header .logobar .menu-container .links .linksbar-angle ul li:last-child {
  border-bottom: none;
}
.header .logobar .menu-container .links .linksbar-angle ul .rating-li .link .rating .filled {
  color: #F8E402;
}
.header .logobar .menu-container .links .linksbar-angle ul .rating-li .link .rating .unfilled {
  color: #FFF;
}
.header .logobar #dropdown-menu {
  position: absolute;
  min-height: 250px;
  top: 135px;
  z-index: 2;
  width: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  box-shadow: 0 6px 10px rgba(162, 162, 162, 0.8);
  display: none;
}
.header .logobar #dropdown-menu .menu-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  background-image: url("../img/master/menu-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
}
.header .logobar #dropdown-menu .menu-container .menu-list {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 2.5rem 1rem;
}
.header .logobar #dropdown-menu .menu-container .menu-list .menu-content {
  display: flex;
  flex-direction: column;
  padding: 1.5rem 0.5rem;
  width: 24%;
  position: relative;
  box-shadow: 0 0px 12px rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.03);
  height: 250px;
  background-image: url(../img/master/list-shape.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
}
.header .logobar #dropdown-menu .menu-container .menu-list .menu-content .list-number {
  position: absolute;
  top: -19px;
  right: -14px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
  font-weight: 600;
  color: #000000;
  background: #FFF;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  justify-content: center;
  align-items: center;
  display: flex;
  font-size: 14px;
}
.header .logobar #dropdown-menu .menu-container .menu-list .menu-content .list-heading {
  font-size: 14px;
  color: #007D3D;
  margin-bottom: 10px;
  position: relative;
}
.header .logobar #dropdown-menu .menu-container .menu-list .menu-content .list-heading:after {
  position: absolute;
  content: '';
  width: 45px;
  height: 3px;
  background-image: url(../img/master/list-hr.png);
  background-repeat: no-repeat;
  background-size: inherit;
  top: 20px;
  left: 0;
}
.header .logobar #dropdown-menu .menu-container .menu-list .menu-content .list-heading:hover:after {
  width: 60px;
  transition: all 0.3s linear;
}
.header .logobar #dropdown-menu .menu-container .menu-list .menu-content .course-list {
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.header .logobar #dropdown-menu .menu-container .menu-list .menu-content .course-list a {
  font-size: 12px;
  line-height: 1.4;
  font-weight: 600;
  color: #1F5E88;
  padding: 0.5em 0 0 0;
}
.header .logobar #dropdown-menu .menu-container .menu-list .menu-content ::-webkit-scrollbar-track {
  background: #d8d3d373;
}
.header .logobar #dropdown-menu .menu-container .menu-list .menu-content ::-webkit-scrollbar-thumb {
  background: #b8b8b8;
  border-radius: 10px;
}
.header .logobar #dropdown-menu .menu-container .menu-list .menu-content ::-webkit-scrollbar-thumb:hover {
  background: #888888;
}
.header .logobar #dropdown-menu .menu-container .menu-list .menu-content:hover .list-number {
  background-color: #1F5E88;
  color: #FFF;
}
.header .logobar #dropdown-menu .menu-container .menu-list .buttons {
  width: 100%;
  justify-content: center;
  align-items: center;
}
.header .logobar #dropdown-menu .menu-container .menu-list .buttons .button-yellow {
  padding: 15px 30px;
  color: #000000;
}
.header .logobar #dropdown-menu .menu-container .menu-list .buttons .button-yellow:after {
  right: -3px;
  height: 68px;
  top: -22px;
}
.header .logobar #dropdown-menu .menu-container .menu-list .buttons:hover:after {
  right: -3px;
  height: 71px;
}
.search-bar-common {
  margin-bottom: 2rem;
  display: flex;
  width: 100%;
}
.search-bar-common form {
  display: flex;
  width: 100%;
}
.search-bar-common .search {
  width: 100%;
  position: relative;
  top: 0px;
  outline: 0px;
  background-color: #FFF;
}
.search-bar-common .search .global-icon {
  display: none;
  background-color: transparent;
  border: 0;
  right: 3px;
  position: absolute;
  top: 0;
  width: 40px;
  outline: 0;
  padding: 18.5px 0;
  left: 0;
  z-index: 1;
  justify-content: center;
  align-items: center;
  border-right: 1px solid #D6D6D6;
  height: 59px;
}
.search-bar-common .search .global-icon .global {
  width: 22px;
}
.search-bar-common .search .search-input {
  width: 100%;
  position: relative;
  top: 0;
  outline: 0;
  background-color: #FFF;
  padding: 18px 36px 18px 12px;
  border: 0;
}
.search-bar-common .search .search-input::-ms-clear {
  display: none;
}
.search-bar-common .search .search-button {
  background-color: transparent;
  border: 0px;
  right: 3px;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  position: absolute;
  top: 0px;
  width: 36.4px;
  outline: none;
  padding: 15px;
  margin: 0;
  color: #FFF;
  font-weight: 500;
  justify-content: center;
  align-items: center;
  height: 52px;
}
.search-bar-common .search .search-button .text {
  display: none;
}
.search-bar-common .search .search-button img {
  width: 20px;
}
.feature-tickbox {
  display: flex;
  margin-right: 15px;
  margin-left: 10px;
}
.feature-tickbox label {
  cursor: pointer;
}
.feature-tickbox label input[type="checkbox"] {
  display: none;
}
.feature-tickbox label input[type="checkbox"] + .cr {
  position: relative;
  background: #fff;
  width: 20px;
  height: 20px;
  box-shadow: 2px 2px 12px rgba(2, 2, 2, 0.15);
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 5px;
}
.feature-tickbox label input[type="checkbox"] + .cr .cr-icon {
  position: absolute;
  font-size: 14px;
  line-height: 0;
  top: 50%;
  left: 20%;
  color: #007D3D;
  transform: scale(3) rotateZ(-20deg);
  opacity: 0;
  transition: all 0.3s ease-in;
}
.feature-tickbox label input[type="checkbox"]:checked + .cr .cr-icon {
  transform: scale(1) rotateZ(0deg);
  opacity: 1;
}
.footer {
  display: flex;
  flex-direction: column;
  padding-bottom: 45px;
}
.footer .footer-container {
  display: flex;
  flex-direction: column;
  padding: 3rem 1.5rem;
  padding-bottom: 0;
  background: #1B1819;
}
.footer .footer-container .footer-about {
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
}
.footer .footer-container .footer-about .heading {
  flex-direction: row;
}
.footer .footer-container .footer-about .heading img {
  width: 135px;
  height: 55px;
}
.footer .footer-container .footer-about .heading h2 {
  background-image: none;
  font-size: 24px;
  color: #FFF;
}
.footer .footer-container .footer-about .text {
  text-align: left;
  padding-bottom: 1.5rem;
  color: #FFF;
}
.footer .footer-container .footer-about .social-media {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
  align-items: center;
}
.footer .footer-container .footer-about .social-media a {
  margin-right: 10px;
  transition: all 0.3s ease-in, color 0s ease-in-out;
}
.footer .footer-container .footer-about .social-media a img {
  width: 45px;
}
.footer .footer-container .footer-about .social-media a:hover img {
  animation: tada 1s infinite;
}
.footer .footer-container .footer-links,
.footer .footer-container .footer-courses {
  display: flex;
  flex-direction: column;
  color: #F8E402;
  margin-bottom: 1rem;
}
.footer .footer-container .footer-links h2,
.footer .footer-container .footer-courses h2 {
  font-size: 22px;
  margin-bottom: 15px;
}
.footer .footer-container .footer-links .buttons,
.footer .footer-container .footer-courses .buttons {
  justify-content: flex-start;
}
.footer .footer-container .footer-links .buttons .find-course,
.footer .footer-container .footer-courses .buttons .find-course {
  color: #000000;
  padding: 10px 15px;
}
.footer .footer-container .footer-links .buttons .find-course:before,
.footer .footer-container .footer-courses .buttons .find-course:before {
  display: none;
}
.footer .footer-container .footer-links .buttons .find-course li,
.footer .footer-container .footer-courses .buttons .find-course li {
  margin-left: 6px;
  color: #000000;
}
.footer .footer-container .footer-links .buttons .find-course:hover,
.footer .footer-container .footer-courses .buttons .find-course:hover {
  color: #FFF;
}
.footer .footer-container .footer-links .buttons .find-course:hover li,
.footer .footer-container .footer-courses .buttons .find-course:hover li {
  color: #FFF;
}
.footer .footer-container .footer-links a,
.footer .footer-container .footer-courses a {
  display: flex;
  flex-direction: row;
  color: #FFF;
  margin-bottom: 12px;
}
.footer .footer-container .footer-links a::before,
.footer .footer-container .footer-courses a::before {
  content: '';
  background-image: url("../img/master/tick.svg");
  background-repeat: no-repeat;
  background-size: contain;
  left: 0;
  width: 20px;
  height: 22px;
  margin-right: 7px;
}
.footer .footer-container .footer-links a:hover,
.footer .footer-container .footer-courses a:hover {
  color: #F8E402;
}
.footer .footer-container .footer-articles {
  display: flex;
  flex-direction: column;
}
.footer .footer-container .footer-articles h2 {
  color: #F8E402;
  font-size: 22px;
  margin-bottom: 15px;
}
.footer .footer-container .footer-articles a {
  background: #242424;
  padding: 10px 15px;
  border-top-left-radius: 25px;
  border-top-right-radius: 45px;
  border-bottom-right-radius: 45px;
  margin-bottom: 1.5rem;
}
.footer .footer-container .footer-articles a .text .ques {
  color: #FFF;
}
.footer .footer-container .footer-articles a .text .date {
  color: #09d46c;
  font-weight: bold;
  font-size: 15px;
}
.footer .footer-container .footer-articles a:hover .text .ques {
  color: #F8E402;
}
.footer .footer-bottom {
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
  padding-bottom: 4.2rem;
  background: #000000;
}
.footer .footer-bottom p {
  color: #FFF;
  text-align: center;
}
.footer .social-side {
  display: none;
}
.cookie-div {
  background-image: linear-gradient(45deg, #385c74, #002353);
  position: fixed;
  bottom: 45px;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 99;
  width: 100%;
  padding: 10px 10px;
  border-top: 1px solid #002353;
}
.cookie-div p {
  font-size: 12px;
  color: #FFF;
}
.cookie-div p a {
  font-size: 12px;
  cursor: pointer;
  color: #F8E402;
}
.cookie-div span {
  font-size: 15px;
  color: #FFF;
  padding: 5px 10px;
  border: 2px solid #00a651;
  text-align: center;
}
.cookie-div span a {
  color: #ffff;
}
.cookie-div span:hover {
  background-color: #007D3D;
}
/*Pagination */
.pagination {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding-left: 0;
  margin: 0;
  margin-top: 20px;
  border-radius: 4px;
}
.pagination > li {
  display: flex;
  flex-direction: row;
  margin-bottom: 1rem;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  padding: 4px 7px;
  margin-left: -1px;
  line-height: 1.8;
  color: #007D3D;
  text-decoration: none;
  border: 1px solid #ddd;
  font-size: 14px;
  font-weight: 500;
  background: #FFF;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 40px;
  margin-right: 8px;
}
.pagination > li > a:hover {
  background-color: #e9ecef;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background: linear-gradient(to bottom right, #e7e7ffb3, #f7f7f7);
  color: #007D3D;
  font-size: 30px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background: linear-gradient(to bottom right, #e7e7ffb3, #f7f7f7);
  color: #007D3D;
  font-size: 30px;
  margin-right: 0;
}
.pagination > .disabled > a,
.pagination > .disabled > span,
.pagination > .disabled > a:focus,
.pagination > .disabled > span:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span:hover {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.pagination > .active > a:hover,
.pagination > .active > span:hover {
  z-index: 3;
  color: #fff;
  cursor: pointer;
  background-color: #007D3D;
  border-color: #007D3D;
}
/* end pagination */
.banner-full {
  display: flex;
  padding: 3rem 1.5rem;
}
.banner-full .banner-detail {
  color: #FFF;
  width: 100%;
}
.banner-full .banner-detail h1 {
  font-size: 28px;
  padding-bottom: 1rem;
  position: relative;
}
.banner-full .banner-detail h1 span {
  position: relative;
  top: 6px;
  margin-left: 8px;
  right: 0;
}
.banner-full .banner-detail h1 span img {
  width: 25px;
}
.banner-full .banner-detail .top-icon {
  position: absolute;
}
.banner-full .banner-detail p {
  padding-bottom: 1rem;
}
.banner-full .banner-detail .search-bar-common {
  margin-bottom: 0;
}
.banner-full .right-section {
  display: none;
}
.breadcrums {
  display: flex;
  flex-direction: row;
  margin-bottom: 1rem;
}
.breadcrums ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.breadcrums ul li {
  list-style: none;
  padding-right: 5px;
}
.breadcrums ul li a img {
  width: 16px;
}
.heading {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
}
.heading h2 {
  font-size: 22px;
  color: #000000;
  position: relative;
}
.sub-heading {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
  justify-content: center;
  align-items: center;
}
.sub-heading h2 {
  font-size: 15px;
  color: #000000;
  position: relative;
  padding: 27px 24px;
  background: url(../img/master/underline-mob.svg);
  background-repeat: no-repeat;
  background-position: bottom;
}
.buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
}
.buttons .button-yellow {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F8E402;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  padding: 15px 30px;
  position: relative;
  text-decoration: none;
  z-index: 0;
  outline: none;
  overflow: hidden;
}
.buttons .button-yellow:hover {
  color: #FFF !important;
  background-color: #007D3D;
}
.buttons .button-yellow i {
  margin-left: 10px;
  font-size: 18px;
}
.buttons .button-green {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  color: #FFF;
  font-size: 16px;
  font-weight: 600;
  padding: 15px 30px;
  position: relative;
  text-decoration: none;
  z-index: 0;
  outline: none;
  background: #007D3D;
  overflow: hidden;
}
.buttons .button-green:hover {
  background-color: #1F5E88;
}
.buttons .button-green i {
  margin-left: 10px;
  font-size: 18px;
}
.buttons .button-blue {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  color: #FFF;
  font-size: 16px;
  font-weight: 600;
  padding: 15px 30px;
  position: relative;
  text-decoration: none;
  z-index: 0;
  outline: none;
  background: #1F5E88;
  overflow: hidden;
}
.buttons .button-blue:hover {
  color: #000000 !important;
  background-color: #F8E402;
}
.buttons .button-blue i {
  margin-left: 10px;
  font-size: 18px;
}
.buttons .button-grey {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  padding: 15px 30px;
  position: relative;
  text-decoration: none;
  z-index: 0;
  outline: none;
  background: rgba(179, 179, 179, 0.5);
  overflow: hidden;
}
.buttons .button-grey:hover {
  color: #000000 !important;
  background-color: rgba(196, 196, 196, 0.8);
}
.buttons .button-grey i {
  margin-left: 10px;
  font-size: 18px;
}
#modal1 {
  border-radius: 0;
}
.blocker {
  z-index: 102;
}
.modal-blocker {
  width: 100%;
  z-index: 4;
  padding: 0;
}
.modal-blocker .modal-body {
  display: flex;
  flex-direction: row;
  position: relative;
}
.modal-blocker .modal-body:after {
  content: '';
  position: absolute;
  top: -4px;
  left: -5px;
  background-image: url(../img/master/modal-topbg.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 80px;
  height: 108px;
}
.modal-blocker .modal-body:before {
  content: '';
  position: absolute;
  bottom: -56.5px;
  right: -6.85px;
  background-image: url(../img/master/modal-bottombg.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 80px;
  height: 108px;
}
.modal-blocker .modal-body .modal-form {
  width: 100%;
  min-height: 300px;
  z-index: 1;
  border-radius: 0;
}
.modal-blocker .modal-body .modal-form .form {
  display: flex;
  flex-direction: column;
  padding: 2rem;
  background-color: #fff;
  box-shadow: 0 0 10px rgb(0 0 0%);
}
.modal-blocker .modal-body .modal-form .form h2 {
  text-align: center;
  color: #000000;
}
.modal-blocker .modal-body .modal-form .form label {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #B2B2B2;
  text-transform: uppercase;
  font-weight: 600 !important;
}
.modal-blocker .modal-body .modal-form .form label img {
  width: 8px;
  height: 8px;
  margin-right: 0.5rem;
  position: static;
}
.modal-blocker .modal-body .modal-form .form .tabs {
  display: flex;
  flex-flow: wrap;
  margin-bottom: 1.5rem;
}
.modal-blocker .modal-body .modal-form .form .tabs label {
  width: 100%;
  margin-bottom: 1rem !important;
}
.modal-blocker .modal-body .modal-form .form .tabs .item {
  padding: 0.2rem 0.5rem;
  border: 1px solid #B2B2B2;
  margin-right: 0.6rem;
  cursor: pointer;
}
.modal-blocker .modal-body .modal-form .form .tabs .item p {
  color: #B2B2B2;
}
.modal-blocker .modal-body .modal-form .form .tabs .item input {
  display: none;
}
.modal-blocker .modal-body .modal-form .form .tabs .item:last-child {
  margin-right: 0;
}
.modal-blocker .modal-body .modal-form .form .tabs .active {
  background-color: #0C9089;
  border-color: #0C9089;
}
.modal-blocker .modal-body .modal-form .form .tabs .active p {
  color: #FFFFFF;
}
.modal-blocker .modal-body .modal-form .form .input-container {
  display: flex;
  width: 100%;
  padding: 0.8rem;
  background-color: transparent;
  border: 2px solid #F5F5F5;
  position: relative;
  margin-bottom: 1.5rem;
  border-radius: 5px;
}
.modal-blocker .modal-body .modal-form .form .input-container label {
  position: absolute;
  top: -9px;
  left: 12px;
  background-color: white;
}
.modal-blocker .modal-body .modal-form .form .input-container input,
.modal-blocker .modal-body .modal-form .form .input-container textarea {
  border: none;
  outline: 0;
  padding: 0;
  background-color: transparent;
  font-weight: normal;
  width: 100%;
}
.modal-blocker .modal-body .modal-form .form .input-container textarea {
  height: 44px;
  resize: none;
  overflow: auto;
}
.modal-blocker .modal-body .modal-form .form .input-container .phonecode-field {
  display: flex;
  align-items: center;
  border-radius: 5px;
  box-shadow: none;
  border: none;
  padding: 0;
  height: auto;
}
.modal-blocker .modal-body .modal-form .form .input-container .phonecode-field input {
  outline: 0!important;
  border: none!important;
  padding: 0 8px 0 8px;
}
.modal-blocker .modal-body .modal-form .form .input-container .phonecode-field .hidden-field {
  z-index: -1;
  width: 0;
  height: 0;
  pointer-events: none;
  overflow: hidden;
}
.modal-blocker .modal-body .modal-form .form .input-container .phonecode-field .hidden-field input {
  border: none;
  padding: 0;
}
.modal-blocker .modal-body .modal-form .form .input-container .phonecode-field .country-code {
  width: 47px;
  border: none;
  margin-right: 0.5rem;
  outline: 0;
  border-right: 1px solid #b2b2b2;
  box-shadow: none;
  background-color: transparent;
  font-size: 14px;
  color: #B2B2B2;
  font-weight: normal;
}
.modal-blocker .modal-body .modal-form .form .input-container .phonecode-field .country-code option {
  color: #B2B2B2;
}
.modal-blocker .modal-body .modal-form .form .input-container .phonecode-field .telephone {
  color: #000000;
}
.modal-blocker .modal-body .modal-form .form .input-container .phonecode-field span {
  display: flex;
  align-items: center;
  font-size: 14px;
  margin-right: 4px;
  background-color: transparent;
  min-width: 32px;
  color: #B2B2B2;
}
.modal-blocker .modal-body .modal-form .form .input-container ::-webkit-input-placeholder {
  color: #B2B2B2;
}
.modal-blocker .modal-body .modal-form .form .input-container ::-ms-input-placeholder {
  color: #B2B2B2;
}
.modal-blocker .modal-body .modal-form .form .checkEmail {
  display: contents;
}
.modal-blocker .modal-body .modal-form .form .message {
  box-shadow: none;
}
.modal-blocker .modal-body .modal-form .form .input-error {
  border: 2px solid #ff0000 !important;
}
.modal-blocker .modal-body .modal-form .form .input-error label {
  color: #ff0000;
}
.modal-blocker .modal-body .modal-form .form .input-error ::-webkit-input-placeholder {
  color: #ff0000;
}
.modal-blocker .modal-body .modal-form .form .input-error ::-ms-input-placeholder {
  color: #ff0000;
}
.modal-blocker .modal-body .modal-form .form .input-error span img {
  opacity: 1;
}
.modal-blocker .modal-body .modal-form .form .form-consent {
  display: flex;
  font-size: 11px;
  margin-bottom: 0.4rem;
  width: 100%;
  align-items: flex-start;
}
.modal-blocker .modal-body .modal-form .form .form-consent label {
  width: calc(100% - 30px);
  text-transform: unset;
  font-weight: normal;
  display: flex;
  align-self: center;
  margin-left: 0.3rem;
  font-size: 11px;
  cursor: pointer;
}
.modal-blocker .modal-body .modal-form .form .form-consent p {
  color: #B2B2B2;
  width: 100%;
  margin-top: 0.5rem;
  font-size: 11px;
}
.modal-blocker .modal-body .modal-form .form .form-consent:nth-last-child(2) {
  flex-flow: wrap;
  margin-bottom: 0;
}
.modal-blocker .modal-body .modal-form .form .consent-error p {
  color: #ff0000;
  font-size: 11px;
}
.modal-blocker a.close-modal {
  top: 13px;
  background-image: url(../img/master/close.svg);
  z-index: 1;
  right: 15px;
  width: 21px;
  height: 25px;
}
#modal2 {
  border-radius: 0;
}
#modal2 .modal-body {
  display: flex;
  flex-direction: row;
}
#modal2 .modal-body::before {
  bottom: -57px;
  right: -8px;
}
#modal2 .modal-body .modal-form h3 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
#modal2 .modal-body .modal-form p {
  text-align: center;
}
#modal2 .modal-body .modal-form .search {
  display: flex;
  width: 100%;
  position: relative;
  padding: 1rem 0;
}
#modal2 .modal-body .modal-form .search .global-icon {
  display: flex;
  background-color: transparent;
  border: 0;
  right: 3px;
  position: absolute;
  top: 16px;
  width: 40px;
  outline: 0;
  padding: 18.5px 0;
  left: 0;
  z-index: 1;
  justify-content: center;
  align-items: center;
  border-right: 1px solid #D6D6D6;
}
#modal2 .modal-body .modal-form .search .global-icon img {
  width: 22px;
}
#modal2 .modal-body .modal-form .search .search-input {
  width: 100%;
  position: relative;
  top: 0;
  outline: 0;
  background-color: #FFFFFF;
  border: 0;
  border-radius: 4px;
  padding: 22px 20px 22px 48px;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
}
#modal2 .modal-body .modal-form .buttons .button-yellow::after {
  top: -21px;
  height: 72px;
}
.consent {
  display: flex;
  justify-content: flex-start;
  width: 100%;
}
.consent p {
  line-height: 1.4;
  font-size: 12px;
  text-align: justify;
  width: 100%;
  margin-bottom: 5px;
}
.consent label {
  line-height: 1.4;
  font-size: 12px;
  text-align: justify;
  width: 100%;
  margin-bottom: 5px;
  cursor: pointer;
}
.consent input {
  background: transparent;
  height: auto;
  box-shadow: none;
  margin-bottom: 0;
  margin-left: 0;
  align-self: baseline;
}
@supports (-ms-ime-align:auto) {
  .consent input {
    height: 28px;
  }
}
.consent a {
  color: #007D3D;
}
.consent input[type=checkbox]::-ms-check {
  border-color: #000000;
  /* This will make the box green when the button is checked. */
  color: green;
  /* This will make the checkmark green when the button is checked. */
  width: 12px;
  height: 12px;
  border-radius: 2px;
  align-items: baseline;
  margin-top: -12px;
}
.rating {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  color: #FFF;
}
.rating i {
  font-size: 13px;
  margin-right: 3px;
}
.rating .filled {
  color: #ED8A19;
}
.rating .unfilled {
  color: #787878;
}
::-webkit-scrollbar {
  width: 5px;
  height: 3px;
  border-radius: 8px;
}
::-webkit-scrollbar-track {
  background: #fafafa;
}
::-webkit-scrollbar-thumb {
  background: #007d3d;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: #007d01;
}
.ui-autocomplete .ui-autocomplete-category {
  color: #007D3D;
  font-weight: 700;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 5px;
  font-size: 16px;
  padding: 8px;
}
.ui-autocomplete .ui-menu-item {
  padding: 3px;
}
#ui-id-1 {
  max-height: 50vh;
  overflow: scroll;
  width: 85%;
}
#ui-id-2 {
  max-height: 50vh;
  overflow: scroll;
  z-index: 130;
  width: 230px;
}
#ui-id-3 {
  max-height: 50vh;
  overflow: scroll;
  z-index: 130;
  width: 230px;
}
#ui-id-4 {
  max-height: 50vh;
  overflow: scroll;
  z-index: 130;
  width: 230px;
}
.hide {
  display: none;
}
.consent-error {
  color: red;
  width: 100%;
  text-align: left;
}
.consent-error p {
  padding-bottom: 10px;
  line-height: 1.4;
  font-size: 12px;
}
.enquireSuccess {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 5rem 2rem;
}
.enquireSuccess span {
  margin: 7px 0px;
  display: flex;
  text-align: center;
  justify-content: center;
}
.enquireSuccess .text-real {
  font-size: 24px;
  color: #000000;
  font-weight: 500;
  text-align: center;
}
.enquireSuccess .enqus {
  font-weight: 600;
  text-align: center;
}
.enquireSuccess .enqus a {
  color: #007D3D;
}
.formSuccess {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 3rem 2rem;
  background-color: #FFF;
  box-shadow: 0 0 10px #c1c1c1;
}
.formSuccess span {
  margin: 7px 0px;
  display: flex;
  text-align: center;
  justify-content: center;
}
.formSuccess .text-real {
  font-size: 24px;
  color: #000000;
  font-weight: 500;
  text-align: center;
}
.formSuccess .enqus {
  font-weight: 600;
  text-align: center;
}
.formSuccess .enqus a {
  color: #007D3D;
}
/* Underline From Left */
.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: -4px;
  background: #1F5E88;
  height: 6px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-left:hover:before,
.hvr-underline-from-left:focus:before,
.hvr-underline-from-left:active:before {
  right: 0;
}
textarea {
  resize: none;
}
/*BAck to top*/
#scroll {
  z-index: 12;
  position: fixed;
  right: 5px;
  bottom: 54px;
  cursor: pointer;
  width: 40px;
  height: 40px;
  background-color: #007D3D;
  text-indent: -9999px;
  display: none;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  box-shadow: 0 0 5px #c1c1c1;
}
#scroll span {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -12px;
  height: 0;
  width: 0;
  border: 8px solid transparent;
  border-bottom-color: #ffffff;
}
#scroll:hover {
  background-color: #1F5E88;
}
.fixed-enq {
  background: #007D3D;
  box-shadow: 0 -10px 15px rgba(0, 0, 0, 0.09803922);
  width: 100%;
  padding: 10px;
  position: fixed;
  bottom: 0;
  z-index: 100;
  display: flex;
  justify-content: space-around;
}
.fixed-enq .enq-box-bottom {
  display: flex;
}
.fixed-enq .enq-box-bottom .enq-items-icon {
  display: flex;
  width: 100%;
  justify-content: space-around;
}
.fixed-enq .enq-box-bottom .enq-items-icon a img {
  width: 20px;
}
.address,
.message {
  font-family: roboto;
}
.error {
  border: 1px solid red !important;
}
.error ::-webkit-input-placeholder {
  /* Edge */
  color: red;
}
.error :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: red;
}
.error ::placeholder {
  color: red;
}
.banner {
  display: flex;
  width: 100%;
  margin: 0 auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../img/home/bg-mob.png");
  padding: 3rem 1.5rem;
}
.banner .banner-content {
  display: flex;
  flex-direction: column;
}
.banner .banner-content .detail {
  display: flex;
  color: #FFF;
  flex-direction: column;
}
.banner .banner-content .detail h1 {
  margin-bottom: 2rem;
  font-size: 26px;
}
.banner .banner-content .detail p {
  margin-bottom: 2rem;
}
.banner .banner-content .detail .search-bar {
  margin-bottom: 2rem;
  display: flex;
  width: 100%;
}
.banner .banner-content .detail .search-bar form {
  display: flex;
  width: 100%;
}
.banner .banner-content .detail .search-bar .search {
  width: 100%;
  position: relative;
  top: 0px;
  outline: 0px;
  background-color: #FFF;
}
.banner .banner-content .detail .search-bar .search .global-icon {
  display: none;
  background-color: transparent;
  border: 0;
  right: 3px;
  position: absolute;
  top: 0;
  width: 40px;
  outline: 0;
  padding: 18.5px 0;
  left: 0;
  z-index: 1;
  justify-content: center;
  align-items: center;
  border-right: 1px solid #D6D6D6;
  height: 59px;
}
.banner .banner-content .detail .search-bar .search .global-icon .global {
  width: 22px;
}
.banner .banner-content .detail .search-bar .search .search-input {
  width: 100%;
  position: relative;
  top: 0;
  outline: 0;
  background-color: #FFF;
  padding: 18px 36px 18px 12px;
  border: 0;
  height: 59px;
}
.banner .banner-content .detail .search-bar .search .search-input::-ms-clear {
  display: none;
}
.banner .banner-content .detail .search-bar .search .search-button {
  background-color: transparent;
  border-radius: 0;
  border: none;
  right: 3px;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  position: absolute;
  top: 0px;
  width: 36.4px;
  outline: none;
  padding: 15px;
  margin: 0;
  color: #FFF;
  font-weight: 500;
  justify-content: center;
  align-items: center;
  height: 59px;
}
.banner .banner-content .detail .search-bar .search .search-button .text {
  display: none;
}
.banner .banner-content .detail .search-bar .search .search-button img {
  width: 20px;
}
.banner .banner-content .detail .buttons {
  margin-top: 1rem;
  justify-content: center;
}
.banner .banner-content .detail .buttons i {
  margin-left: 0;
  margin-right: 10px;
}
.banner .banner-content .courses {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  padding: 1rem 0 4rem;
}
.banner .banner-content .courses .middle-list {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  width: 100%;
  align-items: center;
  order: 1;
}
.banner .banner-content .courses .middle-list .logo {
  display: none;
}
.banner .banner-content .courses .course-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #FFF;
  border-radius: 50%;
  padding: 1rem 0.5rem;
  width: 110px;
  margin: 1rem 0.3rem;
}
.banner .banner-content .courses .course-list img {
  width: 36px;
}
.banner .banner-content .courses .course-list h3 {
  font-size: 13px;
  text-align: center;
  padding-top: 8px;
}
.banner .banner-content .courses .course-list:hover img {
  transition: all 0.8s ease-in, color 0.3s ease-in-out;
  transform: rotate(360deg);
}
.banner .banner-content .courses .blackcourse {
  background: linear-gradient(111deg, #717171, #000);
  order: 2;
}
.banner .banner-content .courses .blackcourse img {
  color: #FFF;
}
.banner .banner-content .courses .blackcourse:hover {
  box-shadow: 0 0 10px #c1c1c1;
}
.banner .banner-content .courses .whitecourse {
  background: linear-gradient(111deg, #FFFFFF, #F3F3F3);
  color: #000000;
  order: 3;
}
.banner .banner-content .courses .whitecourse:hover {
  box-shadow: 0 0 10px #c1c1c1;
}
.banner .banner-content .courses .yellowcourse {
  background: linear-gradient(111deg, #FFF150, #DCCA00);
  color: #000000;
}
.banner .banner-content .courses .yellowcourse:hover {
  box-shadow: 0 0 10px #c1c1c1;
}
.banner .banner-content .courses .greencourse {
  background-image: linear-gradient(111deg, #34BC77, #002010);
  order: 3;
}
.banner .banner-content .courses .greencourse img {
  color: #FFF;
}
.banner .banner-content .courses .greencourse:hover {
  box-shadow: 0 0 10px #c1c1c1;
}
.courses-section {
  display: flex;
  padding: 3rem 1.5rem;
  background-image: url(../img/home/circle.png);
  background-repeat: no-repeat;
  background-size: 145px;
  background-position-y: 175px;
}
.courses-section .courses-container {
  display: flex;
  flex-direction: column;
}
.courses-section .courses-container .courses-content {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.courses-section .courses-container .courses-content .courses-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 2rem;
  padding: 1rem 1rem 0 0;
}
.courses-section .courses-container .courses-content .courses-list .lists {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  flex-wrap: wrap;
}
.courses-section .courses-container .courses-content .courses-list .lists a {
  box-shadow: 0 0 15px #d3d3d3;
  display: flex;
  border: 4px solid #1F5E88;
  padding: 1rem 2rem;
  position: relative;
  margin-bottom: 1.5rem;
  width: 100%;
  font-size: 15px;
  color: #000000;
  font-weight: 600;
  justify-content: flex-start;
  align-items: center;
  height: 55px;
}
.courses-section .courses-container .courses-content .courses-list .lists a:before {
  content: '';
  background-image: url('../img/home/right-arrow.svg');
  background-repeat: no-repeat;
  position: absolute;
  bottom: -16px;
  right: -19px;
  top: auto;
  width: 29px;
  z-index: 2;
  height: 29px;
}
.courses-section .courses-container .courses-content .courses-list .lists a:after {
  content: '';
  background-image: url('../img/home/half-circle.svg');
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  width: 32px;
  z-index: -1;
  height: 49px;
  background-size: contain;
}
.courses-section .courses-container .courses-content .courses-list .lists a:hover {
  box-shadow: 0 0 20px #afadad;
}
.courses-section .courses-container .courses-content .courses-list .lists a:hover:before {
  animation: shake 3s infinite;
}
.courses-section .courses-container .courses-content .phases {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.courses-section .courses-container .courses-content .phases p {
  margin: 10px 0;
}
.courses-section .courses-container .courses-content .phases img {
  width: 100%;
}
.courses-section .courses-container .courses-content .phases h3 {
  text-align: center;
  color: #000000;
  margin-top: 1rem;
  font-size: 18px;
}
.trainus-section {
  display: flex;
  padding: 3rem 1.5rem;
  background: linear-gradient(360deg, #fff, #f1f1f1);
}
.trainus-section .trainus-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.trainus-section .trainus-container .trainus-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.trainus-section .trainus-container .trainus-content .trainus-list {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  margin-bottom: 2.5rem;
  box-shadow: 0 0px 5px #c1c1c1;
  background: #FFF;
  width: 100%;
  margin: 1rem 0;
  min-height: 265px;
}
.trainus-section .trainus-container .trainus-content .trainus-list .logo {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
}
.trainus-section .trainus-container .trainus-content .trainus-list .logo img {
  width: auto;
  height: 100px;
}
.trainus-section .trainus-container .trainus-content .trainus-list .logo img:hover {
  transition: all 0.8s ease-in, color 0.3s ease-in-out;
  transform: rotate(360deg);
}
.trainus-section .trainus-container .trainus-content .trainus-list h3 {
  color: #000000;
  margin: 0.5rem 0;
  text-align: center;
  font-size: 20px;
}
.trainus-section .trainus-container .trainus-content .trainus-list p {
  text-align: center;
  line-height: 1.4;
}
.trainus-section .trainus-container .buttons {
  justify-content: center;
}
.training-section {
  display: flex;
  background: #fafafa;
  padding-bottom: 0;
  background-image: url('../img/home/lean-bg.png');
  background-repeat: no-repeat;
  background-size: cover;
}
.training-section .training-container {
  display: flex;
  flex-direction: column;
}
.training-section .training-container .heading {
  padding: 3rem 1.5rem;
  padding-bottom: 0;
}
.training-section .training-container .introduction {
  display: flex;
  flex-direction: column;
  padding: 3rem 1.5rem;
  padding-bottom: 0;
  padding-top: 0;
  background: #FFF;
}
.training-section .training-container .introduction .content .sub-heading h2 {
  font-size: 18px;
  padding: 27px 0;
}
.training-section .training-container .introduction .content p {
  padding: 10px 0;
  color: #000000;
}
.training-section .training-container .introduction .content p strong {
  color: #007D3D;
}
.training-section .training-container .introduction .content ul {
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.training-section .training-container .introduction .content ul li {
  list-style: none;
  padding: 7px;
  padding-left: 1.5rem;
  width: 50%;
  position: relative;
}
.training-section .training-container .introduction .content ul li:after {
  content: '';
  position: absolute;
  top: 11px;
  width: 19px;
  z-index: 2;
  height: 15px;
  background: url(../img/home/stages-icon.svg);
  background-repeat: no-repeat;
  left: 0;
}
.training-section .training-container .courses-types {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 3rem 1.5rem;
  background-image: url('../img/home/training-bg.png');
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
}
.training-section .training-container .courses-types .belt-courses {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  margin-bottom: 1rem;
  width: 100%;
  color: #FFF;
}
.training-section .training-container .courses-types .belt-courses p + p {
  display: none;
}
.training-section .training-container .courses-types .belt-courses .topfold {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-bottom: 8px;
  margin-left: auto;
  margin-right: auto;
  align-items: center;
}
.training-section .training-container .courses-types .belt-courses .topfold img {
  width: 45px;
  margin-right: 1.5rem;
}
.training-section .training-container .courses-types .belt-courses p {
  margin: 6px auto;
  width: 100%;
  word-break: break-word;
  min-height: 40px;
  line-height: 1.4;
}
.training-section .training-container .courses-types .belt-courses:last-child {
  margin-bottom: 0;
}
.training-section .training-container .courses-types .yellowbelt {
  background-color: #F8E402;
  color: #000000;
}
.training-section .training-container .courses-types .greenbelt {
  background-color: #007D3D;
}
.training-section .training-container .courses-types .blackbelt {
  background-color: #000000;
}
.sol-business-section {
  display: flex;
  flex-direction: column;
  padding: 3rem 1.5rem;
  background-image: url(../img/master/sol-business-mobbg.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.sol-business-section .sol-business-container {
  display: flex;
  flex-direction: column;
}
.sol-business-section .sol-business-container .sol-business-content {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}
.sol-business-section .sol-business-container .sol-business-content .content {
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
}
.sol-business-section .sol-business-container .sol-business-content .content p {
  margin-bottom: 0.5rem;
}
.sol-business-section .sol-business-container .sol-business-content .content .buttons {
  justify-content: center;
}
.sol-business-section .sol-business-container .sol-business-content .progress-container {
  display: flex;
  flex-direction: column;
}
.sol-business-section .sol-business-container .sol-business-content .progress-container img {
  max-width: 100%;
  box-shadow: 0 0 15px #e9e7e7;
}
.calendar-section {
  display: flex;
  flex-direction: column;
  padding: 3rem 1.5rem;
  background: #FAFAFA;
}
.calendar-section .calendar-container {
  display: flex;
  flex-direction: column;
}
.calendar-section .calendar-container .filter-top {
  position: sticky;
  top: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  padding: 1rem;
  box-shadow: 0 0 17px #c1c1c1;
  background: #FFFFFF;
  margin-bottom: 1rem;
  margin-top: 1rem;
  border-radius: 5px;
  cursor: pointer;
  align-items: center;
}
.calendar-section .calendar-container .filter-top .form {
  display: none;
  flex-direction: column;
  width: 100%;
  margin-top: 1rem;
}
.calendar-section .calendar-container .filter-top .heading {
  margin-bottom: 0;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.calendar-section .calendar-container .filter-top .heading h2 {
  background-image: none;
  padding: 0;
  font-size: 18px;
  color: #007D3D;
}
.calendar-section .calendar-container .filter-top .heading i {
  color: #007D3D;
}
.calendar-section .calendar-container .filter-top .select-dropdown {
  padding-bottom: 1.5rem;
  width: 100%;
}
.calendar-section .calendar-container .filter-top .select-dropdown .fheading {
  display: none;
  color: #007D3D;
  font-weight: 800;
  padding-bottom: 0.5rem;
}
.calendar-section .calendar-container .filter-top .select-dropdown .fheading img {
  width: 25px;
  height: 25px;
  margin-right: 8px;
}
.calendar-section .calendar-container .filter-top .select-dropdown .psub-heading {
  display: none;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.6;
  padding-bottom: 0rem;
}
.calendar-section .calendar-container .filter-top .select-dropdown p {
  font-weight: 800;
  padding-bottom: 0.5rem;
  color: #000000;
}
.calendar-section .calendar-container .filter-top .select-dropdown select {
  background: #FFF;
  padding: 15px 20px 15px 10px;
  color: #787878;
  font-weight: 600;
  width: 100%;
  border-radius: 5px;
  border: 1px solid #dbe2e8;
  outline: 0px;
  box-shadow: 5px 5px 10px 0 rgba(46, 61, 73, 0.05);
  cursor: pointer;
}
.calendar-section .calendar-container .filter-top .select-dropdown select option {
  width: 100%;
}
.calendar-section .calendar-container .filter-top .select-dropdown select:hover {
  box-shadow: 5px 5px 10px 0 rgba(46, 61, 73, 0.3);
}
.calendar-section .calendar-container .filter-top .go-button {
  width: 100%;
  display: flex;
  flex-direction: column;
  order: 3;
  align-items: flex-end;
}
.calendar-section .calendar-container .filter-top .go-button input[type=submit] {
  display: flex;
  width: 50px;
  height: 46px;
  border: none;
  color: #FFF;
  transition: all 0.2s ease;
  text-align: center;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  border-radius: 5px;
  box-shadow: 0 3px #1f5e887a;
  background: #1F5E88;
  cursor: pointer;
  justify-content: center;
  outline: none;
  margin-top: 4px;
}
.calendar-section .calendar-container .calendar-leftsection {
  display: flex;
  flex-direction: column;
}
.calendar-section .calendar-container .calendar-leftsection .filter-section {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  box-shadow: 0 0 17px #c1c1c1;
  background: #FFF;
  margin-bottom: 2.5rem;
  margin-top: 1rem;
  border-radius: 5px;
  cursor: pointer;
}
.calendar-section .calendar-container .calendar-leftsection .filter-section .heading {
  margin-bottom: 0;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.calendar-section .calendar-container .calendar-leftsection .filter-section .heading h2 {
  background-image: none;
  padding: 0;
  font-size: 16px;
  color: #000000;
}
.calendar-section .calendar-container .calendar-leftsection .filter-section .heading i {
  color: #000000;
}
.calendar-section .calendar-container .calendar-leftsection .filter-section .filter-bar {
  display: none;
  flex-direction: row;
  justify-content: space-between;
  padding-top: 1rem;
  flex-wrap: wrap;
}
.calendar-section .calendar-container .calendar-leftsection .filter-section .filter-bar .training-modes {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.calendar-section .calendar-container .calendar-leftsection .filter-section .filter-bar .training-modes p {
  width: 100%;
  color: #000000;
  font-weight: 700;
  padding-bottom: 1.5rem;
  font-size: 16px;
}
.calendar-section .calendar-container .calendar-leftsection .filter-section .filter-bar .training-modes a {
  background: #FFF;
  box-shadow: 0 0 10px #e0e0e0;
  padding: 18px 10px;
  align-items: center;
  justify-content: center;
  width: 47%;
  border-radius: 5px;
  margin-bottom: 12px;
  display: flex;
  flex-direction: column;
  background-image: url(../img/master/delivery-method-bg.svg);
  background-repeat: no-repeat;
  background-size: auto;
  background-position: center;
}
.calendar-section .calendar-container .calendar-leftsection .filter-section .filter-bar .training-modes a .green-icon {
  display: flex;
  width: 40px;
  height: 38px;
}
.calendar-section .calendar-container .calendar-leftsection .filter-section .filter-bar .training-modes a .white-icon {
  display: none;
  width: 40px;
  height: 38px;
}
.calendar-section .calendar-container .calendar-leftsection .filter-section .filter-bar .training-modes a span {
  font-weight: 600;
  margin-top: 10px;
  text-align: center;
}
.calendar-section .calendar-container .calendar-leftsection .filter-section .filter-bar .training-modes a:hover {
  color: #FFF;
  background-color: #007D3D;
  box-shadow: 0 0 17px #c1c1c1;
}
.calendar-section .calendar-container .calendar-leftsection .filter-section .filter-bar .training-modes a:hover .green-icon {
  display: none;
}
.calendar-section .calendar-container .calendar-leftsection .filter-section .filter-bar .training-modes a:hover .white-icon {
  display: flex;
}
.calendar-section .calendar-container .calendar-leftsection .filter-section .filter-bar .training-modes .active {
  color: #FFF;
  background-color: #007D3D;
}
.calendar-section .calendar-container .calendar-leftsection .filter-section .filter-bar .training-modes .active .green-icon {
  display: none;
}
.calendar-section .calendar-container .calendar-leftsection .filter-section .filter-bar .training-modes .active .white-icon {
  display: flex;
}
.calendar-section .calendar-container .calendar-leftsection .contact-details {
  display: none;
  flex-direction: column;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 1.5rem 1rem;
  box-shadow: 0 0 17px #c1c1c1;
  margin-top: 2rem;
  background-color: #04A854;
}
.calendar-section .calendar-container .calendar-leftsection .contact-details .address,
.calendar-section .calendar-container .calendar-leftsection .contact-details .phonenumber,
.calendar-section .calendar-container .calendar-leftsection .contact-details .email {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
.calendar-section .calendar-container .calendar-leftsection .contact-details .address .icon,
.calendar-section .calendar-container .calendar-leftsection .contact-details .phonenumber .icon,
.calendar-section .calendar-container .calendar-leftsection .contact-details .email .icon {
  display: flex;
  width: 20%;
  justify-content: center;
}
.calendar-section .calendar-container .calendar-leftsection .contact-details .address .icon img,
.calendar-section .calendar-container .calendar-leftsection .contact-details .phonenumber .icon img,
.calendar-section .calendar-container .calendar-leftsection .contact-details .email .icon img {
  width: 22px;
}
.calendar-section .calendar-container .calendar-leftsection .contact-details .address .text,
.calendar-section .calendar-container .calendar-leftsection .contact-details .phonenumber .text,
.calendar-section .calendar-container .calendar-leftsection .contact-details .email .text {
  display: flex;
  flex-direction: column;
  width: 80%;
  color: #000000;
}
.calendar-section .calendar-container .calendar-leftsection .contact-details .address .text p,
.calendar-section .calendar-container .calendar-leftsection .contact-details .phonenumber .text p,
.calendar-section .calendar-container .calendar-leftsection .contact-details .email .text p {
  font-weight: 700;
}
.calendar-section .calendar-container .calendar-leftsection .contact-details .address .text a:hover,
.calendar-section .calendar-container .calendar-leftsection .contact-details .phonenumber .text a:hover,
.calendar-section .calendar-container .calendar-leftsection .contact-details .email .text a:hover {
  color: #007D3D;
  font-weight: 800;
}
.calendar-section .calendar-container .calendar-leftsection .contact-details .address .text .para-text,
.calendar-section .calendar-container .calendar-leftsection .contact-details .phonenumber .text .para-text,
.calendar-section .calendar-container .calendar-leftsection .contact-details .email .text .para-text {
  font-weight: 400;
}
.calendar-section .calendar-container .calendar-leftsection .contact-details .contact-enquiry {
  display: flex;
  flex-direction: column;
}
.calendar-section .calendar-container .calendar-leftsection .contact-details .contact-enquiry h3 {
  font-size: 26px;
  color: #FFF;
}
.calendar-section .calendar-container .calendar-leftsection .contact-details .contact-enquiry p {
  color: #FFF;
  padding-top: 1.5rem;
  line-height: 1.6;
  font-size: 14px;
}
.calendar-section .calendar-container .calendar-leftsection .contact-details .contact-enquiry .buttons .green-button {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #007D3D;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  color: #FFF;
  font-size: 16px;
  font-weight: 600;
  padding: 15px 30px;
  position: relative;
  text-decoration: none;
  z-index: 0;
  outline: none;
  overflow: hidden;
  width: 100%;
}
.calendar-section .calendar-container .calendar-leftsection .contact-details .contact-enquiry .buttons .green-button i {
  margin-right: 10px;
}
.calendar-section .calendar-container .calendar-leftsection .contact-details .contact-enquiry .buttons .green-button:hover {
  background-color: #FF7700;
}
.calendar-section .calendar-container .calendar-rightsection {
  display: flex;
  flex-direction: column;
}
.calendar-section .calendar-container .calendar-rightsection .price-section {
  display: flex;
  flex-direction: column;
}
.calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #fff;
  box-shadow: 2px 5px 10px #aeaeae;
  border-radius: 4px;
  position: relative;
  margin-bottom: 2rem;
  padding: 3rem 1rem 1rem;
}
.calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .heart-like {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #f1f1f1;
  border-radius: 0% 0% 0% 95%;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 38px;
  height: 38px;
}
.calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .heart-like .heart {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 4px;
  margin-right: -5px;
}
.calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .heart-like .heart .far {
  font-size: 15px;
  color: #ff2800;
}
.calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .count-down-sash {
  position: absolute;
  font-weight: 700;
  font-size: 12px;
  background-color: #1F5E88;
  color: #FFF;
  display: inline-block;
  padding: 8px 12px;
  left: -8px;
  top: 12px;
}
.calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .count-down-sash:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: 0;
  bottom: -7px;
  border-right: 8px solid #1F5E88;
  border-bottom: 7px solid transparent;
}
.calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices a {
  color: #1F5E88;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 0.3rem;
  text-align: center;
}
.calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .details {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .details .location {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0.3rem;
  width: 100%;
  margin-bottom: 8px;
}
.calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .details .location a {
  color: #000000;
}
.calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .details .location span {
  color: #007D3D;
  font-weight: 700;
  font-size: 12px;
}
.calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .details .dates-section {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  color: #000000;
  padding: 0.3rem;
}
.calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .details .dates-section .delivery-method {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .details .dates-section .delivery-method img {
  margin-bottom: 6px;
  width: 35px;
}
.calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .details .dates-section .delivery-method p {
  font-weight: 500;
}
.calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .details .dates-section .dates {
  width: 50%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .details .dates-section .dates .date-day {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  border: 2px solid #000000;
}
.calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .details .dates-section .dates .date-day .date {
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 2px solid #787878;
  width: 100%;
  padding: 2px;
  font-weight: 800;
}
.calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .details .dates-section .dates .date-day .month {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 2px;
  font-weight: 800;
}
.calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .details .dates-section .dates .month-year {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  padding: 6px;
}
.calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .details .dates-section .dates .month-year .day {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 2px;
}
.calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .details .dates-section .dates .month-year .year {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 2px;
  border-bottom: 2px solid #787878;
}
.calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .details .price {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}
.calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .details .price .discounts {
  color: #787879;
  font-size: 18px;
  font-weight: normal;
  line-height: 1;
  text-decoration: line-through;
  margin-bottom: 3px;
}
.calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .details .price .event_price {
  line-height: 1.2;
}
.calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .details .price p {
  color: #007D3D;
  font-size: 30px;
  font-weight: 700;
}
.calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .details .price .exclusive {
  font-size: 12px;
}
.calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .details .price span {
  background: #EFEFFF;
  color: #1F5E88;
  padding: 3px 16px;
  font-size: 13px;
  font-weight: 700;
  box-shadow: 0 0 10px #c1c1c1;
  border-radius: 4px;
  margin-top: 0.5rem;
}
.calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .details .buttons .button-green {
  color: #FFF;
  padding: 15px 38px;
  font-size: 16px;
}
.calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .details .buttons .button-green:after {
  top: -21px;
  height: 62px;
}
.calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .bottom-bar {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .bottom-bar .duration {
  display: none;
  width: 75%;
  align-items: center;
  margin-top: 10px;
}
.calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .bottom-bar .duration p {
  color: #1F5E88;
  font-weight: bold;
  font-size: 16px;
}
.calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .bottom-bar .duration p span {
  color: #000000;
  font-weight: normal;
  font-size: 14px;
}
.calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .bottom-bar .duration .more-datess {
  color: #ff2800;
  font-weight: 800;
  font-size: 15px;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #ff2800;
}
.calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .bottom-bar .duration .more-datess i {
  margin-left: 8px;
}
.calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .bottom-bar .duration .more-datess:hover {
  color: #000000;
  border-bottom: 1px solid #000000;
}
.calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .bottom-bar .duration .new-design {
  display: flex;
  flex-direction: row;
  width: 20%;
  justify-content: flex-end;
  margin-left: auto;
}
.calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .bottom-bar .duration .new-design .cir-enq {
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #007D3D;
  color: #FFF;
  margin-right: 10px;
  font-size: 14px;
}
.calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .bottom-bar .duration .new-design .cir-call {
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #1F5E88;
  color: #FFF;
  font-size: 14px;
  position: relative;
}
.calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .bottom-bar .duration .new-design .cir-call .call-tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 130%;
  left: 50%;
  margin-left: -60px;
}
.calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .bottom-bar .duration .new-design .cir-call .call-tooltiptext:after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent black transparent;
}
.calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .bottom-bar .duration .new-design .cir-call:hover .call-tooltiptext {
  visibility: visible;
}
.calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .bottom-bar .buttons {
  margin-top: 0.5rem;
}
.calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .bottom-bar .buttons .button-yellow {
  color: #000000;
  font-size: 16px;
}
.calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .bottom-bar .buttons .button-yellow:after {
  top: -21px;
  right: -4px;
  height: 62px;
}
.calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices:last-child {
  margin-bottom: 0;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule {
  display: flex;
  flex-direction: column;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #fff;
  box-shadow: 2px 5px 10px #aeaeae;
  border-radius: 4px;
  position: relative;
  margin-bottom: 2rem;
  padding: 2rem 1rem 2rem;
  /*&:last-child{
                        margin-bottom: 0;
                    }*/
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .heart-like {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #f1f1f1;
  border-radius: 0% 0% 0% 95%;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 38px;
  height: 38px;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .heart-like .heart {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 4px;
  margin-right: -5px;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .heart-like .heart .far {
  font-size: 15px;
  color: #ff2800;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .count-course {
  display: flex;
  flex-direction: column;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .count-course .count-down-sash {
  position: absolute;
  font-weight: 700;
  font-size: 12px;
  background-color: #1F5E88;
  color: #FFF;
  display: inline-block;
  padding: 8px 12px;
  left: -8px;
  top: 12px;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .count-course .count-down-sash:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: 0;
  bottom: -7px;
  border-right: 8px solid #1F5E88;
  border-bottom: 7px solid transparent;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .count-course a {
  color: #1F5E88;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 0.3rem;
  text-align: center;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .details {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 10px 0;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .details .location {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0.3rem;
  width: 100%;
  margin-bottom: 8px;
  padding-left: 0;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .details .location a {
  color: #000000;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .details .location span {
  color: #007D3D;
  font-weight: 700;
  font-size: 12px;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .details .dates-section {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  color: #000000;
  width: 60%;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .details .dates-section .delivery-method {
  width: 55%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .details .dates-section .delivery-method img {
  width: 30px;
  height: 30px;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .details .dates-section .delivery-method p {
  font-weight: 600;
  font-size: 16px;
  margin-left: 5px;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .details .dates-section .dates {
  width: 50%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .details .dates-section .dates .month-year {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  padding: 6px;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .details .dates-section .dates .month-year .date {
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 2px solid #787878;
  width: 100%;
  padding: 2px;
  font-weight: 800;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .details .dates-section .dates .month-year .year {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 2px;
  border-bottom: 2px solid #787878;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .details .dates-section .dates .date-day {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  border: 2px solid #000000;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .details .dates-section .dates .date-day .month {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 2px;
  border-bottom: 2px solid #787878;
  font-weight: 800;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .details .dates-section .dates .date-day .day {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 2px;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .details .duration {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40%;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .details .duration p {
  color: #1F5E88;
  font-weight: bold;
  font-size: 16px;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .details .duration p span {
  color: #000000;
  font-weight: normal;
  font-size: 16px;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .details .duration .more-datess {
  color: #ff2800;
  font-weight: 800;
  font-size: 15px;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #ff2800;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .details .duration .more-datess i {
  margin-left: 8px;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .details .duration .more-datess:hover {
  color: #000000;
  border-bottom: 1px solid #000000;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .details .price {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .details .price .discounts {
  color: #787879;
  font-size: 18px;
  font-weight: normal;
  line-height: 0.4;
  text-decoration: line-through;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .details .price .exclusive {
  font-size: 12px;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .details .price p {
  color: #007D3D;
  font-size: 30px;
  font-weight: 700;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .details .price span {
  background: #EFEFFF;
  color: #1F5E88;
  padding: 3px 16px;
  font-size: 13px;
  font-weight: 700;
  box-shadow: 0 0 10px #c1c1c1;
  border-radius: 4px;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .bottom-bar {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .bottom-bar .buttons {
  margin-top: 0.5rem;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .bottom-bar .buttons .new-design {
  display: none;
  flex-direction: row;
  margin-bottom: 1rem;
  width: 20%;
  justify-content: center;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .bottom-bar .buttons .new-design .cir-enq {
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #007D3D;
  color: #FFF;
  font-size: 10px;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .bottom-bar .buttons .new-design .cir-call {
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #1F5E88;
  color: #FFF;
  font-size: 10px;
  margin-right: 5px;
  position: relative;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .bottom-bar .buttons .new-design .cir-call .call-tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 130%;
  left: 50%;
  margin-left: -60px;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .bottom-bar .buttons .new-design .cir-call .call-tooltiptext:after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent black transparent;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .bottom-bar .buttons .new-design .cir-call:hover .call-tooltiptext {
  visibility: visible;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .bottom-bar .buttons .button-green {
  color: #FFF;
  padding: 10px 12px;
  font-size: 16px;
  height: 35px;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .bottom-bar .buttons .button-yellow {
  color: #000000;
  font-size: 16px;
  padding: 10px 12px;
  height: 35px;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule h2 {
  color: #007D3D;
  font-size: 22px;
  margin-bottom: 2rem;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .package-container {
  box-shadow: 2px 5px 10px #aeaeae;
  display: flex;
  flex-direction: column;
  padding: 2rem;
  background: #FFF;
  margin-bottom: 3rem;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .package-container h3 {
  color: #1F5E88;
  padding-bottom: 1.5rem;
  font-size: 18px;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .package-container .package-points p {
  padding: 0px 0px 15px 28px;
  background: url(../img/master/points.svg) no-repeat 0px 6px transparent;
  background-size: 20px;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .online-booking {
  box-shadow: 2px 5px 10px #aeaeae;
  display: flex;
  flex-direction: column;
  padding: 2rem;
  background: #FFF;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .online-booking .features-addon {
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .online-booking .features-addon h3 {
  color: #1F5E88;
  padding-bottom: 1rem;
  font-size: 18px;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .online-booking .features-addon .feature-sec {
  display: flex;
  flex-direction: column;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .online-booking .features-addon .feature-sec .online-feature {
  display: flex;
  flex-direction: row;
  padding: 10px 10px 10px 0;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .online-booking .features-addon .feature-sec .online-feature .feature-text {
  display: flex;
  flex-direction: column;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .online-booking .features-addon .feature-sec .online-feature .feature-text p {
  color: #424242;
  font-size: 15px;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .online-booking .price-addon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .online-booking .price-addon h3 {
  color: #1F5E88;
  padding-bottom: 1rem;
  font-size: 18px;
  text-align: center;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .online-booking .price-addon .total-price {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .online-booking .price-addon .total-price .total {
  font-size: 42px;
  color: #007D3D;
  font-weight: 700;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .online-booking .price-addon .total-price .buttons {
  display: flex;
  flex-direction: column;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .online-booking .price-addon .total-price .buttons .button-green {
  margin-bottom: 8px;
}
.calendar-section .calendar-container .calendar-rightsection .online-schedule .online-booking .price-addon .total-price .buttons .button-yellow:after {
  height: 70px;
  right: -3px;
}
.calendar-section .calendar-container .calendar-rightsection .onsite-schedule {
  display: flex;
  flex-direction: column;
  background-color: #FFF;
  padding: 3rem 2rem;
  background-image: url("../img/master/onsite-schedule-bg.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
}
.calendar-section .calendar-container .calendar-rightsection .onsite-schedule .onsite-container {
  display: flex;
  flex-direction: column;
}
.calendar-section .calendar-container .calendar-rightsection .onsite-schedule .onsite-container h3 {
  color: #000000;
  font-size: 24px;
  margin-bottom: 1rem;
}
.calendar-section .calendar-container .calendar-rightsection .onsite-schedule .onsite-container .onsite-booking {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
}
.calendar-section .calendar-container .calendar-rightsection .onsite-schedule .onsite-container .onsite-booking .form-details {
  display: flex;
  flex-direction: column;
}
.calendar-section .calendar-container .calendar-rightsection .onsite-schedule .onsite-container .onsite-booking .form-details .form-group {
  display: flex;
  flex-direction: column;
  position: relative;
  margin-bottom: 2rem;
  font-size: 14px;
  color: #787878;
}
.calendar-section .calendar-container .calendar-rightsection .onsite-schedule .onsite-container .onsite-booking .form-details .form-group label {
  color: #1F5E88;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 1rem;
}
.calendar-section .calendar-container .calendar-rightsection .onsite-schedule .onsite-container .onsite-booking .form-details .form-group .input {
  padding: 0 20px 0 20px;
  width: 100%;
  height: 40px;
  background-color: #F9F9F9;
  border-radius: 20px;
  box-shadow: 2px 2px 5px #c7c7c7;
  margin-bottom: 0px;
  border: none;
  outline: none;
  font-size: 14px;
  color: #787878;
}
.calendar-section .calendar-container .calendar-rightsection .onsite-schedule .onsite-container .onsite-booking .form-details .form-group input[type=text]::-ms-clear {
  display: none;
}
.calendar-section .calendar-container .calendar-rightsection .onsite-schedule .onsite-container .onsite-booking .form-details .form-group input[type=number]::-ms-clear {
  display: none;
}
.calendar-section .calendar-container .calendar-rightsection .onsite-schedule .onsite-container .onsite-booking .form-details .form-group input[type=email]::-ms-clear {
  display: none;
}
.calendar-section .calendar-container .calendar-rightsection .onsite-schedule .onsite-container .onsite-booking .form-details .form-group img {
  position: absolute;
  top: 44px;
  right: 13px;
  width: 22px;
  height: 26px;
  display: flex;
}
.calendar-section .calendar-container .calendar-rightsection .onsite-schedule .onsite-container .onsite-booking .form-details .course-delegate {
  display: flex;
  flex-direction: column;
}
.calendar-section .calendar-container .calendar-rightsection .onsite-schedule .onsite-container .onsite-booking .form-details .course-delegate h3 {
  color: #1F5E88;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 1.5rem;
}
.calendar-section .calendar-container .calendar-rightsection .onsite-schedule .onsite-container .onsite-booking .form-details .course-delegate .delegate-count {
  display: flex;
  flex-direction: column;
}
.calendar-section .calendar-container .calendar-rightsection .onsite-schedule .onsite-container .onsite-booking .form-details .course-delegate .delegate-count .select-emp {
  width: 100%;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  padding: 22px;
  border-radius: 6px;
  box-shadow: 0 0 14px #e2e2e2;
  border-left: 5px solid transparent;
  border-bottom: 5px solid transparent;
  margin-bottom: 1.5rem;
  justify-content: center;
  align-items: center;
  background: #FFF;
}
.calendar-section .calendar-container .calendar-rightsection .onsite-schedule .onsite-container .onsite-booking .form-details .course-delegate .delegate-count .select-emp .hide {
  display: none;
}
.calendar-section .calendar-container .calendar-rightsection .onsite-schedule .onsite-container .onsite-booking .form-details .course-delegate .delegate-count .select-emp img {
  margin-bottom: 1rem;
  width: 40px;
}
.calendar-section .calendar-container .calendar-rightsection .onsite-schedule .onsite-container .onsite-booking .form-details .course-delegate .delegate-count .select-emp .delegates1 {
  width: 28px;
}
.calendar-section .calendar-container .calendar-rightsection .onsite-schedule .onsite-container .onsite-booking .form-details .course-delegate .delegate-count .select-emp p {
  font-weight: 700;
  color: #000000;
  font-size: 15px;
  text-align: center;
}
.calendar-section .calendar-container .calendar-rightsection .onsite-schedule .onsite-container .onsite-booking .form-details .course-delegate .delegate-count .active {
  border-left: 5px solid #007D3D;
  border-bottom: 5px solid #007D3D;
  border-radius: 10px;
}
.calendar-section .calendar-container .calendar-rightsection .onsite-schedule .onsite-container .onsite-booking .form-details .course-delegate .delegate-count #error-delegate {
  font-weight: 700;
}
.calendar-section .calendar-container .calendar-rightsection .onsite-schedule .onsite-container .onsite-booking .next-form .additional {
  width: 100%;
}
.calendar-section .calendar-container .calendar-rightsection .onsite-schedule .onsite-container .onsite-booking .next-form .additional textarea {
  padding: 10px 20px;
  width: 100%;
  background-color: #f9f9f9;
  border-radius: 20px;
  box-shadow: 2px 2px 5px #c7c7c7;
  margin-bottom: 0px;
  border: none;
  outline: none;
  height: 100px;
  font-size: 14px;
  color: #787878;
}
.calendar-section .calendar-container .calendar-rightsection .onsite-schedule .onsite-container .onsite-booking .next-form .form-group input[type=number]::-webkit-inner-spin-button,
.calendar-section .calendar-container .calendar-rightsection .onsite-schedule .onsite-container .onsite-booking .next-form .form-group input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
.calendar-section .calendar-container .calendar-rightsection .onsite-schedule .onsite-container .onsite-booking .next-form .form-group input[type=number] {
  -moz-appearance: textfield;
}
.calendar-section .calendar-container .calendar-rightsection .onsite-schedule .onsite-container .onsite-booking .next-form .form-group img {
  top: 6px;
}
.calendar-section .calendar-container .calendar-rightsection .onsite-schedule .onsite-container .onsite-booking .next-form .form-group input[type=text]::-ms-clear {
  display: none;
}
.calendar-section .calendar-container .calendar-rightsection .onsite-schedule .onsite-container .onsite-booking .next-form .form-group input[type=number]::-ms-clear {
  display: none;
}
.calendar-section .calendar-container .calendar-rightsection .onsite-schedule .onsite-container .onsite-booking .next-form .form-group input[type=email]::-ms-clear {
  display: none;
}
.calendar-section .calendar-container .calendar-rightsection .onsite-schedule .onsite-container .onsite-booking .next-form .buttons {
  flex-direction: column;
}
.calendar-section .calendar-container .calendar-rightsection .onsite-schedule .onsite-container .onsite-booking .next-form .buttons .button-yellow {
  margin-bottom: 1rem;
}
.calendar-section .calendar-container .calendar-rightsection .onsite-schedule .onsite-container .onsite-booking .next-form .buttons .button-yellow .prev {
  margin-left: 0;
  margin-right: 10px;
}
.calendar-section .calendar-container .calendar-rightsection .enquireSection {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
  background-color: #FFF;
  padding: 3rem 2rem;
}
.calendar-section .calendar-container .calendar-rightsection .enquireSection h2 {
  color: #1F5E88;
  padding-bottom: 1rem;
  font-size: 25px;
  text-align: center;
}
.calendar-section .calendar-container .calendar-rightsection .enquireSection p {
  color: #000000;
  font-size: 16px;
  text-align: center;
}
.calendar-section .calendar-container .calendar-rightsection .enquireSection .buttons .button-yellow {
  padding: 16px 86px 16px 30px;
}
.calendar-section .calendar-container .calendar-rightsection .enquireSection .buttons .button-yellow:after {
  height: 72px;
}
.calendar-section .calendar-container .calendar-rightsection .enquireSection .note {
  padding-top: 1rem;
}
.calendar-section .calendar-container .calendar-rightsection .enquireSection .note a {
  color: #007D3D;
  font-weight: 700;
}
.call-section {
  display: flex;
  flex-direction: column;
  padding: 3rem 1.5rem;
  padding-left: 0;
  padding-right: 0;
  background: #000000;
}
.call-section .call-container {
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  flex-wrap: wrap;
  color: #FFF;
  width: 100%;
  display: flex;
}
.call-section .call-container .notes-section {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 3rem 1.5rem;
  padding-top: 0;
  padding-bottom: 0;
}
.call-section .call-container .notes-section h4 {
  font-size: 25px;
  margin-bottom: 8px;
}
.call-section .call-container .notes-section p {
  margin-bottom: 10px;
}
.call-section .call-container .call-link {
  width: 84%;
  display: flex;
  background: #007D3D;
  flex-direction: row;
  padding: 0.56rem;
  position: relative;
  margin-left: auto;
}
.call-section .call-container .call-link:before {
  content: '';
  width: 0;
  height: 0;
  left: -45px;
  top: 0;
  position: absolute;
  border-top: 38px solid transparent;
  border-bottom: 38px solid transparent;
  border-right: 45px solid #007D3D;
}
.call-section .call-container .call-link .icon {
  display: flex;
  width: 25%;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  z-index: 2;
}
.call-section .call-container .call-link .icon img {
  width: 35px;
}
.call-section .call-container .call-link .text {
  display: flex;
  flex-direction: column;
  width: 75%;
}
.call-section .call-container .call-link .text a {
  font-weight: bold;
  font-size: 22px;
}
.call-section .call-container .call-link .text p {
  font-size: 16px;
}
.call-section .call-container .call-link:hover .icon {
  transition: all 0.3s ease-in, color 0s ease-in-out;
}
.call-section .call-container .call-link:hover .icon img {
  animation: tada 1s infinite;
}
.location {
  display: flex;
  flex-direction: column;
  padding: 3rem 1.5rem;
}
.location .location-container {
  display: flex;
  flex-direction: column;
}
.location .location-container .heading p {
  text-align: left;
}
.location .location-container .location-section {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0.5rem;
}
.location .location-container .location-section .single-location {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  background-image: url("../img/master/location-bg.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
  border: 2px solid #d1d1d1;
  border-radius: 6px;
  width: 42%;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.5rem;
  margin: 10px;
}
.location .location-container .location-section .single-location .loc-icon {
  display: flex;
  transition: all 0.3s ease-in, color 0s ease-in-out;
}
.location .location-container .location-section .single-location .loc-icon img {
  width: 40px;
}
.location .location-container .location-section .single-location .loc-text {
  color: #000000;
  font-weight: 600;
  font-size: 16px;
  width: 100%;
  text-align: center;
  margin-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.location .location-container .location-section .single-location:hover img {
  animation: tada 1s infinite;
}
.location .location-container .location-section .buttons {
  width: 100%;
}
.location .location-container .location-section a:hover {
  box-shadow: 0 0 10px #c1bebe;
}
.blog-loc .blog-right .recent-blogs {
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 5px #c1c1c1;
  background-color: #fff;
  padding: 1.5rem;
}
.blog-loc .blog-right .recent-blogs .all-items {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.blog-loc .blog-right .recent-blogs .all-items .items {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #989696;
  margin-bottom: 1rem;
}
.blog-loc .blog-right .recent-blogs .all-items .items .item-left {
  display: flex;
  justify-content: center;
}
.blog-loc .blog-right .recent-blogs .all-items .items .item-left .top-icon {
  width: 100%;
  height: 150px;
}
.blog-loc .blog-right .recent-blogs .all-items .items .item-left img {
  width: 100%;
  border-radius: 55px 0 55px;
  box-shadow: 0 0 10px #c1c1c1;
}
.blog-loc .blog-right .recent-blogs .all-items .items .item-right {
  display: flex;
  flex-direction: column;
  margin: 1rem 0;
}
.blog-loc .blog-right .recent-blogs .all-items .items .item-right a {
  color: #007d3d;
  font-weight: 700;
  font-size: 16px;
}
.blog-loc .blog-right .recent-blogs .all-items .items .item-right .item-right-bottom h5 {
  margin: 10px 0;
}
.blog-loc .blog-right .recent-blogs .all-items .items .item-right .item-right-bottom span a {
  font-size: 14px;
}
.blog-loc .blog-right .recent-blogs .all-items .items:nth-child(3) {
  margin-bottom: 0;
  border-bottom: transparent;
}
.blog-loc .blog-right .recent-blogs .sub-heading h2 {
  padding-top: 0px ;
}
.about-clients .all-clients .heading {
  width: 100%;
}
@media (min-width : 768px) {
  .banner {
    margin-top: 1.6rem;
    background-image: url(../img/home/bg-dsk.png);
    padding: 3rem 2rem;
  }
  .banner .banner-content {
    flex-direction: row;
    justify-content: space-between;
  }
  .banner .banner-content .detail {
    width: 50%;
  }
  .banner .banner-content .detail h1 {
    font-size: 28px;
  }
  .banner .banner-content .detail .search-bar .search .global-icon {
    display: flex;
  }
  .banner .banner-content .detail .search-bar .search .search-input {
    padding: 22px 76px 22px 48px;
    padding-right: 8%;
    width: 80%;
  }
  .banner .banner-content .detail .search-bar .search .search-button {
    background: #007D3D;
    width: 20%;
    padding: 22px 16px;
    right: 0;
  }
  .banner .banner-content .detail .search-bar .search .search-button .text {
    display: flex;
  }
  .banner .banner-content .detail .search-bar .search .search-button img {
    display: none;
  }
  .banner .banner-content .detail .buttons {
    justify-content: left;
  }
  .banner .banner-content .courses {
    width: 50%;
    padding-left: 2rem;
    justify-content: center;
  }
  .banner .banner-content .courses .course-list {
    margin: 0;
  }
  .banner .banner-content .courses .middle-list {
    order: 2;
  }
  .banner .banner-content .courses .middle-list .logo {
    display: flex;
    order: 2;
  }
  .banner .banner-content .courses .whitecourse {
    order: 1;
  }
  .banner .banner-content .courses .greencourse {
    order: 3;
  }
  .courses-section {
    padding: 3rem 2rem;
  }
  .courses-section .courses-container .courses-content .courses-list {
    padding: 10px 0;
  }
  .courses-section .courses-container .courses-content .courses-list .lists {
    justify-content: space-between;
  }
  .courses-section .courses-container .courses-content .courses-list .lists a {
    width: 45%;
    margin: 1rem;
  }
  .courses-section .courses-container .courses-content .phases {
    align-items: center;
  }
  .courses-section .courses-container .courses-content .phases img {
    width: 80%;
    margin: auto 0;
  }
  .trainus-section {
    padding: 3rem 2rem;
  }
  .trainus-section .trainus-container .trainus-content {
    flex-direction: row;
    justify-content: space-evenly;
  }
  .trainus-section .trainus-container .trainus-content .trainus-list {
    width: 40%;
    margin: 0;
    margin-top: 2rem;
  }
  .training-section .training-container .heading {
    padding: 3rem 2rem;
    padding-bottom: 0;
  }
  .training-section .training-container .introduction {
    padding: 3rem 2rem;
    padding-top: 0;
  }
  .training-section .training-container .courses-types {
    padding: 3rem 2rem;
  }
  .training-section .training-container .courses-types .belt-courses {
    min-height: 155px;
    width: 75%;
  }
  .training-section .training-container .courses-types .belt-courses .topfold {
    width: 80%;
  }
  .training-section .training-container .courses-types .belt-courses p {
    width: 80%;
  }
  .training-section .training-container .courses-types .yellowbelt {
    margin-left: -160px;
    background-image: url(../img/home/yellowbelt.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: transparent;
  }
  .training-section .training-container .courses-types .greenbelt {
    margin-left: -35px;
    background-image: url(../img/home/greenbelt.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: transparent;
  }
  .training-section .training-container .courses-types .blackbelt {
    margin-left: 130px;
    background-image: url(../img/home/blackbelt.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: transparent;
  }
  .sol-business-section {
    padding: 3rem 2rem;
    background-image: url(../img/master/sol-business-bg.png);
    background-repeat: no-repeat;
    background-size: contain;
  }
  .sol-business-section .sol-business-container .sol-business-content .content .buttons {
    justify-content: flex-start;
  }
  .calendar-section {
    padding: 3rem 2rem;
  }
  .calendar-section .calendar-container .filter-top {
    position: sticky;
    margin-bottom: 1rem;
    top: 4rem;
    z-index: 12;
    background-color: #fefefe;
    padding: 0.5rem 1rem;
    box-shadow: 0 0 17px #c1c1c1;
    cursor: auto;
    flex-direction: row;
    width: 100%;
  }
  .calendar-section .calendar-container .filter-top .form {
    display: flex;
    flex-direction: row;
    margin-top: 0;
    align-items: center;
  }
  .calendar-section .calendar-container .filter-top .heading {
    display: none;
  }
  .calendar-section .calendar-container .filter-top .select-dropdown {
    width: 40%;
    margin-right: 0.5rem;
    margin-bottom: 0;
    padding-bottom: 0.5rem;
  }
  .calendar-section .calendar-container .filter-top .select-dropdown .fheading {
    display: flex;
    padding: 10px;
  }
  .calendar-section .calendar-container .filter-top .select-dropdown select {
    padding: 15px 20px 15px 5px;
  }
  .calendar-section .calendar-container .filter-top .select-dropdown .psub-heading {
    display: flex;
    font-size: 12px;
    padding-left: 10px;
  }
  .calendar-section .calendar-container .filter-top .select-dropdown:last-child {
    margin-right: 0;
  }
  .calendar-section .calendar-container .filter-top .go-button {
    width: 95px;
    align-items: center;
  }
  .calendar-section .calendar-container .filter-top .go-button input[type=submit] {
    margin-top: 23px;
  }
  .calendar-section .calendar-container .calendar-leftsection .filter-section {
    padding: 1.5rem;
    margin-top: 1rem;
  }
  .calendar-section .calendar-container .calendar-leftsection .filter-section .heading h2 {
    font-size: 18px;
    color: #000000;
  }
  .calendar-section .calendar-container .calendar-leftsection .filter-section .heading i {
    display: none;
  }
  .calendar-section .calendar-container .calendar-leftsection .filter-section .filter-bar {
    display: flex;
  }
  .calendar-section .calendar-container .calendar-leftsection .filter-section .filter-bar .training-modes {
    order: 1;
  }
  .calendar-section .calendar-container .calendar-leftsection .filter-section .filter-bar .training-modes a {
    width: 23%;
    height: 50px;
    background-size: 60px;
    margin-bottom: 0;
  }
  .calendar-section .calendar-container .calendar-leftsection .filter-section .filter-bar .training-modes a .green-icon {
    display: none;
  }
  .calendar-section .calendar-container .calendar-leftsection .filter-section .filter-bar .training-modes a span {
    margin-top: 0;
    font-size: 16px;
  }
  .calendar-section .calendar-container .calendar-leftsection .filter-section .filter-bar .training-modes a:hover .white-icon {
    display: none;
  }
  .calendar-section .calendar-container .calendar-leftsection .filter-section .filter-bar .training-modes .active .white-icon {
    display: none;
  }
  .calendar-section .calendar-container .calendar-rightsection {
    width: 100%;
  }
  .calendar-section .calendar-container .calendar-rightsection .price-section {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  .calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices {
    width: 100%;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 2rem 1rem 1rem;
  }
  .calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices a {
    padding: 0.2rem 0;
    margin-bottom: 0;
  }
  .calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .count-down-sash {
    font-size: 11px;
    padding: 3px 12px;
  }
  .calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .details {
    flex-direction: row;
    width: 100%;
    border-bottom: 2px solid #C9C9C9;
    padding-bottom: 0;
  }
  .calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .details .location {
    width: 22%;
    padding: 0.5rem;
    justify-content: left;
    align-items: normal;
    text-align: left;
  }
  .calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .details .location a {
    text-align: left;
  }
  .calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .details .dates-section {
    width: 30%;
    padding: 0.5rem;
  }
  .calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .details .price {
    width: 20%;
    padding: 0.5rem;
    margin-top: 0px;
  }
  .calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .details .price p {
    font-size: 24px;
    margin-bottom: 0;
  }
  .calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .details .price span {
    padding: 8px 14px;
    font-size: 12px;
  }
  .calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .details .buttons {
    flex-direction: row;
  }
  .calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .details .buttons .button-green {
    padding: 12px 22px;
  }
  .calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .details .buttons .button-green i {
    margin-left: 26px;
  }
  .calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .bottom-bar {
    justify-content: space-between;
  }
  .calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .bottom-bar .duration {
    display: flex;
  }
  .calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .bottom-bar .buttons .button-yellow {
    padding: 10px 14px 10px 30px;
  }
  .calendar-section .calendar-container .calendar-rightsection .online-schedule {
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices {
    width: 48%;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 1.5rem 1rem 1.5rem;
  }
  .calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .count-course {
    flex-direction: row;
  }
  .calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .count-course a {
    margin-bottom: 0;
  }
  .calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .count-course .count-down-sash {
    font-size: 11px;
    padding: 3px 12px;
  }
  .calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .details {
    flex-direction: row;
    width: 100%;
    border-bottom: 2px solid #C9C9C9;
    margin: 0;
    padding: 15px 0;
  }
  .calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .details .location {
    width: 22%;
    padding: 0.5rem;
    justify-content: left;
    align-items: normal;
    text-align: left;
  }
  .calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .details .location a {
    text-align: left;
  }
  .calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .details .dates-section {
    width: 45%;
  }
  .calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .details .duration {
    justify-content: flex-start;
    width: 30%;
  }
  .calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .details .price {
    width: 25%;
  }
  .calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .details .price p {
    font-size: 24px;
    margin-bottom: 0;
  }
  .calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .details .price span {
    padding: 8px 14px;
    font-size: 12px;
  }
  .calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .bottom-bar {
    justify-content: space-between;
  }
  .calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .bottom-bar .duration {
    display: flex;
  }
  .calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .bottom-bar .buttons {
    margin-top: 1rem;
  }
  .calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .bottom-bar .buttons .new-design {
    display: flex;
    margin-bottom: 0;
  }
  .calendar-section .calendar-container .calendar-rightsection .online-schedule .package-container {
    border-bottom-right-radius: 76px;
    border-bottom: 7px solid #007D3D;
  }
  .calendar-section .calendar-container .calendar-rightsection .online-schedule .package-container .package-points p {
    padding: 0 0 0px 30px;
    background-position: 0 2px;
    margin-bottom: 20px;
  }
  .calendar-section .calendar-container .calendar-rightsection .online-schedule .online-booking {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom-left-radius: 76px;
    border-bottom: 7px solid #007D3D;
  }
  .calendar-section .calendar-container .calendar-rightsection .online-schedule .online-booking .features-addon {
    width: 50%;
    margin-bottom: 0;
  }
  .calendar-section .calendar-container .calendar-rightsection .online-schedule .online-booking .features-addon .feature-sec .online-feature {
    padding: 5px 10px 5px 0;
  }
  .calendar-section .calendar-container .calendar-rightsection .online-schedule .online-booking .price-addon {
    width: 50%;
    justify-content: normal;
  }
  .calendar-section .calendar-container .calendar-rightsection .online-schedule .online-booking .price-addon .total-price .buttons {
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
  }
  .calendar-section .calendar-container .calendar-rightsection .online-schedule .online-booking .price-addon .total-price .buttons .button-green {
    padding: 13px 32px 13px 25px;
    font-size: 14px;
  }
  .calendar-section .calendar-container .calendar-rightsection .online-schedule .online-booking .price-addon .total-price .buttons .button-green:after {
    height: 65px;
  }
  .calendar-section .calendar-container .calendar-rightsection .online-schedule .online-booking .price-addon .total-price .buttons .button-yellow {
    padding: 13px 44px 13px 25px;
    margin-bottom: 0;
    font-size: 14px;
  }
  .calendar-section .calendar-container .calendar-rightsection .online-schedule .online-booking .price-addon .total-price .buttons .button-yellow:after {
    height: 65px;
  }
  .calendar-section .calendar-container .calendar-rightsection .onsite-schedule .onsite-container .onsite-booking .form-details {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .calendar-section .calendar-container .calendar-rightsection .onsite-schedule .onsite-container .onsite-booking .form-details .form-group {
    width: 46%;
  }
  .calendar-section .calendar-container .calendar-rightsection .onsite-schedule .onsite-container .onsite-booking .form-details .course-delegate {
    width: 100%;
  }
  .calendar-section .calendar-container .calendar-rightsection .onsite-schedule .onsite-container .onsite-booking .form-details .course-delegate .delegate-count {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .calendar-section .calendar-container .calendar-rightsection .onsite-schedule .onsite-container .onsite-booking .form-details .course-delegate .delegate-count .select-emp {
    width: 30%;
  }
  .calendar-section .calendar-container .calendar-rightsection .onsite-schedule .onsite-container .onsite-booking .form-details .buttons {
    margin-left: auto;
  }
  .calendar-section .calendar-container .calendar-rightsection .onsite-schedule .onsite-container .onsite-booking .next-form .additional {
    width: 100%;
  }
  .calendar-section .calendar-container .calendar-rightsection .onsite-schedule .onsite-container .onsite-booking .next-form .buttons {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .calendar-section .calendar-container .calendar-rightsection .onsite-schedule .onsite-container .onsite-booking .next-form .buttons .button-yellow {
    margin-bottom: 0;
    margin-right: 2rem;
  }
  .call-section {
    padding: 0;
  }
  .call-section .call-container {
    flex-wrap: wrap;
    flex-direction: row;
  }
  .call-section .call-container .notes-section {
    width: 65%;
    padding: 0;
    padding-left: 2rem;
  }
  .call-section .call-container .notes-section p {
    margin: 0;
  }
  .call-section .call-container .call-link {
    width: 35%;
    padding: 1.1rem;
  }
  .call-section .call-container .call-link:before {
    content: '';
    border-top: 46px solid transparent;
    border-bottom: 46px solid transparent;
  }
  .location {
    padding: 3rem 2rem;
  }
  .location .location-container .location-section .single-location {
    width: 22%;
  }
  .blog-loc .blog-right .recent-blogs .all-items {
    text-align: left;
  }
  .blog-loc .blog-right .recent-blogs .all-items .items {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
  }
  .blog-loc .blog-right .recent-blogs .all-items .items .item-left {
    display: flex;
    justify-content: center;
    width: 30%;
  }
  .blog-loc .blog-right .recent-blogs .all-items .items .item-right {
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 65%;
  }
  .blog-loc .blog-right .recent-blogs .all-items .items .item-right .item-right-bottom {
    padding: 5px 0;
  }
  .blog-loc .blog-right .recent-blogs .all-items .items .item-right .item-right-bottom h5 {
    margin: 0.5rem 0;
  }
}
@media (min-width : 1024px) {
  .banner {
    padding-bottom: 1rem;
    background-image: url(../img/home/bg-dsk.png);
    background-size: 100% 100%;
  }
  .banner .banner-content .detail {
    width: 60%;
  }
  .banner .banner-content .detail .search-bar {
    width: 80%;
  }
  .banner .banner-content .courses {
    width: 40%;
    padding: 0 0 0 2rem;
    margin-bottom: 7rem;
  }
  .courses-section .courses-container .courses-content {
    flex-direction: row;
  }
  .courses-section .courses-container .courses-content .courses-list {
    width: 60%;
    order: 2;
  }
  .courses-section .courses-container .courses-content .courses-list .lists a {
    margin: 1rem 0.5rem;
    padding: 0.55rem;
  }
  .courses-section .courses-container .courses-content .courses-list .buttons {
    margin-left: auto;
  }
  .courses-section .courses-container .courses-content .phases {
    width: 40%;
    order: 1;
    margin-top: -5rem;
    position: relative;
    height: 460px;
    display: flex;
    align-items: center;
  }
  .courses-section .courses-container .courses-content .phases img {
    width: 96%;
  }
  .courses-section .courses-container .courses-content .phases h3 {
    position: absolute;
    bottom: 0;
  }
  .trainus-section .trainus-container .trainus-content {
    justify-content: space-between;
  }
  .trainus-section .trainus-container .trainus-content .trainus-list {
    width: 23%;
    margin-top: 0;
  }
  .trainus-section .trainus-container .buttons {
    justify-content: flex-start;
  }
  .trainus-section .buttons {
    justify-content: flex-start;
  }
  .training-section .training-container .heading {
    margin-bottom: 2rem;
  }
  .sol-business-section .sol-business-container .sol-business-content {
    flex-direction: row;
  }
  .sol-business-section .sol-business-container .sol-business-content .content {
    width: 50%;
  }
  .sol-business-section .sol-business-container .sol-business-content .progress-container {
    width: 45%;
  }
  .calendar-section .calendar-container .filter-top .select-course .fheading {
    padding: 0;
  }
  .calendar-section .calendar-container .filter-top .select-course .psub-heading {
    font-size: 14px;
    padding: 0px;
  }
  .calendar-section .calendar-container .calendar-leftsection {
    top: 11.5rem;
    height: fit-content;
    z-index: 7;
  }
  .calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .details .buttons {
    width: 17.5%;
    justify-content: flex-end;
  }
  .calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .details .buttons {
    width: 19%;
    justify-content: flex-end;
  }
  .calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .bottom-bar .buttons .new-design .cir-call,
  .calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .bottom-bar .buttons .new-design .cir-enq {
    width: 35px;
    height: 35px;
    font-size: 12px;
  }
  .calendar-section .calendar-container .calendar-rightsection .online-schedule .package-container {
    width: 80%;
  }
  .calendar-section .calendar-container .calendar-rightsection .online-schedule .online-booking {
    width: 80%;
    margin-left: auto;
  }
  .call-section .call-container .notes-section h4 {
    font-size: 18px;
  }
  .call-section .call-container .call-link {
    width: 32%;
  }
  .call-section .call-container .call-link::before {
    border-top: 44px solid transparent;
    border-bottom: 44px solid transparent;
  }
  .call-section .call-container .call-link .icon {
    width: 15%;
    margin-right: 15px;
  }
  .call-section .call-container .call-link .text {
    width: 85%;
  }
  .call-section .call-container .call-link .text a {
    font-size: 20px;
  }
  .call-section .call-container .call-link .text p {
    font-size: 15px;
  }
  .location .location-container .heading {
    align-items: flex-start;
    width: 100%;
  }
  .location .location-container .location-section .single-location {
    width: 21%;
  }
  .blog-loc .container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .blog-loc .container .location-container {
    width: 67%;
  }
  .blog-loc .container .blog-right {
    width: 30%;
  }
  .blog-loc .container .blog-right .recent-blogs .all-items .items {
    margin-bottom: 1rem;
    padding-bottom: 0;
  }
  .blog-loc .container .blog-right .recent-blogs .all-items .items .item-left .top-icon {
    height: 60px;
    border-radius: 30px 0 30px;
  }
  .blog-loc .container .blog-right .recent-blogs .all-items .items .item-right a {
    font-size: 14px;
  }
  .blog-loc .container .blog-right .recent-blogs .all-items .items .item-right .item-right-bottom {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .blog-loc .container .blog-right .recent-blogs .all-items .items .item-right .item-right-bottom h5 {
    margin: 0;
  }
}
@media (min-width : 1366px) {
  .banner {
    padding: 4rem 0rem;
    padding-top: 4rem;
    padding-bottom: 0;
    margin-top: 2.8rem;
  }
  .banner .banner-content .detail {
    width: 75%;
  }
  .banner .banner-content .detail p {
    width: 80%;
  }
  .banner .banner-content .detail p h1 {
    font-size: 28px;
  }
  .banner .banner-content .detail .search-bar {
    width: 65%;
  }
  .banner .banner-content .detail .search-bar .search .global-icon {
    width: 50px;
  }
  .banner .banner-content .detail .search-bar .search .search-input {
    padding: 22px 103px 22px 64px;
  }
  .banner .banner-content .detail .search-bar .search .search-button:hover {
    background: #1F5E88;
  }
  .banner .banner-content .courses {
    width: 35%;
  }
  .banner .banner-content .courses .middle-list {
    justify-content: space-between;
  }
  .courses-section {
    padding: 4rem 0rem;
  }
  .courses-section .courses-container .courses-content .courses-list {
    margin: 0;
  }
  .courses-section .courses-container .courses-content .courses-list .lists a {
    padding: 0 1rem;
  }
  .trainus-section {
    padding: 4rem 0rem;
  }
  .training-section .training-container {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  .training-section .training-container .heading {
    width: 100%;
    padding: 4rem 0rem;
    padding-bottom: 0;
  }
  .training-section .training-container .introduction {
    width: 42%;
    box-shadow: 0 0 10px #c1c1c1;
    position: relative;
    padding: 2rem;
  }
  .training-section .training-container .introduction:after {
    content: '';
    position: absolute;
    top: -1px;
    right: -108px;
    bottom: 0;
    width: 14px;
    background-color: #00800000;
    border-top: 483px solid transparent;
    border-left: 94px solid #FFF;
  }
  .training-section .training-container .courses-types {
    width: 58%;
    padding: 1.5rem 5rem 1.5rem 4rem;
  }
  .training-section .training-container .courses-types .belt-courses {
    width: 86%;
  }
  .training-section .training-container .courses-types .belt-courses .topfold {
    margin-bottom: 0;
  }
  .training-section .training-container .courses-types .yellowbelt {
    margin-left: -160px;
  }
  .training-section .training-container .courses-types .greenbelt {
    margin-left: -35px;
  }
  .training-section .training-container .courses-types .blackbelt {
    margin-left: 130px;
  }
  .sol-business-section {
    padding: 4rem 0rem;
  }
  .sol-business-section .sol-business-container .sol-business-content .content {
    margin-bottom: 0;
  }
  .sol-business-section .sol-business-container .sol-business-content .content ul {
    align-items: center;
  }
  .calendar-section {
    padding: 4rem 0rem;
  }
  .calendar-section .calendar-container {
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .calendar-section .calendar-container .heading {
    width: 100%;
    margin-bottom: 2rem;
  }
  .calendar-section .calendar-container .filter-top .select-dropdown {
    width: 60%;
  }
  .calendar-section .calendar-container .filter-top .select-coursee {
    width: 62%;
  }
  .calendar-section .calendar-container .filter-top .psub-heading {
    width: 80%;
  }
  .calendar-section .calendar-container .calendar-leftsection {
    width: 25%;
    position: sticky;
    height: fit-content;
    z-index: 1;
  }
  .calendar-section .calendar-container .calendar-leftsection .filter-section {
    flex-direction: column;
    margin: 0;
  }
  .calendar-section .calendar-container .calendar-leftsection .filter-section .filter-bar {
    display: flex;
  }
  .calendar-section .calendar-container .calendar-leftsection .filter-section .filter-bar .select-dropdown {
    width: 100%;
  }
  .calendar-section .calendar-container .calendar-leftsection .filter-section .filter-bar .training-modes {
    flex-direction: row;
  }
  .calendar-section .calendar-container .calendar-leftsection .filter-section .filter-bar .training-modes a {
    height: 100px;
    width: 47%;
    margin-bottom: 12px;
  }
  .calendar-section .calendar-container .calendar-leftsection .filter-section .filter-bar .training-modes a .green-icon {
    display: flex;
  }
  .calendar-section .calendar-container .calendar-leftsection .filter-section .filter-bar .training-modes a:hover .white-icon {
    display: flex;
  }
  .calendar-section .calendar-container .calendar-leftsection .filter-section .filter-bar .training-modes a span {
    margin-top: 12px;
  }
  .calendar-section .calendar-container .calendar-leftsection .filter-section .filter-bar .training-modes .active .white-icon {
    display: flex;
  }
  .calendar-section .calendar-container .calendar-leftsection .contact-details {
    display: flex;
  }
  .calendar-section .calendar-container .calendar-rightsection {
    width: 70%;
  }
  .calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .details {
    padding-bottom: 0;
  }
  .calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .details .location {
    width: 22%;
  }
  .calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .details .dates-section {
    width: 35%;
  }
  .calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .details .dates-section .delivery-method {
    width: 40%;
  }
  .calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .details .dates-section .dates {
    width: 44%;
  }
  .calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .details .price p {
    margin-bottom: 0;
  }
  .calendar-section .calendar-container .calendar-rightsection .price-section .dates-prices .bottom-bar .buttons .button-yellow {
    margin-bottom: 0;
  }
  .calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices {
    width: 48%;
  }
  .calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .count-course .course-name {
    font-size: 22px;
  }
  .calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .details .price p {
    margin-bottom: 0;
  }
  .calendar-section .calendar-container .calendar-rightsection .online-schedule .dates-prices .bottom-bar .buttons .button-yellow {
    margin-bottom: 0;
  }
  .calendar-section .calendar-container .calendar-rightsection .contact-form .online-schedule .onsite-container .onsite-booking .next-form .form-group input[type=number]::-webkit-inner-spin-button,
  .calendar-section .calendar-container .calendar-rightsection .contact-form .online-schedule .onsite-container .onsite-booking .next-form .form-group input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
  }
  .calendar-section .calendar-container .calendar-rightsection .contact-form .online-schedule .onsite-container .onsite-booking .next-form .form-group input[type=text]::-ms-clear {
    display: none;
  }
  .calendar-section .calendar-container .calendar-rightsection .contact-form .online-schedule .onsite-container .onsite-booking .next-form .form-group input[type=number]::-ms-clear {
    display: none;
  }
  .call-section {
    position: relative;
  }
  .call-section:after {
    content: '';
    width: 435px;
    height: 130px;
    background: #007D3D;
    right: 0;
    position: absolute;
  }
  .call-section .call-container .notes-section {
    padding-left: 0rem;
  }
  .call-section .call-container .notes-section h4 {
    font-size: 22px;
  }
  .call-section .call-container .call-link {
    padding: 2.2rem;
    width: 30%;
  }
  .call-section .call-container .call-link::before {
    border-top: 65px solid transparent;
    border-bottom: 65px solid transparent;
  }
  .call-section .call-container .call-link .text {
    z-index: 1;
  }
  .call-section .call-container .call-link .text a {
    font-size: 24px;
  }
  .call-section .call-container .call-link .text p {
    font-size: 16px;
  }
  .location {
    padding: 4rem 0rem;
  }
  .location .location-container .location-section {
    width: 100%;
    justify-content: space-between;
    margin-top: 1.2rem;
  }
  .location .location-container .location-section .single-location {
    width: 15%;
    margin: 0px 0px 20px 0px;
  }
  .blog-loc {
    justify-content: space-between;
  }
  .blog-loc .container {
    flex-direction: row;
    display: flex;
  }
  .blog-loc .container .location-container {
    width: 70%;
  }
  .blog-loc .container .blog-right {
    width: 25%;
  }
  .blog-loc .container .blog-right .recent-blogs {
    margin-top: 65px;
  }
  .blog-loc .container .blog-right .recent-blogs .all-items .items {
    margin-bottom: 1rem;
  }
  .blog-loc .container .blog-right .recent-blogs .all-items .items .item-left .top-icon {
    border-radius: 30px 0 30px;
  }
  .blog-loc .container .blog-right .recent-blogs .all-items .items .item-right a {
    font-size: 14px;
  }
  .blog-loc .container .blog-right .recent-blogs .all-items .items .item-right .item-right-bottom {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .blog-loc .container .blog-right .recent-blogs .all-items .items .item-right .item-right-bottom h5 {
    margin: 0;
  }
  .blog-loc .container .blog-right .recent-blogs .all-items .items .item-right .item-right-bottom span a {
    font-size: 13px;
  }
}
@media (min-width : 768px) {
  .banner-full {
    padding: 3rem 2rem;
    flex-direction: row;
    position: relative;
    height: 320px;
  }
  .banner-full .banner-detail {
    padding-top: 1rem;
    width: 60%;
  }
  .banner-full .right-section {
    display: flex;
    position: absolute;
    right: 0;
    width: 315px;
    height: 320px;
    top: 0;
  }
  .banner-full .right-section img {
    width: 100%;
  }
  .search-bar-common {
    margin-bottom: 1rem;
  }
  .search-bar-common .search {
    height: 40px;
  }
  .search-bar-common .search .global-icon {
    display: flex;
    padding: 12px 0;
    height: 40px;
  }
  .search-bar-common .search .search-input {
    padding: 12px 76px 12px 48px;
    padding-right: 8%;
    width: 80%;
  }
  .search-bar-common .search .search-button {
    background: #007D3D;
    width: 20%;
    padding: 12px 16px;
    right: 0;
    border-radius: 0;
    border: none;
    outline: none;
    height: 40px;
  }
  .search-bar-common .search .search-button .text {
    display: flex;
  }
  .search-bar-common .search .search-button img {
    display: none;
  }
  .header {
    display: flex;
    flex-direction: column;
  }
  .header .topbar .topbar-angle .topleft {
    flex: 2;
    padding: 0.5rem 2rem;
  }
  .header .topbar .topbar-angle .topleft .award {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-right: 20px;
  }
  .header .topbar .topbar-angle .topleft .award img {
    width: 100px;
  }
  .header .topbar .topbar-angle .topleft .tag-cart {
    display: flex;
    justify-content: flex-end;
    width: 56%;
  }
  .header .topbar .topbar-angle .topleft .tag-cart .tagline {
    display: flex;
    margin-right: 1.5rem;
  }
  .header .topbar .topbar-angle .topleft .tag-cart a {
    position: relative;
  }
  .header .topbar .topbar-angle .topleft .tag-cart a img {
    width: 20px;
    margin-right: 14px;
  }
  .header .topbar .topbar-angle .topleft .tag-cart a .cart-count {
    position: absolute;
    top: -5px;
    right: 0px;
    display: flex;
    background: #007d3d;
    width: 18px;
    height: 18px;
    justify-content: center;
    border-radius: 50%;
  }
  .header .topbar .topbar-angle .topright {
    position: absolute;
    top: 56px;
    right: 32px;
  }
  .header .topbar .topbar-angle .topright a {
    padding: 1rem 1rem;
  }
  .header .logobar {
    padding: 3rem 2rem;
    padding-top: 0.8rem;
    padding-bottom: 1rem;
  }
  .header .logobar .logo-container .logo-image {
    display: flex;
    width: 20%;
  }
  .header .logobar .logo-container .logo-image .logo-lg {
    padding: 0;
  }
  .header .logobar .logo-container .contactdetails {
    display: flex;
  }
  .header .logobar .logo-container .contactdetails .call {
    padding: 0 10px 0 4rem;
  }
  .header .logobar .logo-container .contactdetails .mail {
    padding: 0 10px 0 1rem;
  }
  .header .logobar .menu-container .menu,
  .header .logobar .menu-container .menu-toggle {
    display: none;
  }
  .header .logobar .menu-container .links .linksbar-angle.fixed-header {
    background: #FFF;
    box-shadow: 0 0 15px #888a8c;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    padding: 1rem 1.5rem;
    max-height: 61px;
  }
  .header .logobar .menu-container .links .linksbar-angle.fixed-header:before {
    display: none;
  }
  .header .logobar .menu-container .links .linksbar-angle.fixed-header ul {
    background-color: #FFF;
    justify-content: center;
    align-items: center;
  }
  .header .logobar .menu-container .links .linksbar-angle.fixed-header ul .resources,
  .header .logobar .menu-container .links .linksbar-angle.fixed-header ul .rating-li,
  .header .logobar .menu-container .links .linksbar-angle.fixed-header ul .blog,
  .header .logobar .menu-container .links .linksbar-angle.fixed-header ul .career,
  .header .logobar .menu-container .links .linksbar-angle.fixed-header ul .about,
  .header .logobar .menu-container .links .linksbar-angle.fixed-header ul .search-btn {
    display: none;
  }
  .header .logobar .menu-container .links .linksbar-angle.fixed-header ul .quote {
    display: none;
    background-color: #F8E402;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    line-height: 0;
    height: 37px;
    border-radius: 4px;
  }
  .header .logobar .menu-container .links .linksbar-angle.fixed-header ul .quote .link {
    color: #000000;
    padding: 0;
  }
  .header .logobar .menu-container .links .linksbar-angle.fixed-header ul .quote .link:before {
    display: none;
  }
  .header .logobar .menu-container .links .linksbar-angle.fixed-header ul .quote .link i {
    width: 15px;
    margin-left: 0.5rem;
    margin-right: 0;
    font-size: 14px;
  }
  .header .logobar .menu-container .links .linksbar-angle.fixed-header ul .link-logo {
    display: flex;
    padding: 0.5rem;
    width: 156px;
  }
  .header .logobar .menu-container .links .linksbar-angle.fixed-header ul .link-logo .link {
    padding: 0;
  }
  .header .logobar .menu-container .links .linksbar-angle.fixed-header ul .link-logo .link:before {
    display: none;
  }
  .header .logobar .menu-container .links .linksbar-angle.fixed-header ul .link-logo .link img {
    width: 120px;
  }
  .header .logobar .menu-container .links .linksbar-angle.fixed-header ul .links-li {
    padding: 0.5rem;
  }
  .header .logobar .menu-container .links .linksbar-angle.fixed-header ul .links-li .link {
    padding: 0;
    font-size: 14px;
    color: #000000;
  }
  .header .logobar .menu-container .links .linksbar-angle.fixed-header ul .links-li .link:hover:before {
    top: -12px;
  }
  .header .logobar .menu-container .links .linksbar-angle.fixed-header ul .links-li:first-child {
    padding-left: 0;
  }
  .header .logobar .menu-container .links .linksbar-angle.fixed-header ul .links-li::last-child {
    padding-right: 0;
  }
  .header .logobar .menu-container .links .linksbar-angle.fixed-header ul .contact {
    flex-grow: 1;
  }
  .header .logobar .menu-container .links .linksbar-angle.fixed-header ul .menucourses #menucourses i {
    display: none;
  }
  .header .logobar .menu-container .links .linksbar-angle.fixed-header ul .call-link {
    display: flex;
  }
  .header .logobar .menu-container .links .linksbar-angle.fixed-header ul .call-link .link::before {
    display: none;
  }
  .header .logobar .menu-container .links .linksbar-angle.fixed-header ul .call-link .link .icon {
    width: 33px;
    height: 33px;
    margin-top: 0.3rem;
    background-color: #F8E402;
    border-radius: 63%;
    justify-content: center;
    align-items: center;
    display: flex;
    margin-right: 0.4rem;
  }
  .header .logobar .menu-container .links .linksbar-angle.fixed-header ul .call-link .link .icon i {
    display: flex;
    width: 18px;
    font-size: 15px;
    color: #000000;
    margin-left: -2px;
    margin-top: 2px;
  }
  .header .logobar .menu-container .links .linksbar-angle.fixed-header ul .call-link .link .icon i:hover {
    color: #FFF;
  }
  .header .logobar .menu-container .links .linksbar-angle.fixed-header ul .call-link .link .text {
    display: none;
  }
  .header .logobar .menu-container .links .linksbar-angle.fixed-header ul .email-link {
    display: flex;
    padding-right: 0;
  }
  .header .logobar .menu-container .links .linksbar-angle.fixed-header ul .email-link .link::before {
    display: none;
  }
  .header .logobar .menu-container .links .linksbar-angle.fixed-header ul .email-link .link .icon {
    width: 33px;
    height: 33px;
    margin-top: 0.3rem;
    background-color: #007D3D;
    border-radius: 63%;
    justify-content: center;
    align-items: center;
    display: flex;
    margin-right: 0.4rem;
  }
  .header .logobar .menu-container .links .linksbar-angle.fixed-header ul .email-link .link .icon i {
    display: flex;
    width: 18px;
    font-size: 15px;
    color: #FFF;
    margin-right: -3px;
  }
  .header .logobar .menu-container .links .linksbar-angle.fixed-header ul .email-link .link .icon i:hover {
    color: #F8E402;
  }
  .header .logobar .menu-container .links .linksbar-angle.fixed-header ul .email-link .link .text {
    display: none;
  }
  .header .logobar .menu-container .links .linksbar-angle.fixed-header .sticky-filter-top {
    display: flex;
    position: fixed;
    left: 0;
    margin-bottom: 1rem;
    top: 3.8rem;
    z-index: 101;
    background-color: #f1f1f1;
    padding: 0.5rem 2rem;
    box-shadow: 0 0.5px 2px #c1c1c1;
    border-top: 1px solid #c1c1c1;
    cursor: auto;
    flex-direction: row;
    width: 100%;
    margin-top: 0;
    align-items: center;
  }
  .header .logobar .menu-container .links .linksbar-angle.fixed-header .sticky-filter-top .form {
    display: flex;
    flex-direction: row;
    margin-top: 0;
    align-items: center;
  }
  .header .logobar .menu-container .links .linksbar-angle.fixed-header .sticky-filter-top .select-course {
    width: 54%!important;
  }
  .header .logobar .menu-container .links .linksbar-angle.fixed-header .sticky-filter-top .select-dropdown {
    width: 40%;
    margin-right: 1rem;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .header .logobar .menu-container .links .linksbar-angle.fixed-header .sticky-filter-top .select-dropdown p {
    font-weight: 800;
    padding-bottom: 0.2rem;
    color: #000000;
    line-height: 1.4;
    font-size: 12px;
  }
  .header .logobar .menu-container .links .linksbar-angle.fixed-header .sticky-filter-top .select-dropdown select {
    padding: 7px 20px 7px 5px;
    background: #FFF;
    color: #787878;
    font-weight: 600;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #dbe2e8;
    outline: 0px;
    box-shadow: 5px 5px 10px 0 rgba(46, 61, 73, 0.05);
    cursor: pointer;
  }
  .header .logobar .menu-container .links .linksbar-angle.fixed-header .sticky-filter-top .select-dropdown select option {
    width: 100%;
  }
  .header .logobar .menu-container .links .linksbar-angle.fixed-header .sticky-filter-top .go-button {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  .header .logobar .menu-container .links .linksbar-angle.fixed-header .sticky-filter-top .go-button input[type=submit] {
    display: flex;
    width: 50px;
    height: 33px;
    border: none;
    color: #FFF;
    transition: all 0.2s ease;
    text-align: center;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    border-radius: 5px;
    box-shadow: 0 3px #1f5e887a;
    background: #1F5E88;
    cursor: pointer;
    justify-content: center;
    outline: none;
    margin-top: 17px;
    font-size: 16px;
    font-weight: 600;
  }
  .header .logobar .menu-container .links .linksbar-angle.fixed-header.animated {
    animation-duration: 1s;
  }
  .header .logobar .menu-container .links .linksbar-angle {
    display: flex;
    transition: none;
    align-items: center;
    position: absolute;
    flex-direction: row;
    top: 87px;
    width: 100%;
    padding: 3rem 2rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    max-height: 40px;
  }
  .header .logobar .menu-container .links .linksbar-angle .menu-toggle,
  .header .logobar .menu-container .links .linksbar-angle .sticky-filter-top {
    display: none;
  }
  .header .logobar .menu-container .links .linksbar-angle ul {
    display: flex;
    justify-content: flex-start;
    font-size: 14px;
    padding-left: 0;
  }
  .header .logobar .menu-container .links .linksbar-angle ul .links-li {
    padding: 0 0.5rem 0 0.6rem;
    position: relative;
    border-bottom: none;
  }
  .header .logobar .menu-container .links .linksbar-angle ul .links-li .link {
    align-items: center;
    font-size: 13px;
  }
  .header .logobar .menu-container .links .linksbar-angle ul .links-li .link:before {
    top: 2px;
    width: 26px;
    height: 26px;
    right: calc(100% - 20px);
  }
  .header .logobar .menu-container .links .linksbar-angle ul .links-li .link i {
    margin-right: 0rem;
    display: none;
    width: 0px;
  }
  .header .logobar .menu-container .links .linksbar-angle ul .links-li .link .down {
    display: flex;
  }
  .header .logobar .menu-container .links .linksbar-angle ul .links-li:last-child .link:before {
    opacity: 0;
    visibility: hidden;
  }
  .header .logobar .menu-container .links .linksbar-angle ul .links-li:nth-child(2) {
    padding-left: 0;
  }
  .header .logobar .menu-container .links .linksbar-angle ul .search-btn {
    cursor: pointer;
    background: white;
    border-radius: 20px;
    padding: 5px;
    margin-left: 1rem;
  }
  .header .logobar .menu-container .links .linksbar-angle ul .search-btn a {
    height: 18px;
    width: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .header .logobar .menu-container .links .linksbar-angle ul .search-btn a img {
    width: 15px;
  }
  .footer {
    margin-bottom: -43px;
    padding-bottom: 55px;
  }
  .footer::before {
    content: '';
    background-image: url(../img/master/waves.svg);
    background-size: cover;
    background-repeat: no-repeat;
    top: 0;
    width: 100%;
    min-height: 66px;
  }
  .footer .footer-container {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 2rem 2rem 0 2rem;
  }
  .footer .footer-container .footer-about {
    width: 45%;
  }
  .footer .footer-container .footer-about .heading {
    margin-bottom: 0.5rem;
  }
  .footer .footer-container .footer-about .heading h2 {
    padding: 0 24px;
  }
  .footer .footer-container .footer-links {
    width: 45%;
  }
  .footer .footer-container .footer-courses {
    width: 45%;
  }
  .footer .footer-container .footer-articles {
    width: 45%;
  }
  .footer .footer-container .footer-articles a {
    padding: 15px;
  }
  .footer .footer-bottom {
    padding: 1rem 0;
  }
  .footer .social-side {
    display: block;
    position: fixed;
    bottom: 31%;
    right: 0px;
    z-index: 13;
  }
  .footer .social-side .side-call {
    color: #ffffff;
    font-size: 18px;
    padding: 12px;
    width: 100%;
    display: block;
    font-weight: bold;
    background: #FF7700;
    margin-bottom: 5px;
    position: relative;
    text-align: center;
  }
  .footer .social-side .side-call .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #FFF;
    color: #000000;
    text-align: center;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    top: 8px;
    right: 111%;
    font-size: 14px;
    box-shadow: 0 0 10px #888a8c;
  }
  .footer .social-side .side-call .tooltiptext:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #FFF;
  }
  .footer .social-side .side-call:hover {
    background: #fb3838;
  }
  .footer .social-side .side-call:hover .tooltiptext {
    visibility: visible;
  }
  .footer .social-side .side-chat {
    color: #ffffff;
    font-size: 18px;
    padding: 12px;
    width: 100%;
    display: block;
    font-weight: bold;
    background: #FF7700;
    margin-bottom: 5px;
    text-align: center;
  }
  .footer .social-side .side-chat .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #FFF;
    color: #000000;
    text-align: center;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    top: 61px;
    right: 111%;
    font-size: 14px;
    box-shadow: 0 0 10px #888a8c;
  }
  .footer .social-side .side-chat .tooltiptext:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #FFF;
  }
  .footer .social-side .side-chat:hover {
    background: #fb3838;
  }
  .footer .social-side .side-chat:hover .tooltiptext {
    visibility: visible;
  }
  .footer .social-side .side-enq {
    color: #ffffff;
    font-size: 18px;
    padding: 12px;
    width: 100%;
    display: block;
    font-weight: bold;
    background: #FF7700;
    text-align: center;
  }
  .footer .social-side .side-enq .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #FFF;
    color: #000000;
    text-align: center;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    top: 112px;
    right: 111%;
    font-size: 14px;
    box-shadow: 0 0 10px #888a8c;
  }
  .footer .social-side .side-enq .tooltiptext:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #FFF;
  }
  .footer .social-side .side-enq:hover {
    background: #fb3838;
  }
  .footer .social-side .side-enq:hover .tooltiptext {
    visibility: visible;
  }
  .cookie-div {
    flex-direction: row;
    justify-content: space-around;
    bottom: 0px;
  }
  .cookie-div p {
    width: 70%;
  }
  .cookie-div span {
    width: 18%;
    height: fit-content;
  }
  .heading h2 {
    font-size: 22px;
  }
  /* Pagination */
  .pagination {
    justify-content: flex-end;
  }
  .pagination > li {
    margin-bottom: 0;
  }
  /* End Pagination */
  .sub-heading h2 {
    font-size: 22px;
    background: url(../img/master/underline-dsk.svg);
    background-repeat: no-repeat;
    background-position: bottom;
  }
  .modal-blocker {
    max-width: 650px;
    z-index: 2;
    padding: 0;
  }
  .modal-blocker .modal-body .modal-form form {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .modal-blocker .modal-body .modal-form form .title {
    width: 100%;
  }
  .modal-blocker .modal-body .modal-form form .input-container {
    width: 48%;
  }
  .modal-blocker .modal-body .modal-form form .input-container-message {
    width: 100%;
  }
  #ui-id-1 {
    width: 350px;
  }
  .fixed-enq {
    display: none;
  }
  /*BAck to top*/
  #scroll {
    right: 20px;
    bottom: 22px;
  }
}
@media (min-width : 1024px) {
  .search-bar-common {
    width: 80%;
  }
  .header .topbar .topbar-angle .topleft .tag-cart {
    width: 45%;
  }
  .header .topbar .topbar-angle .topright a {
    font-size: 16px;
  }
  .header .topbar .topbar-angle .topright:after {
    border-top: 53.2px solid #F8E402;
  }
  .header .logobar .logo-container .contactdetails {
    margin-right: auto;
    justify-content: flex-end;
    width: 60%;
  }
  .header .logobar .logo-container .contactdetails .search {
    display: flex;
    width: 211px;
  }
  .header .logobar .logo-container .contactdetails .award {
    display: flex;
    padding-left: 4rem;
  }
  .header .logobar .logo-container .contactdetails .call {
    padding: 0;
    padding-right: 12px;
  }
  .header .logobar .logo-container .contactdetails .mail {
    padding: 0;
  }
  .header .logobar .menu-container .links .linksbar-angle.fixed-header ul .quote {
    display: flex;
  }
  .header .logobar .menu-container .links .linksbar-angle.fixed-header .sticky-filter-top .form {
    width: 1200px;
    margin: auto;
  }
  .header .logobar .menu-container .links .linksbar-angle.fixed-header .sticky-filter-top .select-course {
    width: 100%!important;
  }
  .header .logobar .menu-container .links .linksbar-angle.fixed-header .sticky-filter-top .select-dropdown {
    width: 56%;
  }
  .header .logobar .menu-container .links .linksbar-angle ul .links-li {
    padding: 0 0.5rem 0 1rem;
  }
  .header .logobar .menu-container .links .linksbar-angle ul .links-li .link {
    font-size: 13px;
  }
  .header .logobar .menu-container .links .linksbar-angle ul .links-li .link:before {
    top: 10px;
  }
  .header .logobar .menu-container .links .linksbar-angle ul .contact {
    flex-grow: 1;
  }
  .header .logobar .menu-container .links .linksbar-angle ul .search-btn {
    display: none;
  }
  .header .logobar .menu-container .links .linksbar-angle ul .rating-li {
    flex-grow: 1;
    display: flex;
  }
  .header .logobar .menu-container .links .linksbar-angle ul .rating-li .link {
    display: flex;
    align-items: center;
    padding: 0.7rem 0;
  }
  .header .logobar .menu-container .links .linksbar-angle ul .rating-li .link:hover:before {
    display: none;
  }
  .header .logobar .menu-container .links .linksbar-angle ul .rating-li .link .rating {
    margin-right: -57px;
  }
  .header .logobar .menu-container .links .linksbar-angle ul .rating-li .link .rating img {
    width: 24px;
    height: 22px;
  }
  .header .logobar .menu-container .links .linksbar-angle ul li {
    margin-bottom: 0;
  }
  .header .logobar #dropdown-menu .menu-container .menu-list {
    padding: 3rem;
    padding-bottom: 2rem;
  }
  .header .logobar #dropdown-menu .menu-container .menu-list .menu-content {
    position: relative;
    padding: 1.5rem 1rem;
    width: 23%;
  }
  .header .logobar #dropdown-menu .menu-container .menu-list .menu-content .list-heading {
    font-size: 16px;
  }
  .header .logobar #dropdown-menu .menu-container .menu-list .menu-content .list-heading:after {
    top: 21px;
  }
  .header .logobar #dropdown-menu .menu-container .list-of-courses {
    display: flex;
  }
  .banner-full .right-section {
    bottom: 0;
  }
  .footer::before {
    min-height: 88px;
  }
  .footer .footer-container .footer-about {
    width: 40%;
  }
  .footer .footer-container .footer-links,
  .footer .footer-container .footer-courses {
    width: 25%;
  }
  .footer .footer-container .footer-articles {
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row;
    min-height: auto;
  }
  .footer .footer-container .footer-articles h2 {
    width: 100%;
  }
  .footer .footer-container .footer-articles a {
    width: 45%;
  }
  .footer .footer-container .footer-articles a .text .ques {
    margin-bottom: 6px;
  }
  .heading h2 {
    font-size: 26px;
  }
}
@media (min-width : 1366px) {
  .container {
    width: 1200px;
    margin: 0 auto;
  }
  .blocker {
    overflow: scroll;
  }
  .banner-full {
    padding-left: 0;
  }
  .banner-full .banner-detail h1 span {
    top: -4px;
  }
  .banner {
    padding: 5rem 0rem;
    height: auto;
  }
  .banner .banner-detail h1 {
    font-size: 38px;
  }
  .search-bar-common {
    width: 65%;
  }
  .search-bar-common .search .global-icon {
    width: 50px;
  }
  .search-bar-common .search .search-input {
    padding: 12px 103px 12px 64px;
  }
  .search-bar-common .search .search-button:hover {
    background: #1F5E88;
  }
  .header .container {
    width: 100%;
  }
  .header .container .topbar:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    content: "";
    background: #000000;
    z-index: 1;
  }
  .header .container .topbar .trusted {
    display: flex;
    width: 21%;
    justify-content: flex-end;
    align-items: center;
    padding-top: 10px;
  }
  .header .container .topbar .topbar-angle {
    width: 76%;
    margin-left: auto;
  }
  .header .container .topbar .topbar-angle:before {
    content: '';
    background: #000000;
    width: 55px;
    height: 100%;
    background: #1E1E1E;
    transform: skewX(216deg);
    left: -26px;
    position: absolute;
  }
  .header .container .topbar .topbar-angle .topleft {
    font-size: 14px;
    padding: 0.7rem 5rem 0.7rem 2.5rem;
  }
  .header .container .topbar .topbar-angle .topleft .tag-cart {
    width: 45%;
  }
  .header .container .topbar .topbar-angle .topright {
    right: 80px;
    top: 65px;
  }
  .header .container .logobar {
    padding: 4rem 0rem;
    padding-bottom: 1rem;
    padding-top: 1rem;
  }
  .header .container .logobar .logo-container {
    font-size: 14px;
    position: relative;
  }
  .header .container .logobar .logo-container .logo-image {
    justify-content: flex-end;
    position: absolute;
    align-items: center;
  }
  .header .container .logobar .logo-container .logo-image img {
    width: 210px;
  }
  .header .container .logobar .logo-container .logo-image .logo-sm {
    display: none;
  }
  .header .container .logobar .logo-container .logo-image .logo-lg {
    padding-top: 0px;
  }
  .header .container .logobar .logo-container .contactdetails {
    margin-left: 0;
    margin-right: auto;
    width: 80%;
  }
  .header .container .logobar .logo-container .contactdetails .call {
    padding-left: 3rem;
  }
  .header .container .logobar .logo-container .contactdetails .mail {
    padding-left: 4rem;
    padding-right: 3rem;
  }
  .header .container .logobar .menu-container .links:before {
    position: absolute;
    top: 123px;
    left: 0;
    width: 100%;
    height: 4px;
    content: "";
    background: #007D3D;
    z-index: 5;
  }
  .header .container .logobar .menu-container .links .linksbar-angle.fixed-header {
    width: 100%;
    height: 61px;
    z-index: 100;
    top: 0;
    background-color: #FFF;
  }
  .header .container .logobar .menu-container .links .linksbar-angle.fixed-header ul {
    border-top-left-radius: 0;
    padding-left: 0;
    padding-right: 0;
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
  .header .container .logobar .menu-container .links .linksbar-angle.fixed-header ul .link-logo {
    width: 160px;
  }
  .header .container .logobar .menu-container .links .linksbar-angle.fixed-header ul .links-li {
    margin-right: 0.5rem;
  }
  .header .container .logobar .menu-container .links .linksbar-angle.fixed-header ul .email-link {
    margin-right: 1rem;
  }
  .header .container .logobar .menu-container .links .linksbar-angle.fixed-header ul .email-link .link .text {
    display: flex;
  }
  .header .container .logobar .menu-container .links .linksbar-angle.fixed-header ul .call-link .link .text {
    display: flex;
  }
  .header .container .logobar .menu-container .links .linksbar-angle.fixed-header ul .resources {
    flex-grow: 1;
  }
  .header .container .logobar .menu-container .links .linksbar-angle {
    width: 78%;
    z-index: 6;
    height: 50px;
    background: transparent;
    padding: 1rem 0;
    top: 98px;
  }
  .header .container .logobar .menu-container .links .linksbar-angle:before {
    content: '';
    width: 30px;
    height: 110%;
    background: #007D3D;
    transform: skewX(146deg);
    left: 16px;
    position: absolute;
  }
  .header .container .logobar .menu-container .links .linksbar-angle ul {
    border-top-left-radius: 48px;
    padding-left: 3rem;
    width: 98%;
    margin-left: auto;
    padding-right: 5rem;
  }
  .header .container .logobar .menu-container .links .linksbar-angle ul .rating-li {
    justify-content: flex-end;
    flex-grow: 2;
    padding: 0px;
  }
  .header .container .logobar .menu-container .links .linksbar-angle ul .rating-li .link .rating {
    margin-right: 0px;
  }
  .header .container .logobar #dropdown-menu {
    top: 125px;
  }
  .header .container .logobar #dropdown-menu .menu-container .menu-list {
    padding: 4rem;
    padding-bottom: 2rem;
  }
  .header .container .logobar #dropdown-menu .menu-container .list-of-courses {
    display: flex;
  }
  .footer {
    padding-bottom: 50px;
  }
  .footer::before {
    min-height: 170px;
  }
  .footer .container {
    width: 100%;
  }
  .footer .footer-container {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 1rem 5rem;
  }
  .footer .footer-container .footer-about {
    width: 25%;
    margin-bottom: 0;
  }
  .footer .footer-container .footer-articles {
    width: 25%;
  }
  .footer .footer-container .footer-articles a {
    width: 100%;
  }
  .footer .footer-container .footer-links {
    width: 15%;
    margin-bottom: 0;
  }
  .footer .footer-container .footer-courses {
    width: 20%;
    margin-bottom: 0;
  }
  .social-side {
    right: 0;
  }
  .cookie-div span {
    width: 10%;
  }
  .heading h2 {
    font-size: 28px;
  }
}
@media (min-width : 1400px) {
  .header .container .logobar .menu-container .links .linksbar-angle:before {
    left: 27px;
  }
  .header .container .logobar .logo-container .contactdetails .call {
    padding-left: 5rem;
  }
  .header .container .logobar #dropdown-menu .menu-container .list-of-courses {
    width: 25%;
    background-size: 95% 120%;
    padding: 2rem 0 3rem 7rem;
  }
  .header .container .logobar #dropdown-menu .menu-container .list-of-courses .content {
    width: 78%;
  }
  .header .container .logobar #dropdown-menu .menu-container .menu-list .buttons {
    right: 110px;
    bottom: 110px;
  }
  .training-section .training-container .introduction:after {
    border-top: 481px solid transparent;
  }
}
@media (min-width : 1700px) {
  .header .container .logobar #dropdown-menu {
    width: 67%;
  }
}
@media (min-width : 1900px) {
  .header .container .logobar .logo-container .contactdetails .call {
    padding-left: 25rem;
  }
  .header .container .logobar .menu-container .links .linksbar-angle:before {
    height: 111%;
  }
}
.aboutus-banner {
  background-image: url("../img/about/banner.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left;
  display: flex;
  flex-direction: column;
}
.aboutus-banner .wave-image {
  display: none;
}
.aboutus-banner .banner-full {
  padding: 3rem 1.5rem;
}
.aboutus-banner .banner-full .banner-detail {
  padding-top: 0;
}
.we-do {
  display: flex;
  width: 100%;
  margin: 0 auto;
  padding: 3rem 1.5rem;
  flex-direction: column;
}
.we-do .we-do-inner {
  display: flex;
}
.we-do .we-do-inner .inner-left {
  display: flex;
  flex-direction: column;
  background-color: #F5F4F4;
  padding: 1rem;
}
.we-do .we-do-inner .inner-left .buttons {
  flex-direction: column;
}
.we-do .we-do-inner .inner-left .buttons img {
  margin-bottom: 1rem;
  width: 150px;
  height: 33px;
}
.we-do .we-do-inner .inner-right {
  display: none;
}
.our-success {
  display: flex;
  padding: 3rem 1.5rem 0 1.5rem;
  flex-direction: column;
}
.our-success .container .our-success-inner {
  display: flex;
  flex-direction: column;
}
.our-success .container .our-success-inner .text {
  display: flex;
  flex-direction: column;
}
.our-success .container .our-success-inner .text .heading {
  margin-bottom: 20px;
}
.our-success .container .our-success-inner .foundation {
  display: flex;
  flex-direction: column;
}
.our-success .container .our-success-inner .foundation .container .timeline {
  padding: 0;
  position: relative;
  padding-top: 0;
}
.our-success .container .our-success-inner .foundation .container .timeline:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  bottom: 0;
  width: 2px;
  background-color: #F6F6F6;
}
.our-success .container .our-success-inner .foundation .container .timeline li {
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.our-success .container .our-success-inner .foundation .container .timeline li .timeline-badge {
  width: 20px;
  height: 20px;
  position: absolute;
  border-radius: 50%;
  margin-left: -9px;
  left: 50%;
  top: 36px;
  background-color: #007D3D;
  display: flex;
  border: 5px solid white;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.our-success .container .our-success-inner .foundation .container .timeline li .content {
  width: 100%;
  padding-top: 0px;
  padding-right: 0;
  text-align: center;
  background-color: #fff;
  order: 2;
}
.our-success .container .our-success-inner .foundation .container .timeline li .title {
  width: 100%;
  padding: 0;
  margin: 75px 0px 18px 0px;
  display: flex;
  flex-direction: column;
  text-align: center;
  background-color: #fff;
  order: 1;
}
.our-success .container .our-success-inner .foundation .container .timeline li .title h3 {
  color: #1F5E88;
}
.our-success .container .our-success-inner .foundation .container .timeline li .title p {
  font-weight: 600;
  text-align: center;
}
.our-success .container .our-success-inner .foundation .container .timeline li:nth-child(even) .content {
  padding-left: 0;
  text-align: center;
}
.our-success .container .our-success-inner .foundation .container .timeline li:last-child {
  margin-bottom: 0px;
  order: 1;
}
.mission {
  display: flex;
  flex-direction: column;
  padding: 3rem 1.5rem;
}
.mission .mission-inner {
  display: flex;
  flex-direction: column;
}
.mission .mission-inner .mission-inner-left {
  display: none;
}
.mission .mission-inner .mission-inner-right {
  display: flex;
  flex-direction: column;
}
.mission .mission-inner .mission-inner-right .tabs {
  width: 100%;
  flex-direction: column;
  display: flex;
}
.mission .mission-inner .mission-inner-right .tabs .tabjs-container {
  display: flex;
  flex-direction: column;
}
.mission .mission-inner .mission-inner-right .tabs .tabjs-container .tab-order:nth-child(1) {
  order: 1;
}
.mission .mission-inner .mission-inner-right .tabs .tabjs-container .tab-order:nth-child(2) {
  order: 3;
}
.mission .mission-inner .mission-inner-right .tabs .tabjs-container .tab-order:nth-child(3) {
  order: 2;
}
.mission .mission-inner .mission-inner-right .tabs .tabjs-container .tab-order:nth-child(4) {
  order: 4;
}
.mission .mission-inner .mission-inner-right .tabs .tabjs-container .tab-head {
  display: flex;
}
.mission .mission-inner .mission-inner-right .tabs .tabjs-container .tab-head .tabjs-switch {
  margin: 10px;
  width: 100%;
  display: flex;
  justify-content: center;
  background: #007D3D;
  color: #ffffff;
  padding: 10px 20px;
  border-radius: 22px 0 22px 0;
  font-size: 18px;
}
.mission .mission-inner .mission-inner-right .tabs .tabjs-container .tab-head .active {
  background: black;
}
.mission .mission-inner .mission-inner-right .tabs .tabjs-container .tabjs .detail {
  text-align: justify;
  padding: 20px;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.098);
}
.mission .mission-inner .mission-inner-right .tabs .tabjs-container .tabjs .detail h3 {
  color: #007D3D;
  margin-bottom: 20px;
}
.about-clients {
  display: flex;
  flex-direction: column;
  padding: 3rem 1.5rem;
  background: #f5f4f4;
}
.about-clients .container .all-clients {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
}
.about-clients .container .all-clients .top-clients {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.about-clients .container .all-clients .top-clients .heading {
  width: 100%;
}
.about-clients .container .all-clients .top-clients .buttons {
  display: none;
}
.about-clients .container .all-clients .client-name {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.about-clients .container .all-clients .client-name .clients-type {
  margin-top: 2rem;
  position: relative;
  background-color: #fff;
  height: 100px;
  width: 100px;
  border-radius: 50%;
  box-shadow: 0 0 10px #c1c1c1;
  justify-content: center;
  align-items: center;
  display: flex;
}
.about-clients .container .all-clients .client-name .clients-type img {
  width: 46px;
}
.about-clients .container .all-clients .client-name .clients-type .number {
  background-color: #1F5E88;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  box-shadow: 0 0 10px #c1c1c1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: -8px;
  left: 4px;
  color: #FFF;
}
.about-clients .container .all-clients .client-name .clients-type .number h2 {
  font-size: 17px;
}
.about-clients .container .all-clients .client-name p {
  padding-top: 1rem;
  font-size: 16px;
}
.about-clients .container .all-clients p {
  font-weight: 700;
}
@media (min-width : 768px) {
  .aboutus-banner {
    background-image: url("../img/about/banner.png");
    background-position: center;
    position: relative;
    margin-top: 1.5rem;
  }
  .aboutus-banner .wave-image {
    display: flex;
    flex-direction: column;
    position: absolute;
    bottom: -55px;
    width: 100%;
  }
  .aboutus-banner .wave-image img {
    width: 100%;
  }
  .aboutus-banner .banner-full {
    height: 280px;
    padding: 4rem 2rem;
  }
  .aboutus-banner .banner-full .right-section {
    width: 220px;
    height: 280px;
  }
  .we-do {
    padding: 3rem 2rem;
    flex-direction: row;
    padding-left: 0;
  }
  .we-do .we-do-inner {
    position: relative;
  }
  .we-do .we-do-inner .inner-left {
    width: 60%;
    padding: 2rem 4rem 2rem 3rem;
    border-radius: 0 64px 64px 0;
  }
  .we-do .we-do-inner .inner-left .heading p {
    margin-top: 1rem;
  }
  .we-do .we-do-inner .inner-left .buttons {
    justify-content: flex-start;
    align-items: flex-start;
  }
  .we-do .we-do-inner .inner-right {
    display: flex;
    width: 40%;
  }
  .we-do .we-do-inner .inner-right .image-box {
    display: flex;
    justify-content: center;
    flex-direction: column;
    left: -66px;
    position: relative;
    width: 100%;
  }
  .we-do .we-do-inner .inner-right .image-box .image {
    position: absolute;
    width: 100%;
    display: flex;
    top: 85px;
  }
  .we-do .we-do-inner .inner-right .image-box .image img {
    width: 380px;
  }
  .we-do .we-do-inner .inner-right .image-box .blue-box {
    position: absolute;
    display: none;
    background: #1F5E88;
    width: 65%;
    height: 82px;
    border-radius: 18px 18px 18px 0;
    text-align: center;
    top: 40px;
    right: -66px;
    color: #fff;
    padding: 16px;
  }
  .we-do .we-do-inner .inner-right .image-box .blue-box p {
    font-size: 12px;
  }
  .we-do .we-do-inner::before {
    content: "";
    position: absolute;
    width: 19%;
    right: 217px;
    top: 27px;
    bottom: 0;
    z-index: -1;
    /* left: 0; */
    background-image: url(../img/about/leaf.png);
    background-repeat: no-repeat;
    background-size: contain;
  }
  .our-success {
    background-color: #F5F4F4;
    padding: 3rem 2rem;
  }
  .our-success .container .our-success-inner {
    background-image: url("../img/about/dotted-map.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }
  .our-success .container .our-success-inner .text {
    justify-content: center;
    align-items: center;
  }
  .our-success .container .our-success-inner .foundation {
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
  }
  .our-success .container .our-success-inner .foundation .container .timeline {
    padding: 0;
    position: relative;
    padding-top: 0;
    padding-bottom: 36px;
  }
  .our-success .container .our-success-inner .foundation .container .timeline:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    bottom: 0;
    width: 2px;
    background-color: #E1E1E1;
  }
  .our-success .container .our-success-inner .foundation .container .timeline li {
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
  }
  .our-success .container .our-success-inner .foundation .container .timeline li .content {
    width: 45%;
    justify-content: flex-start;
    display: flex;
    align-items: center;
    padding: 0 2rem;
    background-color: transparent;
  }
  .our-success .container .our-success-inner .foundation .container .timeline li .content P {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 72px;
    padding: 15px;
    border-right: 2px solid #007D3D;
    position: relative;
    background: #fff;
    font-size: 12px;
    box-shadow: 0 0 8px #c1c1c1;
  }
  .our-success .container .our-success-inner .foundation .container .timeline li .content P:before {
    content: '';
    position: absolute;
    top: 0;
    left: -15px;
    transform: rotate(180deg);
    background-color: transparent;
    border-bottom: 48px solid transparent;
    border-left: 15px solid #007D3D;
  }
  .our-success .container .our-success-inner .foundation .container .timeline li .timeline-badge {
    left: 50%;
    top: 23px;
    box-shadow: 0 0 5px green;
  }
  .our-success .container .our-success-inner .foundation .container .timeline li .title {
    text-align: right;
    margin: 18px 0 18px 0;
    padding: 0 2rem;
    width: 45%;
    background: #F5F4F4;
  }
  .our-success .container .our-success-inner .foundation .container .timeline li .title h3 {
    font-size: 18px;
  }
  .our-success .container .our-success-inner .foundation .container .timeline li .title p {
    text-align: right;
  }
  .our-success .container .our-success-inner .foundation .container .timeline li:nth-child(even) .content {
    padding: 0 2rem;
    text-align: center;
    order: 1;
  }
  .our-success .container .our-success-inner .foundation .container .timeline li:nth-child(even) .content p {
    border-right: none;
    border-left: 2px solid #F8E402;
  }
  .our-success .container .our-success-inner .foundation .container .timeline li:nth-child(even) .content p:before {
    display: none;
  }
  .our-success .container .our-success-inner .foundation .container .timeline li:nth-child(even) .content p:after {
    content: '';
    position: absolute;
    top: 0;
    right: -17px;
    transform: rotate(180deg);
    background-color: transparent;
    border-bottom: 48px solid transparent;
    border-right: 16px solid #F8E402;
  }
  .our-success .container .our-success-inner .foundation .container .timeline li:nth-child(even) .timeline-badge {
    background-color: #F8E402;
    box-shadow: 0 0 5px yellow;
  }
  .our-success .container .our-success-inner .foundation .container .timeline li:nth-child(even) .title {
    text-align: left;
  }
  .our-success .container .our-success-inner .foundation .container .timeline li:nth-child(even) .title p {
    text-align: left;
  }
  .mission {
    padding-right: 0;
  }
  .mission .mission-inner {
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
  }
  .mission .mission-inner .mission-inner-left {
    display: flex;
    width: 30%;
  }
  .mission .mission-inner .mission-inner-left .image {
    display: flex;
    width: 100%;
  }
  .mission .mission-inner .mission-inner-left .image img {
    border-radius: 64px 0 64px 0;
    background-size: cover;
    width: 246px;
    top: 10px;
    position: absolute;
    left: 22px;
  }
  .mission .mission-inner .mission-inner-right {
    width: 70%;
    margin-left: auto;
  }
  .mission .mission-inner .mission-inner-right .tabs {
    border-radius: 64px 0 0 64px;
    background-color: #F5F4F4;
    padding: 1rem 3rem;
  }
  .mission .mission-inner .mission-inner-right .tabs .tabjs-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .mission .mission-inner .mission-inner-right .tabs .tabjs-container .tab-order:nth-child(1) {
    order: 1;
  }
  .mission .mission-inner .mission-inner-right .tabs .tabjs-container .tab-order:nth-child(2) {
    order: 2;
  }
  .mission .mission-inner .mission-inner-right .tabs .tabjs-container .tab-order:nth-child(3) {
    order: 3;
    width: 100%;
  }
  .mission .mission-inner .mission-inner-right .tabs .tabjs-container .tab-order:nth-child(4) {
    order: 4;
  }
  .mission .mission-inner .mission-inner-right .tabs .tabjs-container .tabjs .detail {
    box-shadow: none;
  }
  .mission .mission-inner::before {
    content: "";
    position: absolute;
    width: 18%;
    left: 4px;
    top: 13px;
    bottom: 0;
    background-image: url(../img/about/leaf-double.png);
    background-repeat: no-repeat;
    background-size: contain;
  }
  .about-clients {
    padding: 3rem 2rem;
    margin-bottom: -151px;
    padding-bottom: 9rem !important;
  }
  .about-clients .container .all-clients {
    flex-direction: row;
    flex-wrap: wrap;
    padding-top: 0;
    justify-content: space-between;
  }
  .about-clients .container .all-clients .top-clients {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .about-clients .container .all-clients .top-clients .heading {
    width: auto;
  }
  .about-clients .container .all-clients .top-clients .buttons {
    display: flex;
    margin-top: 0;
  }
  .about-clients .container .all-clients .client-name {
    width: 20%;
  }
  .about-clients .container .all-clients .client-name p {
    padding-top: 1rem;
    font-size: 12px;
  }
}
@media (min-width : 1024px) {
  .aboutus-banner .wave-image img {
    height: 150px;
  }
  .we-do .we-do-inner .inner-left {
    width: 65%;
  }
  .we-do .we-do-inner .inner-left .heading p {
    margin-top: 1rem;
  }
  .we-do .we-do-inner .inner-left .buttons {
    flex-direction: row;
    margin-top: 1.5rem;
    justify-content: space-between;
    align-items: center;
  }
  .we-do .we-do-inner .inner-left .buttons .button-green {
    margin-right: 1rem;
  }
  .we-do .we-do-inner .inner-left .buttons img {
    margin-bottom: 0;
  }
  .we-do .we-do-inner .inner-right .image-box {
    left: -35px;
  }
  .we-do .we-do-inner .inner-right .image-box .image {
    top: 65px;
  }
  .we-do .we-do-inner .inner-right .image-box .image img {
    width: 330px;
    height: 280px;
  }
  .we-do .we-do-inner .inner-right .blue-box {
    display: none;
    position: absolute;
    display: flex;
    background: #1f5e88;
    width: 68%;
    height: 82px;
    border-radius: 18px 18px 18px 0;
    text-align: center;
    top: -30px;
    left: 120px;
    color: #fff;
    padding: 16px;
  }
  .we-do .we-do-inner::before {
    width: 12%;
    top: 15px;
    right: 313px;
  }
  .mission .mission-inner .mission-inner-left .image img {
    width: 248px;
    left: 79px;
    top: 6px;
  }
  .mission .mission-inner:before {
    left: 20px;
    top: 5px;
  }
  .about-clients .container .all-clients .client-name p {
    font-size: 17px;
  }
}
@media (min-width : 1366px) {
  .aboutus-banner {
    margin-top: 2.8rem;
  }
  .aboutus-banner .wave-image {
    width: 100%;
  }
  .aboutus-banner .wave-image img {
    height: 180px;
  }
  .aboutus-banner .banner-full {
    padding: 3rem 0;
  }
  .aboutus-banner .banner-full .banner-detail {
    padding-top: 0.8rem;
  }
  .we-do {
    padding: 3rem 0;
  }
  .we-do .we-do-inner .inner-left {
    width: 70%;
    padding: 2rem 4rem 2rem 1rem;
  }
  .we-do .we-do-inner .inner-right {
    left: 636px;
    height: 260px;
    top: 43px;
  }
  .we-do .we-do-inner .inner-right .image-box {
    top: -57px;
  }
  .we-do .we-do-inner .inner-right .image-box .blue-box {
    height: 65px;
    padding: 12px;
    width: 52%;
    left: 190px;
    top: -13px;
  }
  .we-do .we-do-inner .inner-right .image-box .image img {
    width: 361px;
    height: 293px;
  }
  .we-do .we-do-inner::before {
    top: -24px;
    right: 32%;
    width: 8%;
  }
  .mission {
    padding: 3rem 0;
  }
  .mission .mission-inner:before {
    left: 156px;
    top: 0px;
    width: 11%;
  }
  .mission .mission-inner .mission-inner-left {
    width: 14%;
    left: 73px;
    top: -8px;
    position: absolute;
  }
  .mission .mission-inner .mission-inner-left .image img {
    top: 10px;
    left: 100px;
    width: 242px;
  }
  .about-clients {
    padding: 4rem 0rem;
  }
  .about-clients .container .all-clients .client-name .clients-type {
    height: 120px;
    width: 120px;
  }
  .about-clients .container .all-clients .client-name .clients-type .number {
    height: 35px;
    width: 35px;
  }
  .about-clients .container .all-clients .client-name p {
    font-size: 18px;
  }
}
@media (min-width : 1400px) {
  .mission .mission-inner:before {
    left: 14%;
  }
  .mission .mission-inner .mission-inner-left {
    left: 7%;
  }
}
.clients-banner {
  background-image: url("../img/clients/clients-banner.png");
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
}
.clients-banner .banner-full .banner-detail {
  padding-top: 0;
}
.clients-banner .banner-full .banner-detail .search-bar-common {
  margin-bottom: 0;
}
.clients {
  display: flex;
  width: 100%;
  margin: 0 auto;
  padding: 3rem 1.5rem;
}
.clients .clients-content .introduction .heading {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.clients .clients-content .introduction .heading h2 {
  width: 50%;
}
.clients .clients-content .introduction .heading .buttons {
  width: 50%;
  margin-top: 0;
  justify-content: flex-end;
  align-items: flex-end;
}
.clients .clients-content .introduction .heading .buttons .button-green {
  padding: 10px 10px;
}
.clients .clients-content .introduction .clients-text {
  margin-bottom: 30px;
}
.clients .clients-content .introduction .clients-text p {
  color: #787878;
  margin-bottom: 10px;
}
.clients .all-clients {
  display: flex;
  padding-top: 20px;
  width: 100%;
  flex-direction: column;
}
.clients .all-clients .clients-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 2rem;
}
.clients .all-clients .clients-list .clients-title {
  display: flex;
  box-shadow: 0 0 10px #c1c1c1;
  justify-content: center;
  align-items: center;
  border-radius: 80px 100px 100px 80px;
  background-color: #FFF;
  position: relative;
  height: 54px;
}
.clients .all-clients .clients-list .clients-title:after {
  content: '';
  background-color: #1F5E88;
  border-radius: 0 100px 100px 0;
  position: absolute;
  left: 33px;
  top: 23px;
  width: 182px;
  z-index: -1;
  height: 45px;
}
.clients .all-clients .clients-list .clients-title .clients-number {
  position: absolute;
  left: -2px;
  top: -10px;
  background-color: #FFF;
  height: 80px;
  width: 80px;
  border-radius: 50%;
  box-shadow: 0 0 10px #c1c1c1;
  justify-content: center;
  align-items: center;
  display: flex;
}
.clients .all-clients .clients-list .clients-title .clients-number .circle {
  background-color: #FFF;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  box-shadow: 0 0 10px #c1c1c1;
  justify-content: center;
  align-items: center;
  display: flex;
}
.clients .all-clients .clients-list .clients-title .clients-number .circle h2 {
  font-size: 26px;
}
.clients .all-clients .clients-list .clients-title .clients-number .circle:hover {
  transition: all 0.5s ease-in, color 0.3s ease-in-out;
  transform: rotate(360deg);
}
.clients .all-clients .clients-list .clients-title .clients-name {
  display: flex;
}
.clients .all-clients .clients-list .clients-title .clients-name h3 {
  color: #1F5E88;
  padding-left: 4rem;
  font-size: 14px;
}
.clients .all-clients .clients-list .clients-description {
  margin-top: 1rem;
  background-image: url("../img/clients/client-bg.png");
  background-size: cover;
  background-position: center;
  padding: 0.3rem;
  width: 280px;
  min-height: 320px;
  background-repeat: no-repeat;
}
.clients .all-clients .clients-list .clients-description .list {
  display: flex;
  padding: 0.2rem 0;
  justify-content: center;
  height: 300px;
}
.clients .all-clients .clients-list .clients-description .list ul {
  padding: 17px 6px 14px 34px;
  justify-content: center;
  display: flex;
  flex-direction: column;
}
.clients .all-clients .clients-list .clients-description .list ul li {
  list-style: none;
  padding: 7px 0px 0px 12px;
  position: relative;
  font-size: 13px;
}
.clients .all-clients .clients-list .clients-description .list ul li:before {
  content: '';
  background-image: url("../img/clients/green-check.svg");
  left: -10px;
  position: absolute;
  width: 14px;
  height: 14px;
  top: 8px;
  background-repeat: no-repeat;
}
.clients .all-clients .clients-list:last-child {
  margin-bottom: 0;
}
@media (min-width : 375px) {
  .clients .all-clients .clients-list .clients-description {
    padding: 1.3rem;
    width: auto;
  }
}
@media (min-width : 425px) {
  .clients .all-clients .clients-list .clients-description {
    padding: 2.3rem;
    background-size: contain;
  }
}
@media (min-width : 768px) {
  .clients-banner {
    margin-top: 1.7rem;
  }
  .clients-banner .banner-full {
    height: 305px;
  }
  .clients-banner .banner-full .banner-detail {
    padding-top: 1rem;
  }
  .clients-banner .banner-full .banner-detail .search-bar-common {
    margin-bottom: 0;
  }
  .clients-banner .banner-full .right-section {
    height: 305px;
  }
  .clients {
    padding: 3rem 2rem;
  }
  .clients .all-clients {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 3rem;
  }
  .clients .all-clients .clients-list {
    width: 48%;
  }
  .clients .all-clients .clients-list .clients-title {
    width: 94%;
  }
  .clients .all-clients .clients-list .clients-title .clients-name h3 {
    font-size: 16px;
  }
  .clients .all-clients .clients-list .clients-description {
    padding: 1.3rem;
    width: auto;
  }
}
@media (min-width : 1024px) {
  .clients .all-clients .clients-list {
    width: 33%;
  }
  .clients .all-clients .clients-list .clients-description {
    padding: 1.3rem;
    width: auto;
  }
}
@media (min-width : 1366px) {
  .clients-banner {
    margin-top: 2.8rem;
  }
  .clients-banner .banner-full {
    height: 295px;
  }
  .clients-banner .banner-full .right-section {
    height: 295px;
  }
  .clients {
    padding: 4rem 0rem;
  }
  .clients .all-clients .clients-list {
    width: 33%;
  }
  .clients .all-clients .clients-list .clients-title .clients-name h3 {
    padding-left: 3rem;
  }
}
.career-banner {
  background-image: url("../img/careers/career-bg-mob.png");
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
}
.career-banner .banner-full .banner-detail {
  padding-top: 0;
}
.career-banner .banner-full .banner-detail .search-bar-common {
  margin-bottom: 0;
}
.opportunity {
  padding: 3rem 1.5rem;
  display: flex;
  flex-direction: column;
  background-color: #fafafa;
}
.opportunity .container .opportunity-content {
  display: flex;
  flex-direction: column;
}
.opportunity .container .opportunity-content .left {
  display: flex;
  flex-direction: column;
  padding-bottom: 1rem;
}
.opportunity .container .opportunity-content .left p {
  padding: 15px 0px;
}
.opportunity .container .opportunity-content .left .vacancy {
  font-weight: 800;
  color: #007D3D;
  display: flex;
  justify-content: flex-start;
  font-size: 22px;
  padding-top: 0;
}
.opportunity .container .opportunity-content .left ul {
  margin: 0;
  padding-left: 1.5rem;
}
.opportunity .container .opportunity-content .left ul li {
  font-size: 14px;
  margin-bottom: 5px;
  font-weight: 500;
}
.opportunity .container .opportunity-content .right {
  display: flex;
  flex-direction: column;
}
.opportunity .container .opportunity-content .right img {
  width: 100%;
}
.perks {
  display: flex;
  padding: 3rem 1.5rem;
  background-color: #FFF;
}
.perks .container .content-perks {
  display: flex;
  flex-direction: column;
}
.perks .container .content-perks .yellow span,
.perks .container .content-perks .green span,
.perks .container .content-perks .grey span,
.perks .container .content-perks .blue span {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.perks .container .content-perks .yellow span img,
.perks .container .content-perks .green span img,
.perks .container .content-perks .grey span img,
.perks .container .content-perks .blue span img {
  width: 80%;
}
.perks .container .content-perks .yellow span .up,
.perks .container .content-perks .green span .up,
.perks .container .content-perks .grey span .up,
.perks .container .content-perks .blue span .up {
  display: flex;
}
.perks .container .content-perks .yellow span .down-img,
.perks .container .content-perks .green span .down-img,
.perks .container .content-perks .grey span .down-img,
.perks .container .content-perks .blue span .down-img {
  display: none;
}
.perks .container .content-perks .yellow h2,
.perks .container .content-perks .green h2,
.perks .container .content-perks .grey h2,
.perks .container .content-perks .blue h2 {
  font-size: 24px;
  text-align: center;
  padding-bottom: 1rem;
  font-weight: 400;
}
.perks .container .content-perks .yellow p,
.perks .container .content-perks .green p,
.perks .container .content-perks .grey p,
.perks .container .content-perks .blue p {
  text-align: center;
}
.perks .container .content-perks .yellow:nth-child(1) h2,
.perks .container .content-perks .green:nth-child(1) h2,
.perks .container .content-perks .grey:nth-child(1) h2,
.perks .container .content-perks .blue:nth-child(1) h2 {
  color: #F8E402;
}
.perks .container .content-perks .yellow:nth-child(2) h2,
.perks .container .content-perks .green:nth-child(2) h2,
.perks .container .content-perks .grey:nth-child(2) h2,
.perks .container .content-perks .blue:nth-child(2) h2 {
  color: #007D3D;
}
.perks .container .content-perks .yellow:nth-child(3) h2,
.perks .container .content-perks .green:nth-child(3) h2,
.perks .container .content-perks .grey:nth-child(3) h2,
.perks .container .content-perks .blue:nth-child(3) h2 {
  color: #787878;
}
.perks .container .content-perks .yellow:nth-child(4) h2,
.perks .container .content-perks .green:nth-child(4) h2,
.perks .container .content-perks .grey:nth-child(4) h2,
.perks .container .content-perks .blue:nth-child(4) h2 {
  color: #1F5E88;
}
.world-largest {
  padding: 3rem 1.5rem;
  width: 100%;
  margin: 0 auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../img/careers/apply-dsk.png");
}
.world-largest .container .apply-job {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.world-largest .container .apply-job .job-content {
  display: flex;
  flex-direction: column;
}
.world-largest .container .apply-job .job-content p {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.world-largest .container .apply-job .job-content .buttons a img {
  width: 28px;
  padding-right: 0.5rem;
}
.get-in-touch {
  padding: 3rem 1.5rem;
}
.get-in-touch .container .form-outer {
  display: flex;
  flex-direction: column;
}
.get-in-touch .container .form-outer .heading {
  margin-bottom: 35px;
}
.get-in-touch .container .form-outer .form-inner {
  display: flex;
  flex-direction: column;
  box-shadow: 0 0px 8px #c1c1c1;
}
.get-in-touch .container .form-outer .form-inner .contact-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}
.get-in-touch .container .form-outer .form-inner .contact-form .input-container,
.get-in-touch .container .form-outer .form-inner .contact-form .input-container-address {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 85%;
  margin-bottom: 15px;
  margin-top: 15px;
  font-size: 14px;
  color: #787878;
}
.get-in-touch .container .form-outer .form-inner .contact-form .input-container select,
.get-in-touch .container .form-outer .form-inner .contact-form .input-container-address select {
  font-size: 14px;
  color: #787878;
}
.get-in-touch .container .form-outer .form-inner .contact-form .input-container input[type=text]::-ms-clear,
.get-in-touch .container .form-outer .form-inner .contact-form .input-container-address input[type=text]::-ms-clear {
  display: none;
}
.get-in-touch .container .form-outer .form-inner .contact-form .input-container input[type=number]::-ms-clear,
.get-in-touch .container .form-outer .form-inner .contact-form .input-container-address input[type=number]::-ms-clear {
  display: none;
}
.get-in-touch .container .form-outer .form-inner .contact-form .input-container input[type=email]::-ms-clear,
.get-in-touch .container .form-outer .form-inner .contact-form .input-container-address input[type=email]::-ms-clear {
  display: none;
}
.get-in-touch .container .form-outer .form-inner .contact-form .input-container input[type=number],
.get-in-touch .container .form-outer .form-inner .contact-form .input-container-address input[type=number] {
  -moz-appearance: textfield;
}
.get-in-touch .container .form-outer .form-inner .contact-form .input-container img,
.get-in-touch .container .form-outer .form-inner .contact-form .input-container-address img {
  position: absolute;
  right: 18px;
  width: 20px;
  height: 20px;
  top: 11px;
}
.get-in-touch .container .form-outer .form-inner .contact-form .input-field {
  width: 100%;
  padding: 15px 50px 15px 15px;
  outline: none;
  border: none;
  box-shadow: 0 0px 8px #c1c1c1;
  border: 1px solid #ebebeb;
  border-radius: 100px;
  padding-right: 40px;
  font-size: 14px;
  color: #787878;
}
.get-in-touch .container .form-outer .form-inner .contact-form .error {
  border: 1px solid #fb5050;
}
.get-in-touch .container .form-outer .form-inner .contact-form .invalid-feedback {
  margin-left: -1rem;
}
.get-in-touch .container .form-outer .form-inner .contact-form .invalid-feedback .errormessage {
  color: #fb5050;
  margin: 0px 4px;
}
.get-in-touch .container .form-outer .form-inner .contact-form .message,
.get-in-touch .container .form-outer .form-inner .contact-form .address {
  width: 100%;
  padding: 15px;
  outline: 0;
  border: none;
  box-shadow: 0 0px 8px #c1c1c1;
  border-radius: 15px;
  padding-right: 40px;
  font-family: roboto;
  font-size: 14px;
  color: #787878;
  border: 1px solid #ebebeb;
}
.get-in-touch .container .form-outer .form-inner .contact-form .buttons {
  margin-bottom: 1rem;
}
.get-in-touch .container .form-outer .form-inner .contact-form .consent {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  padding: 0.1rem 1rem;
}
.get-in-touch .container .form-outer .form-inner .contact-form .consent label {
  text-align: justify;
}
.get-in-touch .container .form-outer .form-inner .contact-form .consent input {
  align-self: baseline;
}
.staff {
  padding: 3rem 1.5rem;
  margin: 0 auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../img/careers/bg.png");
  margin-bottom: -120px;
  padding-bottom: 9rem !important;
}
.staff .container .our-staff {
  display: flex;
  flex-direction: column;
}
.staff .container .our-staff .staff-detail {
  display: flex;
  flex-direction: column;
  position: relative;
}
.staff .container .our-staff .staff-detail::before {
  content: '';
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto;
  background-image: url("../img/careers/inner.svg");
  width: 42px;
  height: 42px;
  position: absolute;
  left: 36px;
  z-index: 3;
  bottom: 27px;
}
.staff .container .our-staff .staff-detail::after {
  content: '';
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../img/careers/outer.svg);
  width: 60px;
  height: 60px;
  position: absolute;
  right: -22px;
  z-index: 1;
  bottom: 100px;
}
.staff .container .our-staff .staff-detail .staff-content {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  z-index: 2;
  background-color: #F8F4F4;
  padding: 2rem;
  width: 90%;
  box-shadow: 0 0 8px #c1c1c1;
  border-radius: 55px;
  margin: 0 auto;
  margin-bottom: 3rem;
  min-height: 280px;
}
.staff .container .our-staff .staff-detail .staff-content .staff-circles {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  left: -15px;
  z-index: 99;
}
.staff .container .our-staff .staff-detail .staff-content .staff-circles .outercircle {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 100%;
  background-color: #EEEEEE;
  width: 75px;
  height: 75px;
  box-shadow: 0 0px 8px #c1c1c1;
  position: relative;
}
.staff .container .our-staff .staff-detail .staff-content .staff-circles .innercircle {
  position: absolute;
  display: flex;
  flex-direction: column;
  border-radius: 100%;
  background-color: #f8f8f8;
  width: 50px;
  height: 50px;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0px 8px #c1c1c1;
}
.staff .container .our-staff .staff-detail .staff-content .staff-circles .innercircle h2 {
  font-size: 22px;
  color: #000000;
}
.staff .container .our-staff .staff-detail .staff-content .staff-circles .innercircle:hover {
  transition: all 0.6s ease-in, color 0.3s ease-in-out;
  transform: rotate(360deg);
}
.staff .container .our-staff .staff-detail .staff-content .staff-text {
  position: relative;
  width: 80%;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}
.staff .container .our-staff .staff-detail .staff-content .staff-text h2 {
  font-size: 24px;
  color: #1F5E88;
  margin-bottom: 1rem;
}
.staff .container .our-staff .staff-detail .staff-content .staff-text p {
  font-size: 14px;
}
@media (min-width : 768px) {
  .career-banner {
    background-image: url("../img/careers/career-banner-img-dsk.png");
    margin-top: 1.5rem;
  }
  .career-banner .banner-full .banner-detail {
    padding-top: 1.5rem;
  }
  .opportunity {
    padding: 3rem 2rem;
  }
  .opportunity .container .opportunity-content {
    flex-direction: row;
  }
  .opportunity .container .opportunity-content .left {
    flex: 1;
    padding-right: 1rem;
  }
  .opportunity .container .opportunity-content .left .buttons {
    justify-content: flex-start;
    align-items: flex-start;
  }
  .opportunity .container .opportunity-content .right {
    flex: 1;
  }
  .perks {
    padding: 3rem 2rem;
  }
  .perks .container .content-perks {
    flex-direction: row;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  .perks .container .content-perks .yellow,
  .perks .container .content-perks .green,
  .perks .container .content-perks .grey,
  .perks .container .content-perks .blue {
    display: flex;
    flex-direction: column;
    width: 46%;
  }
  .world-largest {
    padding: 3rem 2rem;
  }
  .world-largest .container .apply-job .job-content {
    justify-content: center;
    align-items: center;
  }
  .world-largest .container .apply-job .job-content p {
    width: 70%;
    text-align: center;
  }
  .get-in-touch {
    padding: 3rem 2rem;
  }
  .get-in-touch .container .form-outer .form-inner .contact-form {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 1rem;
  }
  .get-in-touch .container .form-outer .form-inner .contact-form #department {
    width: 95%;
  }
  .get-in-touch .container .form-outer .form-inner .contact-form .input-container {
    width: 45%;
  }
  .get-in-touch .container .form-outer .form-inner .contact-form .input-container input[type=number]::-webkit-inner-spin-button,
  .get-in-touch .container .form-outer .form-inner .contact-form .input-container input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
  }
  .get-in-touch .container .form-outer .form-inner .contact-form .input-container-address {
    width: 45%;
  }
  .get-in-touch .container .form-outer .form-inner .contact-form .input-container-address .address {
    height: 50px;
    border-radius: 100px;
    overflow: hidden;
  }
  .staff {
    padding: 3rem 2rem;
  }
  .staff .container .our-staff {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  .staff .container .our-staff .heading {
    width: 100%;
  }
  .staff .container .our-staff .staff-detail {
    width: 45%;
    margin-bottom: 3rem;
  }
  .staff .container .our-staff .staff-detail::before {
    left: 44px;
    z-index: 3;
    bottom: -24px;
  }
  .staff .container .our-staff .staff-detail .staff-content {
    margin-bottom: 0;
    width: 80%;
  }
  .staff .container .our-staff .staff-detail::after {
    bottom: 50px;
    right: -6px;
  }
}
@media (min-width : 1024px) {
  .opportunity .container .opportunity-content .left {
    justify-content: space-evenly;
  }
  .perks .container .content-perks {
    justify-content: center;
    align-items: baseline;
  }
  .perks .container .content-perks .yellow,
  .perks .container .content-perks .green,
  .perks .container .content-perks .grey,
  .perks .container .content-perks .blue {
    width: 25%;
  }
  .perks .container .content-perks .yellow span .down-img,
  .perks .container .content-perks .green span .down-img,
  .perks .container .content-perks .grey span .down-img,
  .perks .container .content-perks .blue span .down-img {
    display: flex;
    transform: translateY(-7px);
  }
  .perks .container .content-perks .yellow span .up,
  .perks .container .content-perks .green span .up,
  .perks .container .content-perks .grey span .up,
  .perks .container .content-perks .blue span .up {
    display: none;
  }
  .perks .container .content-perks .yellow:nth-child(even),
  .perks .container .content-perks .green:nth-child(even),
  .perks .container .content-perks .grey:nth-child(even),
  .perks .container .content-perks .blue:nth-child(even) {
    flex-direction: column-reverse;
  }
  .perks .container .content-perks .yellow h2,
  .perks .container .content-perks .green h2,
  .perks .container .content-perks .grey h2,
  .perks .container .content-perks .blue h2 {
    font-size: 18px;
    font-weight: 600;
    padding-top: 0.5rem;
  }
  .get-in-touch .container .form-outer .form-inner .contact-form #department {
    width: 30%;
  }
  .get-in-touch .container .form-outer .form-inner .contact-form .input-message,
  .get-in-touch .container .form-outer .form-inner .contact-form .input-about {
    width: 47%!important;
  }
  .get-in-touch .container .form-outer .form-inner .contact-form .input-container,
  .get-in-touch .container .form-outer .form-inner .contact-form .input-container-address {
    width: 30%;
  }
  .get-in-touch .container .form-outer .form-inner .contact-form .input-container .address,
  .get-in-touch .container .form-outer .form-inner .contact-form .input-container-address .address {
    padding: 10px 15px;
    border-radius: 100px;
  }
  .staff .container .our-staff .staff-detail {
    width: 30%;
  }
  .staff .container .our-staff .staff-detail::before {
    left: 69px;
  }
  .staff .container .our-staff .staff-detail .staff-content {
    width: 85%;
  }
  .staff .container .our-staff .staff-detail::after {
    right: -18px;
  }
}
@media (min-width : 1366px) {
  .career-banner {
    margin-top: 2.8rem;
  }
  .career-banner .banner-full .banner-detail {
    padding-top: 1rem;
  }
  .opportunity {
    padding: 4rem 0rem;
  }
  .opportunity .container .opportunity-content {
    justify-content: flex-start;
    align-items: flex-start;
  }
  .opportunity .container .opportunity-content .left {
    justify-content: center;
  }
  .opportunity .container .opportunity-content .left .buttons {
    margin-top: 2rem;
  }
  .opportunity .container .opportunity-content .right {
    justify-content: flex-end;
    align-items: flex-end;
  }
  .opportunity .container .opportunity-content .right img {
    width: 80%;
  }
  .opportunity .container .opportunity-content .right .buttons {
    width: 84%;
    margin-top: 3rem;
  }
  .staff {
    padding: 4rem 0rem;
  }
  .staff .container .our-staff .staff-detail {
    width: 30%;
  }
  .staff .container .our-staff .staff-detail::before {
    left: 103px;
  }
  .staff .container .our-staff .staff-detail .staff-content {
    width: 70%;
  }
  .staff .container .our-staff .staff-detail .staff-content .staff-circles {
    left: 18px;
  }
  .staff .container .our-staff .staff-detail::after {
    right: 15px;
  }
}
.coursecatalogue-banner {
  background-image: url("../img/course-catalogue/bg-mob.svg");
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
}
.library {
  display: flex;
  flex-direction: column;
  background-color: #EEF3F9;
  padding: 3rem 1.5rem;
}
.library .courses-list {
  display: flex;
  flex-direction: column;
  margin-top: 3rem;
  padding: 0rem;
}
.library .courses-list a {
  width: 23%;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  padding: 2rem 1rem;
  background: #FFF;
  position: relative;
  width: 100%;
  border-radius: 10px;
  margin-bottom: 5rem;
}
.library .courses-list a:last-child {
  margin-bottom: 3rem;
}
.library .courses-list a .lists {
  z-index: 99;
}
.library .courses-list a .lists:before {
  content: '';
  position: absolute;
  background-image: url(../img/course-catalogue/list-bg.svg);
  background-repeat: no-repeat;
  background-position: bottom left;
  bottom: -13px;
  left: -19px;
  width: 100%;
  height: 81px;
  z-index: -1;
}
.library .courses-list a .lists .heading {
  background-color: #F3F3F3;
  box-shadow: 0 2px 9px #c1c1c1;
  padding: 6px;
  border-radius: 8px;
  width: 24%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  position: absolute;
  top: -17px;
  right: 20px;
  font-weight: 700;
  font-size: 12px;
  color: #000000;
}
.library .courses-list a .lists .text {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-weight: 500;
  font-size: 16px;
  color: #000000;
  z-index: 1;
}
.library .courses-list a .lists .text a {
  color: #000000;
  font-weight: bold;
  width: 82%;
  font-size: 16px;
}
.library .courses-list a .lists .text span {
  font-size: 22px;
  color: #1F5E88;
  font-weight: bold;
  width: 18%;
}
.library .courses-list a .lists .icon {
  display: flex;
  flex-direction: column;
  background: #007D3D;
  padding: 10px;
  width: 20%;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: -34px;
  right: 24px;
  border-radius: 8px;
}
.library .courses-list a .lists .icon img {
  width: 28px;
}
.library .courses-list a:hover {
  box-shadow: 0 0 10px #979595;
}
.library .courses-list a:hover .text {
  color: #007D3D;
  font-weight: 700;
}
.library .courses-list a:hover .text span {
  color: #000000;
  font-weight: 600;
}
.courses {
  display: flex;
  flex-direction: column;
  padding: 3rem 1.5rem;
}
.courses .popular-course {
  display: flex;
  flex-direction: column;
}
.courses .popular-course .heading h2 {
  border-bottom: 2px solid #1F5E88;
  width: 44%;
}
.courses .popular-course .heading .search {
  position: relative;
  margin-top: 2rem;
}
.courses .popular-course .heading .search input {
  border: none;
  width: 100%;
  padding: 14px 20px;
  box-shadow: 0 0 10px #c1c1c1;
  border-radius: 0 22px;
  outline: none;
  padding-right: 40px;
  border: 1px solid #ebebeb;
}
.courses .popular-course .heading .search img {
  position: absolute;
  width: 35px;
  right: 8px;
  top: 5px;
}
.courses .popular-course .course-outer {
  display: flex;
  flex-direction: column;
}
.courses .popular-course .course-outer .course-inner {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}
.courses .popular-course .course-outer .course-inner .topic-name {
  display: flex;
  margin-bottom: 1rem;
}
.courses .popular-course .course-outer .course-inner .topic-name h3 {
  color: #007D3D;
  font-size: 20px;
  border-bottom: 2px solid #007D3D;
  padding-bottom: 5px;
}
.courses .popular-course .course-outer .course-inner .list {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding: 5px 0;
  align-items: center;
  width: 100%;
}
.courses .popular-course .course-outer .course-inner .list .image {
  width: 14%;
  margin-right: 0.5rem;
}
.courses .popular-course .course-outer .course-inner .list .image img {
  width: 35px;
}
.courses .popular-course .course-outer .course-inner .list h2 {
  width: 78%;
  font-size: 16px;
}
.courses .popular-course .course-outer .course-inner .list:last-child {
  padding-bottom: 0;
}
.courses .popular-course .course-outer .course-inner:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.about-facts {
  padding: 3rem 1.5rem;
  background-color: #fafafa;
}
.about-facts .facts-list {
  display: flex;
  flex-direction: column;
}
.about-facts .facts-list .aboutfact {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.about-facts .facts-list .aboutfact .facts {
  background-image: url("../img/course-catalogue/aboutfact-bg.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 100%;
  height: 190px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 3rem;
}
.about-facts .facts-list .aboutfact .facts .outer {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  top: -26px;
}
.about-facts .facts-list .aboutfact .facts .outer .fact-outer {
  position: absolute;
  background-color: #007d3d;
  opacity: 0.6;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90px;
  height: 90px;
  border-radius: 50px;
}
.about-facts .facts-list .aboutfact .facts .outer .fact-inner {
  position: absolute;
  background-color: #FFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  border-radius: 50px;
}
.about-facts .facts-list .aboutfact .facts .outer .fact-inner img {
  width: 32px;
}
.about-facts .facts-list .aboutfact .facts .outer .fact-inner .learners {
  width: 26px;
}
.about-facts .facts-list .aboutfact .facts .outer .fact-inner:hover img {
  transition: all 0.5s ease-in, color 0.3s ease-in-out;
  transform: rotate(360deg);
}
.about-facts .facts-list .aboutfact .facts .points {
  width: 140px;
  height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-shadow: 0 2px 9px #c1c1c1;
  background: #FFF;
}
.about-facts .facts-list .aboutfact .facts .points h2 {
  font-size: 24px;
  color: #1F5E88;
}
.about-facts .facts-list .aboutfact .facts .points p {
  font-weight: 500;
  color: #000000;
}
@media (min-width : 768px) {
  .coursecatalogue-banner {
    margin-top: 2.8rem;
  }
  .library {
    padding: 3rem 2rem;
  }
  .library .courses-list {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
  }
  .library .courses-list a {
    width: 46%;
    margin-right: 1.5rem;
    margin-bottom: 5rem;
  }
  .library .courses-list a:last-child {
    margin-bottom: 5rem;
  }
  .courses {
    padding: 3rem 2rem;
  }
  .courses .popular-course .heading {
    flex-direction: row;
    justify-content: space-between;
  }
  .courses .popular-course .heading h2 {
    width: auto;
  }
  .courses .popular-course .heading .search {
    width: 48%;
    margin-top: 0;
  }
  .courses .popular-course .course-outer {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .courses .popular-course .course-outer .course-inner {
    width: 48%;
  }
  .courses .popular-course .course-outer .course-inner .list {
    padding: 0;
  }
  .courses .popular-course .course-outer .course-inner .list h2 {
    width: 86%;
  }
  .courses .popular-course .course-outer .course-inner:nth-last-child(2) {
    border-bottom: none;
    margin-bottom: 0;
  }
  .about-facts {
    padding: 3rem 2rem;
    margin-bottom: -6rem;
    padding-bottom: 8rem;
  }
  .about-facts .facts-list .aboutfact {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  .about-facts .facts-list .aboutfact .facts {
    width: 25%;
  }
  .about-facts .facts-list .aboutfact .facts .outer {
    top: -23px;
  }
  .about-facts .facts-list .aboutfact .facts .outer .fact-outer {
    width: 70px;
    height: 70px;
  }
  .about-facts .facts-list .aboutfact .facts .outer .fact-inner {
    width: 55px;
    height: 55px;
  }
  .about-facts .facts-list .aboutfact .facts .points {
    width: 110px;
    height: 87px;
  }
}
@media (min-width : 1024px) {
  .coursecatalogue-banner {
    background-image: url("../img/course-catalogue/bg-dsk.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 100%;
  }
  .library .courses-list a {
    width: 22%;
    height: 92px;
    padding: 2rem 1rem;
  }
  .about-facts {
    padding-bottom: 8rem;
  }
  .about-facts .facts-list .aboutfact .facts {
    width: 25%;
  }
  .about-facts .facts-list .aboutfact .facts .outer {
    top: -26px;
  }
  .about-facts .facts-list .aboutfact .facts .outer .fact-outer {
    width: 80px;
    height: 80px;
  }
  .about-facts .facts-list .aboutfact .facts .points {
    width: 135px;
    height: 100px;
  }
}
@media (min-width : 1366px) {
  .library .courses-list a {
    width: 23%;
  }
  .courses {
    padding: 4rem 0rem;
  }
  .courses .popular-course .heading .search {
    width: 30%;
    margin-top: 0;
  }
  .courses .popular-course .course-outer {
    margin-top: 2rem;
    justify-content: flex-start;
  }
  .courses .popular-course .course-outer .course-inner {
    width: 50%;
    border-bottom: none;
    margin-bottom: 2rem;
  }
  .courses .popular-course .course-outer .course-inner .list h2 {
    width: 80%;
  }
  .about-facts {
    padding: 4rem 0rem;
    padding-bottom: 10rem;
    margin-bottom: -10rem;
  }
}
.blog-banner {
  background-image: url("../img/blog/blog-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
}
.blog-banner .banner-full .banner-detail {
  padding-top: 0;
}
.blog-banner .banner-full .banner-detail .search-bar-common {
  margin-bottom: 0;
}
.our-blog {
  display: flex;
  width: 100%;
  margin: 0 auto;
  padding: 3rem 1.5rem;
  flex-direction: column;
}
.our-blog .introduction {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.our-blog .introduction .blog-catogories {
  display: flex;
  flex-direction: column;
}
.our-blog .introduction .blog-catogories .title {
  order: 2;
  padding-top: 18px;
}
.our-blog .introduction .blog-catogories .title .top img {
  width: 20px;
}
.our-blog .introduction .blog-catogories .title .top span {
  color: #00A651;
  font-size: 18px;
  font-weight: 700;
}
.our-blog .introduction .blog-catogories .title .bottom {
  display: flex;
}
.our-blog .introduction .blog-catogories .title .bottom .list {
  list-style: none;
  padding: 0;
  width: 100%;
}
.our-blog .introduction .blog-catogories .title .bottom .list .active {
  color: #FFF;
  background-color: #1F5E88;
}
.our-blog .introduction .blog-catogories .title .bottom .list li {
  padding: 10px 20px;
  box-shadow: 0 0 10px #c1c1c1;
  margin-top: 12px;
  margin-bottom: 1.5rem;
  border-radius: 6px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.our-blog .introduction .blog-catogories .title .bottom .list li .file {
  width: 18px;
}
.our-blog .introduction .blog-catogories .title .bottom .list li a {
  font-weight: 600;
}
.our-blog .introduction .blog-catogories .title .bottom .list li a:hover {
  color: #1F5E88;
}
.our-blog .introduction .blog-catogories .search {
  order: 1;
  position: relative;
  margin: 12px 0;
}
.our-blog .introduction .blog-catogories .search input {
  border: none;
  width: 100%;
  padding: 14px 20px;
  box-shadow: 0 0 10px #c1c1c1;
  border-radius: 0 22px;
  outline: none;
  border: 1px solid #ebebeb;
}
.our-blog .introduction .blog-catogories .search img {
  position: absolute;
  width: 35px;
  right: 8px;
  top: 5px;
}
.our-blog .all-blog {
  display: flex;
  flex-direction: column;
}
.our-blog .all-blog .blog-post {
  display: flex;
  flex-direction: column;
}
.our-blog .all-blog .blog-post .blog-box {
  display: flex;
  flex-direction: column;
  margin: 10px 0;
}
.our-blog .all-blog .blog-post .blog-box .single-post {
  display: flex;
  height: 200px;
  width: 100%;
  position: relative;
}
.our-blog .all-blog .blog-post .blog-box .single-post img {
  width: 100%;
}
.our-blog .all-blog .blog-post .blog-box .post-overlay {
  padding: 20px;
  display: flex;
  height: 200px;
  width: 100%;
  flex-direction: column;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.6);
  justify-content: space-between;
}
.our-blog .all-blog .blog-post .blog-box .post-overlay .link {
  display: flex;
  margin-left: -1.7rem;
  margin-top: -1.3rem;
}
.our-blog .all-blog .blog-post .blog-box .post-overlay .link a {
  display: flex;
  background-color: #F8E402;
  padding: 7px 5px 7px 15px;
  justify-content: space-between;
  align-items: center;
  position: relative;
  color: #000000;
  font-weight: 700;
}
.our-blog .all-blog .blog-post .blog-box .post-overlay .link a:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: 0;
  bottom: -7px;
  border-right: 8px solid #cebd00;
  border-bottom: 7px solid transparent;
}
.our-blog .all-blog .blog-post .blog-box .post-overlay .link a:after {
  content: " ";
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0px 23px 33px 0px;
  border-color: transparent transparent #f8e402;
  transform: scale(0.9999);
  right: -23px;
}
.our-blog .all-blog .blog-post .blog-box .post-overlay .link a img {
  width: 17px;
  margin-left: 10px;
  height: 17px;
}
.our-blog .all-blog .blog-post .blog-box .post-overlay .link a:hover img {
  transition: all 0.3s ease-in, color 0.3s ease-in-out;
  transform: rotate(360deg);
}
.our-blog .all-blog .blog-post .blog-box .post-overlay .content {
  display: flex;
  flex-direction: column;
  color: #fff;
}
.our-blog .all-blog .blog-post .blog-box .post-overlay .content h2 {
  font-size: 14px;
}
.our-blog .all-blog .blog-post .blog-box .post-overlay .content h2:hover {
  color: #F8E402;
}
.our-blog .all-blog .blog-post .blog-box .post-overlay .content .line {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding-top: 20px;
}
.our-blog .all-blog .blog-post .blog-box .post-overlay .content .line hr {
  width: 35px;
  margin-left: 0;
  margin-right: 10px;
}
.our-blog .all-blog .blog-post .blog-box .post-overlay .content .line p {
  font-size: 8px;
}
.our-blog .all-blog .blog-post .blog-box .post-overlay:hover {
  box-shadow: 0 0 10px #00000038;
}
.our-blog .all-blog .blog-post .blog-box-min .single-post {
  height: 200px;
}
.our-blog .all-blog .blog-post .blog-box-min .single-post .post-overlay {
  height: 200px;
}
.our-blog .enquiry-now {
  display: flex;
  width: 100%;
  margin: 0 auto;
  padding: 3rem 1.5rem;
  flex-direction: column;
}
.our-blog .enquiry-now .content {
  margin-bottom: 12px;
}
.our-blog .enquiry-now .content p {
  font-size: 20px;
  font-weight: 800;
  text-align: center;
  color: #1F5E88;
}
.our-blog .enquiry-now .buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
}
@media (min-width : 768px) {
  .blog-banner {
    margin-top: 1.6rem;
  }
  .blog-banner .banner-full {
    height: 266px;
  }
  .blog-banner .banner-full .banner-detail {
    padding-top: 0.5rem;
  }
  .blog-banner .banner-full .right-section {
    height: 265px;
  }
  .our-blog .introduction .blog-catogories {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .our-blog .introduction .blog-catogories .title {
    order: 1;
    padding-top: 5px;
  }
  .our-blog .introduction .blog-catogories .title .bottom .list {
    display: flex;
  }
  .our-blog .introduction .blog-catogories .title .bottom .list li {
    box-shadow: none;
    margin: 0;
    padding: 0 20px 0 0;
    border-radius: 0;
  }
  .our-blog .introduction .blog-catogories .title .bottom .list .active {
    color: #1F5E88;
    background-color: transparent;
  }
  .our-blog .introduction .blog-catogories .search {
    order: 2;
    position: relative;
    padding: 10px 0 0 0;
    width: 268px;
  }
  .our-blog .introduction .blog-catogories .search img {
    position: absolute;
    width: 35px;
    right: 8px;
    top: 15px;
  }
  .our-blog .all-blog .blog-post {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .our-blog .all-blog .blog-post .blog-box {
    width: 48%;
  }
  .our-blog .enquiry-now {
    flex-direction: row;
    justify-content: space-between;
    padding-left: 0;
    padding-right: 0;
  }
  .our-blog .enquiry-now .buttons {
    margin-top: 0;
  }
}
@media (min-width : 1024px) {
  .our-blog {
    padding-bottom: 0;
  }
  .our-blog .introduction .blog-catogories .title .top span {
    font-size: 26px;
  }
  .our-blog .introduction .blog-catogories .title .bottom {
    font-size: 18px;
  }
  .our-blog .introduction .blog-catogories .search {
    width: 30%;
  }
  .our-blog .all-blog {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .our-blog .all-blog .blog-post {
    display: flex;
    flex-direction: column;
    width: 24%;
  }
  .our-blog .all-blog .blog-post .blog-box {
    width: 100%;
  }
  .our-blog .all-blog .blog-post .blog-box .single-post {
    height: 400px;
  }
  .our-blog .all-blog .blog-post .blog-box .post-overlay {
    height: 400px;
  }
  .our-blog .all-blog .blog-post .blog-box-min {
    width: 100%;
  }
  .our-blog .all-blog .blog-post .blog-box-min .single-post {
    height: 200px;
  }
  .our-blog .all-blog .blog-post .blog-box-min .post-overlay {
    height: 200px;
  }
  .our-blog .all-blog .blog-post:nth-child(even) {
    flex-direction: column-reverse;
  }
}
@media (min-width : 1366px) {
  .blog-banner {
    margin-top: 2.8rem;
  }
  .blog-banner .banner-full .banner-detail {
    padding-top: 0;
  }
}
.blog-banner {
  background-image: url("../img/blog/blog-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
}
.blog-detail {
  display: flex;
  width: 100%;
  margin: 0 auto;
  padding: 3rem 1.5rem;
  flex-direction: column;
}
.blog-detail .container .introduction {
  display: flex;
  flex-direction: column;
}
.blog-detail .container .introduction .blog-left {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.blog-detail .container .introduction .blog-left h6 {
  margin: 0;
  display: flex;
  align-items: center;
}
.blog-detail .container .introduction .blog-left h6 img {
  margin-right: 5px;
  width: 18px;
  height: 18px;
}
.blog-detail .container .introduction .blog-left h6 span {
  font-size: 12px;
  margin-left: 0.5rem;
}
.blog-detail .container .introduction .blog-left .image {
  display: flex;
  width: 100%;
  margin: 10px 0;
}
.blog-detail .container .introduction .blog-left .image img {
  width: 100%;
}
.blog-detail .container .introduction .blog-left .content {
  padding: 20px 0;
}
.blog-detail .container .introduction .blog-left .content p {
  margin-top: 1rem;
}
.blog-detail .container .introduction .blog-left .content p a {
  color: #007D3D;
  font-weight: 500;
}
.blog-detail .container .introduction .blog-left .content h2 {
  margin-bottom: 1rem;
}
.blog-detail .container .introduction .blog-left .content img {
  width: 100%;
  height: auto!important;
}
.blog-detail .container .introduction .blog-left .content ul {
  padding-left: 0;
}
.blog-detail .container .introduction .blog-left .content ul li {
  margin-left: 20px;
}
.blog-detail .container .introduction .blog-left .form {
  display: flex;
  flex-direction: column;
}
.blog-detail .container .introduction .blog-left .form .all-box {
  display: flex;
  width: 100%;
}
.blog-detail .container .introduction .blog-left .form .all-box .green-box {
  width: 100%;
  display: flex;
}
.blog-detail .container .introduction .blog-left .form .all-box .green-box .form-inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 25px #94949442;
  background-color: #fff;
  margin: 1rem 0;
}
.blog-detail .container .introduction .blog-left .form .all-box .green-box .form-inner .contact-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  padding: 22px 30px;
  box-shadow: 0 0 15px #c1c1c1;
}
.blog-detail .container .introduction .blog-left .form .all-box .green-box .form-inner .contact-form .input-container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 15px;
  margin-top: 15px;
  font-size: 14px;
  color: #787878;
}
.blog-detail .container .introduction .blog-left .form .all-box .green-box .form-inner .contact-form .input-container input[type=number] {
  -moz-appearance: textfield;
}
.blog-detail .container .introduction .blog-left .form .all-box .green-box .form-inner .contact-form .input-container input[type=text]::-ms-clear {
  display: none;
}
.blog-detail .container .introduction .blog-left .form .all-box .green-box .form-inner .contact-form .input-container input[type=number]::-ms-clear {
  display: none;
}
.blog-detail .container .introduction .blog-left .form .all-box .green-box .form-inner .contact-form .input-container input[type=email]::-ms-clear {
  display: none;
}
.blog-detail .container .introduction .blog-left .form .all-box .green-box .form-inner .contact-form .input-container .input-field {
  width: 100%;
  padding: 15px;
  padding-right: 40px;
  outline: 0;
  border: none;
  box-shadow: 0 0 5px #c1c1c1;
  border-radius: 100px;
  background-color: #f9f9f9;
  border: 1px solid #ebebeb;
  font-size: 14px;
  color: #787878;
}
.blog-detail .container .introduction .blog-left .form .all-box .green-box .form-inner .contact-form .input-container .error {
  border: 1px   solid red;
}
.blog-detail .container .introduction .blog-left .form .all-box .green-box .form-inner .contact-form .input-container .invalid-feedback .errormessage {
  color: red;
  margin: 0px 4px;
}
.blog-detail .container .introduction .blog-left .form .all-box .green-box .form-inner .contact-form .input-container img {
  position: absolute;
  right: 18px;
  width: 20px;
  height: 20px;
  top: 11px;
}
.blog-detail .container .introduction .blog-left .form .all-box .green-box .form-inner .contact-form .message {
  width: 100%;
  padding: 15px;
  padding-right: 40px;
  outline: 0;
  border: none;
  box-shadow: 0 0 5px #c1c1c1;
  border-radius: 15px;
  background-color: #f9f9f9;
  font-family: roboto;
  font-size: 14px;
  color: #787878;
  border: 1px solid #ebebeb;
}
.blog-detail .container .introduction .blog-left .form .all-box .green-box .form-inner .comment {
  display: none;
}
.blog-detail .container .introduction .blog-right {
  display: flex;
  flex-direction: column;
  padding: 20px 0;
  align-self: baseline;
}
.blog-detail .container .introduction .blog-right .search {
  position: relative;
  margin-bottom: 1rem;
}
.blog-detail .container .introduction .blog-right .search input {
  border: none;
  width: 100%;
  padding: 14px 20px;
  box-shadow: 0 0 5px #c1c1c1;
  border-radius: 0 22px;
  outline: none;
  border: 1px solid #ebebeb;
}
.blog-detail .container .introduction .blog-right .search img {
  position: absolute;
  width: 35px;
  right: 8px;
  top: 5px;
}
.blog-detail .container .introduction .blog-right .search .buttons {
  width: 100%;
}
.blog-detail .container .introduction .blog-right .categories {
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 5px #c1c1c1;
  background-image: url("../img/blogdetail/lines.svg");
  padding: 0 20px;
  margin-bottom: 0;
}
.blog-detail .container .introduction .blog-right .categories .sub-heading h2 {
  font-size: 22px;
}
.blog-detail .container .introduction .blog-right .categories .category-type {
  display: flex;
  width: 100%;
  margin-bottom: 20px;
  box-shadow: 0 0 5px #c1c1c1;
  border-radius: 0 22px;
  border: none;
  background-color: #FFF;
}
.blog-detail .container .introduction .blog-right .categories .category-type a {
  width: 100%;
  padding: 14px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
}
.blog-detail .container .introduction .blog-right .categories .category-type:hover {
  box-shadow: 3px 4px 10px rgba(0, 0, 0, 0.2);
}
.blog-detail .container .introduction .blog-right .categories .category-type:hover a {
  color: #007D3D;
}
.blog-detail .container .introduction .blog-right .recent-blogs {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 5px #c1c1c1;
  background-color: #FFF;
  padding: 1rem;
}
.blog-detail .container .introduction .blog-right .recent-blogs .sub-heading h2 {
  font-size: 22px;
}
.blog-detail .container .introduction .blog-right .recent-blogs .all-items {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.blog-detail .container .introduction .blog-right .recent-blogs .all-items .items {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #989696;
  margin-bottom: 1rem;
}
.blog-detail .container .introduction .blog-right .recent-blogs .all-items .items .item-left {
  display: flex;
  justify-content: center;
}
.blog-detail .container .introduction .blog-right .recent-blogs .all-items .items .item-left img {
  width: 100%;
  border-radius: 55px 0px 55px;
  box-shadow: 0 0 20px #8c8c8c42;
  height: 100px;
}
.blog-detail .container .introduction .blog-right .recent-blogs .all-items .items .item-right {
  display: flex;
  flex-direction: column;
  margin: 1rem 0;
}
.blog-detail .container .introduction .blog-right .recent-blogs .all-items .items .item-right a {
  color: #007D3D;
  font-weight: 700;
}
.blog-detail .container .introduction .blog-right .recent-blogs .all-items .items:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
@media (min-width : 768px) {
  .blogdetail-banner .banner-full {
    height: 306px;
  }
  .blogdetail-banner .banner-full .right-section {
    height: 306px;
  }
  .blog-detail .container .introduction .blog-left .image {
    height: 300px;
  }
  .blog-detail .container .introduction .blog-left .form .all-box .green-box {
    align-items: center;
    justify-content: center;
  }
  .blog-detail .container .introduction .blog-left .form .all-box .green-box .form-inner {
    width: 50%;
    position: relative;
  }
  .blog-detail .container .introduction .blog-left .form .all-box .green-box .form-inner:before {
    content: " ";
    position: absolute;
    z-index: -1;
    top: 44px;
    left: -46px;
    right: 44px;
    bottom: -46px;
    background: #007D3D;
  }
  .blog-detail .container .introduction .blog-left .form .all-box .green-box .form-inner .comment {
    position: absolute;
    display: flex;
    background: #007d3d;
    width: 44%;
    border-radius: 14px;
    text-align: center;
    top: -42px;
    left: 280px;
    color: #FFF;
  }
  .blog-detail .container .introduction .blog-left .form .all-box .green-box .form-inner .comment:before {
    content: "";
    transform: rotate(290deg);
    position: absolute;
    width: 0;
    height: 0;
    left: -8px;
    top: 54px;
    bottom: -7px;
    border-right: 24px solid #007D3D;
    border-bottom: 10px solid transparent;
  }
  .blog-detail .container .introduction .blog-left .form .all-box .green-box .form-inner .comment p {
    line-height: 1.4;
    padding: 8px;
  }
  .blog-detail .container .introduction .blog-right {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .blog-detail .container .introduction .blog-right .search {
    width: 100%;
    margin-top: 3rem;
  }
  .blog-detail .container .introduction .blog-right .categories {
    width: 49%;
  }
  .blog-detail .container .introduction .blog-right .recent-blogs {
    width: 49%;
    margin-top: 0;
  }
  .blog-detail .container .introduction .blog-right .recent-blogs .all-items .items {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .blog-detail .container .introduction .blog-right .recent-blogs .all-items .items .item-left {
    width: 48%;
    padding: 10px;
    padding-top: 0;
  }
  .blog-detail .container .introduction .blog-right .recent-blogs .all-items .items .item-left .top-icon {
    width: 100%;
  }
  .blog-detail .container .introduction .blog-right .recent-blogs .all-items .items .item-right {
    width: 48%;
    text-align: justify;
    margin: 0;
    margin-bottom: 2rem;
  }
  .blog-detail .container .introduction .blog-right .recent-blogs .all-items .items .item-right p a {
    font-size: 12px;
  }
  .blog-detail .container .introduction .blog-right .recent-blogs .all-items .items .item-right .item-right-bottom {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 12px;
    padding: 10px 0;
    justify-content: space-around;
  }
  .blog-detail .container .introduction .blog-right .recent-blogs .all-items .items .item-right .item-right-bottom h5 {
    width: 48%;
    font-size: 12px;
    margin: 0;
  }
  #ui-id-2 {
    width: 270px;
    z-index: 130;
  }
}
@media (min-width : 1024px) {
  .blogdetail-banner .banner-full {
    height: 260px;
  }
  .blogdetail-banner .banner-full .right-section {
    height: 260px;
  }
  .blog-detail .container .introduction {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .blog-detail .container .introduction .blog-left {
    width: 68%;
  }
  .blog-detail .container .introduction .blog-left .form {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
  }
  .blog-detail .container .introduction .blog-left .form .all-box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
  .blog-detail .container .introduction .blog-left .form .all-box .green-box {
    display: flex;
    width: 55%;
  }
  .blog-detail .container .introduction .blog-left .form .all-box .green-box .form-inner {
    width: 100%;
  }
  .blog-detail .container .introduction .blog-right {
    width: 28%;
    flex-direction: column;
    height: fit-content;
    position: sticky;
    top: 3rem;
  }
  .blog-detail .container .introduction .blog-right .search {
    margin-top: 0;
  }
  .blog-detail .container .introduction .blog-right .search .buttons .button-green {
    width: 100%;
  }
  .blog-detail .container .introduction .blog-right .categories {
    width: 100%;
  }
  .blog-detail .container .introduction .blog-right .recent-blogs {
    margin-top: 20px;
    width: 100%;
  }
  .blog-detail .container .introduction .blog-right .recent-blogs .all-items .items .item-left img {
    height: 72px;
    border-radius: 38px 0 38px;
  }
}
@media (min-width : 1366px) {
  .blogdetail-banner .banner-full {
    height: 290px;
  }
  .blogdetail-banner .banner-full .banner-detail {
    padding-top: 1rem;
  }
  .blogdetail-banner .banner-full .right-section {
    height: 290px;
  }
  .blog-detail .container .introduction .blog-left {
    width: 68%;
  }
  .blog-detail .container .introduction .blog-left .form {
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
  }
  .blog-detail .container .introduction .blog-left .form .all-box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 20px;
  }
  .blog-detail .container .introduction .blog-left .form .all-box .green-box {
    display: flex;
    width: 50%;
  }
  .blog-detail .container .introduction .blog-left .form .all-box .green-box .form-inner {
    width: 100%;
  }
  .blog-detail .container .introduction .blog-left .form .all-box .green-box .form-inner .comment {
    left: 390px;
  }
  .blog-detail .container .introduction .blog-right .search {
    margin-top: 0;
  }
  .blog-detail .container .introduction .blog-right .recent-blogs .all-items .items {
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 20px;
  }
  .blog-detail .container .introduction .blog-right .recent-blogs .all-items .items .item-left {
    width: 37%;
    padding: 5px 10px;
  }
  .blog-detail .container .introduction .blog-right .recent-blogs .all-items .items .item-right {
    width: 56%;
    text-align: justify;
  }
  .blog-detail .container .introduction .blog-right .recent-blogs .all-items .items .item-right p {
    line-height: 1.4;
  }
  .blog-detail .container .introduction .blog-right .recent-blogs .all-items .items .item-right p a {
    font-size: 14px;
    line-height: 1.2;
  }
  .blog-detail .container .introduction .blog-right .recent-blogs .all-items .items .item-right .item-right-bottom {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 12px;
    padding: 5px 0;
    justify-content: space-between;
    width: 100%;
  }
  .blog-detail .container .introduction .blog-right .recent-blogs .all-items .items .item-right .item-right-bottom span a {
    font-size: 12px;
    font-weight: 700;
  }
}
.location-banner {
  background-image: url("../img/location/bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
}
.find-location {
  padding: 3rem 1.5rem;
}
.find-location .main-location {
  display: flex;
  flex-direction: column;
}
.find-location .main-location .heading {
  order: 1;
}
.find-location .main-location .buttons {
  order: 3;
  margin-top: 0;
}
.find-location .main-location .outer-circle {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
  order: 2;
}
.find-location .main-location .outer-circle .image-circle {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 1rem 0 2rem 0;
  background-image: url("../img/location/dots.png");
  background-size: 40% 40%;
  background-position: 26% 1%;
  background-repeat: no-repeat;
}
.find-location .main-location .outer-circle .image-circle .image-span {
  position: relative;
}
.find-location .main-location .outer-circle .image-circle .image-span .city-image {
  border-radius: 50%;
  width: 150px;
  height: 150px;
  box-shadow: 0 0px 20px #c1c1c1;
}
.find-location .main-location .outer-circle .image-circle .image-span .map-icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  box-shadow: 0 0px 20px #c1c1c1;
  background: #FFF;
  z-index: 99;
  position: absolute;
  right: -12px;
  bottom: -15px;
}
.find-location .main-location .outer-circle .image-circle .image-span .map-icon .icon-image {
  width: 70px;
  height: 70px;
}
.find-location .main-location .outer-circle .image-circle .anchor {
  font-size: 22px;
  font-weight: 600;
  color: #000000;
  margin-top: 2rem;
}
.find-location .main-location .outer-circle .image-circle .anchor:hover {
  color: #1F5E88;
}
.find-location .main-location .outer-circle .image-circle .buttons {
  margin-top: 1rem;
}
.popular-locations {
  padding: 3rem 1.5rem;
  background-image: url("../img/location/background.png");
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
}
.popular-locations .main-content .heading .search {
  position: relative;
  margin-top: 2rem;
}
.popular-locations .main-content .heading .search input {
  border: none;
  width: 100%;
  padding: 14px 20px;
  box-shadow: 0 0 10px #c1c1c1;
  border-radius: 0 22px;
  outline: none;
  padding-right: 40px;
  border: 1px solid #ebebeb;
}
.popular-locations .main-content .heading .search img {
  position: absolute;
  width: 35px;
  right: 8px;
  top: 5px;
}
.popular-locations .main-content .outer-content {
  display: flex;
  flex-direction: column;
  margin: 1rem 0;
}
.popular-locations .main-content .outer-content a:hover {
  box-shadow: 0 0 20px #c1c1c1;
}
.popular-locations .main-content .outer-content .inner-content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 2px 9px #c1c1c1;
  width: 100%;
  height: 50px;
  margin-top: 2rem;
  background-color: #FFF;
}
.popular-locations .main-content .outer-content .inner-content .leftimage {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 18%;
  background-color: #1F5E88;
  padding: 1rem;
  position: relative;
}
.popular-locations .main-content .outer-content .inner-content .leftimage img {
  width: 30px;
  margin-left: 1rem;
}
.popular-locations .main-content .outer-content .inner-content .leftimage::after {
  content: '';
  position: absolute;
  top: 0;
  right: -50px;
  bottom: 0;
  width: 20px;
  background-color: transparent;
  border-top: 59px solid transparent;
  border-left: 30px solid #1F5E88;
}
.popular-locations .main-content .outer-content .inner-content .text-name {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 74%;
  padding: 1rem;
}
.popular-locations .main-content .outer-content .inner-content .text-name p {
  font-weight: 600;
  color: #000000;
  font-size: 16px;
}
.popular-locations .main-content .outer-content .inner-content .text-name span img {
  width: 10px;
}
.popular-locations .main-content .outer-content .inner-content:hover .leftimage {
  background-color: #007D3D;
}
.popular-locations .main-content .outer-content .inner-content:hover .leftimage::after {
  border-left: 30px solid #007D3D;
}
.location-form {
  padding: 3rem 1.5rem;
}
.location-form .content-form-outer {
  display: flex;
  flex-direction: column;
}
.location-form .content-form-outer .left-form .form-inner {
  display: flex;
  flex-direction: column;
  box-shadow: 0 0px 10px #f1f1f1;
  margin-top: 2rem;
}
.location-form .content-form-outer .left-form .form-inner .contact-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  padding: 1rem 0;
}
.location-form .content-form-outer .left-form .form-inner .contact-form .input-container,
.location-form .content-form-outer .left-form .form-inner .contact-form .input-container-address {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 85%;
  margin-bottom: 15px;
  margin-top: 15px;
  font-size: 14px;
  color: #787878;
}
.location-form .content-form-outer .left-form .form-inner .contact-form .input-container input[type=text]::-ms-clear,
.location-form .content-form-outer .left-form .form-inner .contact-form .input-container-address input[type=text]::-ms-clear {
  display: none;
}
.location-form .content-form-outer .left-form .form-inner .contact-form .input-container input[type=number]::-ms-clear,
.location-form .content-form-outer .left-form .form-inner .contact-form .input-container-address input[type=number]::-ms-clear {
  display: none;
}
.location-form .content-form-outer .left-form .form-inner .contact-form .input-container input[type=email]::-ms-clear,
.location-form .content-form-outer .left-form .form-inner .contact-form .input-container-address input[type=email]::-ms-clear {
  display: none;
}
.location-form .content-form-outer .left-form .form-inner .contact-form .input-container img,
.location-form .content-form-outer .left-form .form-inner .contact-form .input-container-address img {
  position: absolute;
  right: 18px;
  width: 20px;
  height: 20px;
  top: 11px;
}
.location-form .content-form-outer .left-form .form-inner .contact-form .input-field {
  width: 100%;
  padding: 15px 50px 15px 15px;
  outline: none;
  border: none;
  box-shadow: 0 0px 8px #c1c1c1;
  border-radius: 100px;
  padding-right: 40px;
  font-size: 14px;
  color: #787878;
  border: 1px solid #ebebeb;
}
.location-form .content-form-outer .left-form .form-inner .contact-form .error {
  border: 1px   solid red;
}
.location-form .content-form-outer .left-form .form-inner .contact-form .invalid-feedback .errormessage {
  color: red;
  margin: 0px 4px;
}
.location-form .content-form-outer .left-form .form-inner .contact-form .message,
.location-form .content-form-outer .left-form .form-inner .contact-form .address {
  width: 100%;
  padding: 15px;
  outline: 0;
  border: none;
  box-shadow: 0 0px 8px #c1c1c1;
  border-radius: 15px;
  height: 75px;
  resize: none;
  padding-right: 40px;
  font-size: 14px;
  color: #787878;
  border: 1px solid #ebebeb;
}
.location-form .content-form-outer .left-form .form-inner .contact-form .buttons {
  margin-bottom: 1rem;
}
.location-form .content-form-outer .left-form .form-inner .contact-form .consent {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  padding: 0.4rem 1rem;
}
.location-form .content-form-outer .left-form .form-inner .contact-form .consent label {
  margin-bottom: 0;
}
.location-form .content-form-outer .left-form .form-inner .contact-form input[type=number]::-webkit-outer-spin-button,
.location-form .content-form-outer .left-form .form-inner .contact-form input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.location-form .content-form-outer .left-form .form-inner .contact-form input[type=number] {
  -moz-appearance: textfield;
}
.location-form .content-form-outer .right-map {
  display: flex;
  flex-direction: column;
  margin-top: 3rem;
  position: relative;
  margin-bottom: 3rem;
}
.location-form .content-form-outer .right-map h2 {
  font-size: 22px;
  color: #FFF;
  margin: 1rem 0;
}
.location-form .content-form-outer .right-map img {
  margin-top: 1rem;
  width: 100%;
}
.location-form .content-form-outer .right-map::before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 0px;
  left: -24px;
  right: -24px;
  bottom: -20px;
  background: #007D3D;
  height: 440px;
}
.location-form .content-form-outer .right-map .comment {
  display: none;
}
@media (min-width : 768px) {
  .location-banner {
    margin-top: 1.5rem;
    padding-bottom: 1rem;
  }
  .location-banner .banner-full .banner-detail {
    padding-top: 0.5rem;
  }
  .location-banner .banner-full .banner-detail .search-bar-common {
    margin-bottom: 0;
  }
  .location-banner .banner-full .banner-detail .right-section {
    height: 336px;
    width: 324px;
  }
  .location-banner .banner-full .banner-detail .buttons {
    justify-content: flex-start;
    margin-top: 0;
  }
  .find-location {
    padding: 3rem 2rem;
  }
  .find-location .main-location {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  .find-location .main-location .heading {
    width: 60%;
    margin-bottom: 0;
  }
  .find-location .main-location .buttons {
    order: 2;
    margin-top: 0;
  }
  .find-location .main-location .buttons .button-green {
    padding: 10px 30px;
  }
  .find-location .main-location .outer-circle {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    order: 3;
    width: 100%;
  }
  .find-location .main-location .outer-circle .image-circle {
    width: 50%;
    padding: 2rem 0;
    background-size: 30% 30%;
    background-position: 33% 6%;
  }
  .popular-locations {
    padding: 3rem 2rem;
  }
  .popular-locations .main-content .heading {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .popular-locations .main-content .heading .search {
    width: 42%;
  }
  .popular-locations .main-content .outer-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .popular-locations .main-content .outer-content .inner-content {
    width: 45%;
  }
  .location-form {
    padding: 3rem 2rem;
  }
  .location-form .content-form-outer .left-form .form-inner .contact-form {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 1rem;
  }
  .location-form .content-form-outer .left-form .form-inner .contact-form .input-container {
    width: 45%;
  }
  .location-form .content-form-outer .left-form .form-inner .contact-form .input-container-address {
    width: 95%;
  }
  .location-form .content-form-outer .right-map h2 {
    font-size: 16px;
  }
  .location-form .content-form-outer .right-map img {
    height: 270px;
  }
  .location-form .content-form-outer .right-map::before {
    left: -32px;
    right: -32px;
    height: 400px;
  }
}
@media (min-width : 1024px) {
  .location-banner {
    padding-bottom: 0.5rem;
  }
  .location-banner .banner-full .banner-detail {
    padding-top: 1rem;
  }
  .location-banner .banner-full .banner-detail .right-section {
    height: 328px;
  }
  .find-location .main-location .outer-circle .image-circle {
    width: 25%;
    padding: 0;
    background-position: 15% 0px;
  }
  .find-location .main-location .outer-circle .image-circle .image-span .city-image {
    width: 170px;
    height: 170px;
  }
  .popular-locations .main-content .heading .search {
    width: 30%;
  }
  .popular-locations .main-content .outer-content {
    justify-content: flex-start;
  }
  .popular-locations .main-content .outer-content .inner-content {
    width: 30%;
    margin-right: 2rem;
  }
  .location-form .content-form-outer {
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
  }
  .location-form .content-form-outer .left-form {
    width: 50%;
  }
  .location-form .content-form-outer .left-form .form-inner .contact-form {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 1rem;
  }
  .location-form .content-form-outer .left-form .form-inner .contact-form .input-container {
    width: 45%;
  }
  .location-form .content-form-outer .left-form .form-inner .contact-form .input-container-address {
    width: 95%;
  }
  .location-form .content-form-outer .right-map {
    position: relative;
    width: 45%;
  }
  .location-form .content-form-outer .right-map h2 {
    text-align: center;
  }
  .location-form .content-form-outer .right-map::before {
    bottom: 116px;
    left: 55px;
    right: -18px;
    height: 305px;
  }
  .location-form .content-form-outer .right-map .comment {
    position: absolute;
    background: #007d3d;
    width: 18%;
    border-radius: 14px;
    text-align: center;
    display: flex;
    justify-content: center;
    top: 90px;
    left: -35px;
    color: #FFF;
    padding: 0.5rem;
  }
  .location-form .content-form-outer .right-map .comment:before {
    content: "";
    transform: rotate(210deg);
    position: absolute;
    width: 0;
    height: 0;
    left: 61px;
    top: 35px;
    bottom: -7px;
    border-right: 24px solid #007D3D;
    border-bottom: 10px solid transparent;
  }
}
@media (min-width : 1366px) {
  .location-banner {
    margin-top: 2.8rem;
    padding-bottom: 1.5rem;
  }
  .location-banner .banner-full .banner-detail .right-section {
    height: 344px;
    width: 340px;
  }
  .find-location {
    padding: 4rem 0rem;
  }
  .find-location .main-location .outer-circle {
    margin-top: 3rem;
  }
  .popular-locations {
    padding: 4rem 0rem;
  }
  .popular-locations .main-content .outer-content .inner-content {
    width: 22%;
  }
  .location-form {
    padding: 4rem 0rem;
  }
  .location-form .content-form-outer .left-form .heading {
    margin-bottom: 2rem;
  }
  .location-form .content-form-outer .right-map img {
    height: 292px;
  }
  .location-form .content-form-outer .right-map::before {
    bottom: 61px;
    left: 65px;
    right: -32px;
  }
}
.location-detail {
  padding: 3rem 1.5rem;
}
.location-detail .main-location {
  display: flex;
  flex-direction: column;
  background-image: url(../img/locationdetail/wave-right.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
}
.location-detail .main-location .left-content {
  display: flex;
  flex-direction: column;
}
.location-detail .main-location .right-content {
  display: flex;
  flex-direction: column;
}
.location-detail .main-location .right-content .search {
  position: relative;
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.location-detail .main-location .right-content .search input {
  border: none;
  width: 100%;
  padding: 14px 46px 14px 20px;
  box-shadow: 0 0 10px #c1c1c1;
  border-radius: 0 22px;
  outline: none;
  border: 1px solid #ebebeb;
}
.location-detail .main-location .right-content .search img {
  position: absolute;
  width: 35px;
  right: 8px;
  top: 5px;
}
.location-detail .main-location .right-content .right-form {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.location-detail .main-location .right-content .right-form .overview-img {
  background-color: #007D3D;
  padding: 1rem;
  margin-top: 1rem;
  height: fit-content;
}
.location-detail .main-location .right-content .right-form .overview-img h3 {
  font-size: 18px;
  color: #FFF;
  margin-bottom: 1rem;
}
.location-detail .main-location .right-content .right-form .overview-img .contact-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}
.location-detail .main-location .right-content .right-form .overview-img .contact-form .input-container,
.location-detail .main-location .right-content .right-form .overview-img .contact-form .input-container-address {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 15px;
  font-size: 14px;
  color: #787878;
}
.location-detail .main-location .right-content .right-form .overview-img .contact-form .input-container input[type=text]::-ms-clear,
.location-detail .main-location .right-content .right-form .overview-img .contact-form .input-container-address input[type=text]::-ms-clear {
  display: none;
}
.location-detail .main-location .right-content .right-form .overview-img .contact-form .input-container input[type=number]::-ms-clear,
.location-detail .main-location .right-content .right-form .overview-img .contact-form .input-container-address input[type=number]::-ms-clear {
  display: none;
}
.location-detail .main-location .right-content .right-form .overview-img .contact-form .input-container input[type=email]::-ms-clear,
.location-detail .main-location .right-content .right-form .overview-img .contact-form .input-container-address input[type=email]::-ms-clear {
  display: none;
}
.location-detail .main-location .right-content .right-form .overview-img .contact-form .input-container input[type=number],
.location-detail .main-location .right-content .right-form .overview-img .contact-form .input-container-address input[type=number] {
  -moz-appearance: textfield;
}
.location-detail .main-location .right-content .right-form .overview-img .contact-form .input-container img,
.location-detail .main-location .right-content .right-form .overview-img .contact-form .input-container-address img {
  position: absolute;
  right: 18px;
  width: 20px;
  height: 20px;
  top: 6px;
}
.location-detail .main-location .right-content .right-form .overview-img .contact-form .consent {
  color: #FFF;
}
.location-detail .main-location .right-content .right-form .overview-img .contact-form .consent p {
  margin-bottom: 0;
}
.location-detail .main-location .right-content .right-form .overview-img .contact-form .consent label {
  margin-bottom: 0;
}
.location-detail .main-location .right-content .right-form .overview-img .contact-form .input-field {
  width: 100%;
  padding: 8px 50px 8px 15px;
  outline: none;
  border: none;
  box-shadow: 0 0px 8px #c1c1c1;
  border-radius: 100px;
  padding-right: 40px;
  font-size: 14px;
  color: #787878;
  border: 1px solid #ebebeb;
  height: 35px;
}
.location-detail .main-location .right-content .right-form .overview-img .contact-form .phonecode-field {
  height: 35px;
}
.location-detail .main-location .right-content .right-form .overview-img .contact-form .phonecode-field input {
  height: 35px;
  padding-right: 24px;
}
.location-detail .main-location .right-content .right-form .overview-img .contact-form .error {
  border: 1px solid #fb5050;
}
.location-detail .main-location .right-content .right-form .overview-img .contact-form .message,
.location-detail .main-location .right-content .right-form .overview-img .contact-form .address {
  width: 100%;
  padding: 15px;
  outline: 0;
  border: none;
  box-shadow: 0 0px 8px #c1c1c1;
  border-radius: 15px;
  resize: none;
  padding-right: 40px;
  height: 62px;
  font-size: 14px;
  color: #787878;
  border: 1px solid #ebebeb;
}
.location-detail .main-location .right-content .right-form .overview-img .contact-form .buttons {
  margin-bottom: 1rem;
}
.location-detail .main-location .right-content .right-form .overview-img .contact-form .buttons .button-yellow:hover {
  background-color: #1F5E88;
}
.location-detail .main-location .right-content .right-form .overview-img .contact-form .consent {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  padding: 0.3rem 0px;
  color: #FFF;
}
.location-detail .main-location .right-content .right-form .overview-img .contact-form .consent label {
  font-size: 12px;
  text-align: justify;
  color: #FFF;
}
.location-detail .main-location .right-content .right-form .overview-img .contact-form input[type=number]::-webkit-outer-spin-button,
.location-detail .main-location .right-content .right-form .overview-img .contact-form input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.location-detail .main-location .right-content .right-form .overview-img .contact-form input[type=number] {
  -moz-appearance: textfield;
}
.location-detail .main-location .right-content .buttons {
  margin-top: 0.5rem;
  margin-bottom: 0rem !important;
}
.location-detail .main-location .right-content .buttons .button-green {
  width: 100%;
}
.location-detail .main-location .right-content .venues-main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 1rem 0;
  background-color: #1F5E88;
  background-image: url("../img/locationdetail/bglines.png");
  background-repeat: no-repeat;
  background-size: cover;
  color: #FFF;
  box-shadow: 0 2px 9px #c1c1c1;
}
.location-detail .main-location .right-content .venues-main h2 {
  font-size: 22px;
  margin-top: 1rem;
}
.location-detail .main-location .right-content .venues-main .venues {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  padding: 1rem;
}
.location-detail .main-location .right-content .venues-main .venues .venue {
  background-color: #FFF;
  width: 48%;
  box-shadow: 0 2px 9px #c1c1c1;
  border-radius: 10px;
  padding: 1rem;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 115px;
  margin-bottom: 1rem;
}
.location-detail .main-location .right-content .venues-main .venues .venue .venue-img {
  background-color: #d5eae0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 48%;
  border-top-left-radius: 10%;
  padding: 1rem;
  width: 50%;
  position: absolute;
  top: 0;
  left: 0;
}
.location-detail .main-location .right-content .venues-main .venues .venue .venue-img img {
  width: 28px;
}
.location-detail .main-location .right-content .venues-main .venues .venue .venue-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #000000;
  font-weight: 600;
  text-align: center;
  font-size: 12px;
}
.location-detail .main-location .right-content .venues-main .venues .venue .venue-text p {
  font-size: 15px;
  line-height: 1;
}
.location-detail-form {
  padding: 3rem 1.5rem;
  background-color: #fafafa;
  margin-bottom: -100px;
  padding-bottom: 10rem !important;
}
.location-detail-form .location-form-box {
  display: flex;
  flex-direction: column;
  width: 100%;
  box-shadow: 0 2px 9px #c1c1c1;
}
.location-detail-form .location-form-box .left-onsite {
  background-color: #FFF;
  background-image: url("../img/locationdetail/bg-left.png");
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  flex-direction: column;
  padding: 1rem;
  background-position: bottom;
  color: #000000;
}
.location-detail-form .location-form-box .left-onsite h2 {
  font-size: 18px;
  margin: 1rem 0;
}
.location-detail-form .location-form-box .left-onsite .cont-list-info {
  display: flex;
  flex-direction: row;
  color: #000000;
  align-self: flex-start;
  width: 100%;
  border-bottom: 1px solid #ffffff38;
  padding: 1rem 0;
}
.location-detail-form .location-form-box .left-onsite .cont-list-info .con-icons {
  margin-right: 10px;
}
.location-detail-form .location-form-box .left-onsite .cont-list-info .con-icons span {
  background-color: #007D3D;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 50%;
  display: flex;
  justify-content: space-around;
  margin-right: 10px;
}
.location-detail-form .location-form-box .left-onsite .cont-list-info .con-icons span img {
  width: 25px;
}
.location-detail-form .location-form-box .left-onsite .cont-list-info .con-icons:hover span {
  transition: all 0.3s ease-in, color 0s ease-in-out;
}
.location-detail-form .location-form-box .left-onsite .cont-list-info .con-icons:hover span img {
  animation: tada 1s infinite;
}
.location-detail-form .location-form-box .left-onsite .cont-list-info .con-text-info {
  display: flex;
  flex-direction: column;
}
.location-detail-form .location-form-box .left-onsite .cont-list-info .con-text-info span {
  font-weight: 600;
}
.location-detail-form .location-form-box .left-onsite .cont-list-info .con-text-info a {
  color: #000000;
  line-height: 1.6;
  word-break: break-all;
}
.location-detail-form .location-form-box .left-onsite .cont-list-info .con-text-info a:hover {
  font-weight: 700;
  color: #007D3D;
}
.location-detail-form .location-form-box .left-onsite .cont-list-info:last-child {
  border-bottom: none;
}
.location-detail-form .location-form-box .right-onsite {
  padding: 1rem;
  background-color: #007D3D;
}
.location-detail-form .location-form-box .right-onsite .heading h2 {
  color: #FFF;
}
.location-detail-form .location-form-box .right-onsite .contact-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
}
.location-detail-form .location-form-box .right-onsite .contact-form .input-container,
.location-detail-form .location-form-box .right-onsite .contact-form .input-container-address {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 15px;
  font-size: 14px;
  color: #787878;
}
.location-detail-form .location-form-box .right-onsite .contact-form .input-container input[type=text]::-ms-clear,
.location-detail-form .location-form-box .right-onsite .contact-form .input-container-address input[type=text]::-ms-clear {
  display: none;
}
.location-detail-form .location-form-box .right-onsite .contact-form .input-container input[type=number]::-ms-clear,
.location-detail-form .location-form-box .right-onsite .contact-form .input-container-address input[type=number]::-ms-clear {
  display: none;
}
.location-detail-form .location-form-box .right-onsite .contact-form .input-container input[type=email]::-ms-clear,
.location-detail-form .location-form-box .right-onsite .contact-form .input-container-address input[type=email]::-ms-clear {
  display: none;
}
.location-detail-form .location-form-box .right-onsite .contact-form .input-container input[type=number],
.location-detail-form .location-form-box .right-onsite .contact-form .input-container-address input[type=number] {
  -moz-appearance: textfield;
}
.location-detail-form .location-form-box .right-onsite .contact-form .input-container img,
.location-detail-form .location-form-box .right-onsite .contact-form .input-container-address img {
  position: absolute;
  right: 18px;
  width: 20px;
  height: 20px;
}
.location-detail-form .location-form-box .right-onsite .contact-form .input-field {
  width: 100%;
  padding: 15px 50px 15px 15px;
  outline: none;
  border: none;
  box-shadow: 0 0px 8px #c1c1c1;
  border-radius: 100px;
  padding-right: 40px;
  font-size: 14px;
  border: 1px solid #ebebeb;
  color: #787878;
}
.location-detail-form .location-form-box .right-onsite .contact-form .error {
  border: 1px   solid red;
}
.location-detail-form .location-form-box .right-onsite .contact-form .invalid-feedback .errormessage {
  color: red;
  margin: 0px 4px;
}
.location-detail-form .location-form-box .right-onsite .contact-form .message,
.location-detail-form .location-form-box .right-onsite .contact-form .address {
  width: 100%;
  padding: 15px;
  outline: 0;
  border: none;
  box-shadow: 0 0px 8px #c1c1c1;
  border-radius: 15px;
  height: 75px;
  resize: none;
  padding-right: 40px;
  font-size: 14px;
  border: 1px solid #ebebeb;
}
.location-detail-form .location-form-box .right-onsite .contact-form .buttons {
  margin-bottom: 1rem;
}
.location-detail-form .location-form-box .right-onsite .contact-form .buttons .button-yellow:hover {
  background-color: #000000;
}
.location-detail-form .location-form-box .right-onsite .contact-form .consent {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  padding: 0.4rem;
}
.location-detail-form .location-form-box .right-onsite .contact-form .consent p {
  color: #FFF;
}
.location-detail-form .location-form-box .right-onsite .contact-form .consent label {
  text-align: justify;
  color: #FFF;
  margin-bottom: 0;
}
.location-detail-form .location-form-box .right-onsite .contact-form input[type=number]::-webkit-outer-spin-button,
.location-detail-form .location-form-box .right-onsite .contact-form input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.location-detail-form .location-form-box .right-onsite .contact-form input[type=number] {
  -moz-appearance: textfield;
}
.location-detail-form .location-form-box .right-onsite .formSuccess span {
  color: #F8E402;
  font-weight: 500;
}
.location-detail-form .location-form-box .right-onsite .formSuccess .text-real {
  color: #000000;
  font-weight: bold;
}
.location-detail-form .location-form-box .right-onsite .formSuccess .enqus {
  color: #000000;
}
.location-detail-form .location-form-box .right-onsite .formSuccess .enqus a {
  color: #007D3D;
}
@media (min-width : 768px) {
  .loc-detail {
    padding-bottom: 2.5rem;
  }
  .loc-detail .banner-full .banner-detail {
    padding-top: 0.5rem;
  }
  .loc-detail .banner-full .banner-detail .right-section {
    height: 360px;
    width: 340px;
  }
  .location-detail {
    padding: 3rem 2rem;
  }
  .location-detail .main-location {
    background-size: 52% 100%;
    background-position: right;
    justify-content: space-between;
    flex-direction: row;
  }
  .location-detail .main-location .left-content {
    width: 58%;
  }
  .location-detail .main-location .right-content {
    width: 38%;
  }
  .location-detail .main-location .right-content .search {
    margin-top: 3.5rem;
  }
  .location-detail .main-location .right-content .venues-main {
    margin: 1rem 0;
  }
  .location-detail-form {
    padding: 3rem 2rem;
  }
  .location-detail-form .location-form-box {
    flex-direction: row;
  }
  .location-detail-form .location-form-box .left-onsite {
    padding: 2rem  1rem;
    width: 35%;
  }
  .location-detail-form .location-form-box .right-onsite {
    padding: 2rem 3rem;
    width: 65%;
  }
  .location-detail-form .location-form-box .right-onsite .contact-form {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .location-detail-form .location-form-box .right-onsite .contact-form .input-container {
    width: 100%;
  }
  .location-detail-form .location-form-box .right-onsite .contact-form .input-container-address {
    width: 100%;
  }
  #ui-id-1 {
    width: 270px;
  }
}
@media (min-width : 1024px) {
  .loc-detail {
    padding-bottom: 1rem;
  }
  .loc-detail .banner-full .banner-detail .right-section {
    height: 336px;
  }
  .location-detail .main-location {
    background-size: 46% 100%;
  }
  .location-detail .main-location .left-content {
    width: 65%;
  }
  .location-detail .main-location .left-content .buttons {
    justify-content: flex-start;
  }
  .location-detail .main-location .right-content {
    width: 30%;
  }
  .location-detail .main-location .right-content .right-form {
    width: 100%;
  }
  .location-detail .main-location .right-content .right-form .overview-img {
    width: 100%;
    position: sticky;
    top: 0;
    padding: 1rem;
  }
  .location-detail .main-location .right-content .right-form .overview-img img {
    width: 80%;
  }
  .location-detail-form .location-form-box .left-onsite {
    padding: 2rem  2rem;
  }
  .location-detail-form .location-form-box .right-onsite .contact-form .input-container {
    width: 48%;
  }
  .location-detail-form .location-form-box .right-onsite .contact-form .consent {
    width: 95%;
  }
}
@media (min-width : 1366px) {
  .loc-detail {
    padding-bottom: 1rem;
  }
  .location-detail {
    padding: 4rem 0rem;
  }
  .location-detail .main-location .left-content {
    width: 70%;
  }
  .location-detail .main-location .right-content {
    width: 25%;
  }
  .location-detail-form {
    padding: 4rem 0rem;
  }
  .location-detail-form .location-form-box .left-onsite {
    width: 25%;
  }
  .location-detail-form .location-form-box .right-onsite {
    width: 75%;
  }
  .location-detail-form .location-form-box .right-onsite .contact-form .input-container input[type=number]::-webkit-inner-spin-button,
  .location-detail-form .location-form-box .right-onsite .contact-form .input-container input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
  }
}
.contact-banner {
  background-image: url("../img/clients/clients-banner.png");
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
}
.contact-banner .banner-full .banner-detail {
  padding-top: 0;
}
.contact-banner .banner-full .banner-detail .search-bar-common {
  margin-bottom: 0;
}
.form-touch {
  padding: 3rem 1.5rem;
}
.form-touch .form-list .main-form {
  width: 100%;
  box-shadow: 0 2px 9px #c1c1c1;
  padding: 1rem;
}
.form-touch .form-list .main-form .left-side {
  display: none;
  background-color: #007D3D;
  width: 100%;
}
.form-touch .form-list .main-form .left-side p {
  color: #FFF;
  font-size: 18px;
}
.form-touch .form-list .main-form .right-side {
  width: 100%;
  position: relative;
}
.form-touch .form-list .main-form .right-side .count-circle {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: -20px;
  top: 40%;
  z-index: 99;
}
.form-touch .form-list .main-form .right-side .count-circle .counter-circle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  margin-bottom: 1.5rem;
  background-color: #FFF;
  box-shadow: 0 2px 9px rgba(50, 41, 47, 0.5);
  cursor: pointer;
}
.form-touch .form-list .main-form .right-side .count-circle .counter-circle h2 {
  font-size: 18px;
}
.form-touch .form-list .main-form .right-side .count-circle .active {
  box-shadow: 0 2px 9px #F8E402;
}
.form-touch .form-list .main-form .right-side .content-tabs {
  display: flex;
  flex-direction: row;
  margin-bottom: 1rem;
}
.form-touch .form-list .main-form .right-side .content-tabs .para {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
  width: 50%;
  cursor: pointer;
}
.form-touch .form-list .main-form .right-side .content-tabs .active {
  color: #007D3D;
  font-weight: 600;
  border-bottom: 2px solid #007D3D;
  line-height: 2.5;
}
.form-touch .form-list .main-form .right-side .contact-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}
.form-touch .form-list .main-form .right-side .contact-form .general {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.form-touch .form-list .main-form .right-side .contact-form .general .form-left {
  width: 100%;
}
.form-touch .form-list .main-form .right-side .contact-form .general .form-right {
  width: 100%;
}
.form-touch .form-list .main-form .right-side .contact-form .general .form-right .consent {
  padding-bottom: 1rem;
}
.form-touch .form-list .main-form .right-side .contact-form .general .input-container,
.form-touch .form-list .main-form .right-side .contact-form .general .input-container-address {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 15px;
  margin-top: 15px;
  font-size: 14px;
  color: #787878;
}
.form-touch .form-list .main-form .right-side .contact-form .general .input-container select,
.form-touch .form-list .main-form .right-side .contact-form .general .input-container-address select {
  font-size: 14px;
  color: #787878;
}
.form-touch .form-list .main-form .right-side .contact-form .general .input-container input[type=number],
.form-touch .form-list .main-form .right-side .contact-form .general .input-container-address input[type=number] {
  -moz-appearance: textfield;
}
.form-touch .form-list .main-form .right-side .contact-form .general .input-container input[type=text]::-ms-clear,
.form-touch .form-list .main-form .right-side .contact-form .general .input-container-address input[type=text]::-ms-clear {
  display: none;
}
.form-touch .form-list .main-form .right-side .contact-form .general .input-container input[type=number]::-ms-clear,
.form-touch .form-list .main-form .right-side .contact-form .general .input-container-address input[type=number]::-ms-clear {
  display: none;
}
.form-touch .form-list .main-form .right-side .contact-form .general .input-container input[type=email]::-ms-clear,
.form-touch .form-list .main-form .right-side .contact-form .general .input-container-address input[type=email]::-ms-clear {
  display: none;
}
.form-touch .form-list .main-form .right-side .contact-form .general .input-container img,
.form-touch .form-list .main-form .right-side .contact-form .general .input-container-address img {
  position: absolute;
  right: 18px;
  width: 20px;
  height: 20px;
  top: 14px;
}
.form-touch .form-list .main-form .right-side .contact-form .general .input-container .input-field,
.form-touch .form-list .main-form .right-side .contact-form .general .input-container-address .input-field {
  width: 100%;
  padding: 15px;
  outline: none;
  border: none;
  box-shadow: 0 0px 5px #c1c1c1;
  border-radius: 100px;
  padding-right: 40px;
  font-size: 14px;
  border: 1px solid #ebebeb;
  color: #787878;
}
.form-touch .form-list .main-form .right-side .contact-form .general .input-container .error,
.form-touch .form-list .main-form .right-side .contact-form .general .input-container-address .error {
  border: 1px solid #fb5050;
}
.form-touch .form-list .main-form .right-side .contact-form .general .message,
.form-touch .form-list .main-form .right-side .contact-form .general .address {
  width: 100%;
  padding: 10px 15px;
  outline: 0;
  border: none;
  box-shadow: 0 0px 5px #c1c1c1;
  border-radius: 15px;
  height: 75px;
  resize: none;
  padding-right: 40px;
  font-family: roboto;
  font-size: 14px;
  border: 1px solid #ebebeb;
  color: #787878;
}
.form-touch .form-list .main-form .right-side .contact-form .general .buttons {
  margin-bottom: 1rem;
}
.form-touch .form-list .main-form .right-side .contact-form .general .consent {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  padding-left: 0;
  font-size: 12px;
}
.form-touch .form-list .main-form .right-side .contact-form .general .consent label {
  font-size: 12px;
  text-align: justify;
  margin-bottom: 0;
}
.form-touch .form-list .main-form .right-side .contact-form .general:nth-child(2) {
  display: none;
}
.form-touch .form-list .main-form .right-side .contact-form .other {
  display: none;
}
.form-touch .form-list .main-form .right-side .contact-form .other .buttons {
  flex-direction: column;
}
.form-touch .form-list .main-form .right-side .contact-form .other .buttons .button-yellow {
  padding: 15px 65px 15px 30px;
  margin-bottom: 1rem;
}
.form-touch .form-list .main-form .right-side .contact-form .other .buttons .button-yellow:after {
  height: 68px;
}
.form-touch .form-list .main-form .right-side .contact-form input[type=number]::-webkit-outer-spin-button,
.form-touch .form-list .main-form .right-side .contact-form input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.form-touch .form-list .main-form .right-side .contact-form input[type=number] {
  -moz-appearance: textfield;
}
.find-us .main-find {
  display: flex;
  flex-direction: column;
}
.find-us .main-find .find-uss {
  padding: 0rem 1.5rem;
}
.find-us .main-find .content-main {
  display: flex;
  flex-direction: column;
  margin-top: 0.5rem;
}
.find-us .main-find .content-main .main-find-left {
  display: flex;
  flex-direction: column;
  background-color: #000000;
  padding: 2rem 1.5rem;
}
.find-us .main-find .content-main .main-find-left .head {
  margin-bottom: 1rem;
  color: #FFF;
  text-align: center;
  font-size: 22px;
}
.find-us .main-find .content-main .main-find-left .contact-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 1rem;
}
.find-us .main-find .content-main .main-find-left .contact-info .c-image {
  margin-right: 1rem;
}
.find-us .main-find .content-main .main-find-left .contact-info .c-image img {
  width: 25px;
}
.find-us .main-find .content-main .main-find-left .contact-info .c-text {
  color: #FFF;
  cursor: pointer;
}
.find-us .main-find .content-main .main-find-left .contact-info .c-text:hover {
  color: #F8E402;
  font-weight: 600;
}
.find-us .main-find .content-main .main-find-left .contact-info .c-text-para {
  color: #FFF;
}
.find-us .main-find .content-main .main-find-right {
  display: flex;
  flex-direction: column;
}
.find-us .main-find .content-main .main-find-right img {
  width: 100%;
}
.shares {
  background-image: url("../img/contact/wave.png");
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  padding: 3rem 1.5rem;
}
.shares .social-media {
  display: flex;
  flex-direction: column;
}
.shares .social-media .social-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: 1rem;
}
.shares .social-media .social-content .icons1,
.shares .social-media .social-content .icons2 {
  display: flex;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.shares .social-media .social-content .icons1 .iconss,
.shares .social-media .social-content .icons2 .iconss {
  cursor: pointer;
  border-radius: 100%;
  box-shadow: 0 0px 20px #c1c0c0;
  margin-bottom: 1rem;
  width: 70px;
  height: 70px;
}
.shares .social-media .social-content .icons1 .iconss img,
.shares .social-media .social-content .icons2 .iconss img {
  width: 70px;
  height: 70px;
}
.shares .social-media .social-content .icons1 .iconss:hover,
.shares .social-media .social-content .icons2 .iconss:hover {
  box-shadow: 0 0px 20px #c1c0c0;
}
.shares .social-media .social-content .icons1 .iconss:hover img,
.shares .social-media .social-content .icons2 .iconss:hover img {
  transition: all 0.3s ease-in, color 0.3s ease-in-out;
  transform: rotate(360deg);
}
@media (min-width : 768px) {
  .contact-banner {
    margin-top: 1.6rem;
  }
  .contact-banner .banner-full .banner-detail {
    padding-top: 1.5rem;
  }
  .form-touch {
    padding: 3rem 2rem;
  }
  .form-touch .form-list .main-form {
    min-height: 484px;
    margin-top: 2rem;
  }
  .form-touch .form-list .main-form .right-side .contact-form .general {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
  }
  .form-touch .form-list .main-form .right-side .contact-form .general .form-left {
    width: 48%;
  }
  .form-touch .form-list .main-form .right-side .contact-form .general .form-right {
    margin-top: 15px;
    width: 48%;
  }
  .form-touch .form-list .main-form .right-side .contact-form .general .input-container {
    width: 100%;
  }
  .form-touch .form-list .main-form .right-side .contact-form .general .input-container-address {
    width: 100%;
  }
  .form-touch .form-list .main-form .right-side .contact-form .other .buttons {
    flex-direction: row;
  }
  .form-touch .form-list .main-form .right-side .contact-form .other .buttons .button-yellow {
    margin-bottom: 0;
  }
  .form-touch .form-list .main-form .right-side .buttons {
    justify-content: flex-end;
    width: 100%;
  }
  .find-us .main-find .find-uss {
    padding: 0rem 2rem;
  }
  .find-us .main-find .content-main {
    width: 100%;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  .find-us .main-find .content-main .main-find-left {
    width: 45%;
    padding: 1rem 2rem;
    position: relative;
    z-index: 0;
    height: 273px;
  }
  .find-us .main-find .content-main .main-find-left .head {
    font-size: 32px;
  }
  .find-us .main-find .content-main .main-find-left::after {
    content: '';
    position: absolute;
    top: 0px;
    right: -79px;
    bottom: 0;
    width: 14px;
    background-color: transparent;
    border-bottom: 274px solid transparent;
    border-left: 65px solid #000000;
    z-index: 1;
  }
  .find-us .main-find .content-main .main-find-right {
    display: flex;
    flex-direction: column;
    width: 55%;
  }
  .shares {
    padding: 3rem 2rem;
    background-size: 100% 100%;
    margin-bottom: -4rem;
    padding-bottom: 7rem;
  }
  .shares .social-media .social-content {
    flex-direction: row;
  }
  .shares .social-media .social-content .icons1,
  .shares .social-media .social-content .icons2 {
    margin-left: 0;
    margin-right: 0;
  }
  .shares .social-media .social-content .icons1 {
    width: 25%;
    flex-direction: column;
    justify-content: space-evenly;
  }
  .shares .social-media .social-content .icons1 .iconss {
    width: 85px;
    height: 85px;
    margin-bottom: 2rem;
  }
  .shares .social-media .social-content .icons1 .iconss img {
    width: 85px;
    height: 85px;
  }
  .shares .social-media .social-content .icons1:nth-child(1) {
    align-items: flex-start;
    margin-bottom: -10rem;
  }
  .shares .social-media .social-content .icons1:nth-child(2) {
    align-items: flex-start;
    margin-top: 2rem;
  }
  .shares .social-media .social-content .icons1:nth-child(3) {
    align-items: center;
    margin-bottom: -3rem;
  }
  .shares .social-media .social-content .icons1:nth-child(4) {
    align-items: center;
    margin-top: -5rem;
  }
  .shares .social-media .social-content .icons1:nth-child(5) {
    align-items: center;
    margin-bottom: -6rem;
  }
  .shares .social-media .social-content .icons1:nth-child(6) {
    align-items: flex-end;
    margin-top: -3rem;
  }
  .shares .social-media .social-content .icons1:nth-child(7) {
    align-items: flex-end;
    margin-bottom: -3rem;
  }
  .shares .social-media .social-content .icons1:nth-child(8) {
    align-items: flex-end;
    margin-bottom: 5rem;
  }
}
@media (min-width : 1024px) {
  .form-touch .form-list .main-form {
    display: flex;
    flex-direction: row;
    padding: 0;
    min-height: 548px;
  }
  .form-touch .form-list .main-form .left-side {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 25%;
    padding: 1rem;
    justify-content: center;
  }
  .form-touch .form-list .main-form .left-side p {
    font-size: 16px;
    padding-bottom: 1rem;
    text-align: center;
  }
  .form-touch .form-list .main-form .left-side .top-left {
    position: absolute;
    width: 75%;
    top: -49px;
    left: -49px;
  }
  .form-touch .form-list .main-form .left-side .bottom-left {
    position: absolute;
    width: 80%;
    bottom: -53px;
    left: -53px;
  }
  .form-touch .form-list .main-form .right-side {
    padding: 3rem;
    width: 75%;
  }
  .form-touch .form-list .main-form .right-side .count-circle {
    display: flex;
  }
  .find-us .main-find .content-main .main-find-left {
    width: 50%;
  }
  .find-us .main-find .content-main .main-find-right {
    width: 50%;
  }
  .shares {
    margin-bottom: -8.5rem;
    padding-bottom: 8rem;
  }
}
@media (min-width : 1366px) {
  .contact-banner {
    margin-top: 2.8rem;
  }
  .contact-banner .banner-full {
    height: 300px;
  }
  .contact-banner .banner-full .banner-detail {
    padding-top: 1rem;
  }
  .contact-banner .banner-full .right-section {
    height: 300px;
  }
  .form-touch .form-list .main-form {
    width: 90%;
    margin: 0 auto;
  }
  .form-touch .form-list .main-form .left-side .top-left {
    top: -57px;
    left: -57px;
  }
  .form-touch .form-list .main-form .left-side .bottom-left {
    bottom: -60px;
    left: -60px;
  }
  .find-us .container {
    width: 100%;
  }
  .find-us .container .find-uss {
    padding: 0px 5rem;
  }
  .find-us .container .content-main .main-find-left {
    padding: 2rem 5rem;
  }
}
.onsite-banner {
  background-image: url("../img/onsite/onsite-banner.png");
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
}
.onsite-banner .banner-full .banner-detail {
  padding-top: 0;
}
.onsite {
  padding: 3rem 1.5rem;
  background-image: url("../img/onsite/intro-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
}
.onsite .onsite-content {
  display: flex;
  flex-direction: column;
}
.onsite .onsite-content .introduction {
  display: flex;
  flex-direction: column;
}
.onsite .onsite-content .introduction .onsite-text {
  display: flex;
  flex-direction: column;
}
.onsite .onsite-content .introduction .onsite-text p a {
  color: #1F5E88;
  font-weight: 500;
}
.onsite .onsite-content .introduction .onsite-text ul {
  display: flex;
  flex-direction: column;
  padding-left: 10px;
}
.onsite .onsite-content .introduction .onsite-text ul li {
  display: flex;
  list-style: none;
  padding: 5px 0px 5px 11px;
  position: relative;
  line-height: 1.6;
}
.onsite .onsite-content .introduction .onsite-text ul li:before {
  content: '';
  background-image: url(../img/onsite/green-tik.svg);
  left: -25px;
  position: absolute;
  width: 36px;
  height: 36px;
  top: -5px;
  background-repeat: no-repeat;
}
.onsite .onsite-content .introduction .onsite-text ul li a {
  color: #1F5E88;
  font-weight: 500;
}
.onsite .onsite-content .right-img img {
  width: 100%;
}
.onsite-form {
  padding: 3rem 2rem;
}
.onsite-form .onsite-form-box {
  display: flex;
  flex-direction: column;
  width: 100%;
  box-shadow: 0 2px 9px #c1c1c1;
}
.onsite-form .onsite-form-box .left-onsite {
  background-color: #007D3D;
  background-image: url("../img/onsite/left-bg.png");
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  flex-direction: column;
  padding: 1rem;
  background-position: bottom;
}
.onsite-form .onsite-form-box .left-onsite h2 {
  font-size: 18px;
  color: #FFF;
  margin: 1rem 0;
  font-weight: 900;
  text-align: center;
}
.onsite-form .onsite-form-box .left-onsite .cont-list-info {
  display: flex;
  flex-direction: row;
  color: #fff;
  margin-bottom: 20px;
  align-self: flex-start;
  width: 100%;
  border-bottom: 1px solid #ffffff38;
  padding: 1rem 0;
}
.onsite-form .onsite-form-box .left-onsite .cont-list-info .con-icons {
  margin-right: 10px;
}
.onsite-form .onsite-form-box .left-onsite .cont-list-info .con-icons span {
  background-color: #ffffff38;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 50%;
  display: flex;
  justify-content: space-around;
  margin-right: 10px;
}
.onsite-form .onsite-form-box .left-onsite .cont-list-info .con-icons span img {
  width: 25px;
}
.onsite-form .onsite-form-box .left-onsite .cont-list-info .con-icons:hover span {
  transition: all 0.3s ease-in, color 0s ease-in-out;
}
.onsite-form .onsite-form-box .left-onsite .cont-list-info .con-icons:hover span img {
  animation: tada 1s infinite;
}
.onsite-form .onsite-form-box .left-onsite .cont-list-info .con-text-info {
  display: flex;
  flex-direction: column;
  font-size: 15px;
  font-weight: 900;
}
.onsite-form .onsite-form-box .left-onsite .cont-list-info .con-text-info a {
  color: #FFF;
  line-height: 1.6;
  word-break: break-all;
}
.onsite-form .onsite-form-box .left-onsite .cont-list-info .con-text-info a:hover {
  font-weight: 800;
  color: #F8E402;
}
.onsite-form .onsite-form-box .left-onsite .cont-list-info:last-child {
  border-bottom: none;
}
.onsite-form .onsite-form-box .right-onsite {
  padding: 2rem 1rem;
}
.onsite-form .onsite-form-box .right-onsite .contact-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.onsite-form .onsite-form-box .right-onsite .contact-form .input-container,
.onsite-form .onsite-form-box .right-onsite .contact-form .input-container-address {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 8px;
  margin-top: 15px;
  font-size: 14px;
  color: #787878;
}
.onsite-form .onsite-form-box .right-onsite .contact-form .input-container input[type=text]::-ms-clear,
.onsite-form .onsite-form-box .right-onsite .contact-form .input-container-address input[type=text]::-ms-clear {
  display: none;
}
.onsite-form .onsite-form-box .right-onsite .contact-form .input-container input[type=number]::-ms-clear,
.onsite-form .onsite-form-box .right-onsite .contact-form .input-container-address input[type=number]::-ms-clear {
  display: none;
}
.onsite-form .onsite-form-box .right-onsite .contact-form .input-container input[type=email]::-ms-clear,
.onsite-form .onsite-form-box .right-onsite .contact-form .input-container-address input[type=email]::-ms-clear {
  display: none;
}
.onsite-form .onsite-form-box .right-onsite .contact-form .input-container input[type=number],
.onsite-form .onsite-form-box .right-onsite .contact-form .input-container-address input[type=number] {
  -moz-appearance: textfield;
}
.onsite-form .onsite-form-box .right-onsite .contact-form .input-container img,
.onsite-form .onsite-form-box .right-onsite .contact-form .input-container-address img {
  position: absolute;
  right: 18px;
  width: 20px;
  height: 20px;
  top: 14px;
}
.onsite-form .onsite-form-box .right-onsite .contact-form .consent p {
  margin-bottom: 0;
}
.onsite-form .onsite-form-box .right-onsite .contact-form .input-field {
  width: 100%;
  padding: 15px 50px 15px 15px;
  outline: none;
  border: none;
  box-shadow: 0 0px 8px #c1c1c1;
  border-radius: 100px;
  padding-right: 40px;
  font-size: 14px;
  color: #787878;
  border: 1px solid #ebebeb;
}
.onsite-form .onsite-form-box .right-onsite .contact-form .message,
.onsite-form .onsite-form-box .right-onsite .contact-form .address {
  width: 100%;
  padding: 15px;
  outline: 0;
  border: none;
  box-shadow: 0 0px 8px #c1c1c1;
  border-radius: 15px;
  height: 75px;
  resize: none;
  padding-right: 40px;
  font-size: 14px;
  color: #787878;
  border: 1px solid #ebebeb;
}
.onsite-form .onsite-form-box .right-onsite .contact-form .buttons {
  margin-bottom: 1rem;
}
.onsite-form .onsite-form-box .right-onsite .contact-form .consent {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  padding: 0.4rem 0px;
}
.onsite-form .onsite-form-box .right-onsite .contact-form .consent label {
  font-size: 12px;
  text-align: justify;
}
.onsite-form .onsite-form-box .right-onsite .contact-form input[type=number]::-webkit-outer-spin-button,
.onsite-form .onsite-form-box .right-onsite .contact-form input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.onsite-form .onsite-form-box .right-onsite .contact-form input[type=number] {
  -moz-appearance: textfield;
}
.Choose-us {
  padding: 3rem 1.5rem;
  background-color: #F5F5F5;
  background-image: url(../../img/onsite/why-us-shape.svg), url(../../img/onsite/why-us-shape.svg), url(../../img/onsite/why-us-shape.svg), url(../../img/onsite/why-us-shape.svg);
  background-position: calc(3% - 84px) 223px, calc(100% - -34px) 23px, calc(50% - -59px) 23px, calc(84% - -59px) 275px;
  background-repeat: no-repeat;
  background-size: 138px,115px,70px,70px;
  display: flex;
  margin-bottom: -100px;
  padding-bottom: 10rem !important;
}
.Choose-us .why-us {
  display: flex;
  flex-direction: column;
}
.Choose-us .why-us .choose-list {
  display: flex;
  flex-direction: column;
}
.Choose-us .why-us .choose-list .features {
  display: flex;
  flex-direction: row;
  background: #fff;
  border-radius: 0px 90px 20px 0px;
  box-shadow: 0 0 10px #b3afaf;
  padding: 15px;
  position: relative;
  margin-top: 5rem;
}
.Choose-us .why-us .choose-list .features:before {
  content: "";
  position: absolute;
  width: 10px;
  background: #E2E2E2;
  left: 0;
  top: -18px;
  bottom: -18px;
  border-radius: 5px;
  box-shadow: 0 0 10px #cacaca;
}
.Choose-us .why-us .choose-list .features .icon {
  position: absolute;
  background: #1F5E88;
  left: 30px;
  top: -55px;
  width: 100px;
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px 50px 0px 0px;
}
.Choose-us .why-us .choose-list .features .icon img {
  width: 40px;
  margin-right: 13px;
  height: 36px;
}
.Choose-us .why-us .choose-list .features .content {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding: 0 2px;
}
.Choose-us .why-us .choose-list .features .content p {
  color: #000000;
  font-size: 15px;
  font-weight: 500;
}
.Choose-us .why-us .choose-list .features .content span {
  color: #1F5E88;
  font-size: 18px;
  font-weight: 700;
}
.Choose-us .why-us .choose-list .features:hover {
  box-shadow: 0 0 20px #b3afaf;
}
.Choose-us .why-us .choose-list .features:hover .icon img {
  transition: all 0.5s ease-in, color 0.3s ease-in-out;
  transform: rotate(360deg);
}
@media (min-width : 768px) {
  .onsite-banner {
    margin-top: 1.6rem;
  }
  .onsite-banner .banner-full {
    height: 380px;
  }
  .onsite-banner .banner-full .banner-detail {
    padding-top: 1rem;
  }
  .onsite-banner .banner-full .right-section {
    height: 380px;
    width: 313px;
  }
  .onsite {
    padding: 3rem 2rem;
  }
  .onsite .onsite-content {
    flex-direction: row;
    justify-content: space-between;
  }
  .onsite .onsite-content .introduction {
    width: 55%;
  }
  .onsite .onsite-content .right-img {
    width: 40%;
    position: sticky;
    top: 0;
    height: fit-content;
  }
  .onsite-form .onsite-form-box {
    flex-direction: row;
  }
  .onsite-form .onsite-form-box .left-onsite {
    padding: 2rem 1rem;
    width: 35%;
  }
  .onsite-form .onsite-form-box .right-onsite {
    padding: 2rem;
    width: 65%;
  }
  .onsite-form .onsite-form-box .right-onsite .contact-form {
    display: flex;
    flex-direction: column;
  }
  .onsite-form .onsite-form-box .right-onsite .contact-form .input-container {
    width: 45%;
    width: 100%;
  }
  .onsite-form .onsite-form-box .right-onsite .contact-form .input-container-address {
    width: 95%;
  }
  .onsite-form .onsite-form-box .right-onsite .contact-form .error {
    border: 1px solid #fb5050;
  }
  .onsite-form .onsite-form-box .right-onsite .contact-form .invalid-feedback {
    margin-left: -1rem;
  }
  .onsite-form .onsite-form-box .right-onsite .contact-form .invalid-feedback .errormessage {
    color: #fb5050;
    margin: 0px 4px;
  }
  .Choose-us {
    padding: 3rem 2rem;
  }
  .Choose-us .why-us .choose-list {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .Choose-us .why-us .choose-list .features {
    width: 47%;
  }
  .Choose-us .why-us .choose-list .features .content {
    padding: 0 10px;
  }
  .Choose-us .why-us .choose-list .features .content p {
    font-size: 14px;
  }
}
@media (min-width : 1024px) {
  .onsite-banner .banner-full {
    height: 350px;
  }
  .onsite-banner .banner-full .right-section {
    height: 350px;
  }
  .onsite .onsite-content {
    flex-direction: row;
  }
  .onsite .onsite-content .introduction {
    width: 65%;
  }
  .onsite .onsite-content .right-img {
    width: 30%;
  }
  .onsite-form .onsite-form-box .right-onsite .contact-form {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .onsite-form .onsite-form-box .right-onsite .contact-form .input-container {
    width: 47%;
  }
  .Choose-us .why-us .choose-list .features {
    width: 31%;
  }
}
@media (min-width : 1366px) {
  .onsite-banner {
    margin-top: 2.8rem;
  }
  .onsite-banner .banner-full {
    height: 346px;
  }
  .onsite-banner .banner-full .right-section {
    height: 346px;
  }
  .Choose-us .why-us .choose-list .features {
    padding: 20px;
  }
  .Choose-us .why-us .choose-list .features .icon {
    top: -75%;
  }
  .onsite-form .onsite-form-box .left-onsite {
    padding: 2rem;
    width: 25%;
  }
  .onsite-form .onsite-form-box .right-onsite {
    width: 75%;
  }
}
.topic-banner {
  background-image: url("../img/topic/bg-mob.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  min-height: 422px;
}
.topic-banner .banner-section {
  display: flex;
  flex-direction: column;
  padding: 3rem 1.5rem;
}
.topic-banner .banner-section .banner-detail {
  color: #FFF;
}
.topic-banner .banner-section .banner-detail h1 {
  margin-bottom: 1rem;
}
.topic-banner .banner-section .banner-detail p {
  padding-bottom: 1rem;
}
.topic-banner .banner-section .banner-detail .buttons {
  margin-top: 1rem;
  margin-bottom: 0;
  position: relative;
}
.topic-banner .banner-section .banner-detail .buttons .button-green {
  overflow: initial;
}
.topic-banner .banner-section .banner-detail .buttons .button-green:active {
  background-image: linear-gradient(to right, #fafafa, #c1c1c1);
  color: #000000;
  box-shadow: 0 0 12px #c1c1c1;
}
.topic-banner .banner-section .banner-detail .buttons .button-green:visited {
  background-image: linear-gradient(to right, #fafafa, rgba(50, 41, 47, 0.5));
  color: #000000;
  box-shadow: 0 0 12px #c1c1c1;
  background-color: #c1c1c1;
}
.topic-banner .banner-section .banner-detail .buttons .force-down {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background-color: #F8E402;
  border-radius: 50%;
  position: absolute;
  bottom: -23px;
  left: 198px;
  box-shadow: 0 0 10px #888888;
  z-index: 99;
}
.topic-banner .banner-section .banner-detail .buttons .force-down img {
  width: 18px;
  animation: bounce 3s infinite;
}
.topic-banner .banner-section .right-section {
  display: flex;
  margin-top: 2rem;
}
.topic-banner .banner-section .right-section .bulletpoints {
  display: flex;
  flex-direction: column;
}
.topic-banner .banner-section .right-section .bulletpoints ul {
  margin: 0;
  padding: 0;
  color: #FFF;
}
.topic-banner .banner-section .right-section .bulletpoints ul li:nth-child(1),
.topic-banner .banner-section .right-section .bulletpoints ul li:nth-child(2),
.topic-banner .banner-section .right-section .bulletpoints ul li:nth-child(3),
.topic-banner .banner-section .right-section .bulletpoints ul li:nth-child(4) {
  display: flex;
}
.topic-banner .banner-section .right-section .bulletpoints ul:nth-child(3) {
  margin-bottom: 0;
}
.topic-banner .banner-section .right-section .bulletpoints ul li {
  display: none;
  list-style: none;
  flex-direction: row;
  margin-bottom: 2px;
}
.topic-banner .banner-section .right-section .bulletpoints ul li:before {
  content: "";
  background-image: url(../img/topic/tick.svg);
  width: 28px;
  height: 28px;
  max-width: 18px;
  background-repeat: no-repeat;
  margin-top: 4px;
  margin-right: 8px;
  background-size: initial;
}
.topic-banner .banner-section .right-section .bulletpoints ul li p {
  padding: 0;
  width: 100%;
  line-height: 1.6;
}
.topic-courses {
  padding: 3rem 1.5rem;
}
.topic-courses .topic-section .topic-box {
  display: flex;
  flex-direction: column;
}
.topic-courses .topic-section .topic-box .topic-course-list {
  flex-direction: column;
  margin-top: 1rem;
  display: flex;
}
.topic-courses .topic-section .topic-box .topic-course-list .course-repeat {
  display: flex;
  flex-direction: column;
}
.topic-courses .topic-section .topic-box .topic-course-list .course-repeat .list-courses {
  display: block;
  flex-direction: column;
}
.topic-courses .topic-section .topic-box .topic-course-list .course-repeat .list-courses a {
  display: flex;
  position: relative;
  padding-bottom: 0;
  margin-bottom: 1.5rem;
  width: 100%;
  font-size: 18px;
  color: #1e1e1e;
  font-weight: 600;
  border-bottom: 6px solid #007D3D;
  box-shadow: 0 0 10px #c1c1c1;
  justify-content: space-between;
  align-items: center;
  height: 60px;
}
.topic-courses .topic-section .topic-box .topic-course-list .course-repeat .list-courses a:after {
  content: '';
  position: absolute;
  background-image: url(../img/topic/halfcircle.svg);
  background-repeat: no-repeat;
  right: -1px;
  width: 29px;
  height: 54px;
  top: 0px;
}
.topic-courses .topic-section .topic-box .topic-course-list .course-repeat .list-courses a .arrow {
  width: 12%;
  background-color: #007d3d;
  height: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.topic-courses .topic-section .topic-box .topic-course-list .course-repeat .list-courses a .arrow::before {
  content: '';
  width: 44px;
  height: 54px;
  background: #007d3d;
  transform: skewX(204deg);
  left: 15px;
  position: absolute;
  top: 0;
}
.topic-courses .topic-section .topic-box .topic-course-list .course-repeat .list-courses a .arrow img {
  width: 16px;
  z-index: 1;
  padding-top: 5px;
  margin-left: 20px;
}
.topic-courses .topic-section .topic-box .topic-course-list .course-repeat .list-courses a .course-name {
  width: 77%;
  font-size: 15px;
  display: flex;
  font-weight: 600;
  justify-content: flex-start;
  align-items: center;
  padding: 0px 15px 0px 15px;
  overflow: hidden;
  z-index: 1;
  text-align: left;
  height: 41px;
}
.topic-courses .topic-section .topic-box .topic-course-list .course-repeat .list-courses a:hover span img {
  animation: shake 3s infinite;
}
.topic-courses .topic-section .topic-box .features {
  display: flex;
  flex-direction: column;
  padding: 2rem 0rem;
  padding-bottom: 0;
  background: transparent;
}
.topic-courses .topic-section .topic-box .features p {
  color: #000000;
  margin-bottom: 1rem;
}
.topic-courses .topic-section .topic-box .features img {
  width: 100%;
}
.topic-courses .topic-section .topic-box .features .feature-mob {
  display: flex;
}
.topic-courses .topic-section .topic-box .features .feature-ipad,
.topic-courses .topic-section .topic-box .features .feature-dsk {
  display: none;
}
.whyus-section {
  padding: 3rem 1.5rem;
  background-image: url("../img/topic/chooseus-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.whyus-section .whyus-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.whyus-section .whyus-container .heading {
  margin-bottom: 2rem;
}
.whyus-section .whyus-container .heading h2 {
  color: #FFF;
}
.whyus-section .whyus-container .data-section {
  display: flex;
  flex-direction: column;
}
.whyus-section .whyus-container .data-section .choose-data {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 1.5rem;
}
.whyus-section .whyus-container .data-section .choose-data .icon {
  display: flex;
  flex-direction: column;
  width: 25%;
  justify-content: left;
}
.whyus-section .whyus-container .data-section .choose-data .icon img {
  width: 80%;
}
.whyus-section .whyus-container .data-section .choose-data .content {
  display: flex;
  flex-direction: column;
  width: 75%;
}
.whyus-section .whyus-container .data-section .choose-data .content h4 {
  font-size: 16px;
  color: #F8E402;
}
.whyus-section .whyus-container .data-section .choose-data .content p {
  color: #FFF;
}
.whyus-section .whyus-container .courses-img {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
}
.whyus-section .whyus-container .courses-img img {
  width: 100%;
}
.courseinfo-section {
  padding: 3rem 1.5rem;
}
.courseinfo-section .courseinfo-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.courseinfo-section .courseinfo-container .news-tabs {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container {
  display: flex;
  flex-direction: column;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-head {
  display: flex;
  flex-direction: column;
  border-radius: 3px 3px 0px 0px;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-head a {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  font-size: 18px;
  border-radius: 4px;
  color: #FFF;
  cursor: pointer;
  justify-content: flex-start;
  margin-top: 15px;
  margin-bottom: 15px;
  border-bottom: 6px solid #F9F9F9;
  box-shadow: 0 0 10px #c1c1c1;
  position: relative;
  z-index: 0;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-head a .number {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000000;
  width: 44px;
  height: 40px;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-head a .number:before {
  content: '';
  width: 55px;
  height: 72px;
  background-image: url(../img/topic/transparent-bg.png);
  background-repeat: no-repeat;
  background-size: contain;
  left: -5px;
  position: absolute;
  top: -12px;
  z-index: -2;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-head a .text {
  width: 100%;
  display: flex;
  font-weight: 600;
  justify-content: center;
  align-items: center;
  padding: 15px;
  font-size: 18px;
  color: #000000;
  margin-left: -42px;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-head a:before {
  content: '';
  position: absolute;
  background-image: url(../img/topic/tabs-bg.svg);
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
  width: 65px;
  height: 50px;
  right: 22px;
  top: 2px;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-head a:hover {
  border-bottom: 6px solid #00A651;
  border-radius: 4px;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-head a:hover .number {
  color: #FFF;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-head a:hover .number:before {
  content: '';
  background-image: url(../img/topic/green-bg.svg);
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-head .active {
  border-bottom: 6px solid #00A651;
  border-radius: 4px;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-head .active .number {
  color: #FFF;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-head .active .number:before {
  content: '';
  background-image: url(../img/topic/green-bg.svg);
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-order:nth-child(1) {
  order: 1;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-order:nth-child(4) {
  order: 2;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-order:nth-child(2) {
  order: 3;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-order:nth-child(5) {
  order: 4;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-order:nth-child(3) {
  order: 5;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-order:nth-child(6) {
  order: 6;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tabtoggle {
  flex-direction: column;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content {
  padding: 1rem 0rem;
  width: 100%;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail p {
  padding: 0.5rem 0;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail h3,
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail h2 {
  font-size: 24px;
  color: #1E1E1E;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail h4 {
  font-size: 20px;
  color: #1E1E1E;
  margin-bottom: 1rem;
  margin-top: 0.5rem;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail p strong {
  font-size: 14px;
  font-weight: 600;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail p a {
  color: #007D3D;
  font-weight: 600;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail li {
  padding: 0.3rem 0;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail ul {
  margin: 0;
  padding-left: 20px;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail ul li {
  padding: 0.3rem 0;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail ul li ul {
  padding-left: 18px;
  margin-top: 5px;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail-full {
  max-height: initial;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail-full h3,
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail-full h2 {
  font-size: 24px;
  color: #1E1E1E;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail-full .topic-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail-full .topic-content a {
  font-size: 18px;
  font-weight: 600;
  color: #007D3D;
  padding: 0.5rem 0;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail-full .topic-content h3 {
  font-size: 24px;
  color: #1e1e1e;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail-full h4 {
  font-size: 20px;
  color: #1E1E1E;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail-full p {
  padding: 0.5rem 0;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail-full p strong {
  font-size: 14px;
  font-weight: 600;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail-full p a {
  color: #007D3D;
  font-size: 14px;
  font-weight: 600;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail-full ul {
  margin: 0;
  padding-left: 20px;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail-full ul li {
  padding-top: 0.5rem;
  font-size: 16px;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail-full ul li ul {
  padding-left: 18px;
  margin-top: 5px;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail-full ul li ul li {
  padding-top: 0.5rem;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail-full .all-list {
  display: flex;
  flex-direction: column;
  background-color: #fafafa;
  padding: 1rem;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail-full .all-list .item {
  display: flex;
  flex-direction: column;
  margin-bottom: 0.5rem;
  height: fit-content;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail-full .all-list .item .ques {
  display: flex;
  align-items: center;
  box-shadow: 0 0 5px #c1c1c1;
  background: #fff;
  padding: 0.5rem;
  cursor: pointer;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail-full .all-list .item .ques span {
  margin-right: 0.5rem;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail-full .all-list .item .ques span .open {
  display: flex;
  width: 30px;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail-full .all-list .item .ques span .close {
  display: none;
  width: 30px;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail-full .all-list .item .ques h3 {
  margin: 0;
  font-size: 15px;
  color: #007D3D;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail-full .all-list .item .ans {
  display: none;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail-full .all-list .item .ans p {
  font-size: 12px;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail-full .all-list .item .active + .ans {
  display: flex;
  padding: 10px;
  background-color: #FFF;
  box-shadow: 0 -1px 3px 0px #c1c1c1;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail-full .all-list .item .active span .open {
  display: none;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail-full .all-list .item .active span .close {
  display: flex;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail-full .inc-list {
  display: flex;
  flex-direction: column;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail-full .inc-list .inc {
  display: flex;
  flex-direction: column;
  position: relative;
  margin-bottom: 1rem;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail-full .inc-list .inc .inc-img {
  display: flex;
  width: 86px;
  margin: auto;
  justify-content: center;
  align-items: center;
  background-image: linear-gradient(#1F5E88 16%, #fff 84%);
  position: relative;
  top: 1.5rem;
  border-radius: 50%;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail-full .inc-list .inc .inc-img .image {
  display: flex;
  margin: auto;
  justify-content: center;
  padding: 10px;
  align-items: center;
  background-color: #FFFFFF;
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
  z-index: 1;
  position: relative;
  top: 11px;
  height: 75px;
  width: 75px;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail-full .inc-list .inc .inc-img .image img {
  width: 40px;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail-full .inc-list .inc .inc-content {
  display: flex;
  flex-direction: column;
  background-image: linear-gradient(140deg, #fff 16%, #1F5E88 84%);
  position: relative;
  border-radius: 46px;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail-full .inc-list .inc .inc-content .content {
  display: flex;
  flex-direction: column;
  background: #FFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
  border-radius: 46px;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  position: relative;
  bottom: 11px;
  padding-top: 4rem;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail-full .inc-list .inc .inc-content .content h4 {
  color: #000000;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail-full .inc-list .inc .inc-content .content p {
  color: #000000;
  padding: 0;
  min-height: 75px;
  text-align: center;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .text-toggle {
  flex-direction: column;
  display: flex;
  transition: all 0.3s ease-in, color 0s ease-in-out;
  position: relative;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .scroll-height {
  max-height: 610px;
  overflow: hidden;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .toggle::after {
  background-image: none;
  border-bottom: none;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .buttons {
  position: relative;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .buttons:after {
  position: absolute;
  content: '';
  border-bottom: 2px solid #ccc;
  height: auto;
  width: 99%;
  left: 0;
  bottom: 22px;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .buttons .button-yellow {
  z-index: 1;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .toggle {
  max-height: 100% !important;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .overview {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .overview .overview-content {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.courseinfo-section .courseinfo-container .news-tabs .right-form {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.courseinfo-section .courseinfo-container .news-tabs .right-form .overview-img {
  background-color: #007D3D;
  padding: 1rem;
  margin-top: 1rem;
  height: fit-content;
}
.courseinfo-section .courseinfo-container .news-tabs .right-form .overview-img h3 {
  font-size: 18px;
  color: #FFF;
  margin-bottom: 1rem;
}
.courseinfo-section .courseinfo-container .news-tabs .right-form .overview-img .contact-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}
.courseinfo-section .courseinfo-container .news-tabs .right-form .overview-img .contact-form .input-container,
.courseinfo-section .courseinfo-container .news-tabs .right-form .overview-img .contact-form .input-container-address {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 8px;
  margin-top: 15px;
  font-size: 14px;
  color: #787878;
}
.courseinfo-section .courseinfo-container .news-tabs .right-form .overview-img .contact-form .input-container input[type=text]::-ms-clear,
.courseinfo-section .courseinfo-container .news-tabs .right-form .overview-img .contact-form .input-container-address input[type=text]::-ms-clear {
  display: none;
}
.courseinfo-section .courseinfo-container .news-tabs .right-form .overview-img .contact-form .input-container input[type=number]::-ms-clear,
.courseinfo-section .courseinfo-container .news-tabs .right-form .overview-img .contact-form .input-container-address input[type=number]::-ms-clear {
  display: none;
}
.courseinfo-section .courseinfo-container .news-tabs .right-form .overview-img .contact-form .input-container input[type=email]::-ms-clear,
.courseinfo-section .courseinfo-container .news-tabs .right-form .overview-img .contact-form .input-container-address input[type=email]::-ms-clear {
  display: none;
}
.courseinfo-section .courseinfo-container .news-tabs .right-form .overview-img .contact-form .input-container input[type=number],
.courseinfo-section .courseinfo-container .news-tabs .right-form .overview-img .contact-form .input-container-address input[type=number] {
  -moz-appearance: textfield;
}
.courseinfo-section .courseinfo-container .news-tabs .right-form .overview-img .contact-form .input-container img,
.courseinfo-section .courseinfo-container .news-tabs .right-form .overview-img .contact-form .input-container-address img {
  position: absolute;
  right: 18px;
  width: 20px;
  height: 20px;
  top: 11px;
}
.courseinfo-section .courseinfo-container .news-tabs .right-form .overview-img .contact-form .consent {
  color: #FFF;
}
.courseinfo-section .courseinfo-container .news-tabs .right-form .overview-img .contact-form .consent label {
  margin-bottom: 0;
}
.courseinfo-section .courseinfo-container .news-tabs .right-form .overview-img .contact-form .input-field {
  width: 100%;
  padding: 15px 50px 15px 15px;
  outline: none;
  border: none;
  box-shadow: 0 0px 8px #c1c1c1;
  border-radius: 100px;
  padding-right: 40px;
  font-size: 14px;
  color: #787878;
  border: 1px solid #ebebeb;
}
.courseinfo-section .courseinfo-container .news-tabs .right-form .overview-img .contact-form .error {
  border: 1px solid #fb5050;
}
.courseinfo-section .courseinfo-container .news-tabs .right-form .overview-img .contact-form .message,
.courseinfo-section .courseinfo-container .news-tabs .right-form .overview-img .contact-form .address {
  width: 100%;
  padding: 15px;
  outline: 0;
  border: none;
  box-shadow: 0 0px 8px #c1c1c1;
  border-radius: 15px;
  height: 75px;
  resize: none;
  padding-right: 40px;
  font-size: 14px;
  color: #787878;
  border: 1px solid #ebebeb;
}
.courseinfo-section .courseinfo-container .news-tabs .right-form .overview-img .contact-form .buttons {
  margin-bottom: 1rem;
}
.courseinfo-section .courseinfo-container .news-tabs .right-form .overview-img .contact-form .buttons .button-yellow:hover {
  background-color: #1F5E88;
}
.courseinfo-section .courseinfo-container .news-tabs .right-form .overview-img .contact-form .consent {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  padding: 0.4rem 0px;
  color: #FFF;
}
.courseinfo-section .courseinfo-container .news-tabs .right-form .overview-img .contact-form .consent label {
  font-size: 12px;
  text-align: justify;
  color: #FFF;
}
.courseinfo-section .courseinfo-container .news-tabs .right-form .overview-img .contact-form input[type=number]::-webkit-outer-spin-button,
.courseinfo-section .courseinfo-container .news-tabs .right-form .overview-img .contact-form input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.courseinfo-section .courseinfo-container .news-tabs .right-form .overview-img .contact-form input[type=number] {
  -moz-appearance: textfield;
}
.experience-section {
  padding: 3rem 1.5rem;
  background-image: url("../img/topic/experience-bg-mob.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.experience-section .experience-container {
  display: flex;
  flex-direction: column;
}
.experience-section .experience-container .heading h2 {
  color: #FFF;
}
.experience-section .experience-container .heading p {
  color: #FFF;
  margin-top: 1rem;
}
.experience-section .experience-container .facts-count {
  display: flex;
  flex-direction: column;
  margin-top: 2rem;
  justify-content: center;
  align-items: center;
}
.experience-section .experience-container .facts-count .fact-list {
  display: flex;
  flex-direction: column;
  background-color: #FFF;
  box-shadow: 0 0 10px #c1c1c1;
  justify-content: center;
  align-items: center;
  padding: 1.5rem;
  border-radius: 15px;
  position: relative;
  width: 85%;
  margin-bottom: 4rem;
}
.experience-section .experience-container .facts-count .fact-list:before {
  content: '';
  position: absolute;
  top: -21px;
  left: -18px;
  background-image: url(../img/topic/dots.svg);
  background-repeat: no-repeat;
  width: 100px;
  height: 100px;
}
.experience-section .experience-container .facts-count .fact-list img {
  width: 95px;
  padding-bottom: 10px;
  z-index: 1;
}
.experience-section .experience-container .facts-count .fact-list h3 {
  color: #1F5E88;
  font-size: 16px;
  padding-bottom: 8px;
}
.experience-section .experience-container .facts-count .fact-list p {
  color: #000000;
  font-size: 20px;
  font-weight: bold;
}
@media (min-width : 768px) {
  .topic-banner {
    background-image: url("../img/topic/bg-dsk.png");
    background-repeat: no-repeat;
    margin-top: 1.6rem;
    min-height: 349px;
  }
  .topic-banner .banner-section {
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    padding: 3rem 2rem;
  }
  .topic-banner .banner-section .banner-detail {
    width: 53%;
    color: #000000;
    margin-top: 1rem;
  }
  .topic-banner .banner-section .banner-detail h1 {
    margin-bottom: 10px;
    font-size: 18px;
  }
  .topic-banner .banner-section .banner-detail p {
    color: #787878;
  }
  .topic-banner .banner-section .banner-detail .buttons {
    margin-top: 0.5rem;
    justify-content: flex-start;
  }
  .topic-banner .banner-section .banner-detail .buttons .force-down {
    left: 173px;
  }
  .topic-banner .banner-section .right-section {
    width: 35%;
    margin-top: 0;
    top: 37%;
    position: absolute;
    right: 0;
  }
  .topic-banner .banner-section .right-section .bulletpoints {
    width: 92%;
  }
  .topic-banner .banner-section .right-section .bulletpoints ul li p {
    font-size: 13px;
  }
  .topic-courses {
    padding: 3rem 2rem;
  }
  .topic-courses .topic-section .topic-box {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 2rem;
  }
  .topic-courses .topic-section .topic-box .topic-course-list {
    align-items: center;
    width: 46%;
  }
  .topic-courses .topic-section .topic-box .topic-course-list .course-repeat {
    max-height: 300px;
    overflow-y: scroll;
    overflow: auto;
    width: 100%;
  }
  .topic-courses .topic-section .topic-box .topic-course-list .course-repeat .list-courses {
    width: 96%;
  }
  .topic-courses .topic-section .topic-box .topic-course-list .course-repeat .list-courses a {
    margin: 0 auto 1rem;
  }
  .topic-courses .topic-section .topic-box .topic-course-list .course-repeat .list-courses a .arrow {
    width: 12%;
  }
  .topic-courses .topic-section .topic-box .topic-course-list .course-repeat .list-courses a .arrow:before {
    left: 12px;
    top: -1px;
    height: 58px;
  }
  .topic-courses .topic-section .topic-box .topic-course-list .course-repeat .list-courses a .course-name {
    width: 82%;
  }
  .topic-courses .topic-section .topic-box .features {
    width: 46%;
  }
  .topic-courses .topic-section .topic-box .features p {
    font-size: 13px;
  }
  .topic-courses .topic-section .topic-box .features .feature-mob,
  .topic-courses .topic-section .topic-box .features .feature-dsk {
    display: none;
  }
  .topic-courses .topic-section .topic-box .features .feature-ipad {
    display: flex;
  }
  #tabsection .courseinfo-container .news-tabs .tabs .tabjs-container .tab-head a .text {
    padding: 15px 58px;
  }
  #tabsection .courseinfo-container .news-tabs .tabs .tabjs-container .tab-order:nth-child(1) {
    order: 1;
  }
  #tabsection .courseinfo-container .news-tabs .tabs .tabjs-container .tab-order:nth-child(4) {
    order: 4;
  }
  #tabsection .courseinfo-container .news-tabs .tabs .tabjs-container .tab-order:nth-child(2) {
    order: 2;
  }
  #tabsection .courseinfo-container .news-tabs .tabs .tabjs-container .tab-order:nth-child(5) {
    order: 5;
  }
  #tabsection .courseinfo-container .news-tabs .tabs .tabjs-container .tab-order:nth-child(3) {
    order: 3;
  }
  #tabsection .courseinfo-container .news-tabs .tabs .tabjs-container .tab-order:nth-child(6) {
    order: 6;
  }
  .courseinfo-section {
    padding: 3rem 2rem;
  }
  .courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-head a .text {
    padding: 15px 22px;
    margin-left: 0px;
  }
  .courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-order {
    margin-right: 10px;
  }
  .courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .buttons:after {
    bottom: 30px;
  }
  .courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail-full .all-list {
    flex-direction: row;
    padding: 2rem;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 2rem;
  }
  .courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail-full .all-list .item {
    display: flex;
    flex-direction: column;
    padding: 0.5rem;
    margin-bottom: 1.6rem;
    width: 100%;
  }
  .courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail-full .all-list .item ques {
    display: flex;
    box-shadow: 0 0 5px #c1c1c1;
    font-size: 20px;
  }
  .courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail-full .inc-list {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail-full .inc-list .inc {
    width: 45%;
  }
  .courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .overview .overview-img {
    padding: 2rem 1rem;
    box-shadow: 0 0 10px #f1f1f1;
  }
  .whyus-section {
    padding: 3rem 2rem;
  }
  .whyus-section .whyus-container {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .whyus-section .whyus-container .heading {
    width: 100%;
  }
  .whyus-section .whyus-container .data-section {
    width: 48%;
  }
  .whyus-section .whyus-container .data-section .choose-data {
    width: 100%;
  }
  .whyus-section .whyus-container .courses-img {
    width: 48%;
    margin: 0;
  }
  .experience-section {
    padding: 3rem 2rem;
    background-image: url("../img/topic/experience-bg-dsk.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  .experience-section .experience-container .facts-count {
    flex-direction: row;
    justify-content: space-between;
  }
  .experience-section .experience-container .facts-count .fact-list {
    width: 30%;
    margin: 0;
  }
  .experience-section .experience-container .facts-count .fact-list p {
    font-size: 24px;
  }
}
@media (min-width : 1024px) {
  .topic-banner {
    background-image: url("../img/topic/bg-dsk.png");
    background-repeat: no-repeat;
    margin-top: 1.6rem;
  }
  .topic-banner .banner-section .banner-detail {
    width: 50%;
    color: #000000;
  }
  .topic-banner .banner-section .banner-detail h1 {
    font-size: 26px;
  }
  .topic-banner .banner-section .banner-detail p {
    color: #787878;
  }
  .topic-courses .topic-section .topic-box .topic-course-list {
    width: 43%;
  }
  .topic-courses .topic-section .topic-box .topic-course-list .course-repeat .list-courses a {
    width: 90%;
  }
  .topic-courses .topic-section .topic-box .topic-course-list .course-repeat .list-courses a .arrow {
    width: 10%;
    height: 54px;
  }
  .topic-courses .topic-section .topic-box .features {
    width: 50%;
    padding: 0rem;
  }
  .topic-courses .topic-section .topic-box .features .feature-mob,
  .topic-courses .topic-section .topic-box .features .feature-ipad {
    display: none;
  }
  .topic-courses .topic-section .topic-box .features .feature-dsk {
    display: flex;
  }
  #tabsection .courseinfo-container .news-tabs .tabs .tabjs-container .tab-head a .text {
    padding: 15px 54px;
  }
  .courseinfo-section .courseinfo-container .news-tabs {
    flex-direction: row;
  }
  .courseinfo-section .courseinfo-container .news-tabs .tabs {
    width: 70%;
  }
  .courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-head a .text {
    padding: 15px 52px;
  }
  .courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .overview {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail-full .all-list .item {
    width: 48%;
  }
  .courseinfo-section .courseinfo-container .news-tabs .right-form {
    width: 29%;
  }
  .courseinfo-section .courseinfo-container .news-tabs .right-form .overview-img {
    width: 100%;
    position: sticky;
    top: 0;
    padding: 2rem;
  }
  .courseinfo-section .courseinfo-container .news-tabs .right-form .overview-img img {
    width: 80%;
  }
  .whyus-section .whyus-container .data-section {
    width: 65%;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  .whyus-section .whyus-container .data-section .choose-data {
    width: 50%;
  }
  .whyus-section .whyus-container .courses-img {
    width: 35%;
  }
}
@media (min-width : 1366px) {
  .topic-banner {
    padding: 3rem;
    margin-top: 2.8rem;
  }
  .topic-banner .banner-section {
    padding: 1rem 0;
  }
  .topic-banner .banner-section .banner-detail {
    margin-top: 0;
  }
  .topic-banner .banner-section .banner-detail h1 {
    font-size: 28px;
  }
  .topic-banner .banner-section .right-section .bulletpoints {
    width: 100%;
  }
  .topic-banner .banner-section .right-section .bulletpoints ul li p {
    font-size: 14px;
  }
  .topic-courses {
    padding: 4rem 0rem;
  }
  .topic-courses .topic-section .topic-box .topic-course-list .course-repeat .list-courses a .arrow {
    width: 8%;
  }
  .topic-courses .topic-section .topic-box .topic-course-list .course-repeat .list-courses a .course-name {
    height: 52px;
  }
  #tabsection .courseinfo-container .news-tabs .tabs .tabjs-container .tab-head a .text {
    padding: 15px 76px;
  }
  .courseinfo-section {
    padding: 4rem 0rem;
  }
  .courseinfo-section .container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-image: url(../img/topic/tabs-bg.svg), url(../img/topic/tabs-bg.svg), url(../img/topic/tabs-bg.svg), url(../img/topic/tabs-bg.svg);
    background-position: calc(100% - 600px) 490px, calc(100% - -374px) 623px, calc(50% - -374px) 649px, calc(84% - -207px) 680px;
    background-repeat: no-repeat;
    background-size: 150px,80px,78px,111px;
  }
  .courseinfo-section .courseinfo-container .news-tabs {
    flex-direction: row;
  }
  .courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-head a .text {
    padding: 15px 75px;
  }
  .courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-order {
    margin-right: 20px;
  }
  .courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail-full .all-list {
    padding: 4rem;
  }
  .courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail-full .all-list .item:nth-last-child(1) {
    margin-bottom: 0px;
  }
  .courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail-full .all-list .item:nth-last-child(2) {
    margin-bottom: 0px;
  }
  .courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail-full .inc-list {
    justify-content: space-evenly;
  }
  .courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail-full .inc-list .inc {
    width: 30%;
  }
  .courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .detail-full .inc-list .inc .inc-content .content p {
    min-height: 80px;
    line-height: 1.6;
  }
  .whyus-section {
    padding: 4rem 0rem;
  }
  .whyus-section .whyus-container .data-section {
    width: 70%;
  }
  .whyus-section .whyus-container .data-section .choose-data {
    width: 45%;
  }
  .whyus-section .whyus-container .courses-img {
    width: 25%;
  }
  .courseinfo-section {
    padding: 4rem 0rem;
  }
  .experience-section {
    padding: 4rem 0rem;
  }
  .experience-section .experience-container {
    flex-direction: row;
  }
  .experience-section .experience-container .heading {
    width: 30%;
  }
  .experience-section .experience-container .heading p {
    margin-top: 2rem;
  }
  .experience-section .experience-container .facts-count {
    width: 70%;
  }
  .experience-section .experience-container .facts-count .fact-list {
    width: 27%;
    margin: 0;
    margin-right: 2rem;
  }
  .experience-section .experience-container .facts-count .fact-list:nth-child(1) {
    margin-left: 3rem;
  }
  .experience-section .experience-container .facts-count .fact-list:nth-child(1) {
    margin-left: 3rem;
  }
  .experience-section .experience-container .facts-count .fact-list:nth-child(3) {
    margin: 0;
  }
}
@media (min-width : 1400px) {
  .topic-banner .banner-section .right-section {
    right: -41px;
  }
}
.course-banner {
  min-height: 390px;
}
.course-banner .banner-section .banner-detail .bulletpoints {
  display: flex;
  flex-direction: column;
  padding-bottom: 0.5rem;
}
.course-banner .banner-section .banner-detail .bulletpoints ul {
  margin: 0;
  padding: 0;
  color: #FFF;
}
.course-banner .banner-section .banner-detail .bulletpoints ul li:nth-child(1),
.course-banner .banner-section .banner-detail .bulletpoints ul li:nth-child(2),
.course-banner .banner-section .banner-detail .bulletpoints ul li:nth-child(3),
.course-banner .banner-section .banner-detail .bulletpoints ul li:nth-child(4),
.course-banner .banner-section .banner-detail .bulletpoints ul li:nth-child(5) {
  display: flex;
}
.course-banner .banner-section .banner-detail .bulletpoints ul li {
  display: none;
  list-style: none;
  flex-direction: row;
  margin-bottom: 6px;
}
.course-banner .banner-section .banner-detail .bulletpoints ul li:before {
  content: "";
  background-image: url(../img/topic/tick.svg);
  background-repeat: no-repeat;
  width: 28px;
  margin-top: 4px;
  margin-right: 6px;
  background-size: initial;
}
.course-banner .banner-section .banner-detail .bulletpoints ul li p {
  padding: 0;
  width: 100%;
  line-height: 1.6;
}
.course-banner .banner-section .banner-detail .buttons {
  margin: 1rem 0;
  position: relative;
}
.course-banner .banner-section .banner-detail .buttons .button-green {
  overflow: initial;
}
.course-banner .banner-section .banner-detail .buttons .button-green:active {
  background-image: linear-gradient(to right, #fafafa, #c1c1c1);
  color: #000000;
  box-shadow: 0 0 12px #c1c1c1;
}
.course-banner .banner-section .banner-detail .buttons .button-green:visited {
  background-image: linear-gradient(to right, #fafafa, rgba(50, 41, 47, 0.5));
  color: #000000;
  box-shadow: 0 0 12px #c1c1c1;
  background-color: #c1c1c1;
}
.course-banner .banner-section .banner-detail .buttons .force-down {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background-color: #F8E402;
  border-radius: 50%;
  position: absolute;
  bottom: -23px;
  left: 198px;
  z-index: 99;
  box-shadow: 0 0 10px #888888;
}
.course-banner .banner-section .banner-detail .buttons .force-down img {
  width: 18px;
  animation: bounce 3s infinite;
}
.course-banner .banner-section .right-section {
  align-items: center;
  justify-content: center;
}
.course-banner .banner-section .right-section .delivery-methods {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.course-banner .banner-section .right-section .delivery-methods a {
  background: #FFF;
  box-shadow: 0 0 2px #e0e0e0;
  padding: 16px 4px;
  align-items: center;
  justify-content: center;
  width: 48%;
  margin-bottom: 8px;
  display: flex;
  flex-direction: column;
  border-radius: 0;
}
.course-banner .banner-section .right-section .delivery-methods a p {
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}
.course-banner .banner-section .right-section .delivery-methods a img {
  width: 40px;
}
.course-banner .banner-section .right-section .delivery-methods .classroom {
  box-shadow: -13px -14px 1px rgba(255, 255, 255, 0.5);
}
.course-banner .banner-section .right-section .delivery-methods .online {
  box-shadow: 13px -14px 1px rgba(255, 255, 255, 0.5);
}
.course-banner .banner-section .right-section .delivery-methods .virtual {
  box-shadow: -13px 14px 1px rgba(255, 255, 255, 0.5);
}
.course-banner .banner-section .right-section .delivery-methods .onsite {
  box-shadow: 13px 14px 1px rgba(255, 255, 255, 0.5);
}
.topicinfo-section .courseinfo-container .news-tabs .tabs {
  margin-bottom: 2rem;
}
.topicinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-order:nth-child(1) {
  order: 1;
}
.topicinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-order:nth-child(4) {
  order: 7;
}
.topicinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-order:nth-child(2) {
  order: 3;
}
.topicinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-order:nth-child(5) {
  order: 2;
}
.topicinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-order:nth-child(3) {
  order: 5;
}
.topicinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-order:nth-child(6) {
  order: 4;
}
.topicinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-order:nth-child(7) {
  order: 6;
}
.topicinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-order:nth-child(8) {
  order: 8;
}
.topicinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tabjs .detail-full h3,
.topicinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tabjs .detail-full h2 {
  font-size: 24px;
  color: #1E1E1E;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
.topicinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tabjs .detail-full h4 {
  font-size: 20px;
  color: #1E1E1E;
  margin-bottom: 1rem;
  margin-top: 0.5rem;
}
.topicinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tabjs .detail-full ul {
  margin: 0;
  padding-left: 20px;
}
.topicinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tabjs .detail-full ul li {
  font-size: 14px;
  padding-top: 0.5rem;
}
.topicinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tabjs .detail-full ul li ul {
  padding-left: 18px;
  margin-top: 5px;
}
.topicinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tabjs .detail-full .buttons {
  display: flex;
}
.topicinfo-section .courseinfo-container .news-tabs .courseinfo-right {
  display: flex;
  flex-direction: column;
  height: fit-content;
  align-content: flex-start;
  position: sticky;
  top: 0;
}
.topicinfo-section .courseinfo-container .news-tabs .courseinfo-right .keypoints-section {
  display: flex;
  flex-direction: column;
  background-image: url(../img/course/keypoints.png);
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
  position: relative;
  margin-bottom: 2rem;
}
.topicinfo-section .courseinfo-container .news-tabs .courseinfo-right .keypoints-section:before {
  content: '';
  position: absolute;
  background-image: url(../img/course/points-bg.png);
  background-repeat: no-repeat;
  width: 103px;
  height: 103px;
  top: 0;
  left: 0;
}
.topicinfo-section .courseinfo-container .news-tabs .courseinfo-right .keypoints-section .points {
  display: flex;
  flex-direction: column;
  padding: 3rem 1.5rem;
  color: #000000;
  justify-content: center;
  align-items: center;
  z-index: 2;
}
.topicinfo-section .courseinfo-container .news-tabs .courseinfo-right .keypoints-section .points h2 {
  font-size: 28px;
  color: #1F5E88;
  padding-bottom: 1.5rem;
}
.topicinfo-section .courseinfo-container .news-tabs .courseinfo-right .keypoints-section .points p {
  padding-bottom: 0.5rem;
  font-size: 16px;
}
.topicinfo-section .courseinfo-container .news-tabs .courseinfo-right .keypoints-section .points .buttons .button-yellow {
  padding: 15px 32px 15px 30px;
}
.topicinfo-section .courseinfo-container .news-tabs .courseinfo-right .keypoints-section .points .buttons .button-yellow:after {
  right: -5px;
  height: 76px;
}
.topicinfo-section .courseinfo-container .news-tabs .courseinfo-right .keypoints-section .heart-like-key {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #F8E402;
  border-radius: 95% 0% 0% 0%;
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 38px;
  height: 38px;
  z-index: 2;
}
.topicinfo-section .courseinfo-container .news-tabs .courseinfo-right .keypoints-section .heart-like-key .heart {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: -4px;
  margin-right: -9px;
  position: relative;
}
.topicinfo-section .courseinfo-container .news-tabs .courseinfo-right .keypoints-section .heart-like-key .heart .fas {
  font-size: 15px;
  color: #000000;
}
.topicinfo-section .courseinfo-container .news-tabs .courseinfo-right .keypoints-section .heart-like-key .heart .call-tooltiptext {
  display: none;
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  top: 130%;
  left: 50%;
  margin-left: -60px;
}
.topicinfo-section .courseinfo-container .news-tabs .courseinfo-right .keypoints-section .heart-like-key .heart .call-tooltiptext:after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent black transparent;
}
.topicinfo-section .courseinfo-container .news-tabs .courseinfo-right .keypoints-section .heart-like-key .heart:hover .call-tooltiptext {
  visibility: visible;
}
.topicinfo-section .courseinfo-container .news-tabs .courseinfo-right .achievements-section {
  display: flex;
  flex-direction: column;
  padding: 3rem 1.5rem;
  justify-content: center;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
  align-items: center;
  background-color: #FFF;
  position: relative;
}
.topicinfo-section .courseinfo-container .news-tabs .courseinfo-right .achievements-section .heart-like-our {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #1F5E88;
  border-radius: 0% 0% 0% 95%;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 38px;
  height: 38px;
}
.topicinfo-section .courseinfo-container .news-tabs .courseinfo-right .achievements-section .heart-like-our .heart {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 5px;
  margin-right: -9px;
}
.topicinfo-section .courseinfo-container .news-tabs .courseinfo-right .achievements-section .heart-like-our .heart .fas {
  font-size: 15px;
  color: #FFF;
}
.topicinfo-section .courseinfo-container .news-tabs .courseinfo-right .achievements-section h2 {
  font-size: 26px;
  color: #000000;
  padding-bottom: 1.5rem;
}
.topicinfo-section .courseinfo-container .news-tabs .courseinfo-right .achievements-section .achievements {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.topicinfo-section .courseinfo-container .news-tabs .courseinfo-right .achievements-section .achievements a {
  background: #fff;
  box-shadow: 0 0 2px #e0e0e0;
  padding: 16px 4px;
  align-items: center;
  justify-content: center;
  width: 48%;
  margin-bottom: 8px;
  display: flex;
  flex-direction: column;
  background-image: url(../img/course/achievements-bg.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
}
.topicinfo-section .courseinfo-container .news-tabs .courseinfo-right .achievements-section .achievements a img {
  width: 40px;
  height: 40px;
}
.topicinfo-section .courseinfo-container .news-tabs .courseinfo-right .achievements-section .achievements a .count {
  color: #1F5E88;
  font-weight: 600;
  font-size: 20px;
}
.topicinfo-section .courseinfo-container .news-tabs .courseinfo-right .achievements-section .achievements a .text {
  color: #007D3D;
  font-size: 18px;
  font-weight: 500;
}
.topicinfo-section .courseinfo-container .news-tabs .courseinfo-right .achievements-section .achievements a:hover img {
  transition: all 0.5s ease-in, color 0.5s ease-in-out;
  transform: rotate(360deg);
}
.related-courses {
  padding: 3rem 1.5rem;
}
.related-courses .main-related-course {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.related-courses .main-related-course .courses-item {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
  width: 100%;
}
.related-courses .main-related-course .courses-item .relate-courses {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 8px #e0e0e0;
  padding: 1rem;
  width: 100%;
  margin-bottom: 1rem;
}
.related-courses .main-related-course .courses-item .relate-courses .course-image {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #FFF;
  width: 100px;
  height: 100px;
  border-radius: 50px;
  box-shadow: 0 0 15px #d2d2d2;
  margin: 0.5rem 0;
}
.related-courses .main-related-course .courses-item .relate-courses .course-image img {
  width: 50px;
}
.related-courses .main-related-course .courses-item .relate-courses .course-image .animate-bubble-box {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  background: 0 0;
  z-index: 5;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: center;
  transition-property: transform;
  transition-duration: 1s;
}
.related-courses .main-related-course .courses-item .relate-courses .course-image .animate-bubble-box:before {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  background: #707070;
  left: 45px;
  bottom: -12px;
  border-radius: 50%;
  box-shadow: 0 0 10px #e0e0e0;
}
.related-courses .main-related-course .courses-item .relate-courses .course-image .animate-bubble-box:after {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  background: #707070;
  left: 45px;
  top: -12px;
  border-radius: 50%;
  box-shadow: 0 0 8px #e0e0e0;
}
.related-courses .main-related-course .courses-item .relate-courses:hover .course-image .animate-bubble-box {
  animation-name: rotate;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  border-radius: 50%;
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.related-courses .main-related-course .courses-item .relate-courses .courses-name {
  color: #000000;
  font-weight: 600;
  margin: 1rem 0;
  height: 28px;
}
.related-courses .main-related-course .courses-item .relate-courses .buttons {
  margin: 1rem 0;
}
.features-section {
  padding: 3rem 1.5rem;
  background-color: #fafafa;
  background-image: url(../img/course/wave.png), url(../img/course/side-shape.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom, calc(100% - -81px) 0px;
}
.features-section .feature-lists .heading {
  justify-content: center;
  align-items: center;
}
.features-section .feature-lists .feature-fold {
  display: flex;
  flex-direction: column;
  margin-top: 2rem;
}
.features-section .feature-lists .feature-fold .feature-fold-one {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.features-section .feature-lists .feature-fold .feature-fold-one .inner-fold {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 80%;
  height: 120px;
  border-radius: 10px;
  box-shadow: 0 0 10px #c1c1c1;
  padding: 1rem;
  margin: 1rem 0;
  background-color: #FFF;
}
.features-section .feature-lists .feature-fold .feature-fold-one .inner-fold span {
  width: 22%;
  text-align: center;
}
.features-section .feature-lists .feature-fold .feature-fold-one .inner-fold span img {
  width: 100%;
}
.features-section .feature-lists .feature-fold .feature-fold-one .inner-fold p {
  width: 74%;
  text-align: center;
  font-size: 14px;
  line-height: 1.6;
  color: #000000;
  font-weight: 500;
}
@media (min-width : 768px) {
  .course-banner .banner-section .banner-detail .bulletpoints ul {
    color: #000000;
  }
  .course-banner .banner-section .banner-detail .buttons {
    justify-content: flex-start;
    margin-bottom: 0;
  }
  .course-banner .banner-section .banner-detail .buttons .force-down {
    left: 173px;
  }
  .course-banner .banner-section .right-section {
    padding: 0px 21px 0px 0px;
  }
  .course-banner .banner-section .right-section .delivery-methods {
    justify-content: space-evenly;
  }
  .course-banner .banner-section .right-section .delivery-methods a {
    padding: 10px 4px;
    width: 45%;
  }
  .course-banner .banner-section .right-section .delivery-methods a img {
    width: 40px;
  }
  .topicinfo-section {
    padding: 3rem 2rem;
  }
  .topicinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-order:nth-child(1) {
    order: 1;
  }
  .topicinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-order:nth-child(5) {
    order: 5;
  }
  .topicinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-order:nth-child(2) {
    order: 2;
  }
  .topicinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-order:nth-child(6) {
    order: 6;
  }
  .topicinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-order:nth-child(3) {
    order: 3;
  }
  .topicinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-order:nth-child(7) {
    order: 7;
  }
  .topicinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-order:nth-child(4) {
    order: 4;
  }
  .topicinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-order:nth-child(8) {
    order: 8;
  }
  .topicinfo-section .courseinfo-container .news-tabs .courseinfo-right {
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
  }
  .topicinfo-section .courseinfo-container .news-tabs .courseinfo-right .keypoints-section {
    width: 48%;
    padding: 3rem 2rem;
    margin: 0;
  }
  .topicinfo-section .courseinfo-container .news-tabs .courseinfo-right .keypoints-section .points {
    padding: 2.1rem 2rem;
  }
  .topicinfo-section .courseinfo-container .news-tabs .courseinfo-right .keypoints-section .heart-like-key .heart .call-tooltiptext {
    display: block;
  }
  .topicinfo-section .courseinfo-container .news-tabs .courseinfo-right .achievements-section {
    width: 48%;
    padding: 1.4rem 2rem;
  }
  .related-courses {
    padding: 3rem 2rem;
  }
  .related-courses .main-related-course .courses-item {
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .related-courses .main-related-course .courses-item .relate-courses {
    width: 46%;
    margin-bottom: 2rem;
    margin-right: 1rem;
  }
  .related-courses .main-related-course .courses-item .relate-courses .courses-name {
    font-size: 16px;
  }
  .features-section {
    padding: 3rem 2rem;
    background-position: bottom, calc(100% - -48px) -53px;
  }
  .features-section .feature-lists .feature-fold {
    flex-direction: row;
    justify-content: space-between;
  }
  .features-section .feature-lists .feature-fold .feature-fold-one {
    width: 23%;
  }
  .features-section .feature-lists .feature-fold .feature-fold-one .inner-fold {
    width: 100%;
  }
  .features-section .feature-lists .feature-fold .feature-fold-one:nth-child(1) {
    margin-top: 0;
  }
  .features-section .feature-lists .feature-fold .feature-fold-one:nth-child(2) {
    margin-top: 1rem;
  }
  .features-section .feature-lists .feature-fold .feature-fold-one:nth-child(3) {
    margin-bottom: 1rem;
  }
  .features-section .feature-lists .feature-fold .feature-fold-one:nth-child(4) {
    margin-top: 0;
  }
}
@media (min-width : 1024px) {
  .course-banner .banner-section .right-section {
    width: 36%;
  }
  .course-banner .banner-section .right-section .delivery-methods {
    justify-content: space-between;
  }
  .course-banner .banner-section .right-section .delivery-methods a {
    width: 48%;
  }
  .topicinfo-section .container {
    background-image: none;
  }
  .topicinfo-section .courseinfo-container .news-tabs {
    flex-direction: row;
  }
  .topicinfo-section .courseinfo-container .news-tabs .tabs {
    width: 70%;
  }
  .topicinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-head a .text {
    padding: 15px 5px;
    margin-left: 0px;
  }
  .topicinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-order {
    margin-right: 25px;
  }
  .topicinfo-section .courseinfo-container .news-tabs .courseinfo-right {
    width: 30%;
  }
  .topicinfo-section .courseinfo-container .news-tabs .courseinfo-right .keypoints-section {
    margin-bottom: 3rem;
    width: 100%;
  }
  .topicinfo-section .courseinfo-container .news-tabs .courseinfo-right .keypoints-section .points {
    padding: 0rem 2rem;
  }
  .topicinfo-section .courseinfo-container .news-tabs .courseinfo-right .achievements-section {
    position: relative;
    width: 100%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.16), 27px 28px 0 -10px rgba(0, 166, 81, 0.8);
  }
  .topicinfo-section .courseinfo-container .news-tabs .courseinfo-right .achievements-section:after {
    content: '';
    position: absolute;
    top: 23px;
    right: -17px;
    border-left: 17px solid rgba(0, 166, 81, 0.8);
    border-top: 15px solid transparent;
  }
  .topicinfo-section .courseinfo-container .news-tabs .courseinfo-right .achievements-section:before {
    content: '';
    position: absolute;
    bottom: -18px;
    left: 19px;
    border-left: 18px solid transparent;
    border-top: 18px solid rgba(0, 166, 81, 0.8);
  }
  .related-courses .main-related-course .courses-item .relate-courses {
    width: 23%;
    margin-bottom: 0;
  }
  .features-section {
    background-position: calc(100% - 100%) 221px, calc(100% - -48px) -53px;
    background-size: auto,contain;
  }
  .features-section .feature-lists .feature-fold .feature-fold-one .inner-fold {
    width: 95%;
  }
}
@media (min-width : 1366px) {
  .course-banner .banner-section {
    padding: 0;
  }
  .course-banner .banner-section .banner-detail {
    margin-top: 0;
  }
  .course-banner .banner-section .right-section {
    width: 20%;
    top: 22%;
  }
  .course-banner .banner-section .right-section .delivery-methods a {
    padding: 15px 4px;
  }
  .topicinfo-section .courseinfo-container .news-tabs .tabs {
    width: 73%;
  }
  .topicinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-head a .text {
    padding: 15px 38px;
  }
  .topicinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-order {
    margin-right: 20px;
  }
  .topicinfo-section .courseinfo-container .news-tabs .courseinfo-right {
    width: 25%;
  }
  .topicinfo-section .courseinfo-container .news-tabs .courseinfo-right .keypoints-section {
    padding: 3rem 1rem;
  }
  .features-section {
    padding: 4rem 0rem;
    background-position: calc(100% - 100%) 302px, calc(100% - -48px) -53px;
  }
  .features-section .feature-lists .feature-fold {
    justify-content: center;
  }
  .features-section .feature-lists .feature-fold .feature-fold-one {
    width: 20%;
  }
  .features-section .feature-lists .feature-fold .feature-fold-one .inner-fold {
    width: 80%;
  }
  .related-courses .main-related-course .courses-item .relate-courses {
    width: 23%;
    margin-right: 2rem;
  }
  .related-courses .main-related-course .courses-item .relate-courses:last-child {
    margin-right: 0;
  }
}
.cart-banner {
  background-image: url("../img/cart/cart-banner.png");
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
}
.cart-section {
  padding: 3rem 1.5rem;
}
.cart-section .cart-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.cart-section .cart-container .heading {
  width: 100%;
  justify-content: flex-start;
  align-items: flex-start;
}
.cart-section .cart-container .heading h2 {
  border-bottom: 2px solid #1F5E88;
}
.cart-section .cart-container .cart {
  display: flex;
  flex-direction: column;
  padding-top: 1rem;
  width: 100%;
  align-items: flex-start;
}
.cart-section .cart-container .cart .order-section {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.cart-section .cart-container .cart .order-section .order-detail {
  display: flex;
  flex-direction: column;
  background: #FFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  position: relative;
  margin-bottom: 2rem;
}
.cart-section .cart-container .cart .order-section .order-detail .close {
  top: -24px;
  right: -26px;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  background-image: url(../img/cart/cross.png);
  position: absolute;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.cart-section .cart-container .cart .order-section .order-detail .order {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 2rem 1rem;
}
.cart-section .cart-container .cart .order-section .order-detail .order .order-left {
  display: flex;
  flex-direction: column;
}
.cart-section .cart-container .cart .order-section .order-detail .order .order-left h3 {
  font-size: 20px;
  color: #000000;
  margin-bottom: 10px;
}
.cart-section .cart-container .cart .order-section .order-detail .order .order-left p {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-top: 15px;
  font-size: 16px;
  font-weight: 500;
  color: #000000;
}
.cart-section .cart-container .cart .order-section .order-detail .order .order-left p img {
  width: 42px;
  margin-right: 12px;
}
.cart-section .cart-container .cart .order-section .order-detail .order .order-left .delegate {
  padding-top: 15px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.cart-section .cart-container .cart .order-section .order-detail .order .order-left .delegate p {
  padding-top: 0;
}
.cart-section .cart-container .cart .order-section .order-detail .order .order-left .delegate .count {
  display: flex;
  flex-direction: row;
}
.cart-section .cart-container .cart .order-section .order-detail .order .order-left .delegate .count .minus {
  margin-right: 10px;
  color: #FFF;
  font-size: 30px;
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  background: #007D3D;
}
.cart-section .cart-container .cart .order-section .order-detail .order .order-left .delegate .count .digitJS {
  color: #000000;
}
.cart-section .cart-container .cart .order-section .order-detail .order .order-left .delegate .count .plus {
  background: #007D3D;
  margin-left: 10px;
  color: #FFF;
  font-size: 20px;
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
}
.cart-section .cart-container .cart .order-section .order-detail .order .order-right {
  display: flex;
  flex-direction: column;
  margin-top: 2rem;
  background: #FFF;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  width: 100%;
}
.cart-section .cart-container .cart .order-section .order-detail .order .order-right .payment-accept {
  display: flex;
  flex-direction: column;
  padding: 1.5rem 1rem 1rem;
  background: #FFF;
  justify-content: center;
  align-items: center;
}
.cart-section .cart-container .cart .order-section .order-detail .order .order-right .payment-accept h3 {
  color: #000000;
  font-size: 20px;
}
.cart-section .cart-container .cart .order-section .order-detail .order .order-right .payment-accept .img-card {
  display: flex;
  flex-direction: row;
  padding-bottom: 2rem;
  padding-top: 1.5rem;
}
.cart-section .cart-container .cart .order-section .order-detail .order .order-right .payment-accept .img-card img {
  width: 50px;
  height: 30px;
  margin-right: 10px;
}
.cart-section .cart-container .cart .order-section .order-detail .order .order-right .payment-accept .total {
  display: flex;
  flex-direction: column;
  padding-bottom: 0;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: 700;
}
.cart-section .cart-container .cart .order-section .order-detail .order .order-right .payment-accept .total p {
  display: flex;
  flex-direction: column;
  color: #000000;
}
.cart-section .cart-container .cart .order-section .order-detail .order .order-right .payment-accept .total .amount {
  color: #007D3D;
  display: flex;
  flex-direction: row;
}
.cart-section .cart-container .cart .order-section .order-detail .order .order-right .help-section {
  display: flex;
  flex-direction: row;
  padding: 3.2rem 1rem 1.5rem;
  background: #007D3D;
  color: #FFF;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: relative;
}
.cart-section .cart-container .cart .order-section .order-detail .order .order-right .help-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../img/cart/bg-card.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 70px;
}
.cart-section .cart-container .cart .order-section .order-detail .order .order-right .help-section a {
  display: flex;
}
.cart-section .cart-container .cart .order-section .order-detail .order .order-right .help-section img {
  width: 30px;
  margin-right: 15px;
  z-index: 1;
}
.cart-section .cart-container .cart .order-section .order-detail .order .order-right .help-section .text {
  display: flex;
  flex-direction: column;
  z-index: 1;
}
.cart-section .cart-container .cart .order-section .order-button {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2rem 0rem;
}
.cart-section .cart-container .cart .order-section .order-button .grandtotal {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  font-size: 18px;
  font-weight: 500;
  color: #000000;
}
.cart-section .cart-container .cart .order-section .order-button .grandtotal p {
  font-weight: 700;
  color: #007D3D;
  margin-left: 10px;
}
.cart-section .cart-container .cart .order-section .order-button .buttons {
  flex-direction: column;
}
.cart-section .cart-container .cart .order-section .order-button .buttons .button-grey {
  margin-bottom: 1rem;
}
.cart-section .cart-container .cart .order-section .order-button .buttons .button-yellow {
  margin-bottom: 1rem;
}
.cart-section .cart-container .cart .peoplealso-section {
  display: none;
  flex-direction: column;
  padding: 2rem 1rem;
  background: #FFF;
  height: fit-content;
  position: relative;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.12), 23px 23px 0 -10px #007D3D;
  position: sticky;
  top: 0;
}
.cart-section .cart-container .cart .peoplealso-section:after {
  content: '';
  position: absolute;
  bottom: -13px;
  left: 20px;
  border-left: 13px solid transparent;
  border-top: 13px solid #007D3D;
}
.cart-section .cart-container .cart .peoplealso-section:before {
  content: '';
  position: absolute;
  top: 21px;
  right: -13px;
  border-left: 13px solid #007D3D;
  border-top: 12px solid transparent;
}
.cart-section .cart-container .cart .peoplealso-section h3 {
  color: #000000;
  font-size: 20px;
  margin-bottom: 1rem;
  display: flex;
  justify-content: center;
}
.cart-section .cart-container .cart .peoplealso-section ul {
  padding-left: 10px;
  margin: 0px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.cart-section .cart-container .cart .peoplealso-section ul li {
  list-style: none;
  font-size: 14px;
  padding: 5px 0px;
  display: flex;
}
.cart-section .cart-container .cart .peoplealso-section ul li a {
  display: flex;
  font-size: 15px;
  position: relative;
}
.cart-section .cart-container .cart .peoplealso-section ul li a:before {
  content: "";
  background-image: url(../img/cart/tick.png);
  width: 30px;
  height: 22px;
  background-size: inherit;
  background-repeat: no-repeat;
}
.empty-cart {
  padding: 0 1.5rem;
  background-image: url("../img/cart/cart-empty.png");
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
}
.empty-cart .web-error {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-cart .web-error span {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
}
.empty-cart .web-error span img {
  width: 100%;
}
.empty-cart .web-error h2 {
  text-align: center;
  font-size: 38px;
  color: #007D3D;
}
.empty-cart .web-error p {
  font-size: 16px;
  text-align: center;
  margin-top: 1rem;
}
.billing-section {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 101;
  padding: 20px;
  box-sizing: border-box;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.3);
  display: none;
  justify-content: center;
  align-items: center;
}
.billing-section .billing-popup {
  display: none;
  width: calc(100% - 32px);
  background-color: #FFF;
  display: inline-block;
  position: fixed;
  top: 5%;
  box-shadow: 0 0 10px #676767;
  z-index: 10;
  bottom: 2rem;
}
.billing-section .billing-popup .close {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  right: -17px;
  top: -26px;
  width: 53px;
  height: 53px;
  background-image: url(../img/cart/close.png);
  background-size: contain;
  z-index: 9;
}
.billing-section .billing-popup .cart-info {
  width: 100%;
  height: -webkit-fill-available;
  background-color: #fff;
  opacity: 1;
  float: left;
  display: flex;
  position: relative;
  max-height: 100%;
}
.billing-section .billing-popup .cart-info .cart-details {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.billing-section .billing-popup .cart-info .cart-details .cart-topbar {
  display: flex;
  flex-direction: row;
  align-items: center;
  background: #80daac;
  padding: 30px 10px;
  justify-content: space-between;
}
.billing-section .billing-popup .cart-info .cart-details .cart-topbar .topbar-menu {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.billing-section .billing-popup .cart-info .cart-details .cart-topbar .topbar-menu .icon {
  display: flex;
  position: relative;
  background-color: #FFF;
  padding: 16px;
  border-radius: 50%;
  box-shadow: 3px 2px 23px rgba(0, 0, 0, 0.2);
}
.billing-section .billing-popup .cart-info .cart-details .cart-topbar .topbar-menu .icon .number {
  position: absolute;
  top: -10px;
  right: 44px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
  font-weight: 600;
  color: #000000;
  background: #FFF;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  justify-content: center;
  align-items: center;
  display: flex;
  font-size: 14px;
}
.billing-section .billing-popup .cart-info .cart-details .cart-topbar .topbar-menu .icon img {
  width: 32px;
  height: 32px;
}
.billing-section .billing-popup .cart-info .cart-details .cart-topbar .topbar-menu .icon .billing {
  width: 29px;
}
.billing-section .billing-popup .cart-info .cart-details .cart-topbar .topbar-menu p {
  color: #000000;
  font-weight: 500;
}
.billing-section .billing-popup .cart-info .cart-details .cart-topbar .active .icon .number {
  background: #1F5E88;
  color: #FFF;
}
.billing-section .billing-popup .cart-info .cart-details .cart-details-form {
  display: block;
  padding: 20px;
  flex-direction: column;
  overflow-y: scroll;
  overflow-x: hidden;
  background-image: url(/img/cart/form_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.billing-section .billing-popup .cart-info .cart-details .cart-details-form form {
  display: none;
  flex-direction: column;
}
.billing-section .billing-popup .cart-info .cart-details .cart-details-form form h3 {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #1F5E88;
  padding-bottom: 1.5rem;
}
.billing-section .billing-popup .cart-info .cart-details .cart-details-form form h3 img {
  width: 28px;
  margin-right: 10px;
}
.billing-section .billing-popup .cart-info .cart-details .cart-details-form form .main-input-div {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
  /* Firefox */
  /* Chrome, Safari, Edge, Opera */
}
.billing-section .billing-popup .cart-info .cart-details .cart-details-form form .main-input-div label {
  margin-bottom: 0.5rem;
  font-size: 12px;
  font-weight: 800;
  margin-left: 10px;
}
.billing-section .billing-popup .cart-info .cart-details .cart-details-form form .main-input-div input[type=number] {
  -moz-appearance: textfield;
}
.billing-section .billing-popup .cart-info .cart-details .cart-details-form form .main-input-div input::-webkit-outer-spin-button,
.billing-section .billing-popup .cart-info .cart-details .cart-details-form form .main-input-div input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.billing-section .billing-popup .cart-info .cart-details .cart-details-form form .main-input-div .input-group {
  position: relative;
  display: block;
  border-radius: 25px;
  flex-direction: row;
  width: 100%;
  box-shadow: 0 0 12px #eee;
  padding: 10px;
  font-size: 14px;
  color: #787878;
  background-color: #FFF;
}
.billing-section .billing-popup .cart-info .cart-details .cart-details-form form .main-input-div .input-group input[type=number] {
  -moz-appearance: textfield;
}
.billing-section .billing-popup .cart-info .cart-details .cart-details-form form .main-input-div .input-group input[type=text]::-ms-clear {
  display: none;
}
.billing-section .billing-popup .cart-info .cart-details .cart-details-form form .main-input-div .input-group input[type=number]::-ms-clear {
  display: none;
}
.billing-section .billing-popup .cart-info .cart-details .cart-details-form form .main-input-div .input-group input[type=email]::-ms-clear {
  display: none;
}
.billing-section .billing-popup .cart-info .cart-details .cart-details-form form .main-input-div .input-group input,
.billing-section .billing-popup .cart-info .cart-details .cart-details-form form .main-input-div .input-group select {
  width: calc(100% - 30px);
  border: 0;
  padding: 0 10px;
  border-radius: 0;
  outline: 0;
}
.billing-section .billing-popup .cart-info .cart-details .cart-details-form form .main-input-div .input-group select {
  color: #757575;
  background: transparent;
  width: 100%;
}
.billing-section .billing-popup .cart-info .cart-details .cart-details-form form .main-input-div .input-group span {
  text-align: center;
  width: 30px;
  position: absolute;
  right: 10px;
  top: 6px;
}
.billing-section .billing-popup .cart-info .cart-details .cart-details-form form .main-input-div .input-group span img {
  width: 20px;
}
.billing-section .billing-popup .cart-info .cart-details .cart-details-form form .main-input-div .input-group .phonecode-field {
  background-color: transparent;
  box-shadow: none;
  border: none;
  height: auto;
  padding: 0 8px;
}
.billing-section .billing-popup .cart-info .cart-details .cart-details-form form .main-input-div .input-group .phonecode-field select {
  width: 52px;
  padding-left: 0;
}
.billing-section .billing-popup .cart-info .cart-details .cart-details-form form .main-input-div .input-group .phonecode-field span {
  position: initial;
  width: 45px;
}
.billing-section .billing-popup .cart-info .cart-details .cart-details-form form .main-input-div .input-group .phonecode-field input {
  padding-right: 34px;
}
.billing-section .billing-popup .cart-info .cart-details .cart-details-form form .input-hide {
  margin: 0;
}
.billing-section .billing-popup .cart-info .cart-details .cart-details-form form .consent input {
  width: 20px;
  margin-top: 5px;
}
.billing-section .billing-popup .cart-info .cart-details .cart-details-form form .consent p,
.billing-section .billing-popup .cart-info .cart-details .cart-details-form form .consent label {
  line-height: 1.8;
  margin-bottom: 5px;
}
.billing-section .billing-popup .cart-info .cart-details .cart-details-form form p {
  font-size: 13px;
  margin-bottom: 5px;
}
.billing-section .billing-popup .cart-info .cart-details .cart-details-form form .buttons {
  margin-bottom: 1rem;
}
.billing-section .billing-popup .cart-info .cart-details .cart-details-form .third-form .course-info {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  background: #F9F9F9;
  margin-bottom: 1.5rem;
}
.billing-section .billing-popup .cart-info .cart-details .cart-details-form .third-form .course-info p {
  color: #000000;
  font-weight: 500;
  font-size: 15px;
}
.billing-section .billing-popup .cart-info .cart-details .cart-details-form .second-form .buttons,
.billing-section .billing-popup .cart-info .cart-details .cart-details-form .third-form .buttons {
  flex-direction: row;
}
.billing-section .billing-popup .cart-info .cart-details .cart-details-form .second-form .buttons .button-grey i,
.billing-section .billing-popup .cart-info .cart-details .cart-details-form .third-form .buttons .button-grey i {
  margin-right: 10px;
}
.billing-section .billing-popup .cart-info .cart-details .cart-details-form .second-form .buttons a:first-child,
.billing-section .billing-popup .cart-info .cart-details .cart-details-form .third-form .buttons a:first-child {
  margin-right: 10px;
}
.billing-section .billing-popup .cart-info .cart-details .cart-details-form .second-form .buttons .button-green,
.billing-section .billing-popup .cart-info .cart-details .cart-details-form .third-form .buttons .button-green {
  margin-bottom: 1rem;
  min-width: 151px;
}
.billing-section .billing-popup .cart-info .cart-details .cart-details-form .second-form .buttons .button-green:after,
.billing-section .billing-popup .cart-info .cart-details .cart-details-form .third-form .buttons .button-green:after {
  top: -20px;
}
.billing-section .billing-popup .cart-info .cart-details .cart-details-form .second-form .buttons .prev i,
.billing-section .billing-popup .cart-info .cart-details .cart-details-form .third-form .buttons .prev i {
  margin-left: 0;
  margin-right: 10px;
}
.billing-section .billing-popup .cart-info .cart-details .cart-details-form .open {
  display: flex;
}
@media (min-width : 768px) {
  .cart-banner {
    margin-top: 2.4rem;
  }
  .cart-section {
    padding: 3rem 2rem;
  }
  .cart-section .cart-container .cart .order-section .order-detail {
    flex-direction: row;
    background-image: url(../img/cart/cart-bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    margin-bottom: 2rem;
  }
  .cart-section .cart-container .cart .order-section .order-detail .order {
    padding: 2rem;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background-image: url(../img/cart/circle-design.svg), url(../img/cart/circle-design.svg), url(../img/cart/circle-design.svg);
    background-position: calc(0% - -290px) -4px, calc(0% - -210px) 180px, calc(0% - -447px) 320px;
    background-repeat: no-repeat;
    background-size: 77px,60px,72px;
  }
  .cart-section .cart-container .cart .order-section .order-detail .order .order-left {
    width: 55%;
  }
  .cart-section .cart-container .cart .order-section .order-detail .order .order-right {
    width: 35%;
    margin-top: 0;
  }
  .cart-section .cart-container .cart .order-section .order-detail .order .order-right .help-section img {
    margin-right: 8px;
  }
  .cart-section .cart-container .cart .order-section .order-button {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .cart-section .cart-container .cart .order-section .order-button .grandtotal {
    font-size: 22px;
  }
  .cart-section .cart-container .cart .order-section .order-button .buttons {
    flex-direction: row;
    margin-top: 0;
  }
  .cart-section .cart-container .cart .order-section .order-button .buttons .button-grey {
    margin-bottom: 0;
  }
  .cart-section .cart-container .cart .order-section .order-button .buttons .button-yellow {
    margin-bottom: 0rem;
    padding: 15px;
  }
  .empty-cart .web-error span {
    margin-top: 2rem;
  }
  .empty-cart .web-error span img {
    width: 50%;
  }
  .empty-cart .web-error p {
    font-size: 16px;
  }
  .billing-section .billing-popup {
    top: 8%;
  }
  .billing-section .billing-popup .cart-info .cart-details .cart-topbar {
    padding: 0 3rem;
  }
  .billing-section .billing-popup .cart-info .cart-details .cart-topbar .topbar-menu {
    top: -33px;
    position: relative;
  }
  .billing-section .billing-popup .cart-info .cart-details .cart-topbar .topbar-menu p {
    padding-top: 0.5rem;
    font-size: 16px;
  }
  .billing-section .billing-popup .cart-info .cart-details .cart-details-form {
    padding: 2rem 3rem;
  }
  .billing-section .billing-popup .cart-info .cart-details .cart-details-form form {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  .billing-section .billing-popup .cart-info .cart-details .cart-details-form form h3 {
    width: 100%;
  }
  .billing-section .billing-popup .cart-info .cart-details .cart-details-form form .main-input-div {
    width: 48%;
  }
  .billing-section .billing-popup .cart-info .cart-details .cart-details-form form .buttons {
    width: 100%;
  }
  .billing-section .billing-popup .cart-info .cart-details .cart-details-form .second-form .buttons,
  .billing-section .billing-popup .cart-info .cart-details .cart-details-form .third-form .buttons {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .billing-section .billing-popup .cart-info .cart-details .cart-details-form .second-form .buttons .button-green i,
  .billing-section .billing-popup .cart-info .cart-details .cart-details-form .third-form .buttons .button-green i {
    margin-right: 10px;
    margin-left: 10px;
  }
  .billing-section .billing-popup .cart-info .cart-details .cart-details-form .third-form .course-info {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    background: #F9F9F9;
    width: 100%;
  }
  .billing-section .billing-popup .cart-info .cart-details .cart-details-form .third-form .course-info p {
    width: 18%;
  }
  .billing-section .billing-popup .cart-info .cart-details .cart-details-form .third-form .course-info .course-name {
    width: 40%;
  }
}
@media (min-width : 1024px) {
  .cart-section .cart-container .cart .order-section .order-detail .order {
    background-position: calc(0% - -354px) -4px, calc(0% - -230px) 180px, calc(0% - -650px) 320px;
  }
  .cart-section .cart-container .cart .order-section .order-detail .order .order-right {
    width: 31%;
  }
  .cart-section .cart-container .cart .order-section .order-detail .order .order-right .help-section img {
    margin-right: 15px;
  }
  .billing-section .billing-popup {
    width: calc(85% - 100px);
    left: 12%;
  }
}
@media (min-width : 1366px) {
  .cart-banner {
    margin-top: 2.8rem;
  }
  .cart-section {
    padding: 4rem 0rem;
  }
  .cart-section .cart-container .cart {
    flex-direction: row;
    justify-content: space-between;
  }
  .cart-section .cart-container .cart .order-section {
    width: calc(100% - 400px);
  }
  .cart-section .cart-container .cart .order-section .order-detail .order {
    background-position: calc(0% - -354px) -4px, calc(0% - -230px) 180px, calc(0% - -509px) 334px;
  }
  .cart-section .cart-container .cart .order-section .order-detail .order .order-right {
    width: 35%;
  }
  .cart-section .cart-container .cart .peoplealso-section {
    display: flex;
  }
  .billing-section .billing-popup {
    width: calc(80% - 100px);
    top: 13%;
    left: 13%;
  }
  .billing-section .billing-popup .cart-info .cart-details .cart-topbar {
    padding: 0 5rem;
  }
  .billing-section .billing-popup .cart-info .cart-details .cart-details-form {
    padding: 1rem 5rem;
  }
  .billing-section .billing-popup .cart-info .cart-details .cart-details-form form h3 {
    padding-bottom: 1rem;
  }
}
@media (min-width : 1400px) {
  .billing-section .billing-popup {
    bottom: 7rem;
  }
  .billing-section .billing-popup .cart-info .cart-details .cart-details-form form .input-group {
    margin-bottom: 0.5rem;
  }
}
.testimonial-banner {
  background-image: url("../img/testimonial/bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
}
.testimonial-banner .banner-full .banner-detail {
  padding-top: 0;
}
.testimonial-banner .banner-full .banner-detail .search-bar-common {
  margin-bottom: 0;
}
.testimonial-section {
  padding: 3rem 1.5rem;
}
.testimonial-section .testimonial-container {
  display: flex;
  flex-direction: column;
}
.testimonial-section .testimonial-container .heading {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.testimonial-section .testimonial-container .heading .buttons {
  margin-top: 0;
  width: 50%;
  justify-content: flex-end;
  align-items: flex-end;
}
.testimonial-section .testimonial-container .heading .buttons .button-green {
  padding: 10px 10px;
  font-size: 14px;
}
.testimonial-section .testimonial-container .testimonial-list {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
}
.testimonial-section .testimonial-container .testimonial-list .testimonial-inner {
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
}
.testimonial-section .testimonial-container .testimonial-list .testimonial-inner .testimonial-content {
  display: flex;
  flex-direction: column;
  position: relative;
  background-color: #FFF;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 2.5rem 2rem;
}
.testimonial-section .testimonial-container .testimonial-list .testimonial-inner .testimonial-content:after {
  position: absolute;
  left: 40px;
  content: "";
  width: 30px;
  height: 30px;
  background-color: #ffffff;
  transform: rotate(45deg);
  border: 0;
  bottom: -14px;
  box-shadow: 4px 6px 4px rgba(0, 0, 0, 0.06);
}
.testimonial-section .testimonial-container .testimonial-list .testimonial-inner .testimonial-content .rating {
  margin-bottom: 10px;
}
.testimonial-section .testimonial-container .testimonial-list .testimonial-inner .testimonial-content .rating i {
  margin-right: 5px;
  font-size: 20px;
}
.testimonial-section .testimonial-container .testimonial-list .testimonial-inner .testimonial-content .content {
  text-align: justify;
  line-height: 1.8;
}
.testimonial-section .testimonial-container .testimonial-list .testimonial-inner .testimonial-info {
  display: flex;
  flex-direction: row;
  position: relative;
  margin-top: 40px;
  justify-content: flex-start;
  align-items: center;
}
.testimonial-section .testimonial-container .testimonial-list .testimonial-inner .testimonial-info img {
  max-width: 80px;
  border-radius: 5px;
  margin-right: 15px;
}
.testimonial-section .testimonial-container .testimonial-list .testimonial-inner .testimonial-info .info {
  display: flex;
  flex-direction: column;
}
.testimonial-section .testimonial-container .testimonial-list .testimonial-inner .testimonial-info .info h3 {
  color: #000000;
  font-size: 16px;
}
.testimonial-section .testimonial-container .testimonial-list .testimonial-inner .testimonial-info .info p {
  font-size: 13px;
  font-weight: 500;
}
.testimonial-section .testimonial-container .testimonial-list .testimonial-inner .testimonial-info .info p strong {
  color: #007D3D;
  font-size: 14px;
}
@media (min-width : 768px) {
  .testimonial-banner {
    margin-top: 1.6rem;
  }
  .testimonial-banner .banner-full .banner-detail {
    padding-top: 1.5rem;
  }
  .testimonial-section {
    padding: 3rem 1.5rem;
  }
  .testimonial-section .testimonial-container .testimonial-list {
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .testimonial-section .testimonial-container .testimonial-list .testimonial-inner {
    width: 46%;
    margin-right: 1.5rem;
  }
  .testimonial-section .testimonial-container .testimonial-list .testimonial-inner .testimonial-content .content p {
    min-height: 105px;
  }
}
@media (min-width : 1024px) {
  .testimonial-banner .banner-full {
    height: 294px;
  }
  .testimonial-banner .banner-full .right-section {
    height: 294px;
  }
  .testimonial-section {
    padding: 3rem 1.5rem;
  }
  .testimonial-section .testimonial-container .testimonial-list .testimonial-inner {
    width: 30%;
  }
}
@media (min-width : 1366px) {
  .testimonial-banner {
    margin-top: 2.8rem;
  }
  .testimonial-banner .banner-full .banner-detail {
    padding-top: 1rem;
  }
  .testimonial-section {
    padding: 4rem 0rem;
  }
  .testimonial-section .testimonial-container .heading {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .testimonial-section .testimonial-container .heading .buttons {
    margin-top: 0;
    width: 50%;
    justify-content: flex-end;
    align-items: flex-end;
  }
  .testimonial-section .testimonial-container .heading .buttons .button-green {
    padding: 10px 10px;
    font-size: 16px;
  }
}
.resource-banner {
  background-image: url("../img/resource/resourse-banner.png");
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
}
.resource-banner .banner-full .banner-detail {
  padding-top: 0;
}
.resource-banner .banner-full .banner-detail .search-bar-common {
  margin-bottom: 0;
}
.resources {
  padding: 3rem 1.5rem;
}
.resources .resources-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.resources .resources-container .heading-sec {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 2rem;
}
.resources .resources-container .heading-sec .heading {
  margin-bottom: 0rem;
  justify-content: center;
}
.resources .resources-container .heading-sec .buttons .button-green {
  padding: 15px 20px;
}
.resources .resources-container .resources-list {
  flex-direction: column;
  display: flex;
}
.resources .resources-container .resources-list a {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 0 10px #c1c1c1;
  border-left: 8px solid #007D3D;
  margin-bottom: 2rem;
}
.resources .resources-container .resources-list a .course-name {
  padding: 1rem 2rem 1rem 1rem;
  width: 100%;
  font-weight: 500;
  font-size: 14px;
  color: #000000;
}
.resources .resources-container .resources-list a .download {
  display: flex;
  background-color: #007D3D;
  padding: 2.2rem 0.7rem;
  position: relative;
}
.resources .resources-container .resources-list a .download:before {
  content: '';
  position: absolute;
  top: 0;
  border-top: 92px solid #007D3D;
  border-left: 34px solid transparent;
  left: -34px;
}
.resources .resources-container .resources-list a .download img {
  width: 20px;
}
.resources .resources-container .resources-list a:hover {
  box-shadow: 0 0 20px #c1c1c1;
}
@media (min-width : 768px) {
  .resource-banner {
    margin-top: 1.6rem;
  }
  .resource-banner .banner-full {
    height: 287px;
  }
  .resource-banner .banner-full .banner-detail {
    padding-top: 0.5rem;
  }
  .resource-banner .banner-full .right-section {
    height: 287px;
  }
  .resource-banner .banner-full .right-section .circle-rightt {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 168px;
    height: 160px;
    border-radius: 50%;
    top: 47px;
    right: 111px;
    position: absolute;
    cursor: pointer;
  }
  .resource-banner .banner-full .right-section .circle-rightt p {
    display: none;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    color: #000000;
  }
  .resources {
    padding: 3rem 2rem;
  }
  .resources .resources-container .resources-list {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  .resources .resources-container .resources-list a {
    width: 48%;
  }
}
@media (min-width : 1024px) {
  .resource-banner .banner-full {
    height: 268px;
  }
  .resource-banner .banner-full .right-section {
    height: 268px;
  }
  .resource-banner .banner-full .right-section .circle-rightt {
    height: 147px;
    top: 46px;
  }
}
@media (min-width : 1366px) {
  .resource-banner {
    margin-top: 2.8rem;
  }
  .resource-banner .banner-full .banner-detail {
    padding-top: 0;
  }
  .resources {
    padding: 4rem 0rem;
  }
  .resources .resources-container .resources-list a {
    width: 45%;
  }
}
.error-404 {
  padding: 3rem 1.5rem;
  background-image: url("../img/404/bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
}
.error-404 .web-error {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.error-404 .web-error span {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
}
.error-404 .web-error span img {
  width: 100%;
}
.error-404 .web-error p {
  font-size: 16px;
  text-align: center;
  margin-top: 1rem;
}
@media (min-width : 768px) {
  .error-404 {
    padding: 3rem 2rem;
  }
  .error-404 .web-error span {
    margin-top: 2rem;
  }
  .error-404 .web-error span img {
    width: 60%;
  }
  .error-404 .web-error h2 {
    font-size: 38px;
  }
  .error-404 .web-error p {
    font-size: 22px;
  }
}
.static-banner {
  padding-bottom: 0;
}
.static-banner .banner-full .banner-detail {
  padding-top: 0;
}
.static-banner .banner-full .banner-detail .search-bar-common {
  margin-bottom: 0;
}
.quick-links {
  padding: 3rem 1.5rem;
  display: flex;
  flex-direction: column;
}
.quick-links .static-text {
  display: flex;
  flex-direction: column;
}
.quick-links .static-text p {
  font-size: 16px;
  margin-top: 1rem;
  overflow-wrap: break-word;
}
.quick-links .static-text p strong {
  color: #007D3D;
}
.quick-links .static-text h3 {
  color: #007D3D;
}
@media (min-width : 768px) {
  .static-banner .banner-full {
    height: 272px;
    padding: 3rem 2rem;
  }
  .static-banner .banner-full .banner-detail {
    padding-top: 1rem;
  }
  .static-banner .banner-full .right-section {
    height: 272px;
  }
  .quick-links {
    padding: 3rem 2rem;
  }
}
@media (min-width : 1366px) {
  .static-banner .banner-full {
    padding-left: 0;
    padding-right: 0;
    height: 290px;
  }
  .static-banner .banner-full .right-section {
    height: 290px;
  }
  .quick-links {
    padding: 4rem 0rem;
  }
}
.summary-section {
  padding: 3rem 1.5rem;
  background-image: url(../img/cart/bg-circle.png);
  background-size: 205px;
  background-position-y: 10px;
  background-repeat: no-repeat;
  background-position: right;
  background-position: calc(100% - -17px) 57px;
}
.summary-section .summary {
  display: flex;
  flex-direction: column;
  background-color: rgba(250, 250, 250, 0.8);
  box-shadow: 0 2px 9px #c1c1c1;
  padding: 1rem;
}
.summary-section .summary .summary-outer {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
}
.summary-section .summary .summary-outer .summary-heading {
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
  width: 100%;
}
.summary-section .summary .summary-outer .summary-heading h2 {
  font-size: 18px;
  color: #007D3D;
  background-image: url(../img/cart/lines.svg);
  background-repeat: no-repeat;
  background-size: 32% 23%;
  background-position: left;
  background-position-y: 40px;
  padding: 1rem 0;
}
.summary-section .summary .summary-outer .summary-content-outer {
  display: flex;
  flex-direction: column;
  border-bottom-left-radius: 50px;
  border-top-right-radius: 50px;
  background-color: #FFF;
  box-shadow: 0 2px 9px #c1c1c1;
  padding: 1rem 2rem;
  position: relative;
}
.summary-section .summary .summary-outer .summary-content-outer .detail {
  display: flex;
  flex-direction: column;
  margin-top: 0.5rem;
}
.summary-section .summary .summary-outer .summary-content-outer .detail .detail-content {
  display: flex;
  flex-direction: column;
  margin-bottom: 0.5rem;
}
.summary-section .summary .summary-outer .summary-content-outer .detail .detail-content h3 {
  font-size: 16px;
}
.summary-section .summary .summary-outer .summary-content-outer .detail .detail-content p {
  font-size: 14px;
  word-break: break-all;
}
.summary-section .summary .summary-outer .summary-content-outer .detail .detail-content:last-child {
  margin-bottom: 0;
}
.summary-section .summary .summary-outer .triangle-count {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: -19px;
  left: -4px;
  justify-content: center;
  align-items: center;
  color: #FFF;
  font-size: 16px;
  width: 0;
  height: 0;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  border-left: 30px solid #4B4B4B;
  transform: rotate(-135deg);
}
.summary-section .summary .summary-outer .triangle-count p {
  position: absolute;
  right: 15px;
  transform: rotate(135deg);
}
.summary-section .summary .summary-outer .total-price {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background-color: #1F5E88;
  padding: 1rem;
  margin-top: 1rem;
  border-radius: 50px 0 0 50px;
  position: relative;
  width: 92%;
  align-items: center;
}
.summary-section .summary .summary-outer .total-price h2 {
  font-size: 16px;
  color: #FFF;
}
.summary-section .summary .summary-outer .total-price p {
  font-size: 14px;
  color: #FFF;
}
.summary-section .summary .summary-outer .total-price:after {
  content: '';
  background-image: url(../img/cart/total-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
  position: absolute;
  right: -20px;
  top: 0;
  width: 20px;
  height: 100%;
}
.summary-section .summary .summary-outer .delegate-list {
  display: flex;
  flex-direction: column;
  background-color: #F6F6F6;
  padding: 1rem 1.5rem;
  border-bottom-left-radius: 50px;
  border-top-right-radius: 50px;
  padding-top: 0;
}
.summary-section .summary .summary-outer .delegate-list .summary-heading {
  margin-bottom: 1rem;
  width: 100%;
  padding-top: 0;
}
.summary-section .summary .summary-outer .delegate-list .summary-heading h2 {
  background-size: 47% 21%;
}
.summary-section .summary .summary-outer:last-child {
  width: 100%;
}
.summary-section .form-dataline {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-top: 2rem;
}
.summary-section .buttons {
  flex-wrap: wrap;
}
.summary-section .buttons button {
  margin-bottom: 1rem;
}
.summary-section .buttons button:last-child {
  margin-bottom: 0;
}
.summary-section .buttons .button-blue:after {
  height: 78px;
}
@media (min-width : 768px) {
  .summary-section {
    padding: 5rem 2rem;
    background-size: 335px;
    background-position: calc(100% - -1px) 100px;
  }
  .summary-section .summary {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 2rem;
  }
  .summary-section .summary .summary-outer {
    width: 48%;
  }
  .summary-section .summary .summary-outer .summary-content-outer .detail .detail-content {
    flex-direction: row;
    justify-content: space-between;
  }
  .summary-section .summary .summary-outer .delegate-list {
    padding: 1rem 2rem;
    margin-top: 1rem;
    padding-top: 0;
  }
  .summary-section .summary .summary-outer .delegate-list:last-child .summary-heading {
    width: 40%;
  }
  .summary-section .summary .summary-outer:nth-child(1) .summary-content-outer {
    padding: 2rem 2rem;
  }
  .summary-section .summary .summary-outer:nth-child(2) .summary-content-outer {
    padding: 1rem 2rem;
  }
  .summary-section .summary .summary-outer:nth-child(3) .summary-content-outer {
    padding: 3rem 2rem;
  }
  .summary-section .summary .summary-outer:nth-child(4) .summary-content-outer {
    padding: 2rem 2rem;
  }
  .summary-section .buttons {
    justify-content: space-between;
    margin-top: 2rem;
  }
}
@media (min-width : 1024px) {
  .summary-section .summary .summary-outer .summary-heading {
    width: 70%;
  }
  .summary-section .summary .summary-outer .summary-content-outer {
    padding: 2rem 2rem;
  }
  .summary-section .summary .summary-outer .triangle-count {
    border-top: 35px solid transparent;
    border-bottom: 35px solid transparent;
    border-left: 35px solid #4B4B4B;
    top: -23px;
    left: -6px;
  }
  .summary-section .summary .summary-outer .triangle-count p {
    right: 18px;
  }
  .summary-section .summary .summary-outer .delegate-list {
    padding: 2rem;
    padding-top: 1rem;
  }
}
@media (min-width : 1366px) {
  .summary-section {
    padding: 4rem 0rem;
  }
  .summary-section .summary .summary-outer .summary-heading {
    width: 40%;
  }
  .summary-section .summary .summary-outer .total-price {
    width: 96%;
  }
  .summary-section .summary .summary-outer .delegate-list .summary-heading h2 {
    background-size: 32% 23%;
  }
}
.online-banner {
  background-image: url("../img/onlinetraining/bg-mobile.png");
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  background-position: center;
}
.online-banner .banner-full {
  flex-direction: column;
  padding-bottom: 7rem;
}
.online-banner .banner-full .banner-detail {
  padding-top: 0;
}
.online-banner .banner-full .banner-detail .buttons {
  margin-top: 1rem;
  margin-bottom: 0;
  position: relative;
}
.online-banner .banner-full .banner-detail .buttons .button-green {
  overflow: initial;
}
.online-banner .banner-full .banner-detail .buttons .button-green:active {
  background-image: linear-gradient(to right, #fafafa, #c1c1c1);
  color: #000000;
  box-shadow: 0 0 12px #c1c1c1;
}
.online-banner .banner-full .banner-detail .buttons .button-green:visited {
  background-image: linear-gradient(to right, #fafafa, rgba(50, 41, 47, 0.5));
  color: #000000;
  box-shadow: 0 0 12px #c1c1c1;
  background-color: #c1c1c1;
}
.online-banner .banner-full .banner-detail .buttons .force-down {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background-color: #F8E402;
  border-radius: 50%;
  position: absolute;
  bottom: -23px;
  left: 198px;
  box-shadow: 0 0 10px #888888;
  z-index: 99;
}
.online-banner .banner-full .banner-detail .buttons .force-down img {
  width: 18px;
  animation: bounce 3s infinite;
}
.online-banner .banner-full .banner-detail p {
  color: #000000;
}
.online-banner .banner-full .right-section {
  display: flex;
  margin-top: 2rem;
  width: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
}
.online-banner .banner-full .right-section .video-container {
  display: flex;
  width: 280px;
  height: 175px;
  border: 10px solid #000;
  border-radius: 12px 12px 4px 4px;
  box-shadow: -2px 0 2px #B0B1B4;
}
.online-banner .banner-full .right-section .video-container video {
  width: 100%;
  object-fit: fill;
}
.online-banner .banner-full .right-section .video-container::after {
  content: '';
  background-image: url(../img/onlinetraining/mac.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 100%;
  height: 18px;
  display: flex;
  position: absolute;
  left: 0;
  bottom: -13px;
}
.online-banner .banner-full .right-section .video-container img {
  width: 100%;
}
@supports (-ms-ime-align:auto) {
  .online-banner .banner-full .right-section .video-container::after {
    left: 0;
  }
}
.online-banner .banner-full .banner-detail p {
  color: #FFF;
}
.online-banner .banner-full .banner-detail .buttons .force-down {
  left: 123px;
}
.why-online {
  padding: 3rem 1.5rem;
  display: flex;
  flex-direction: column;
  background-color: #FFF;
}
.why-online .why-container {
  display: flex;
  flex-direction: column;
}
.why-online .why-container .why-content {
  width: 100%;
}
.why-online .why-container .why-image {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
}
.why-online .why-container .why-image img {
  width: 100%;
}
.explore-courses {
  background-image: url(../img/onlinetraining/course-bg.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  padding: 3rem 1.5rem;
  padding-bottom: 0;
  display: flex;
  flex-direction: column;
  background-color: #f9f9f9;
}
.explore-courses .courses-container {
  display: flex;
  flex-direction: column;
}
.explore-courses .courses-container .course-list {
  display: flex;
  flex-direction: column;
  padding-top: 3rem;
  justify-content: flex-start;
  align-items: flex-start;
}
.explore-courses .courses-container .course-list .lists {
  display: flex;
  flex-direction: column;
  border-top-left-radius: 70px;
  position: relative;
  margin-bottom: 4rem;
  z-index: 4;
  width: 100%;
}
.explore-courses .courses-container .course-list .lists .list-li {
  display: flex;
  flex-direction: column;
  background: #FFF;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.14);
  padding: 2rem 1.5rem;
  width: 100%;
  border-bottom: 4px solid #1F5E88;
  min-height: 397px;
}
.explore-courses .courses-container .course-list .lists .list-li img {
  width: 81px;
  height: 81px;
  margin: 0 auto;
}
.explore-courses .courses-container .course-list .lists .list-li p + p {
  display: none;
}
.explore-courses .courses-container .course-list .lists .list-li .feature-title {
  display: flex;
  flex-direction: column;
  margin-top: 0.5rem;
}
.explore-courses .courses-container .course-list .lists .list-li .feature-title p {
  color: #000000;
}
.explore-courses .courses-container .course-list .lists .list-li .feature-title p strong {
  color: #1F5E88;
}
.explore-courses .courses-container .course-list .lists .list-li .course-name {
  color: #1F5E88;
  font-weight: bold;
  font-size: 18px;
  padding-top: 1rem;
  padding-bottom: 0.5rem;
  text-align: center;
}
.explore-courses .courses-container .course-list .lists .list-li .course-text {
  color: #000000;
  text-align: justify;
  height: 100px;
  overflow: hidden;
}
.explore-courses .courses-container .course-list .lists .list-li .buttons {
  justify-content: space-between;
}
.explore-courses .courses-container .course-list .lists .list-li .buttons .button-yellow,
.explore-courses .courses-container .course-list .lists .list-li .buttons .button-blue {
  font-size: 14px;
  padding: 15px 10px;
}
.explore-courses .courses-container .course-list .lists .price-only {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-image: url(../img/onlinetraining/price.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  width: 110px;
  height: 110px;
  top: -46px;
  right: -24px;
}
.explore-courses .courses-container .course-list .lists .price-only p {
  font-size: 14px;
  font-weight: bold;
  color: #FFF;
  padding: 1rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  line-height: 1.4;
}
.explore-courses .courses-container .course-list .lists .price-only p span {
  font-size: 22px;
  font-weight: bold;
}
.how-to-learn {
  background-color: #F9F9F9;
  display: flex;
  flex-direction: column;
  padding: 3rem 1.5rem;
}
.how-to-learn .learn-container {
  display: flex;
  flex-direction: column;
}
.how-to-learn .learn-container .learn-video {
  width: 100%;
  padding-bottom: 2rem;
}
.how-to-learn .learn-container .learn-video .learn-video-container {
  display: flex;
  position: relative;
  flex-direction: column;
}
.how-to-learn .learn-container .learn-video .learn-video-container video {
  width: 93%;
  height: 210px;
  object-fit: fill;
  border-radius: 7px;
  position: relative;
  top: 15px;
  left: 13px;
  box-shadow: 0 0 10px #c1c1c1;
}
.how-to-learn .learn-container .learn-video .learn-video-container::before {
  content: '';
  left: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  border-radius: 7px;
  background: linear-gradient(90deg, #1f5e88 0%, #1f5e88 40%, #f9f9f9 100%);
  width: 92%;
}
.how-to-learn .learn-container .learn-content {
  width: 100%;
  margin-left: auto;
  margin-top: 1rem;
}
.how-to-learn .learn-container .learn-content .buttons .button-yellow {
  padding: 16px 90px 16px 30px;
}
.how-to-learn .learn-container .learn-content .buttons .button-yellow:after {
  height: 72px;
}
.course-features {
  padding: 3rem 1.5rem;
  background-color: #FFF;
}
.course-features .features-owl-carousel {
  display: flex;
  flex-direction: column;
}
.course-features .features-owl-carousel .main-feature {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.course-features .features-owl-carousel .main-feature .content-feature {
  display: flex;
  flex-direction: column;
}
.course-features .features-owl-carousel .main-feature .content-feature p {
  font-size: 14px;
}
.course-features .features-owl-carousel .main-feature .screenshot-img {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 1rem;
}
.course-features .features-owl-carousel .main-feature .screenshot-img .feature-image {
  width: 100%;
  max-height: 300px;
}
.course-features .features-owl-carousel .main-feature .screenshot-img .feature-image img {
  width: 100%;
  height: 100%;
}
.course-features .features-owl-carousel .owl-nav {
  display: none;
  margin-top: 1rem;
}
.course-features .features-owl-carousel .owl-nav .owl-prev {
  position: absolute;
  background-image: url("../img/onlinetraining/left.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 50px;
  height: 50px;
  left: 0;
  outline: none;
}
.course-features .features-owl-carousel .owl-nav .owl-prev span {
  display: none;
}
.course-features .features-owl-carousel .owl-nav .owl-next {
  position: absolute;
  background-image: url("../img/onlinetraining/right.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 50px;
  height: 50px;
  left: 24%;
  outline: none;
}
.course-features .features-owl-carousel .owl-nav .owl-next span {
  display: none;
}
.course-features .features-owl-carousel .owl-dots {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  margin-top: 3rem;
}
.course-features .features-owl-carousel .owl-dots .owl-dot {
  width: 10px;
  height: 10px;
  background-color: #cecece;
  border-radius: 50%;
  margin-right: 5px;
  outline: none;
}
.course-features .features-owl-carousel .owl-dots .owl-dot:last-child {
  margin-right: 0;
}
.course-features .features-owl-carousel .owl-dots .active {
  background-color: #007D3D;
}
.features {
  padding: 3rem 1.5rem;
  display: flex;
  flex-direction: column;
  background: linear-gradient(360deg, #f1f1f1, #ffffff);
}
.features .feature-container {
  display: flex;
  flex-direction: column;
}
.features .feature-container .feature-box {
  display: flex;
  flex-direction: column;
  padding-top: 1.5rem;
}
.features .feature-container .feature-box .feature-content {
  display: flex;
  flex-direction: column;
  background-color: #f9f9f9;
  padding: 3rem 1.5rem;
  justify-content: center;
  box-shadow: 2px 2px 10px #dfd7d7;
  align-items: center;
  margin-bottom: 2.5rem;
  width: 100%;
}
.features .feature-container .feature-box .feature-content:last-child {
  margin-bottom: 0;
}
.features .feature-container .feature-box .feature-content .img-icon img {
  width: 50px;
}
.features .feature-container .feature-box .feature-content .img-icon .white-icon {
  display: none;
}
.features .feature-container .feature-box .feature-content .img-icon .blue {
  height: 50px;
}
.features .feature-container .feature-box .feature-content .title {
  color: #000000;
  font-weight: 600;
  font-size: 16px;
  padding: 0.5rem;
}
.features .feature-container .feature-box .feature-content .text {
  text-align: center;
}
.features .feature-container .feature-box .feature-content:hover {
  background: url(../img/onlinetraining/content-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
.features .feature-container .feature-box .feature-content:hover .img-icon .white-icon {
  display: flex;
}
.features .feature-container .feature-box .feature-content:hover .img-icon .blue-icon {
  display: none;
}
.features .feature-container .feature-box .feature-content:hover .img-icon .blue {
  height: 50px;
}
.features .feature-container .feature-box .feature-content:hover .title {
  color: #F8E402;
}
.features .feature-container .feature-box .feature-content:hover .text,
.features .feature-container .feature-box .feature-content:hover p {
  color: #FFF;
}
.features .feature-container .feature-box .active {
  background: url(../img/onlinetraining/content-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
.features .feature-container .feature-box .active .title {
  color: #F8E402;
}
.features .feature-container .feature-box .active .text,
.features .feature-container .feature-box .active p {
  color: #FFF;
}
.features .feature-container .feature-box .active .img-icon .white-icon {
  display: flex;
}
.features .feature-container .feature-box .active .img-icon .blue-icon {
  display: none;
}
.features .feature-container .feature-box .active .img-icon .blue {
  height: 50px;
}
.faq-section {
  padding: 3rem 1.5rem;
  background-color: #f9f9f9;
}
.faq-section .all-list {
  display: flex;
  flex-direction: column;
}
.faq-section .all-list .item {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
  height: fit-content;
  border-radius: 5px;
}
.faq-section .all-list .item .ques {
  display: flex;
  align-items: center;
  padding: 0.5rem;
  box-shadow: 0 0 5px #c1c1c1;
  background: #007D3D;
  cursor: pointer;
}
.faq-section .all-list .item .ques span {
  margin-right: 0.5rem;
}
.faq-section .all-list .item .ques span .open {
  display: flex;
  width: 30px;
}
.faq-section .all-list .item .ques span .close {
  display: none;
  width: 30px;
}
.faq-section .all-list .item .ques h3 {
  margin: 0;
  font-size: 15px;
  color: #FFF;
}
.faq-section .all-list .item .ans {
  display: none;
  background-color: #f1f1f1;
  padding: 0.5rem;
  box-shadow: 0 -1px 3px 0px #c1c1c1;
}
.faq-section .all-list .item .ans p {
  font-size: 12px;
}
.faq-section .all-list .item .active + .ans {
  display: flex;
  padding: 10px;
  box-shadow: 0 -1px 3px 0px #c1c1c1;
}
.faq-section .all-list .item .active span .open {
  display: none;
}
.faq-section .all-list .item .active span .close {
  display: flex;
}
.faq-section .buttons {
  margin-top: 2rem;
}
.testimonial {
  padding: 3rem 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-image: url("../img/onlinetraining/testimonial-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.testimonial .testimonial-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.testimonial .testimonial-container .heading {
  margin-bottom: 0;
}
.testimonial .testimonial-container .heading h2 {
  color: #FFF;
}
.testimonial .testimonial-container .testimonial-box {
  display: flex;
  flex-direction: column;
  padding-top: 1rem;
}
.testimonial .testimonial-container .testimonial-box .testimonials-content {
  display: flex;
  flex-direction: column;
  width: 85%;
  margin: auto;
  justify-content: center;
  align-items: center;
}
.testimonial .testimonial-container .testimonial-box .testimonials-content p {
  color: #FFF;
  text-align: center;
}
.testimonial .testimonial-container .testimonial-box .testimonials-content .user-text {
  padding-bottom: 1rem;
}
.testimonial .testimonial-container .testimonial-box .testimonials-content .user-name {
  color: #F8E402;
  font-weight: 500;
  font-size: 16px;
}
.testimonial .testimonial-container .testimonial-box .testimonials-content .user-location {
  font-size: 12px;
}
.testimonial .testimonial-container .testimonial-box .owl-dots {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100px;
  align-self: center;
  padding-top: 1.2rem;
}
.testimonial .testimonial-container .testimonial-box .owl-dots .owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0!important;
  font: inherit;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #FFF;
}
.testimonial .testimonial-container .testimonial-box .owl-dots .active {
  background: #F8E402 !important;
}
.client {
  padding: 3rem 1.5rem;
}
.client .client-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.client .client-section .client-list {
  padding: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 0;
  margin-top: 0;
}
.client .client-section .client-list li {
  list-style: none;
  margin-bottom: 10px;
  margin-right: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 115px;
  height: 90px;
  background: #ffffffed;
}
.client .client-section .client-list li img {
  width: 80px;
  filter: grayscale(0%);
}
.client .client-section .client-list li .hsbc {
  width: 60px;
}
.client .client-section .client-list li:last-child img {
  width: 100px;
}
.client .client-section .buttons {
  margin-top: 0;
}
@media (min-width : 768px) {
  .online-banner {
    margin-top: 1.6rem;
    background-image: url(../img/onlinetraining/bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #f7f7f7;
  }
  .online-banner .banner-full {
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding-bottom: 3rem;
    height: auto;
  }
  .online-banner .banner-full .banner-detail {
    width: 50%;
  }
  .online-banner .banner-full .banner-detail h1 {
    padding-bottom: 1rem;
    color: #000000;
  }
  .online-banner .banner-full .banner-detail .breadcrums {
    margin-top: 1rem;
    color: #000000;
  }
  .online-banner .banner-full .banner-detail .buttons {
    justify-content: flex-start;
  }
  .online-banner .banner-full .banner-detail .buttons .force-down {
    left: 122px;
  }
  .online-banner .banner-full .banner-detail p {
    color: #000000;
  }
  .online-banner .banner-full .right-section {
    margin-top: 0;
    width: 40%;
    margin-left: auto;
  }
  .online-banner .banner-full .right-section .video-container {
    width: 255px;
    height: 155px;
  }
  .online-banner .banner-full .right-section .video-container::after {
    content: '';
    bottom: 70px;
    width: 300px;
    left: -10px;
  }
  .why-online {
    padding: 0;
  }
  .why-online .why-container {
    padding: 3rem 2rem;
    flex-direction: row;
    justify-content: space-between;
  }
  .why-online .why-container .why-content {
    width: 48%;
    padding-bottom: 0;
  }
  .why-online .why-container .why-content .buttons {
    justify-content: flex-start;
  }
  .why-online .why-container .why-image {
    display: flex;
    width: 48%;
    margin-top: 0rem;
  }
  .explore-courses {
    padding: 3rem 2rem;
    padding-bottom: 0;
  }
  .explore-courses .courses-container .course-list {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .explore-courses .courses-container .course-list .lists {
    width: 46%;
  }
  .explore-courses .courses-container .course-list .lists .list-li .feature-title {
    flex-direction: row;
    justify-content: space-between;
  }
  .explore-courses .courses-container .course-list .lists .list-li .price-only {
    right: -51px;
  }
  .explore-courses .courses-container .course-list .lists .list-li .buttons .button-yellow,
  .explore-courses .courses-container .course-list .lists .list-li .buttons .button-blue {
    padding: 10px;
  }
  .how-to-learn {
    padding: 3rem 2rem;
    background-image: url(../img/onlinetraining/dots.svg);
    background-position: calc(100% - -59px) 278px;
    background-repeat: no-repeat;
    background-size: 112px;
  }
  .how-to-learn .learn-container {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  .how-to-learn .learn-container .learn-video {
    width: 40%;
  }
  .how-to-learn .learn-container .learn-video .learn-video-container video {
    top: 23px;
    left: 23px;
    width: 100%;
  }
  .how-to-learn .learn-container .learn-video .learn-video-container:before {
    width: 100%;
  }
  .how-to-learn .learn-container .learn-content {
    width: 46%;
  }
  .course-features {
    padding: 3rem 2rem;
  }
  .course-features .features-owl-carousel .main-feature {
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .course-features .features-owl-carousel .main-feature .content-feature {
    width: 48%;
  }
  .course-features .features-owl-carousel .main-feature .screenshot-img {
    width: 48%;
    align-items: center;
    margin-top: 0rem;
  }
  .course-features .features-owl-carousel .main-feature .screenshot-img .feature-image {
    width: 400px;
    max-height: none;
  }
  .course-features .features-owl-carousel .main-feature .screenshot-img .feature-image:nth-child(3) {
    width: 200px;
  }
  .course-features .features-owl-carousel .main-feature .screenshot-img:nth-child(3) {
    width: 200px;
  }
  .course-features .features-owl-carousel .owl-nav .owl-next {
    left: 9%;
  }
  .features {
    padding: 3rem 2rem;
  }
  .features .feature-container .feature-box {
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .features .feature-container .feature-box .feature-content {
    width: 48%;
  }
  .features .feature-container .feature-box .feature-content:nth-last-child(1) {
    margin-bottom: 0;
  }
  .features .feature-container .feature-box .feature-content:nth-last-child(2) {
    margin-bottom: 0;
  }
  .faq-section {
    padding: 3rem 2rem;
  }
  .faq-section .all-list {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 2rem;
  }
  .faq-section .all-list .item {
    margin-bottom: 1.6rem;
    width: 48%;
  }
  .faq-section .all-list .item .ques {
    display: flex;
  }
  .faq-section .all-list .item .ques h3 {
    font-size: 16px;
  }
  .testimonial {
    padding-top: 1.5rem;
    padding: 3rem 2rem;
  }
  .client {
    padding: 3rem 2rem;
    padding-bottom: 0;
  }
}
@media (min-width : 1024px) {
  .online-banner .banner-full .right-section {
    margin-top: 0;
    width: 40%;
  }
  .online-banner .banner-full .right-section .video-container {
    width: 315px;
    height: 200px;
  }
  .online-banner .banner-full .right-section .video-container::after {
    left: -7px;
    width: 403px;
    bottom: 45px;
  }
  .why-online .why-container {
    background-size: 92% 100%;
  }
  .explore-courses .courses-container .course-list .lists {
    width: 28%;
  }
  .how-to-learn {
    background-position: calc(100% - -59px) 212px;
  }
  .how-to-learn .learn-container .learn-video {
    width: 35%;
    margin: auto;
  }
  .how-to-learn .learn-container .learn-video .learn-video-container video {
    top: 30px;
    left: 35px;
  }
  .features .feature-container .feature-box .feature-content {
    width: 23%;
    margin-bottom: 0;
  }
  .testimonial .testimonial-container .testimonial-box .testimonials-content {
    width: 70%;
  }
  .client .client-section {
    flex-direction: column;
    justify-content: space-between;
  }
  .client .client-section .client-list li {
    width: 144px;
    margin-bottom: 0;
  }
}
@media (min-width : 1366px) {
  .online-banner {
    margin-top: 2.8rem;
  }
  .online-banner .banner-full {
    padding-bottom: 4rem;
  }
  .online-banner .banner-full .right-section {
    align-items: flex-end;
  }
  .online-banner .banner-full .right-section .video-container {
    height: 210px;
    width: 350px;
  }
  .online-banner .banner-full .right-section .video-container::after {
    left: 80px;
    width: 433px;
    bottom: 39px;
  }
  .why-online {
    padding: 0;
  }
  .why-online .why-container {
    padding: 4rem 0rem;
    background-size: 82% 100%;
  }
  .explore-courses {
    padding: 4rem 0rem;
    padding-bottom: 0;
  }
  .explore-courses .courses-container .course-list .lists {
    width: 29%;
  }
  .explore-courses .courses-container .course-list .lists .list-li .buttons .button-blue,
  .explore-courses .courses-container .course-list .lists .list-li .buttons .button-yellow {
    padding: 10px 20px;
  }
  .how-to-learn {
    padding: 4rem 0rem;
  }
  .how-to-learn .learn-container .learn-video {
    width: 28%;
  }
  .course-features {
    padding: 4rem 0rem;
  }
  .course-features .features-owl-carousel .owl-nav .owl-next {
    left: 5%;
  }
  .features {
    padding: 4rem 0rem;
  }
  .faq-section {
    padding: 4rem 0rem;
  }
  .faq-section .all-list .item:nth-last-child(1) {
    margin-bottom: 0px;
  }
  .faq-section .all-list .item:nth-last-child(2) {
    margin-bottom: 0px;
  }
  .testimonial {
    padding: 4rem 0rem;
  }
  .client {
    padding: 4rem 0rem;
    padding-bottom: 0;
  }
  .client .client-section {
    flex-direction: row;
  }
  .client .client-section .client-list li {
    width: 150px;
  }
}
.search-banner {
  background-image: url("../img/onsite/onsite-banner.png");
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
}
.search-banner .banner-full {
  height: auto;
}
.search-banner .banner-full .banner-detail p {
  padding-bottom: 0;
}
.search-banner .banner-full .right-section {
  height: auto;
}
.search-content {
  padding: 3rem 1.5rem;
  padding-bottom: 0;
}
.search-content .enquiry-search-bar {
  display: flex;
  width: 100%;
}
.search-content .enquiry-search-bar form {
  display: flex;
  width: 100%;
}
.search-content .enquiry-search-bar .search {
  width: 100%;
  position: relative;
  top: 0px;
  outline: 0px;
  background-color: #FFF;
  box-shadow: 0 0 10px #c1c1c1;
  height: 59px;
}
.search-content .enquiry-search-bar .search .global-icon {
  display: none;
  background-color: transparent;
  border: 0;
  right: 3px;
  position: absolute;
  top: 0;
  width: 40px;
  outline: 0;
  padding: 18.5px 0;
  left: 0;
  z-index: 1;
  justify-content: center;
  align-items: center;
  border-right: 1px solid #D6D6D6;
  height: 59px;
}
.search-content .enquiry-search-bar .search .global-icon .global {
  width: 22px;
}
.search-content .enquiry-search-bar .search .search-input {
  width: 100%;
  position: relative;
  top: 0;
  outline: 0;
  background-color: #FFF;
  padding: 18px 36px 18px 12px;
  border: 0;
  border-radius: 4px;
  border: 1px solid #ebebeb;
  height: 59px;
}
.search-content .enquiry-search-bar .search .search-input::-ms-clear {
  display: none;
}
.search-content .enquiry-search-bar .search .search-button {
  background-color: transparent;
  border: 0px;
  right: 3px;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  position: absolute;
  top: 0px;
  width: 36.4px;
  outline: none;
  padding: 15px;
  margin: 0;
  color: #FFF;
  font-weight: 500;
  justify-content: center;
  align-items: center;
  height: 59px;
}
.search-content .enquiry-search-bar .search .search-button .text {
  display: none;
}
.search-content .enquiry-search-bar .search .search-button img {
  width: 20px;
}
.search-content .search-result {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 1rem;
}
.search-content .search-result h3 {
  font-size: 22px;
}
.search-content .search-result .result {
  color: #007D3D;
  font-weight: 900;
}
.search-content .search-result p {
  font-size: 16px;
}
.search-content .search-res {
  padding: 1rem 0 2rem 0;
  border-bottom: 1px solid #c1c1c1;
}
.search-content .search-res .courses-lists {
  display: flex;
  flex-direction: column;
}
.search-content .search-res .courses-lists .search-head {
  font-size: 20px;
  font-weight: 600;
  color: #007D3D;
  padding: 0.5rem 0;
  width: fit-content;
}
.search-content .search-res .courses-lists a {
  font-size: 16px;
  font-weight: 600;
  color: #007D3D;
  padding: 0.4rem 0;
}
.search-content .search-res .buttons {
  flex-direction: column;
}
.search-content .search-res .buttons .button-yellow {
  margin-bottom: 1rem;
}
.search-content .search-res:last-child {
  border-bottom: none;
}
.enquiry-form .onsite-form-box .right-onsite .heading p {
  color: #007D3D;
  padding-bottom: 1rem;
}
.enquiry-form .onsite-form-box .right-onsite .contact-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.enquiry-form .onsite-form-box .right-onsite .contact-form div {
  width: 100%;
}
.enquiry-form .onsite-form-box .right-onsite .contact-form .consent {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  padding: 0.4rem 0px;
}
@media (min-width : 768px) {
  .search-banner {
    margin-top: 1.5rem;
  }
  .search-banner .banner-full {
    height: 218px;
  }
  .search-banner .banner-full .right-section {
    height: 218px;
    width: 250px;
  }
  .search-content {
    padding: 3rem 2rem;
    padding-bottom: 0;
  }
  .search-content .enquiry-search-bar .search .global-icon {
    display: flex;
  }
  .search-content .enquiry-search-bar .search .search-input {
    padding: 22px 76px 22px 48px;
    padding-right: 23%;
  }
  .search-content .enquiry-search-bar .search .search-button {
    background: #007D3D;
    width: 20%;
    padding: 22px 16px;
    right: 0;
  }
  .search-content .enquiry-search-bar .search .search-button .text {
    display: flex;
  }
  .search-content .enquiry-search-bar .search .search-button img {
    display: none;
  }
  .search-content .search-res {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .search-content .search-res .courses-lists {
    width: 70%;
  }
  .search-content .search-res .courses-lists .search-head {
    font-size: 24px;
  }
  .onsite .onsite-content {
    flex-direction: row;
    justify-content: space-between;
  }
  .enquiry-form .onsite-form-box .right-onsite {
    padding: 2rem;
    width: 75%;
  }
  .enquiry-form .onsite-form-box .right-onsite .contact-form {
    display: flex;
    flex-direction: column;
  }
  .enquiry-form .onsite-form-box .right-onsite .contact-form .input-container {
    width: 45%;
    width: 100%;
  }
  .enquiry-form .onsite-form-box .right-onsite .contact-form .input-container-address {
    width: 95%;
  }
  .enquiry-form .onsite-form-box .right-onsite .contact-form div .buttons {
    width: 100%;
  }
}
@media (min-width : 1024px) {
  .search-banner {
    margin-top: 2.8rem;
  }
  .search-banner .banner-full {
    height: 230px;
  }
  .search-banner .banner-full .right-section {
    height: 230px;
  }
  .search-content .enquiry-search-bar .search-form {
    justify-content: center;
  }
  .search-content .enquiry-search-bar .search-form .search {
    width: 60%;
  }
  .search-content .search-res .courses-lists {
    width: 75%;
  }
  .search-content .search-res .courses-lists .search-head {
    font-size: 24px;
  }
  .enquiry-form .onsite-form-box .right-onsite .contact-form {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
  }
  .enquiry-form .onsite-form-box .right-onsite .contact-form div {
    width: 100%;
  }
  .enquiry-form .onsite-form-box .right-onsite .contact-form .input-container {
    width: 100%;
  }
}
@media (min-width : 1366px) {
  .search-content {
    padding: 4rem 0rem;
    padding-bottom: 2rem;
  }
  .search-content .enquiry-search-bar form {
    justify-content: center;
    align-items: center;
  }
  .search-content .search-res .courses-lists {
    width: 80%;
  }
  .enquiry-form {
    padding: 4rem 0rem;
    padding-top: 0;
  }
  .enquiry-form .onsite-form-box .right-onsite {
    width: 75%;
  }
  .enquiry-form .onsite-form-box .right-onsite .contact-form div {
    width: 48%;
  }
  .enquiry-form .onsite-form-box .right-onsite .contact-form div .input-container,
  .enquiry-form .onsite-form-box .right-onsite .contact-form div .input-container-address {
    margin-bottom: 28px;
    margin-top: 10px;
  }
  .enquiry-form .onsite-form-box .right-onsite .contact-form div .buttons {
    margin-top: 3rem;
  }
}
.online-course .courseinfo-container .news-tabs .tabs .tabjs-container .tab-order:nth-child(1) {
  order: 1;
}
.online-course .courseinfo-container .news-tabs .tabs .tabjs-container .tab-order:nth-child(4) {
  order: 2;
}
.online-course .courseinfo-container .news-tabs .tabs .tabjs-container .tab-order:nth-child(2) {
  order: 3;
}
.online-course .courseinfo-container .news-tabs .tabs .tabjs-container .tab-order:nth-child(5) {
  order: 4;
}
.online-course .courseinfo-container .news-tabs .tabs .tabjs-container .tab-order:nth-child(3) {
  order: 5;
}
.online-course .courseinfo-container .news-tabs .tabs .tabjs-container .tab-order:nth-child(6) {
  order: 6;
}
.online-course .courseinfo-container .news-tabs .tabs .tabjs-container .tab-content .scroll-height {
  max-height: 800px;
}
.online-course .courseinfo-container .news-tabs .courseinfo-right .keypoints-section .points {
  justify-content: space-between;
  flex-wrap: wrap;
  display: flex;
  flex-direction: row;
  padding: 1rem;
}
.online-course .courseinfo-container .news-tabs .courseinfo-right .keypoints-section .points h2 {
  width: 100%;
  text-align: center;
}
.online-course .courseinfo-container .news-tabs .courseinfo-right .keypoints-section .points .key-features {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.online-course .courseinfo-container .news-tabs .courseinfo-right .keypoints-section .points .key-features p {
  width: 45%;
}
.online-course .courseinfo-container .news-tabs .courseinfo-right .keypoints-section .points .key-features p + p {
  width: 55%;
}
.online-course .courseinfo-container .news-tabs .courseinfo-right .keypoints-section:before {
  background-size: cover;
  width: 75px;
  height: 75px;
}
.online-course .courseinfo-container .news-tabs .courseinfo-right .achievements-section h2 {
  font-size: 22px;
  color: #1F5E88;
  text-align: center;
}
.online-course .courseinfo-container .news-tabs .courseinfo-right .achievements-section .achievements .glance {
  width: 100%;
  border: none;
  box-shadow: none;
  padding: 0;
  background-image: none;
  flex-wrap: wrap;
  display: flex;
  flex-direction: row;
}
.online-course .courseinfo-container .news-tabs .courseinfo-right .achievements-section .achievements .glance .key-glance {
  box-shadow: none;
  background-color: transparent;
  background-image: none;
  padding: 0;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 0;
  display: flex;
  flex-direction: row;
}
.online-course .courseinfo-container .news-tabs .courseinfo-right .achievements-section .achievements .glance .key-glance p {
  width: 58%;
  font-size: 16px;
  padding-bottom: 0.5rem;
}
.online-course .courseinfo-container .news-tabs .courseinfo-right .achievements-section .achievements .glance .key-glance p strong {
  color: #1E1E1E;
  display: flex;
}
.online-course .courseinfo-container .news-tabs .courseinfo-right .achievements-section .achievements .glance .key-glance p strong:before {
  content: "";
  background-image: url(../img/topic/tick.svg);
  background-repeat: no-repeat;
  width: 28px;
  margin-top: 4px;
  margin-right: 6px;
  background-size: initial;
  height: 22px;
  display: flex;
}
.online-course .courseinfo-container .news-tabs .courseinfo-right .achievements-section .achievements .glance .key-glance p + p {
  width: 42%;
}
.calender {
  display: flex;
  flex-direction: column;
  background-image: url(../img/onlinecourse/bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 3rem 1.5rem;
}
.calender .calender-inner {
  display: flex;
  flex-direction: column;
}
.calender .calender-inner .calender-all {
  display: flex;
  flex-direction: column;
  background-color: #FFF;
  box-shadow: 0 0 10px #f1f1f1;
}
.calender .calender-inner .calender-all .top-calender {
  display: flex;
  flex-direction: column;
}
.calender .calender-inner .calender-all .top-calender .top-left-calender {
  display: flex;
  flex-direction: column;
  padding: 1rem;
}
.calender .calender-inner .calender-all .top-calender .top-left-calender .features-addon h3 {
  color: #1F5E88;
  padding-bottom: 1rem;
  font-size: 18px;
}
.calender .calender-inner .calender-all .top-calender .top-left-calender .features-addon .feature-sec {
  display: flex;
}
.calender .calender-inner .calender-all .top-calender .top-left-calender .features-addon .feature-sec form .online-feature {
  display: flex;
  flex-direction: row;
  padding: 10px 10px 10px 0;
}
.calender .calender-inner .calender-all .top-calender .top-left-calender .features-addon .feature-sec form .online-feature feature-text {
  display: flex;
  flex-direction: column;
}
.calender .calender-inner .calender-all .top-calender .top-left-calender .features-addon .feature-sec form .online-feature feature-text p {
  color: #424242;
  font-size: 15px;
}
.calender .calender-inner .calender-all .top-calender .top-right-calender {
  display: flex;
  flex-direction: column;
  background-color: #FFF;
  border-top: 1px solid rgba(204, 204, 204, 0.5);
  border-bottom: 1px solid rgba(204, 204, 204, 0.5);
}
.calender .calender-inner .calender-all .top-calender .top-right-calender .price {
  padding: 2rem 1rem;
}
.calender .calender-inner .calender-all .top-calender .top-right-calender .price .top-price {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.calender .calender-inner .calender-all .top-calender .top-right-calender .price .top-price a img {
  width: 50px;
}
.calender .calender-inner .calender-all .top-calender .top-right-calender .price .top-price p {
  font-size: 12px;
  padding: 12px 0;
  text-align: center;
}
.calender .calender-inner .calender-all .top-calender .top-right-calender .price .top-price h2 {
  color: #007D3D;
}
.calender .calender-inner .calender-all .top-calender .top-right-calender .price .bottom-price .buttons {
  flex-direction: row;
  justify-content: space-between;
}
.calender .calender-inner .calender-all .top-calender .top-right-calender .price .bottom-price .buttons .button-yellow {
  padding: 15px 20px;
}
.calender .calender-inner .calender-all .top-calender .top-right-calender .price .bottom-price .buttons .button-green {
  padding: 15px 10px;
}
.calender .calender-inner .calender-all .bottom-calender {
  display: flex;
  flex-direction: column;
  background-color: #FFF;
  padding: 1rem;
  margin-top: 1rem;
  width: 100%;
}
.calender .calender-inner .calender-all .bottom-calender .bottom-left-calender {
  display: flex;
  flex-direction: column;
}
.calender .calender-inner .calender-all .bottom-calender .bottom-left-calender h2 {
  font-size: 16px;
  color: #1F5E88;
}
.calender .calender-inner .calender-all .bottom-calender .bottom-left-calender .calender-list {
  display: flex;
  flex-direction: column;
  list-style-type: none;
  padding: 0;
}
.calender .calender-inner .calender-all .bottom-calender .bottom-left-calender .calender-list li {
  display: flex;
  margin-bottom: 0.5rem;
}
.calender .calender-inner .calender-all .bottom-calender .bottom-left-calender .calender-list li:last-child {
  margin-bottom: 0;
}
.calender .calender-inner .calender-all .bottom-calender .bottom-left-calender .calender-list li:before {
  content: "";
  background-image: url(../img/topic/tick.svg);
  background-repeat: no-repeat;
  width: 35px;
  margin-top: 4px;
  margin-right: 6px;
  background-size: initial;
}
.calender .calender-inner .calender-all .bottom-calender .bottom-right-calender {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 10px #f1f1f1;
  padding: 2rem 1rem;
  margin-top: 1rem;
}
.calender .calender-inner .calender-all .bottom-calender .bottom-right-calender img {
  width: 45px;
}
.calender .calender-inner .calender-all .bottom-calender .bottom-right-calender h3 {
  font-size: 16px;
  color: #1F5E88;
  margin: 0.5rem 0;
}
.calender .calender-inner .calender-all .bottom-calender .bottom-right-calender a {
  text-decoration: none;
  color: #007D3D;
  font-size: 16px;
  font-weight: bold;
}
.calender .calender-inner .calender-all .bottom-calender .bottom-right-calender a:hover {
  color: #000000;
}
@media (min-width : 768px) {
  .online-course .courseinfo-container .news-tabs .tabs .tabjs-container .tab-head {
    width: 29%;
  }
  .online-course .courseinfo-container .news-tabs .tabs .tabjs-container .tab-order {
    margin-right: 1.5rem;
  }
  .online-course .courseinfo-container .news-tabs .tabs .tabjs-container .tab-order:nth-child(1) {
    order: 1;
  }
  .online-course .courseinfo-container .news-tabs .tabs .tabjs-container .tab-order:nth-child(4) {
    order: 4;
  }
  .online-course .courseinfo-container .news-tabs .tabs .tabjs-container .tab-order:nth-child(2) {
    order: 2;
  }
  .online-course .courseinfo-container .news-tabs .tabs .tabjs-container .tab-order:nth-child(5) {
    order: 5;
  }
  .online-course .courseinfo-container .news-tabs .tabs .tabjs-container .tab-order:nth-child(3) {
    order: 3;
  }
  .online-course .courseinfo-container .news-tabs .tabs .tabjs-container .tab-order:nth-child(6) {
    order: 6;
  }
  .online-course .courseinfo-container .news-tabs .courseinfo-right {
    align-items: inherit;
  }
  .online-course .courseinfo-container .news-tabs .courseinfo-right .achievements-section {
    padding: 2rem 2rem;
    justify-content: initial;
  }
  .online-course .courseinfo-container .news-tabs .courseinfo-right .achievements-section h2 {
    font-size: 28px;
  }
  .online-course .courseinfo-container .news-tabs .courseinfo-right .achievements-section .achievements {
    padding: 1rem 0;
  }
  .online-course .courseinfo-container .news-tabs .courseinfo-right .keypoints-section .points {
    padding: 0 1rem;
  }
  .online-course .courseinfo-container .news-tabs .courseinfo-right .keypoints-section:before {
    width: 105px;
    height: 105px;
  }
  .calender {
    display: flex;
    flex-direction: row;
    padding: 3rem 2rem;
  }
  .calender .calender-inner {
    display: flex;
    flex-direction: column;
  }
  .calender .calender-inner .calender-all {
    display: flex;
    flex-direction: column;
  }
  .calender .calender-inner .calender-all .top-calender {
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
  }
  .calender .calender-inner .calender-all .top-calender .top-left-calender {
    width: 58%;
    padding: 2rem;
  }
  .calender .calender-inner .calender-all .top-calender .top-right-calender {
    width: 38%;
    border-top: 0px solid #dcdcdc;
    border-bottom: 0px solid #dcdcdc;
  }
  .calender .calender-inner .calender-all .top-calender .top-right-calender .price .top-price p {
    font-size: 14px;
  }
  .calender .calender-inner .calender-all .bottom-calender {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    padding: 2rem;
  }
  .calender .calender-inner .calender-all .bottom-calender .bottom-left-calender {
    width: 68%;
  }
  .calender .calender-inner .calender-all .bottom-calender .bottom-left-calender .calender-list li:before {
    width: 22px;
  }
  .calender .calender-inner .calender-all .bottom-calender .bottom-right-calender {
    width: 29%;
    height: 185px;
    border-radius: 50%;
    margin-top: 0;
  }
}
@media (min-width : 1024px) {
  .calender .calender-inner .calender-all {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .calender .calender-inner .calender-all .top-calender {
    width: 64%;
    justify-content: space-between;
  }
  .calender .calender-inner .calender-all .top-calender .top-left-calender {
    width: 56%;
  }
  .calender .calender-inner .calender-all .top-calender .top-right-calender {
    width: 42%;
    align-items: center;
    justify-content: center;
    border-left: 1px solid rgba(204, 204, 204, 0.5);
    border-right: 1px solid rgba(204, 204, 204, 0.5);
  }
  .calender .calender-inner .calender-all .top-calender .top-right-calender .price {
    padding: 1rem;
  }
  .calender .calender-inner .calender-all .top-calender .top-right-calender .price .bottom-price .buttons {
    flex-direction: row;
    justify-content: space-between;
  }
  .calender .calender-inner .calender-all .top-calender .top-right-calender .price .bottom-price .buttons .button-green,
  .calender .calender-inner .calender-all .top-calender .top-right-calender .price .bottom-price .buttons .button-yellow {
    margin-bottom: 0;
    padding: 10px 12px;
  }
  .calender .calender-inner .calender-all .bottom-calender {
    margin-top: 0;
    width: 33%;
    box-shadow: none;
  }
  .calender .calender-inner .calender-all .bottom-calender .bottom-left-calender {
    width: 100%;
  }
  .calender .calender-inner .calender-all .bottom-calender .bottom-left-calender h2 {
    font-size: 18px;
  }
  .calender .calender-inner .calender-all .bottom-calender .bottom-left-calender .calender-list li::before {
    width: 55px;
  }
  .calender .calender-inner .calender-all .bottom-calender .bottom-right-calender {
    width: 22%;
  }
}
@media (min-width : 1366px) {
  .online-course .courseinfo-section .courseinfo-container .news-tabs .tabs .tabjs-container .tab-head {
    width: 30%;
  }
  .calender {
    padding: 4rem 0rem;
  }
  .calender .calender-inner .calender-all .top-calender {
    width: 61%;
  }
  .calender .calender-inner .calender-all .top-calender .top-left-calender {
    width: 52%;
  }
  .calender .calender-inner .calender-all .top-calender .top-right-calender {
    width: 39%;
    margin: 0 1rem;
  }
  .calender .calender-inner .calender-all .top-calender .top-right-calender .price .bottom-price {
    padding: 0 0.5rem;
  }
  .calender .calender-inner .calender-all .bottom-calender {
    width: 34%;
  }
}
.friday-popup-sixsigma {
  display: flex;
  flex-direction: column;
  position: fixed;
  z-index: 200;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  width: 0;
  height: 0;
  background-color: #0000006e;
  overflow-y: auto;
}
.friday-popup-sixsigma .form {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 25px;
  box-shadow: 0px 8px 25px 0px rgba(0, 0, 0, 0.16);
  background-color: #FFF;
  position: relative;
  scale: 0;
  transition: 0.5s all;
  margin: 20px;
}
.friday-popup-sixsigma .form .friday-cross {
  display: flex;
  width: 32px;
  height: 32px;
  border-radius: 30px;
  background-color: #007D3D;
  padding: 10px;
  position: absolute;
  right: -15px;
  top: -15px;
  cursor: pointer;
}
.friday-popup-sixsigma .form .friday-cross img {
  width: 100%;
  height: 100%;
  filter: invert(1);
}
.friday-popup-sixsigma .form .friday-heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.friday-popup-sixsigma .form .friday-heading h2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  margin: 0 0 25px 0;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2;
  color: #000000;
}
.friday-popup-sixsigma .form .friday-heading h2 strong {
  width: auto;
  font-size: 42px;
  -webkit-text-stroke: 1px #000000;
  color: transparent;
}
.friday-popup-sixsigma .form .tabs {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.friday-popup-sixsigma .form .tabs label {
  width: 100%;
  margin-bottom: 12px;
  color: #868686;
  font-weight: 500 !important;
  margin-bottom: 14px;
}
.friday-popup-sixsigma .form .tabs .item {
  border: 1px solid #e4e4e4;
  background-color: #FFF;
  padding: 6px 20px;
  margin-right: 10px;
  cursor: pointer;
  color: #868686;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 14px;
}
.friday-popup-sixsigma .form .tabs .item input {
  display: none;
}
.friday-popup-sixsigma .form .tabs .item p {
  color: #797979;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 0;
}
.friday-popup-sixsigma .form .tabs .item:last-child {
  margin-right: 0;
}
.friday-popup-sixsigma .form .tabs .active {
  background-color: #007D3D;
}
.friday-popup-sixsigma .form .tabs .active p {
  color: #FFF;
}
.friday-popup-sixsigma .form .checkEmail {
  width: 100%;
  display: flex;
}
.friday-popup-sixsigma .form .checkEmail .input-fields {
  width: 48% !important;
}
.friday-popup-sixsigma .form .checkEmail .input-fields:first-child {
  margin-right: 20px;
}
.friday-popup-sixsigma .form .input-fields {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}
.friday-popup-sixsigma .form .input-fields label {
  display: flex;
  align-items: center;
  color: #868686;
  font-weight: 500 !important;
  margin-bottom: 12px;
}
.friday-popup-sixsigma .form .input-fields label img {
  margin-right: 4px;
}
.friday-popup-sixsigma .form .input-fields label .star {
  color: #ed4141;
  margin-right: 4px;
}
.friday-popup-sixsigma .form .input-fields input,
.friday-popup-sixsigma .form .input-fields textarea,
.friday-popup-sixsigma .form .input-fields .phonecode-field {
  width: 100%;
  border: 0;
  outline: 0;
  padding: 0;
  font-size: 12px;
  background-color: transparent;
  color: #000000;
  padding: 10px;
  border: 1px solid #e4e4e4;
}
.friday-popup-sixsigma .form .input-fields textarea {
  resize: none;
  height: 54px;
  overflow: auto;
}
.friday-popup-sixsigma .form .input-fields .phonecode-field {
  display: flex;
  align-items: center;
  border-radius: 0;
  box-shadow: none;
  height: 36px;
}
.friday-popup-sixsigma .form .input-fields .phonecode-field input {
  outline: 0 !important;
  border: none !important;
  padding: 0 8px 0 8px;
}
.friday-popup-sixsigma .form .input-fields .phonecode-field > span {
  display: flex;
  align-items: center;
  font-size: 12px;
  margin-right: 4px;
  background-color: transparent;
  min-width: 30px;
  color: #a3a3a3;
}
.friday-popup-sixsigma .form .input-fields .country-code {
  width: 47px;
  min-width: 47px;
  border: none;
  margin-right: 0.5rem;
  outline: 0;
  border-right: 1px solid #a3a3a3;
  box-shadow: none;
  background-color: transparent;
  font-size: 12px;
  font-weight: 500;
  color: #a3a3a3;
}
.friday-popup-sixsigma .form .input-fields .hidden-field {
  z-index: -1;
  width: 0;
  height: 0;
  pointer-events: none;
  overflow: hidden;
}
.friday-popup-sixsigma .form .input-fields .hidden-field input {
  border: none;
  padding: 0;
}
.friday-popup-sixsigma .form .input-fields ::-webkit-input-placeholder {
  /* Edge */
  color: #868686;
}
.friday-popup-sixsigma .form .input-fields :-ms-input-placeholder {
  /* Internet Explorer */
  color: #868686;
}
.friday-popup-sixsigma .form .input-fields ::placeholder {
  /* Chrome */
  color: #868686;
  font-size: 12px;
  font-weight: 500;
}
.friday-popup-sixsigma .form .input-error input {
  border: 1px solid #ed4141 !important;
}
.friday-popup-sixsigma .form .input-error ::-webkit-input-placeholder {
  /* Edge */
  color: #ed4141;
}
.friday-popup-sixsigma .form .input-error :-ms-input-placeholder {
  /* Internet Explorer */
  color: #ed4141;
}
.friday-popup-sixsigma .form .input-error ::placeholder {
  color: #ed4141;
}
.friday-popup-sixsigma .form .form-consent {
  display: flex;
  align-items: flex-start;
  margin-bottom: 5px;
}
.friday-popup-sixsigma .form .form-consent p,
.friday-popup-sixsigma .form .form-consent label {
  font-size: 12px;
  font-weight: 400;
}
.friday-popup-sixsigma .form .form-consent label {
  display: flex;
  width: auto;
  margin-left: 8px;
  cursor: pointer;
  line-height: 1.6;
}
.friday-popup-sixsigma .form .form-consent p {
  margin-bottom: 0;
}
.friday-popup-sixsigma .form .form-consent:nth-last-child(2) {
  margin-bottom: 0;
}
.friday-popup-sixsigma .form .consent-error {
  display: none;
  margin-bottom: 0.5rem;
}
.friday-popup-sixsigma .form .consent-error p {
  font-size: 11px;
  color: #ed4141;
}
.friday-popup-sixsigma .form .buttons {
  justify-content: flex-start;
}
.friday-popup-sixsigma .form .buttons .button-yellow {
  padding: 15px 20px;
  border-radius: 0;
}
@media (min-width : 1024px) {
  .friday-popup-sixsigma .form {
    width: 900px;
    margin: auto;
    padding: 42px;
    flex-direction: row;
    justify-content: space-between;
    background-image: url(../img/home/year-discount.png);
    background-repeat: no-repeat;
    background-size: 280px 300px;
    background-position: top 40px left 35px;
  }
  .friday-popup-sixsigma .form .friday-cross {
    width: 40px;
    height: 40px;
    padding: 14px;
  }
  .friday-popup-sixsigma .form .friday-heading {
    width: 35%;
    align-self: flex-end;
  }
  .friday-popup-sixsigma .form .friday-heading h2 {
    font-size: 30px;
    text-align: center;
    align-items: center;
    margin: 1rem 0 0 0;
  }
  .friday-popup-sixsigma .form .friday-heading h2 strong {
    font-size: 47px;
  }
  .friday-popup-sixsigma .form .friday-heading h2 strong::before {
    font-size: 60px;
  }
  .friday-popup-sixsigma .form .friday-heading p {
    display: none;
  }
  .friday-popup-sixsigma .form .form-content {
    display: flex;
    flex-direction: column;
    background-color: white;
    width: 60%;
  }
  .friday-popup-sixsigma .form .form-content .input-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .friday-popup-sixsigma .form .input-fields {
    width: 48%;
  }
  .friday-popup-sixsigma .form .input-fields:last-child {
    width: 100%;
  }
}