/*
 Theme Name:   Brandwerk
 Theme URI:    https://www.brandwerk-digital.com
 Description:  Brandwerk Child Theme
 Author:       Dominik Summer
 Author URI:   https://www.brandwerk-digital.com
 Template:     generatepress
 Version:      0.1
*/

/* ***************** Fonts ****************** */


/* ***************** Allgemeines ****************** */
html, body {
  overflow-x: hidden;
}
.hyphens-auto{
  -moz-hyphens: auto;
  hyphens: auto;
}
.grid-container {
    width: 90%;
}
/* Remove click areas on mobile */
input, select, textarea, button, a {  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent; }


/* ***************** Header & Navigation ****************** */
.inside-navigation.grid-container {
    justify-content: space-between;
    padding: 22px 0 !important;
}
nav#site-navigation {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    transition: 0.3s;
}
nav#site-navigation.scrolled {
    background-color: var(--color-neutral-900);
}
#mobile-header{
  background-color: var(--base);
}

nav.main-navigation.is_stuck{
  background-color: var(--base);
}

.sub-menu{
  box-shadow: none !important;
}
.main-navigation .main-nav .menu > li:not(.solutions-menu).menu-item-has-children > ul.sub-menu {
    border-radius: 20px;
    background: var(--Secondary-900, #024D68);
    box-shadow: inset 0 0 4px 0 rgba(75, 234, 255, 0.24) , 0 0 46.5px 0 rgba(75, 234, 255, 0.16) !important;
}
.main-navigation .main-nav .menu > li:not(.solutions-menu).menu-item-has-children > ul.sub-menu > li > a {
    color: var(--color-white);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0.72px;
    text-transform: uppercase;
    padding: 20px 40px;
}
.main-navigation ul ul {
    width: auto;
}

.main-navigation .main-nav .menu > li:not(.solutions-menu).menu-item-has-children > ul.sub-menu > li > a:hover {
    color: var(--color-primary-300);
}

nav#generate-slideout-menu .slideout-menu > li:not(.solutions-menu).menu-item-has-children > ul > li > a {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0.72px;
    text-transform: uppercase;
}
/* mobile */
.site-logo.mobile-header-logo{
  margin-left: 20px !important;
}
#generate-slideout-menu .main-nav {
    flex-grow: 1;
    margin-left: -20px;
    width: calc(100% + 40px);
    overflow: hidden;
    position: relative;
}
#generate-slideout-menu .inside-navigation.grid-container {
    width: 100%;
    padding:  20px !important;
    min-height: 100vh;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: nowrap;
}
button.slideout-exit.has-svg-icon {
    position: absolute;
    top: 20px;
    right: 0;
    width: auto !important;
    padding: 10px 20px !important;
}
button.slideout-exit.has-svg-icon svg {
    width: 22px;
    height: 22px;
}
nav#generate-slideout-menu {
    --gp-slideout-width: 390px;
    max-width: 100%;
}
.slideout-navigation.main-navigation {
    background: linear-gradient(13deg, #111827 9.7%, #012439 90.94%);
}
#generate-slideout-menu .main-nav ul li a {
    padding: 25px 50px;
    display: flex;
    margin: 0;
    align-items: center;
}
#generate-slideout-menu .slideout-menu > .menu-item-has-children > a .dropdown-menu-toggle {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.8933 15.4934C23.8299 15.3297 23.7347 15.1802 23.6133 15.0534L16.9467 8.38669C16.8223 8.26237 16.6748 8.16376 16.5123 8.09648C16.3499 8.0292 16.1758 7.99457 16 7.99457C15.6449 7.99457 15.3044 8.13562 15.0533 8.38669C14.929 8.51101 14.8304 8.6586 14.7631 8.82102C14.6958 8.98345 14.6612 9.15754 14.6612 9.33336C14.6612 9.68843 14.8023 10.029 15.0533 10.28L19.4533 14.6667H9.33333C8.97971 14.6667 8.64057 14.8072 8.39052 15.0572C8.14048 15.3073 8 15.6464 8 16C8 16.3536 8.14048 16.6928 8.39052 16.9428C8.64057 17.1929 8.97971 17.3334 9.33333 17.3334H19.4533L15.0533 21.72C14.9284 21.844 14.8292 21.9914 14.7615 22.1539C14.6938 22.3164 14.6589 22.4907 14.6589 22.6667C14.6589 22.8427 14.6938 23.017 14.7615 23.1795C14.8292 23.3419 14.9284 23.4894 15.0533 23.6134C15.1773 23.7383 15.3248 23.8375 15.4872 23.9052C15.6497 23.9729 15.824 24.0078 16 24.0078C16.176 24.0078 16.3503 23.9729 16.5128 23.9052C16.6752 23.8375 16.8227 23.7383 16.9467 23.6134L23.6133 16.9467C23.7347 16.8199 23.8299 16.6704 23.8933 16.5067C24.0267 16.1821 24.0267 15.818 23.8933 15.4934Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: left center;
}
#generate-slideout-menu .menu-item-has-children > a .dropdown-menu-toggle:before {
    content:"";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
#generate-slideout-menu .slideout-menu > .menu-item-has-children > a .dropdown-menu-toggle svg {
    opacity: 0;
}
#generate-slideout-menu .slideout-menu > .menu-item-has-children > .sub-menu {
    display: block !important;
    padding: 0;
    position: absolute !important;
    height: 100%;
    left: 110% !important;
    transition:0.3s;
    background: #082034;
    overflow: auto;
    opacity: 1;
}
#generate-slideout-menu .slideout-menu > .menu-item-has-children > .sub-menu.toggled-on {
    left: 0 !important;
}
.back-to-mainmenu {
    padding: 20px;
    background-color: var(--color-neutral-900);
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 8px;
}
.back-to-mainmenu:before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.10667 16.5066C8.17013 16.6703 8.26528 16.8198 8.38667 16.9466L15.0533 23.6133C15.1777 23.7376 15.3252 23.8362 15.4877 23.9035C15.6501 23.9708 15.8242 24.0054 16 24.0054C16.3551 24.0054 16.6956 23.8644 16.9467 23.6133C17.071 23.489 17.1696 23.3414 17.2369 23.179C17.3042 23.0165 17.3388 22.8425 17.3388 22.6666C17.3388 22.3116 17.1977 21.971 16.9467 21.72L12.5467 17.3333L22.6667 17.3333C23.0203 17.3333 23.3594 17.1928 23.6095 16.9428C23.8595 16.6927 24 16.3536 24 16C24 15.6464 23.8595 15.3072 23.6095 15.0572C23.3594 14.8071 23.0203 14.6666 22.6667 14.6666L12.5467 14.6666L16.9467 10.28C17.0716 10.156 17.1708 10.0086 17.2385 9.84608C17.3062 9.6836 17.3411 9.50933 17.3411 9.33331C17.3411 9.15729 17.3062 8.98302 17.2385 8.82054C17.1708 8.65806 17.0716 8.5106 16.9467 8.38665C16.8227 8.26167 16.6752 8.16248 16.5128 8.09479C16.3503 8.0271 16.176 7.99225 16 7.99225C15.824 7.99225 15.6497 8.0271 15.4872 8.09479C15.3248 8.16248 15.1773 8.26167 15.0533 8.38665L8.38667 15.0533C8.26528 15.1801 8.17013 15.3296 8.10667 15.4933C7.97331 15.8179 7.97331 16.182 8.10667 16.5066Z' fill='white'/%3E%3C/svg%3E%0A");
    width: 32px;
    height: 32px;
    display: inline-block;
}
nav#generate-slideout-menu .slideout-menu > .menu-item-has-children ul .dropdown-menu-toggle {
    margin: 0 !important;
}
/* Burger Menu Icon größe und Position oben */
.gp-icon.icon-menu-bars svg{
  height: 22px;
  width: 22px;
  top: 5px; /* Ausgleich wenn größe reduziert wird */
}

/* wenn kein Text neben Burger Icon */
.mobile-menu{
  display: none;
}

#mobile-menu > ul.menu{
  padding-top: 20px;
}

@media screen and (max-width:768px) {
  /* Abstand Logo mobile links */
  .navigation-branding{
    margin-left: 20px !important;
  }
}


ul.sub-menu.toggled-on{
  border-bottom: 0px !important;
}

/* Sticky nav height */
.sticky-enabled .main-navigation.is_stuck .navigation-branding img {
  height: 40px;
}

/* ***************** Blog ****************** */

 .blog #page, .archive #page{
  padding:40px 20px;
}
@media screen and (min-width:769px){
   .blog #page, .archive #page{
    padding:40px 40px;
  }
}

/* Sidebar */
.sidebar .wp-block-categories-list{
  list-style: none;
  margin-left: 0;

}

/* ***************** Formulare ****************** */

/* remove focus box */
div.wpforms-container input[type=submit]:focus:after, 
div.wpforms-container button[type=submit]:focus:after, 
div.wwpforms-containerl .wpforms-page-button:focus:after, 
.wp-core-ui div.wwpforms-container input[type=submit]:focus:after, 
.wp-core-ui div.wpforms-container button[type=submit]:focus:after, 
.wp-core-ui div.wwpforms-container .wpforms-page-button:focus:after {
    content: none !important;
    border: none !important;
}

/* confirmation message */
.wpforms-confirmation-container-full{
  background-color: var(--color-white) !important;
  color: var(--color-black) !important;
  border-color: var(--color-primary-900) !important;
}

/* submit button hover */

div.wpforms-container-full button[type=submit]:hover{
  color: var(--color-primary-300) !important;
  background: var(--color-secondary-900) !important;
  box-shadow: inset 0px 0px 4px 0px #4BEAFFCC !important;
}
.home-hero {
    position: relative;
    overflow: hidden;
}
.home-hero .wrapper-default {
    position: relative;
    z-index: 1;
    text-align: center;
}
.home-hero video {
    position: absolute;
    top: 0;
    left: 0;
    width: 120%;
    height: 160%;
    object-fit: cover;
    z-index: 0;
    mix-blend-mode: color-dodge;
}
.home-hero h1 {
    margin-bottom: 24px;
}
.hero-text {
    max-width: 950px;
    margin: 0 auto 40px;
}
.hero-btns {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.hero-bg-img {
    position: absolute;
    top: 0;
    left: -20%;
    width: 140%;
    height: 140%;
    object-fit: cover;
    mix-blend-mode: color-dodge;
    max-width: initial;
    opacity: 0.5;
}
.testimonials-slider .slick-track {
    display: flex;
}
.testimonials-slider .slick-slide {
    height: auto;
    transition: 0.3s;
}
.testimonials-slider .slick-slide:not(.slick-center) {
    opacity: 0.5;
    transform: scale(0.8);
}
.testimonials-slider  .slick-list {
    padding: 50px 0 !important;
    margin: -50px 0;
}
ul.slick-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    gap: 6px;
    padding: 70px 0 20px;
    margin: 0;
}
ul.slick-dots button {
    font-size: 0;
    padding: 0;
    border: 0;
    height: 14px;
    width: 14px;
    background-color: var(--color-secondary-300);
    border-radius: 10px;
    opacity: 50%;
    transition: 0.3s;
    transform: scale(0.6);
}
ul.slick-dots .slick-active button {
    opacity: 1;
    transform: scale(1);
}
.slick-arrow {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background-color: var(--color-primary-300);
    cursor: pointer;
    color: var(--color-secondary-900);
}
.prev-arrow.slick-arrow {
    right: 58px;
}

.testimonials-slider .slick-slide:not(.slick-center) .testimonial-card {
    background: linear-gradient(42.99deg, rgba(0, 86, 117, 0.2) 19.06%, rgba(206, 249, 255, 0.2) 156.47%);
    color: var(--color-secondary-900);
}
.testimonials-slider .slick-slide:not(.slick-center) .testimonial-card-author-img {
    background-color: var(--color-secondary-500);
}
.wpforms-container {
    margin: 0 !important;
}
button.wpforms-submit {
    margin: 0 auto !important;
    display: block;
    padding: 12px 32px !important;
    text-transform: uppercase;
    font-weight: 700 !important;
    letter-spacing: 0.04em;
    height: 54px !important;
    margin-top: 25px !important;
    box-shadow: 0 0 8px 0 rgba(75, 234, 255, 0.60) !important;
    border: 2px solid var(--color-primary-300) !important;
}
div.wpforms-container-full .wpforms-field-label {
    text-transform: uppercase;
}

label.wpforms-field-label-inline {
    font-size: 14px !important;
    margin-top: 3px !important;
    font-weight: 700 !important;
}
.wpforms-form {
    --wpforms-field-size-input-height: 52px;
    --wpforms-field-size-input-spacing : 8px;
}
.bg-radial-gradient {
    background: radial-gradient(99.94% 99.94% at 52.25% 2.7%, #003D60 0%, #111827 62.02%, #111827 98.56%);
}
.technology-slider .slick-slide:not(.slick-center) .technology-slider-item .gb-text {
    display: none;
}
.technology-slider .slick-slide {
    transition: 0.3s;
}
.case-content-wrap img {
    border-radius: 20px;
    box-shadow: 0 0 4px 0 #4BEAFF inset, 0 0 49.4px 0 rgba(75, 234, 255, 0.24);
    margin: 40px 0;
}

.case-content-wrap ul {
    margin: 0;
    list-style: none;
}

.case-content-wrap ul li:before {
    content: "";
    width: 10px;
    height: 10px;
    min-width: 10px;
    position: absolute;
    top: 6px;
    left: 0;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='50 49.5 10 10'%3E%3Cg filter='url(%23filter0_di_687_261)'%3E%3Cpath d='M55.0099 52.7696L57.2167 49.5H59.7416L56.3221 54.2228C57.0378 55.115 57.7203 56.0201 58.3698 56.9379C59.0325 57.8429 59.5759 58.6969 60 59.5H57.3956C57.2763 59.2578 57.1173 58.9837 56.9185 58.6778C56.7329 58.3591 56.5275 58.0341 56.3022 57.7027C56.0901 57.3585 55.8648 57.0207 55.6262 56.6893C55.3877 56.3579 55.1557 56.0456 54.9304 55.7524C54.4665 56.326 54.0093 56.9634 53.5586 57.6644C53.1213 58.3528 52.7568 58.9646 52.4652 59.5H50C50.1988 59.1176 50.4374 58.7097 50.7157 58.2763C50.994 57.8429 51.2922 57.4031 51.6103 56.957C51.9284 56.4981 52.2531 56.0456 52.5845 55.5994C52.9291 55.1405 53.2671 54.7071 53.5984 54.2992L50.159 49.5H52.8032L55.0099 52.7696Z' fill='%23015C78'%3E%3C/path%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_di_687_261' x='0.599998' y='0.0999985' width='108.8' height='108.8' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'%3E%3C/feFlood%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'%3E%3C/feColorMatrix%3E%3CfeOffset%3E%3C/feOffset%3E%3CfeGaussianBlur stdDeviation='24.7'%3E%3C/feGaussianBlur%3E%3CfeComposite in2='hardAlpha' operator='out'%3E%3C/feComposite%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.294058 0 0 0 0 0.91764 0 0 0 0 1 0 0 0 0.24 0'%3E%3C/feColorMatrix%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_687_261'%3E%3C/feBlend%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_687_261' result='shape'%3E%3C/feBlend%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'%3E%3C/feColorMatrix%3E%3CfeOffset%3E%3C/feOffset%3E%3CfeGaussianBlur stdDeviation='2'%3E%3C/feGaussianBlur%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'%3E%3C/feComposite%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.294058 0 0 0 0 0.91764 0 0 0 0 1 0 0 0 1 0'%3E%3C/feColorMatrix%3E%3CfeBlend mode='normal' in2='shape' result='effect2_innerShadow_687_261'%3E%3C/feBlend%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
    background-size: contain;
}

.case-content-wrap ul li {
    position: relative;
    padding-left: 18px;
}
.case-content-wrap p:has(img) , .case-content-wrap p:last-of-type , .case-content-wrap p:last-of-type img {
    margin-bottom: 0;
}
.case-content-wrap h3 {
    margin-bottom: 40px;
}
.case-trem-items span {
    padding: 8px;
    border-radius: 12px;
    background: linear-gradient(43deg, rgba(0, 79, 107, 0.45) 19.06%, rgba(206, 249, 255, 0.45) 156.47%);
    box-shadow: 0 0 4px 0 rgba(75, 234, 255, 0.24) inset, 0 0 46.5px 0 rgba(75, 234, 255, 0.16);
    display: inline-flex;
}
.single-case .blog-card-date span:not(:first-child):before {
    content: "|";
    margin: 0 6px;
}
.bg-gradient-try {
    background: linear-gradient(200deg, #111827 12.3%, #004878 130.34%), lightgray -58.511px 0px / 175.62% 100% no-repeat;
}
.bg-gradient-glass , .method-card{
    background: linear-gradient(43deg, rgba(0, 79, 107, 0.45) 19.06%, rgba(206, 249, 255, 0.45) 156.47%);
}
.method-card ul , .hiw-timeline-item ul , .price-card-body ul , ul.checkmark {
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
ul li.plus-icon:before {
    background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='25 50 14 14'%3E%3Cg clip-path='url(%23clip0_1178_1437)' filter='url(%23filter0_di_1178_1437)'%3E%3Cg filter='url(%23filter1_di_1178_1437)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M32 50C32.4832 50 32.875 50.3918 32.875 50.875V56.125H38.125C38.6082 56.125 39 56.5168 39 57C39 57.4832 38.6082 57.875 38.125 57.875H32.875V63.125C32.875 63.6082 32.4832 64 32 64C31.5168 64 31.125 63.6082 31.125 63.125V57.875H25.875C25.3918 57.875 25 57.4832 25 57C25 56.5168 25.3918 56.125 25.875 56.125H31.125V50.875C31.125 50.3918 31.5168 50 32 50Z' fill='%23024D68'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_di_1178_1437' x='-25.4' y='-0.400002' width='114.8' height='114.8' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'%3E%3C/feFlood%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'%3E%3C/feColorMatrix%3E%3CfeOffset%3E%3C/feOffset%3E%3CfeGaussianBlur stdDeviation='24.7'%3E%3C/feGaussianBlur%3E%3CfeComposite in2='hardAlpha' operator='out'%3E%3C/feComposite%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.294058 0 0 0 0 0.91764 0 0 0 0 1 0 0 0 0.24 0'%3E%3C/feColorMatrix%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_1178_1437'%3E%3C/feBlend%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_1178_1437' result='shape'%3E%3C/feBlend%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'%3E%3C/feColorMatrix%3E%3CfeOffset%3E%3C/feOffset%3E%3CfeGaussianBlur stdDeviation='2'%3E%3C/feGaussianBlur%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'%3E%3C/feComposite%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.294058 0 0 0 0 0.91764 0 0 0 0 1 0 0 0 1 0'%3E%3C/feColorMatrix%3E%3CfeBlend mode='normal' in2='shape' result='effect2_innerShadow_1178_1437'%3E%3C/feBlend%3E%3C/filter%3E%3Cfilter id='filter1_di_1178_1437' x='-24.4' y='0.599998' width='112.8' height='112.8' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'%3E%3C/feFlood%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'%3E%3C/feColorMatrix%3E%3CfeOffset%3E%3C/feOffset%3E%3CfeGaussianBlur stdDeviation='24.7'%3E%3C/feGaussianBlur%3E%3CfeComposite in2='hardAlpha' operator='out'%3E%3C/feComposite%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.294058 0 0 0 0 0.91764 0 0 0 0 1 0 0 0 0.24 0'%3E%3C/feColorMatrix%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_1178_1437'%3E%3C/feBlend%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_1178_1437' result='shape'%3E%3C/feBlend%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'%3E%3C/feColorMatrix%3E%3CfeOffset%3E%3C/feOffset%3E%3CfeGaussianBlur stdDeviation='2'%3E%3C/feGaussianBlur%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'%3E%3C/feComposite%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.294058 0 0 0 0 0.91764 0 0 0 0 1 0 0 0 1 0'%3E%3C/feColorMatrix%3E%3CfeBlend mode='normal' in2='shape' result='effect2_innerShadow_1178_1437'%3E%3C/feBlend%3E%3C/filter%3E%3CclipPath id='clip0_1178_1437'%3E%3Crect width='16' height='16' fill='white' transform='translate(24 49)'%3E%3C/rect%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.method-card ul li:before , .hiw-timeline-item ul li:before , .price-card-body ul li:before , ul.checkmark li::before{
    content: "";
    width: 16px;
    height: 16px;
    min-width: 10px;
    position: absolute;
    top: 4px;
    left: 0;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='50.33 50.14 13.35 9.72'%3E%3Cg filter='url(%23filter0_di_753_1024)'%3E%3Cpath d='M63.3871 50.4239C63.0057 50.0426 62.4337 50.0426 62.0524 50.4239L54.9024 57.5739L51.9471 54.6186C51.5657 54.2373 50.9937 54.2373 50.6124 54.6186C50.2311 54.9999 50.2311 55.5719 50.6124 55.9533L54.2351 59.5759C54.4257 59.7666 54.6164 59.8619 54.9024 59.8619C55.1884 59.8619 55.3791 59.7666 55.5697 59.5759L63.3871 51.7586C63.7684 51.3773 63.7684 50.8053 63.3871 50.4239Z' fill='%23015C78'%3E%3C/path%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_di_753_1024' x='-0.400002' y='-2.4' width='114.8' height='114.8' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'%3E%3C/feFlood%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'%3E%3C/feColorMatrix%3E%3CfeOffset%3E%3C/feOffset%3E%3CfeGaussianBlur stdDeviation='24.7'%3E%3C/feGaussianBlur%3E%3CfeComposite in2='hardAlpha' operator='out'%3E%3C/feComposite%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.294058 0 0 0 0 0.91764 0 0 0 0 1 0 0 0 0.24 0'%3E%3C/feColorMatrix%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_753_1024'%3E%3C/feBlend%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_753_1024' result='shape'%3E%3C/feBlend%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'%3E%3C/feColorMatrix%3E%3CfeOffset%3E%3C/feOffset%3E%3CfeGaussianBlur stdDeviation='2'%3E%3C/feGaussianBlur%3E%3CfeComposite in2='hardAlpha' operator='arithmetic' k2='-1' k3='1'%3E%3C/feComposite%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.294058 0 0 0 0 0.91764 0 0 0 0 1 0 0 0 1 0'%3E%3C/feColorMatrix%3E%3CfeBlend mode='normal' in2='shape' result='effect2_innerShadow_753_1024'%3E%3C/feBlend%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

.method-card ul li , .hiw-timeline-item ul li , .price-card-body ul li, ul.checkmark li{
    position: relative;
    padding-left: 28px;
}
.hiw-timeline-number {
    background: linear-gradient(43deg, rgba(0, 79, 107, 0.45) 19.06%, rgba(206, 249, 255, 0.45) 156.47%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.hiw-timeline-item:not(:last-child):before {
    content: "";
    position: absolute;
    top: calc(100% + 20px);
    left: 50%;
    transform: translateX(50%);
    height: 140px;
    width: 6px;
    background: linear-gradient(43deg, rgba(0, 79, 107, 0.45) 19.06%, rgba(206, 249, 255, 0.45) 156.47%);
    box-shadow: 0 0 4px 0 #4BEAFF inset, 0 0 49.4px 0 rgba(75, 234, 255, 0.24);
    border-radius: 2px;
}

.menu-item-has-children {
    position: static !important;
}
ul.menu {
    position: relative;
}
.main-navigation .main-nav .solutions-menu > .sub-menu .sub-menu {
    position: relative;
    opacity: 1;
    left: 0;
    top: 0;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: auto;
}
.main-navigation .main-nav .solutions-menu > .sub-menu > li > a {
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin-bottom: 12px;
}
.main-navigation .main-nav .solutions-menu > .sub-menu a {
    padding: 0;
}
.solutions-menu > .sub-menu > li {
    width: auto;
}
.main-navigation .main-nav .solutions-menu > .sub-menu > li:hover > a {
    color: var(--color-primary-50);
}
.main-navigation .main-nav .solutions-menu > .sub-menu > li > a[href]:hover {
    color: var(--color-primary-300);
}
.gb-query-loop-pagination , .gb-query-loop-pagination nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.gb-query-loop-pagination .page-numbers , .gb-query-loop-pagination a {
    padding: 8px 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(74,234,255,0);
    box-shadow: 0 0 8px 0 rgba(75,234,255,0.60);
    color: var(--color-primary-300);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 30px;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
    border: 2px solid var(--color-primary-300);
    border-radius: 8px;
}

.gb-query-loop-pagination {
    margin-top: 40px;
}

.gb-query-loop-pagination .page-numbers.current , .gb-query-loop-pagination a:hover {
    box-shadow: 0px 0px 8px 0px rgba(75,234,255,0.60);
    color: var(--color-white);
    border-top-color: var(--color-white);
    border-right-color: var(--color-white);
    border-bottom-color: var(--color-white);
    border-left-color: var(--color-white)
}

/* newsletter css  start*/
.newsletter-form {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 470px;
    margin: 0 auto;
    gap: 12px;
}
.newsletter-form button:hover {
        color: var(--color-primary-300);
    background-color: var(--color-secondary-900);
    box-shadow: inset 0px 0px 4px 0px #4BEAFFCC
}
.newsletter-form button {
    background-color: var(--color-primary-300);
    box-shadow: 0 0 8px 0 rgba(75, 234, 255, 0.60);
    color: var(--color-secondary-900);
    display: inline-flex;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 30px;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
    border: 2px solid var(--color-primary-300);
    border-radius: 34px;
    padding: 5px 32px;
}

input.newsletter-form-input {
    border-radius: 8px;
    padding: 10px 16px;
    border: none;
    font-size: 18px;
    line-height: 1;
    width: 100%;
}
.price-card-body sub {
    display: block;
    height: auto;
    line-height: 1;
}
/* newsletter css end */
/* features-list css start */
.full-list-of-features {
    text-align: left;
}
.flf-head {
    border-radius: 8px;
    background: var(--color-secondary-300);
    text-align: center;
    color: var(--color-secondary-900);
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 8px 4px;
}
.full-list-of-features th, .full-list-of-features td {
    padding: 2px 6px;
    border: none;
}
.flf-title {
    color: var(--color-primary-300);
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 9px 0;
}
.flf-data {
    border-radius: 8px;
    background: #015C7833;
    color: var(--color-white);
    font-weight: 400;
    padding: 8px 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 12px;
    text-align: center;
}
.full-list-of-features th {
    width: 23%;
}
.full-list-of-features th:first-child {
    width: 28%;
}
.full-list-of-features table {
    margin: 0;
    padding-top: 58px;
}
.full-features-toggle-btn {
    cursor: pointer;
}
.full-features-toggle-btn:not(.closed) .gb-shape {
    transform: rotate(180deg);
}
@media screen and (min-width: 769px) {
    a.sodex-tab-cta:hover:before {
        background-image: linear-gradient(200deg, rgba(17, 24, 39, 0.6) 12%, rgba(75, 234, 255, 0.6) 100%);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        background-blend-mode: normal
    }
}
a.sodex-tab-cta:hover .gb-text {
    color: var(--color-primary-300)
}
a.sodex-tab-cta:hover .btn-tererty , a.sodex-tab-cta:hover .btn-tererty .gb-text {
    color: var(--color-white)
}
.wpgmza-basic-list-item {
    float: none !important;
}
.wpgmaps_blist_row {
    display: flex !important;
}
.wpgmaps_blist_row:hover {
    background-color:transparent !important;
}
.wpgmza-basic-list-item-wrapper {
    display: flex;
    align-items: center;
    width: 100%;
    text-align: left;
    gap: 10px;
}
.wpgmza-basic-list-item-wrapper .wpgmza-basic-list-item {
    width: 100%;
    margin: 0 !important;
    line-height: 1.4;
}
.wpgmza-basic-list-item-wrapper:hover .wpgmza_div_title {
    color: var(--color-primary-300);
}
.gm-style-iw {
    color: var(--color-secondary-900);
    text-align: left;
}
.gm-style-iw a {
    color: var(--color-secondary-900);
    font-weight: 700;
}
.gm-style-iw a:hover {
    color: var(--color-secondary-300);
}
.hide-all {
    display: none !important;
}
.featured-img-wrap:has(.featured-img) .fallback-img {
    display: none;
}
/* features-list css end */
@media (min-width:1025px) {
.technology-slider .slick-slide:not(.slick-center) {
    transform: scale(0.66);
}

.technology-slider .slick-slide.slick-center {
    transform: scale(1.2); 
}
.technology-slider .slick-list {
    margin: -5% -5vw;
    padding-top: 8% !important;
    padding-bottom: 8% !important;
}
    .slick-arrow:hover {
    background-color: var(--color-secondary-900);
    box-shadow: 0px 0px 4px 0px #4BEAFFCC inset , 0px 0px 20px 0px #4BEAFF80;
    color: var(--color-primary-300);
}
    .sodex-tab-btn:hover {
        color: var(--color-white);
        border-color: var(--color-white);
    }
}
@media (min-width:1367px) {
    .main-navigation .main-nav .solutions-menu > .sub-menu > li > a .dropdown-menu-toggle {
    display: none;
}
    .solutions-menu > .sub-menu {
    width: 100%;
    display: flex;
    padding: 40px;
    border-radius: 20px;
    box-shadow: 0 0 4px 0 rgba(75, 234, 255, 0.24) inset, 0 0 46.5px 0 rgba(75, 234, 255, 0.16) !important;
    gap: 20px;
    justify-content: space-between;
}
}
@media (max-width:1366px) {
  .main-navigation.has-branding .menu-toggle {
    padding: 0;
}
.navigation-branding {
    margin: 0;
}
.head-btns {
    display: none !important;
}
.slideout-social a {
    display: flex !important;
}
.slideout-buttons .btn-primary-fill:not(:hover) {
    color: var(--color-secondary-900);
}

.slideout-buttons .btn-primary-outline:not(:hover) {
    color: var(--color-primary-300);
}
}

@media (max-width:1024px) {
    .technology-slider .slick-list {
    padding: 8px !important;
    margin: -15px !important;
}
}
@media (max-width:767px) {
.method-card ul, .hiw-timeline-item ul , .price-card-body ul {
    gap: 8px;
}
  .slick-arrow {
    width: 46px;
    height: 46px;
}
ul.slick-dots {
    padding: 50px 0 12px;
    justify-content: flex-start;
}
.hiw-timeline-item:not(:last-child):before {
    height: 60px;
}
.full-list-of-features {
    overflow: auto;
    margin-right: -5vw;
    padding-right: 5vw;
}
.full-list-of-features table {
    min-width: 700px;
}
.wpgmza-basic-list-item-wrapper {
    flex-direction: column;
    gap: 5px;
}
.wpgmaps_blist_row {
    align-items: center;
}
}