/*
Theme Name: Travasoft GAS
Description: Professional GAS installer block theme.
Text Domain: travasoft-gas
Version: 1.0.0
Theme URI: https://travasoft.co.uk
Author: Travasoft Ltd.
Author URI: https://travasoft.co.uk
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.4
License: Proprietary - Internal use only

*/

/* Smooth global transitions — applied theme-wide */
/* *, *::before, *::after {
    box-sizing: border-box;
} */
/* Respect user accessibility preference — always include this */
@media (prefers-reduced-motion: reduce) {
 *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
 }
}
/* CSS for the reveal animation */

.ts-sec {
    padding: 60px 10px !important;
}
.tst-sec {
    padding: 80px 10px 60px 10px;
}
.pts-vision .text-wrapper {
    margin-left: 12px;
}
.tse-section {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}
.tse-section.trava-revealed {
    opacity: 1;
    transform: translateY(0);
}

.ts-privacy h2.wp-block-heading {
    padding: 10px 0;
}
.ts-privacy hr.wp-block-separator {
    padding-top: 15px;
    border-color: transparent;
}
.ts-privacy {
    padding: 0 20px 60px 20px;
}
.swiper-wrapper.tblock-hide-desktop .tsoft-service-box-content .tsp-service-box-slider-btn-img figure.wp-block-image {
    width: 40px;
}
.swiper-wrapper.tblock-hide-desktop .tsoft-service-box-content figure.wp-block-image {
    width: 15px;
    margin-top: 3px;
}
.ts-top-ps {
    padding-top: 80px !important;
    padding-bottom: 60px !important;
}
.ts-ptb {
    padding-top: 50px !important;
	padding-bottom: 50px !important;
}

.pts-contact-info .text-wrapper {
	margin-left: 20px;
	color: #101828;
}
.pts-contact-info .text-wrapper:hover {
    color: #1e40af;
}
.tse-footer-last-right-menu a {
	color: #cbd5e1;
	font-size: 12px;
  padding: 5px;
}
.tse-footer-last-right-menu a:hover{
	color: #ff6b00;
}
.tsoft-check-list .text-wrapper {
    margin-left: 10px;
}
p.ts-team-dec {
    min-height: 68px;
}
mark.has-inline-color {
    background: transparent;
}
.tsoft-white-cta-m span.tanvir-block-des {
    margin: 0 8px;
}
.ts-services-dec h2 {
    margin: 18px 0;
}
.ts-services-dec h3 {
    margin: 10px 0;
}
.ts-services-dec p {
    font-size: 16px;
    margin: 8px 0;
}

/* Mobile Navigation On */
.p-nav-wrap .wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
    margin-bottom: 0;
}
.p-nav-wrap {
    /* position: relative; */
    width: 100%;
    font-family: inherit;
    background: #fff;
    overflow: hidden;
}
.p-nav-icons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 6px 8px;
    cursor: pointer;
    user-select: none;
    /* background: #fff; */
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
}

.p-nav-icons svg {
    flex-shrink: 0;
    transition: opacity 0.28s ease, transform 0.28s ease;
}

.p-nav-x {
    display: none;
    opacity: 0;
    transform: rotate(-90deg) scale(0.85);
}

.p-nav-wrap.active .p-nav-z {
    display: none;
}

.p-nav-wrap.active .p-nav-x {
    display: block;
    opacity: 1;
    transform: rotate(0deg) scale(1);
}

.p-nav-menu {
    overflow: hidden;
    transform: translateX(100%);
    transition: max-height 0.4s ease, opacity 0.3s ease, transform 0.3s ease;
    background: #ffffff;
    position: fixed;
    left: 0;
    top: 73px;
    z-index: 9;
    width: 100%;
    /* right: 0; */
    height: 100%;
}

.p-nav-wrap.active .p-nav-menu {
    transform: translateX(0);
    transition: max-height 0.4s ease, opacity 0.3s ease, transform 0.3s ease;
    /* left: 0; removed for consistency */
}

.p-nav-menu .wp-block-navigation {
    display: flex;
    flex-direction: column;
    gap: 0;
    align-items: stretch;
}

.p-nav-menu .wp-block-navigation-item {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #e5e7eb;
}

.p-nav-menu .wp-block-navigation-item__content {
    display: block;
    width: 100%;
    padding: 12px 14px !important;
    color: #1f2937;
    text-decoration: none;
    font-size: 16px;
    line-height: 1.4;
    transition: background 0.25s ease, color 0.25s ease, padding-left 0.25s ease;
}

.p-nav-menu .wp-block-navigation-item__content:hover {
    background: #f8fafc;
    color: #0084D1;
    padding-left: 18px;
}

.p-nav-menu .wp-block-navigation__submenu-icon {
    transition: transform 0.3s ease;
}

.p-nav-menu .wp-block-navigation__submenu-container {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transform: translateY(-6px);
    transition: max-height 0.35s ease, opacity 0.28s ease, transform 0.28s ease;
    background: #f9fafb;
    padding: 0;
    margin: 0;
    border-top: 0;
    position: static !important;
    box-shadow: none !important;
    min-width: 100% !important;
    visibility: visible !important;
}

.p-nav-menu .wp-block-navigation-submenu.is-menu-open>.wp-block-navigation__submenu-container,
.p-nav-menu .wp-block-navigation-item.has-child.open-on-click.is-menu-open>.wp-block-navigation__submenu-container {
    max-height: 500px;
    opacity: 1;
    transform: translateY(0);
    /* transition added here for smooth open */
    transition: max-height 0.35s ease, opacity 0.28s ease, transform 0.28s ease;
}

.p-nav-menu .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    padding-left: 28px;
    font-size: 13px;
}

.p-nav-menu .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
    padding-left: 32px;
}

/* Remove borders on sub-menu items */
.p-nav-menu .wp-block-navigation__submenu-container .wp-block-navigation-item {
    border-bottom: none;
}

.p-nav-menu .wp-block-navigation-item.current-menu-item>.wp-block-navigation-item__content,
.p-nav-menu .wp-block-navigation-item.current_page_item>.wp-block-navigation-item__content {
    /* color: #0084D1;
    font-weight: 600; */
}

.p-nav-wrap.active li.wp-block-navigation-item.has-child.open-on-click.wp-block-navigation-submenu {
    display: flex;
    flex-wrap: wrap;
}

.p-nav-wrap.active span.wp-block-navigation__submenu-icon {
    width: 40px !important;
}

.p-nav-wrap.active button.wp-block-navigation-item__content.wp-block-navigation-submenu__toggle {
    width: calc(100% - 40px);
    padding-left: 10px;
    font-size: 16px;
}
/* Sub menu slider like off canvas menu on */
.p-nav-menu li.wp-block-navigation-item.wp-block-navigation-submenu {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.p-nav-menu li.wp-block-navigation-item.wp-block-navigation-submenu button.wp-block-navigation__submenu-icon {
    width: 70px;
}

.p-nav-menu li.wp-block-navigation-item.wp-block-navigation-submenu > a.wp-block-navigation-item__content {
    width: calc(100% - 85px);
}

.p-nav-menu li.wp-block-navigation-item.has-child span.wp-block-navigation__submenu-icon svg {
    width: 20px;
    height: 20px;
    margin-top: -6px;
    transform: rotate(-90deg);
}
.p-nav-menu a.wp-block-navigation-item__content span.wp-block-navigation-item__label {
    color: #0f172a;
}
.electrician-header .p-nav-menu nav ul.wp-block-navigation__container li ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu {
    background: #f8f8f8;
}
/* =========================
   OPEN SUB MENU PANEL
========================= */
.p-nav-wrap ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu {
    height: auto;
    visibility: visible;
    overflow: visible;
    opacity: 1;
    height: 100%;
    height: 100vh;
    position: fixed !important;
    top: 0;
    transform: translateX(100%);
    transition: 0.4s;
    left: 0;
}
.p-nav-wrap.active ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu.open-p-sub-menu {
    transform: translateX(0);
}
.p-nav-wrap.active ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu.open-p-sub-menu li.p-nav-sub-header {
    padding: 12px;
    background: #fad2dd;
    display: block;
}
.p-nav-wrap.active ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu li a.wp-block-navigation-item__content {
    padding: 12px 14px !important;
    font-size: 16px;
}
.p-nav-wrap.active ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu.open-p-sub-menu li.p-nav-sub-header span.wp-block-navigation__submenu-icon {
    padding: 0;
    margin: 0;
}
.p-nav-wrap.active ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu.open-p-sub-menu li.p-nav-sub-header span.wp-block-navigation__submenu-icon svg {
    width: 22px;
    margin-right: 13px;
    height: 20px;
    float: left;
    margin-top: -10px;
    padding: 0;
    transform: rotate(90deg);
}
.p-nav-wrap.active ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu.open-p-sub-menu li.p-nav-sub-header span.wp-block-navigation__submenu-icon span.wp-block-navigation-item__label {
    display: block;
    width: 100vw;
    font-size: 16px;
}
/* Sub menu slider like off canvas menu off */
/* Mobile Navigation Off */
.ts-privacy h2.wp-block-heading {
    padding: 10px 0;
}
.ts-privacy hr.wp-block-separator {
    padding-top: 15px;
    border-color: transparent;
}
.ts-privacy {
    padding: 0 20px 60px 20px;
}
.swiper-wrapper.tblock-hide-desktop .tsoft-service-box-content .tsp-service-box-slider-btn-img figure.wp-block-image {
    width: 40px;
}
.swiper-wrapper.tblock-hide-desktop .tsoft-service-box-content figure.wp-block-image {
    width: 15px;
    margin-top: 3px;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
  margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
  outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
  outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
caption,
figcaption,
p {
  text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
  display: block;
}

/*
 * Prevents unnecessary scrollbars while handling long lines of preformatted text.
 * https://core.trac.wordpress.org/ticket/63875
 */
:where(pre) {
  overflow-x: auto;
}

.wp-site-blocks .virza-none,
.wp-site-blocks .ts-none {
  display: none;
}

/* On Pagenation */
.virza-read-more .wp-block-post-excerpt__more-text,
.ts-read-more .wp-block-post-excerpt__more-text {
  margin: 16px auto;
}

.virza-read-more .wp-block-post-excerpt__more-text .wp-block-post-excerpt__more-link,
.ts-read-more .wp-block-post-excerpt__more-text .wp-block-post-excerpt__more-link {
  font-size: 14px;
}

.virza-pagination .page-numbers,
.virza-pagination .wp-block-query-pagination-next-arrow,
.virza-pagination .wp-block-query-pagination-previous-arrow,
.ts-pagination .page-numbers,
.ts-pagination .wp-block-query-pagination-next-arrow,
.ts-pagination .wp-block-query-pagination-previous-arrow {
  padding: 2px 14px;
  background: #101828;
  color: #ffffff;
}

.page-numbers.current {
  background: #000000;
  transition: 0.3s;
}

.virza-pagination .page-numbers:hover,
.ts-pagination .page-numbers:hover {
  background: #000000;
  transition: 0.3s;
}

.virza-pagination,
.ts-pagination {
  padding: 30px;
}

/* Off Pagenation */
figure.wp-block-image.virza-img-100 img,
figure.wp-block-image.ts-img-100 img {
  width: 100%;
}

.ts--mission .tanvir-block-des {
  color: #0f172a;
}

.tsoft-service-box-content {
  padding: 40px 24px;
}

.tsoft-service-box-content .wp-block-group.is-content-justification-space-between.is-nowrap.is-layout-flex.wp-block-group-is-layout-flex {
  padding-bottom: 20px;
}

/* On about faq toggole */
.wp-block-group.virza-active {
  background-color: #f1f5f9;
  transition: 0.4s;
}

.wp-block-group.virza-on-off {
  opacity: 0;
  visibility: hidden;
  display: none;
  transition: 0.4s;
}

.wp-block-group.virza-active .wp-block-group.virza-on-off {
  opacity: 1;
  visibility: visible;
  transition: 0.4s;
  display: block;
}

.virza-active .virza-toggle img {
  transform: rotate(180deg);
  transition: 0.4s;
}

.virza-toggle img {
  transition: 0.4s;
}

.virza-toggle {
  cursor: pointer;
}

/* Off about faq toggle */
/* On navigation__responsive Sub Menu 
has-modal-open is-menu-open
*/
.wp-block-navigation__responsive-container.has-modal-open.is-menu-open li.wp-block-navigation-item.has-child>ul {
  opacity: 0;
  visibility: hidden;
  height: 0;
  transform: translateY(100%);
  transition: 0.4s;
}
.wp-block-navigation__responsive-container.has-modal-open.is-menu-open li.wp-block-navigation-item.has-child.open>ul {
  opacity: 1;
  visibility: visible;
  height: auto;
  transform: translateY(0px);
  transition: 0.4s; 
}
.wp-block-navigation__responsive-container.has-modal-open.is-menu-open li.wp-block-navigation-item.has-child.wp-block-navigation-submenu>a.wp-block-navigation-item__content {
  position: relative;
  z-index: 1;
}

.wp-block-navigation__responsive-container.has-modal-open.is-menu-open li.wp-block-navigation-item.has-child.wp-block-navigation-submenu>a.wp-block-navigation-item__content:after {
  position: absolute;
  right: -20px;
  content: url("/wp-content/themes/travasoft-gas/assets/images/arrow-down.png");
}

.wp-block-navigation__responsive-container.has-modal-open.is-menu-open li.wp-block-navigation-item.has-child.wp-block-navigation-submenu>a {
  padding: 0.5em;
}

.wp-block-navigation__responsive-container.has-modal-open.is-menu-open ul li a {
  color: #101828;
}

/* Off navigation__responsive Sub Menu */

/* On Contact from 7 style adjustment On */
.tsoft-cf-wrap {
  background: #F1F5F9;
  border: 1px solid #D1D5DC;
  border-radius: 24px;
  padding: 24px;
}

.tsoft-cf-wrap br {
  display: none;
}

.tsoft-cf-wrap .tsoft-cf-input-group span.wpcf7-form-control-wrap {
  display: block;
}

.tsoft-cf-wrap .tsoft-cf-input-group p {
  display: flex;
}

.tsoft-cf-wrap span.wpcf7-form-control-wrap {
  display: block;
  margin-top: 6px;
}

.tsoft-cf-wrap span.wpcf7-form-control-wrap input.wpcf7-form-control {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #D1D5DC;
  border-radius: 12px;
  padding: 12px 20px;
  font-size: 14px;
}

.tsoft-cf-wrap label {
  margin: 0 8px;
}

.tsoft-cf-wrap .tsoft-cf-input-single label {
  width: 100%;
}

select.wpcf7-form-control.wpcf7-select {
  width: 100%;
  border: 1px solid #D1D5DC;
  padding: 12px 20px;
  border-radius: 12px;
  color: #4A5565;
  font-size: 14px;
  font-weight: 400;
}

textarea.wpcf7-form-control.wpcf7-textarea {
  width: 100%;
  box-sizing: border-box;
  height: 93px;
  border: 1px solid #D1D5DC;
  border-radius: 12px;
  font-size: 14px;
  padding: 36px 20px;
}

.tsoft-cf-wrap input.wpcf7-form-control.wpcf7-submit.has-spinner {
  width: 100%;
  border-radius: 12px;
  padding: 16px;
  font-size: 16px;
  background: #101828;
  color: #ffffff;
  cursor: pointer;
  transition: 0.4s;
}

.tsoft-cf-wrap>p {
  margin: 0 8px;
}

.tsoft-cf-wrap input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
  background: #FF0030;
}

.tsoft-cf-wrap label {
  font-size: 16px;
  color: #101828;
}

.tsoft-cf-input-single p {
  display: flex;
}

.tsoft-cf-wrap span.wpcf7-form-control-wrap[data-name="message"] {
  /* margin-right: 0px; */
}

/* On Contact from 7 style adjustment The End */

/* Desktop and Tablet Layout: 1025px > */
@media only screen and (min-width: 768px) {
  
  /* 2 column */
  .swiper-c2 .swiper-wrapper {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    transform: none !important;
    width: 100% !important;
  }
  /* 3 column */
  .swiper-c3 .swiper-wrapper {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    transform: none !important;
    width: 100% !important;
  }
  /* 4 column */
  .swiper-c4 .swiper-wrapper {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    transform: none !important;
    width: 100% !important;
  }
  /* fix slide width */
  .swiper-c2 .swiper-slide,
  .swiper-c3 .swiper-slide,
  .swiper-c4 .swiper-slide {
    width: auto !important;
    margin: 0 !important;
    min-width: 0 !important;
    height: auto !important;
  }
  .swiper-c2 .swiper-pagination.swiper-pagination, .swiper-c2 .swiper-button-prev, .swiper-c2 .swiper-button-next, .swiper-c3 .swiper-pagination.swiper-pagination, .swiper-c3 .swiper-button-prev, .swiper-c3 .swiper-button-next, .swiper-c4 .swiper-pagination.swiper-pagination, .swiper-c4 .swiper-button-prev, .swiper-c4 .swiper-button-next {
    display: none;
  }
}
/* Desktop Layout: 1025 < */
@media only screen and (min-width:1025px) {

  .wp-site-blocks .virza-none-d, .ts-none-d {
    display: none !important;
  }
}

/* Tablet Layout: 1024 => 768px */
@media only screen and (min-width:768px) and (max-width:1024px) {

	.pts-contact-info .text-wrapper {
		margin-left: 10px;
	}
	.pts-contact-info .text-wrapper span.tanvir-block-des {
		font-size: 16px !important;
	}
	.pts-contact-info {
		margin-bottom: 24px !important;
	}
	.tsoft-white-cta-m h2 {
		padding-bottom: 20px;
	}
	.tsoft-white-cta-m {
		padding: 24px !important;
	}
  .tsoft-white-cta-m .icon-text-wrapper {
      flex-direction: column !important;
  }
  .tsoft-white-cta-m .icon-text-wrapper .icon-container {
      border: 0;
  }
  .tsoft-white-cta-m .icon-text-wrapper .text-wrapper {
      text-align: center !important;
  }
  .tsoft-white-cta-m .icon-text-wrapper .icon-container img {
      transform: rotate(90deg);
  }
	
  .wp-site-blocks .virza-none-d,
  .ts-none-d {
    display: none !important;
  }

  .wp-block-group.plumber-header {
    margin: 0 10px;
  }

  .ts-p10-t,
  .ts-p10-tm {
    padding: 10px;
  }
}

/* Mobile Layout: 767px => 360px */
@media (max-width:767px) {

  .tsoft-cta h3.wp-block-heading {
    text-align: center;
  }
  .tsoft-cta .wp-block-group.virza-t-center-m {
    justify-content: center;
    margin-top: 16px;
  }
  .ts-sec {
    padding: 30px 20px !important;
  }
  .tst-sec {
    padding: 60px 20px 30px 20px;
  }

	.tsoft-white-cta-m h2 {
		padding-bottom: 20px;
	}
	.tsoft-white-cta-m {
		padding: 24px !important;
	}
  .tsoft-white-cta-m .icon-text-wrapper {
      flex-direction: column !important;
  }
  .tsoft-white-cta-m .icon-text-wrapper .icon-container {
      border: 0;
  }
  .tsoft-white-cta-m .icon-text-wrapper .text-wrapper {
      text-align: center !important;
  }
  .tsoft-white-cta-m .icon-text-wrapper .icon-container img {
      transform: rotate(90deg);
  }
  .tsoft-white-cta-m .wp-block-group.ts-service {
      text-align: center;
      margin-top: 20px;
  }
	.ts-top-ps {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
 }
.ts-ptb {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
 }
	
	.pts-contact-info .text-wrapper {
		margin-left: 10px;
	}
	.pts-contact-info .text-wrapper span.tanvir-block-des {
		font-size: 16px !important;
	}
	.pts-contact-info {
		margin-bottom: 24px !important;
	}
	.single-post main .wp-block-group:nth-child(1), .single-post .wp-block-query {
        padding: 0 20px !important;
    }
    .single-post .wp-block-columns.tsoft-cta {
        margin: 0 20px !important;
    }
	

  .wp-site-blocks .virza-none-m,
  .ts-none-m {
    display: none !important;
  }

  .wp-site-blocks .virza-c1-m,
  .wp-site-blocks .ts-c1-m {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .wp-site-blocks .virza-c2-m,
  .wp-site-blocks .ts-c2-m {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .wp-site-blocks .virza-t-center-m,
  .wp-site-blocks .ts-t-center-m {
    text-align: center;
    padding: 0;
  }

  .virza-flex-col-m,
  .ts-flex-col-m {
    flex-direction: column;
    min-height: unset !important;
    padding: 20px 0;
  }

  .wp-block-group.virza-white-m,
  .wp-block-group.ts-white-m {
    background: #f8fafc !important;
  }

  .wp-block-group.virza-white-m p,
  .wp-block-group.ts-white-m p {
    color: #1E2939 !important;
  }
  .wp-block-group.virza-white-m ul li a {
    color: #1E2939 !important;
  }

  .wp-block-group.plumber-header {
    margin: 0 10px;
  }

  .ts-p10-tm {
    padding: 10px;
  }

  .tsoft-service-box-content {
    padding: 20px 16px;
  }

  .tsoft-service-box-content .wp-block-group.is-content-justification-space-between.is-nowrap.is-layout-flex.wp-block-group-is-layout-flex {
    padding-bottom: 14px;
  }

  .tsoft-cf-wrap {
    padding: 32px 4px;
  }

  .tsoft-cf-wrap .tsoft-cf-input-group p {
    display: flex;
    flex-direction: column;
  }

  .tsoft-cf-wrap .tsoft-cf-input-group label:nth-child(1) {
    margin-bottom: 10px;
  }

  .tsoft-cf-wrap label {
    font-size: 14px;
  }
	
  nav .wp-block-navigation__responsive-container {
    right: 120%;
    top: 0;
    transform: translateX(100%);
    transition: 0.4s;
    opacity: 0;
    display: inherit;
    
  }
  .wp-block-navigation__responsive-container.has-modal-open.is-menu-open {
    right: 0;
    top: 0;
    transform: translateX(0);
    opacity: 1;
    transition: 0.4s;
  }

}