/* =  1.All Pages Common CSS Styles
/*-------------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap');
@font-face {
  font-family: "Samo Regular";
  src: url("../fonts/samo-regukar.otf");
}

@font-face {
  font-family: "Samo Regular Bold";
  src: url("../fonts/samo-bold.otf");
}

html {
  width: 100%;
  overflow-x: hidden;
}

body {
  font-family: "Montserrat", serif;
  padding-right: 0px !important;
  width: 100%;
  overflow-x: hidden;
}

a {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  outline: none;
}

a:hover {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.col-1 {
  width: 8.33%; /* 1/12 of the row */
}

.col-2 {
  width: 16.66%; /* 2/12 of the row */
}

.col-3 {
  width: 25%; /* 3/12 of the row */
}

.col-4 {
  width: 33.33%; /* 4/12 of the row */
}

.col-5 {
  width: 41.66%; /* 5/12 of the row */
}

.col-6 {
  width: 50%; /* 6/12 of the row */
}

.col-7 {
  width: 58.33%; /* 7/12 of the row */
}

.col-8 {
  width: 66.66%; /* 8/12 of the row */
}

.col-9 {
  width: 75%; /* 9/12 of the row */
}

.col-10 {
  width: 83.33%; /* 10/12 of the row */
}

.col-11 {
  width: 91.66%; /* 11/12 of the row */
}

.col-12 {
  width: 100%; /* 12/12 of the row */
}

h1,
h2 {
  font-weight: 600;
  line-height: 28px;
}

h3,
h4,
h5,
h6 {
  font-weight: 600;
  line-height: 24px;
}

.img-fluid {
  width: 100%;
  height: auto;
}

p,
li,
a,
span,
table,
tr,
td,
th,
label {
  font-size: 15px;
  color: #111;
  font-weight: 400;
  line-height: 24px;
}

.p-relative {
  position: relative;
}
.d-flex {
  display: flex !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-right {
  justify-content: right !important;
}

.com-sp {
  padding: 80px 0px;
}

.pad-top-0 {
  padding-top: 0px;
}

.pad-bot-0 {
  padding-bottom: 0px;
}
.playfair {
  font-family: "Playfair Display", serif;
}
.pad-bot-70 {
  padding-bottom: 70px;
}
.pt-0 {
  padding-top: 0 !important;
}

.con-title {
  margin-bottom: 40px;
}

.con-title h2 {
  font-size: 36px;
  margin-top: 0px;
  margin-bottom: 0px;
  line-height: 40px;
  font-weight: 100;
  font-family: "Samo Regular";
  text-transform: uppercase;
}

.con-title hr {
  width: 50px;
  height: 5px;
  border-radius: 5px;
  background-color: #522774;
  text-align: left;
  margin-left: 0;
}

.con-title p {
  font-size: 18px;
  color: #3f444a;
  font-weight: 300;
}

.pad-all-20 {
  padding: 20px;
}

.mar-bot-0 {
  margin-bottom: 0px;
}

.pad-top-173 {
  padding-top: 173px;
}

.wed-top {
  color: #fff;
  margin: 0 auto;
  padding: 10px 0px;
  max-width: 100%;
  border: 0;
  /* background: #fff;
     */
  box-shadow: 0px 4px 7px hsla(0, 0%, 1%, 0.47);
  width: 100%;
  top: 0;
  transition: transform 0.2s ease-in;
  position: fixed;
  z-index: 6;
  background: #ffffff;
  /* background: linear-gradient(to bottom, #ffffff, #c8ced2);
     */
}

.wed-logo {
  float: left;
  width: 20%;
}

.wed-logo a img {
  width: 160px;
  padding: 0px 0px;
}

.wed-menu {
  float: right;
  padding-top: 14px;
}

.wed-menu ul {
  margin-bottom: 0px;
  /* padding-top: 23px;
     */
}

.wed-menu ul li {
  float: left;
  display: inline-block;
}

.wed-menu ul li:nth-child(2) {
  padding-right: 10px;
}

.wed-menu ul li a {
  color: #363a3c;
  padding: 8px 10px 5px 10px;
}

.wed-search {
  background: url(../images/banner.html) no-repeat;
  position: relative;
  background-size: cover;
}

.web-search-form input {
  background: #fff !important;
  border: 0px !important;
  height: 45px !important;
  border-radius: 2px !important;
  padding: 0px 10px !important;
  box-sizing: border-box !important;
  font-size: 14px !important;
}

.web-search-form input[type="submit"] {
  background: none !important;
}

.wed-search-1 {
  padding: 250px 0px 100px 0px;
  width: 70%;
  margin: 0 auto;
  text-align: center;
  position: relative;
}

.wed-search-1 h1 {
  color: #fff;
  font-size: 40px;
}

.wed-search-1 p {
  font-size: 18px;
  color: #fff;
  padding-bottom: 15px;
}

.web-search-form label {
  top: 16px;
  left: 18px;
  font-size: 12px;
  font-family: "Open Sans", sans-serif;
}

.wed-search:before {
  content: "";
  background: #141e30;
  background: linear-gradient(
    to right,
    rgba(36, 59, 85, 0.55),
    rgba(20, 30, 48, 0.82)
  );
  background: linear-gradient(
    to right,
    rgba(36, 59, 85, 0.55),
    rgba(20, 30, 48, 0.82)
  );
  position: absolute;
  bottom: 0px;
  top: 0px;
  left: 0px;
  right: 0px;
}

.web-search-form div {
  padding-left: 5px;
  padding-right: 5px;
}

.wed-sear-btn {
  height: 45px;
  line-height: 45px;
  background-color: #994b97;
  background: linear-gradient(to bottom, #9a4c98, #6a3179);
  outline: none;
}

.wed-top-phone {
  border: 1px solid #6b6a6a;
  border-radius: 50px;
}

.wed-hom-title {
  text-align: center;
  padding-bottom: 15px;
  padding-top: 24px;
}

.wed-hom-title h2 {
  /* padding: 15px;
     */
  font-size: 34px;
  font-family: "Pacifico", cursive;
}

.wed-hom-title h2:after {
  display: block;
  content: "";
  width: 230px;
  height: 26px;
  margin: 0 auto;
  background: url("../images/sprite.png") no-repeat -20px -79px;
  -webkit-transition: width 2s;
  -o-transition: width 2s;
  transition: width 2s;
  margin-top: 20px;
}

.wed-hom-title h2 span {
  /* padding: 15px;
     */
  font-size: 34px;
  font-family: "Pacifico", cursive;
  color: #6e337c;
}

.wed-hom-title p {
  font-size: 16px;
  color: #828282;
}

.web-hom-grid {
  position: relative;
  overflow: hidden;
  border: 1px solid #dcdcdc;
  margin-bottom: 30px;
}

.web-hom-grid a img {
  width: 100%;
  background: #ff5722;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.web-hom-grid:hover img {
  opacity: 0.5;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.wed-grid-img {
  background: #ff9800;
}

.wed-grid-img img {
  width: 100%;
}

.wed-grid-text {
  position: absolute;
  bottom: 0px;
  width: 100%;
  padding: 25px;
}

.wed-grid-text h4 {
  color: #fff;
  font-size: 24px;
}

.wed-grid-text p {
  color: #fff;
  font-size: 16px;
  margin-bottom: 0px;
}

.web-hom-grid:before {
  content: "";
  position: absolute;
  background: linear-gradient(
    to top,
    rgba(23, 19, 53, 0.74) 25%,
    rgba(255, 255, 255, 0) 100%
  );
  top: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
}

.wed-ser-bg {
  padding-top: 45px;
  background: url(../images/home-ser-bg1.html) no-repeat center top,
    url(../images/home-ser-bg.html) repeat-x center top;
  /* background-position: top, top center;
     */
  background-repeat: inherit no-repeat;
  background-repeat-y: repeat no-repeat;
  background-size: 158px 50px, 23px 20px;
}

.wed-grid-img-2 img {
  width: 100%;
}

.wed-hom-pop {
  border: 1px solid #dedede;
}

.wed-grid-2-text {
  padding: 5px 15px 0px 15px;
}

.wed-grid-2-text h4 {
  color: #fff;
  text-overflow: ellipsis;
  white-space: pre;
  overflow: hidden;
}

.wed-grid-2-text p {
  color: #ffffff;
  padding-top: 8px;
  font-size: 15px;
}

.fix-rati span {
  color: #fff;
  font-weight: 500;
  font-size: 16px;
}

.fix-rati i {
  color: #ff9800;
  font-size: 18px;
}

.fix-rat-1 i {
  font-size: 12px;
}

.fix-rat-1 span {
  font-size: 12px;
  color: #c6bfc6;
}

.wed-pop-bon h4 {
  font-size: 16px;
}

.wed-pop-bon p {
  font-size: 14px;
}

.wed-grid-text-2 {
  padding: 12px;
}

.wed-hom-tes {
  position: relative;
  overflow: hidden;
  height: 365px;
  border: 1px solid #dadada;
  padding: 15px;
}

.wed-hom-tes:hover {
  overflow-y: auto;
}

.wed-hom-tes ul {
  margin-bottom: 0px;
}

.wed-hom-tes ul li {
  display: block;
  width: 100%;
  padding-bottom: 18px;
  padding-top: 18px;
  border-bottom: 1px solid #dadada;
}

.wed-hom-tes ul li img {
  float: left;
  width: 92px;
  height: 92px;
  border-radius: 50px;
  display: inline-block;
}

.wed-user-test {
  /* float: left;
     */
  margin-left: 115px;
}

.wed-user-test h5 {
  font-size: 20px;
  font-family: "Pacifico", cursive;
}

.wed-user-test p {
  font-size: 15px;
}

.wed-user-test span {
  /* font-family: 'Pacifico', cursive;
     */
  font-size: 14px;
  font-style: italic;
}

.wed-hom-happy {
  background: #6e3f77;
  /* text-align: right;
     */
  padding: 150px 30px;
  margin-top: 45px;
  /* margin-bottom: 50px;
     */
  /* border: 5px #8a8a8a;
     */
  /* border-style: dashed;
     */
  border-radius: 5px;
  background: url(../images/bg.html) no-repeat;
  position: relative;
  background-size: cover;
}

.wed-hom-happy:before {
  content: "";
  background: #73716f;
  background: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.55),
    rgba(20, 30, 48, 0)
  );
  background: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.55),
    rgba(20, 30, 48, 0)
  );
  position: absolute;
  bottom: 0px;
  top: 0px;
  left: 0px;
  right: 0px;
}

.wed-hom-happy h2 {
  color: #fff;
  font-family: "Pacifico", cursive;
  font-size: 55px;
  padding-bottom: 15px;
}

.wed-hom-happy p {
  color: #fff;
  font-size: 18px;
  padding-bottom: 20px;
  padding-top: 15px;
}

.wed-hom-happy a {
  background: #e91e63;
  font-size: 14px;
}

.wed-hom-happy a:hover {
  color: #fff;
  background-color: #823f89;
}

.wed-hom-happy a:focus {
  color: #fff;
}

.wed-video iframe {
  width: 100%;
  height: 365px;
}

.wed-hom-title-tes {
  padding-bottom: 25px;
  text-align: center;
}

.wed-hom-title-tes h2 {
  font-size: 22px;
}

.wed-hom-app {
  background: #49446f;
  padding: 40px 25px;
  /* margin-top: 50px;
     */
  /* margin-bottom: 50px;
     */
}

.foot-align div {
  display: inline-block;
  font-size: 18px;
  color: #fff;
  vertical-align: middle;
  margin-bottom: 0px;
  padding: 0px 35px;
}

.wed-hom-app span {
  /* width: 80px;
     */
  /* height: 95px;
     */
  margin: -5px 0px 0;
}

.wed-hom-app a {
  margin-top: 20px;
  margin-bottom: 20px;
  text-transform: uppercase;
  /* background: #eb4a8f;
     */
  font-size: 34px;
  color: #fff;
}

.wed-hom-app a:hover {
  color: #fff;
}

.foot-align {
  margin: 0 auto;
  display: table;
}

.wed-hom-footer {
  padding: 80px 0px 65px 0px;
  background: #8e69ab;
}

.wed-hom-footer h4 {
  font-size: 16px;
  color: #fff;
  padding-bottom: 25px;
  text-transform: uppercase;
}

.wed-hom-footer p {
  font-size: 13px;
  color: #838384;
}

.wed-hom-footer p a {
  font-size: 13px;
  color: #838384;
}

.wed-foot-link {
  border-top: 1px groove #522774;
  border-bottom: 1px groove #522774;
  padding: 35px 0px;
  /* margin-top: 35px;
     */
}

.wed-foot-link ul li {
  width: 50%;
  float: left;
}

.wed-foot-link ul li a {
  color: #fff;
  font-size: 13px;
}

.wed-foot-link div {
  border-right: 1px groove #6a83a0;
}

.wed-foot-link div:last-child {
  border-right: 0px solid #dadada;
}

.wed-video2 {
  padding: 50px 0px;
  background: #f1f1f1;
}

.wed-foot-link-1 {
  padding-top: 25px;
}

.wed-foot-link-1 ul {
  position: relative;
  overflow: hidden;
}

.wed-foot-link-1 ul li {
  padding-right: 8px;
}

.wed-foot-link-1 ul li a i {
  width: 42px;
  height: 42px;
  text-align: center;
  border: 1px solid #fff;
  border-radius: 20px;
  text-align: center;
  color: #fff;
  line-height: 42px;
  font-size: 21px;
}

.wed-foot-link-1 ul li a img {
  width: 140px;
}

.wed-rights {
  background: #01172f;
}

.wed-rights p {
  text-align: center;
  margin-bottom: 0px;
  padding: 8px;
  color: #adadad;
  font-size: 13px;
}

.sprite-android {
  background: url(../images/sprite.png) no-repeat -12px -15px;
}

.sprite-ios {
  background: url(../images/sprite.png) no-repeat -170px -15px;
}

.sprite {
  width: 157px;
  height: 55px;
  display: inline-block;
}

.sprite-call {
  width: 110px;
  height: 120px;
  display: inline-block;
  background: url(../images/sprite.png) no-repeat -22px -116px;
  /* margin-top: 51px;
     */
  float: left;
}

.man-drop {
  position: relative;
  background: #fff;
  padding: 18px;
  border-radius: 2px;
  /* display: none;
     */
  position: absolute;
  width: 80%;
  margin-left: -35%;
  margin-top: 20px;
  box-shadow: 0px 6px 20px -1px hsla(0, 0%, 1%, 0.22);
  display: none;
}

.man-drop ul li {
  width: 29%;
  padding-bottom: 10px;
  border-bottom: 1px solid #dfdfdf;
  margin: 5px;
}

.man-drop ul li a {
  color: #333;
  vertical-align: middle;
  font-size: 15px;
  font-weight: 500;
  display: block;
  padding: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.man-drop ul li a img {
  width: 32px;
}

.man-drop:after {
  border-color: #333;
  border-top-color: #1f4363;
  border-width: 9px;
  margin-left: -9px;
}

.man-drop:before {
  top: -12px;
  left: 48%;
  /* border: solid rgb(0, 0, 0);
     */
  content: " ";
  height: 15px;
  width: 28px;
  position: absolute;
  pointer-events: none;
  background: url(../images/sprite.png) no-repeat -335px -15px;
}

.desk-hide {
  display: none;
}

.mob-close {
  display: none;
}

.mob-close {
  position: fixed;
  top: 9px;
  font-size: 17px;
  border: 1px solid #fff;
  padding: 3px 7px 0px 7px;
  border-radius: 2px;
  background: #fff;
  color: #803e88;
  right: 15px;
  cursor: pointer;
}

.wed-filter {
  position: relative;
  overflow: hidden;
  padding-top: 130px;
  width: 70%;
  margin: 0 auto;
  text-align: center;
}

.wed-filter h1 {
  color: #fff;
}

.wed-filter p {
  color: #fff;
}

.cen-filter ul {
  position: relative;
  overflow: hidden;
  margin-bottom: 0px;
}

.cen-filter ul li {
  width: 31.555%;
  border: 1px solid #dfdfdf;
  margin: 5px;
  float: left;
}

.cen-filter ul li a {
  color: #333;
  vertical-align: middle;
  font-size: 15px;
  font-weight: 500;
  display: block;
  padding: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
}

.cen-filter ul li a:hover {
  background: #dfdfdf;
}

.cen-filter ul li a:focus {
  background: #dfdfdf;
}

.cen-filter ul li a img {
  width: 32px;
}

.wed-filt-change {
  position: relative;
  background: #fff;
  padding: 3% 27px 41% 27px;
  border-radius: 2px;
  /* display: none;
     */
  /* width: 70%;
     */
  margin-top: 20px;
  box-shadow: 0px 6px 20px -1px hsla(0, 0%, 1%, 0.22);
  /* display:none;
     */
  margin-bottom: 100px;
}

.wed-filt-nav {
  width: 100%;
  border-top: 1px solid #dfdfdf;
  margin-top: 20px;
  padding-top: 20px;
  display: none;
}

.wed-filt-nav ul li {
  float: left;
  width: 50%;
}

.wed-filt-nav ul li a {
  background: #2e2b44;
}

.wed-filt-nav ul li a:hover {
  background: #342e65;
  color: #fff;
}

.wed-filt-nav ul li a:focus {
  color: #fff;
}

.cen-filter {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.fil-2 {
  transform: scale(0);
}

.fil-3 {
  transform: scale(0);
}

.fil-4 {
  transform: scale(0);
}

.fil-5 {
  transform: scale(0);
}

.filt-eff {
  transform: scale(0);
}

.filt-eff-1 {
  transform: scale(1);
}

.wed-sel-filter {
  position: absolute;
  /* min-height: 250px;
     */
  width: 94%;
}

.wed-sel-filter h4 {
  text-align: left;
  color: #607d8b;
  padding-left: 6px;
}

.wed-sel-filter form input[type="submit"] {
  background: #342e65;
  color: #fff;
  font-size: 16px;
  padding: 10px 42px;
  border-radius: 2px;
  border: 0px;
}

/*-------------------------------------------------*/
/* =  2.COLLEGE
/*-------------------------------------------------*/

.ed-top {
  background: #8e69ab;
}

.ed-com-t1-left ul li {
  float: left;
  display: inline-block;
}

.ed-com-t1-left ul li a {
  color: #fff;
  padding: 5px 14px;
  line-height: 30px;
  border-right: 1px solid #522774;
  font-size: 12px;
  text-transform: uppercase;
}

.ed-com-t1-right {
  float: right;
}

.ed-com-t1-right ul li {
  float: left;
  display: inline-block;
}

.ed-com-t1-right ul li a {
  color: #fff;
  padding: 7px 12px;
  line-height: 30px;
  font-size: 12px;
}

.ed-com-t1-right ul li:nth-child(1) a {
  background: #e66030;
}

.ed-com-t1-right ul li:nth-child(2) a {
  background: #522774;
}

/*-------------------------------------------------*/
/* =  2.MAIN MENU
/*-------------------------------------------------*/
.main-menu {
  float: right;
  width: 80%;
}

.main-menu ul {
  float: right;
}

.main-menu ul li {
  float: left;
  display: inline-block;
}

.main-menu ul li a {
  color: #000000;
  padding: 15px 0px;
  margin: 0 12px;
  line-height: 60px;
  font-size: 14px;
  font-weight: 400;
  position: relative;
  text-transform: uppercase;
}

.main-menu ul li a:hover {
  color: #522774;
}

.main-menu ul li.active a:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: 12px;
  left: 0;
  color: #522774;
  background-color: #522774;
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  transition: all 0.15s ease-in;
  z-index: 1;
}

.main-menu ul li a:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: 12px;
  left: 0;
  color: #522774;
  background-color: #522774;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  transition: all 0.15s ease-in;
  z-index: 1;
}

.main-menu ul li a:hover:after {
  visibility: visible;
  transform: scaleX(1);
  transition: all 0.25s ease-out;
}

.main-menu ul li:last-child a {
  padding-right: 0px;
}

.ed-sub-menu:after {
  content: "\f107";
  font-family: FontAwesome;
  padding: 5px 5px;
  position: relative;
  top: 0px;
  font-size: 14px;
  font-weight: 900;
}

.ed-sub-drop-menu:after {
  content: "\f105";
  font-family: FontAwesome;
  padding: 5px 5px;
  position: relative;
  top: -5px;
  font-size: 14px;
  font-weight: 900;
  float: right;
}

.menu-about:after {
  display: none;
}

.mm1-s2 a:after {
  display: none;
}

.mm2-com a:after {
  display: none;
}

.slider {
  height: 500px !important;
}

.slider:after {
  position: absolute;
  content: "";
  background: #333;
  bottom: 0px;
  top: 0px;
  left: 0px;
  right: 0px;
}

.caption h3 {
  font-size: 60px;
}

.caption h5 {
  font-size: 32px;
}

/*-------------------------------------------------*/
/* =  3.HOME PAGE: PART ONE 
/*-------------------------------------------------*/
.hom-p1 {
  position: relative;
  overflow: hidden;
}

.hom-p1-img {
  float: left;
  width: 25%;
}

.hom-p1-img img {
  width: 100%;
}

.hom-p1-con {
  float: left;
  width: 75%;
  padding-left: 15px;
}

.hom-p1-con h4 {
  margin-bottom: 18px;
  font-size: 24px;
}

.hom-p1-com {
  background: #ffffff;
  position: relative;
  overflow: hidden;
  padding: 18px;
  border-radius: 2px;
  border: 1px solid #e0e0e0;
}

.btn-read {
  color: #fff;
  background: #22bff1;
  background: -webkit-linear-gradient(to top, #1ab4e6, #2bcbfd);
  background: linear-gradient(to top, #1ab4e6, #2bcbfd);
  padding: 7px 10px;
  line-height: 40px;
  border-radius: 3px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
}

/*-------------------------------------------------*/
/* =  4.HOME PAGE: COURSE 
/*-------------------------------------------------*/

.pop-co::before {
  content: "";
  position: absolute;
  background: linear-gradient(
    to top,
    rgb(29, 36, 42) 15%,
    rgba(0, 0, 0, 0) 100%
  );
  top: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
}

.home-top-cour {
  position: relative;
  overflow: hidden;
  background: #ffffff;
  padding: 15px 0px;
  margin-bottom: 50px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border: 1px solid #ddd;
}

.home-top-cour:hover {
  -moz-transform: scale(1.02);
  -webkit-transform: scale(1.02);
  -o-transform: scale(1.02);
  transform: scale(1.02);
  box-shadow: 0px 11px 9px -10px rgba(0, 0, 0, 0.52);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.home-top-cour img {
  width: 100%;
}

.home-top-cour-desc span {
  text-transform: uppercase;
  font-size: 12px;
}

.home-top-cour-desc h3 {
  font-size: 20px;
  padding-bottom: 8px;
  color: #000000;
  margin: 0px;
  height: 50px;
}

.home-top-cour-desc h4 {
  font-size: 15px;
  padding-bottom: 8px;
}

.home-top-cour-desc p {
  margin-bottom: 0px;
  font-size: 13px;
}

.home-top-cour-rat {
  position: absolute;
  background: #607d8b;
  padding: 0px 5px;
  font-weight: 600;
  color: #fff;
  right: 15px;
  top: 0px;
  font-size: 14px;
  border-radius: 2px;
}

.list-number {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 10px;
}

.hom-list-share {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 12px;
  text-align: left;
}
.hom-list-share-2 {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 12px;
  text-align: left;
}
.hom-list-share-2 ul {
  margin-bottom: 0px;
  padding: 0px;
}

.hom-list-share-2 ul li {
  list-style-type: none;
  display: inline-block;
}

.hom-list-share-2 ul li a {
  display: block;
  border: 1px solid #522774;
  margin: 2px;
  padding: 4px 9px;
  font-size: 12px;
  color: #522774;
  text-align: center;
  font-weight: 600;
}

.hom-list-share-2 ul li a i {
  padding-right: 5px;
}

.hom-list-share ul {
  margin-bottom: 0px;
  padding: 0px;
}

.hom-list-share ul li {
  list-style-type: none;
  display: inline-block;
}

.hom-list-share ul li:nth-child(1) a {
  color: #522774;
  border: 1px solid #522774;
  background: #fff;
  background: linear-gradient(to bottom, #fff, #fff);
  text-transform: uppercase;
  font-weight: 700;
}

.hom-list-share ul li a {
  display: block;
  border: 1px solid #ddd;
  margin: 2px;
  padding: 4px 9px;
  font-size: 12px;
  color: #111;
  text-align: center;
  font-weight: 600;
}

.hom-list-share ul li a i {
  padding-right: 5px;
}

/*-------------------------------------------------*/
/* =  5.HOME PAGE: EVENT
/*-------------------------------------------------*/
.ho-ex-title {
  margin-bottom: 35px;
}

.ho-ex-title h4 {
  padding-left: 15px;
  font-size: 26px;
}

.ho-ex-title h4:before {
  position: absolute;
  content: "";
  width: 4px;
  height: 20px;
  margin-top: 3px;
  background: #03294f;
  top: 2px;
  left: 15px;
}

.ho-event ul li {
  border-bottom: 1px solid #e0e0e0;
  padding: 15px 0px;
  position: relative;
  overflow: hidden;
}

.ho-ev-img {
  border-radius: 3px;
  display: inline-block;
  float: left;
  color: #fff;
  text-align: center;
  padding: 0px;
  margin-right: 20px;
  text-transform: uppercase;
  width: 20%;
}

.ho-ev-img img {
  width: 100%;
}

.ho-ev-date {
  border-radius: 3px;
  display: inline-block;
  float: left;
  color: #fff;
  text-align: center;
  padding: 14px 0;
  margin-right: 20px;
  text-transform: uppercase;
  width: 20%;
  background: #02294e;
  background: -webkit-linear-gradient(to top, #012951, #03294e);
  background: linear-gradient(to top, #012951, #03294e);
}

.ho-ev-date span:first-child {
  display: block;
  font-size: 25px;
  font-weight: 500;
  margin-top: 0px;
  line-height: 25px;
  color: #fff;
}

.ho-ev-date span:last-child {
  font-size: 12px;
  color: #fff;
}

.ho-ev-link {
  float: left;
  width: 60%;
}

.ho-ev-link a h4 {
  color: #112842;
  padding-bottom: 5px;
  margin-bottom: 3px;
  border-bottom: 0px;
  text-overflow: ellipsis;
  white-space: pre;
  overflow: hidden;
  letter-spacing: 0px;
}

.ho-ev-link p {
  color: #203245;
  margin-bottom: 0px;
  text-overflow: ellipsis;
  white-space: pre;
  overflow: hidden;
}

.ho-ev-link span {
  color: #959595;
  font-size: 12px;
  font-weight: 500;
}

.ho-ev-link-full {
  width: 100%;
}

.ho-ev-latest {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 35px;
  margin-bottom: 30px;
  border-radius: 4px;
}

.ho-ev-latest:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /* background: rgba(2, 41, 78, 0.73);
     */
  background: linear-gradient(
    to top,
    rgba(3, 41, 79, 0.82),
    rgba(6, 53, 98, 0.62)
  );
}

.ho-ev-latest-bg-1 {
  background: url(../images/ev-bg1.jpg) no-repeat;
  background-size: cover;
}

.ho-ev-latest-bg-2 {
  background: url(../images/ev-bg2.jpg) no-repeat;
  background-size: cover;
}

.ho-ev-latest-bg-3 {
  background: url(../images/ev-bg.jpg) no-repeat;
  background-size: cover;
  margin-bottom: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.in-ev-latest-bg-1 {
  background: url(../images/ev-in-bg1.jpg) no-repeat;
  background-size: cover;
}

.ho-lat-ev {
  position: relative;
}

.ho-lat-ev a {
  color: #fff;
}

.ho-lat-ev h4 {
  color: #fff;
  font-size: 22px;
  padding-bottom: 14px;
}

.ho-lat-ev p {
  color: #e2e2e2;
  margin-bottom: 0px;
  font-size: 14px;
}

.ho-st-login {
  position: relative;
  overflow: hidden;
  background: #ececec;
  padding: 10px 5px 18px 5px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.ho-st-login form input {
  background: #fff;
  border-radius: 2px;
  margin-bottom: 4px;
  padding: 0px 15px;
  box-sizing: border-box;
  font-size: 16px;
  border: 1px solid #cecece;
  height: 45px;
}

.ho-st-login form input[type="submit"] {
  margin-bottom: 0px;
  width: 100%;
}

.ho-st-login form label {
  left: 20px !important;
  top: 15px;
  font-size: 13px;
}

.cor-apply {
  background: #03294e;
  padding: 10px 0px 18px 0px;
  border: 4px dotted #333;
  border-radius: 4px;
}

.cor-apply form input {
  border: 1px solid #cecece;
  height: 45px;
}

.light-btn {
  color: #fff;
  background: #f36b3b;
  background: -webkit-linear-gradient(to top, #ef612f, #f36b3b);
  background: linear-gradient(to top, #ef612f, #f36b3b);
  padding: 0px 10px;
  line-height: 40px;
  border-radius: 3px;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 16px;
  display: block;
  text-align: center;
}

.tabs-hom-reg {
  background: none;
}

.tabs-content {
  position: relative;
  overflow: hidden;
  height: 360px !important;
}

.field-com.select-dropdown {
  border: 1px solid #cecece;
  height: 45px;
}

.cor-left-app-tit {
  padding-top: 8px;
  padding-bottom: 8px;
}

.cor-left-app-tit h4 {
  font-size: 24px;
  padding-bottom: 4px;
  color: #fff;
}

.cor-left-app-tit p {
  font-size: 14px;
  color: #9c9c9c;
}

/*-------------------------------------------------*/
/* =  6.HOME PAGE: TAB AND ENQUIRY
/*-------------------------------------------------*/
.hom-enq {
  background: #fff;
  border: 1px solid #cacaca;
  padding: 25px;
  /* border-top: 1px solid #303c44;
     */
}

.hom-enq h3 {
  color: #333;
}

.hom-enq p {
  color: #929292;
}

.hom-enq label {
  left: 15px;
  font-size: 12px;
  top: 13px;
}

.hom-enq form input {
  border: 1px solid #c5c5c5;
  height: 45px;
  margin-bottom: 5px;
  padding: 8px;
  box-sizing: border-box;
  border-radius: 2px;
  background: #fff;
}

.hom-enq form textarea {
  border: 1px solid #c5c5c5;
  height: 50px;
  border-radius: 2px;
  background: #fff;
}

.btn-submit {
  color: #fff;
  background: #e74715;
  background: -webkit-linear-gradient(to top, #d83d0c, #ff5722);
  background: linear-gradient(to top, #d83d0c, #ff5722);
  padding: 4px 34px;
  line-height: 32px;
  border-radius: 3px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
}

.ed-com-t1-social {
  position: relative;
  overflow: hidden;
  margin-top: -5px;
  float: right;
  margin-right: 25px;
}

.ed-com-t1-social ul li {
  float: left;
}

.ed-com-t1-social ul li a {
  line-height: 26px;
}

.ed-com-t1-social ul li a i {
  width: 30px;
  height: 35px;
  color: #fff;
  padding: 12px 4px;
  text-align: center;
  border-right: 1px solid #522774;
}

/*-------------------------------------------------*/
/* =  7.SEARCH BOX
/*-------------------------------------------------*/
.search-top {
  background: #8e69ab;
  padding: 6px 0px;
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.32);
  /* z-index: 99;
     */
  /* position: absolute;
     */
  width: 100%;
  border-top: 1px solid #dedede;
}

.search-form {
  width: 60%;
  margin: 0 auto;
}

.sf-type {
  float: left;
  width: 80%;
}

.sf-input input {
  width: 95%;
  border: 0px;
  background: #ffffff;
  background-size: 17px;
  background-position-x: 12px;
  color: #464646;
  font-weight: 500;
  text-transform: capitalize;
  padding: 8px;
  border: 1px solid #ffffff;
  padding: 8px 15px;
  margin: 0px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  font-size: 14px;
}

.sf-list {
  display: none;
  position: absolute;
  width: 43.8%;
  background: #fff;
  z-index: 99;
  box-shadow: 0 26px 64px 0 rgba(0, 0, 0, 0.6);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  height: 300px;
  overflow-y: hidden;
}

.sf-list:hover {
  overflow-y: auto;
}

.sf-list ul li a {
  display: block;
  color: #2b333a;
  padding: 10px;
  border-bottom: 1px solid #efefef;
  font-size: 14px;
  font-weight: 600;
}

.sf-list ul li a:hover {
  background: #eee;
}

.sf-list ul li:last-child a {
  border-bottom: 0px solid #efefef;
}

.sf-submit {
  float: left;
  width: 20%;
}

.sf-submit button {
  display: flex;
  gap: 5px;
  align-items: center;
  justify-content: center;
  width: 100%;
  border: 0px;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  padding: 13px;
  border: 1px solid #fff;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  margin-left: 3px;
  background: -webkit-linear-gradient(to top, #ef612f, #f36b3b);
  background: linear-gradient(to top, #522774, #522774);
}

/*-------------------------------------------------*/
/* =  8.SLIDER
/*-------------------------------------------------*/
.slider-arr {
  color: #fff;
  position: absolute;
  font-size: 18px;
  top: 50%;
  width: 50px;
  height: 50px;
  background: #000000;
  padding: 17px;
  border-radius: 50px;
}

.slider-con h2 {
  font-size: 32px;
  text-transform: uppercase;
  line-height: 50px;
  width: 50%;
}

.slider-con h2 span {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 28px;
  color: #e66030;
}

.slider-con p {
  font-size: 16px;
  color: #000;
  margin-bottom: 40px;
  margin-top: 30px;
  line-height: 30px;
  font-weight: 300;
}

.slider-con a {
  /* color: #fff;
     */
  padding: 14px 45px;
  line-height: 45px;
  border-radius: 3px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  height: 45px;
  text-align: center;
}

.bann-btn-1 {
  background: #f36b3b;
  background: -webkit-linear-gradient(to top, #ef612f, #f36b3b);
  background: linear-gradient(to top, #ef612f, #f36b3b);
  color: #fff;
  border: 1px solid #f36b3b;
}

.bann-btn-1:hover {
  border: 1px solid #fff;
  background: #fff;
  color: #333;
}

.bann-btn-2 {
  border: 1px solid #e0e0e0;
  color: #e0e0e0;
}

.bann-btn-2:hover {
  border: 1px solid #fff;
  background: #fff;
  color: #333;
}

.item img {
  width: 100%;
}

.top-revi {
  float: left;
  position: relative;
  overflow: hidden;
  padding: 5px 5px 5px 5px;
  width: 20%;
}

.top-revi img {
  width: 50px;
  height: 50px;
  float: left;
  margin-right: 10px;
  border-radius: 5px;
}

.top-revi h4 {
  float: left;
  display: block;
}

.top-revi p {
  /* line-height: 5px;
     */
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  float: left;
  margin-bottom: 0px;
  font-size: 12px;
  width: 70%;
}

.top-star-rat {
  margin-bottom: 0px;
  line-height: 10px;
  float: left;
  display: block;
}

.top-star-rat i {
  font-size: 10px;
}

.top-logo {
  padding: 12px 21px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 1s ease;
}

.pop-form input {
  font-size: 16px;
}

.ff3 {
  border: 1px solid #c3c3c3;
  padding: 25px;
  border-top: 0px;
}

/* =  9.HOME PAGE: QUICK LINK 
/*-------------------------------------------------*/
.wed-hom-ser {
  margin-top: -140px;
}

.wed-hom-ser ul {
  margin-bottom: 0px;
  margin: 0 auto;
  display: table;
  /* background: #002147;
     */
  position: relative;
}

.wed-hom-ser ul li {
  float: left;
  display: inline;
  text-align: center;
  margin: 5px;
}

.wed-hom-ser ul li a {
  background: #202f40;
  width: 90px;
  height: 90px;
  display: block;
  padding: 18px 2px 10px 2px;
  text-align: center;
  color: #fff;
  border-radius: 70px;
  font-family: "Arimo", sans-serif;
  position: relative;
  overflow: hidden;
  line-height: 24px;
  font-size: 11px;
}

.wed-hom-ser ul li a:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  background: #ef6331;
  color: #fff;
}

.wed-hom-ser ul li a img {
  display: table;
  text-align: center;
  margin: 0 auto;
  padding-bottom: 5px;
}

.wed-hom-ser ul li a h4 {
  font-size: 32px;
  color: #002147;
  font-weight: 600;
  margin-bottom: 5px;
}

.wed-hom-ser ul li a span {
  color: #898d92;
  font-size: 12px;
  letter-spacing: 2px;
}

/*-------------------------------------------------*/
/* =  10.TOP COURSES 
/*-------------------------------------------------*/
.ed-course-in {
  margin-bottom: 30px;
  border-radius: 3px;
  position: relative;
  overflow: hidden;
}

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

.course-overlay span {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  transform: translateY(-50%);
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  z-index: 1;
}

.ed-course-in a.course-overlay img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.ed-course-in a:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(31, 44, 115, 0.57);
}

.ed-course-in:hover a.course-overlay img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/*-------------------------------------------------*/
/* =  11.BOTTOM BOOKING 
/*-------------------------------------------------*/
.full-bot-book {
  background: #f1f1f17a;
  padding: 40px 0px;
  position: relative;
  overflow: hidden;
}

.bot-book {
  position: relative;
  overflow: hidden;
  width: 100%;
  display: block;
}

.bb-img img {
  width: 90px;
}

.bb-text h4 {
  color: #522774;
  font-size: 26px;
  text-transform: uppercase;
  padding-bottom: 15px;
  font-family: "Playfair";
  line-height: 1.4;
}

.bb-text p {
  color: #000;
  margin-bottom: 0px;
}

.bb-link {
  position: relative;
  overflow: hidden;
}

.bb-link a, .bb-link button {
  border: 2px solid #522774;
  color: #522774;
  padding: 15px 20px;
  background-color: #fff;
  font-weight: 600;
}
.mt-5 {
  margin-top: 35px !important;
}

/*-------------------------------------------------*/
/* =  12.BREADCRUM
/*-------------------------------------------------*/
.com-breadcrumb ol li a {
  font-size: 13px;
  color: #767676;
  line-height: 15px;
}

.com-breadcrumb > ol .active {
  color: #575757;
  font-size: 13px;
}

/*-------------------------------------------------*/
/* =  13.COURSE DETAILS
/*-------------------------------------------------*/
.cor-img img {
  width: 100%;
}

.cor-con-mid p,
li {
  color: #203245;
  line-height: 24px;
}

.cor-p1 {
  border-bottom: 1px solid #d2d2d2;
  padding-bottom: 20px;
  margin-bottom: 40px;
  margin-top: 40px;
}

.cor-p1 h2 {
  margin-top: 0px;
  color: #203245;
  font-size: 30px;
}

.cor-p1 span {
  color: #959595;
  font-size: 14px;
  font-weight: 400;
}

.cor-p2 {
  margin-bottom: 40px;
  position: relative;
  overflow: hidden;
}

.cor-p2 ul li {
  float: left;
  width: 33.333%;
  text-align: center;
  font-weight: 500;
  color: #012951;
  font-size: 18px;
}

.cor-p2 ul li img {
  display: block;
  margin: 0 auto;
  margin-bottom: 18px;
}

.cor-p2-inn {
  border: 1px solid #dbdbdb;
  padding: 15px;
  margin: 5px;
  border-radius: 2px;
}

.cor-p3 {
  border: 1px solid #d2d2d2;
  padding-bottom: 20px;
  padding: 30px;
  margin-bottom: 40px;
}

.cor-p3 h3 {
  margin-top: 0px;
  color: #012951;
  font-size: 18px;
}

.cor-p3 h4 {
  margin-bottom: 30px;
  display: inline-block;
  color: #359639;
  border-radius: 2px;
  border-bottom: 2px solid #359639;
  font-weight: 500;
  font-size: 24px;
}

.cor-p3 span {
  display: inline-block;
  background: #4caf50;
  color: #fff;
  padding: 6px 10px;
  border-radius: 2px;
  border-bottom: 2px solid #359639;
  font-weight: 500;
  font-size: 16px;
}

.cor-p4 {
  margin-bottom: 40px;
}

.cor-p4 h3 {
  color: #203245;
  font-size: 24px;
  margin-bottom: 25px;
  margin-top: 50px;
}

.cor-p5 {
  border-top: 1px solid #d2d2d2;
  margin-top: 30px;
  border-bottom: 1px solid #d2d2d2;
  padding-bottom: 10px;
}

.cor-p5 h3 {
  margin-bottom: 25px;
  margin-top: 50px;
}

.cor-p5 h4 {
  padding: 25px 0px 18px 0px;
}

.cor-p5 ul li a {
  font-weight: 500;
  background-color: #eee;
  padding: 10px;
}

.cor-p5 ul li a img {
  width: 18px;
  margin-right: 5px;
}

.cor-p6 {
  margin-top: 50px;
}

.cor-p6 h3 {
  color: #203245;
  font-size: 24px;
  margin-top: 0px;
  margin-bottom: 30px;
}

.cor-p6-revi {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 30px;
  padding-bottom: 15px;
}

.cor-p6-revi-left {
  float: left;
  width: 15%;
}

.cor-p6-revi-left img {
  width: 100%;
  padding: 0px 30px 15px 0px;
  border-radius: 5px;
}

.cor-p6-revi-right {
  float: left;
  width: 85%;
}

.cor-p6-revi-right h4 {
  margin-bottom: 12px;
  color: #203245;
}

.cor-p6-revi-right span {
  color: #959595;
  font-size: 12px;
  font-weight: 500;
}

.cor-p7-revi input {
  height: 45px;
  position: relative;
  padding: 15px 24px;
  box-sizing: border-box;
  box-shadow: none;
  border: 1px solid #e8e8e8;
  text-indent: 0;
  line-height: 12px;
  -webkit-transition: border-color 0.4s, color 0.4s;
  transition: border-color 0.4s, color 0.4s;
  /* -webkit-appearance: none;
     */
  width: 100%;
  font-size: 14px;
  background: #fff;
}

.cor-p7-revi textarea {
  height: 100px;
  position: relative;
  padding: 15px 24px;
  box-sizing: border-box;
  box-shadow: none;
  border: 1px solid #e8e8e8;
  text-indent: 0;
  line-height: 12px;
  -webkit-transition: border-color 0.4s, color 0.4s;
  transition: border-color 0.4s, color 0.4s;
  /* -webkit-appearance: none;
     */
  width: 100%;
  font-size: 14px;
  background: #fff;
}

.cor-p7-revi input[type="submit"] {
  margin-bottom: 0px;
  padding: 0px 45px;
  line-height: 45px;
  border-radius: 3px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  height: 45px;
  text-align: center;
  background: #f36b3b;
  background: -webkit-linear-gradient(to top, #ef612f, #f36b3b);
  background: linear-gradient(to top, #ef612f, #f36b3b);
  color: #fff;
  border: 1px solid #f36b3b;
  width: 100%;
}

.cor-p7-revi label {
  font-size: 14px;
  left: 20px !important;
  top: 12px;
}

.my-acc-form label {
  font-size: 15px;
  font-weight: 500;
  color: #000;
}

.ads {
  position: relative;
  overflow: hidden;
  /* margin-bottom:20px;
     */
}

.ads img {
  width: 100%;
  padding: 35px 35px 0px 35px;
}

.cor-mid-img img {
  width: 100%;
}

.pg-inn {
  background: #fff;
  /* border: 1px solid #333;
     */
  box-shadow: 0px 4px 20px 4px rgba(0, 0, 0, 0.08);
  padding: 70px 15px;
}

.cor-side-com {
  position: relative;
  overflow: hidden;
  margin-bottom: 35px;
}

.cor-tim-tab h4 {
  padding: 15px 0px 25px 0px;
}

.cor-tim-tab ul li {
  background: url("../images/book.png") no-repeat left center;
  padding-left: 50px;
  margin-bottom: 20px;
  font-size: 13px;
}

.cor-tim-tab p {
  font-size: 13px;
}

.de-left-tit {
  background: #03294e;
  padding: 10px;
  border-radius: 2px;
}

.de-left-tit h4 {
  color: #fff;
}

/*-------------------------------------------------*/
/* =  14.USER DASHBOARD 
/*-------------------------------------------------*/
.pro-cover {
  background: url("../images/pro-bg.jpg") no-repeat center center;
  width: 100%;
  height: 250px;
  display: block;
  background-size: cover;
}

.pro-menu {
  background: #2f4f73;
  box-shadow: 0px 4px 10px hsla(0, 0%, 0%, 0.08);
  position: relative;
  z-index: 2;
}

.pro-menu ul {
  margin-bottom: 0px;
  /* margin: 0 auto;
     */
  display: table;
  margin-left: 25px;
}

.pro-menu ul li {
  display: inline-block;
}

.pro-act {
  background: #4b6c90;
  color: #fff !important;
}

.pro-menu ul li a {
  padding: 17px 14px;
  line-height: 53px;
  color: #fff;
  font-weight: 500;
  border-right: 1px solid #405d7d;
}

.pro-menu ul li a:hover {
  background: #4b6c90;
  color: #fff;
}

.pro-user {
  position: relative;
  margin-top: -160px;
  box-shadow: 0px 5px 18px -11px rgba(150, 150, 150, 0.8);
  border: 1px solid #f3f2f2;
  border-bottom: 0px;
  z-index: 9;
}

.pro-user img {
  width: 100%;
  border: 4px solid #fff;
}

.pro-user-bio {
  background: #fff;
  padding: 25px;
  box-shadow: 0px 5px 18px -11px rgba(150, 150, 150, 0.8);
  border: 1px solid #f3f2f2;
}

.pro-user-bio ul li {
  padding-bottom: 10px;
}

.pro-user-bio ul li a {
  color: #333;
  /* font-weight: 500;
     */
}

.pro-user-bio ul li a i {
  margin-right: 5px;
  width: 20px;
}

.pro-user-bio ul li:last-child {
  padding-bottom: 0px;
}

.pro-user-bio ul li:nth-child(2) {
  border-bottom: 1px solid #e9edf1;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.pro-con {
  padding: 35px 50px;
}

.pro-con-table {
  border: 1px solid #f7f8f9;
  padding: 5px 15px;
  margin-top: 25px;
}

.pro-con-table tr {
  line-height: 50px;
}

.pro-con-table tr:hover {
  background: #f3f3f3;
}

.pro-con-table th {
  font-weight: 600;
  padding: 10px;
}

.pro-con-table td {
  padding: 10px;
  font-size: 13px;
}

.pro-edit {
  background: #203245;
  color: #ffffff !important;
  padding: 1px 4px;
  border-radius: 2px;
  font-size: 13px;
}

.pro-user-act {
  background: #469c49;
  color: #fff;
  padding: 1px 4px;
  border-radius: 2px;
  font-size: 13px;
}

.pro-user-de-act {
  background: #8794a0;
}

.pro-user-page {
  border: 1px solid #d8d8d8;
  padding: 5px 20px 30px 20px;
  position: relative;
  overflow: hidden;
}

.pro-user-page h5 {
  font-size: 16px;
  margin-top: 22px;
}

.pro-user-page label {
  margin-right: 20px;
  font-size: 15px !important;
}

.btn-pro-submit {
  margin-top: 24px;
  background: #f2323b;
  background: linear-gradient(to bottom, #ff4d56, #f12f38);
  color: #fff;
  padding: 14px;
  font-weight: 600;
  font-size: 15px;
  text-transform: uppercase;
}

.btn-upload {
  height: 46px !important;
}

.pro-ad-img {
  width: 100px;
  padding: 12px;
}

/*-------------------------------------------------*/
/* =  15.FOOTER GALLERY AND BLOG 
/*-------------------------------------------------*/

.h-gal {
  position: relative;
  overflow: hidden;
}

.h-gal ul {
  margin-bottom: 0px;
}

.h-gal ul li {
  float: left;
  display: inline-block;
  /* margin: 0px 15px 14px 0px;
     */
  width: 33.333%;
}

.h-gal ul li img {
  width: 100%;
  padding: 5px;
}

.h-vid iframe {
  width: 100%;
  border: 0px;
  height: 200px;
}

.h-blog ul {
  margin-bottom: 0px;
}

.h-blog ul li {
  border-bottom: 1px solid #dcdcdc;
  padding: 12px 0px;
  position: relative;
  overflow: hidden;
}

.h-blog ul li a span {
  font-family: "Quicksand", sans-serif;
  font-size: 13px;
  display: block;
  margin-bottom: 10px;
  color: #a5a0a1;
}

.h-blog ul li a img {
  float: left;
  width: 35px;
  height: 35px;
  border-radius: 50px;
  margin-right: 15px;
}

.h-blog ul li a h5 {
  color: #333;
  font-size: 15px;
  margin-top: 0px;
  text-overflow: ellipsis;
  white-space: pre;
  overflow: hidden;
  text-transform: capitalize;
  margin-bottom: 5px;
  letter-spacing: 0px;
}

.h-blog ul li a p {
  padding-left: 50px;
  margin-bottom: 0px;
  color: #969595;
  font-size: 12px;
  line-height: 18px;
}

.bot-gal h4 {
  margin-top: 0px;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 14px;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 30px;
  color: #112842;
}

.bot-gal h5 {
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 15px;
  letter-spacing: 1px;
  margin-top: 25px;
  color: #112842;
}

.bot-gal p {
  margin-bottom: 0px;
}

/*-------------------------------------------------*/
/* = 16.REGISTER LOGIN POPUPS 
/*-------------------------------------------------*/
.log-in-pop {
  position: relative;
  overflow: hidden;
  /* height: 100%;
     */
  /* bottom: 0px;
     */
  background: #fff;
  width: 60%;
  margin: 0 auto;
  margin-top: 5%;
}

.log-in-pop-left {
  float: left;
  width: 40%;
  background: url("../images/login.html") #522774 no-repeat center center;
  padding: 12.5% 6%;
  color: #fff;
  height: 100%;
  bottom: 0px;
  /* min-height: 115%;
     */
}

.log-in-pop-left h1 {
  color: #fff;
  font-size: 32px;
}

.log-in-pop-left h1 span {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-transform: capitalize;
  color: #fff;
  font-size: 24px;
}

.log-in-pop-left p {
  color: #fff;
}

.log-in-pop-left h4 {
  color: #fff;
  margin-bottom: 15px;
  margin-top: 15px;
  border-top: 1px solid #fff;
  padding-top: 15px;
}

.log-in-pop-left ul {
  margin-bottom: 0px;
}

.log-in-pop-left ul li {
  margin-bottom: 5px;
}

.log-in-pop-left ul li a {
  display: block;
  background: #3f51b5;
  color: #fff;
  padding: 12px;
  border-radius: 2px;
  font-weight: 600;
  font-size: 14px;
}

.log-in-pop-left ul li:nth-child(1) a {
  background: #39579a;
}

.log-in-pop-left ul li:nth-child(2) a {
  background: #f24033;
}

.log-in-pop-left ul li:nth-child(3) a {
  background: #24a9e6;
}

.log-in-pop-left ul li a i {
  padding-right: 7px;
}

.log-in-pop-right {
  float: left;
  width: 100%;
  padding: 30px 40px;
}

.log-in-pop-right h4 {
  font-size: 24px;
  margin-bottom: 20px;
}

.log-in-pop-right a {
  color: #333;
}

.log-in-pop-right form label {
  font-size: 14px !important;
  font-weight: 200;
  left: 15px;
  top: 14px;
}

.log-in-pop-right form input {
  border-bottom: 1px solid #ccc;
  padding: 0px 8px;
  box-sizing: border-box;
  height: 35px;
  border-radius: 0px;
  font-size: 14px;
  color: #000;
  margin-bottom: 5px;
}

.log-in-pop-right form textarea {
  border: 1px solid #dfdfdf;
  padding: 8px;
  box-sizing: border-box;
  height: 70px;
  border-radius: 2px;
}

.log-in-pop-right form input[type="submit"] {
  color: #fff;
  height: 32px;
}

.padd-top {
  margin-top: 15px;
}

.log-in-btn {
  background: #f4364f;
  color: #fff;
  padding: 2px 10px;
  font-weight: 600;
}

.pop-close {
  color: #333;
  width: 24px;
  height: 24px;
  display: inline-block;
  position: absolute;
  top: 15px;
  right: 15px;
}

.pop-close:hover {
  transform: rotate(180deg);
}

.pop-close img {
  width: 24px;
}

.modal-open {
  overflow: inherit !important;
}

.log-ch-bx p label {
  left: 1px;
  top: 10px;
  color: #727070;
}

/*-------------------------------------------------*/
/* = 17.REGISTER LOGIN POPUPS 
/*-------------------------------------------------*/
.in2-top-logo {
  background: #002147;
}

.in2-search-top {
  background: #013673;
  border-top: 1px solid #002147;
}

.in2-main-menu ul li a {
  color: #fff;
}

.in2-dropdown-content {
  background-color: #002147;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.37);
}

.in2-dropdown-content li a {
  border-bottom: 1px solid #032954;
}

.in2-dropdown-content li a:hover {
  background: #013673;
}

.in2-ban {
  margin-top: 72px;
  background: url(../images/pro-bg.jpg) no-repeat center center #333;
  padding: 80px 0px;
  background-size: cover;
  position: relative;
}

.in2-ban:before {
  content: "";
  position: absolute;
  background: linear-gradient(
    to top,
    rgba(2, 35, 74, 0.95) 14%,
    rgba(0, 33, 71, 0.87) 66%
  );
  top: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
}

.in2-bi {
  position: relative;
  overflow: hidden;
  width: 90%;
  margin: 0 auto;
}

.in2-bi-left {
  /* color: #fff;
     */
  width: 70%;
  padding-top: 35px;
}

.in2-bi-left h1 {
  color: #fff;
  text-transform: capitalize;
  font-size: 52px;
}

.in2-bi-left p {
  color: #949494;
  font-size: 18px;
}

.in2-bi-form {
  position: relative;
  overflow: hidden;
  background: #fff;
  box-sizing: border-box;
  padding: 25px;
  border-radius: 4px;
  box-shadow: 0px 16px 40px -10px rgb(0, 0, 0);
  border-bottom: 5px solid #f06433;
}

.in2-bi-form h4 {
  text-align: center;
}

.in2-bi-form input {
  border: 1px solid #e8e8e8;
  height: 45px;
  margin-bottom: 4px;
}

.in2-bi-form label {
  color: #0e0e0e;
  left: 20px;
  top: 15px;
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
}

/*-------------------------------------------------*/
/* = 18.STUDENT DASHBOARD 
/*-------------------------------------------------*/
.stu-db {
  position: relative;
  /* overflow: hidden;
     */
  background: #f7f8f9;
}

.udb {
  padding: 50px 25px;
  position: relative;
  overflow: hidden;
}

.udb-sec {
  position: relative;
  overflow: hidden;
  margin-bottom: 35px;
  background: #fff;
  padding: 25px;
  border-radius: 2px;
  box-shadow: 0px 5px 18px -11px rgba(150, 150, 150, 0.8);
  border: 1px solid #f3f2f2;
}

.udb-sec h4 {
  padding-bottom: 10px;
  border-bottom: 1px solid #eeeeef;
  margin-bottom: 15px;
  text-transform: uppercase;
  color: #203245;
}

.udb-sec h4 img {
  margin-right: 10px;
  vertical-align: bottom;
  width: 24px;
}

.sdb-cours {
  position: relative;
  overflow: hidden;
  padding-top: 25px;
}

.sdb-cours ul li {
  width: 50%;
  float: left;
  padding-right: 15px;
  margin-bottom: 15px;
}

/*-------------------------------------------------*/
/* = 19.STUDENT DASHBOARD - COURSES 
/*-------------------------------------------------*/
.list-mig-like-com {
  position: relative;
  border-radius: 5px;
  /* margin-bottom: 20px;
     */
  background: #14addb;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.list-mig-like-com:before {
  content: "";
  position: absolute;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.82) 10%,
    rgba(84, 84, 84, 0.35) 80%
  );
  top: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  border-radius: 5px;
}

.list-mig-lc-img img {
  width: 100%;
  border-radius: 5px;
}

.list-mi-pr {
  top: 15px;
}

.list-mig-lc-con {
  position: absolute;
  width: 100%;
  margin-top: -92px;
  padding: 20px 20px 0px 20px;
  display: block;
}

.list-mig-lc-con h5 {
  font-size: 18px;
  color: #fff;
  padding-top: 10px;
  padding-bottom: 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.list-mig-lc-con h6 {
  font-size: 14px;
  color: #fff;
  position: absolute;
  top: -20px;
  /* right: 0px;
     */
  border: 1px solid #fff;
  padding: 8px 10px 3px 10px;
  border-radius: 18px;
  margin-bottom: 5px;
  padding-bottom: 10px;
}

.list-mig-lc-con p {
  color: #c1c1c1;
}

.sdb-cours ul li:nth-child(3) {
  margin-bottom: 0px;
}

.sdb-cours ul li:nth-child(4) {
  margin-bottom: 0px;
}

.udb-time-line ul {
  padding: 0px;
  padding-top: 25px;
}

.udb-time-line ul li {
  position: relative;
  overflow: hidden;
  padding-left: 70px;
  padding-bottom: 20px;
}

.udb-time-line ul li:hover .fa-clock-o {
  background: #e66030;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.udb-time-line ul li i {
  width: 35px;
  height: 35px;
  background: #517ce6;
  border-radius: 50%;
  text-align: center;
  padding: 8px 10px;
  margin-left: -68px;
  position: absolute;
  z-index: 99;
  color: #fff;
  font-size: 17px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.days h4 {
  margin: 25px 0px 15px 0px;
  font-size: 16px;
  font-weight: 600;
  font-family: "Open Sans", sans-serif;
  color: #213d44;
}

.udb-time-line ul li h4 {
  margin-top: 7px;
}

.udb-time-line ul li p {
  padding-top: 0px;
}

.l-info-pack-plac::after {
  content: "";
  background: #eeeeef;
  position: absolute;
  width: 1px;
  top: 0;
  bottom: 0;
  height: 100%;
  left: 19px;
}

.days h4 span {
  color: #929596;
  font-weight: 600;
}

/*-------------------------------------------------*/
/* = 20.STUDENT DASHBOARD - TIME LINE 
/*-------------------------------------------------*/
.sdb-cl-tim {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.sdb-cl-day {
  float: left;
  width: 25%;
}

.sdb-cl-day h5 {
  text-transform: uppercase;
}

.sdb-cl-day span {
  font-size: 12px;
  color: #9ba3ab;
}

.sdb-cl-class {
  float: left;
  width: 75%;
}

.sdb-cl-class ul {
  padding-top: 0px;
}

.sdb-cl-class ul li {
  padding-left: 0px;
}

.sdb-cl-class-tim {
  float: left;
  width: 25%;
  border-right: 1px solid #dcdcdc;
}

.sdb-cl-class-tim span {
  display: block;
  color: #203245;
  font-weight: 600;
  font-size: 14px;
}

.sdb-cl-class-name {
  float: left;
  width: 75%;
  padding-left: 25px;
  position: relative;
}

.sdb-cl-class-name h5 span {
  float: right;
  font-size: 12px;
  color: #9ba3ab;
  border: 1px solid #cccdce;
  border-radius: 20px;
  padding: 0px 7px;
}

.sdn-hall-na {
  font-size: 12px;
  color: #9ba3ab;
}

.sdb-cl-class-name::after {
  content: "";
  background: #2ebf33;
  position: absolute;
  width: 7px;
  top: 3px;
  bottom: 0;
  height: 7px;
  left: 9px;
  border-radius: 25px;
}

.sdb-cl-class-name-lev::after {
  background: #bfa12e;
}

.sdb-tabl-com tr {
  color: #969595;
  border-bottom: 1px solid #d0d0d0;
}

.sdb-tabl-com tr td {
  font-size: 15px;
  color: #333;
  padding: 14px 14px 14px 0px;
}

.sdb-bot-edit {
  margin-top: 25px;
}

.sdb-bot-edit p {
  padding-bottom: 10px;
}

.sdb-btn {
  background: #2f4f73;
  font-size: 12px;
  font-weight: 600;
}

.sdb-btn i {
  margin-right: 10px;
  font-size: 14px;
  vertical-align: initial;
}

.sdb-btn:hover {
  background: #476990;
  color: #fff;
}

.sdb-btn:active {
  background: #476990;
  color: #fff;
}

.sdb-btn:focus {
  background: #476990;
  color: #fff;
}

.backdrop {
  background-color: #ededed;
}

/*-------------------------------------------------*/
/*= 24.ABOUT US 
/*-------------------------------------------------*/
.about-sp {
  padding: 0px 30px;
}

.ed-advan ul li {
  float: left;
  width: 33.333%;
  padding: 25px;
  box-sizing: border-box;
  /* padding: 15px 0px;
     */
  /* height: 210px;
     */
}

.ed-advan ul li:nth-child(1) {
  border-bottom: 1px solid #dcdbdb;
  border-right: 1px solid #dcdbdb;
}

.ed-advan ul li:nth-child(2) {
  border-bottom: 1px solid #dcdbdb;
  border-right: 1px solid #dcdbdb;
}

.ed-advan ul li:nth-child(3) {
  border-bottom: 1px solid #dcdbdb;
}

.ed-advan ul li:nth-child(4) {
  border-right: 1px solid #dcdbdb;
}

.ed-advan ul li:nth-child(5) {
  border-right: 1px solid #dcdbdb;
}

.ed-ad-img {
  /* width: 30%;
     */
  float: left;
}

.ed-ad-img img {
  width: 50px;
  opacity: 0.8;
}

.ed-ad-dec {
  float: left;
  width: 80%;
  padding-left: 25px;
}

.ed-ad-dec h4 {
  margin-bottom: 10px;
}

.ed-ad-dec p {
  font-size: 13px;
  line-height: 20px;
}

.ed-ad-dec a {
  background: #002147;
  padding: 4px 10px;
  color: #fff;
  font-size: 11px;
  border-radius: 3px;
  height: 30px;
  line-height: 24px;
}

/*-------------------------------------------------*/
/* = 25.AWARDS 
/*-------------------------------------------------*/
.s18-agenda {
  background: #f4f4f4;
  background: linear-gradient(90deg, #ebebeb 32%, #f4f4f4 11%);
}

.s18-age-tit {
  width: 480px;
  height: 115px;
  margin: 0 auto;
  background-position: 111px -495px;
  text-align: center;
  padding-top: 25px;
}

.s18-age-tit h2 {
  font-size: 38px;
  padding-bottom: 12px;
}

.s18-age-event {
  position: relative;
}

.s18-age-event ul {
  margin-top: 0px;
}

.s18-age-event ul li {
  position: relative;
  overflow: hidden;
  padding-left: 70px;
}

.age-eve-com {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  /* padding: 9px 10px;
     */
  margin-left: -69px;
  position: absolute;
  z-index: 99;
  background: #517ce6;
  /* fallback for old browsers */
  /* Chrome 10-25, Safari 5.1-6 */
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.age-eve-com img {
  width: 32px;
  text-align: center;
  box-sizing: border-box;
  margin-left: 11px;
  margin-top: 12px;
}

.s18-age-event ul li h4 {
  margin-top: 0px;
  font-weight: 700;
  font-size: 18px;
}

.s18-age-event ul li h5 {
  margin-top: 0px;
  font-weight: 600;
  font-size: 16px;
}

.s18-age-event ul li p {
  padding-top: 0px;
  font-size: 13px;
}

.s18-age-event::after {
  content: "";
  background: #ececec;
  position: absolute;
  width: 1px;
  top: 0;
  bottom: 0;
  height: 97%;
  left: 28px;
}

.ed-eve-time {
  width: 100%;
  border-bottom: 1px solid #ececec;
  padding: 10px 10px 25px 10px;
  margin-bottom: 25px;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}

.ed-bor-bot-0 {
  border-bottom: 0px;
}

.ed-eve-time-tim {
  float: left;
  width: 25%;
  box-sizing: border-box;
}

.ed-eve-time-tim span {
  font-weight: 300;
  font-size: 16px;
}

.ed-eve-time-msg {
  float: left;
  width: 75%;
  padding-right: 80px;
  box-sizing: border-box;
}

.age-dwarr-btn {
  width: 28px;
  height: 28px;
  position: absolute;
  right: 0px;
  top: 10px;
  background-position: -358px -196px;
  background-color: #425473;
  border-radius: 50px;
}

.age-dwarr-btn i {
  color: #fff;
  font-weight: 700;
  text-align: center;
  font-size: 18px;
  padding: 6px 8px;
}

.age-dwarr-btn > .fa-angle-up {
  padding: 4.2px 8px;
}

.age-eve-1 {
  background-position: -345px -114px;
}

.age-eve-2 {
  background-position: -412px -113px;
}

.age-eve-3 {
  background-position: -476px -113px;
}

.age-eve-4 {
  background-position: -542px -113px;
}

.age-eve-5 {
  background-position: -605px -113px;
}

.time-hide-11-btn,
.time-hide-22-btn,
.time-hide-33-btn,
.time-hide-44-btn {
  background-position: -358px -220px;
}

.hb-com {
  display: none;
}

.time-hide {
  display: none;
}

.aw-re-btn {
  background: #002147;
  padding: 4px 10px;
  color: #fff;
  font-size: 11px;
  border-radius: 3px;
  height: 30px;
  line-height: 24px;
  margin-bottom: 25px;
  display: inline-block;
}

.aw-re-btn:hover {
  background: #f26838;
  color: #fff;
}

/*-------------------------------------------------*/
/* = 26.ADMISSIONN 
/*-------------------------------------------------*/
.quote-title {
  text-align: center;
  padding: 0px 10px;
}

.quote-title h2 {
  text-transform: uppercase;
  font-size: 62px;
  color: #ffffff;
  font-weight: 700;
  letter-spacing: -1px;
  /* color: #ffbaa5;
     */
  margin-top: 0px;
  margin-bottom: 25px;
  text-shadow: 0px 1px #fff, 0px -1px #262f33;
  line-height: 60px;
}

.quote-title h2 span {
  color: #ffffff;
  /* background: #FFC107;
     */
  /* padding: 0px 10px;
     */
  /* font-size: 70px;
     */
  /* line-height: 82px;
     */
  /* border-radius: 3px;
     */
  font-weight: 700;
  font-family: "Poppins", sans-serif;
}

.quote-title p {
  color: #8d969e;
}

.qu-new h5 {
  display: inline-block;
  padding: 5px 11px 2px 10px;
  background: #ffc107;
  font-size: 22px;
  margin-bottom: 25px;
  color: #fff;
  font-style: italic;
  text-shadow: 0px 1px #fff, 0px -1px #262f33;
}

.help-line span {
  display: block;
  font-size: 48px;
  color: #ffffff;
  padding-top: 20px;
  line-height: 50px;
}

.h-quote {
  background: url(../images/weather.png);
  position: relative;
  overflow: hidden;
  padding: 100px 0px 100px 0px;
}

.h-quote:before {
  content: "";
  position: absolute;
  background: #1f4363;
  top: 0px;
  bottom: 0px;
  left: 0px;
  width: 50%;
}

.help-line {
  margin-bottom: 0px;
  font-size: 48px;
  color: #ffffff;
  font-weight: 500;
  line-height: 46px;
  font-style: normal;
  padding-top: 30px;
  font-family: "Josefin Sans", sans-serif;
}

.home-requ input,
select,
textarea {
  padding: 15px;
  height: auto;
  border: 1px solid #afafaf;
  border-radius: 2px;
  resize: none;
}

.home-requ select {
  padding: 12px 10px;
}

.home-requ textarea {
  height: 110px !important;
}

.home-requ input[type="submit"] {
  color: #000;
  background-color: #ffc107;
  border-color: #ffc107;
  font-weight: 600;
  text-transform: uppercase;
  padding-bottom: 7px;
}

.help-arrow {
  position: absolute;
  top: 53%;
  left: 95.5%;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.62);
  border-radius: 50%;
}

.help-arrow i {
  background: #ffffff;
  padding: 9px 10px;
  width: 50px;
  height: 50px;
  text-align: center;
  font-size: 30px;
  border-radius: 50%;
  color: #184350;
  transition: all 0.5s ease;
}

.pulse {
  animation-name: pulse_animation;
  animation-duration: 5000ms;
  transform-origin: 70% 70%;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.h-quote:hover .help-arrow i {
  transition: all 0.5s ease;
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  background: #f26939;
  color: #ffffff;
}

.box-item .icon {
  text-align: center;
  margin-top: 12px;
  -webkit-transition: background 0.2s, color 0.2s;
  -moz-transition: background 0.2s, color 0.2s;
  -ms-transition: background 0.2s, color 0.2s;
  -o-transition: background 0.2s, color 0.2s;
  transition: background 0.2s, color 0.2s;
}

.content-left span {
  float: right;
  margin-left: 25px;
}

.icon {
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 4px;
  text-align: center;
  position: relative;
  z-index: 1;
  color: #767676;
  font-size: 24px;
}

.box-item {
  padding-bottom: 40px;
}

.box-item .text h4 {
  color: #30383d;
  text-transform: capitalize;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0px;
}

.n-form-com form input,
select,
textarea {
  border: 1px solid #cecece;
  height: 45px;
  background: #fff;
  border-radius: 2px;
  margin-bottom: 4px;
  padding: 0px 15px;
  box-sizing: border-box;
  font-size: 14px;
  color: #000;
}

.n-form-com form input::placeholder {
  color: #000;
}

.n-form-com form label {
  font-size: 14px;
  color: #333333;
  font-weight: 600;
}

.n-form-com form input[type="submit"] {
  color: #fff;
  display: block;
  width: 100%;
}

.admiss-form {
  padding: 0px 50px;
}

.admiss-form h4 {
  font-size: 24px;
  font-weight: 800;
}

.select-wrapper {
  position: relative;
  border: 1px solid #cecece;
  height: 45px;
  background: #fff;
  border-radius: 2px;
  margin-bottom: 4px;
  padding: 0px 15px;
  box-sizing: border-box;
  font-size: 16px;
}

.select-dropdown {
  font-size: 14px;
  margin-top: 7px;
}

/*-------------------------------------------------*/
/* = 27.SEMINAR 
/*-------------------------------------------------*/
.p-semi {
  background: url(../images/seminar-bg.jpg);
  position: relative;
  overflow: hidden;
  padding: 100px 0px 100px 0px;
  background-size: cover;
}

.p-semi:before {
  content: "";
  position: absolute;
  background: rgba(12, 34, 53, 0.75);
  top: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
}

.semi-inn {
  width: 75%;
  margin: 0 auto;
}

.semi-com {
  float: left;
  box-sizing: border-box;
  position: relative;
}

.semi-left {
  width: 60%;
  padding: 0px 100px 0px 0px;
}

.semi-right {
  width: 40%;
}

.semi-text {
  text-align: left;
}

.semi-form {
  background: #03294e;
  padding: 30px;
  border-radius: 4px;
  box-shadow: -2px 18px 42px -22px rgba(0, 0, 0, 0.8);
}

.semi-deta {
  margin-top: 30px;
  position: relative;
  overflow: hidden;
}

.semi-deta ul li {
  font-weight: 700;
  color: #8d969e;
  line-height: 32px;
  font-family: "Josefin Sans", sans-serif;
  float: left;
  display: inline-block;
  padding: 4px 10px 0px 10px;
  border: 1px solid #374450;
  margin: 0px 8px 8px 0px;
  background: #1f3c58;
}

.semi-deta ul li span {
  /* font-weight: 700;
     */
  color: #b4bec7;
  padding-left: 10px;
}

/*-------------------------------------------------*/
/* = 28.EVENTS 
/*-------------------------------------------------*/
.pg-eve-date {
  width: 75px;
}

.pg-eve-reg {
  float: right;
  margin-top: 35px;
}

.pg-eve-reg a {
  padding: 6px 25px;
  border-radius: 3px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  height: 35px;
  text-align: center;
  color: #02294e;
  border: 1px solid #02294e;
  margin-left: 10px;
}

.pg-eve-reg a:hover {
  color: #ffffff;
  border: 1px solid #d45023;
  background: #f26838;
}

.p-event {
  background: url(../images/event-bg.jpg);
}

.p-event:before {
  background: #8d54e9;
  background: #4776e6;
  background: -webkit-linear-gradient(to right, #8e54e9, #4776e6);
  background: linear-gradient(to right, #8e54e9, #4776e6d6);
}

.eve-reg-text p {
  color: #dfcdff;
}

.eve-deta ul li {
  background: #625ed4;
  border: 1px solid #8d86e4;
  color: #edeeef;
}

.eve-deta ul li span {
  color: #c8ccd0;
}

.pg-pagina {
  margin: 0 auto;
  display: table;
  margin-top: 50px;
}

.pg-eve-main ul li:hover .pg-eve-reg a:nth-child(1) {
  color: #ffffff;
  border: 1px solid #d45023;
  background: #f26838;
}

.head-2 {
  padding: 55px 0px 40px 0px;
  background: url(../images/event-bg.jpg);
  position: relative;
}

.head-2:before {
  content: "";
  position: absolute;
  background: #4776e6;
  background: -webkit-linear-gradient(to right, #8e54e9, #4776e6);
  background: linear-gradient(to right, #8e54e9, #4776e6d6);
  top: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
}

.head-2-inn {
  position: relative;
  text-align: center;
}

.head-2-inn h1 {
  margin-top: 0px;
  color: #fff;
  padding-bottom: 18px;
  line-height: 42px;
}

.head-2-inn p {
  color: #dfcdff;
}

.event-head-sub {
  display: inline-block;
  margin-top: 8px;
}

.event-head-sub ul li {
  color: #dfcdff;
  float: left;
  margin-right: 15px;
  border: 1px solid #bfcaec;
  padding: 0px 10px;
  border-radius: 15px;
  margin-bottom: 10px;
}

/*-------------------------------------------------*/
/* = 29.CONTACT US 
/*-------------------------------------------------*/
.new-con {
  text-align: center;
}

.new-con h2 {
  color: #f26838;
  text-transform: uppercase;
  margin-top: 8px;
  font-size: 24px;
  font-weight: 700;
}

.new-con h2 span {
  color: #13293d;
}

.new-con h4 {
  text-transform: uppercase;
  padding-bottom: 12px;
  color: #13293d;
  font-weight: 700;
}

.new-con p a {
  color: #848080;
}

.new-con img {
  margin: 0 auto;
  display: block;
  width: 32px;
}

.new-con h2 span {
  color: #13293d;
  text-transform: uppercase;
  margin-top: 8px;
  font-size: 24px;
  font-weight: 700;
}

.contact-map {
  margin: 0px;
}

.contact-map iframe {
  width: 100%;
  height: 550px;
  border: 0px;
  margin-bottom: -5px;
  display: block;
  pointer-events: none;
  position: relative;
  /* IE needs a position other than static */
}

.contact-map iframe.clicked {
  pointer-events: auto;
}

.overlay-contact {
  position: relative;
  background-color: white;
  width: 40%;
  border-radius: 5px;
  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.29);
  margin-top: -590px;
  border: 5px #1f4363;
  border-style: dashed;
  overflow: hidden;
  padding-bottom: 15px;
}

.map-head {
  text-align: center;
  text-transform: uppercase;
  padding: 0px 0px 15px 0px;
}

.map-head p {
  margin-bottom: 0px;
  display: inline-block;
  font-size: 18px;
  color: #13293d;
  font-weight: 700;
}

.map-head p:before {
  content: "";
  position: absolute;
  width: 50px;
  height: 1px;
  /* background: #13293D;
     */
  margin-left: 4%;
  margin-top: 27px;
}

.map-head p:after {
  content: "";
  position: absolute;
  width: 50px;
  height: 1px;
  /* background: #13293D;
     */
  margin-left: 0px;
  margin-top: 11px;
  left: 50%;
  margin-top: 27px;
}

.map-head h2 {
  margin-top: 0px;
  text-transform: uppercase;
  margin-bottom: 0px;
  font-size: 48px;
  padding: 8px 0px;
  color: #f26838;
  line-height: 42px;
}

.footer-part-form ul {
  padding: 25px 25px 5px 25px;
}

.footer-part-form ul li {
  list-style-type: none;
  margin-bottom: 8px;
}

.footer-part-form ul li input {
  width: 95%;
  padding: 6px 10px;
  /* padding-left: 15px;
     */
  border: 1px solid #eae8e8;
  margin-bottom: 10px;
  font-size: 14px;
  box-sizing: border-box;
}

.footer-part-form ul li textarea {
  width: 97.5%;
  padding: 6px;
  border: 1px solid #eae8e8;
  resize: none;
  height: 90px;
}

.footer-part-form ul li input[type="submit"] {
  background: #f26838;
  border: 0px solid #c4c4c4;
  color: #fff;
  width: 100%;
  letter-spacing: 1px;
  font-weight: 700;
}

/*-------------------------------------------------*/
/* = 30.MOBILE MANU 
/*-------------------------------------------------*/
.ed-mob-menu {
  top: 0px;
  width: 100%;
  background: #fff;
  /* box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.32); */
  z-index: 999;
  display: none;
}

.ed-mob-menu-con {
  width: 90%;
  margin: 0 auto;
}

.ed-mm-left {
  float: left;
  width: 50%;
  box-sizing: border-box;
}

.ed-mm-right {
  float: left;
  width: 50%;
  box-sizing: border-box;
}

.ed-micon {
  float: right;
  color: #522774;
}

.ed-micon i {
  width: 32px;
  height: 32px;
  border: 1px solid #522774;
  text-align: center;
  font-size: 20px;
  padding: 5px;
  border-radius: 2px;
  margin-top: 50px;
  color: #522774;
  cursor: pointer;
}

.ed-mm-inn {
  position: fixed;
  width: 70%;
  background: #fff;
  padding: 50px 25px;
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.32);
  overflow-y: auto;
  right: -100%;
  z-index: 9;
  height: 100%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.ed-mm-act {
  right: 0%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.ed-mi-close {
  position: absolute;
  z-index: 99;
  left: 20px;
  top: 0;
}

.ed-mi-close i {
  width: 32px;
  height: 32px;
  border: 1px solid #522774;
  text-align: center;
  font-size: 20px;
  padding: 5px;
  border-radius: 2px;
  margin-top: 10px;
  color: #522774;
  cursor: pointer;
}

.ed-mm-inn ul {
  margin-bottom: 30px;
  margin-top: 10px;
}

.ed-mm-inn ul li a {
  display: block;
  padding: 6px 0px 6px 25px;
  font-size: 14px;
}

.ed-mm-inn ul li a:before {
  content: "\f105";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  font-size: 14px;
  color: black;
  margin-left: -25px;
}

.ConsultBtn a:before {
  display: none;
}

.ConsultBtn a {
  margin-right: 0 !important;
}

.affix {
  position: fixed;
  top: 0px;
  width: 100%;
  height: 60px;
  background: #fff;
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.32);
  z-index: 999;
  padding: 1px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.sb1 {
  background: #002147;
  position: fixed;
  width: 100%;
  top: 0px;
  z-index: 9999;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.48);
}

.sb1 h3 {
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
}

.sb1-2 {
  float: right;
}

.sb1-2 button {
  background: #2d3a40;
  border: 0px;
  color: #fff !important;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 12px;
  padding: 20px;
  border-radius: 0px;
}

.sb2 {
  background: #002147;
  margin-top: 59px;
}

.sb2-1 {
  float: left;
  width: 20%;
  background: #263238;
  color: #fff;
  height: 100%;
  position: absolute;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.sb2-1 a {
  color: #cecece;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.sb2-1 a:hover {
  color: #fff;
  /* padding-left: 30px; */
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  text-decoration: none;
}

.sb2-12 {
  position: relative;
  overflow: hidden;
  padding: 15px;
  background: #e66030;
}

.sb2-12 ul {
  padding: 0px;
}

.sb2-12 ul li {
  float: left;
  display: inline-block;
}

.sb2-12 ul li:nth-child(1) {
  width: 15%;
}

.sb2-12 ul li:nth-child(2) {
  width: 70%;
  padding: 0px 7px;
}

.sb2-12 ul li:nth-child(3) {
  width: 10%;
}

.sb2-12 ul li img {
  width: 30px;
  border-radius: 50%;
}

.sb2-12 ul li h5 {
  margin-bottom: 0px;
  margin-top: 0px;
  font-size: 14px;
  color: #fff;
}

.sb2-12 ul li h5 span {
  display: block;
  font-size: 12px;
  color: #ffcfbe;
  margin-top: -4px;
}

.sb2-13 {
  background: #002147;
}

.sb2-13 ul {
  margin-left: 0px;
  padding-left: 0px;
  margin-bottom: 0px;
}

.sb2-13 ul li {
  list-style-type: none;
}

.sb2-13 ul li a {
  display: block;
  font-size: 13.5px;
  padding: 10px 0px;
  border-bottom: 1px solid #002958;
  padding: 12px 20px;
  background: #002147;
}

.sb2-13 ul li a:after {
  font-family: FontAwesome;
  content: "\f105";
  font-size: 16px;
  display: block;
  position: absolute;
  margin-top: -15px;
  right: 20px;
  font-size: 12px;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.2s ease-in-out;
  -o-transition: -webkit-transform 0.2s ease-in-out;
  transition: -webkit-transform 0.2s ease-in-out;
}

.sb2-13 ul li a:hover:after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.sb2-13 ul li a:focus:after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.sb2-13 ul li a:hover {
  background: #022c5d;
}

.sb2-13 ul li a:focus {
  background: #022c5d;
}

.menu-act {
  background: #57666d;
}

.sb2-13 ul li a i {
  margin-right: 8px;
  width: 16px;
}

.sb2-2 {
  float: left;
  width: 80%;
  padding: 40px;
  margin-left: 20%;
  background: #e3e8ea;
}

.sb2-2-1 {
  background: #fff;
  padding: 25px;
}

.sb2-2-1 h2 {
  margin-top: 0px;
}

.sb2-2-1 table {
  width: 100%;
}

.sb2-2-1-edit i {
  color: #ff5722;
}

.sb2-2-add-blog textarea {
  width: 100%;
  display: block;
  border: 1px solid #ccc;
  border-radius: 4px;
  height: 200px;
}

.sa-blog-post {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #d2d2d2;
  padding: 25px 0px;
}

.sa-blog-post h2 {
  color: #000;
  font-weight: 700;
}

.sa-blog-post span {
  font-style: italic;
  color: #888;
}

.sa-blog-post span b {
  font-weight: 500;
  color: #000;
}

.sa-blog-post img {
  width: 100%;
  padding-bottom: 25px;
  padding-top: 20px;
}

.sa-blog-post p {
  color: #888;
  font-size: 15px;
  line-height: 24px;
  padding-bottom: 15px;
}

.sa-blog-post-btn {
  background: #f7941e;
  color: #fff;
  padding: 5px;
}

.sa-blog-com-1 {
  padding: 50px 0px;
}

.sa-blog-rece h3 {
  text-transform: uppercase;
  font-size: 18px;
}

.sa-blog-rece ul {
  padding: 0px;
}

.sa-blog-rece ul li {
  list-style-type: none;
}

.sa-blog-rece ul li a {
  border-bottom: 1px solid #e1e6ec;
  color: #a2a2a2 !important;
  font-weight: 200 !important;
  line-height: 40px;
  padding-bottom: 7px;
  font-size: 14px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.sa-blog-rece ul li a:hover {
  padding-left: 8px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.sa-blog-rece ul li a i {
  padding-right: 8px;
}

.sa-blog-g {
  padding-top: 50px;
}

.n-blog-top {
  background: #000000;
  padding: 10px 0px;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.8);
}

.blog-logo a img {
  width: 175px;
}

.blog-soc ul {
  padding: 0px;
  float: right;
  margin-bottom: 0px;
  padding-top: 25px;
}

.blog-soc ul li {
  float: left;
  display: inline-block;
  padding-right: 6px;
}

.blog-soc ul li a i {
  color: #ffffff;
  width: 24px;
  height: 24px;
  /* border: 1px solid #6d6d6d; */

  padding: 5px;
  text-align: center;
  border-radius: 20px;
  background: #f7941e;
}

.blog-copy {
  padding: 50px;
  background: #000;
  color: #fff;
}

.blog-copy p {
  text-align: center;
  margin-bottom: 0px;
}

.blog-copy p a {
  color: #fff;
}

.blog-login {
  background: url(../images/bg-2.html) no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

.blog-login-in {
  position: relative;
  width: 30%;
  margin: 0 auto;
  margin-top: 7%;
  background: #fff;
  padding: 40px;
  border-radius: 3px;
  box-shadow: 0px 0px 50px 2px rgba(0, 0, 0, 0.51);
}

.blog-login-in form {
  position: relative;
}

.blog-login-in form img {
  margin: 0 auto;
  display: table;
  padding-bottom: 25px;
}

.blog-login-in button {
  color: #fff;
  background-color: #fff;
  border-color: #428433;
  background: #4e923f;
  font-weight: 700;
}

.blog-login-in a {
  display: block;
}

/*-------------------------------------------------------*/
/* 2.LEFT MENU
/*-------------------------------------------------------*/

.left-sub-menu {
  padding: 0px;
}

.left-sub-menu ul li {
  list-style-type: none;
  border-bottom: 1px solid #002856;
}

.left-sub-menu ul li:last-child {
  border-bottom: 0px solid #303b40;
}

.left-sub-menu ul li a {
  display: block;
  font-size: 13.5px;
  padding: 10px 24px 10px 45px;
}

.left-sub-menu ul li a:hover {
  background: none;
  padding-left: 55px;
}

.left-sub-menu ul li a:focus {
  background: none;
}

.left-sub-menu ul li a:after {
  display: none;
}

.sb2-2-2 {
  position: relative;
  overflow: hidden;
  margin-bottom: 15px;
}

.sb2-2-2 ul {
  padding: 0px;
  margin-bottom: 0px;
}

.sb2-2-2 ul li {
  list-style-type: none;
  float: left;
  padding-right: 5px;
}

.sb2-2-2 ul li a {
  color: #495d65;
  vertical-align: middle;
}

.sb2-2-2 ul li a i {
  padding-right: 2px;
}

.active-bre:before {
  content: "/";
  padding: 0 5px;
  color: #333;
}

.my-acc:hover {
  background: #4b5a61 !important;
}

.my-acc:focus {
  background: #4b5a61 !important;
}

/*-------------------------------------------------------*/
/* 3. HOME PAGE COUNTING
/*-------------------------------------------------------*/

.db-1 {
  position: relative;
  overflow: hidden;
  margin-top: 25px;
  display: none;
}

.db-1 ul {
  padding: 0px;
  margin-bottom: 0px;
}

.db-1 ul li {
  width: 23%;
  float: left;
  list-style-type: none;
  background: #00bcd4;
  /* padding: 5px; */

  margin-right: 10px;
}

.db-1 ul li:nth-child(1) {
  background: #00bcd4;
}

.db-1 ul li:nth-child(2) {
  background: #00d4ca;
}

.db-1 ul li:nth-child(3) {
  background: #00d499;
}

.db-1 ul li:nth-child(4) {
  background: #ffc107;
}

.db-icon-le {
  width: 30%;
  float: left;
}

.db-icon-le i {
  text-align: center;
  font-size: 28px;
  padding: 18px 20px;
  color: #fff;
}

.db-icon-ri {
  width: 70%;
  float: left;
  background: #e3e8ea;
  padding: 0px 10px;
}

.db-icon-ri h5 {
  font-weight: 700;
  margin-top: 12px;
  margin-bottom: 7px;
}

.bor {
  border: 1px solid #cccccc;
  padding: 25px;
  margin-bottom: 25px;
  margin-top: 25px;
}

.bor h3 {
  margin-top: 10px;
}

/*-------------------------------------------------------*/
/* 3.1 HOME PAGE COUNTING TWO
/*-------------------------------------------------------*/

.db-2 {
  /* background: #e3e8ea; */
  /* padding: 25px; */

  margin-top: 30px;
  position: relative;
  overflow: hidden;
}

.db-2 ul {
  margin-bottom: 0px;
  padding: 0px;
}

.db-2 ul li {
  width: 25%;
  float: left;
  list-style-type: none;
}

/*-------------------------------------------------------*/
/* 4.DASHBOARD
/*-------------------------------------------------------*/

.dash-book {
  background: #e3e8ea;
  padding: 30px 25px 35px 25px;
  text-align: center;
  margin: 2px;
  position: relative;
  overflow: hidden;
}

.dash-book i {
  font-size: 72px;
  color: #b4babd;
}

.dash-book h5 {
  font-size: 28px;
  color: #fff;
  padding-bottom: 25px;
}

.dash-book h4 {
  font-size: 74px;
  margin-bottom: 40px;
  margin-top: 8px;
}

.dash-book a {
  border: 1px solid #021f40;
  padding: 5px 10px;
  color: #ffffff;
  border-radius: 2px;
  background: #002147;
  font-weight: 700;
  font-size: 13px;
  line-height: 26px;
}

.dash-book a:hover {
  color: #fff;
  background: #0e76a8;
  border: 1px solid #0d638c;
}

.dash-book a:focus {
  color: #fff;
}

.dash-b-1 h4 {
  color: #00bcd4;
}

.dash-b-2 h4 {
  color: #00d4ca;
}

.dash-b-3 h4 {
  color: #00d499;
}

.dash-b-4 h4 {
  color: #ffc107;
}

.sb2-2-3 {
  /* background:#fff; */

  margin-top: 30px;
}

.list-img img {
  width: 30px;
  height: 30px;
  border-radius: 50px;
}

.list-enq-name {
  display: block;
  font-weight: 700;
  color: #263238;
}

.dash-b-1 {
  background: url("../images/bg/1.jpg") no-repeat center;
  background-size: cover;
}

.dash-b-2 {
  background: url("../images/bg/2.jpg") no-repeat center;
  background-size: cover;
}

.dash-b-3 {
  background: url("../images/bg/3.jpg") no-repeat center;
  background-size: cover;
}

.dash-b-4 {
  background: url("../images/bg/4.jpg") no-repeat center;
  background-size: cover;
}

/*-------------------------------------------------------*/
/* 5. INNER PAGE TITLE
/*-------------------------------------------------------*/

.inn-title {
  padding: 15px 25px;
  background: #002147;
}

.inn-title h4 {
  font-weight: 700;
  padding-bottom: 0px;
  color: #fff;
}

.txt-danger {
  color: #ea6c41;
}

.inn-title p {
  /* padding-bottom: 10px; */
  color: #929292;
  margin-bottom: 0px;
  display: none;
}

/*-------------------------------------------------------*/
/* 6. SUCCESS MESSAGE AND TABLE
/*-------------------------------------------------------*/

.txt-success i {
  color: #469408;
  margin-right: 10px;
}

.table-desi {
  overflow-x: hidden;
}

.table-desi thead tr th {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
}

.table-desi tbody tr {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.table-desi tbody tr:hover {
  -webkit-transform: scale(1.01);
  transform: scale(1.01);
}

.table-desi tbody tr td {
  color: #929292;
  padding: 15px 8px 12px 8px !important;
}

.table-desi i {
  background: #58b392;
  color: #ffffff;
  padding: 5px 6px;
  border-radius: 2px;
  font-size: 13px;
  text-align: center;
  margin-right: 10px;
}

.table-desi tbody tr td a {
  color: #929292;
}

/*-------------------------------------------------------*/
/* 7.DROPDOWN
/*-------------------------------------------------------*/

.drop-down-meta {
  position: absolute;
  right: 30px;
  padding: 3px;
  color: black;
  z-index: 999;
  top: 15px;
  background: #e3e8ea;
  width: 30px;
  height: 30px;
  border-radius: 25px;
}

.drop-down-meta:hover {
  background: #29a0da;
  color: #fff;
}

.box-inn-sp {
  background: #fff;
  /* padding: 25px; */
}

/*-------------------------------------------------------*/
/* 8. TAB AND SEARCH
/*-------------------------------------------------------*/

.tab-inn {
  padding: 25px;
}

.tab-posi {
  position: relative;
  overflow: hidden;
}

.top-menu-sty {
  width: 250px !important;
}

.my-btn {
  color: #ffffff;
  background: #57666d;
  padding: 21px;
  line-height: 18px;
  font-weight: 700;
}

.app-search {
  position: relative;
  margin: 12px 15px 8px 5px;
  font-size: 13px;
  color: #626773;
  padding-left: 20px;
  padding-right: 40px;
  background: transparent;
  border: 1px solid rgba(122, 125, 132, 0.15);
  box-shadow: none;
  border-radius: 30px;
  height: 36px;
  font-weight: 600;
  width: 100%;
}

.app-search input {
  border-bottom: 0px !important;
  /* line-height: 7px !important; */

  height: 35px !important;
  color: #cecece;
}

.app-search a {
  position: absolute;
  top: 8px;
  right: 16px;
  color: #7a7d84;
}

.box-second-inn {
  margin-top: 30px;
}

.mar-bot-20 {
  margin-bottom: 20px;
}

.icon-container .icon-preview {
  height: 90px;
  text-align: center;
}

.icon-container span {
  display: block;
}

.icon-container i {
  font-size: 3em;
  margin-bottom: 10px;
}

.tab-pad {
  padding-top: 20px !important;
}

.tab-col {
  padding: 20px !important;
  color: #000;
}

/*-------------------------------------------------------*/
/* 9. LIST ACTION
/*-------------------------------------------------------*/

.list-act-hom ul {
  padding: 0px;
  padding-top: 5px;
}

.list-act-hom ul li {
  position: relative;
  overflow: hidden;
  padding-left: 70px;
}

.list-act-hom ul li i {
  width: 35px;
  height: 35px;
  background: #0e76a8;
  border-radius: 50%;
  text-align: center;
  padding: 9px 10px;
  margin-left: -68px;
  position: absolute;
  z-index: 99;
  color: #fff;
  font-size: 18px;
}

.list-act-hom ul li h4 {
  margin-top: 7px;
  font-weight: 700;
  color: #263238;
  font-size: 16px;
  padding-bottom: 14px;
}

.list-act-hom ul li h4 span {
  color: #929292;
}

.list-act-hom ul li p {
  padding-top: 2.2px;
  color: #929292;
  padding-bottom: 2.2px;
}

.list-act-hom-con::after {
  content: "";
  background: #cecece;
  position: absolute;
  width: 1px;
  top: 0;
  bottom: 0;
  height: 100%;
  left: 19px;
}

.btn-noti {
  width: 35px;
  height: 23px;
  top: 18px;
  display: initial !important;
  color: #fff;
  font-size: 20px;
  margin-right: 20px;
}

/*-------------------------------------------------------*/
/* 10. TOP BAR
/*-------------------------------------------------------*/

.btn-noti span {
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -8px;
  height: 14px;
  border-radius: 10px;
  min-width: 15px;
  background: #4caf50;
  color: #fff;
  line-height: 14px;
  padding: 0px 2px;
  font-size: 11px;
  white-space: nowrap;
  -webkit-transform-origin: -10% center;
  -ms-transform-origin: -10% center;
  transform-origin: -10% center;
  font-family: tahoma;
  box-shadow: 0 0 0 1px #3d793f;
  text-align: center;
}

.top-user-pro {
  padding: 18px 20px;
  color: #fff;
  float: right;
}

.top-user-pro img {
  width: 25px;
  margin-right: 10px;
  border-radius: 35px;
  border: 2px solid #a1adb3;
}

.top-user-pro i {
  margin-left: 5px;
}

.top-not-cen {
  margin: 0 auto;
  display: table;
  padding-top: 5px;
}

.tab-menu {
  display: none;
}

.logo img {
  width: 100%;
}

.atab-menu {
  display: inline-block;
  cursor: pointer;
}

.btn-close-menu {
  display: none;
  z-index: 999;
  background: #0e76a8;
  color: #fff;
  position: absolute;
  left: 240px;
  padding: 5px 8px;
  border-radius: 2px;
  top: 0px;
}

.page-back {
  float: right !important;
}

.page-back a {
  background: #f44336;
  color: #fff !important;
  font-size: 12px;
  padding: 3px 8px;
  border-radius: 25px;
  font-weight: 600;
}

.nav-tabs > li > a {
  color: #0e76a8;
  font-weight: 700;
  font-size: 14px;
}

.nav-tabs > li > a i {
  width: 16px;
  color: #0e76a8;
  margin-right: 5px;
}

.coll-head {
  display: block;
  cursor: pointer;
  min-height: 3rem;
  line-height: 3rem;
  padding: 0 1rem;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
}

.coll-head i {
  width: 2rem;
  font-size: 1.6rem;
  line-height: 3rem;
  display: block;
  float: left;
  text-align: center;
  margin-right: 1rem;
}

.coll-body {
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
  padding: 2rem;
}

.btn-log-in {
  text-align: center;
}

.for-pass {
  text-align: right;
  padding-top: 15px;
  font-size: 15px;
  font-weight: 700;
  color: #0e76a8;
}

.select-pos {
  position: relative;
  /* overflow: hidden; */

  display: initial;
}

.menu-active {
  background: #ffffff !important;
  color: #000 !important;
}

.tab-map iframe {
  width: 100%;
  height: 350px;
  border: 0px;
  display: block;
  pointer-events: none;
  position: relative;
}

.ad-st-view {
  background: #e25e30;
  color: #fff !important;
  font-size: 12px;
  font-weight: 700;
  padding: 1px 5px;
  border-radius: 3px;
}

.admin-form form input {
  border: 1px solid #e2e2e2;
  height: 40px;
  border-radius: 2px;
  font-size: 14px;
  padding-left: 16px;
  box-sizing: border-box;
  margin-bottom: 8px;
}

.admin-form form textarea {
  border: 1px solid #e2e2e2;
  height: 100px;
  border-radius: 2px;
  font-size: 14px;
  padding-left: 16px;
  box-sizing: border-box;
  margin-bottom: 8px;
  padding-top: 15px;
}

.admin-form form label {
  left: 20px;
  font-size: 14px;
  top: 8px;
}

.admin-form form i {
  text-align: center;
  padding: 0px;
}

.admin-form form [type="submit"] {
  width: 100%;
  display: block;
  padding: 1px 30px;
  font-size: 14px;
  font-weight: 700;
}

.ad-cou-deta-h4 h4 {
  margin-top: 15px;
  padding-bottom: 10px;
}

.admin-upload-btn {
  height: 40px !important;
}

.admin-upload-btn span {
  color: #fff;
}

.ad-page-pre-btn {
  background: #03a9f4 !important;
}

.ad-page-pre-btn a {
  color: #fff;
  padding: 0px 10px;
  font-weight: 700;
  font-style: initial;
}

.ad-p-lr {
  padding: 0px 12px;
}

.ad-mar-bot-20 {
  margin-bottom: 20px;
}

/*-------------------------------------------------------*/
/* HOME PAGE 2
/*-------------------------------------------------------*/
.h2-hero {
  background: url("../images/ban-bg.png"), url("../images/seminar-bg.jpg");
  background-repeat: repeat-x, no-repeat;
  background-size: 40%, cover;
  background-position: bottom, center;
  padding: 50px 0px;
  position: relative;
  overflow: hidden;
}

.h2-hero:before {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  background: #005c97;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #363795, #005c97);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(
    to right,
    rgba(54, 55, 149, 0.8901960784313725),
    #005c9794
  );
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.h2-hero-inn {
  position: relative;
  overflow: hidden;
}

.ed-ban {
  padding: 30px 0px 50px 0px;
}

.ed-ban-tit {
  float: left;
  width: 55%;
  box-sizing: border-box;
  padding: 26px 50px 25px 0px;
}

.ed-ban-tit-1 h1 {
  font-size: 42px;
  font-weight: 700;
  line-height: 42px;
  color: #fff;
}

.ed-ban-tit-1 h1 span {
  font-size: 32px;
  font-weight: 300;
  font-family: "Open Sans", sans-serif;
  color: #fff;
}

.ed-ban-tit-2 {
  margin: 30px 0px 30px 0px;
  position: relative;
  overflow: hidden;
}

.ed-ban-tit-2 h4 {
  float: left;
  font-size: 24px;
  text-transform: uppercase;
  color: #fff;
}

.ed-ban-tit-2 h4 span {
  left: 125px;
}

.ed-bann-line {
  width: 55%;
  height: 1px;
  background: #2659ab;
  display: inline-block;
  position: absolute;
  top: 12px;
}

.ed-bann-line1 {
  width: 100%;
  height: 1px;
  background: #2659ab;
  display: inline-block;
  position: absolute;
  top: 22px;
}

.ed-ban-tit-3-com {
  margin-bottom: 30px;
}

.ed-ban-tit-31 {
  width: 50%;
  float: left;
  box-sizing: border-box;
}

.ed-ban-cal-le {
  width: 75px;
  height: 70px;
  background: #e66030;
  border-radius: 2px;
  text-align: center;
  float: left;
  margin-right: 20px;
}

.ed-ban-cal-le span {
  display: block;
  color: #fff;
}

.ed-ban-cal-le span:nth-child(1) {
  font-size: 30px;
  font-weight: 700;
  padding: 12px 0px 6px 0px;
}

.ed-ban-cal-le span:nth-child(2) {
  background: #002147;
  margin-top: 3px;
  text-transform: uppercase;
  padding-top: 1px;
}

.ed-ban-cal-ri {
  float: left;
}

.ed-ban-cal-ri span {
  display: block;
}

.ed-ban-cal-ri span:nth-child(1) {
  font-size: 22px;
  font-weight: 600;
  margin-top: 10px;
  padding-bottom: 5px;
  color: #fff;
}

.ed-ban-cal-ri span:nth-child(2) {
  font-weight: 300;
  font-size: 16px;
  color: #fff;
}

.ed-ban-tit-32 {
  width: 50%;
  float: left;
  box-sizing: border-box;
}

.ed-ref-form {
  float: left;
  width: 45%;
  box-sizing: border-box;
  padding-left: 60px;
}

.ed-ref-form-inn {
  background: #f8f8f8;
  padding: 30px;
  border-radius: 4px;
  box-shadow: 0 3px 15px -5px rgba(0, 0, 0, 0.7);
  border-radius: 5px;
  /* box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.29); */
  border: 3px #002147;
  border-style: dashed;
}

.ed-ref-form-inn h4 {
  font-size: 22px;
  text-align: center;
  line-height: 32px;
}

.ed-ref-form-inn form ul li {
  margin-bottom: 18px;
  position: relative;
  display: inline-block;
  width: 49%;
}

.ed-ref-form-inn form ul li:last-child {
  width: 100%;
}

.ed-ref-form-inn form ul li label {
  font-size: 14px !important;
}

.ed-ref-form-inn form ul li input {
  width: 100%;
  display: block;
  border: 0px;
  border-bottom: 1px solid #d4d4d4;
  line-height: 24px;
  font-size: 16px;
  outline: none;
  height: 40px;
  background: #f8f8f8;
  padding-left: 41px;
  box-sizing: border-box;
}

.ed-ref-form-inn form ul li:nth-child(1) input {
  background: url(../images/icon/form-1.png) no-repeat;
  background-size: 24px;
  background-position: 0px 8px;
}

.ed-ref-form-inn form ul li:nth-child(2) input {
  background: url(../images/icon/form-2.png) no-repeat;
  background-size: 21px;
  background-position: 0px 10px;
}

.ed-ref-form-inn form ul li:nth-child(3) input {
  background: url(../images/icon/form-3.png) no-repeat;
  background-size: 22px;
  background-position: 0px 8px;
}

.ed-ref-form-inn form ul li:nth-child(4) input {
  background: url(../images/icon/form-4.png) no-repeat;
  background-size: 24px;
  background-position: 0px 6px;
}

.ed-ref-form-inn form ul li input:focus ~ .floating-label,
input:not(:focus):valid ~ .floating-label {
  top: -5px;
  bottom: 10px;
  left: 40px;
  font-size: 11px;
  opacity: 0;
}

.floating-label {
  position: absolute;
  pointer-events: none;
  left: 40px;
  top: 7px;
  transition: 0.2s ease all;
  color: #8c8c8c;
}

.ed-ref-form-inn form ul li input[type="submit"] {
  background: #e66030;
  color: #fff;
  height: 50px;
  line-height: 50px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  padding-left: 0px;
}

.fi-com {
  width: 24px;
  height: 24px;
  display: inline-block;
  position: absolute;
  top: 6px;
}

.fi-name {
  background-position: -1px -72px;
}

.fi-email {
  background-position: -43px -72px;
}

.fi-phone {
  background-position: -84px -73px;
  height: 26px;
}

.fi-company {
  background-position: -128px -74px;
}

.ed-css {
  padding: 70px 0px;
}

.ed-high-inn {
  text-align: center;
}

.ed-high-inn h2 {
  font-size: 36px;
}

.ed-high-bene {
  margin-top: 25px;
}

.ed-high-bene ul {
  margin-top: 0px;
}

.ed-high-bene ul li {
  width: 20%;
  float: left;
  padding: 20px;
  padding-bottom: 0px;
  box-sizing: border-box;
}

.ed-high-bene ul li p {
  margin-bottom: 0px;
}

.ed-be-com {
  width: 90px;
  height: 90px;
  background: url(../images/sprite.png), #e5e5e5;
  border-radius: 50px;
  margin: 0 auto;
  margin-bottom: 20px;
}

.ed-be-1 {
  background-position: -174px 14px;
}

.ed-be-2 {
  background-position: -250px 15px;
}

.ed-be-3 {
  background-position: -341px 15px;
}

.ed-be-4 {
  background-position: -425px 12px;
}

.ed-be-5 {
  background-position: -507px 15px;
}

/*-------------------------------------------------*/
/* =  BLOG PAGE CSS Styles
/*-------------------------------------------------*/
.pg-blog {
  width: 70%;
  margin: 0 auto;
}

.pg-blog ul li {
  margin-bottom: 25px;
  padding-bottom: 40px;
}

.pg-blog h4 {
  margin-bottom: 20px;
}

.pg-blog img {
  width: 100%;
  margin-bottom: 20px;
}

.pg-blog-reg {
  float: left;
  margin-left: 92px;
}

.pg-blog-desc {
  margin-left: 100px;
}

.blog-share-btn ul li {
  margin-bottom: 0px;
  padding-bottom: 15px;
  border-bottom: 0px;
  padding-top: 0px;
  line-height: 26px;
}

/*-------------------------------------------------*/
/* =  RESARCH PAGE CSS Styles
/*-------------------------------------------------*/
.ed-res-bg {
  background: url(../images/map.png) no-repeat center center #f1f1f1;
}

.ed-rese-grid {
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #ececec;
  position: relative;
  /* display: inline-block; */
  overflow: hidden;
  margin: 0px 8px;
  box-shadow: 0px 7px 12px -9px rgba(14, 14, 14, 0.8);
}

.ed-rese-grid {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.ed-rese-grid:hover {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}

.ed-rsear-in {
  margin: 0 auto;
  display: table;
  position: relative;
  overflow: hidden;
  width: 80%;
}

.ed-rsear-in ul li {
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding: 10px;
}

.ed-rsear-img {
  float: left;
}

.ed-rsear-img img {
  width: 90px;
}

.ed-rsear-dec {
  float: left;
  padding: 20px;
}

.ed-rsear-dec h4 a {
  text-transform: uppercase;
  font-size: 14px;
  color: #000;
  font-weight: 700;
}

.ed-rsear-dec a {
  font-size: 14px;
  font-weight: 600;
  color: #8f98a9;
}

.ed-rsear-dec a span {
  font-size: 14px;
  color: #33a923;
  font-weight: 600;
}

.ed-flag {
  position: absolute;
  right: 20px;
  top: 20px;
}

.ed-flag img {
  border-radius: 10px;
}

.ed-faci-full-top img {
  width: 100%;
}

.ed-faci-full-bot h4 {
  margin-bottom: 15px;
}

.ed-faci-full-bot p {
  font-size: 12px;
}

.read-line-btn {
  padding: 6px 25px;
  border-radius: 3px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  height: 35px;
  text-align: center;
  /* margin: 0px 10px; */
  /* background: linear-gradient(to top, #ef612f, #f36b3b); */
  color: #02294e !important;
  border: 1px solid #02294e;
  margin-top: 10px;
  display: inline-block;
}

.ed-rese-grid-mar-bot-30 {
  margin-bottom: 30px;
}

.s17-eve-time {
  width: 100%;
  border-bottom: 1px solid #ececec;
  padding: 10px 10px 25px 10px;
  margin-bottom: 25px;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}

.s17-eve-time-tim {
  float: left;
  width: 25%;
  box-sizing: border-box;
}

.s17-eve-time-msg {
  float: left;
  width: 75%;
  padding-right: 80px;
  box-sizing: border-box;
}

.ed-pho-gal ul li {
  float: left;
  width: 20%;
}

.ad-log-main {
  position: fixed;
  overflow: hidden;
  background: #005c97;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #363795, #005c97);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #363795, #005c97);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  width: 100%;
  height: 100%;
}

.ad-log-in {
  position: relative;
  overflow: hidden;
  width: 40%;
  margin: 25px;
  margin: 0 auto;
  text-align: center;
  background: #fff;
  padding: 50px;
  margin-top: 50px;
  border-radius: 4px;
}

.ad-log-in-con {
  position: relative;
  overflow: hidden;
}

.ad-log-in-con h4 {
  margin-bottom: 15px;
  margin-top: 15px;
  text-transform: uppercase;
  font-weight: 700;
  color: #e66030;
}

/* New CSS */
.HeaderBar {
  display: inline-flex;
  align-items: start;
  width: 100%;
}

.affix-top .sticklogo {
  display: none;
}

.affix .sticklogo {
  display: block !important;
  width: 60px;
}

.affix .sticklogo img {
  width: 55px;
}

.affix .mainlogo {
  display: none;
}

.ConsultBtn a {
  border: 1px solid #522774;
  background: #fff;
  color: #000 !important;
  padding: 12px 10px !important;
  font-size: 14px !important;
}

.main-menu ul .ConsultBtn a:after {
  height: 0 !important;
}

.socialMEdiaLink {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  width: 100%;
}

.service-box {
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 20px 10px;
  margin-bottom: 15px;
  background-color: white;
  transition: 0.3s;
  display: inline-flex;
  gap: 10px;
  border-left: 8px solid #fff;
}

.service-box img {
  width: 60px;
  max-height: 60px;
  height: auto;
}

.service-box:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.service-box h5 {
  text-transform: uppercase;
  color: #522774;
  font-size: 18px;
  margin-bottom: 5px;
}

.service-box:hover {
  border: 1px solid #522774;
  border-left: 8px solid #522774;
}

.ServicesSection {
  background-color: #f1f1f1;
  padding: 80px 0;
}

.ServicesSection .card {
  border-radius: 15px;
  overflow: hidden;
  padding: 5px;
}

.ServicesSection .card img {
  border-radius: 15px;
}

.ViewAll {
  position: absolute;
  right: 0;
  top: 12px;
}

.couchDetails ul li i {
  margin-right: 3px;
  position: relative;
  top: 0px;
}

.ViewAll a {
  background: #f36b3b;
  color: #fff;
  padding: 7px 9px;
  font-size: 14px;
  border-radius: 3px;
}

/* .CTASection {
    padding: 80px 0 0 0;
} */

.single-product img {
  border: 1px solid #dedede;
}

.single-product {
  margin-bottom: 40px;
}

.single-product .product-content .product-price span.old {
  text-decoration: line-through;
  opacity: 0.6;
  margin-right: 2px;
}

.product-price {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.cart-on-product a {
  font-size: 18px;
  background-color: #fff;
  border-radius: 100%;
  width: 35px;
  height: 35px;
  line-height: 35px;
  color: #522774;
  border: 1px solid #522774;
  display: block;
  text-align: center;
}

.product-content h3 {
  margin-top: 6px;
  line-height: 18px;
}

.product-area .owl-carousel .owl-nav .owl-prev {
  left: -30px;
  background-color: #522774;
  color: white;
  font-size: 24px;
  border-radius: 50%;
  position: absolute;
  top: 42%;
  transform: translateY(-42%);
  z-index: 10;
  width: 40px;
  height: 40px;
  line-height: 32px;
  transition: background-color 0.3s ease;
}

.product-area .owl-carousel .owl-nav .owl-next {
  right: -30px;
  background-color: #522774;
  color: white;
  font-size: 24px;
  border-radius: 50%;
  position: absolute;
  top: 42%;
  transform: translateY(-42%);
  z-index: 10;
  width: 40px;
  height: 40px;
  line-height: 32px;
  transition: background-color 0.3s ease;
}

.owl-carousel .owl-nav .owl-prev:hover,
.owl-carousel .owl-nav .owl-next:hover {
  background-color: #522774;
}

.owl-carousel .owl-nav .owl-prev:before {
  content: "\f104";
  font-family: "FontAwesome";
  font-weight: 900;
}

.owl-carousel .owl-nav .owl-next:before {
  content: "\f105";
  font-family: "FontAwesome";
  font-weight: 900;
}

.product-area {
  padding: 50px 0 80px 0;
}

.CoachesSection {
  padding: 80px 0;
}

.CoachesSection .item p {
  font-size: 16px;
  padding-right: 40px;
}

.couchDetails ul li {
  margin-bottom: 7px;
  font-weight: 400;
}

.couchDetails ul li i {
  margin-right: 3px;
}

.CoachesSection .owl-carousel .owl-nav .owl-next {
  background-color: #522774;
  color: white;
  font-size: 24px;
  border-radius: 50%;
  z-index: 10;
  width: 50px;
  height: 50px;
  border: none;
  outline: none;
  line-height: 40px;
  transition: background-color 0.3s ease;
}

.CoachesSection .owl-carousel .owl-nav .owl-prev {
  background-color: #522774;
  color: white;
  font-size: 24px;
  border-radius: 50%;
  z-index: 10;
  width: 50px;
  height: 50px;
  line-height: 40px;
  transition: background-color 0.3s ease;
  border: none;
  outline: none;
}

.CoachesSection .owl-nav {
  text-align: left;
}

.CoachesSection img {
  border-radius: 15px;
}

.bb-link {
  text-align: right;
}

.CartIcon {
  position: relative;
  margin-left: 15px;
}

.CartIcon a {
  font-size: 24px;
  color: #522774;
}

.CartIcon .cartbadge {
  background-color: #f06433;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  display: block;
  color: #fff;
  padding: 0;
  text-align: center;
  line-height: 18px;
  font-size: 10px;
  position: absolute;
  top: -8px;
  left: 16px;
}

.offcanvas {
  position: fixed;
  top: 0;
  left: -425px;
  width: 425px;
  height: 100%;
  background-color: #fff;
  color: white;
  padding: 0px;
  z-index: 99;
  box-shadow: 2px 5px 15px #c6c6c6;
  transition: 0.3s ease-in-out;
}

.offcanvas.show {
  left: 0;
  /* Show when active */
}

.offcanvas-body {
  flex-grow: 1;
  padding: 0rem 0rem;
  overflow-y: auto;
}

.single-cart-item img {
  width: 80px;
  border: 1px solid #eee;
  margin-right: 10px;
}

.single-cart-item .item-info {
  width: 65%;
}

.item-cart-price p {
  font-weight: 600;
  color: #111;
  white-space: nowrap;
}

.item-cart-price {
  display: grid;
  text-align: right;
}

.single-cart-item {
  display: flex;
  width: 100%;
  padding: 10px 15px;
  border-bottom: 1px solid #eee;
}

.item-cart-price a {
  font-size: 18px;
  color: #9f0005;
}

.qtySelector {
  border: 3px solid #eee;
  width: 110px;
  height: 39px;
  margin: 10px 0;
  display: flex;
}

.cart_canvas_footer {
  background: #fff;
  width: 100%;
  left: 0;
  padding: 25px 15px;
  color: #000;
}

.summaryprice h6 {
  display: flex;
  justify-content: space-between;
  color: #000;
}

.item-info h4 {
  font-size: 14px;
}

.MinicartBtn a {
  display: block;
  text-align: center;
  margin-top: 10px;
  font-size: 15px;
  padding: 10px 20px;
  background: #522774;
  color: #fff;
  text-transform: uppercase;
}

.qtySelector .fa-plus {
  border-left: 1px solid #aaa;
  background: #eee;
  color: #222;
}

.qtySelector .fa-minus {
  border-right: 1px solid #aaa;
  background: #eee;
  color: #222;
}

.qtySelector .qtyValue {
  border: none;
  padding: 0px;
  width: 35px;
  height: 100%;
  float: left;
  font-size: 15px;
  text-align: center;
}

.qtySelector .fa {
  padding: 10px 5px;
  width: 35px;
  height: 100%;
  float: left;
  cursor: pointer;
}

.BTN_Danger {
  background: transparent;
  border: none;
  float: right;
  font-size: 21px;
}

.offcanvas_header {
  background: #fff;
  display: inline-flex;
  width: 100%;
  justify-content: space-between;
  padding: 10px 15px;
  border-bottom: 1px solid #ddd;
  align-items: center;
}

.offcanvas_header h5 {
  font-size: 21px;
  font-weight: 600;
  color: #522774;
  text-transform: uppercase;
}

.offcanvas_header .BTN_Danger {
  color: #222;
}

.Mini-Cart-container ul {
  margin: 20px 0;
}

.BTN_Danger:hover {
  background-color: transparent;
}

.preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background-color: #522774;
  display: flex;
  align-items: center;
  justify-content: center;
}

.loading-container,
.loading {
  height: 100px;
  position: relative;
  width: 100px;
  border-radius: 100%;
}

.loading-container {
  margin: 40px auto;
}

.loading {
  border: 1px solid transparent;
  border-color: transparent #fff transparent #fff;
  animation: rotate-loading 1.5s linear 0s infinite normal;
  transform-origin: 50% 50%;
}

.loading-container:hover .loading,
.loading-container .loading {
  transition: all 0.5s ease-in-out;
}

#loading-icon {
  position: absolute;
  top: 50%;
  left: 42%;
  max-width: 66px;
  transform: translate(-50%, -50%);
}

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

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

.footer {
  background-color: #f1f1f1;
  padding: 60px 0;
}

.footer img {
  width: 150px;
  margin-bottom: 30px;
}

.footer a {
  color: #522774;
  text-decoration: none;
}

.footer a:hover {
  text-decoration: underline;
}

.social-icons a {
  color: #fff;
  background-color: #522774;
  font-size: 20px;
  margin-right: 15px;
  width: 44px;
  height: 44px;
  border: 2px solid #fff;
  text-align: center;
  line-height: 40px;
  border-radius: 100%;
  display: inline-block;
}

.footer-link a {
  margin: 0 15px;
  position: relative;
  color: #522774;
}

.footer-bottom {
  border-top: 1px solid #522774;
  padding-top: 15px;
  text-align: center;
}

.footer-link {
  text-align: left;
}

.footer-bottom .copyright {
  text-align: center;
  color: #000;
}

.footer .fw-bold {
  font-size: 21px;
  font-weight: 600;
  color: #000;
  margin-bottom: 15px;
}

.footer p {
  color: #000;
}

.footer_Section {
  margin-top: 30px;
  margin-bottom: 20px;
}

.footer .row {
  margin-bottom: 10px;
}

.HeroLeft {
  position: relative;
}

.HeroLeft h1 {
  font-weight: 500;
  font-size: 53px;
  line-height: 1;
  padding-left: 40px;
  text-align: left;
  text-transform: uppercase;
}
.HeroLeft p {
  font-size: 28px;
  line-height: 1.3;
  font-weight: 400;
  padding-left: 40px;

  text-align: left;
}

.hr-horizontal {
  width: 102%;
  height: 2px;
  background-color: #522774;
  position: relative;
  left: -20px;
}
.hr-horizontal-2 {
  width: 100%;
  height: 2px;
  background-color: #522774;
  position: relative;
  right: 0px;
}

.HeroSection {
  padding: 150px 0 10px 0;
}
.orgainisation-content {
  padding-bottom: 100px;
}
.MissionSection {
  padding: 100px 0;
}

.HeroRight img {
  width: 80%;
  margin-left: auto;
  margin-right: 0;
}
.HeroRight {
  text-align: center;
}
/* .service-heading {
  padding: 0 20px;
} */
.service-heading h1,
.MissionLeft h1,
.VisionLeft h1 {
  font-size: 53px;
  margin-bottom: 48px;
}
.MissionLeft p,
.VisionLeft p {
  font-size: 20px;
  line-height: 1.4;
  color: #333;
  font-weight: 400;
}

.BtnStyle a {
  border: 2px solid #522774;
  padding: 18px 40px;
  color: #522774;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 21px;
}
.BtnStyle a:hover {
  background: #522774;
  color: #fff;
}

.BtnStyle {
  margin-top: 45px;
}

.BtnStyle button {
  border: 2px solid #522774;
  padding: 18px 40px;
  color: #522774;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 21px;
}
.BtnStyle button:hover {
  background: #522774;
  color: #fff;
}

.BtnStyle {
  margin-top: 45px;
}

.hr-vertical {
  height: 40vh;
  width: 2px;
  background-color: #522774;
}
.hr-vertical-2 {
  height: 40vh;
  width: 2px;
  background-color: #522774;
  margin-left: 10%;
  margin-top: 40px;
}

/* .hr-vertical-3 {
  height: 20vh;
  width: 2px;
  background-color: #522774;
} */

.AboutUs-Section {
  padding: 80px 0;
}
.Service-Section {
  padding: 80px 0;
}
.organisation-Section,
.CourseSection {
  padding: 70px 0;
}

.Heading {
  margin-bottom: 70px;
}
.Heading h1 {
  font-size: 53px;
}

.AboutUsRight h1 {
  font-size: 53px;
  margin-bottom: 35px;
}

.AboutUsRight p {
  padding-right: 100px;
  line-height: 1.8;
  font-size: 16px;
  text-align: justify;
}
.AboutUsRight h6 {
  font-weight: 600;
  font-size: 14px;
  color: #000;
  margin-bottom: 8px;
}

.AboutUsRight i {
  color: orange;
}
.AboutUsRight span {
  font-weight: 400;
}
.certifiaction {
  display: flex;
  gap: 7px;
  margin-bottom: 30px;
  padding-right: 100px;
}
.certifiaction span {
  display: inline-block;
}

.servicesList {
  padding-top: 0px;
}
.ServiceCard {
  margin-bottom: 40px;
}
.ServiceCard h3 {
  color: #522774;
  font-weight: 400;
}
.ServiceCard img {
  /* border-radius: 5px; */
  box-shadow: 5px 5px 20px #eee;
}

.OwnerName {
  font-size: 27px;
  font-weight: 400;
  margin-bottom: 20px;
  margin-top: 20px;
}
.ServiceRight h3,
.ServiceLeft h3 {
  font-size: 24px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 0;
  font-family: "Playfair Display", serif;
}
.pb-50 {
  padding-bottom: 50px;
}

.ServiceRight p,
.ServiceLeft p {
  line-height: 1.8;
}

.ServiceRight img,
.ServiceLeft img {
  box-shadow: 2px 5px 20px #ddd;
}

.singleService {
  padding-top: 80px;
}
.width-100 {
  width: 100%;
}

.orgainisation-content p {
  line-height: 1.9;
}

.orgainisation-content .content {
  padding-right: 60px;
}
.Topic {
  margin-bottom: 30px;
}

.Topic h4 {
  margin-bottom: 25px;
  font-size: 32px;
  font-weight: 100;
  line-height: 1.4;
}
.orgainisation-sideimg {
  position: relative;
}

.orgainisation-sideimg img {
  right: 0;
  top: 50%;
  width: 40vw;
  height: auto;
  z-index: 0;
}
.orgainisation-sideimg-2 img {
  left: -20px;
/*  position: absolute;*/
  top: 50%;
  width: 30vw;
  height: auto;
  z-index: 0;
}

.Service-content {
  padding-bottom: 100px;
}
.Service-content img {
  object-fit: cover;
  width: 100%;
}
.Service-content .Topic p {
  line-height: 2;
}
.Service-content .img-box {
  border: 2px solid #aaa;
  border-radius: 100%;
  overflow: hidden;
  padding: 50px;
}
/* Contact Section Styling */
.contact-section {
  font-family: Arial, sans-serif;
  background-color: #ffffff;
  justify-content: center;
  align-items: center;
  padding: 80px 20px;
}
.Service-content .Topic h6 {
  font-size: 20px;
  margin-bottom: 10px;
  margin-top: 15px;
  font-weight: 100;
}
.Service-content .Topic li {
  line-height: 2;
}

.product-img {
  position: relative;
}

.icon-top-right {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  padding: 5px;
  color: #fff;
  cursor: pointer;
}

.icon-top-right a {
  color: #fff;
  text-decoration: none;
}

.icon-top-right a:hover {
  color: #f1c40f; /* Color change on hover */
}

.main-image {
  width: 100%;
  height: auto;
  border: 1px solid #ddd;
  padding: 5px;
  margin-bottom: 15px;
}

.thumb-item {
  cursor: pointer;
  padding: 0px;
  border: 2px solid transparent;
}

.thumb-item.active {
  border-color: #522774;
}

.owl-carousel .item img {
  max-height: 90px;
  width: auto;
  object-fit: cover;
}
.product-details-section {
  padding: 100px 0;
}

.contact-container {
  width: 100%;
}

/* Form Styling */
.contact-form {
  background: #f8f8f8;
  padding: 45px 20px;
  border-radius: 5px;
}
.contact-form .contact-group {
  margin-bottom: 20px;
}
/* Labels */
.contact-label {
  font-weight: 200;
  display: block;
  margin-bottom: 5px;
}

.contact-required {
  color: red;
  font-size: 12px;
}

/* Input Fields */
.contact-input,
.contact-textarea {
  width: 100%;
  padding: 10px;
  margin-top: 5px;
  border-bottom: 1px solid #9e9e9e;
  border-radius: 3px;
  font-size: 16px;
}
.contact-group input,
.contact-group textarea {
  font-size: 16px;
  background: transparent;
}

.contact-textarea {
  height: 100px;
  resize: vertical;
}

/* Name Fields */
.contact-name-fields {
  display: flex;
  gap: 10px;
}

.contact-first-name,
.contact-last-name {
  width: 50%;
}

/* Checkbox Styling */
.contact-checkbox-group label {
  display: block;
  margin-bottom: 5px;
  cursor: pointer;
}

.contact-checkbox-group input {
  margin-right: 5px;
}
.singleService img {
  margin-bottom: 25px;
}
.contact-section .Heading h1 {
  margin-left: -15px;
  margin-bottom: 0;
}
.schedule-section {
  padding: 70px 0;
}

.contactform .inputbox span,
.appoint-form .inputbox span {
  position: absolute;
  left: 0;
  padding: 5px 0px;
  font-size: 16px;
  margin: 10px 0px;
  pointer-events: none;
  transition: 0.5s;
  color: #666;
  top: -15px;
  color: #000;
}
.appoint-form .inputbox {
  position: relative;
  width: 100%;
  margin-top: 30px;
  text-align: center;
}

.appoint-form input {
  font-size: 16px;
}

.contactform .inputbox input:focus ~ span,
.contactform .inputbox input:valid ~ span,
.appoint-form .inputbox input:focus ~ span,
.appoint-form .inputbox input:valid ~ span {
  color: #000;
  font-size: 16px;
  transform: translateY(-25px);
}

.contactform .inputbox textarea:focus ~ span,
.contactform .inputbox textarea:valid ~ span,
.appoint-form .inputbox textarea:focus ~ span,
.appoint-form .inputbox textarea:valid ~ span {
  color: #000;
  font-size: 16px;

  transform: translateY(-25px);
}
.rcdcalendar {
  margin-top: 50px;
}
.booking-slots input[type="checkbox"] {
  display: none;
}
.event-title {
  margin-bottom: 25px !important;
  margin-top: 0px !important;
}

.form-check-label {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  line-height: 20px;
  font-size: 15px;
  -webkit-user-select: none;
  margin-bottom: 15px;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.calendar-sidebar p,
.calendar-sidebar .month {
  color: #fff;
}
.CalendarWrap p {
  font-size: 18px;
  line-height: 2;
  margin-bottom: 50px;
}
.input-field a {
  text-decoration: underline;
  color: #522774;
}
.signup-label {
  color: #000;
  font-weight: 400 !important;
}
.signup-group {
  margin-bottom: 25px;
}
.LanguageSwitch {
  margin-top: 18px;
  margin-left: 10px;
}
.LanguageSwitch a {
  font-weight: 600;
  font-size: 18px;
}

.accountIcon a {
  font-size: 21px;
}
.accountIcon {
  margin-top: 18px;
  margin-left: 10px;
}

.accountIcon {
  display: inline-block;
  margin-top: 13px;
  margin-left: 12px;
  font-size: 24px;
  cursor: pointer;
}

/* Modal Styles */
.logoutModal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}

.logoutModal .modal-content {
  background-color: #fff;
  margin: 15% auto;
  padding: 20px;
  border-radius: 8px;
  width: 300px;
  text-align: center;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.modal-buttons button {
  margin: 10px;
  padding: 8px 16px;
  font-size: 14px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.btn-yes {
  background-color: #28a745;
  color: white;
}

.btn-no {
  background-color: #dc3545;
  color: white;
}
.mr-2 {
  margin-right: 8px;
}
.program_Category ul li {
  list-style: disc;
}
.program_Category ul {
  padding-left: 15px;
}
.BoxCard {
  border: 1px solid #ddd;
  background-color: #f9f9f9;
  position: relative;
}

.program_Category {
  padding: 25px 20px;
}
.GeneralBtn {
  border: 2px solid #522774;
  padding: 10px 15px;
  text-align: center;
  color: #522774;
  font-weight: 500;
}
.program_Category .GeneralBtn {
  display: block;
  font-weight: 600 !important;
}
.program_Category h3 {
  margin-top: 0;
  margin-bottom: 15px;
  line-height: 1.2;
  text-transform: uppercase;
}

.enrolbadge {
  position: absolute;
  right: 7px;
  top: 7px;
  background-color: #00c000;
  color: #fff;
  display: flex;
  border-radius: 10px;
  padding: 5px;
  font-size: 12px;
  font-weight: 800;
  align-items: center;
  gap: 3px;
}
.enrolled-course {
  margin-bottom: 30px;
}
.EnrolledcoursesSectio,
.CourseDetailsSection {
  padding: 70px 0;
}
.Description_1 {
  margin-bottom: 40px;
}
.Description_1 p {
  font-size: 16px;
  line-height: 1.6;
}
.breadcumbs ul {
  list-style: none;
  display: inline-flex;
}
.breadcumbs li:after {
  content: "\f105";
  font-family: FontAwesome;
  padding: 0 10px;
}
.breadcumbs li.active a {
  color: #522774;
  font-weight: 600;
}
.breadcumbs li:last-child:after {
  content: "";
}
.Description_2 h2 {
  margin-bottom: 15px;
  color: #522774;
  margin-top: 0;
}

.next-Btn {
  border: 2px solid #522774;
  padding: 5px 10px;
  background-color: #522774;
  color: #fff;
  min-width: 80px;
  text-align: center;
}

.prev-Btn {
  border: 2px solid #ccc;
  padding: 5px 10px;
  background-color: #eee;
  color: #000;
  min-width: 80px;
  text-align: center;
}
.nextPrev .prev-Btn:hover {
  color: #000 !important;
}

.nextPrev .next-Btn:hover {
  color: #fff !important;
}

.nextPrev {
  margin-top: 2px;
  justify-content: space-between;
  display: flex;
}
.mb-4 {
  margin-bottom: 25px;
}
.mb-5 {
  margin-bottom: 35px;
}
.mb-0 {
  margin-bottom: 0;
}
.mt-0 {
  margin-top: 0;
}

.mt-3 {
  margin-top: 15px;
}
.mt-4 {
  margin-top: 21px;
}
.topic_name {
  display: inline-flex;
  gap: 7px;
  font-weight: 600;
  padding: 15px 0;
  border-bottom: 1px solid #ddd;
  width: 100%;
}
.topic_name a {
  font-size: 17px;
}
.topic_name i {
  font-size: 18px;
  position: relative;
  top: 2px;
}
.topic_name .fa-check-circle {
  color: #00c000;
}
.Description_2 {
  margin-top: 40px;
}
.CourseVideos {
  padding: 0 25px;
  margin-bottom: 40px;
}

.CourseVideos h3 {
  margin-top: 0;
}
.p-0 {
  padding: 0;
}
.type_of_learner .box img {
  width: 53px;
  margin: auto;
  text-align: center;
  display: block;
}

.type_of_learner .box {
  display: inline-block;
  min-width: 160px;
  text-align: center;
}
.type_of_learner .box .icon_ {
  border: 1px dotted #111;
  padding: 5px 0px;
  text-decoration: none;
  margin-top: 0;
  text-align: center;
  display: block;
}

.type_of_learner .box a {
  margin-top: 10px;
  text-decoration: underline;
  display: block;
}

.type_of_learner h3 {
  font-size: 18px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.program_Details {
  padding: 0 0px;
}
.detailscontent .incentive-list li {
  margin-bottom: 10px;
}
.CourseOption {
  padding: 50px 0;
}
.mb-3 {
  margin-bottom: 12px;
}
.box p {
  text-decoration: underline;
}
.select_option .select-wrapper {
  border: none;
  border-bottom: 1px solid #9e9e9e !important;
  padding-left: 0;
}
.select_option .select-wrapper input.select-dropdown {
  height: 5rem;
}
.checkout-coursename {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 15px;
  gap: 10px;
}
.checkout-coursename div {
  display: flex;
  gap: 10px;
  align-items: center;
}
.checkout-coursename div img {
  border-radius: 5px;
  width: 80px;
}
.checkout-form {
  background: #eee;
  padding: 30px;
  border-radius: 20px;
}
.payNow a, .payNow button {
  display: block;
  text-align: center;
  font-size: 18px;
  width: 100%;
}
.payNow {
  margin-top: 20px;
}
.select_option span {
  font-size: 16px;
}

.checkbox-wrapper-28 {
  --size: 25px;
  position: relative;
  margin-top: 40px;
}

.checkbox-wrapper-28 *,
.checkbox-wrapper-28 *:before,
.checkbox-wrapper-28 *:after {
  box-sizing: border-box;
}

.checkbox-wrapper-28 .promoted-input-checkbox {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.checkbox-wrapper-28 input:checked ~ svg {
  height: calc(var(--size) * 0.6);
  -webkit-animation: draw-checkbox-28 ease-in-out 0.2s forwards;
  animation: draw-checkbox-28 ease-in-out 0.2s forwards;
}
.checkbox-wrapper-28 label:active::after {
  background-color: #e6e6e6;
}
.checkbox-wrapper-28 label {
  color: #522774;
  line-height: var(--size);
  cursor: pointer;
  position: relative;
}
.checkbox-wrapper-28 label:after {
  content: "";
  height: var(--size);
  width: var(--size);
  margin-right: 8px;
  float: left;
  border: 2px solid #522774;
  border-radius: 3px;
  transition: 0.15s all ease-out;
}
.checkbox-wrapper-28 svg {
  stroke: #522774;
  stroke-width: 3px;
  height: 0;
  width: calc(var(--size) * 0.6);
  position: absolute;
  left: calc(var(--size) * 0.21);
  top: calc(var(--size) * 0.2);
  stroke-dasharray: 33;
}

@-webkit-keyframes draw-checkbox-28 {
  0% {
    stroke-dashoffset: 33;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes draw-checkbox-28 {
  0% {
    stroke-dashoffset: 33;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

.course_price h5 {
  white-space: nowrap;
}

.program-category-section {
  padding: 80px 0;
}
.program-category-section .title h1 {
  font-size: 48px;
  margin-bottom: 60px;
}

.fixed-cart {
  position: fixed;
  bottom: 70px;
  right: 20px;
  background-color: #522774;
  border-radius: 50%;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  z-index: 9999;
  width: 74px;
  height: 74px;
  line-height: 85px;
  text-align: center;
}

.fixed-cart span {
  width: 20px;
  height: 20px;
  line-height: 19px;
  border-radius: 50%;
  color: #522774;
  background-color: #fff;
  display: block;
  position: absolute;
  right: 10px;
  bottom: 40px;
  border: 1px solid #000;
  font-weight: 800;
  font-size: 12px;
}

.fixed-cart i {
  color: white;
  font-size: 32px;
}
.select_option select {
  border: none;
  border-bottom: 1px solid #9e9e9e;
  padding: 0;
}
.checkout-form .table th {
  padding: 12px 0;
  border-top: 2px solid #888;
}
.Description_2 {
  padding: 0 25px;
}
.Videolist {
  padding: 0 10px;
}

/* .select_option {} */
.terms-content h4 {
  margin-top: 30px;
}
.terms-content {
  padding: 0 50px 70px 50px;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}

.Service-Section .ConsultBtn a{
    width: 200px;
    display: block;
    text-align: center;
    font-size: 18px !important;
    padding-bottom: 14px !important;
}

.LanguageSwitch a {
    font-weight: 600;
    font-size: 18px;
}

.container-fluid {
    padding-right: 35px;
    padding-left: 35px;
    margin-right: auto;
    margin-left: auto;
}

.LanguageSwitch a {font-family: "Almarai", sans-serif;}