/* eb-wrapper-bctnn Starts */.eb-parent-eb-wrapper-bctnn{position:relative}.eb-wrapper-align-center{margin-right:auto !important;margin-left:auto !important}.eb-wrapper-align-right{margin-left:auto !important}.eb-wrapper-outer.eb-wrapper-bctnn{margin:0px;padding-top:10px;padding-right:30px;padding-left:30px;padding-bottom:60px;background-color:var(--eb-global-primary-color);max-width:100%;transition:background 0.5s,border 0.5s,border-radius 0.5s,box-shadow 0.5s}.eb-wrapper-outer.eb-wrapper-bctnn > .eb-wrapper-inner > .eb-wrapper-inner-blocks{width:1460px;max-width:100%;position:relative}.eb-wrapper-outer.eb-wrapper-bctnn:before{transition:background 0.5s,opacity 0.5s,filter 0.5s}.eb-parent-eb-wrapper-bctnn .eb-shape-divider-top svg{width:calc(100% + 1.3px)}.eb-parent-eb-wrapper-bctnn .eb-shape-divider-bottom svg{width:calc(100% + 1.3px)}.eb-parent-eb-wrapper-bctnn{display:block}.root-eb-wrapper-bctnn{position:relative}.root-eb-wrapper-bctnn.eb_liquid_glass-effect1{background-color:#FFFFFF1F;backdrop-filter:blur(24px)}.root-eb-wrapper-bctnn.eb_liquid_glass-effect2{background-color:#FFFFFF1F;backdrop-filter:blur(24px) brightness(1)}.root-eb-wrapper-bctnn.eb_liquid_glass_shadow-effect1{border-width:1px;border-color:#FFFFFF1F;border-style:solid;border-radius:24px}.root-eb-wrapper-bctnn.eb_liquid_glass-effect1 > .eb-parent-wrapper > div{background:transparent} @media(max-width: 1024px){.eb-parent-eb-wrapper-bctnn{display:block}} @media(max-width: 781px){.eb-parent-eb-wrapper-bctnn{display:block}}.open header, .open header.qquench-nav.darkMenu { height: 85vh; background-color: #0a0a0ae6 !important; } .open header.darkMenu .top-menu li { color: #ffffff; } .open header::after { content: ""; position: absolute; bottom: -15px; left: 0; width: 100%; height: 15px; background: linear-gradient(0deg, transparent 0%, #00e1a054 100%); } .open .forDark { display: none; } .open .forLight { display: block !important; } .darkMenu .menuBtn span { background: #000; } .open .darkMenu .menuBtn span { background: #fff; } .bot-trigger-buttons { cursor: pointer; } .bot-trigger-buttons:hover { color: var(--wp--preset--color--accent-1) !important; } .ham-wrapper { position: relative; } .open .eb-wrapper-outer.eb-wrapper-bctnn { background-color: transparent; } .menuBtn { top: 25px !important; right: 30px; z-index: 9999999; position: absolute !important; } .open .menuBtn { display: block; } .open.expanded .menuBtn { top: 80px !important; } .menuBtn:hover span { background-color: var(--wp--preset--color--accent-1) !important; } .serviceMenu:hover .wp-block-navigation-submenu, .serviceMenu.active ul { display: none !important; } .has-child:hover>a:first-child::before { transform: rotate(0deg) !important; } .has-child.active>a:first-child::before { transform: rotate(-180deg) !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='9' viewBox='0 0 18 9' fill='none'%3E%3Cpath d='M16.92 0.949951L10.4 7.46995C9.63002 8.23995 8.37002 8.23995 7.60002 7.46995L1.08002 0.949951' stroke='%2300E1A0' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important; } .serviceMenu.active a, .serviceMenu:hover>a:first-child { color: var(--wp--preset--color--accent-1) !important; } .serviceMenu { cursor: pointer; } #expanded-menu { display: none; z-index: 999999; position: fixed; width: 100vw; height: 75vh; top: 70px; } #expanded-menu { pointer-events: none; } #expanded-menu .menu-tab, #expanded-menu .menu-tab-content a, #expanded-menu .menu-tab-content details { pointer-events: auto !important; } #expanded-menu h2 a { font-size: 32px !important; } #expanded-menu.active { display: block !important; } .eb-wrapper-bctnn .wp-block-button { width: 100%; } .eb-wrapper-bctnn .menu-tab-wrapper .menu-tab img { width: 50px; min-width: 50px; } .eb-wrapper-bctnn .menu-tab-wrapper { max-width: 265px; } .eb-wrapper-bctnn .menu-tab-wrapper a { background: #434343; border-radius: 20px; padding: 2px; text-decoration: none; } .eb-wrapper-bctnn .menu-tab-wrapper a:hover, .eb-wrapper-bctnn .menu-tab-wrapper a.active { background: linear-gradient(123deg, #11B8B2 30%, #4932EA 90%) !important; } .eb-wrapper-bctnn .menu-tab-wrapper a.active p { font-weight: 600; } .eb-wrapper-bctnn .menu-tab-wrapper .menu-item-wrapper { border-radius: 20px; padding: 5px 25px 5px 10px; background: #0b0b0b; } .eb-wrapper-bctnn #menu-tab-content-wrapper, .eb-wrapper-bctnn .menu-tab-item { flex: 1; width: 100%; } .eb-wrapper-bctnn details { width: 100%; position: relative; } .eb-wrapper-bctnn li.wp-block-post h5, .eb-wrapper-bctnn p { font-size: 15px !important; } .eb-wrapper-bctnn details p { margin-top: 7px; } .eb-wrapper-bctnn details p:nth-of-type(1):not(.menu-content-view-all) { margin-top: 12px; } .eb-wrapper-bctnn summary { list-style: none; display: flex; justify-content: space-between; align-items: center; cursor: pointer; pointer-events: none !important; outline: none; color: var(--wp--preset--color--accent-1); font-size: 16px; line-height: 1; font-weight: 300; text-transform: uppercase; } .eb-wrapper-bctnn summary:focus-visible { outline: none; } /* Hide default marker for older browsers */ .eb-wrapper-bctnn summary::-webkit-details-marker { display: none; } .eb-wrapper-bctnn details a, .eb-wrapper-bctnn details a { cursor: pointer; text-decoration: none; } .eb-wrapper-bctnn details a:hover, .eb-wrapper-bctnn details a.active { color: var(--wp--preset--color--accent-1); cursor: pointer; } .eb-wrapper-bctnn .menu-tab-content-wrapper { height: 65vh; overflow-y: auto; padding-right: 15px; pointer-events: all !important; } .eb-wrapper-bctnn .menu-tab-content { display: none; } .eb-wrapper-bctnn .menu-tab-content.active { display: flex; } .eb-wrapper-bctnn .menu-content-view-all { display: flex; position: absolute; top: -4px; right: 0; z-index: 2; border-bottom: 1px solid var(--wp--preset--color--accent-1); margin-top: 0; } .eb-wrapper-bctnn .wp-block-query { padding-top: 15px; max-width: 800px; } .eb-wrapper-bctnn .menu-tab-content li.wp-block-post { border: 1px solid #393939; border-radius: 20px; overflow: hidden; padding: 15px; } .eb-wrapper-bctnn .menu-tab-content figure.wp-block-post-featured-image { border: 1px solid #222222; border-radius: 15px; overflow: hidden; margin-bottom: 10px; } .eb-wrapper-bctnn .menu-tab-content figure.wp-block-post-featured-image img { max-height: 130px; } .eb-wrapper-bctnn .wp-block-post img { transition: all 200ms ease-in-out; } .eb-wrapper-bctnn .wp-block-post:hover img { transform: scale(1.05); } .eb-wrapper-bctnn .wp-block-post h5 { display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 1.4; } .eb-wrapper-bctnn .menu-tab-title a { font-family: var(--wp--preset--font-family--lemon); width: max-content; display: flex; position: relative; text-decoration: none; } .eb-wrapper-bctnn .menu-tab-title a::after { content: ""; position: absolute; right: -40px; top: 50%; transform: translateY(-50%) rotate(0deg); background-image: var(--arrow-w); background-repeat: no-repeat; background-position: center; background-size: contain; width: 24px; height: 26px; transition: all ease-in-out 300ms; } .eb-wrapper-bctnn .menu-tab-title a:hover::after { background-image: var(--arrow-t); transform: translateY(-50%) rotate(-45deg); } .eb-wrapper-bctnn .expanded-menu-close, header .menu-back { cursor: pointer; } header .menu-back { display: none; } .eb-wrapper-bctnn .expanded-menu-close:hover path, header .menu-back:hover path { stroke: var(--wp--preset--color--accent-1) !important; } .eb-wrapper-bctnn .menu-tab-item-wrapper { margin-bottom: 20px !important; gap: 20px; } .cky-consent-container.cky-box-bottom-left { display: none; } .open .menu li a { width: 100%; } @media (max-width: 1080px) { .eb-wrapper-bctnn .menu-tab-wrapper { display: none; } .open header, .open header.qquench-nav.darkMenu { height: 100vh; } #expanded-menu { height: 90vh; } .eb-wrapper-bctnn .menu-tab-content-wrapper { height: 80vh; } .open.expanded header .menu-back { display: flex; } header.qquench-nav nav>ul>li:not(.has-child) { width: 100%; } .open.expanded .menuBtn { top: 25px !important; } .open.expanded #menuWrapper { display: none; } .eb-wrapper-bctnn summary { pointer-events: auto !important; /* font-size: 18px; */ } #menuWrapper { background: transparent !important; border: none !important; border-radius: 0 !important; } .open .menu { align-items: flex-start; } .menu li.has-child { border-top: none !important; border-bottom: none !important; } .open .wp-block-navigation .has-child .wp-block-navigation__submenu-container { background: transparent !important; } .has-child .wp-block-navigation-item { border-radius: 20px; overflow: hidden; background: #434343 !important; position: relative; padding: 1px; } .has-child .wp-block-navigation-item::after { content: ""; position: absolute; left: 1px; top: 1px; width: calc(100% - 2px); height: calc(100% - 2px); background: #161616; z-index: 0; border-radius: 20px; } .has-child .wp-block-navigation-item.ai { background: linear-gradient(123deg, #11B8B2 30%, #4932EA 90%) !important; } .open .menu li.has-child { padding-top: 10px !important; padding-bottom: 0 !important; } .open .menu li { border-bottom: 1px solid #434343 !important; padding: 0 !important; } .open #menuWrapper { max-height: 85vh !important; min-height: calc(100vh - 130px) !important; padding-right: 10px !important; width: calc(100% - 50px) !important; margin-right: -10px !important; } } @media (max-width: 768px) { .eb-wrapper-bctnn summary::after { content: ''; width: 11px; height: 6px; /* Use your SVG as a background image */ background-image: url("data:image/svg+xml,%3Csvg width='11' height='6' viewBox='0 0 11 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.6775 0.4375L5.87417 4.24083C5.425 4.69 4.69 4.69 4.24083 4.24083L0.4375 0.4375' stroke='white' stroke-width='0.875' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; transition: transform 0.3s ease; /* Smooth rotation */ } .eb-wrapper-bctnn details[open] summary { color: var(--wp--preset--color--accent-1); } /* Rotate the arrow 180 degrees when open */ .eb-wrapper-bctnn details[open] summary::after { transform: rotate(180deg); background-image: url("data:image/svg+xml,%3Csvg width='11' height='6' viewBox='0 0 11 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.6775 0.4375L5.87417 4.24083C5.425 4.69 4.69 4.69 4.24083 4.24083L0.4375 0.4375' stroke='%2300e1a0' stroke-width='0.875' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } .eb-wrapper-bctnn .menu-content-view-all { position: relative; top: auto; right: auto; margin-top: 20px; order: 2; } .eb-wrapper-bctnn .menu-tab-item-wrapper { flex-direction: column; gap: 20px; } .eb-wrapper-bctnn .menu-tab-content-wrapper { padding-top: 20px; } .eb-wrapper-bctnn .menu-tab-item { padding-bottom: 20px; border-bottom: 1px solid #393939; } .eb-wrapper-bctnn hr { display: none; } .open .wp-block-navigation .has-child .wp-block-navigation__submenu-container { flex-direction: column !important; } .open .menu li ul li { width: 100% !important; } } @media (max-width: 600px) { .eb-wrapper-bctnn .wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid { grid-template-columns: 1fr 1fr; gap: 20px; } .eb-wrapper-bctnn .menu-tab-content li.wp-block-post:last-child { display: none; } } /* =eb-wrapper-bctnn= Ends */