/* Font Link in css */

/*** General CSS ***/
body {
  background: var(--site-background-color);
  line-height: 1.9em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}
/*** Header Area ***/
/* Header Top */
#sp-top-bar {
  position: relative;
  z-index: 999;
  font-size: 15px;
}
.school_zone_name {
  font-size: 18px;
}
.logo-text-part {
  margin-left: 25px;
}
body:not(.home) #sp-top-bar {
  border-bottom: 1px solid rgb(255 255 255 / 36%);
}
#sp-menu ul.social-icons a {
  color: #fff;
}
#modal-root input.js-finder-search-query.form-control {
  border-radius: 0;
  padding: 8px 56px;
  text-align: start;
}
#sp-top-bar {
  padding: 3px 0 !important;
  font-size: 0.875rem;
}
/* Header Menu */
#sp-header {
  top: 0px;
  padding: 0px;
  height: inherit;
  box-shadow: none;
  z-index: 9999;
}
.multi-row-header #sp-header {
  height: auto;
}
#sp-header.header-sticky {
  position: fixed;
  top: 0;
}

body:not(.home) #sp-header.header-sticky {
  position: fixed;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  font-weight: 400 !important;
  padding: 10px 0;
}
.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span {
  text-transform: capitalize;
  position: relative;
}
.sp-megamenu-parent > li.active > a {
  font-weight: 600;
}
.sp-megamenu-parent > li > span {
  color: #fff;
}

/* Canvas Menu */
.offcanvas-menu .offcanvas-inner .menu-child > li a {
  padding: 12px 10px !important;
  border-bottom: 1px solid rgba(197, 153, 153, 0.21);
  display: inherit;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > a,
.offcanvas-menu .offcanvas-inner ul.menu > li > span {
  font-size: 15px;
  font-weight: 500;
}
.burger-icon > span {
  background-color: #fff;
}
.offcanvas-menu > .align-items-center {
  background: #000;
}
.offcanvas-active .burger-icon > span,
#modal-menu-toggler.active .burger-icon > span {
  background-color: #fff;
}

/*** Block Styles ***/
/* Button */
.btn {
  border-radius: 5px;
  letter-spacing: 1px;
  display: inline-block;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.btn.no-bg,
.btn.no-bg:hover {
  background: transparent;
  border: 2px solid;
}

/* Slider */
.slider {
  margin-top: -80px !important;
}

/* Feature */
.feature-item {
  border-radius: 10px;
  box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);
  background: #fff;
}
.feature-item h3.sppb-addon-title {
  padding: 15px;
  margin-bottom: 0;
}

/* Counter */
.counter-item h1 {
  font-weight: 600;
  font-size: 80px;
}
.counter-item h5 {
  font-weight: 600;
}

/* Project */
.project-item .pull-left {
  width: 30%;
}

/* Pricing */
.pricing-column.center {
  border-right: 2px solid #c5c4c4;
}

/* Blog */
.jmm-item .jmm-image.mod-article-image {
  overflow: hidden;
  margin: 0;
}
.jmm-image.mod-article-image img {
  transform: scale(1);
  -webkit-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.jmm-item:hover .jmm-image.mod-article-image img {
  transform: scale(1.12);
  filter: grayscale(100%);
}
.jmm-text {
  padding: 20px;
  border-radius: 0px 0px 0px 0px;
  background: #f5f5f5;
}
.jm-category-module.default .jmm-text .jmm-title {
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 10px;
}
.jm-category-module.default .jmm-readmore {
  margin-top: 20px;
}

/* Contact Info */
.contact-info h2,
.contact-info h3 {
  font-size: 25px;
}
button.btn.btn-primary.validate {
  padding: 13px 20px;
}
button.btn.btn-primary.validate:hover {
  color: #fff !important;
}
#sp-position1 {
  padding: 0;
}

/* Bottom */
#sp-bottom {
  overflow: hidden;
  position: relative;
  z-index: 1;
  box-shadow: 0 0 4px 0 rgb(0 0 0 / 10%);
  line-height: 30px;
}
#sp-bottom p {
  line-height: 28px;
}
#sp-bottom .sp-module .sp-module-title {
  font-size: 19px;
  font-weight: 600;
  margin-bottom: 25px;
  padding-bottom: 0px;
  position: relative;
}
#sp-bottom span {
  padding-right: 10px;
}
#sp-bottom strong {
  display: none;
}
#sp-bottom1 .social-links li {
  position: relative;
  display: inline-block !important;
  margin-right: 5px;
}
#sp-bottom1 .social-links li a {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  font-size: 16px;
  line-height: 40px;
  z-index: 1;
  background: #fff;
  color: #01358d;
  text-align: center;
  border-radius: 50%;
}
#sp-bottom1 strong {
  display: none;
}
#sp-bottom2 i {
  padding-right: 10px;
}
#sp-bottom .sp-module ul > li {
  margin-bottom: 10px !important;
  padding-bottom: 10px;
  border-bottom: 1px solid #ffffff38;
}

/* Footer Copyright */
#sp-footer {
  text-align: center;
}
#sp-footer {
  display: inline-block;
  width: 100%;
  position: relative;
  z-index: 1;
}
#sp-footer .container-inner {
  border-top: none;
}

/*** Responsive Layout ***/
/* Tablet Landscape Layout */
@media (min-width: 1400px) {
  .sppb-row-container {
    max-width: 1320px;
  }
}
@media (max-width: 1280px) {
  .feature .sppb-row-column:first-child {
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: 100% !important;
  }
  .feature .sppb-row-column {
    width: 33.33% !important;
    max-width: 33.33% !important;
    flex-basis: 33.33% !important;
  }
  .sp-megamenu-parent > li > a,
  .sp-megamenu-parent > li > span {
    font-size: 14px !important;
  }
}
/* Mobile Standard Layout */
@media (max-width: 910px) {
  #mid-bar-logo .logo a img {
    height: var(--logoMobileViewHeight);
    padding: 5px 0;
  }
  #sp-footer p {
    text-align: center;
  }
  body #sp-header {
    padding: 0;
  }
  .counter-item h1 {
    font-size: 50px;
  }
}

/* Mobile Small Resolution */
@media (max-width: 767px) {
  .feature .sppb-row-column {
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: 100% !important;
  }
}
@media (max-width: 480px) {
  .social-wrap {
    display: none !important;
  }
}

/* General color defination
Color value depend on preset color that picking on template settings > Presets
*/

:root {
  --background-color: currentColor;
  --background: currentColor;
  --text-color: currentColor;
}
.page-item.active .page-link,
.slider-item .sppb-btn-success,
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info:hover,
.sp-simpleportfolio
  .sp-simpleportfolio-item
  .sp-simpleportfolio-overlay-wrapper
  .sp-simpleportfolio-overlay,
.btn {
  background-color: var(--background-color);
}
.article-list .article .readmore a:hover,
.article-list .article .readmore a:active,
.article-list .article .article-header h2 a:hover,
.slider-item h3,
.feature-item h3,
.services-item h3,
.counter-item h1 {
  color: var(--text-color);
}

a {
  padding: 0;
  margin: 0;
}
.social-icons.icon-style-1 {
  display: flex;
  align-items: center;
  justify-content: start;
  width: 100%;
  height: 100%;
}
.social-icons.icon-style-1 .social-icon {
  width: 30px;
  height: 30px;
  font-size: 18px;
  margin-right: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.social-icons.icon-style-2 {
  display: flex;
  align-items: center;
  justify-content: start;
  width: 100%;
  height: 100%;
}
.social-icons.icon-style-2 .social-icon {
  width: 30px;
  height: 30px;
  margin-right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: 0.3s;
  border: 1px solid var(--color-secondary);
}
.social-icons.icon-style-2 .social-icon:last-child {
  margin: 0;
}
.social-icons.icon-style-3 {
  display: flex;
  align-items: center;
  justify-content: start;
  width: 100%;
  height: 100%;
}
.social-icons.icon-style-3 .social-icon:last-child {
  margin: 0;
}
.social-icons.icon-style-3 .social-icon {
  width: 30px;
  height: 30px;
  margin-right: 12px;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: 0.3s;
}
.social-icons.icon-style-3 .social-icon-facebook a {
  color: #2374e1;
}
.social-icons.icon-style-3 .social-icon-twitter a {
  color: #00acee;
}
.social-icons.icon-style-3 .social-icon-youtube a {
  color: #cd201f;
}

.social-icons.icon-style-4 {
  display: flex;
  align-items: center;
  justify-content: start;
  width: 100%;
}
.social-icons.icon-style-4 .social-icon:last-child {
  margin: 0;
}
.social-icons.icon-style-4 .social-icon {
  width: 30px;
  height: 30px;
  margin-right: 12px;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.3s !important;
  color: #ffffff !important;
}
.social-icons.icon-style-4 .social-icon:hover {
  color: var(--site-color-secondary) !important;
}
.social-icons.icon-style-4 .social-icon-facebook a {
  color: #ffffff;
}
.social-icons.icon-style-4 .social-icon-twitter a {
  color: #ffffff;
}
.social-icons.icon-style-4 .social-icon-youtube a {
  color: #ffffff;
}

div#sp-top2 {
  display: flex;
  align-items: center;
  justify-content: end;
}
.topbar-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  top: 4px;
}
.sp-contact-info li {
  margin-left: 18px;
}
.mobile-logo .logo {
  display: flex;
  align-items: center;
}
.mobile-logo .logo a:last-child {
  font-size: 18px;
}
.top-part {
  padding: 16px;
}
.top-bar .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.top-bar .container .top-right {
  display: flex;
  align-items: center;
}
.container-top-mob-menu .social-icons.icon-style-2 .social-icon {
  width: 25px;
  height: 25px;
  margin-top: 7px;
  margin-right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: 0.3s;
}
.logo-multi-rows .logo {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 0;
}
#multirow-header ul ul li:hover > a {
  background: var(--site-menu-background-hover-color);
  color: var(--site-color-primary);
}
/* navigation Style 1 */
#multirow-header ul.site-megamenu-parent {
  list-style: none;
  padding: 0;
  margin: 0 -15px;
  z-index: 99;
  display: block;
  position: relative;
}
#multirow-header ul.site-megamenu-parent li {
  display: inline-block;
  position: relative;
  padding: 0;
}
#multirow-header .child-item {
  visibility: hidden;
  transition: 0.3s;
  opacity: 0;
}
#multirow-header
  .site-menu-item.sp-has-child:hover.site-menu-item.sp-has-child
  > .sp-dropdown-items {
  visibility: visible;
  opacity: 1;
  top: 52px;
}
#multirow-header
  .site-menu-item.sp-has-child:hover.site-menu-item.sp-has-child
  > .sp-dropdown-items
  #multirow-header
  ul.site-megamenu-parent
  li
  a {
  border-right: 1px solid #000000;
}
#multirow-header ul.child-item li a {
  border-right: 0;
  border-bottom: 1px solid #000000;
}
#multirow-header ul.child-item li:last-child a {
  border-bottom: 0;
}
#multirow-header ul.site-megamenu-parent li a {
  padding: 9px 17px;
  display: flex;
}
#multirow-header ul.site-megamenu-parent li:last-child a {
  border: 0;
}
#mid-bar-logo .logo {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 0;
}
select:not([multiple]) {
  height: 37px !important;
}
#multirow-header ul.sp-dropdown-items.child-item {
  margin: 0;
  padding: 0;
}
#multirow-header .sp-dropdown.sp-dropdown-main.sp-menu-right {
  position: absolute;
  width: 140px;
}
#multirow-header ul.sp-dropdown-items.child-item li {
  min-width: 250px;
}
#multirow-header .site-megamenu-parent .sp-has-child > a:after {
  content: "\f0d7";
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: relative;
  left: 7px;
}
#multirow-header ul.sp-dropdown-items.child-item {
  position: absolute;
}
#multirow-header
  .site-megamenu-parent
  .sp-has-child
  .child-item
  .sp-has-child
  > a:after {
  content: "\f0da";
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: relative;
  left: 7px;
}
#multirow-header .sp-has-child .child-item .sp-has-child .child-item {
  position: absolute;
  left: 100%;
  top: 0;
}
#multirow-header ul.site-megamenu-parent li.active > a {
  background: var(--site-menu-background-active-color);
  color: var(--site-menu-font-active-color);
}
#multirow-header ul.site-megamenu-parent li:hover > a {
  color: var(--site-menu-font-hover-color);
  background: var(--site-menu-background-hover-color);
}
#multirow-header ul.site-megamenu-parent li a {
  color: var(--site-menu-font-color);
}
#multirow-header ul.sp-dropdown-items.child-item li {
  background-color: var(--site-color-primary);
}
#multirow-header li.site-menu-item ul li:hover ul {
  top: 0 !important;
}
.logo a img {
  height: var(--logoPcViewHeight);
}
div#sp-logo {
  padding: 0 15px;
}
.mob-menu {
  display: none;
}
form.mod-finder.js-finder-searchform.form-search {
  margin: 0;
}
/* Header Meunu Common */
#sp-header .logo {
  height: 81px;
  display: inline-flex;
  margin: 0;
  align-items: center;
  width: 81px;
  margin: 11px 0;
}
.def-header a img {
  width: 100% !important;
  height: 100% !important;
}
.def-header ul.site-megamenu-parent {
  display: table;
  margin: 0;
  list-style: none;
  text-align: right;
}
.def-header ul.site-megamenu-parent ul li ul::before {
  content: "\f0d9";
  position: absolute;
  left: 2px;
  top: 4px;
  color: var(--site-color-primary-foreign);
  font-size: 35px;
  display: block;
  font-family: "FontAwesome";
  margin-left: 5px;
}
.def-header ul.site-megamenu-parent ul li a:hover {
  color: var(--site-color-secondary);
}
.def-header ul.site-megamenu-parent ul > li.sp-has-child > a {
  display: flex;
  align-items: center;
}
.def-header ul.site-megamenu-parent ul > li.sp-has-child > a::after {
  content: "\f0da";
  left: 0;
  top: 12px;
  display: block;
  font-family: "FontAwesome";
  margin-left: 5px;
}
.def-header ul.site-megamenu-parent ul > li:first-child > a {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.def-header ul.site-megamenu-parent ul > li:last-child > a {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.def-header ul.site-megamenu-parent > li > ul.sp-dropdown-items:before {
  content: "\f0d8";
  position: absolute;
  left: 92px;
  top: -12px;
  color: var(--site-color-primary-foreign);
  font-size: 35px;
  display: block;
  font-family: "FontAwesome";
  margin-left: 5px;
}
.def-header ul.site-megamenu-parent li {
  margin: 0;
  background: none;
  position: relative;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  padding: 0;
}
.def-header ul.site-megamenu-parent > li.sp-has-child > a::after {
  content: "\f0d7";
  left: 0;
  top: 12px;
  display: block;
  font-family: "FontAwesome";
  margin-left: 5px;
}
.def-header ul.site-megamenu-parent li a {
  height: 50px;
  line-height: 50px;
  display: block;
  text-align: center;
  display: flex;
  align-items: center;
  font-size: 18px;
  color: var(--site-menu-font-color);
  padding: 0 10px;
}
.def-header ul.site-megamenu-parent li ul {
  display: flex;
  align-items: start;
  justify-content: start;
  flex-direction: column;
  position: absolute;
  left: -999em;
  margin: 0;
  padding: 5px 20px 20px 15px;
  background: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.def-header ul.site-megamenu-parent > li:hover > a,
ul.site-megamenu-parent > li > a:hover {
  color: var(--site-color-secondary);
  text-decoration: none;
}
.def-header ul.site-megamenu-parent > li > ul {
  margin-top: -3px !important;
}
.def-header ul.site-megamenu-parent li ul {
  position: absolute;
  left: -999em;
  margin: 0;
  padding: 5px 20px 20px 15px;
  background: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.def-header ul.site-megamenu-parent li:hover ul {
  left: auto;
  margin-left: -20px;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.def-header ul.site-megamenu-parent li li {
  float: none;
  display: block;
  padding: 0;
  height: auto;
  line-height: 35px;
  min-width: -webkit-fill-available;
}
.def-header ul.site-megamenu-parent li li a {
  background: var(--site-color-primary-foreign);
  height: 39px !important;
  line-height: 28px !important;
  padding: 6px 12px;
  min-width: 170px;
  float: none;
  top: auto;
  display: block;
  position: static;
  text-align: left;
  text-decoration: none;
  font-size: 14px;
  text-transform: none;
  border-bottom: 1px solid var(--site-color-primary-transparent);
}
.def-header ul.site-megamenu-parent li:hover ul ul {
  left: 100%;
  top: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.def-header ul.site-megamenu-parent ul ul {
  z-index: 505;
  padding-top: 0;
}
.def-header ul.site-megamenu-parent ul li:hover ul {
  left: 107%;
  top: 0;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.breadcrumb-item.active {
  color: var(--site-color-primary-transparent) !important;
  cursor: no-drop;
}
/** Header Style trasparent **/
header#sp-header-trasparent {
  top: -10px;
  width: 100%;
  left: 0px;
  position: absolute !important;
  z-index: 9;
}
#sp-header-trasparent .top-row {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: end;
  padding: 36px 0 0 0;
}
#sp-header-trasparent nav ul {
  display: table !important;
  margin: 0;
  list-style: none;
}
#sp-header-trasparent nav > ul > li {
  margin: 0 10px !important;
}
#sp-header-trasparent nav > ul > li > a {
  padding: 0 !important;
}
#sp-header-trasparent nav ul > li {
  margin: 0;
  background: none;
  position: relative;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  padding: 0;
}
#sp-header-trasparent nav ul li.sp-has-child > a:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0dd";
  position: relative;
  margin-left: 8px;
}
#sp-header-trasparent nav > ul > li.active::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: var(--site-color-secondary);
}
#sp-header-trasparent nav ul li a {
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  display: block;
  text-align: center;
  font-size: 16px;
  color: var(--color-secondary);
  text-transform: uppercase;
  position: relative;
  padding: 0 15px;
  display: flex;
  align-items: center;
}
#sp-header-trasparent nav ul li ul {
  position: absolute;
  left: -999em;
  margin: 0;
  padding: 0 20px 20px;
  background: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 999;
}
#sp-header-trasparent nav ul li:hover > ul {
  margin-left: 0;
}
#sp-header-trasparent nav ul li:hover ul {
  left: auto;
  margin-left: -20px;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#sp-header-trasparent nav ul li li {
  float: none;
  display: block;
  padding: 0;
  height: auto;
  line-height: 35px;
}
#sp-header-trasparent nav ul li li a {
  background: var(--site-color-secondary);
  color: var(--site-color-primary);
  height: 39px;
  line-height: 28px;
  padding: 6px 12px;
  min-width: 170px;
  float: none;
  top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: static;
  text-align: left;
  text-decoration: none;
  font-size: 15px;
  text-transform: none;
  text-transform: capitalize;
}
#sp-header-trasparent nav ul li li:hover > a,
#sp-header-trasparent nav ul li li a:hover {
  background: var(--site-color-secondary-darker);
}
#sp-header-trasparent nav ul li:hover ul ul {
  left: 100%;
  top: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#sp-header-trasparent nav ul li li.sp-has-child > a:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0da";
  position: relative;
}
#sp-header-trasparent nav ul ul li:hover ul {
  left: 100%;
  top: 0;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#sp-header-trasparent .container-custom {
  margin: 0 80px 0 80px;
}
#sp-header-trasparent .gradient-color-bar {
  background: linear-gradient(
    180deg,
    var(--site-color-primary-darker) 17%,
    transparent
  );
}
#sp-header-trasparent .bottom-row .left-logo .logo {
  display: flex;
  align-items: center;
}
#sp-header-trasparent .bottom-row .left-logo .logo a:nth-child(2) {
  color: var(--color-secondary);
}
#sp-header-trasparent .bottom-row {
  display: flex;
  justify-content: space-between;
}
#sp-header-trasparent .right-sosical-icons {
  display: flex;
  align-items: start;
  position: relative;
  top: 25px;
}
.search-popup-btt i {
  color: #ffffff;
  font-size: 20px;
  margin: 0 8px;
  cursor: pointer;
}
#sp-header-trasparent .social-icons.icon-style-4 {
  display: flex;
  align-items: start;
  width: 100%;
  height: 100%;
}
/*header transparent 2 style*/
header#sp-header-trasparent-style-2 {
  top: -10px;
  width: 100%;
  left: 0px;
  position: absolute !important;
  z-index: 9;
}
#sp-header-trasparent-style-2 .top-row {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 60px 0 0 0;
}
#sp-header-trasparent-style-2 nav ul {
  display: table !important;
  margin: 0;
  list-style: none;
}
#sp-header-trasparent-style-2 .top-left {
  position: relative;
  left: 70px;
}
#sp-header-trasparent-style-2 nav > ul > li {
  margin: 0 10px !important;
}
#sp-header-trasparent-style-2 nav > ul > li > a {
  padding: 0 !important;
}
#sp-header-trasparent-style-2 nav ul > li {
  margin: 0;
  background: none;
  position: relative;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  padding: 0;
}
#sp-header-trasparent-style-2 nav ul li.sp-has-child > a:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0dd";
  position: relative;
  margin-left: 8px;
}
#sp-header-trasparent-style-2 nav > ul > li.active::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: var(--site-color-secondary);
}
#sp-header-trasparent-style-2 nav ul li a {
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  display: block;
  text-align: center;
  font-size: 16px;
  color: var(--color-secondary);
  text-transform: uppercase;
  position: relative;
  padding: 0 15px;
  display: flex;
  align-items: center;
}
#sp-header-trasparent-style-2 nav ul li ul {
  position: absolute;
  left: -999em;
  margin: 0;
  padding: 0 20px 20px;
  background: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 999;
}
#sp-header-trasparent-style-2 nav ul li:hover > ul {
  margin-left: 0;
}
#sp-header-trasparent-style-2 nav ul li:hover ul {
  left: auto;
  margin-left: -20px;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#sp-header-trasparent-style-2 nav ul li li {
  float: none;
  display: block;
  padding: 0;
  height: auto;
  line-height: 35px;
}
#sp-header-trasparent-style-2 nav ul li li a {
  background: var(--site-color-secondary);
  color: var(--site-color-primary);
  height: 39px;
  line-height: 28px;
  padding: 6px 12px;
  min-width: 170px;
  float: none;
  top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: static;
  text-align: left;
  text-decoration: none;
  font-size: 15px;
  text-transform: none;
  text-transform: capitalize;
}
#sp-header-trasparent-style-2 nav ul li li:hover > a,
#sp-header-trasparent-style-2 nav ul li li a:hover {
  background: var(--site-color-secondary-darker);
}
#sp-header-trasparent-style-2 nav ul li:hover ul ul {
  left: 100%;
  top: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#sp-header-trasparent-style-2 nav ul li li.sp-has-child > a:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0da";
  position: relative;
}
#sp-header-trasparent-style-2 nav ul ul li:hover ul {
  left: 100%;
  top: 0;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#sp-header-trasparent-style-2 .container-custom {
  margin: 0 80px 0 80px;
}
#sp-header-trasparent-style-2 .gradient-color-bar {
  background: linear-gradient(
    180deg,
    var(--site-color-primary-darker) 17%,
    transparent
  );
}
#sp-header-trasparent .bottom-row .left-logo .logo {
  display: flex;
  align-items: center;
}
#sp-header-trasparent-style-2 .bottom-row .left-logo .logo a:nth-child(2) {
  color: var(--color-secondary);
}
#sp-header-trasparent-style-2 .bottom-row {
  display: flex;
  justify-content: center;
}
#sp-header-trasparent-style-2 .right-sosical-icons {
  display: flex;
  position: relative;
  justify-content: center;
}
#sp-header-trasparent-style-2 .bottom-row .left-logo .logo {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#sp-header-trasparent-style-2 .bottom-row .left-logo .logo a {
  margin-top: 20px;
}
#sp-header-trasparent-style-2 .bottom-row .left-logo .logo a img {
  width: var(--logoPcViewHeight);
  height: var(--logoPcViewHeight);
}
#sp-header-trasparent-style-2 .bottom-row .left-logo .logo .logo-text-part {
  text-align: center;
  margin: 0;
  position: relative;
  top: -18px;
}
#sp-header-trasparent-style-2 .bottom-row .left-logo .logo .search-popup-btt i {
  color: #ffffff;
  font-size: 25px;
  margin: 0 8px;
  cursor: pointer;
}
#sp-header-trasparent-style-2
  .offcanvas-menu
  .offcanvas-inner
  .mt-5
  .mt-4
  .social-icons.icon-style-4 {
  display: none;
}
#sp-header-trasparent-style-2 .social-icons.icon-style-4 {
  display: flex;
  align-items: start;
  width: 100%;
  height: 100%;
}
/*Header Style Minimal 03*/
#minimal-header-style-3 .header-top-row-minimal {
  height: 50px;
  width: 100%;
  background: #000000;
  display: flex;
  align-items: center;
  justify-content: end;
}
#minimal-header-style-3 .logo a {
  font-size: 24px;
  line-height: 1;
  margin: 0;
  padding: 0;
  color: #ffffff;
}
#minimal-header-style-3 #sp-header .logo {
  width: auto !important;
}
#minimal-header-style-3 .social-icons.icon-style-4 {
  display: flex;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 100%;
}
.stiky {
  position: fixed !important;
  top: 103px;
  left: 0;
  z-index: 9999999999999999999;
  width: 100%;
  background: #ffffff;
  animation: spFadeInDown 0.5s;
}
#minimal-header-style-3 ul {
  display: table;
  list-style: none;
  text-align: right;
  margin: 0;
  padding: 0;
}
#minimal-header-style-3 ul li {
  margin: 0;
  background: none;
  position: relative;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  padding: 0;
}
#minimal-header-style-3 ul > ul {
  margin-top: -5px;
}
#minimal-header-style-3 ul > li:hover > a,
#minimal-header-style-3 ul > li > a:hover {
  color: var(--site-color-secondary);
  text-decoration: none;
}
#minimal-header-style-3 ul li ul {
  position: absolute;
  left: -999em;
  margin: 0;
  z-index: 99999;
  padding: 5px 20px 20px 15px;
  background: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#minimal-header-style-3 ul li:hover ul {
  left: auto;
  margin-left: -20px;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#minimal-header-style-3 ul li {
  margin: 0;
  background: none;
  position: relative;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  padding: 0;
}
#minimal-header-style-3 ul li li {
  float: none;
  display: block;
  padding: 0;
  height: auto;
  line-height: 35px;
}
#minimal-header-style-3 ul li a {
  height: 50px;
  line-height: 50px;
  display: block;
  text-align: center;
  font-size: 16px;
  color: #000000;
  padding: 0 10px;
  text-transform: uppercase;
}
#minimal-header-style-3 ul li li a {
  background: var(--color-secondary);
  height: 39px !important;
  line-height: 28px !important;
  padding: 6px 12px;
  min-width: 170px;
  float: none;
  top: auto;
  display: block;
  position: static;
  text-align: left;
  text-decoration: none;
  font-size: 15px;
  text-transform: none;
}
#minimal-header-style-3 ul li {
  margin: 0;
  background: none;
  position: relative;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  padding: 0;
}
#minimal-header-style-3 ul > li.active > a {
  color: var(--site-color-secondary);
  font-weight: 500;
}
#minimal-header-style-3 ul li li {
  float: none;
  display: block;
  padding: 0;
  height: auto;
  line-height: 35px;
}
#minimal-header-style-3 ul li a {
  height: 50px;
  line-height: 50px;
  display: block;
  text-align: center;
  font-size: 16px;
  color: var(--site-text-color);
  font-weight: 400;
  padding: 0 10px;
  text-transform: uppercase;
}
#minimal-header-style-3 ul li ul li a {
  color: var(--color-secondary);
}
#minimal-header-style-3 ul li li a {
  background: var(--site-color-primary);
  height: 39px !important;
  line-height: 28px !important;
  padding: 6px 12px;
  min-width: 170px;
  float: none;
  top: auto;
  display: block;
  position: static;
  text-align: left;
  text-decoration: none;
  font-size: 15px;
  text-transform: none;
}
#minimal-header-style-3 ul ul ul {
  z-index: 505;
  padding-top: 0;
}
#minimal-header-style-3 ul li:hover ul {
  left: auto;
  margin-left: -20px;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#minimal-header-style-3 ul li:hover ul ul {
  left: 100%;
  top: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#minimal-header-style-3 ul li {
  margin: 0;
  background: none;
  position: relative;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  padding: 0;
}
#minimal-header-style-3 ul li li {
  float: none;
  display: block;
  padding: 0;
  height: auto;
  line-height: 35px;
}
#minimal-header-style-3 ul ul li:hover ul {
  left: 100%;
  top: 0;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#minimal-header-style-3 .bottom-row-minimal-nav #offcanvas-toggler {
  display: none !important;
}
#minimal-header-style-3 .bottom-row-minimal-nav {
  display: flex;
  align-items: center;
  justify-content: start;
}
#minimal-header-style-3 ul > li > ul {
  margin-top: -5px;
}
#minimal-header-style-3 ul > li > ul > li > ul {
  margin-top: 0;
}
/*Creative Header Module*/
#creative-header nav ul {
  display: table;
  list-style: none;
  text-align: right;
  margin: 0;
  padding: 0;
}
#creative-header nav ul li {
  margin: 0;
  background: none;
  position: relative;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  padding: 0;
}
#creative-header nav ul > ul {
  margin-top: -5px;
}
#creative-header nav ul > li:hover > a,
#minimal-header-style-3 ul > li > a:hover {
  color: var(--site-color-secondary);
  text-decoration: none;
}
#creative-header nav ul li ul {
  position: absolute;
  left: -999em;
  margin: 0;
  z-index: 99999;
  padding: 5px 20px 20px 15px;
  background: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#creative-header nav ul li:hover ul {
  left: auto;
  margin-left: -20px;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#creative-header nav ul li {
  margin: 0;
  background: none;
  position: relative;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  padding: 0;
}
#creative-header nav ul li li {
  float: none;
  display: block;
  padding: 0;
  height: auto;
  line-height: 35px;
}
#creative-header nav ul li a {
  height: 50px;
  line-height: 50px;
  display: block;
  text-align: center;
  font-size: 16px;
  color: #000000;
  padding: 0 10px;
  text-transform: uppercase;
}
#creative-header nav ul li li a {
  background: var(--color-secondary);
  height: 39px !important;
  line-height: 28px !important;
  padding: 6px 12px;
  min-width: 170px;
  float: none;
  top: auto;
  display: block;
  position: static;
  text-align: left;
  text-decoration: none;
  font-size: 15px;
  text-transform: none;
}
#creative-header nav ul li {
  margin: 0;
  background: none;
  position: relative;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  padding: 0;
}
#creative-header nav ul > li.active > a {
  color: var(--site-color-secondary);
  font-weight: 500;
}
#creative-header nav ul li li {
  float: none;
  display: block;
  padding: 0;
  height: auto;
  line-height: 35px;
}
#creative-header nav ul li a {
  height: 50px;
  line-height: 50px;
  display: block;
  text-align: center;
  font-size: 16px;
  color: var(--color-secondary);
  font-weight: 400;
  padding: 0 10px;
  text-transform: uppercase;
}
#creative-header nav ul li.sp-has-child a {
  display: flex;
  align-items: center;
}
#creative-header nav ul > li.sp-has-child > a:after {
  content: "\f107";
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: relative;
  left: 7px;
}
#creative-header nav ul li ul li a {
  color: var(--color-secondary);
}
#creative-header nav ul ul li.sp-has-child > a:after {
  content: "\f105";
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: relative;
  left: 7px;
}
#creative-header nav ul li li a {
  background: var(--site-color-primary);
  height: 39px !important;
  line-height: 28px !important;
  padding: 6px 12px;
  min-width: 170px;
  float: none;
  top: auto;
  display: block;
  position: static;
  text-align: left;
  text-decoration: none;
  font-size: 15px;
  text-transform: none;
  border-bottom: 1px solid var(--color-secondary-transperant);
}
#creative-header nav ul ul ul {
  z-index: 505;
  padding-top: 0;
}
#creative-header nav ul li:hover ul {
  left: auto;
  margin-left: -20px;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#creative-header nav ul li:hover ul ul {
  left: 100%;
  top: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#creative-header nav ul li {
  margin: 0;
  background: none;
  position: relative;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  padding: 15px 0;
}
#creative-header nav ul li li {
  float: none;
  display: block;
  padding: 0;
  height: auto;
  line-height: 35px;
}
#creative-header nav ul ul li:hover ul {
  left: 100%;
  top: 0;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#creative-header nav ul .bottom-row-minimal-nav #offcanvas-toggler {
  display: none !important;
}
#creative-header nav ul .bottom-row-minimal-nav {
  display: flex;
  align-items: center;
  justify-content: start;
}
#creative-header nav ul > li > ul {
  margin-top: 9px;
}
#creative-header nav ul > li > ul > li > ul {
  margin-top: 0;
}
#creative-header .left-logo-squre .logo a:last-child {
  display: none;
}
#creative-header .inner-header-wrapper {
  position: relative;
}
#creative-header .inner-header-wrapper .leftmenu {
  background: var(--site-color-primary);
}
#creative-header .inner-header-wrapper .left-logo-squre img.logo-image {
  width: 130px;
  height: 130px;
}
#creative-header .inner-header-wrapper .left-logo-squre {
  width: 153px;
  float: left;
  left: -146px;
  top: 0px;
  position: absolute;
  display: flex;
  z-index: 99991;
  height: 159px;
  background: var(--site-color-secondary);
  align-items: center;
  justify-content: center;
}
#creative-header .sosial-and-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row-reverse;
}
#creative-header .left-menu-side {
  background: var(--site-color-primary);
}
#creative-header .right-social-media .bottom-bar .social-icons.icon-style-4 {
  height: auto;
}
#creative-header .bottom-bar .logo a:first-child {
  display: none;
}
#creative-header .bottom-bar .logo .logo_text .school_zone_name {
  display: none;
}
#creative-header .bottom-bar {
  background: var(--site-color-secondary-transperant);
  position: absolute;
  bottom: -61px;
  left: 0;
  width: 100%;
  z-index: 9999;
  padding: 8px 0;
}
#creative-header .bottom-bar .logo .logo_text h2 {
  font-size: 33px;
  color: var(--color-secondary);
  text-shadow: 0 3px 5px #000000de;
  padding: 3px 0;
  margin: 0 0 0 144px;
}
/*header-style-full-width-center*/
#sp-header.full-width-center {
  top: 0px;
  padding: 0 55px;
  height: inherit;
  box-shadow: none;
  z-index: 9999;
  border-bottom: 10px solid var(--site-color-secondary);
}
.right-social-media .social-icons.icon-style-4 {
  width: 100%;
  height: unset;
  margin: 0 0 0 45px;
}
.offcanvas-overlay {
  position: fixed;
}
.search-popup-bg {
  background: #000204e8;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99991;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  cursor: none;
  overflow: hidden;
}
.search-popup-bg.active-popup {
  opacity: 1;
  visibility: visible;
}

.close-popup {
  width: 35px;
  height: 35px;
  color: #ffffff;
  cursor: pointer;
  border-radius: 50%;
  border: 1px solid #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 47px;
  right: 50px;
  z-index: 1;
}
.cursor {
  pointer-events: none;
}
.cursor .close-popup {
  position: fixed;
  top: 0;
  left: 0;
  mix-blend-mode: difference;
  z-index: -1;
}
.cursor__ball circle {
  fill: #f7f8fa;
}
.cursor__ball {
  position: fixed;
  top: 0;
  left: 0;
  mix-blend-mode: difference;
  z-index: 1000;
}
.container-popup .sp-module {
  z-index: 99999;
  position: relative;
  width: fit-content;
}
.site-readmore-button button {
  background: var(--site-buttons-background-hover-color);
  border: 1px solid var(--site-buttons-font-color);
  width: 180px;
  height: 60px;
  font-size: 18px;
  color: var(--site-buttons-font-color);
  text-transform: uppercase;
  font-weight: 600;
  position: relative;
  overflow: hidden;
  letter-spacing: normal;
  transition: 0.3s;
}
.site-readmore-button button:before {
  content: "";
  position: absolute;
  width: 47%;
  transform: rotate(-45deg);
  height: 1px;
  background: var(--site-buttons-font-color);
  top: 28px;
  left: -40px;
  transition: 0.3s;
}
.site-readmore-button button:after {
  content: "";
  position: absolute;
  width: 47%;
  transform: rotate(-45deg);
  height: 1px;
  background: var(--site-buttons-font-color);
  top: 28px;
  right: -40px;
  transition: 0.3s;
}
.site-readmore-button button:hover:before {
  left: -200px;
}
.site-readmore-button button:hover:after {
  right: -200px;
}
.site-readmore-button button:hover {
  background: var(--site-buttons-background-hover-color);
  letter-spacing: 0.05em;
  color: var(--site-buttons-font-hover-color);
  border-color: solid var(--site-buttons-font-hover-color);
}
.offcanvas-menu.center-alignment .offcanvas-inner {
  background: var(--site-background-color);
}
.sp-scroll-up {
  display: none;
  position: fixed;
  bottom: 65px;
  right: 30px;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #fff;
  background: var(--site-color-primary-transparent);
  border-radius: 100%;
  z-index: 1000;
  border: 1px solid var(--color-secondary);
  transition: 0.3s;
}
/* site unic css codes  */
::selection {
  color: #fff;
  background: var(--site-color-secondary-darker);
}
/* width */
::-webkit-scrollbar {
  width: 12px;
}

/* Track */
::-webkit-scrollbar-track {
  background: var(--site-color-primary-darker);
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--site-color-secondary);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--site-color-secondary-darker);
}
/* subpages css part */
/* side bar style 01 */
.left-site-bar-inner.style-1 {
  border: 3px solid var(--site-color-secondary);
  height: 95%;
  border-top-right-radius: 30px;
  border-bottom-left-radius: 30px;
  margin-bottom: 15px;
  position: relative;
}
.left-site-bar-inner.style-1 .sidebar-header-wc {
  font-size: 20px;
  color: var(--site-color-primary);
  font-weight: 600;
  padding: 34px 34px;
}
.left-site-bar-inner.style-1 .menu {
  list-style: none;
}
.left-site-bar-inner.style-1 .menu {
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0;
}
.left-site-bar-inner.style-1 .menu li a {
  width: 100%;
  display: block;
  padding: 8px 40px;
}

.left-site-bar-inner.style-1 .menu li {
  margin: 0;
}
.left-site-bar-inner.style-1 .menu li a {
  border-bottom: 1px solid var(--site-color-primary);
  font-size: 18px;
  text-transform: capitalize;
  color: var(--site-sidebar-font-color);
  transition: ease-in-out 0.3s;
}
.left-site-bar-inner.style-1 .menu li a:hover {
  background: var(--site-sidebar-hover-background-color);
  color: var(--site-sidebar-font-hover-color);
}
.left-site-bar-inner.style-1 .menu li.current a {
  margin: 0;
  background: var(--site-sidebar-active-background-color);
  border: 1px solid transparent;
  color: var(--site-sidebar-font-active-color);
}
ol.breadcrumb li a {
  font-size: 19px;
}
ol.breadcrumb {
  background: var(--site-color-primary-more-transparent);
  margin: 0 0 29px 0;
  padding: 10px 20px;
  border-radius: 0;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
ol.breadcrumb .float-start {
  display: none;
}
.article-details.article-heading-wc .page-header {
  color: var(--site-color-primary);
  font-size: 18px;
  user-select: none;
  text-transform: capitalize;
}
.wc-schooler-content .article-details {
  margin: 0 0 0 15px;
  min-height: 625px;
}
.wc-schooler-content .article-details img {
  user-select: none;
  margin-right: 25px;
  object-fit: cover;
}
.table tbody tr td.profile_width_3 .profile-image {
  width: 100%;
  height: 100%;
}
.table tbody tr td.profile_width_3 .profile-image img {
  width: 100%;
  height: 125px;
}
.left-site-bar-inner.style-2 {
  position: relative;
  border: 3px solid var(--site-color-secondary);
  height: 93%;
  border-top-right-radius: 30px;
  border-bottom-left-radius: 30px;
  background: var(--site-color-primary);
  margin-bottom: 15px;
}
.left-site-bar-inner.style-2 .sidebar-header-wc {
  color: var(--site-sidebar-font-color);
  font-weight: 600;
  padding: 34px 34px;
  user-select: none;
}
.left-site-bar-inner.style-2 .menu {
  list-style: none;
}
.left-site-bar-inner.style-2 .menu {
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0;
}
.left-site-bar-inner.style-2 .menu li a {
  width: 100%;
  display: block;
  padding: 8px 40px;
}
.left-site-bar-inner.style-2 .sp-module {
  position: sticky;
  top: 100px;
}
.left-site-bar-inner.style-1 .sp-module {
  position: sticky;
  top: 100px;
}
.left-site-bar-inner.style-2 .menu li {
  margin: 0;
}
.left-site-bar-inner.style-2 .menu li a {
  border-bottom: 1px solid var(--site-color-background-transparent);
  text-transform: capitalize;
  color: var(--site-sidebar-font-color);
  transition: ease-in-out 0.3s;
}
.left-site-bar-inner.style-2 .menu li a:hover {
  background: var(--site-sidebar-hover-background-color);
  color: var(--site-sidebar-font-hover-color);
}
.left-site-bar-inner.style-2 .menu li.current a {
  margin: 0;
  background: var(--site-sidebar-active-background-color);
  color: var(--site-sidebar-font-active-color);
  border: 1px solid transparent;
}
#sp-page-title {
  display: none;
}
.article-heading-wc-center-align .page-header h1 {
  text-align: center;
  color: var(--site-color-primary);
  text-transform: capitalize;
}
.uniform-page h3 {
  color: var(--site-color-primary);
  margin: 15px 0;
  border: 0 !important;
  font-size: 23px;
}
.uniform-page .content-block ul {
  list-style-type: none;
  counter-reset: list-counter;
}
.uniform-page .content-block ul > li {
  position: relative;
  cursor: context-menu;
}
.uniform-page .content-block ul > li:before {
  content: counter(list-counter);
  counter-increment: list-counter;
  position: absolute;
  background: var(--site-color-primary);
  font-size: 20px;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 28px !important;
  color: #fff;
  font-weight: 500;
  border-radius: 5px;
  top: 50%;
  transform: translateY(-50%);
  left: 8px;
}
.content-block {
  display: flex;
  align-items: center;
}
.uniform-page .content-block ul li:nth-child(odd) {
  background: #eeeeee;
  border-radius: 3px;
}
.uniform-page .content-block ul li {
  position: relative;
  margin-bottom: 0;
  line-height: normal;
  padding: 10px 30px 10px 50px;
}
.moto-tag {
  color: var(--site-color-secondary);
  margin: 20px 0 0 0;
  font-size: 26px !important;
}
.uniform-page .content-block img {
  max-width: 350px;
}
.rules-page .article-details ul li:before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -20px;
  width: 40px;
  height: 40px;
  content: "\f058";
  font-size: 20px;
  font-family: FontAwesome;
  font-weight: lighter;
  line-height: 40px;
  text-align: center;
  color: var(--site-color-primary);
  border: 1px solid var(--site-color-primary);
  border-radius: 50%;
}
.main-holder .container .inner-container p {
  color: #ffffff;
  line-height: 26px !important;
}
ol.breadcrumb li a {
  font-size: 16px;
}
p {
  margin: 0 0 10px;
  line-height: 23px;
  color: #404040;
}
.rules-page .article-details ul li {
  position: relative;
  padding: 15px 15px 15px 40px;
}
.rules-page .article-details ul {
  list-style: none;
}
.rules-page .article-details ul li:nth-child(odd) {
  background: #eeeeee;
}
/* WC Schooler Blog Layaout 01 CSS part */
.wc-blog-style-01 .system-card {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 30px;
  border: 1px solid #c7c1c1;
  margin-top: 20px;
  background: #ffffff;
}
tr.year td:first-child p span {
  color: #fff;
}
#finder-search button {
  color: var(--site-color-primary);
}
.wc-blog-style-01 .system-card .blog-card-header .article-intro-image img {
  width: 340px;
  height: 200px;
}
.wc-blog-style-01 .system-card .blog-card-header {
  flex: 0 0 340px;
  position: relative;
}
.wc-blog-style-01 .system-card .blog-card-body {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  padding: 0 30px;
}
.wc-blog-style-01 .system-card .blog-card-header .article-intro-image {
  display: block;
  overflow: hidden;
  float: none !important;
  margin: 0;
}
.wc-blog-style-01 .system-card .blog-card-header .date-created {
  position: absolute;
  background: var(--site-color-secondary);
  color: #ffffff;
  top: 0;
  width: 85px;
  left: 0;
  min-width: 23px;
  text-align: center;
  height: 82px;
}
.wc-blog-style-01
  .system-card
  .blog-card-header
  .date-created
  span:first-child {
  font-size: 16px;
  padding: 10px 7px 5px;
  position: relative;
}
.wc-blog-style-01
  .system-card
  .blog-card-header
  .date-created
  span:first-child:after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 50%;
  height: 2px;
  background-color: #ffffff;
  margin: 0 -10px;
  width: 20px;
}
.wc-blog-style-01 .system-card .blog-card-header .date-created span:last-child {
  font-size: 25px;
  margin-top: 6px;
  display: block;
}

.readmore a {
  margin-top: 18px;
  margin-bottom: 18px;
  background: var(--site-color-primary);
  border: 1px solid var(--site-buttons-font-color);
  width: 150px;
  height: 45px;
  font-size: 16px;
  color: var(--site-buttons-font-color);
  text-transform: uppercase;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  letter-spacing: normal;
  transition: 0.3s;
}
.readmore a:before {
  content: "";
  position: absolute;
  width: 47%;
  transform: rotate(-45deg);
  height: 1px;
  background: var(--site-buttons-font-color);
  top: 23px;
  left: -40px;
  transition: 0.3s;
}
.readmore a:after {
  content: "";
  position: absolute;
  width: 47%;
  transform: rotate(-45deg);
  height: 1px;
  background: var(--site-buttons-font-color);
  bottom: 23px;
  right: -40px;
  transition: 0.3s;
}
.readmore a:hover:before {
  left: -200px;
}
.readmore a:hover:after {
  right: -200px;
}
.readmore a:hover {
  background: var(--site-buttons-background-hover-color);
  color: var(--site-buttons-font-hover-color);
  letter-spacing: 0.05em;
  border-color: var(--site-buttons-font-hover-color);
}
.article-title.item-title {
  margin: 15px 0;
}
.article-header h2 {
  font-size: 22px;
}
.right-site-bar-inner h3.sp-module-title {
  font-size: 25px;
  color: var(--site-color-primary);
}
.mod-newswc.newscard-style-01 .news-card-container {
  max-width: 390px;
  box-shadow: 0px 10px 14px #0000003b;
  min-width: 390px;
  min-height: 420px;
  max-height: 420px;
  border: 1px solid var(--site-color-primary-transparent);
  overflow: hidden;
  cursor: pointer;
  user-select: none;
  transition: ease-in-out 0.3s;
  background: #ffffff !important;
}
.past-principals table tr.year td {
  border-bottom: 15px solid transparent !important;
}
.list-style-3 li:before {
  position: absolute;
  top: 1px;
  left: 0;
  content: "\f111";
  font-size: 13px;
  font-family: FontAwesome;
  text-align: center;
  color: var(--site-color-secondary);
}
.list-style-3 li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 8px;
}
.list-style-3 {
  padding-left: 0;
  list-style: none;
  margin-left: 50px;
  margin-bottom: 22px;
}
.curriculam table tr:first-child td {
  background: var(--site-color-secondary);
  border-color: var(--site-color-secondary);
  color: #fff;
  text-align: center;
  padding: 12px;
  font-weight: bold;
}
.curriculam table tr td {
  background: #fbfbfb;
  border: 1px solid #dddddd;
  width: 25%;
  padding: 8px;
}
.curriculam table {
  width: 100%;
  margin-bottom: 30px;
}
.right-site-bar-inner .mod-articlesnews.newsflash .mod-articlesnews__item {
  margin: 25px 0;
}
.right-site-bar-inner
  .mod-articlesnews.newsflash
  .mod-articlesnews__item
  .newsflash-title
  a {
  font-size: 18px;
  color: #000000;
}
.right-site-bar-inner .mod-articlesnews.newsflash .mod-articlesnews__item {
  margin: 25px 0;
  width: 100%;
  height: 152px;
  padding: 14px;
  background: var(--site-color-primary-transparent);
  overflow: hidden;
  display: block;
  outline: 1px solid #ffffff;
  outline-offset: -10px;
}
.right-site-bar-inner
  .mod-articlesnews.newsflash
  .mod-articlesnews__item
  .newsflash-title
  a {
  font-size: 18px;
  color: var(--site-color-primary-lighter);
  display: block;
  padding-top: 5px;
  padding-left: 5px;
}
.right-site-bar-inner .mod-articlesnews.newsflash .mod-articlesnews__item p {
  font-size: 15px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 11px;
}
.article-header h2 {
  font-size: 30px !important;
  color: var(--site-color-secondary-darker);
  margin-bottom: 15px;
}
.system-card .article-intro-image a {
  width: 340px;
  height: 220px;
  display: block;
}
.system-card .article-intro-image a img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.article-intro-text p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.wc-schooler-content .page-header h1 {
  color: var(--site-color-primary);
  font-size: 30px;
  font-weight: 600;
  text-transform: uppercase;
}
.wcschooler-blog-style-02
  .com-content-category-blog__items.blog-items.items-leading {
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.wcschooler-blog-style-02
  .com-content-category-blog__items.blog-items.items-leading
  .wc-blog-style-01
  .blog-item {
  flex: 1 0 0%;
}
.wcschooler-blog-style-02
  .com-content-category-blog__items.blog-items.items-leading
  .wc-blog-style-01
  .blog-item
  .card-header {
  position: relative;
}
.wcschooler-blog-style-02 .my-card-header {
  position: relative;
}
.wcschooler-blog-style-02 .my-card-header .article-intro-image {
  display: block;
  overflow: hidden;
  float: none !important;
  margin: 0;
}
.wcschooler-blog-style-02 .my-card-header .article-intro-image img {
  height: 350px;
  object-fit: cover;
  width: 100%;
  transition: ease-in-out 18s;
  transform: scale(1);
}

.wcschooler-blog-style-02 .card-body {
  padding: 20px;
  position: relative;
}
.wcschooler-blog-style-02 .system-unpublished:hover {
  box-shadow: 0 0 5px #949393;
}
.wcschooler-blog-style-02
  .system-unpublished:hover
  .my-card-header
  .article-intro-image
  img {
  transform: scale(2);
}
.wcschooler-blog-style-02 .system-unpublished {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  cursor: pointer;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  position: relative;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid var(--site-color-primary-transparent);
  border-radius: 0.25rem;
  margin-bottom: 40px;
  transition: ease-in-out 0.3s;
}
.wcschooler-blog-style-02 .date-created {
  position: absolute;
  display: flex;
  right: 0;
  bottom: 0;
  background: var(--site-color-secondary);
  width: 127px;
  height: 70px;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.wcschooler-blog-style-02 .date-created span:first-child {
  font-size: 18px;
  background: var(--color-primay);
  width: 100%;
  text-align: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wcschooler-blog-style-02 .date-created span:last-child {
  font-size: 25px;
  color: var(--site-color-primary);
  width: 100%;
  text-align: center;
}
.wcschooler-blog-style-02 .date-created span:first-child:after {
  content: "";
  width: 20%;
  height: 1px;
  position: absolute;
  bottom: 0;
  background: #ffffff;
}
.wcschooler-blog-style-02 .rows-items .my-card-header .article-intro-image img {
  height: 250px;
  object-fit: cover;
}
.wcschooler-blog-style-02 .article-title.item-title .article-header h2 a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.achievement-cat-module .sp-module-content {
  position: relative;
  height: 90%;
}
.achievement-cat-module .mod-articlescategories {
  margin-top: 20px;
  position: sticky;
  top: 100px;
}
.achievement-cat-module .mod-articlescategories li {
  border-bottom: 1px solid var(--site-color-secondary-transperant);
}
.achievement-cat-module .mod-articlescategories li a {
  padding: 8px;
  margin-bottom: 8px;
  display: block;
  display: flex;
  cursor: pointer;
  align-items: center;
  color: #ffffff;
  font-size: 16px;
  transition: ease-in-out 0.3s;
}
.achievement-cat-module .mod-articlescategories li a:hover {
  margin-left: 5px;
}
.achievement-cat-module .mod-articlescategories li a::before {
  content: "\f152";
  display: block;
  font-family: "FontAwesome";
  margin: 0 8px;
}
.achievement-cat-module .sp-module-content {
  padding: 15px;
  position: relative;
  height: 90%;
  background: var(--site-color-primary);
  margin-top: 21px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
.cards-container-bolg-style-03 .card-inner-wrapper {
  width: 100%;
  height: 300px !important;
  overflow: hidden;
}
.cards-container-bolg-style-03 .card-body {
  position: relative;
  padding: 0;
}
.cards-container-bolg-style-03 .card-body .article-header {
  position: absolute;
  bottom: 15px;
  text-align: center;
  width: 90%;
  border: 1px solid var(--color-secondary);
  background: var(--site-color-primary);
}
.cards-container-bolg-style-03 .card-inner-wrapper:hover {
  box-shadow: 0 0 5px var(--site-color-secondary);
}
.article-intro-image a img {
  width: 100%;
  height: 100%;
  transition: ease-in-out 0.3s;
}
.cards-container-bolg-style-03 {
  padding: 60px 0;
}
.cards-container-bolg-style-03 .row .col-sm-4:nth-child(1),
.cards-container-bolg-style-03 .row .col-sm-4:nth-child(2),
.cards-container-bolg-style-03 .row .col-sm-4:nth-child(3) {
  margin-top: 0;
}
.cards-container-bolg-style-03 .row .col-sm-4 {
  margin-top: 30px;
}
.cards-container-bolg-style-03 .card-inner-wrapper {
  width: 100%;
  height: 300px !important;
  border-radius: 3px;
  overflow: hidden;
  transition: 0.3s;
  box-shadow: 0 0 5px transparent;
  border: 10px solid var(--site-color-secondary);
}
.cards-container-bolg-style-03 .card-body .article-header h2 a {
  color: var(--site-buttons-font-color);
  text-align: center;
  padding: 8px;
  font-size: 18px;
  display: block;
}
.cards-container-bolg-style-03 .card-body {
  position: relative;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  justify-content: center;
  flex-flow: wrap;
  height: 100%;
}
.cards-container-bolg-style-03 .card-body:hover .article-intro-image a img {
  filter: grayscale(1);
}
.bottom-row-form {
  margin-top: 35px;
  margin-bottom: 35px;
}
.my-custom-form label {
  color: #000;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  display: block;
}
.bottom-row-form input {
  font-size: 16px;
  border: none;
  border: 0 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  padding: 0;
  height: 36px;
  background: #fff;
  color: rgba(0, 0, 0, 0.8);
  font-size: 14px;
  border-radius: 2px;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: 1px solid rgba(0, 0, 0, 0.1);
  display: block;
  width: 100%;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 0.25rem;
  -webkit-transition: border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
}
.bottom-row-form input:focus {
  border-color: var(--site-color-secondary) !important;
}
.bottom-row-form textarea:focus {
  border-color: var(--site-color-secondary) !important;
}
.bottom-row-form textarea {
  font-size: 16px;
  border: none;
  border: 0 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  padding: 5px;
  background: #fff;
  color: rgba(0, 0, 0, 0.8);
  font-size: 14px;
  border-radius: 2px;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  display: block;
  width: 100%;
  font-weight: 400;
  line-height: 1.5;
  color: #4f5357;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 0.25rem;
  -webkit-transition: border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
}
.input-div {
  margin-top: 25px;
}
.site-button-md {
  background: var(--site-color-primary);
  border: 1px solid #ffffff;
  width: 140px;
  height: 40px;
  font-size: 12px;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 600;
  position: relative;
  overflow: hidden;
  letter-spacing: normal;
  transition: 0.3s;
  margin-top: 20px;
}

.site-button-md:before {
  content: "";
  position: absolute;
  width: 47%;
  transform: rotate(-45deg);
  height: 1px;
  background: var(--color-secondary);
  top: 18px;
  left: -29px;
  transition: 0.3s;
}
.site-button-md:after {
  content: "";
  position: absolute;
  width: 47%;
  transform: rotate(-45deg);
  height: 1px;
  background: var(--color-secondary);
  bottom: 18px;
  right: -29px;
  transition: 0.3s;
}
.site-button-md:hover:before {
  left: -200px;
}
.site-button-md:hover:after {
  right: -200px;
}
.site-button-md:hover {
  letter-spacing: 0.05em;
}
.container-sopnsors {
  margin-top: 0 !important;
}
.footer-top.footer-style-01 {
  margin-bottom: 0 !important;
}
.bottom-footer {
  background: var(--site-color-primary);
  padding: 10px 0 !important;
  text-align: left;
}
.bottom-footer p {
  margin: 0;
  font-size: 15px !important;
  color: var(--color-secondary);
}
.url_links a {
  transition: 0.3s;
  color: #ffffff;
  font-size: 18px;
  border: 2px solid var(--site-color-primary-foreign);
  width: 340px;
  text-align: left;
  margin: 5px;
  display: block;
  padding: 4px 16px !important;
}
.footer-top.footer-style-01
  .inner-container
  .wrapper
  .right-content
  .usefull_links
  .title-text {
  background: var(--site-color-primary-foreign);
  padding: 12px;
  width: 253px !important;
}
#minimal-header-style-3 .header-top-row-minimal {
  height: 35px;
  width: 100%;
  background: #000000;
  display: flex;
  align-items: center;
  justify-content: end;
}
#minimal-header-style-3
  .header-top-row-minimal
  .social-icons.icon-style-4
  .social-icon {
  width: 30px;
  height: 30px;
  margin-right: 5px;
  font-size: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: 0.3s;
}
#minimal-header-style-3 ul > li.active {
  border-bottom: 4px solid var(--site-color-secondary);
}
#minimal-header-style-3 ul > li {
  border-bottom: 4px solid transparent;
  transition: 0.3s;
}
#minimal-header-style-3 ul > li:hover {
  border-bottom: 4px solid var(--site-color-secondary);
}
#minimal-header-style-3 ul ul > li {
  border: 0;
}
#minimal-header-style-3 ul ul > li:hover {
  border: 0;
}
.creative-header .right-social-media {
  position: absolute;
  right: 146px;
  display: flex;
  align-items: center;
}
.creative-header .logo-text-part {
  margin-left: -133px;
}
.full-width-center .logo {
  display: flex;
  align-items: center;
  width: 100% !important;
  height: none !important;
}
.full-width-center .logo .logo_text {
  display: block !important;
}
.full-width-center .logo .logo_text .logo-text-part {
  color: var(--color-secondary);
}
.full-width-center .logo .logo_text .logo-text-part h2 {
  font-size: 30px;
}
.full-width-center .logo .logo_text .school_zone_name {
  display: none;
}
.stiky-header-transparent {
  position: fixed !important;
  top: 0;
  left: 0;
  background: var(--site-color-primary-darker);
  width: 100%;
  height: 60px;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 9999999999999999;
  padding: 0 !important;
  animation: spFadeInDown 0.5s;
}
.stiky-header-white {
  position: fixed !important;
  top: 0;
  left: 0;
  background: var(--color-secondary);
  width: 100%;
  height: 60px;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 9999999999999999;
  padding: 0 !important;
  animation: spFadeInDown 0.5s;
}
@keyframes fadetop {
  from {
    top: -200px;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}
.stiky-bar {
  background: var(--site-color-primary);
  position: fixed !important;
  left: 0;
  top: 0;
  z-index: 999;
  right: 0;
  animation: fadetop 0.5s;
}
#creative-header .stiky-bar nav > ul > li {
  padding: 3px 0;
}
#creative-header .stiky-bar nav ul > li > ul {
  margin-top: -2px;
}
.header-minimal-new.header-sticky {
  display: none;
}
.bottom-row-minimal-nav.enable-header-stiky.stiky {
  top: 0;
}
#sp-site-overview .inner-container p {
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
}
.vission-text p {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
}
.mission-text p {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
}
.floating-whatsapp {
  position: fixed;
  right: 26px;
  bottom: 59px;
  z-index: 99999999999999;
  width: 60px;
  user-select: none;
  height: 60px;
  transition: all 0.3s;
}
.floating-whatsapp img {
  width: 100%;
  height: 100%;
}
.floating-whatsapp.scoll-up {
  right: 26px;
  bottom: 128px;
}
.social-icons.icon-style-4 .social-icon a {
  color: #ffffff;
}
.offcanvas-menu .logo a:nth-child(1) {
  display: none;
}
.offcanvas-menu .logo a:nth-child(2) {
  display: block;
}
.offcanvas-menu .logo .logo-text-part {
  margin-left: 25px;
  display: block;
  color: #fff;
}
.offcanvas-menu .logo .logo-text-part h2 {
  display: block;
}
.social-icons.icon-style-3 .social-icon-instagram a {
  color: #b1006a;
}
.social-icons.icon-style-3 .social-icon-whatsapp a {
  color: #25d366;
}
.social-icons.icon-style-1 .social-icon a {
  color: var(--color-secondary);
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  border-radius: 3px;
  border: 1px solid var(--color-secondary);
  padding: 5px;
  transition: all 0.3s;
}
.social-icons.icon-style-1 .social-icon a:hover {
  background: var(--site-color-secondary);
  color: var(--color-secondary);
}
.social-icons.icon-style-2 .social-icon a {
  color: var(--color-secondary);
}
.social-icons.icon-style-2 .social-icon:hover {
  box-shadow: 0 0 8px var(--site-color-secondary);
}
.social-icons.icon-style-2 .social-icon:hover a {
  color: var(--site-color-secondary);
}

.custom-globe-icon {
  width: 30px;
  height: 30px;
  position: relative;
  top: -2px;
  left: -2px;
  margin: 0 8px;
}
.custom-globe-icon .gglobe {
  width: 25px;
  height: 25px;
  position: relative;
  top: 6px;
  left: 0;
  filter: brightness(11.5);
}
.gsatelites a:nth-child(1) {
  left: -38.6146px !important;
  top: 3.5366px !important;
}
.gsatelites a:nth-child(2) {
  left: -20.6146px !important;
  top: 40.5366px !important;
}
.gsatelites a:nth-child(3) {
  left: 19.3854px !important;
  top: 43.5366px !important;
}
.gsatelite img {
  border-radius: 50%;
  opacity: 0.9;
  transition: all 0.3s;
  width: 25px !important;
  height: 25px !important;
  object-fit: cover;
}
.gsatelite.gt-current-lang img {
  box-shadow: 0 0 0 transparent !important;
  border: 2px solid var(--color-secondary);
}
#minimal-header-style-3 .header-top-row-minimal .social {
  display: flex;
  align-items: center;
}
#minimal-header-style-3 .custom-globe-icon {
  width: 20px;
  height: 20px;
  left: 3px;
  top: 0;
}
#minimal-header-style-3 .custom-globe-icon .gglobe {
  width: 20px;
  height: 20px;
  position: relative;
  top: 0;
  left: -4px;
  filter: brightness(11.5);
}
#creative-header .custom-globe-icon {
  width: 30px;
  height: 30px;
  position: relative;
  top: -1px;
  left: 48px;
}
#sp-menu .social-wrap {
  position: relative;
  padding-left: 20px !important;
}
.loader-style-1 {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999999;
  background: var(--color-secondary-dark);
}
@keyframes loader {
  0%,
  10%,
  100% {
    width: 70px;
    height: 70px;
  }
  65% {
    width: 140px;
    height: 140px;
  }
}
@keyframes loaderBlock {
  0%,
  30% {
    transform: rotate(0);
  }
  55% {
    background-color: #ffffff;
  }
  100% {
    transform: rotate(90deg);
  }
}
@keyframes loaderBlockInverse {
  0%,
  20% {
    transform: rotate(0);
  }
  55% {
    background-color: #ffffff;
  }
  100% {
    transform: rotate(-90deg);
  }
}
.loader-container {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  transform: translate(-50%, -50%) rotate(45deg) translate3d(0, 0, 0);
  animation: loader 1.2s infinite ease-in-out;
}
.loader-container span {
  position: absolute;
  display: block;
  width: 30px;
  height: 30px;
  background-color: var(--site-color-primary);
  animation: loaderBlock 1.2s infinite ease-in-out both;
}
.loader-container span:nth-child(1) {
  top: 0;
  left: 0;
}
.loader-container span:nth-child(2) {
  top: 0;
  right: 0;
  animation: loaderBlockInverse 1.2s infinite ease-in-out both;
}
.loader-container span:nth-child(3) {
  bottom: 0;
  left: 0;
  animation: loaderBlockInverse 1.2s infinite ease-in-out both;
}
.loader-container span:nth-child(4) {
  bottom: 0;
  right: 0;
}

/** Preloader Style 2 **/
#preloader {
  background: var(--color-secondary-dark);
  height: 100%;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 9999999;
}

.book {
  --color: var(--site-color-primary);
  --duration: 6.8s;
  width: 32px;
  height: 12px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.book .inner {
  width: 32px;
  height: 12px;
  position: relative;
  transform-origin: 2px 2px;
  transform: rotateZ(-90deg);
  animation: book var(--duration) ease infinite;
}
.book .inner .left,
.book .inner .right {
  width: 60px;
  height: 4px;
  top: 0;
  border-radius: 2px;
  background: var(--color);
  position: absolute;
}
.book .inner .left:before,
.book .inner .right:before {
  content: "";
  width: 48px;
  height: 4px;
  border-radius: 2px;
  background: inherit;
  position: absolute;
  top: -10px;
  left: 6px;
}
.book .inner .left {
  right: 28px;
  transform-origin: 58px 2px;
  transform: rotateZ(90deg);
  animation: left var(--duration) ease infinite;
}
.book .inner .right {
  left: 28px;
  transform-origin: 2px 2px;
  transform: rotateZ(-90deg);
  animation: right var(--duration) ease infinite;
}
.book .inner .middle {
  width: 32px;
  height: 12px;
  border: 4px solid var(--color);
  border-top: 0;
  border-radius: 0 0 9px 9px;
  transform: translateY(2px);
}
.book ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  left: 50%;
  top: 0;
}
.book ul li {
  height: 4px;
  border-radius: 2px;
  transform-origin: 100% 2px;
  width: 48px;
  right: 0;
  top: -10px;
  position: absolute;
  background: var(--color);
  transform: rotateZ(0deg) translateX(-18px);
  animation-duration: var(--duration);
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}
.book ul li:nth-child(0) {
  animation-name: page-0;
}
.book ul li:nth-child(1) {
  animation-name: page-1;
}
.book ul li:nth-child(2) {
  animation-name: page-2;
}
.book ul li:nth-child(3) {
  animation-name: page-3;
}
.book ul li:nth-child(4) {
  animation-name: page-4;
}
.book ul li:nth-child(5) {
  animation-name: page-5;
}
.book ul li:nth-child(6) {
  animation-name: page-6;
}
.book ul li:nth-child(7) {
  animation-name: page-7;
}
.book ul li:nth-child(8) {
  animation-name: page-8;
}
.book ul li:nth-child(9) {
  animation-name: page-9;
}
.book ul li:nth-child(10) {
  animation-name: page-10;
}
.book ul li:nth-child(11) {
  animation-name: page-11;
}
.book ul li:nth-child(12) {
  animation-name: page-12;
}
.book ul li:nth-child(13) {
  animation-name: page-13;
}
.book ul li:nth-child(14) {
  animation-name: page-14;
}
.book ul li:nth-child(15) {
  animation-name: page-15;
}
.book ul li:nth-child(16) {
  animation-name: page-16;
}
.book ul li:nth-child(17) {
  animation-name: page-17;
}
.book ul li:nth-child(18) {
  animation-name: page-18;
}

@keyframes page-0 {
  4% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  13%,
  54% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  63% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-1 {
  5.86% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  14.74%,
  55.86% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  64.74% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-2 {
  7.72% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  16.48%,
  57.72% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  66.48% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-3 {
  9.58% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  18.22%,
  59.58% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  68.22% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-4 {
  11.44% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  19.96%,
  61.44% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  69.96% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-5 {
  13.3% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  21.7%,
  63.3% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  71.7% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-6 {
  15.16% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  23.44%,
  65.16% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  73.44% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-7 {
  17.02% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  25.18%,
  67.02% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  75.18% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-8 {
  18.88% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  26.92%,
  68.88% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  76.92% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-9 {
  20.74% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  28.66%,
  70.74% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  78.66% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-10 {
  22.6% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  30.4%,
  72.6% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  80.4% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-11 {
  24.46% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  32.14%,
  74.46% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  82.14% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-12 {
  26.32% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  33.88%,
  76.32% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  83.88% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-13 {
  28.18% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  35.62%,
  78.18% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  85.62% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-14 {
  30.04% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  37.36%,
  80.04% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  87.36% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-15 {
  31.9% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  39.1%,
  81.9% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  89.1% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-16 {
  33.76% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  40.84%,
  83.76% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  90.84% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-17 {
  35.62% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  42.58%,
  85.62% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  92.58% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes page-18 {
  37.48% {
    transform: rotateZ(0deg) translateX(-18px);
  }
  44.32%,
  87.48% {
    transform: rotateZ(180deg) translateX(-18px);
  }
  94.32% {
    transform: rotateZ(0deg) translateX(-18px);
  }
}
@keyframes left {
  4% {
    transform: rotateZ(90deg);
  }
  10%,
  40% {
    transform: rotateZ(0deg);
  }
  46%,
  54% {
    transform: rotateZ(90deg);
  }
  60%,
  90% {
    transform: rotateZ(0deg);
  }
  96% {
    transform: rotateZ(90deg);
  }
}
@keyframes right {
  4% {
    transform: rotateZ(-90deg);
  }
  10%,
  40% {
    transform: rotateZ(0deg);
  }
  46%,
  54% {
    transform: rotateZ(-90deg);
  }
  60%,
  90% {
    transform: rotateZ(0deg);
  }
  96% {
    transform: rotateZ(-90deg);
  }
}
@keyframes book {
  4% {
    transform: rotateZ(-90deg);
  }
  10%,
  40% {
    transform: rotateZ(0deg);
    transform-origin: 2px 2px;
  }
  40.01%,
  59.99% {
    transform-origin: 30px 2px;
  }
  46%,
  54% {
    transform: rotateZ(90deg);
  }
  60%,
  90% {
    transform: rotateZ(0deg);
    transform-origin: 2px 2px;
  }
  96% {
    transform: rotateZ(-90deg);
  }
}
/* style 3 css part */

.loader-style-3 {
  z-index: 9999999;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  background: var(--color-secondary-dark);
  color: var(--site-color-primary);
  font: 1em/1.5 sans-serif;
  height: 100vh;
  display: grid;
  place-items: center;
  transition: background-color var(--trans-dur), color var(--trans-dur);
}

.pl {
  display: block;
  width: 8em;
  height: 8em;
}
.pl__ring,
.pl__ball1,
.pl__ball2 {
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  transform-origin: 32px 32px;
}
.pl__ring {
  animation-name: ring;
}
.pl__ball1 {
  animation-name: ball1;
}
.pl__ball2 {
  animation-name: ball2;
}

/* Dark theme  */
@media (prefers-color-scheme: dark) {
  :root {
    --bg: hsl(var(--hue), 10%, 10%);
    --fg: hsl(var(--hue), 10%, 90%);
  }
}

/* Animation */
@keyframes ring {
  from {
    animation-timing-function: ease-in-out;
    stroke-dashoffset: -122.52;
    transform: rotate(135deg);
  }
  15% {
    animation-timing-function: ease-in;
    stroke-dashoffset: -122.52;
    transform: rotate(90deg);
  }
  35% {
    animation-timing-function: ease-out;
    stroke-dashoffset: -65.34;
    transform: rotate(297.5deg);
  }
  55% {
    animation-timing-function: ease-in-out;
    stroke-dashoffset: -122.52;
    transform: rotate(505deg);
  }
  70% {
    animation-timing-function: ease-in-out;
    stroke-dashoffset: -122.52;
    transform: rotate(490deg);
  }
  85%,
  to {
    stroke-dashoffset: -122.52;
    transform: rotate(497.5deg);
  }
}
@keyframes ball1 {
  from {
    transform: rotate(14deg);
  }
  20% {
    transform: rotate(-7deg);
  }
  60% {
    transform: rotate(399deg);
  }
  75% {
    transform: rotate(361deg);
  }
  90%,
  to {
    transform: rotate(374deg);
  }
}
@keyframes ball2 {
  from {
    transform: rotate(-21deg);
  }
  25% {
    transform: rotate(-47deg);
  }
  60% {
    transform: rotate(364deg);
  }
  75% {
    transform: rotate(326deg);
  }
  90%,
  to {
    transform: rotate(339deg);
  }
}

/*responsive part of mobile view*/
@media only screen and (max-width: 767px) {
  .breadcrumb {
    display: none;
  }
  .article-contents table tr {
    display: flex;
    flex-direction: column;
  }
  .article-contents table tr td {
    margin: 8px 0;
  }
  td.profile_width_1 {
    width: 100% !important;
  }
  .profile-image {
    margin: 0 auto;
    width: 100%;
  }
  .offcanvas-menu .logo .logo-text-part {
    margin-left: 25px;
    display: block;
    color: #fff;
  }
}

#minimal-header-style-3 .social #open-button i {
  font-size: 16px;
}
.offcanvas-menu > .align-items-center {
  background: #000;
}
.offcanvas-menu .logo a:nth-child(1) {
  display: none;
}
.image-side {
  width: 150px;
  height: 100%;
  border: 3px solid var(--site-color-secondary);
}
.title-and-image {
  width: 100%;
  height: 180px;
  display: flex;
  align-items: center;
  overflow: hidden;
}
table#colors_table {
  width: 100%;
  margin-top: 15px;
}
#colors_table tr:last-child td {
  padding: 15px;
}
#colors_table tr:first-child td {
  padding: 15px;
  padding-left: 0;
}
.MultiRows-custom section#sp-section-3 {
  position: relative;
}
table.table-inpage.style-2 tr td:first-child img {
  width: 100%;
  height: 140px;
  border-radius: 8px;
  object-fit: cover;
}
table.table-inpage.style-2 tr td:first-child {
  width: 15%;
  height: 100%;
  padding: 10px;
  overflow: hidden;
}
.image-side img {
  object-fit: cover;
}
.profile-image img {
  height: 98px;
  width: 100%;
}
.article-intro-image a img {
  transition: all 20s;
  transform: scale(1);
}
.wc-blog-style-01.blog-item:hover .article-intro-image a img {
  transform: scale(2);
}
.right-site-bar-inner h3.sp-module-title {
  font-size: 25px;
  color: var(--site-color-primary);
  margin: 17px 0;
}
.addtoany_container {
  margin-top: 25px;
}
.com-content-category-blog__items:first-child {
  margin-top: 15px !important;
}
.article-details .article-full-image {
  margin-bottom: 2rem;
  margin-top: 17px;
}
span.tlid-translation.translation {
  line-height: 23px !important;
  display: block;
  color: #404040;
}
.page-header {
  padding-bottom: 10px !important;
}
.cards-container-bolg-style-03 {
  padding: 0 !important;
  margin-top: 20px;
}
.com-content-category-blog__items.blog-items.items-leading {
  margin-top: 23px;
}
.cards-container-bolg-style-03
  .card-inner-wrapper
  .card-body
  .article-intro-image
  img {
  transition: all 15s;
  transform: scale(1);
}
.cards-container-bolg-style-03
  .card-inner-wrapper
  .card-body:hover
  .article-intro-image
  img {
  transform: scale(2);
}
.cards-container-bolg-style-03 .card-inner-wrapper {
  border-radius: 0;
}
.speasyimagegallery-row {
  margin-bottom: 15px !important;
}
.speasyimagegallery-modal {
  width: 1024px !important;
  height: 920px !important;
  position: fixed;
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 50%;
  background: none;
  z-index: 99999;
  max-width: 100%;
  max-height: 100%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.speasyimagegallery-close,
.speasyimagegallery-close:hover,
.speasyimagegallery-close:active,
.speasyimagegallery-close:focus {
  display: block;
  font-size: 30px;
  height: 36px;
  width: 36px;
  line-height: 36px;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 700;
  text-align: center;
  position: absolute;
  top: 33px;
  right: -35px;
  text-decoration: none;
  outline: none;
  -webkit-transition: color 300ms;
  transition: color 300ms;
}
.speasyimagegallery-modal-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  background: rgba(0, 0, 0, 0.8);
  overflow: hidden;
  text-align: center;
  cursor: no-drop;
}
.container-inner-sch-map {
  margin-bottom: 80px !important;
  position: relative;
  display: flex;
  justify-content: end;
  align-items: center;
}
.counter-style-1.counter-block {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
  z-index: 1;
  position: relative;
}
.col-sm-6.form-container {
  padding: 20px;
  background: var(--site-color-primary-more-transparent);
}
header#sp-header.scoll-up {
  position: fixed;
  top: 0;
  animation: spFadeIn 0.5s;
}
.article-intro-image.float-left a img {
  object-fit: cover;
}
.container-rows {
  display: flex;
}
.row-left {
  margin-right: 25px;
  width: 70%;
}
.row-left h3 {
  margin: 30px 0;
  font-size: 25px;
  color: var(--site-color-primary);
}
.row-left table {
  width: 100% !important;
  border: 0;
}
.row-left table:first-child tr {
  border-left: 50px solid var(--site-color-primary);
}
.row-left table tbody tr td {
  padding: 15px;
}
.row-left table tbody tr:nth-child(odd) {
  background: var(--site-color-primary-more-transparent);
}
.row-left table tbody tr:first-child {
  border-left: 5px solid var(--site-color-primary);
}
.col-right img:first-child {
  margin-top: 30px;
  margin-bottom: 15px;
}
.col-right img {
  margin-bottom: 15px !important;
}
.row-left table tr {
  height: auto !important;
}
.row-left table tr td {
  height: auto !important;
}
.article-details,
.com-content-category-blog,
.speasyimagegallery-row {
  margin-bottom: 100px !important;
}
.development-team-container.style-1 .main-title {
  display: none;
}
.items-more {
  display: none;
}

.article-full-image {
  width: 100%;
  height: 537px;
}
.article-full-image img {
  width: 100% !important;
  height: 100% !important;
}
/*404 error page*/

.error-page .error-code,
.error-page .error-message {
  color: var(--color-secondary);
}
a.error-home-button.btn.btn-secondary {
  background: var(--site-color-secondary-transperant);
  border-radius: 0;
  padding: 8px 28px;
  border: 1px solid var(--site-color-secondary);
  color: var(--site-color-secondary);
}
a.error-home-button.btn.btn-secondary:hover {
  background: var(--color-secondary-transperant);
  border-radius: 0;
  padding: 8px 28px;
  border: 1px solid var(--color-secondary);
  color: var(--color-secondary);
}
#finder-search button,
#finder-search a.ads {
  color: #ffffff;
  background: var(--site-color-primary) !important;
  transition: all 0.3s;
}
#finder-search button:hover,
#finder-search a.ads:hover {
  background: var(--site-color-secondary) !important;
  color: var(--site-color-primary) !important;
}
#search-form .form-control {
  border: 1px solid var(--site-color-primary);
}
.blog-style-03.blog .article-header h2 {
  margin-bottom: 0;
}
.middle-bar {
  background: #ffffff !important;
}
body.no-overflow {
  overflow-x: hidden;
  overflow-y: hidden;
}
.footer-logo {
  width: 100px;
  height: 100px;
}
.system-card .article-title.item-title .article-header h2,
.wcschooler-blog-style-02 .card-body .article-title h2 {
  font-size: 23px !important;
  font-weight: bold !important;
}
.pc-mission-and-vission .single-row {
  font-size: 20px !important;
}

.past-principals table tr.year td p span {
  font-weight: blod !important;
}

table th {
  font-weight: bold !important;
}
.left-site-bar-inner.style-1 .menu li:last-child a {
  border: 0;
}
.multi-rows#sp-header {
  border-bottom: 4px solid var(--site-menu-background-active-color) !important;
}
.logo-cover {
  width: 100px;
  height: 100px;
}
.logo-cover img {
  width: 100%;
  height: 100%;
}
body {
  background: var(--site-color-background);
}
.text-side-overview h2{
  color: var(--site-color-primary);
}
.mod-newswc.newscard-style-01 .news-date{
  color: #ffffff;
}
.wcschooler-blog-style-02 .date-created span {
    color: #ffffff !important;
}
figure.newswc-image {
    width: 100%;
    height: 100%;
}
.left-site-bar-inner.style-2 .menu li a{
  text-align: left;
}