@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");

/*
Theme Name: Twenty Twenty-Five Child
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Template: twentytwentyfive
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Tags: one-column,custom-colors,custom-menu,custom-logo,editor-style,featured-images,full-site-editing,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,wide-blocks,block-styles,style-variations,accessibility-ready,blog,portfolio,news
Version: 1.0.1733401887
Updated: 2024-12-05 12:31:27


*/

/* General */

.wp-block-group,
.wp-block-columns {
  max-width: none !important;
}

.underline-style {
  display: flex;
  margin-top: 1em;
}

.underline-style span {
  display: inline-block;
  min-width: 10px;
  height: 3px;
  background-color: #0098da;
  margin: auto 0;
}

.underline-style span:nth-child(2) {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #05dbf2;
  border: 4px solid #fff;
}

.underline-style span:nth-child(1),
.underline-style span:nth-child(3) {
  width: 100px;
}

.section-heading {
  display: flex;
  justify-content: center;
  text-align: center;
  flex-flow: column nowrap;
}

.header-contact {
  text-align: center;
  padding: 1em 4%;
}

.header-contact .contact-info {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}

.header-contact .social-links {
  margin-top: 1em;
}

.Main-Header .wp-block-woocommerce-customer-account {
  display: none;
}

.Main-Header .wp-block-navigation__responsive-container-open,
.Main-Header .wp-block-navigation__responsive-container-close {
  display: flex;
  justify-content: center;
  width: 42px;
  height: 42px;
  background-color: #0788d9;
  border-radius: 50%;
}

.Main-Header .wp-block-navigation__responsive-container-open:focus,
.Main-Header .wp-block-navigation__responsive-container-close:focus {
  outline: none;
}

.Main-Header .wp-block-navigation__responsive-container-open svg,
.Main-Header .wp-block-navigation__responsive-container-close svg {
  color: #fff;

  margin: auto;
}

.Main-Header .wp-block-navigation__responsive-container-close {
  background-color: #000;
}

.Main-Header .wp-block-navigation__responsive-container {
  padding: 2em;
}

.Main-Header .wp-block-navigation__responsive-container ul a {
  padding: 0.5em 0 !important;
}

.Main-Header .wp-block-navigation__responsive-container ul a:focus {
  outline: none;
}

/* .Main-Header .wp-block-navigation__responsive-container ul {
  text-align: left;
  width: 100%;
}

.Main-Header .wp-block-navigation__responsive-container ul li {
  display: flex;
  justify-content: flex-start;
  text-align: left;
  width: 100%;
  border-top: 1px solid #000;
} */

.Main-Header .get-code {
  display: none;
}

@media (min-width: 37.5em) {
  .Main-Header .wp-block-navigation__responsive-container-open {
    display: none;
  }

  .Main-Header .wp-block-navigation__responsive-container {
    padding: 0;
  }
}

@media (min-width: 50em) {
  .header-contact {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: row nowrap;
    padding: 1em max(1em, 5vw) !important;
    gap: 0;
  }

  .header-contact .contact-info {
    /* width: 50%; */
    flex-wrap: nowrap;
  }

  .header-contact .contact-info p {
    width: 75%;
  }

  /* .header-contact .contact-info div {
    width: 50%;
  } */

  .header-contact .social-links {
    flex-wrap: nowrap;
    margin: 0;
  }

  .Main-Header .get-code {
    display: inline-block;
  }
}

/* Main Banner */

.Main-Banner {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  width: 100%;
  margin: 0;
  padding: 0;
}

.Main-Banner figure {
  width: 100%;
  max-width: fit-content;
  margin: 0 !important;
  padding: 0;
}

.Main-Banner figure img {
  width: 100vw;
}

/* END Main Banner */

/* Contact */
.Book-Banner {
  margin: 0;
}

.Book-Banner .banner-container {
  text-align: center;
  font-family: "Inter", serif;
  text-transform: uppercase;
  display: flex;
  flex-flow: column nowrap;
  padding: 4em 2em;
}

.Book-Banner .banner-container .wp-block-group {
  /* max-width: 480px !important; */
  margin: 0 auto;
}

.Book-Banner h2 {
  font-weight: 900;
  font-size: max(2rem, 25vw);
  margin: 0;
  line-height: 1;
}

.Book-Banner h3 {
  font-size: max(2rem, 5vw);
  display: flex;
  justify-content: center;
  margin: 0;
  line-height: 0.8;
}

.Book-Banner h3::after {
  content: "";
  display: inline-block;
  width: 50%;
  height: 2px;
  margin: auto 0;
  margin-left: 0.3em;
  background-color: #000;
}

.Book-Banner h3::before {
  content: "";
  display: inline-block;
  width: 50%;
  height: 2px;
  margin: auto 0;
  margin-right: 0.3em;
  background-color: #000;
}

.Book-Banner img {
  width: max(300px, 10vw) !important;
  height: auto;
  margin-top: 4em;
}

.Book-Banner .wp-block-buttons {
  justify-content: center;
  margin-top: 2em;
}

@media (min-width: 64em) {
  .Book-Banner .banner-container {
    justify-content: space-between;
    text-align: initial;
    flex-flow: row wrap;
    padding: 2em 15vw;
  }

  .Book-Banner .banner-container .wp-block-group {
    margin: auto 0;
  }

  .Book-Banner h2 {
    font-size: 12rem;
  }

  .Book-Banner h3 {
    font-size: 2rem;
  }

  .Book-Banner img {
    width: 340px !important;
    margin: auto 0;
  }
}

/* END Contact */

/* Newsletter */

.Newsletter {
  display: flex;
  justify-content: space-between;
}

.Newsletter .wrapper {
  width: 90%;
  margin: 0 auto;
}

.Newsletter form {
  display: flex;
  flex-flow: column nowrap;
  width: 99%;
}

.Newsletter p,
.Newsletter p label,
.Newsletter p span {
  position: relative;
  width: 100%;
  display: flex;
  margin: 0;
}

.Newsletter form p:last-of-type input {
  font-size: 1rem;
  color: #fff;
  background-color: #0098da;
  border: 1px solid #0098da;
}

.Newsletter input {
  position: relative;
  width: 100%;
  font-size: 1rem;
  margin-top: 1em;
  padding: 1em;
  box-sizing: border-box;
  border: 1px solid #e1e1e1;
}

.Newsletter input::placeholder {
  color: #e1e1e1 !important;
}

.Newsletter .wpcf7-spinner {
  display: none;
  position: absolute;
}

@media (min-width: 64em) {
  .Newsletter {
    position: absolute;
    right: 5vw;
  }

  .Newsletter .wrapper {
    width: 40vw;
    background-color: #fff;
    padding: 2em;
    border-radius: 15px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  }

  .Newsletter form {
    justify-content: space-between;
    flex-flow: row wrap;
  }

  .Newsletter form p:not(:last-of-type) {
    width: 48%;
  }
}

/* END Newsletter */

/* About Us */

.About-Us .about-wrapper {
  margin: 0 !important;
  padding: 10vh 0;
  max-width: none;
}

.About-Us .wp-block-columns {
  position: relative;
  margin: 2em 0;
}

.About-Us .wp-block-column:last-of-type {
  position: relative;
  padding-right: 1em;
}

.About-Us .wp-block-columns figure {
  position: relative;
  z-index: 1;
}

.About-Us .wp-block-columns .border {
  position: absolute;
  top: 0;
  width: 92%;
  margin-left: 8%;
  height: 100%;
  border: 10px solid #0098da;
}

@media (min-width: 64em) {
  .About-Us .wp-block-columns {
    width: 92%;
    margin: 2em 0;
  }
}

/* END About Us */

/* Appointment */

.Appointment .stack {
  max-width: none;
  margin: 0 !important;
}

.Appointment .appointment-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}

.Appointment .stack p {
  max-width: 65vw;
  line-height: 1.5;
}

.Appointment .stack a:hover {
  color: #000 !important;
  transition: ease-in 0.5s;
  background-color: #fff !important;
}

/* END Appointment */

/* Testimony */

.Testimony {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  margin: 10vh 0;
}

.Testimony .wp-block-columns {
  margin: 2em 0;
}

.Testimony .wp-block-column {
  padding: 2em !important;
  box-shadow: 0 0 100px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  max-width: 450px;
}

.Testimony .wp-block-column figure img {
  border: 3px solid #fff;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
}

.Testimony .wp-block-column h3 {
  font-weight: 600;
}

.Testimony .wp-block-column h4 {
  font-size: 0.875rem;
  margin-top: 0.5em;
}

.Testimony .wp-block-column p {
  margin-top: 2em;
}

/* END Testimony */

/* Services */

.Services {
  padding: 0;
}

.Services .services-container {
  padding: 2em;
  max-width: none;
}

.Services .wp-block-group {
  max-width: none;
}

.Service-Card {
  margin-bottom: 1em;
  padding: 1em;
  border-radius: 15px;
}

.Service-Card h3 {
  font-weight: 600;
}

.Service-Card svg {
  color: #0788d9;
}

.Service-Card p {
  font-size: 1.1175rem;
  line-height: 2;
}

.Service-Card:hover {
  color: #fff;
  background-color: #0788d9 !important;
  transition: ease-in 0.5s;
}

.Service-Card:hover svg {
  color: #fff;
}

.Service-Card:hover p {
  font-weight: 600;
}

@media (min-width: 50em) {
  .Services .services-container {
    width: 92%;
  }

  .Services .is-layout-grid {
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
  }

  .Service-Card {
    width: 30%;
  }
}

/* END Services ---------------------------------------------------------- */

/* Assessment */

@media (min-width: 50em) {
  .Assessment p {
    max-width: 50vw;
  }
}

/* END Assessment --------------------------------------------------------- */

/* Pricing */

.Pricing .wp-block-columns {
  justify-content: center;
  align-items: flex-start !important;
}

.Price-Card {
  margin: auto 0;
  padding: 0 !important;
  border: none;
  box-shadow: 0 0 100px rgba(0, 0, 0, 0.1);
  max-width: 400px;
  margin: 0 auto;
}

.Price-Card:nth-child(2) {
  color: #fff;
  background-color: #0788d9;
}

.Price-Card .card-header {
  position: relative;
  padding: 1.5em;
  border-bottom: 1px solid #e1e1e1;
  overflow: hidden;
}

.Price-Card:nth-child(2) .card-header {
  padding: 2em 1.5em;
}

.Price-Card h5 {
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  position: absolute;
  right: -7em;
  width: 220px;
  background-color: #05dbf2;
  padding: 1em;
  padding-right: 3em;
  transform: rotate(45deg);
  letter-spacing: 0.1rem;
}

.Price-Card:nth-child(1) h5,
.Price-Card:nth-child(3) h5 {
  display: none;
}

.Price-Card ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.Price-Card ul li {
  font-weight: 500;
  font-size: 1rem;
  margin: 0;
  padding: 1.2em 1.5em;
  border-bottom: 1px solid #e1e1e1;
}

.Price-Card .card-footer {
  display: flex;
  width: 60%;
  margin: 2em 0;
}

.Price-Card:nth-child(2) .card-footer {
  padding-bottom: 1em;
}

.Price-Card .wp-block-buttons {
  width: 100%;
  margin: 0 !important;
}

.Price-Card .wp-block-outermost-icon-block {
  margin: 0 !important;
}

.Price-Card .wp-block-buttons a {
  text-align: left;
  color: #0788d9;
  background-color: transparent;
  border: 2px solid #0098da;
}

.Price-Card:nth-child(2) .wp-block-buttons a {
  color: #fff;
  border-color: #fff;
}

.Price-Card .icon-container {
  display: flex;
  width: 42px !important;
  height: 42px;
  margin: 1em 0;
  margin-left: -52px;
  background-color: #0788d9;
  border-radius: 50%;
}

.Price-Card:nth-child(2) .icon-container {
  background-color: #fff;
}

.Price-Card .icon-container svg {
  fill: #fff;
  width: 50%;
  margin: auto;
}

.Price-Card:nth-child(2) .icon-container svg {
  fill: #0788d9;
}

@media (min-width: 50em) {
  .Price-Card:nth-child(2) {
    margin-top: -1em;
  }
}

@media (min-width: 64em) {
  .Pricing .wp-block-columns {
    max-width: 1200px;
    gap: 0;
  }

  .Price-Card:nth-child(2) {
    margin: -1em 1em 0;
  }
}

/* END Pricing ------------------------------------------------------------ */

/* Success Story */

.Success-Story {
  flex-flow: column nowrap;
  padding: 0 !important;
}

.Success-Story .wp-block-image img {
  width: 100%;
}

.Success-Story h2 {
  margin: 0 !important;
}

.Success-Story .wp-block-columns {
  width: 100%;
  max-width: none;
  flex-flow: row wrap;
  gap: inherit;
}

.Success-Story .wp-block-column {
  flex-basis: auto !important;
  height: auto;
  flex-grow: initial;
  min-width: none !important;
  display: flex;
  flex-flow: column nowrap;
}

.Success-Story .wp-block-column:last-of-type {
  width: 100%;
  margin: 0;
  padding: 5vh max(2em, 1vw) !important;
  box-sizing: border-box;
  background-color: #0098da;
}

.Success-Story .underline-style span:nth-child(2) {
  background-color: #05dbf2;
  border: 4px solid #0788d9;
}

.Success-Story .underline-style span:nth-child(1) {
  display: none;
}

.Success-Story .underline-style span:nth-child(3) {
  background-color: #fff;
}

.Success-Story .quote {
  display: flex;
  flex-direction: column;
}

.Success-Story p {
  margin: 0;
  margin-top: 1em;
}

.Success-Story .quote p {
  font-weight: 600;
  font-size: 1rem !important;
  margin: 0 !important;
  padding-left: 1em;
}

.Success-Story h4,
.Success-Story p {
  margin-left: 4em;
}

.Success-Story .success-btn {
  display: flex;
  position: relative;
  margin: 1em 0 !important ;
}

.Success-Story .wp-block-outermost-icon-block {
  position: relative;
  color: #05dbf2;
  width: 42px;
  height: 42px;
  margin: auto 0 !important;
  /* left: -50px; */
  padding: 0;
  background-color: #fff;
  border-radius: 50%;
}

.Success-Story .wp-block-outermost-icon-block div {
  display: flex;
}

.Success-Story .wp-block-outermost-icon-block svg {
  stroke: #05dbf2;
  width: 65%;
  margin: auto;
}

.Success-Story .wp-block-buttons {
  margin: 0 !important;
  padding: 0;
}

.Success-Story .wp-block-buttons a {
  font-weight: 600;
  color: #fff;
  background-color: transparent;
  border: 2px solid #fff;
  padding-right: 60px;
}

@media (min-width: 50em) {
  .Success-Story .wp-block-column {
    width: 50% !important;
  }

  .Success-Story .wp-block-column:last-of-type {
    padding: 3em !important;
  }
}

@media (min-width: 64em) {
  .Success-Story figure {
    margin: auto 0;
  }

  .Success-Story .wp-block-columns {
    position: relative;
    flex-direction: row;
    height: 100vh;
    overflow: hidden;
    background-color: #000;
  }
}

@media (min-width: 85.375em) {
  .Success-Story .quote p {
    font-size: calc(1rem * 1.3) !important;
    line-height: 1.5;
  }
}

/* END Success Story */

/* Contact */

.Contact .wp-block-column {
  margin-top: 2em;
}

.Contact .wp-block-column > p {
  margin: 2em 0;
}

.Contact .social-links {
  margin-top: 2em;
}

.Contact form p,
.Contact form label,
.Contact form label span {
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
}

.Contact form input {
  font-size: 1rem;
  width: 100%;
  padding: 1em;
  box-sizing: border-box;
  border: 1px solid #e1e1e1;
}

.Contact form input[type="submit"] {
  color: #fff;
  background-color: #0788d9;
  border: 1px solid #0788d9;
}

.Contact form input:focus,
.Contact form textarea:focus {
  outline: none;
  border-color: #0788d9;
}

.Contact form textarea {
  font-family: var(--wp--preset--font-family--manrope);
  font-size: 1rem;
  width: 100%;
  padding: 1em;
  box-sizing: border-box;
  border: 1px solid #e1e1e1;
}

.Contact .wpcf7-spinner {
  display: none;
}

@media (min-width: 64em) {
  .Contact .contact-container {
    width: 92%;
    margin: 0 auto;
  }

  .Contact .section-heading {
    display: inline-block;
    text-align: left;
  }

  .Contact .underline-style span:nth-child(1) {
    display: none;
  }
}

/* END Contact */

/* ---------------------------------------------------------------------------------------------------- */

/* Main Footer */

@media (min-width: 64em) {
  .Main-Footer .wrapper > div {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-flow: row nowrap;
    max-width: none;
  }

  .Main-Footer .footer-about {
    width: 25vw;
  }

  .Main-Footer .useful-links {
    justify-content: space-between;
    width: 55vw;
    flex-wrap: nowrap;
    padding-top: 16vh;
    margin-left: 5vw;
  }
}

/* END Main Footer */