@import url("https://fonts.googleapis.com/css2?family=Baloo+2:wght@400..800&family=Jost:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Neuton:ital,wght@0,200;0,300;0,400;0,700;0,800;1,400&family=Old+Standard+TT:ital,wght@0,400;0,700;1,400&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Quicksand:wght@300..700&display=swap");
.moto-box {
  height: 100%;
}

#course-sec {
  padding-block: 5vh;
}
#course-sec .course-rating {
  display: none !important;
}
#course-sec .course-author {
  display: none !important;
}

.course-box .course-meta {
  border-bottom: none;
}

.course-box {
  height: 100%;
}

.header-logo a img {
  height: 15vh !important;
}

#thisrow-edit {
  margin-right: 10vw;
}

.main-menu a {
  font-family: "Quicksand", sans-serif;
  font-weight: 700;
}

#thisspace {
  padding-block: 10vh;
}

#ppopusup {
  /* Popup Overlay */
  /* Popup Content */
  /* Image Section */
  /* Form Section */
  /* Close Button */
}
#ppopusup .popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
#ppopusup .popup-content {
  display: flex;
  background-color: #fff;
  padding: 20px;
  border-radius: 8px;
  width: 1020px;
  max-width: 90%;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  position: relative;
}
@media (max-width: 497px) {
  #ppopusup .popup-content {
    display: flex;
    flex-direction: column;
  }
}
#ppopusup .popup-img {
  flex: 1;
  margin-right: 20px;
}
@media (max-width: 497px) {
  #ppopusup .popup-img {
    display: none;
  }
}
#ppopusup .popup-img img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}
#ppopusup .popup-form {
  flex: 1;
}
#ppopusup .popup-form h3 {
  margin: 0 0 20px;
  font-size: 24px;
  font-family: "Libre Baskerville", serif;
  color: #1a6daf;
}
#ppopusup .popup-form input,
#ppopusup .popup-form textarea,
#ppopusup .popup-form button {
  width: 100%;
  margin-bottom: 15px;
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
#ppopusup .popup-form button {
  background-color: #f45eac;
  color: #fff;
  border: none;
  cursor: pointer;
}
#ppopusup .popup-form button:hover {
  background-color: #fdce1b;
}
#ppopusup .close-popup {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #ff4d4d;
  color: white;
  border: none;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  font-size: 16px;
  cursor: pointer;
}

.footer-wrapper {
  background: black;
}
.footer-wrapper .footer-top .footer-logo a img {
  background: white;
  padding: 30px;
  border-radius: 50px;
}

.footer-layout-default .footer-top .footer-logo {
  border-right: 1px solid #283752;
  padding: 9px 0;
  display: inline-block;
  padding-right: 78px;
}
@media (max-width: 497px) {
  .footer-layout-default .footer-top .footer-logo {
    text-align: center;
    padding: 0px;
    margin-block: 4vh;
  }
  .footer-layout-default .footer-top .footer-logo img {
    width: 50%;
  }
}

#blog-sec {
  padding-block: 5vh;
}

.thisspace img-sec {
  text-align: center;
}
.thisspace img-sec img {
  width: 72%;
  border-radius: 25px;
  box-shadow: 0px 0px 16px 4px #bbbbbb;
}

.slick-center .testi-grid {
  background-color: #f1f5fa;
  border-color: #ffdc1d;
}

#hometesti .sub-title {
  font-size: 16px;
  font-weight: 500;
  color: black;
  font-family: var(--title-font);
  text-transform: uppercase;
  margin-top: -0.41em;
  margin-bottom: 22px;
  display: block;
}
#hometesti .testi-grid_name {
  font-size: 24px;
  margin-bottom: 3px;
  margin-top: -0.24em;
  font-weight: 500;
  color: #1a6daf;
}

.hero-style8 {
  padding: 128px 0 75px 0;
}

#blog-sec .author {
  display: none;
}

#missvis-goal {
  padding-block: 1vh;
}

#about-seci {
  padding-block: 4vh 10px;
}

#missvis-goal .service-card {
  height: 100%;
}

.map-sec .map iframe {
  height: 100%;
  width: 100%;
  webkit-filter: grayscale(0);
  filter: grayscale(0);
}

.blog-meta .author {
  display: none;
}

.about-logo a img {
  width: 53%;
  border-radius: 30px;
}

.form-div {
  padding-inline: 24vw;
  padding-block: 4vh;
}
.form-div form {
  background: rgba(26, 109, 175, 0.568627451);
  padding-inline: 5vw;
  padding-block: 4vh;
  border-radius: 30px;
}
.form-div form button {
  padding-block: 1.5vh;
  padding-inline: 5vw;
  background: #fed111;
  width: 100%;
  color: #000000;
  font-weight: 600;
  font-size: 20px;
}

.new-head {
  margin-block: 4vh;
}
.new-head h2 {
  font-family: "Libre Baskerville", serif;
  margin: 0px 0px 10px 0px;
  color: #f45eac;
}
.new-head p {
  font-family: "Lato", sans-serif;
  margin: 0px;
  font-size: 12px;
  color: black;
}

.course-box2.style2 {
  height: 100%;
}

.f-boces {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-block: 4vh;
  background: gainsboro;
  padding-block: 2vh;
  border-radius: 15px;
  padding-inline: 2vw;
}
.f-boces p {
  margin: 0px;
}
.f-boces #classes {
  border: 1px solid black;
  padding: 5px 20px;
  border-radius: 5px;
  font-weight: 600;
}
.f-boces #classes p {
  color: #1a6daf;
}
.f-boces #prices {
  border: 1px solid black;
  border-radius: 5px;
  padding: 5px 20px;
  font-weight: 600;
  color: white !important;
}
.f-boces #prices p {
  color: #1a6daf;
}

.checklist .top-head {
  margin-bottom: 4vh;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
.checklist .top-head span {
  font-size: 14px;
  font-weight: 700;
  font-family: "Josefin Sans", sans-serif;
  color: #25abbe;
}
@media (max-width: 497px) {
  .checklist .top-head span {
    font-size: 13px;
  }
}
@media (max-width: 497px) {
  .checklist .top-head h6 {
    font-size: 14px;
  }
}

#pagesingle {
  text-align: center;
}
#pagesingle .course-title {
  font-size: 54px;
  font-weight: 500;
  line-height: 1.417;
  font-family: "Neuton", serif;
  text-decoration: underline;
  color: #25abbe;
}
@media (max-width: 497px) {
  #pagesingle .course-title {
    font-size: 60px;
    text-decoration: none;
  }
}