/*!
Theme Name: School Classroom
Theme URI: https://www.thealphablocks.com/themes/school-classroom/
Author: Abu Turab
Author URI: https://www.thealphablocks.com/
Description: The School Classroom Theme is a modern, responsive design crafted for educational institutions of all kinds. Whether you're running a primary school, high school, online academy, or vocational program, this versatile theme provides a professional and accessible platform to showcase your school’s vision, programs, and community activities. It includes essential features such as calendar integration, admission forms, parent and student portals, and newsletters — making it easy to manage communication and engagement. The theme is ideal for presenting curriculum details, events, achievements, and extracurricular activities through a clean and intuitive layout. With a fresh and welcoming aesthetic, it offers engaging banner sections, testimonial displays, faculty profiles, and an events calendar to keep your community informed. Optimized for all devices, the theme supports blogs, photo galleries, and videos, helping you build a dynamic and engaging online presence. Designed to adapt to your school’s evolving digital needs, this theme provides a strong foundation for fostering community connection and driving enrollment.
Version: 1.5
Requires at least: 5.9
Tested up to: 6.8
Requires PHP: 5.6
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: school-classroom
Tags: one-column, two-columns, left-sidebar, right-sidebar, grid-layout, wide-blocks, custom-background, custom-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, full-width-template, block-patterns, block-styles, rtl-language-support, sticky-post, threaded-comments, translation-ready, portfolio, blog, education

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

School Classroom is based on Twenty Twenty-Two WordPress Theme, (C) 2024 WordPress.org
Twenty Twenty-Two is distributed under the terms of the GNU GPL.
*/

:root {
  --wp--custom--core-button--spacing--padding--left: 40px;
  --wp--custom--core-button--spacing--padding--right: 40px;
  --wp--custom--core-button--spacing--padding--top: 10px;
  --wp--custom--core-button--spacing--padding--bottom: 10px;
  --wp--custom--core-button--color: #fff;
  --wp--custom--core-button--color--background: #395BDF;
  --wp--custom--core-button--color-hover: #fff;
  --wp--custom--core-button--color--background-hover: #0f1214;
  --wp--custom--core-button--box-sizing: border-box;
  --wp--custom--core-button--word-break: border-box;
  --wp--custom--core-button--text-align: center;
  --wp--custom--core-button--border-radius--top-left: 0;
  --wp--custom--core-button--border-radius--top-right: 0;
  --wp--custom--core-button--border-radius--bottom-left: 0;
  --wp--custom--core-button--border-radius--bottom-right: 0;
  --wp--custom--core-button--typography--font-size: 15px;
  --wp--custom--core-button--typography--font-weight: 500;
  --wp--custom--core-button--line-height: 1.7;
}

:root :where(.wp-block-button .wp-block-button__link){
  letter-spacing: 0;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}

body {
  background: #fff !important;
  font-family: var(--wp--preset--font-family--poppins) !important;
}

header a,
footer a {
  text-decoration: none;
}

/* -------------------------------------------------------- */
/* ---// Links Style
-------------------------------------------------------- */

.widget a:not(.wp-block-button__link),
.entry-summery a:not(.wp-block-button__link),
.entry-content a:not(.wp-block-button__link) {
  text-underline-offset: 3px;
  text-decoration-skip-ink: all;
  text-decoration-thickness: 1px;
  text-decoration: underline;
}

.widget a:not(.wp-block-button__link):hover,
.entry-summery a:not(.wp-block-button__link):hover,
.entry-content a:not(.wp-block-button__link):hover {
  color: var(--wp--preset--color--primary);
}


.header-nav a:focus-visible,.header-nav a:focus,a:focus-visible,
a:focus {
  outline: 1px dotted !important;
  text-decoration: underline !important;
}

a:hover,
a:active,
a:hover {
  outline: none;
  color: var(--wp--preset--color--primary);
}

h1 a:active,
h1 a:hover,
h1 a:focus,
h2 a:active,
h2 a:hover,
h2 a:focus,
h3 a:active,
h3 a:hover,
h3 a:focus,
h4 a:active,
h4 a:hover,
h4 a:focus,
h5 a:active,
h5 a:hover,
h5 a:focus,
h6 a:active,
h6 a:hover,
h6 a:focus,
.wp-block-post-title a:active,
.wp-block-post-title a:hover,
.wp-block-post-title a:focus {
  background-size: 100% 2px;
}

select,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  box-sizing: border-box;
  display: block;
  font-size: var(--wp--preset--font-size--normal);
  width: 100%;
  background: var(--wp--preset--color--input-field);
  border: 1px solid transparent;
  line-height: 1.75;
  padding: 7px 15px;
  color: var(--wp--preset--color--foreground);
}

select:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  color: var(--wp--preset--color--foreground);
  box-shadow: none;
  outline: none;
  border: 1px solid var(--wp--preset--color--primary);
}

textarea {
  width: 100%;
  height: 120px;
  padding: 15px 20px;
}

input[type="checkbox"] {
  display: inline;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: var(--wp--preset--color--foreground);
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: var(--wp--preset--color--foreground);
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: var(--wp--preset--color--foreground);
}

table {
  border-spacing: 0;
  border: 1px solid var(--wp--preset--color--border);
}

table td,
table th {
  border: 1px solid var(--wp--preset--color--border);
  padding: 15px;
}

.wp-block-preformatted {
  background-color: var(--wp--preset--color--background-secondary);
  box-sizing: border-box;
  overflow: auto;
  word-wrap: break-word;
  padding: 60px;
}

.wp-block-quote {
  position: relative;
  padding: 45px 15px 15px 30px;
  border-radius: 15px;
  background: var(--wp--preset--color--background-secondary);
  border-color: var(--wp--preset--color--primary);
}

.wp-block-quote p {
  color: var(--wp--preset--color--foreground);
  font-size: var(--wp--preset--font-size--medium);
  font-style: italic;
  margin-top: 0;
}

.wp-block-quote:before {
  color: var(--wp--preset--color--primary);
  content: "\201C";
  font-size: 5.25rem;
  line-height: 0;
  height: auto;
  display: block;
}

.wp-block-quote.is-large:not(.is-style-plain),
.wp-block-quote.is-style-large:not(.is-style-plain) {
  padding: 80px 50px 50px;
}

select,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  border-radius: 3px;
  box-sizing: border-box;
  display: block;
  font-size: 17px;
  width: 100%;
  background: var(--wp--preset--color--background-secondary);
  border: 1px solid transparent;
  line-height: 1.75;
  padding: 7px 15px;
  color: var(--wp--preset--color--foreground);
}

select:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  color: var(--wp--preset--color--foreground);
  box-shadow: none;
  outline: none;
  border: 1px solid var(--wp--preset--color--primary);
}

textarea {
  width: 100%;
  height: 120px;
  padding: 15px 20px;
}

input[type="checkbox"] {
  display: inline;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: var(--wp--preset--color--foreground);
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: var(--wp--preset--color--foreground);
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: var(--wp--preset--color--foreground);
}

hr {
  background-color: var(--wp--preset--color--border);
  border-width: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

.has-shadow-dark {
  box-shadow: 0 6px 30px 7px #2125471a;
}

.wp-block-search__button,
.wp-block-file .wp-block-file__button,
.wp-block-button__link {
  text-decoration: none;
  border-style: solid;
}


.wp-block-search__button,
.wp-block-file .wp-block-file__button {
  text-decoration: none;
  border-style: solid;
}

.wp-block-button.is-style-outline .wp-block-button__link {
  border: 2px solid;
  text-decoration: none;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
  border: 2px solid var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--secondary);
}

.wp-block-button.is-style-fill .wp-block-button__link {
  border: 2px solid transparent;
  text-decoration: none;
}

.is-style-outline>.wp-block-button__link:not(.has-text-color),
.wp-block-button__link.is-style-outline:not(.has-text-color) {
  color: var(--wp--preset--color--primary);
}

.wp-block-button__link:visited,
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link,
input[type="button"],
button,
input[type="reset"],
input[type="submit"],
input[type=button],
input[type=reset],
input[type=submit],
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  color: var(--wp--custom--core-button--color);
  background-color: var(--wp--custom--core-button--color--background);
  border-top-left-radius: var(--wp--custom--core-button--border-radius--top-left);
  border-top-right-radius: var(--wp--custom--core-button--border-radius--top-right);
  border-bottom-left-radius: var(--wp--custom--core-button--border-radius--bottom-left);
  border-bottom-right-radius: var(--wp--custom--core-button--border-radius--bottom-right);
  font-weight: var(--wp--custom--core-button--typography--font-weight);
  font-size: var(--wp--custom--core-button--typography--font-size);
  padding-left: var(--wp--custom--core-button--spacing--padding--left);
  padding-right: var(--wp--custom--core-button--spacing--padding--right);
  padding-top: var(--wp--custom--core-button--spacing--padding--top);
  padding-bottom: var(--wp--custom--core-button--spacing--padding--bottom);
  text-align: var(--wp--custom--core-button--text-align);
  word-break: var(--wp--custom--core-button--word-break);
  box-sizing: var(--wp--custom--core-button--box-sizing);
  line-height: var(--wp--custom--core-button--line-height);
  cursor: porubik;
}

.woocommerce ul.products li.product .onsale,
.wc-block-grid__product .wc-block-grid__product-onsale {
  background: var(--wp--preset--color--primary);
  border: none;
  border-radius: 0;
  color: var(--wp--preset--color--background);
  font-size: 14px;
  padding: 3px 12px;
  position: absolute;
  right: 0;
  top: 12px;
  transform: rotate(89deg);
  z-index: 1;
  margin: 0;
  line-height: inherit;
  min-width: auto;
  min-height: auto;
}

.wp-block-button__link:visited:hover,
.wp-block-button__link:visited:focus,
.wp-block-button__link:visited:active,
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:hover,
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:focus,
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:active,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="button"]:active,
button:hover,
button:focus,
button:active,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="reset"]:active,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active,
input[type=button]:hover,
input[type=button]:focus,
input[type=button]:active,
input[type=reset]:hover,
input[type=reset]:focus,
input[type=reset]:active,
input[type=submit]:hover,
input[type=submit]:focus,
input[type=submit]:active,
.woocommerce #respond input#submit:hover,
.woocommerce #respond input#submit:focus,
.woocommerce #respond input#submit:active,
.woocommerce a.button:hover,
.woocommerce a.button:focus,
.woocommerce a.button:active,
.woocommerce button.button:hover,
.woocommerce button.button:focus,
.woocommerce button.button:active,
.woocommerce input.button:hover,
.woocommerce input.button:focus,
.woocommerce input.button:active,
.woocommerce #respond input#submit.alt:hover,
.woocommerce #respond input#submit.alt:focus,
.woocommerce #respond input#submit.alt:active,
.woocommerce a.button.alt:hover,
.woocommerce a.button.alt:focus,
.woocommerce a.button.alt:active,
.woocommerce button.button.alt:hover,
.woocommerce button.button.alt:focus,
.woocommerce button.button.alt:active,
.woocommerce input.button.alt:hover,
.woocommerce input.button.alt:focus,
.woocommerce input.button.alt:active {
  background: var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--background);
}

input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: none;
}

/** Recent Work **/

.recent-work-area img {
  width: 100%;
}

.recent-work-area span.dashicons.dashicons-arrow-right-alt2 {
  margin-top: 5px;
}

gation .wp-block-navigation__responsive-container-open {
  padding: 5px;
  border: 1px solid #fff;
}

ul.has-link-color li {
  margin-bottom: 10px;
}

.wp-block-navigation ul li a:hover,
.wp-block-navigation ul li a:focus,
.wp-block-navigation ul li a:active {
  color: var(--wp--preset--color--primary);
  outline: none;
}

.wp-block-navigation ul li.current-menu-item>a {
  color: var(--wp--preset--color--primary);
  outline: none;
}

.wp-block-navigation ul li .wp-block-navigation-submenu__toggle {
  background: none;
}

@media screen and (min-width: 599px) {
  .wp-block-navigation ul li ul {
    border: none !important;
    box-shadow: 0px 3px 15px 0px #1E1E1E0d;
    width: 220px;
  }

  .wp-block-navigation ul li ul:after {
    content: "";
    display: inline-block;
    background: transparent;
    width: 100%;
    height: 45px;
    position: absolute;
    top: -25px;
    left: 0;
  }

  .wp-block-navigation ul li ul li {
    border-bottom: 1px solid #9292923b;
  }

  .wp-block-navigation ul li ul li:last-child {
    border: none;
  }

  .wp-block-navigation ul li.open-on-click ul {
    top: 50px;
  }

  .wp-block-navigation ul li.open-on-hover-click ul {
    opacity: 0;
    visibility: hidden;
    border: none !important;
    box-shadow: 0px 3px 15px 0px #1E1E1E0d;
    width: 220px;
    transform: translateY(20px);
    porubik-events: none;
    max-height: none;
    z-index: 999;
    transition: transform .4s ease;
  }

  .wp-block-navigation ul li.open-on-hover-click:hover>ul,
  .wp-block-navigation ul li.open-on-hover-click:focus>ul,
  .wp-block-navigation ul li.open-on-hover-click:active>ul {
    opacity: 1;
    visibility: visible;
    transform: translateY(10px);
    porubik-events: auto;
    transition: transform .4s ease;
  }
}

.sp-navigation,
.wp-block-navigation__container {
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 599px) {
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container{
    width: 100%;
    padding: 0px;
  }
  .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container {
    width: 100%;
    gap: 0 !important;
    border: 1px solid #9292923b;
    border-bottom: none;
  }
  .wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content{
    justify-content: center;
  }
  .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item {
    width: 100%;
    gap: 0 !important;
    border: none !important;
  }

  .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item a {
    padding: 0;
    width: 100%;
    border-bottom: 1px solid #fff !important;
    padding: 7px 50px 7px 20px;
  }

  .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation__submenu-icon svg {
    stroke: currentColor;
    display: block;
    width: 30px;
    height: 13px;
    margin: 0 !important;
    padding: 0 !important;
  }

  .wp-block-navigation ul.wp-block-navigation__submenu-container.has-text-color.has-heading-color.has-background.has-background-background-color.wp-block-navigation-submenu {
    padding: 0;
    width: 100%;
    padding-left: 20px;
  }

  .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a {
    padding-left: 35px;
  }

  .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation-submenu__toggle[aria-expanded=true]+ul.wp-block-navigation__submenu-container {
    display: block;
    margin: 0;
    padding: 0;
  }

  .wp-block-navigation.is-responsive .wp-block-navigation__responsive-container {
    transition-timing-function: ease-in;
    transition: 0s;
    transform: translateX(130%);
    display: block;
  }

  .wp-block-navigation.is-responsive .wp-block-navigation__responsive-container.is-menu-open {
    visibility: visible;
    transition-timing-function: ease-out;
    transition: .7s;
    transform: translateX(0);
    top: 0;
    background-color: var(--wp--preset--color--primary) !important;
  }

  body.admin-bar .wp-block-navigation.is-responsive .wp-block-navigation__responsive-container.is-menu-open {
    top: 32px;
  }
}

.wp-block-navigation.is-responsive .is-menu-open.has-modal-open .wp-block-navigation__responsive-container-content {
  max-width: 600px;
  margin: 0 auto;
}

.wp-block-navigation.is-responsive .is-menu-open.has-modal-open .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container {
  width: 100%;
  gap: 0 !important;
  border: 1px solid #9292923b;
  border-bottom: none;
}

.wp-block-navigation.is-responsive .is-menu-open.has-modal-open .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item {
  width: 100%;
  gap: 0 !important;
  border: none !important;
}

.wp-block-navigation.is-responsive .is-menu-open.has-modal-open .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item a {
  padding: 0;
  width: 100%;
  border-bottom: 1px solid #9292923b;
  padding: 15px 50px 15px 30px;
}

.wp-block-navigation.is-responsive .is-menu-open.has-modal-open .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation__submenu-icon svg {
  stroke: currentColor;
  display: block;
  width: 30px;
  height: 13px;
  margin: 0 !important;
  padding: 0 !important;
}

.wp-block-navigation.is-responsive .is-menu-open.has-modal-open .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a {
  padding-left: 35px;
}

.wp-block-navigation.is-responsive .is-menu-open.has-modal-open .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation-submenu__toggle[aria-expanded=true]+ul.wp-block-navigation__submenu-container {
  margin: 0;
  padding: 0;
  height: 100%;
  visibility: visible;
}

.wp-block-navigation.is-responsive .always-shown+.wp-block-navigation__responsive-container {
  transition-timing-function: ease-in;
  transition: 0s;
  transform: translateY(-130%);
  display: block;
}

.wp-block-navigation.is-responsive .always-shown+.wp-block-navigation__responsive-container.is-menu-open {
  visibility: visible;
  transition-timing-function: ease-out;
  transition: .7s;
  transform: translateY(0);
  top: 0;
}

.wp-block-post-author {
  display: flex;
  align-items: center;
}

.wp-block-post-comments input:not([type=submit]),
.wp-block-post-comments textarea {
  color: inherit;
  border: 1px solid var(--wp--preset--color--border);
  font-size: var(--wp--preset--font-size--normal);
  font-family: inherit;
  background: inherit;
  border-radius: 0;
}

.wp-block-post-comments input:not([type=submit]):active,
.wp-block-post-comments input:not([type=submit]):hover,
.wp-block-post-comments input:not([type=submit]):focus,
.wp-block-post-comments textarea:active,
.wp-block-post-comments textarea:hover,
.wp-block-post-comments textarea:focus {
  border: 1px solid var(--wp--preset--color--primary);
}

.wp-block-post-comments .depth-1 {
  border: 1px solid var(--wp--preset--color--border);
  padding: 50px 30px;
  margin: 50px 0;
}

.wp-block-post-comments .children li {
  border-top: 1px solid;
  padding-top: 50px;
  padding-bottom: 50px;
  border-bottom: 1px solid var(--wp--preset--color--border);
}

.wp-block-post-comments .children li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.wp-block-post-comments .comment-form p {
  margin-bottom: 25px;
}

/*Header css*/

.top-header {
  box-shadow: 200px 0px 0px 0px var(--wp--preset--color--primary);
}
.header-search.wp-block-search button {
  border-radius: 50%;
  padding: 0;
  border: none;
  height: 54px !important;
  width: 54px;
  display: block !important;
}
.header-search .wc-block-mini-cart__button {
  background-color: var(--wp--preset--color--foreground);
  border-radius: 50%;
  padding: 7px;
}
.header-search .wp-block-woocommerce-customer-account a .wc-block-customer-account__account-icon {
  padding: 0px;
  height: 25px;
  width: 25px;

}
button.wc-block-mini-cart__button{
  padding: 0px;
}
.wp-block-woocommerce-customer-account a {
  align-items: center;
  color: currentColor !important;
  display: flex;
  gap: .5em;
  line-height: 1;
  padding: 0px;
  border-radius: 50%;
  text-decoration: none !important;
  white-space: nowrap;
}
header, .header {
  position: relative;
  z-index: 9;
}
.header-search input[type="search"]{
  background-color: var(--wp--preset--color--primary);
}
.header-search button.wp-block-search__button.has-text-color.has-white-color.has-icon.wp-element-button {
  padding: 3px 12px;
}
.header-search .wp-block-search__input::placeholder{
  color: var(--wp--preset--color--white);
  font-size: 14px;
  font-family: "Inter", sans-serif;
}
.header-search form.wp-block-search__button-inside.wp-block-search__icon-button.wp-block-search {
  width: 40%;
}
.header-search .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
  padding: 0;
  border: none;
  background: transparent !important;
  height: auto;
  border-radius: 24px 0 0 24px;
  color: var(--wp--preset--color--white);
  font-family: "Inter", sans-serif;
}
.header-search .wp-block-search__button svg {
  rotate: 270deg;
}
.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden, 
.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper{
  overflow: visible;
}

/*banner*/
.slider-image img{
  width: 100% !important;
  object-fit: cover !important;
}
.slider-upper.owl-carousel .owl-dots {
  position: absolute;
  right: 2%;
  top: 45%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 10;
}

.slider-upper.owl-carousel .owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #E3E3E3 !important;
  transition: background 0.3s;
  cursor: pointer;
}

.slider-upper.owl-carousel .owl-dot.active {
  background-color: var(--wp--preset--color--primary) !important;
}

.slider-upper, .wrap-inner {
  position: relative;
}
.slider-upper:after {
  content: "";
  position: absolute;
  background: url(images/shape.png) no-repeat center center;
  width: 85%;
  height: 65px;
  bottom: -17px;
  left: -20px;
  z-index: 1;
  background-size: cover;
  background-repeat: no-repeat;
}
.slider-upper.wrap-inner:before {
  content: '';
  background-color: #B56613;
  width: 68px;
  height: 24px;
  position: absolute;
  bottom: 0;
  left: -33px;
  z-index: -1;
  clip-path: polygon(0 0, 48% 100%, 100% 0);
}
.wrap-inner:after {
  content: '';
  background-color: #B56613;
  width: 68px;
  height: 24px;
  position: absolute;
  bottom: 0;
  right: -34px;
  z-index: -1;
  clip-path: polygon(0 0, 48% 100%, 100% 0);
}

/*property*/
.courses-inner-box .is-resized img {
  width: 100%;
  object-fit: cover;
  height: 300px;
}
.courses-inner-box img{
  width: 100% !important;
}
.star-img {
  display: flex !important;
  justify-content: center;
}
.box-price{
  text-align: right;
  position: relative;
}
.star-img {
  display: flex;
  align-items: center;
}
.banner-right{
  text-align: center;
}
.slider{
  position: relative;
}
.banner-main-img img {
  width: 750px;
}
.wp-block-columns.are-vertically-aligned-center.slider-main-box.is-layout-flex.wp-container-core-columns-is-layout-11.wp-block-columns-is-layout-flex {
  position: absolute;
  width: 100%;
  margin: 0 auto !important;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.date-btn {
  display: inline-flex !important;
}
.content-main-box{
  text-align: center !important;
}
.date-btn figure{
  display: flex;
  justify-self: center;
}
.content-main-box a{
  text-decoration: none;
}
.story-section {
  margin-bottom: -100px !important;
}
.about-image  img{
  object-fit: cover !important;
  width: 100% !important;
}
.slider-shape {
  position: absolute;
  bottom: -16px;
  z-index: 1;
  left: -121px;
}
.about-image {
  position: relative;
}
.play-btn-image {
  width: 60px !important;
  height: 60px !important;
  position: absolute;
  top: 50%;
  margin: 0 auto;
  left: 0;
  right: 0px;
  transform: translateY(-50%);
}


@media screen and (min-width: 910px) {
  .no-submenu-triangle.wp-block-navigation ul ul::before {
    display: none;
  }
}

.grayscale,
.grayscale img {
  filter: brightness(100%) contrast(100%) saturate(0%) blur(0px) hue-rotate(0deg);
  transition-duration: .4s;
}

.grayscale:hover,
.grayscale:focus,
.grayscale:active,
.grayscale img:hover,
.grayscale img:focus,
.grayscale img:active {
  opacity: 1;
  filter: brightness(100%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg);
}

.wp-block-button.is-style-fill a.wp-block-button__link {
  border: none;
}

.image-zoom-hover {
  overflow: hidden;
}

.image-zoom-hover img {
  margin: 0;
  -webkit-transition: -webkit-transform 1s ease;
  -moz-transition: -moz-transform 1s ease;
  transition: transform 1s ease;
  vertical-align: middle;
  width: 100%;
}

.image-zoom-hover:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
}

.wp-block-social-links .wp-social-link span:not(.screen-reader-text) {
  font-size: 1rem;
}

.wp-block-social-links.tooltip-style:not(.has-visible-labels) .wp-social-link a {
  position: relative;
}

.wp-block-social-links.tooltip-style:not(.has-visible-labels) .wp-social-link a .wp-block-social-link-label {
  clip: inherit;
  height: auto;
  overflow: visible;
  clip-path: inherit;
  left: 35px;
  background: #fff;
  display: block;
  color: black;
  width: auto;
  padding: 3px 10px;
  line-height: initial;
  font-size: 14px;
  border-radius: 2px;
  opacity: 0;
  min-width: 100px;
}

.wp-block-social-links.tooltip-style:not(.has-visible-labels) .wp-social-link a .wp-block-social-link-label::after {
  content: "";
  display: block;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #fff;
  position: absolute;
  left: -5px;
  top: 5px;
}

.wp-block-social-links.tooltip-style:not(.has-visible-labels) .wp-social-link a:hover .wp-block-social-link-label {
  visibility: visible;
  opacity: 1;
}

.wp-block-social-links.tooltip-style:not(.has-visible-labels) .wp-block-social-link:hover {
  transform: scale(1);
}
.wc-block-product-categories__button{
  display: none;
}
.wc-block-product-categories__dropdown select{
  background: #E9F3FF;
  border-radius: 10px;
  border: 0px !important;
}
.wc-block-product-categories__dropdown select{
  font-family: Rubik;
  font-weight: 400;
  font-size: 12px;
  color: #222222;
}
button.wc-block-mini-cart__button:hover{
  background: transparent !important;
}
.wp-block-search__inside-wrapper input{
  border-radius: 10px;
}
.home .header-wrap {
  position: absolute;
  width: 100%;
  background: transparent !important;
  z-index: 2;
}
.post-content .wp-block-button a:hover{
  background: #395BDF !important;
  opacity: 1;
  color: #fff !important;
}
.slider-text .wp-block-social-link a:hover{
  background: #395BDF !important;
  border-radius: 30px !important
}
.slider-text ul{
  gap:10px !important;
}
.cart-box {
  text-align: right;
}
.right-image img {
  width: 100%;
  height: 500px;
  margin-left: -20px;
}
.tour-main{
  position: relative;
}
.post-content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
  text-align: center;
  right: 0px;
  margin: 0 auto;
}
.tour-main img{
  width: 100%;
}
.eb-cd-inner {
  display: flex;
  gap: 20px;
  color: #fff;
  justify-content: center;
  text-align: center;
}
.eb-countdown-ihm0x.eb-cd-wrapper .eb-cd-inner .box {
  background: transparent !important;
  color: #fff;
}
.box.cd-box-day, .box.cd-box-hour, .box.cd-box-minute, .box.cd-box-second {
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
}
.header-search {
  position: relative;
  left: 5px;
}
.wp-block-social-links.tooltip-style:not(.has-visible-labels).is-horizontal .wp-social-link .wp-block-social-link-label {
  top: -30PX;
  left: 0;
}
.product-img img{
  width: 100%;
}

.wp-block-social-links.tooltip-style:not(.has-visible-labels).is-horizontal .wp-social-link .wp-block-social-link-label::after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
  top: 21px;
  left: 5px;
  position: absolute;
}

@media screen and (max-width: 767px) {

  .mobile-alignleft {
    text-align: left;
  }

  .mobile-alignright {
    text-align: right;
  }

  .mobile-aligncenter {
    align-content: space-between;
    display: grid;
    gap: 10px 0;
    justify-content: center;
    justify-items: stretch;
    max-width: 100%;
    text-align: center;
    width: 100%;
  }

  .wp-block-social-link {
    margin: 0 3px;
  }
}

.transparent-header,
.block-editor-block-list__layout .transparent-header {
  background: linear-gradient(180deg, #1E1E1E63 50%, transparent);
  gap: 0;
  left: 0;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 99;
}

.logged-in.admin-bar .transparent-header {
  top: 32px;
}

.text-has-rectangle {
  position: relative;
}

@media screen and (max-width: 910px) {

  .transparent-header,
  .block-editor-block-list__layout .transparent-header {
    position: inherit;
    background: #111;
  }
}

body .wp-block-group .no-margin {
  margin: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
}

body .wp-block-group .no-margin-top {
  margin-top: 0;
}

body .wp-block-group .no-margin-bottom {
  margin-bottom: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
}

body .wp-block-group .no-margin-left {
  margin-left: 0;
  margin-inline-start: 0;
}

body .wp-block-group .no-margin-right {
  margin-right: 0;
  margin-inline-end: 0;
}

body .wp-block-group .no-padding {
  padding: 0;
}

body .wp-block-group .no-padding-top {
  padding-top: 0;
}

body .wp-block-group .no-padding-bottom {
  padding-bottom: 0;
}

.wp-site-blocks>*+* {
  margin: 0;
}

.editor-styles-wrapper a {
  text-decoration: inherit;
}

.wp-block-button.is-style-outline .wp-block-button__link {
  border: 2px solid;
}

.wp-block-button.is-style-fill .wp-block-button__link {
  border: 2px solid transparent;
}

.wp-block-quote {
  position: relative;
  padding: 45px 15px 15px 30px;
  border-radius: 15px;
  background: var(--wp--preset--color--background-secondary);
  border-color: var(--wp--preset--color--primary);
}

.wp-block-loginout a::before {
  content: "\f007";
  display: inline-block;
  /* stylelint-disable-next-line */
  font-family: "dashicons";
  margin-right: 10px;
}

.wp-block-categories,
.wp-block-archives {
  list-style: none;
  padding: 0;
}

.wp-block-categories li a,
.wp-block-archives li a {
  display: inline-block;
  padding: 5px 0;
  text-decoration: underline;
}

.wp-block-categories li a::before,
.wp-block-archives li a::before {
  content: "";
  display: inline-block;
  /* stylelint-disable-next-line */
  font-family: "dashicons";
  font-size: 13px;
  margin-right: 8px;
}

.wp-block-categories li a::before {
  content: "\f318";
}

.wp-block-archives li a::before {
  content: "\f07b";
}

.editor-styles-wrapper .wp-block-categories ul,
.editor-styles-wrapper .wp-block-archives ul,
.editor-styles-wrapper .wp-block-page-list {
  list-style: none;
  padding: 0;
}

.taxonomy-category.wp-block-post-terms a,
.taxonomy-post_tag.wp-block-post-terms a,
.wp-block-tag-cloud a {
  border: 1px solid;
  display: inline-block;
  font-size: 14px !important;
  margin: 5px;
  padding: 2px 10px;
  text-decoration: inherit !important;
  border-radius: 2px;
}

span.wp-block-post-terms__separator {
  display: none;
}

.wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-author::before,
.wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-link::before,
.wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date::before {
  content: "";
  display: inline-block;
  /* stylelint-disable-next-line */
  font-family: "dashicons";
  font-size: 13px;
  margin-right: 10px;
}

.wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date::before {
  content: "\f469";
}

.wp-block-latest-posts li {
  clear: both;
  margin-bottom: 15px;
  overflow: hidden;
}

.wp-block-latest-posts li .wp-block-latest-posts__featured-image {
  vertical-align: middle;
}

.wp-block-latest-posts .wp-block-latest-posts__post-title {
  font-size: 1rem;
  line-height: 1.5;
}

.wp-block-latest-posts li>a {
  font-weight: 600;
  display: block;
  padding-top: 5px;
}

.wp-block-latest-posts__post-author,
.wp-block-latest-posts__post-date,
.wp-block-post-date {
  display: inline-block;
  margin-right: 10px;
}

.wp-block-latest-posts__post-author::before,
.wp-block-latest-posts__post-date::before,
.wp-block-post-date::before {
  content: "";
  display: inline-block;
  font-family: 'dashicons';
  font-size: 15px;
  margin-right: 2px;
  position: relative;
  top: 3px;
  font-weight: 100;
}

.wp-block-latest-posts__post-author::before {
  content: "\f007";
}

.wp-block-latest-posts__post-date:before,
.wp-block-post-date:before {
  content: "\f469";
}

.wp-block-latest-comments {
  padding: 0;
}

a.wp-block-post-excerpt__more-link {
  font-weight: 600;
  margin-top: 5px;
  display: block;
}

a.wp-block-post-excerpt__more-link::after {
  content: "\f345";
  display: inline-block;
  /* stylelint-disable-next-line */
  font-family: 'dashicons';
  font-size: 13px;
  margin-left: 10px;
}

a.wp-block-post-excerpt__more-link+a.wp-block-post-excerpt__more-link::after,
a.wp-block-post-excerpt__more-link>a.wp-block-post-excerpt__more-link:after {
  display: none;
}

.wp-site-blocks .wp-block-search .wp-block-search__inside-wrapper,
.editor-styles-wrapper .wp-block-search .wp-block-search__inside-wrapper {
  padding: 0;
}

.wp-site-blocks .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button,
.editor-styles-wrapper .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button {
  cursor: porubik;
}

.wp-site-blocks .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button,
.wp-site-blocks .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input,
.editor-styles-wrapper .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button,
.editor-styles-wrapper .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input {
  border: 1px solid transparent;
  padding: 9px 25px;
}
.wp-site-blocks .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input{
  background: #fff;
}
.wp-site-blocks .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input::placeholder{
  color: #000 !important;
}

.wp-site-blocks .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input,
.editor-styles-wrapper .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input {
  padding: 9px 0 9px 25px;
  border: none;
}

.wp-site-blocks .wp-block-search.transparent-field .wp-block-search__inside-wrapper .wp-block-search__input,
.editor-styles-wrapper .wp-block-search.transparent-field .wp-block-search__inside-wrapper .wp-block-search__input {
  background: transparent;
}

.wp-site-blocks .wp-block-search.field-light-color .wp-block-search__inside-wrapper .wp-block-search__input,
.editor-styles-wrapper .wp-block-search.field-light-color .wp-block-search__inside-wrapper .wp-block-search__input {
  color: #fff;
}

.wp-site-blocks .wp-block-search.wp-block-search__icon-button .wp-block-search__button,
.editor-styles-wrapper .wp-block-search.wp-block-search__icon-button .wp-block-search__button {
  padding: 10px 12px;
}

.wp-block-cover-image .wp-block-cover__inner-container,
.wp-block-cover .wp-block-cover__inner-container {
  width: 100%;
  z-index: 1;
  color: var(--wp--preset--color--background);
}

figure.wp-block-gallery {
  margin-left: 0;
  margin-right: 0;
}

.wp-block-post-author {
  align-items: center;
}

.wp-block-post-author__avatar img {
  border-radius: 50%;
  vertical-align: middle;
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
  font-size: 18px;
  padding: 35px 15px 35px;
}

.wp-block-query-pagination {
  margin: 80px 0;
}

.wp-block-query-pagination .wp-block-query-pagination-numbers {
  margin: 0;
  display: inline-block;
}

.wp-block-query-pagination .page-numbers,
.wp-block-query-pagination .wp-block-query-pagination-next,
.wp-block-query-pagination .wp-block-query-pagination-previous {
  padding: 12px 16px;
  background: var(--wp--preset--color--secondary-background);
  line-height: 1;
  margin: 0 3px;
  text-decoration: inherit;
  display: inline-block;
  box-shadow: 0 0 15px #1E1E1E2b;
  border-radius: 100px;
}

.wp-block-query-pagination .page-numbers.current,
.wp-block-query-pagination a:hover,
.wp-block-query-pagination a:focus,
.wp-block-query-pagination a:active {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white) !important;
}

/*inner pages*/
@media screen and (max-width: 991px){
  .custom-query-class .wp-block-post-template,.home-blog-section .wp-block-post-template{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media screen and (max-width: 767px){
  .custom-query-class .wp-block-post-template,.home-blog-section .wp-block-post-template{
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}

/* elements
--------------------------------------------- */
.woocommerce ul.products li.product .price {
  color: inherit;
  font-size: 1.1rem;
}

.woocommerce ul.products li.product {
  text-align: center;
}

.woocommerce ul.products li.product .price {
  color: inherit;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: inherit;
  font-size: 1.1rem;
}

.woocommerce .related.products h2 {
  margin-bottom: 20px;
}

.woocommerce h1.woocommerce-products-header__title.page-title {
  font-size: 2rem;
}

.woocommerce table.shop_attributes {
  border-spacing: 0;
  border: 1px solid;
}

.woocommerce table.shop_attributes td,
.woocommerce table.shop_attributes th {
  border: 1px solid var(--wp--preset--color--border);
  padding: 15px;
}

.woocommerce .product_meta .posted_in {
  display: block;
  margin-top: 15px;
}

.woocommerce .product_meta .posted_in a {
  border: 1px solid var(--wp--preset--color--foreground);
  font-size: 0.9rem;
  padding: 5px 10px;
  margin: 0 5px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
  margin: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs:after,
.woocommerce div.product .woocommerce-tabs ul.tabs:before {
  display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
  background: inherit;
  margin: 0;
  border-radius: 0;
  border-color: inherit;
  padding: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before {
  display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover a {
  background-color: var(--wp--custom--core-button--color--background);
  color: #fff;
  border-color: transparent;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  color: inherit;
  padding: 10px 20px;
}

.woocommerce div.product .woocommerce-tabs .panel {
  padding: 40px;
  border: 1px solid;
  margin-top: -1px;
}

.woocommerce span.onsale {
  background-color: var(--wp--preset--color--primary);
  min-height: unset;
  min-width: unset;
  border-radius: 0;
  transform: rotate(90deg);
  line-height: 1.3;
  top: 9px;
  left: 0;
  padding: 4px 9px;
}

.woocommerce .woocommerce-breadcrumb {
  margin-bottom: 35px;
  display: block;
}

.woocommerce .woocommerce-pagination ul {
  border-color: var(--wp--preset--color--primary);
}

.woocommerce .woocommerce-pagination ul li {
  border-right-color: var(--wp--preset--color--primary);
}

.woocommerce .woocommerce-pagination ul li span,
.woocommerce .woocommerce-pagination ul li a {
  padding: 20px;
}

.woocommerce .woocommerce-pagination ul li a:focus,
.woocommerce .woocommerce-pagination ul li a:hover,
.woocommerce .woocommerce-pagination ul li span.current {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white);
}

.woocommerce .woocommerce-checkout .form-row {
  padding: 0;
  margin: 0 0 15px;
}

.woocommerce .woocommerce-checkout .form-row input.input-text,
.woocommerce .woocommerce-checkout .form-row textarea {
  line-height: normal;
  padding: 15px 25px;
  margin: 0;
  border-radius: 0;
}

.woocommerce .woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 2.4;
}

.woocommerce .woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 39px;
  width: 40px;
}

.woocommerce .woocommerce-checkout .select2-container .select2-selection--single {
  height: auto;
  border-radius: 0;
  background: var(--wp--preset--color--background-secondary);
  border: none;
}

.woocommerce .woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row label {
  line-height: 1.75;
  margin-bottom: 10px;
}

.woocommerce .woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row {
  margin: 0 0 20px;
}

.woocommerce .woocommerce-checkout .woocommerce-checkout-review-order table.shop_table {
  border-right: 0;
  border-radius: 0;
}

.woocommerce .woocommerce-checkout .form-row .woocommerce-input-wrapper textarea {
  height: 150px;
}

.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white);
  border-color: var(--wp--preset--color--secondary);
}

.woocommerce .woocommerce-error::before,
.woocommerce .woocommerce-info::before,
.woocommerce .woocommerce-message::before {
  color: var(--wp--preset--color--secondary);
}

.woocommerce .woocommerce-error a:hover,
.woocommerce .woocommerce-info a:hover,
.woocommerce .woocommerce-message a:hover {
  color: var(--wp--preset--color--secondary);
  color: var(--wp--custom--core-button--color);
}

.wc-block-mini-cart__button,
.wc-block-components-drawer .components-modal__header .components-button {
  cursor: porubik;
}

.wc-block-mini-cart__template-part .wc-block-components-drawer,
.wc-block-mini-cart__template-part .wp-block-woocommerce-mini-cart-contents {
  background: var(--wp--preset--color--background-secondary);
}

.wc-block-mini-cart__template-part h2.wc-block-mini-cart__title {
  font-size: 1rem;
}

.wc-block-mini-cart__template-part .wc-block-components-product-metadata__description {
  display: none;
}

.wc-block-mini-cart__template-part .wc-block-components-quantity-selector:after {
  border-radius: 0;
}

.wc-block-mini-cart__template-part .wc-block-mini-cart__footer {
  border-color: var(--wp--preset--color--border);
}

.wc-block-mini-cart__template-part .wc-block-cart-item__product .wc-block-cart-item__quantity {
  padding-top: 0 !important;
}

.wc-block-grid__product .wc-block-grid__product-onsale {
  background: var(--wp--preset--color--primary);
  border: none;
  border-radius: 0;
  color: var(--wp--preset--color--foreground);
  font-size: 14px;
  padding: 3px 12px;
  position: absolute;
  right: 0;
  top: 12px;
  transform: rotate(89deg);
  z-index: 1;
  margin: 0;
  line-height: inherit;
  min-width: auto;
  min-height: auto;
}

.wc-block-grid__product .wc-block-grid__product-title {
  font-size: 1.1rem;
  font-weight: 500;
}

.woocommerce-page .input-text {
  padding: 0.8rem 1.1rem;
}

.woocommerce .quantity .qty {
  width: 5.631em;
}

.grid-layout.wp-block-post-template:not(.alignwide) .wp-block-post-featured-image img {
  height: 300px;
  object-fit: cover;
}

.has-bottom-shadow:after,
.has-bottom-shadow:before {
  background: rgb(0 169 164 / 21%);
}

.margin-minus-220 {
  margin-top: -220px !important;
  position: relative;
  z-index: 2;
}

.has-border-radius {
  border-radius: 5px;
  overflow: hidden;
}

.youtube-popup-link {
  cursor: porubik;
}

.is-justify-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.dashicons {
  height: auto !important;
  width: auto !important;
}

.box-shadow-ripples .dashicons a,
.youtube-popup-link a {
  display: none;
}

.sticky-sidebar {
  position: sticky;
  top: 0;
}

.header-search-upper .wp-block-search__inside-wrapper .wp-block-search__input {
  color: #000 !important;
  position: absolute;
  right: 55px;
  top: 0%;
  width: 400px;
  z-index: 111;
}
@media (max-width: 480px) {
  .header-search-upper .wp-block-search__inside-wrapper .wp-block-search__input {
    width: 200px;
  }
}
.wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input, .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
  padding: 0 20px;
  height: 55px;
}

a.wp-block-post-excerpt__more-link::after {
  display: none;
}

.mini-cart-box {
  text-align: center;
  border-radius: 50px;
}

.mini-account-box .wp-block-woocommerce-customer-account{
  margin: 0 !important;
  border-radius: 50px;
}

.mini-account-box .wp-block-woocommerce-customer-account a {
  justify-content: center;
}

.mini-search-box {
  background: #395BDF;
  border-radius: 30px;
}

.mini-search-box input#wp-block-search__input-2{
  background: transparent;
}

.mini-search-box .wp-block-search__inside-wrapper{
  border: none;
}

.mini-search-box button.wp-block-search__button.has-icon.wp-element-button{
  background: transparent;
}

.mini-cart-box button.wc-block-mini-cart__button:hover{
  background: transparent;
}

/*custom-css*/
.header-navigation{
  margin-top: 0;
}
.lower-header{
  padding: 20px 0px !important;
}
.page-template-page-no-header-image .lower-header,
.post-template-post-no-header-image .lower-header{
  position: static;
  background-color: var(--wp--preset--color--black) !important;
}
/*header-icons*/

.property-heading{
  text-align: center;
}
.banner-right{
  position: relative;
}
.review-box-image {
  position: absolute;
  top: 12%;
  left: 20%;
}
.review-box-1 {
  position: absolute;
  width: 18%;
  text-align: center;
  left: 12%;
  bottom: 30%;
}
.review-box-2 {
  position: absolute;
  width: 20%;
  top: 26%;
  right: 14%;
  text-align: center;
}
.review-box-3 {
  position: absolute;
  width: 20%;
  right: 16%;
  bottom: 8%;
  text-align: center;
}

.header-button a{
  font-weight: 400 !important;
}

.wp-block-social-link a{
  font-size: 18px;
}

.footer-wrap-box-inner a,.logo-upper a{
  color: #fff;
}
.footer-wrap-box a{
  text-decoration: underline !important;
}
.header-navigation a.wp-block-navigation-item__content:focus {
  outline: 1px solid #fff;
}

.color-element{
  color: #395BDF;
}
.image-area-wrap,.choose-us-aera {
  position: relative;
}
.eb-progressbar-title {
  color: #1D2939;
}
.eb-progressbar-line .eb-progressbar-count-wrap {
  bottom: calc(100% + 5px);
  font-weight: 400;
  line-height: 1;
  position: absolute;
  right: 0;
  color: #1D2939;
}
.eb-progressbar-line {
  background-color: rgba(217, 217, 217, 1);
  display: block;
  height: 12px;
  position: relative;
  width: 100%;
}
.eb-progressbar-line-fill {
  background-color: #395BDF;
  display: inline-block;
  height: 12px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 75%;
}
.tab-btn.active .wp-block-button a{
  background-color: var(--wp--preset--color--primary) !important;
  color: #fff !important;
}
.work-main img{
  width: 100%;
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .wp-block-navigation-item a{
    color: #fff !important;
  }
  .slider-upper:after{
    display: none;
  }
  .head-nav nav,.header-search-upper .wp-block-group{
    justify-content: right !important;
  }
  .head-nav,.header-search-upper{
    margin-top: 20px !important;
  }
  .header-right-box .wp-block-columns{
    padding-left: 0px !important;
  }
  .slider-inner-box h2{
    font-size: 25px !important;
  }
  .slider-inner-box,.story-section{
    text-align: center;
    max-width: 100% !important;
  }
  .video-left{
    padding: 0px 20px !important;
    text-align: center !important;
  }
  .video-left p{
    font-size: 10px !important;
    text-align: center !important;
  }
  .video-left .wp-block-buttons{
    justify-content: center !important;
  }
  .slider-inner-box .wp-block-buttons{
    justify-content: center !important;
  }
  .slider-inner-box img{
    width: 100% !important;
    height: 280px !important;
  }
  .slider-shape {
    bottom: -6px !important;
  }
  .tab-buttons{
    display: inline-block !important;
  }
  div#custom-tabs{
    text-align: center;
  }
  .tab-btn{
    justify-content: center !important;
    margin-bottom: 10px !important;
  }
  .courses-inner-box p{
    font-size: 13px !important;
  }
  .header-meta{
    justify-content: center;
  }
  .wp-block-columns.are-vertically-aligned-center.slider-main-box.is-layout-flex.wp-container-core-columns-is-layout-11.wp-block-columns-is-layout-flex {
    position: relative;
    text-align: center !important;
    padding-top : 30px  !important;
  }
  .slider-main-box .wp-block-buttons{
    justify-content: center !important;
  }
  .home .lower-header{
    position: relative;
  }
  .banner-main-img img {
    width: 100%;
    height: 300px;
  }
  .slider-main-box h2{
    font-size: 35px !important;
  }
  .short-heading,.property-heading p{
    text-align: center !important;
  }
  .property-heading .wp-block-buttons{
    justify-content: center !important;
  }
  .right-image img{
    margin-left: 0px;
  }
  .review-box-image{
    margin-top: 20px !important;
  }
  .price-box {
    margin-right: 5px;
  }
  .header-menu{
    border-radius: 0px !important;
    margin-bottom: 15px !important;
  }
  .support-box {
    margin-bottom: 10px !important;
  }
  .home .header-wrap {
    position: relative;
  }
  button.wp-block-search__button.has-icon.wp-element-button {
    position: relative;
    margin: 0 auto;
  }
  .header-button .wp-block-buttons{
    justify-content: center;
    margin-bottom: 10px;
  }
  .slider-info-box{
    text-align: center;
  }
  .slider-info{
    width: 100%;
  }
  .tour2,.tour3,.tour4{
    padding-top: 0px !important;
  }
  .banner-search{
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  .slider-info-main {
    justify-content: center;
  }
  .lower-header{
    gap:15px;
  }
  .slider-text{
    text-align: center;
  }
  .slider-content{
    padding-top: 20px !important;
  }
  .slider-text ul {
    justify-content: center !important;
    margin-top: 10px !important;
  }
  .slider-text h2{
    font-size: 26px !important;
  }
  .header-logo h1{
    text-align: center !important;
  }
  .header-main{
    gap:10px !important;
  }
  .header-search{
    gap:10px !important;
    justify-content: center !important;
  }
  .header-search form.wp-block-search__button-inside.wp-block-search__icon-button.wp-block-search {
    width: 60%;
  }
  .heading-box{
    text-align: center;
  }
  .wrap-inner:before,.wrap-inner:after{
    display: none;
  }
  .header-nav nav{
    justify-content: center;
  }
  .lower-header{
    padding-left: 0px !important;
  }
  .wp-block-navigation__submenu-icon svg{
    fill: #000;
  }
  .social-box ul {
    justify-content: center;
  }
  .top-header,.header-right-box p,.banner-area {
    text-align: center;
  }
  .top-header .wp-block-columns,
  .lower-header .wp-block-columns {
    gap: 0px;
    text-align: center;
  }
  .header-logo .wp-block-woocommerce-product-categories.wc-block-product-categories.is-dropdown{
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .dummy-clumn{
    margin-bottom: 20px;
  }
  .left-image img,.right-image img{
    border-radius: 30px;
    height: 300px;
    object-fit: cover
  }
  div.eb-cd-wrapper div.eb-cd-inner{
    gap:5px;
  }
  .count-box,.choose-us-aera{
    max-width: 100% !important;
    padding: 0px 10px !important;
  }
  .header-right-col{
    margin-top: 20px !important;
  }
  .header-logo h1{
    text-align: center;
  }
  .dummy-clumn nav,
  .banner-area .wp-block-buttons {
    justify-content: center;
  }
  
}

/*Scroll Top*/

p.scroll-top {
    position: absolute;
}
.scroll-top::before {
    font-size: 20px;
    cursor: pointer;
    background: #000;
    color: #fff;
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: '\f062';
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 51px;
    height: 50px;
    transform: rotate(-50deg);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    z-index: 99;
    transition: all .5s ease-in-out;
}

.scroll-top:hover::before {
    background: var(--wp--preset--color--primary) !important;
    margin-bottom: 10px;
}

@media screen and (min-width: 782px) {
  .home .lower-header {
    position: absolute;
    width: 100%;
    padding: 0px !important;
    left: 0;
    right: 0;
    top: 23px;
    z-index: 999;
    background: transparent !important;
  }
}
@media screen and (min-width: 576px) and (max-width: 781px) {
  .header-right-box p {
    text-align: center;
  }
  .slider-upper:after{
    display: none;
  }
  .short-heading,.property-heading p{
    text-align: center !important;
  }
  .slider-inner-box .wp-block-buttons{
    justify-content: center !important;
  }
  .slider-inner-box img{
    width: 100% !important;
    height: 380px !important;
  }
  .slider-inner-box,.story-section{
    text-align: center;
    max-width: 100% !important;
  }
  .slider-inner-box{
    margin-bottom: 20px !important;
  }
  .tab-buttons{
    display: inline-block !important;
  }
  div#custom-tabs{
    text-align: center;
  }
  .tab-btn{
    justify-content: center !important;
    margin-bottom: 10px !important;
  }
  .video-left p{
    text-align: center !important;
  }
  .video-left .wp-block-buttons{
    justify-content: center !important;
  }
  .property-heading .wp-block-buttons{
    justify-content: center !important;
  }
  .home .lower-header {
    position: relative !important;
  }
  .content-main-box{
    padding: 0px !important;
  }
  .header-menu {
    padding: 10px 20px !important;
  }
  .top-header .wp-block-columns, .lower-header .wp-block-columns {
    gap: 0px;
    text-align: center;
  }
  .header-menu{
    margin-bottom: 15px !important;
  }
  .head-nav nav,.header-search-upper .wp-block-group{
    justify-content: center !important;
  }
  .head-nav,.header-search-upper{
    margin-top: 20px !important;
  }
  .banner-main-img {
    width: 100%;
  }
  .banner-main-img img {
    height: 300px;
  }
  .header-meta{
    justify-content: center;
  }
  .slider-main-box .wp-block-buttons{
    justify-content: center;
    margin-bottom: 10px;
  }
  .slider-info-box,.slider-main-box{
    text-align: center;
  }
  .support-box {
    margin-bottom: 10px !important;
  }
  .slider-content{
    padding-top: 20px !important;
  }
  button.wp-block-search__button.has-icon.wp-element-button {
    position: relative;
    margin: 0 auto;
  }
  .slider-info-main-box {
    display: flex;
    flex-wrap: nowrap !important;
    flex-direction: row;
    text-align: center;
    justify-content: center !important;
  }
  .banner-search{
    margin-bottom: 20px !important;
  }
  .story-section{
    max-width: 100% !important;
  }
  .tour-heading-box{
    margin-bottom: 20px !important;
  }
  .slider-info{
    width: 30%;
  }
  .lower-header{
    gap:15px;
  }
  .slider-text{
    text-align: center;
    padding-top: 30px;
  }
  .slider-text ul{
    justify-content: center;
    margin-top: 0px;
  }
  .header-button .wp-block-buttons{
    justify-content: center;
    margin-bottom: 10px;
  }
  .lower-header ul{
    justify-content: center;
  }
  .header-search{
    justify-content: center;
  }
  .heading-box{
    display: flex;
    flex-wrap: nowrap !important;
  }
  .lower-header nav{
    justify-content: center;
  }
  .wp-block-column.is-vertically-aligned-center.logo-box.is-layout-flow.wp-block-column-is-layout-flow{
    flex-basis: 20% !important;
  }
  .button-box{
    flex-wrap: nowrap !important;
  }
  .header-logo .wp-block-woocommerce-product-categories.wc-block-product-categories.is-dropdown{
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .header-logo h1{
    text-align: center;
  }
  .social-box ul{
    justify-content: center;
  }
  .lower-header .wp-block-columns {
    gap: 0px;
  }
  .social-box {
    margin-bottom: 10px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .header-button a{
    padding:10px 10px !important;
  }
  .slider-upper:after{
    display: none;
  }
  .lower-header-inner{
    max-width: 100% !important;
  }
  .wp-block-columns.product-box.is-layout-flex.wp-container-core-columns-is-layout-33ba964e.wp-block-columns-is-layout-flex{
    max-width: 90% !important;
  }
  .slider-inner-box h2{
    font-size: 25px !important;
  }
  .slider-inner-box img{
    width: 100% !important;
    height: 370px !important;
  }
  .story-section{
    max-width: 100% !important;
  }
  .story-inner-box {
    padding: 20px 10px;
  }
  .left-empty-box{
    flex-basis: 0% !important;
  }
  .story-inner-box .box-heading{
    font-size: 14px !important;
  }
  .content-main-box{
    padding: 0px !important;
  }
  .star-rating{
    gap:2px !important;
  }
  .price-box {
    margin-right: 5px;
    padding: 4px 6px !important;
  }
  .heading-box,.main-box{
    display: flex !important;
    flex-wrap: nowrap !important;
  }
  .top-header .wp-block-columns, .lower-header .wp-block-columns {
    gap: 0px;
    text-align: center;
  }
  .home .lower-header {
    position: relative;
  }
  .wp-block-column.is-vertically-aligned-center.logo-box.is-layout-flow.wp-block-column-is-layout-flow{
    flex-basis: 15% !important;
  }
  .header-main{
    max-width: 90%;
  }
  .header-main,.lower-header,.header-search{
    gap:10px;
  }
  .header-search form.wp-block-search__button-inside.wp-block-search__icon-button.wp-block-search {
    width: 60%;
  }
  .header-logo {
      flex-basis: 15% !important;
  }
  .header-logo .wp-block-woocommerce-product-categories.wc-block-product-categories.is-dropdown{
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .wp-block-column.is-vertically-aligned-center.left-box.is-layout-flow.wp-block-column-is-layout-flow,.wp-block-column.is-vertically-aligned-center.right-image.is-layout-flow.wp-block-column-is-layout-flow {
    flex-basis: 20% !important;
  }
  .wp-block-column.is-vertically-aligned-center.center-box.is-layout-flow.wp-block-column-is-layout-flow {
    flex-basis: 40% !important;
  }
  .header-logo h1{
    text-align: center;
  }
}
@media screen and (max-width:599px){
  .header-navigation span.wp-block-navigation-item__label,
  .header-navigation .wp-block-navigation__responsive-container-close svg {
    color: #fff !important;
  }
  .header-logo{
    padding: 0 !important;
  }
}

@media screen and (min-width: 760px) and (max-width: 999px) {
  .lower-header .wp-block-columns {
    gap: 10px;
  }
  .dummy-clumn nav,
  .banner-area .wp-block-buttons {
    justify-content: center;
  }
  .dummy-clumn ul.wp-block-navigation{
    justify-content: center;
  }
}
@media screen and (min-width: 992px) and (max-width: 1100px) {
  .slider-inner-box h2{
    font-size: 35px !important;
  }
  .slider-upper:after {
    content: "";
    position: absolute;
    background: url(images/shape.png);
    width: 100%;
    height: 57px;
    bottom: 46px;
    left: 0;
    z-index: 1;
    /* background-size: cover; */
    /* background-repeat: no-repeat; */
}
  header, .header {
    position: absolute;
    z-index: 9;
    width: 100%;
    top: 0px;
  }
  .slider-inner-box img {
    width: 100% !important;
    height: 370px !important;
  }
  .lower-header-inner{
    max-width: 90% !important;
  }
  .story-section{
    max-width: 100% !important;
  }
  .story-inner-box .box-heading{
    font-size: 15px !important;
  }
  .left-empty-box{
    flex-basis: 0% !important;
  }
  .story-inner-box {
    padding: 20px 10px;
  }
  .wp-block-columns.product-box.is-layout-flex.wp-container-core-columns-is-layout-33ba964e.wp-block-columns-is-layout-flex{
    max-width: 90% !important;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .lower-header{
    gap:10px;
  }
  .price-box {
    margin-right: 22px;
  }
  .property-main-box{
    max-width: 100% !important;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1440px) {
  .story-inner-box {
    padding: 20px 10px;
  }
  .slider-upper:after {
    width: 100%;
  }
  .story-inner-box .box-heading{
    font-size: 18px !important;
  }
  .slider-inner-box img{
    width: 100% !important;
    height: 500px !important;
  }
}

.wp-block-navigation__responsive-dialog a:hover {        
  background-color: #395BE1; 
  transition: 0.3s ease;
  border-radius: 10px;
}

.story-inner-box {
  transition: all 0.3s ease; /* animasi halus */
}

.story-inner-boxw.wp-block-column-is-layout-flow:hover {
  transform: translateY(-8px); /* naik dikit */
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15); /* shadow */
}
.story-inner-box {
  transition: all 0.4s ease;
}

.story-inner-box:hover {
  transform: scale(1.05);
}
@media screen and (min-width: 320px) and (max-width: 575px) {
  .video-left p {
      font-size: 15px !important;
      text-align: center !important;
  }
}
/*contact*/
.wpcf7-form {
  max-width: 700px;
  margin: auto;
  background: #fff;
  padding: 2rem;
  border-radius: 12px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.1);
}

.wpcf7-form label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 600;
}

.wpcf7-form input,
.wpcf7-form textarea {
  width: 100%;
  padding: 0.8rem;
  border: 1px solid #ccc;
  border-radius: 8px;
  margin-bottom: 1rem;
  font-size: 1rem;
}

.wpcf7-submit {
  background: #007bff;
  color: white;
  font-weight: 600;
  border: none;
  border-radius: 8px;
  padding: 0.9rem;
  width: 100%;
  cursor: pointer;
  transition: background 0.3s;
}

.wpcf7-submit:hover {
  background: #0056b3;
}


.sliding-text-animation {
  
  white-space: nowrap;
  animation: slideLeftToRight 15s linear infinite;
  display: block;
  width: 100%;
  position: relative;
 }
 
 @keyframes slideLeftToRight {
  0% {
      transform: translateX(-100%);
  }
  100% {
      transform: translateX(100%);
  }
 }
 
 /* Container untuk membatasi area sliding */
 .sliding-text-animation {
  position: relative;
 }
 
 .sliding-text-animation::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
  z-index: -1;
 }
 
 /* Responsive untuk Mobile */
 @media (max-width: 768px) {
  .sliding-text-animation {
    animation: slideLeftToRightMobile 10s linear infinite;
    font-size: 32px !important;
  }
 }
 
 @media (max-width: 480px) {
  .sliding-text-animation {
    animation: slideLeftToRightMobile 8s linear infinite;
    font-size: 34px !important;
  }
 }
 
 @media (max-width: 360px) {
  .sliding-text-animation {
    animation: slideLeftToRightMobile 7s linear infinite;
    font-size: 30px !important;
  }
 }
 
 @keyframes slideLeftToRightMobile {
  0% {
      transform: translateX(-120%);
  }
  100% {
      transform: translateX(120%);
  }
 }
/* CSS Navigation dengan Transisi Halus - SMKN 7 Pekanbaru */

/* Base styling untuk semua navigation items */
.wp-block-navigation__container .wp-block-navigation-item__content,
.wp-block-navigation__responsive-dialog a {
  position: relative;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transform: translateY(0);
  box-shadow: 0 0 0 rgba(57, 91, 225, 0);
  overflow: hidden;
}

/* Efek hover untuk responsive dialog (mobile) */
.wp-block-navigation__responsive-dialog a:hover {        
  background-color: #395BE1; 
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  border-radius: 12px;
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(57, 91, 225, 0.3);
  color: white !important;
}

/* Efek hover untuk desktop navigation */
.wp-block-navigation__container .wp-block-navigation-item__content {
  position: relative;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transform: translateY(0);
  border-radius: 8px;
  padding: 8px 12px;
  margin: 2px;
}

.wp-block-navigation__container .wp-block-navigation-item__content:hover {
  background-color: #395BE1; 
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  border-radius: 12px;
  padding: 10px 16px;
  transform: translateY(-3px);
  box-shadow: 0 10px 30px rgba(57, 91, 225, 0.4);
  color: white !important;
}

/* Efek subtle glow saat hover */
.wp-block-navigation__container .wp-block-navigation-item__content:hover::before {
  content: '';
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  background: linear-gradient(45deg, #395BE1, #2d4bc7, #395BE1);
  background-size: 200% 200%;
  border-radius: 14px;
  z-index: -1;
  opacity: 0.6;
  animation: glowing 2s linear infinite;
}

@keyframes glowing {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* Styling untuk active menu items */
.wp-block-navigation__container .wp-block-navigation-item a.wp-block-navigation-item__content.current-menu-item,
.wp-block-navigation__container .wp-block-navigation-item a.wp-block-navigation-item__content[aria-current="page"],
.wp-block-navigation__container .wp-block-navigation-item a.wp-block-navigation-item__content.nav-active,
.wp-block-navigation-item__content.nav-active {
  background-color: #395BE1 !important;
  color: white !important;
  border-radius: 12px !important;
  font-weight: 600 !important;
  padding: 10px 16px !important;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(57, 91, 225, 0.35);
  position: relative;
}

/* Efek active dengan subtle pulse */
.wp-block-navigation-item__content.nav-active::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
  animation: activePulse 3s ease-in-out infinite;
}

@keyframes activePulse {
  0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.1; }
  50% { transform: translate(-50%, -50%) scale(1.1); opacity: 0.05; }
}

/* Label styling untuk active items */
.wp-block-navigation-item__content.nav-active .wp-block-navigation-item__label {
  color: white !important;
  transition: all 0.3s ease;
  position: relative;
  z-index: 2;
}

/* Enhanced hover untuk active items */
.wp-block-navigation-item__content.nav-active:hover {
  background-color: #2d4bc7 !important;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transform: translateY(-4px);
  box-shadow: 0 12px 35px rgba(45, 75, 199, 0.5);
  border-radius: 14px !important;
}

/* Efek untuk specific page links */
.wp-block-navigation__container a[href*="tentang-rpl"].wp-block-navigation-item__content,
.wp-block-navigation__container a[href*="kelas-lab"].wp-block-navigation-item__content,
.wp-block-navigation__container a[href*="guru-jurusan"].wp-block-navigation-item__content,
.wp-block-navigation__container a[href*="artikel"].wp-block-navigation-item__content,
.wp-block-navigation__container a[href*="kontak"].wp-block-navigation-item__content {
  position: relative;
  overflow: hidden;
}

/* Efek ripple saat diklik */
.wp-block-navigation__container .wp-block-navigation-item__content:active {
  transform: translateY(-1px) scale(0.98);
  transition: all 0.15s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* Efek loading subtle untuk page transitions */
.wp-block-navigation__container .wp-block-navigation-item__content:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(57, 91, 225, 0.3);
  border-radius: 12px;
}

/* Smooth transition saat pointer keluar */
.wp-block-navigation__container .wp-block-navigation-item__content:not(:hover) {
  transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* Media queries untuk responsif */
@media (max-width: 768px) {
  .wp-block-navigation__responsive-dialog a {
    margin: 4px 0;
    padding: 12px 16px;
  }
  
  .wp-block-navigation__responsive-dialog a:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(57, 91, 225, 0.25);
  }
}

/* Preload untuk menghindari flash */
.wp-block-navigation__container .wp-block-navigation-item__content::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);
  transition: left 0.6s;
  z-index: 1;
}

.wp-block-navigation__container .wp-block-navigation-item__content:hover::before {
  left: 100%;
}

@media (max-width: 720px){
  .wp-block-navigation__responsive-container-open{
  position: absolute; 
  bottom: 28px;  
  right: 5px; 
  z-index: 999;
  }
}

/* Bungkus embed biar radius diterapkan aman */
.wp-embed-aspect-16-9.wp-has-aspect-ratio {
  position: relative;    /* jaga agar overflow bekerja */
  overflow: hidden;      /* potong konten yang keluar dari radius */
  border-radius: 25px;   /* radius default (desktop) */
  -webkit-border-radius: 25px;
  -moz-border-radius: 2
  5px;
}

/* Pastikan elemen di dalam (iframe/object/embed) mengikuti radius */
.wp-embed-aspect-16-9.wp-has-aspect-ratio iframe,
.wp-embed-aspect-16-9.wp-has-aspect-ratio embed,
.wp-embed-aspect-16-9.wp-has-aspect-ratio object,
.wp-embed-aspect-16-9.wp-has-aspect-ratio video {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: inherit;    /* wariskan radius dari wrapper */
}

/* Jika ada .wp-block-embed wrapper juga (opsional, untuk cakupan lebih luas) */
.wp-block-embed,
.wp-block-embed figure {
  overflow: visible;
}

/* Khusus mobile: radius lebih kecil / atau lebih besar sesuai selera */
@media (max-width: 600px) {
  .wp-embed-aspect-16-9.wp-has-aspect-ratio {
    border-radius: 10px;   /* contoh: radius mobile */
  }
}

/*nav mobile titik tigA*/
/* CSS untuk Navbar Mobile ONLY - Slide Sidebar dari Kiri */

/* Media query untuk mobile/tablet saja - tidak mempengaruhi desktop */
@media (max-width: 782px) {

  /* Container utama modal */
  .wp-block-navigation__responsive-container {
      position: fixed !important;
      top: 0 !important;
      left: 0 !important;
      width: 100% !important;
      height: 100% !important;
      z-index: 9999 !important;
      opacity: 0;
      visibility: hidden;
      transition: all 0.3s ease-in-out;
      pointer-events: none;
  }
  
  /* Ketika menu terbuka */
  .wp-block-navigation__responsive-container.has-modal-open,
  .wp-block-navigation__responsive-container.is-menu-open {
      opacity: 1 !important;
      visibility: visible !important;
      pointer-events: all;
  }
  
  /* Area close (background gelap transparan) */
  .wp-block-navigation__responsive-close {
      position: absolute !important;
      top: 0 !important;
      left: 0 !important;
      width: 100% !important;
      height: 100% !important;
      background: rgba(0, 0, 0, 0.3) !important;
      cursor: pointer !important;
  }
  
  /* Dialog container - sidebar dari kiri */
  .wp-block-navigation__responsive-dialog {
      position: fixed !important;
      top: 0 !important;
      left: 0 !important;
      width: 280px !important;
      height: 100vh !important;
      background: white !important;
      box-shadow: 2px 0 15px rgba(0, 0, 0, 0.1) !important;
      transform: translateX(-100%) !important;
      transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
      overflow-y: auto !important;
      z-index: 10000 !important;
  }
  
  /* Ketika menu terbuka */
  .has-modal-open .wp-block-navigation__responsive-dialog,
  .is-menu-open .wp-block-navigation__responsive-dialog {
      transform: translateX(0) !important;
  }
  
  /* Header sidebar dengan logo/close */
  .wp-block-navigation__responsive-container-close {
      position: absolute !important;
      top: 15px !important;
      right: 15px !important;
      background: none !important;
      border: none !important;
      padding: 10px !important;
      cursor: pointer !important;
      z-index: 10001 !important;
      border-radius: 50% !important;
      transition: background 0.2s ease !important;
      width: 40px !important;
      height: 40px !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
  }
  
  .wp-block-navigation__responsive-container-close:hover {
      background: #f5f5f5 !important;
  }
  
  .wp-block-navigation__responsive-container-close svg {
      width: 20px !important;
      height: 20px !important;
      fill: #666 !important;
  }
  
  /* Container konten menu */
  .wp-block-navigation__responsive-container-content {
      padding: 70px 0 20px 0 !important;
      height: 100% !important;
  }
  
  /* Reset dan styling untuk navigation list */
  .wp-block-navigation__responsive-container .wp-block-navigation__container,
  .wp-block-navigation__responsive-container ul {
      display: flex !important;
      flex-direction: column !important;
      align-items: stretch !important;
      justify-content: flex-start !important;
      gap: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
      list-style: none !important;
      width: 100% !important;
  }
  
  /* Item menu */
  .wp-block-navigation__responsive-container .wp-block-navigation-item {
      width: 100% !important;
      margin: 0 !important;
      display: block !important;
      border: none !important;
      background: transparent !important;
  }
  
  /* Link menu */
  .wp-block-navigation__responsive-container .wp-block-navigation-item__content,
  .wp-block-navigation__responsive-container .wp-block-navigation-item a {
      display: flex !important;
      align-items: center !important;
      padding: 18px 24px !important;
      color: #2563eb !important;
      text-decoration: none !important;
      font-weight: 500 !important;
      text-transform: uppercase !important;
      font-size: 14px !important;
      letter-spacing: 0.5px !important;
      transition: all 0.2s ease !important;
      border: none !important;
      border-radius: 0 !important;
      background: transparent !important;
      width: 100% !important;
      box-sizing: border-box !important;
      outline: none !important;
  }
  
  /* Hover effect */
  .wp-block-navigation__responsive-container .wp-block-navigation-item__content:hover,
  .wp-block-navigation__responsive-container .wp-block-navigation-item a:hover {
      background: #f8fafc !important;
      color: #1d4ed8 !important;
      border: none !important;
      outline: none !important;
  }
  
  /* Reset semua background yang tidak diinginkan dari WordPress */
  .wp-block-navigation__responsive-container .wp-block-navigation-item,
  .wp-block-navigation__responsive-container .wp-block-navigation-item *,
  .wp-block-navigation__responsive-container .wp-block-navigation-item__content,
  .wp-block-navigation__responsive-container .wp-block-navigation-item a {
      background: transparent !important;
      background-color: transparent !important;
  }
  
  /* Active/current menu item - hapus semua border/outline yang tidak diinginkan */
  .wp-block-navigation__responsive-container .nav-active,
  .wp-block-navigation__responsive-container .current-menu-item a,
  .wp-block-navigation__responsive-container .current-menu-item,
  .wp-block-navigation__responsive-container .wp-block-navigation-item.current-menu-item,
  .wp-block-navigation__responsive-container .wp-block-navigation-item.current-menu-item a {
      background: transparent !important;
      background-color: transparent !important;
      color: #2563eb !important;
      border: none !important;
      outline: none !important;
      font-weight: 600 !important;
  }
  
  /* Reset semua border yang tidak diinginkan */
  .wp-block-navigation__responsive-container .wp-block-navigation-item:first-child .wp-block-navigation-item__content,
  .wp-block-navigation__responsive-container .wp-block-navigation-item:first-child a {
      border-top: none !important;
      border-radius: 0 !important;
      outline: none !important;
  }
  
  /* Label teks */
  .wp-block-navigation__responsive-container .wp-block-navigation-item__label,
  .wp-block-navigation__responsive-container .wp-block-navigation-item span {
      color: inherit !important;
      font-weight: inherit !important;
  }
  
  /* Custom styling untuk class yang spesifik dari WordPress */
  #modal-1 {
      background: rgba(0, 0, 0, 0.3) !important;
  }
  
  #modal-1 .wp-block-navigation__responsive-dialog {
      background: white !important;
  }
  
  /* Override any conflicting styles */
  .wp-block-navigation__responsive-container * {
      box-sizing: border-box !important;
  }
  
  /* Reset semua background, border, outline yang tidak diinginkan dari WordPress */
  .wp-block-navigation__responsive-container .wp-block-navigation-item,
  .wp-block-navigation__responsive-container .wp-block-navigation-item *,
  .wp-block-navigation__responsive-container .wp-block-navigation-item__content,
  .wp-block-navigation__responsive-container .wp-block-navigation-item a,
  .wp-block-navigation__responsive-container .wp-block-navigation-item__label,
  .wp-block-navigation__responsive-container .wp-block-navigation-item span {
      border: none !important;
      outline: none !important;
      box-shadow: none !important;
      border-radius: 0 !important;
      background: transparent !important;
      background-color: transparent !important;
  }
  
  /* Hapus semua class WordPress yang bisa menambah background */
  .wp-block-navigation__responsive-container .has-background,
  .wp-block-navigation__responsive-container .wp-block-navigation-item.has-background,
  .wp-block-navigation__responsive-container .has-background-color,
  .wp-block-navigation__responsive-container .wp-block-navigation-item.has-background-color,
  .wp-block-navigation__responsive-container .has-primary-background-color,
  .wp-block-navigation__responsive-container .has-secondary-background-color,
  .wp-block-navigation__responsive-container .has-accent-background-color,
  .wp-block-navigation__responsive-container .wp-block-navigation-item[class*="background"] {
      background: transparent !important;
      background-color: transparent !important;
  }
  
  /* Pastikan tidak ada styling yang bentrok - semua state */
  .wp-block-navigation__responsive-container .wp-block-navigation-item:focus,
  .wp-block-navigation__responsive-container .wp-block-navigation-item:active,
  .wp-block-navigation__responsive-container .wp-block-navigation-item:visited,
  .wp-block-navigation__responsive-container .wp-block-navigation-item__content:focus,
  .wp-block-navigation__responsive-container .wp-block-navigation-item__content:active,
  .wp-block-navigation__responsive-container .wp-block-navigation-item__content:visited,
  .wp-block-navigation__responsive-container .wp-block-navigation-item a:focus,
  .wp-block-navigation__responsive-container .wp-block-navigation-item a:active,
  .wp-block-navigation__responsive-container .wp-block-navigation-item a:visited {
      outline: none !important;
      border: none !important;
      box-shadow: none !important;
      border-radius: 0 !important;
  }
  
  /* Hapus border khusus untuk WordPress navigation */
  .wp-block-navigation__responsive-container .has-border-color,
  .wp-block-navigation__responsive-container .wp-block-navigation-item.has-border-color {
      border: none !important;
  }
  
  /* Prevent body scroll when menu is open */
  body.has-modal-open,
  body.is-menu-open {
      overflow: hidden !important;
  }
  
  } /* End of mobile media query */
  
  /* Responsive untuk mobile kecil */
  @media (max-width: 480px) {
      .wp-block-navigation__responsive-dialog {
          width: 85% !important;
          max-width: 300px !important;
      }
  }
  
  @media (max-width: 360px) {
      .wp-block-navigation__responsive-dialog {
          width: 90% !important;
      }
  }

/* studytur */

.foto-studytour {
  position: relative;
  cursor: pointer;
}

.foto-studytour::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('studytour-hover1.jpg');
  background-size: cover;
  background-position: center 60%;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
  filter: brightness(0.7) ; /* Kompensasi overlay gelap 40% */
}

.foto-studytour:hover::after {
  opacity: 1;
}

/* Pastikan text tetap terlihat */
.foto-studytour h3,
.foto-studytour p {
  position: relative;
  z-index: 2;
}

/* ALTERNATIF: Kalau masih kurang terang */
/* Menyembunyikan owl-dots di tampilan mobile */
@media screen and (max-width: 768px) {
  .owl-dots {
      display: none !important;
  }
}

/* Alternatif dengan breakpoint yang lebih spesifik */
@media screen and (max-width: 480px) {
  .owl-dots {
      display: none !important;
  }
}

/* Jika ingin menyembunyikan di tablet juga */
@media screen and (max-width: 1024px) {
  .owl-dots {
      display: none !important;
  }
}

/* Menyembunyikan semua child elements dari owl-dots di mobile */
@media screen and (max-width: 768px) {
  .owl-dots,
  .owl-dots .owl-dot {
      display: none !important;
      visibility: hidden !important;
  }
}

/* Jika owl-dots menggunakan class atau ID yang berbeda */
@media screen and (max-width: 768px) {
  .owl-carousel .owl-dots,
  .owl-theme .owl-dots,
  #owl-dots {
      display: none !important;
  }
}

/*margin text bergeser*/

@media screen and (max-width: 768px) {
  .text-bergeser {
      margin: 5px;
  }
}

@media screen and (max-width: 480px) {
  .text-bergeser {
      margin: 5px;
  }
}