:root {
  --color-primary: #F16147;   
  --color-neutral: #2D2D2D;  
  --color-elasto:  #EF8C3A;  
  --color-green:   #20A992;  
  --color-comp:    #1A7CAE;  
  --colorBlackbg:#1E1E1E;
  --colorWhite:#fff;
 --colordarkblack:#0F0F0F;
 --colortint:#B9B9B9;
 --colorgrey:#737373;
 --colorgreytint:#969696;
}
body,html{
    font-size:16px;
}
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

.headerNavbar{
    position: fixed;
    width: 100%;
    z-index: 11;
    padding: 32px 0;
}
.heroBanner,
.bg-black{
    background: var(--colorBlackbg);
}
.bgblack-gradient{
        background: linear-gradient(180deg, #171717 0%, #0F0F0F 100%);
}
.bgdarkblack-gradient{
    background: linear-gradient(0deg,  #171717 20.64%,  #0F0F0F 108.8%);
}
.bgblackred-gradient{
    background: linear-gradient(180deg, #171717 57.11%,  #793124 283.43%);
}
.colordarkblack{
    background:var(--colordarkblack);
}
.colortint{
    color:var(--colortint);
}
.fw-200{
    font-weight:200;
}
.fw-400{
    font-weight:400;
}
.fw-500{
    font-weight:500;
}
.fw-600{
    font-weight:600;
}
.py-80{
    padding-top:80px;
    padding-bottom:80px;
}
.py-100{
    padding-top:100px;
    padding-bottom:100px;
}
.mt-50{
    margin-top:50px;
}
.my-50{
    margin: 50px 0 !important;
}
.mt-100{
    margin-top:100px;
}
.pt-80{
    padding-top:80px; 
}
.heroBanner{
    padding-top:170px;
    padding-bottom:140px;
}
.headernav_list{
    gap:40px;
}
.navigation-row{
    border-radius: 50px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(28, 28, 28, 0.40);
    backdrop-filter: blur(7.5px);
    padding: 15px !important;
}
.headernav_list li a span{
    font-size:16px;
}
.text_primary{
    color:var(--color-primary);
}
/* Elastocamp theme */
.card-elastocamp {
    --card-color: 239, 140, 58;
    --card-dark: 48, 28, 12;
}
.visitElastocmp .btn_primary .wp-element-button {
    --card-color: 239, 140, 58;
    --card-mid: 199, 117, 48;
}

/* Composites theme */
.card-composites {
    --card-color: 26, 124, 174;
    --card-dark: 9, 41, 58;
}
.visitComposites .btn_primary .wp-element-button {
    --card-color: 26, 124, 174;
    --card-mid: 22, 103, 145;
}

/* Greenshield theme */
.card-greenshield {
    --card-color: 32, 169, 146;
    --card-dark: 11, 56, 49;
}
.visitGreenshield {
    --card-color: 32, 169, 146;
    --card-mid: 27, 141, 122;
}

/* Base card style */
.card-elastocamp,
.card-composites,
.card-greenshield {
    border-radius: 20px;
    border: 1px solid rgba(var(--card-color), 0.20);
    background: radial-gradient(114.15% 98.75% at 50% 50%, rgba(var(--card-color), 0.20) 0%, rgba(var(--card-dark), 0.20) 100%);
    padding: 40px 32px;
    height: 100%;
    position:relative;
    transition: all .3s ease-in-out;
    cursor:pointer;
}
.card-elastocamp:hover{
box-shadow: 0 4px 100px 0 rgba(239, 140, 58, 0.20);
border: 1px solid rgba(239, 140, 58, 0.40);
background: radial-gradient(159.22% 128.38% at 31.25% 70.18%, rgba(239, 140, 58, 0.40) 0%, rgba(48, 28, 12, 0.40) 100%);
}
.card-composites:hover{
    box-shadow: 0 4px 100px 0 rgba(26, 124, 174, 0.20);
border: 1px solid rgba(26, 124, 174, 0.40);
background: radial-gradient(157.26% 122.66% at 40.84% 75.18%, rgba(26, 124, 174, 0.40) 0%, rgba(9, 41, 58, 0.40) 100%);
}
.card-greenshield:hover{
    box-shadow: 0 4px 100px 0 rgba(32, 169, 146, 0.20);
border: 1px solid rgba(32, 169, 146, 0.40);
background: radial-gradient(165.88% 130.07% at 35.17% 80%, rgba(32, 169, 146, 0.40) 0%, rgba(11, 56, 49, 0.40) 100%);
}

.card-elastocamp .img img,
.card-composites .img img,
.card-greenshield .img img{
    width:200px;
}

/* Base button style */
.visitElastocmp .btn_primary .wp-element-button,
.visitComposites .btn_primary .wp-element-button,
.visitGreenshield .btn_primary .wp-element-button{
    border-radius: 50px;
    border: 1px solid rgb(var(--card-color));
    background: linear-gradient(180deg, rgb(var(--card-color)) 0%, rgb(var(--card-mid)) 100%);
    box-shadow: 0 10px 24.1px 0 rgba(var(--card-color), 0.20);
    font-size:16px;
}
.card-elastocamp:after,
.card-composites:after,
.card-greenshield:after {
    content: "";
    position: absolute;
    border-radius: 341px;
    bottom: -30%;
    width: 240px;
    height: 180px;
    pointer-events: none;
    -webkit-filter: blur(250px); 
-moz-filter:blur(250px); 
filter: blur(250px); 
}

.card-elastocamp:after {
    background: var(--color-elasto);
 }
.card-composites:after { 
    background: var(--color-comp); 
}
.card-greenshield:after {
    background: var(--color-green); 
}
.materialsCard {
    border-radius: 20px;
    border: 1px solid rgba(241, 97, 71, 0.20);
    background: linear-gradient(180deg, rgba(241, 97, 71, 0.05) 0%, rgba(153, 153, 153, 0.05) 100%);
    backdrop-filter: blur(10px);
    text-align: center;
    padding: 0px 20px 32px 20px;
}
/* Focus styles */


/* 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;
}

.fs-16{
    font-size: clamp(16px, 1vw, 16px);
}
.fs-18{
    font-size: clamp(18px, 1.1vw, 18px);
}
.fs-20{
    font-size: clamp(16px, 1.3vw, 20px);
}
.fs-22{
    font-size: clamp(20px, 1.5vw, 22px);
}
.fs-24{
    font-size: clamp(20px, 1.7vw, 24px);
}
.fs-26{
    font-size: clamp(22px, 1.9vw, 26px);
}
.fs-28{
    font-size: clamp(22px, 2.1vw, 28px);
}
.fs-30{
    font-size: clamp(24px, 2.3vw, 30px);
}
.fs-32{
    font-size: clamp(26px, 2.5vw, 32px);
}
.fs-34{
    font-size: clamp(28px, 2.7vw, 34px);
}
.fs-36{
    font-size: clamp(30px, 2.9vw, 36px);
}
.fs-38{
    font-size: clamp(32px, 3.1vw, 38px);
}
.fs-40{
    font-size: clamp(34px, 3.3vw, 40px);
}
.fs-42{
    font-size: clamp(34px, 3.5vw, 42px);
}
.fs-44{
    font-size: clamp(34px, 3.7vw, 44px);
}
.fs-46{
    font-size: clamp(36px, 3.9vw, 46px);
}
.fs-48{
    font-size: clamp(38px, 4.1vw, 48px);
}
.fs-50{
    font-size: clamp(38px, 4.3vw, 50px);
}

.fs-60{
    font-size: clamp(38px, 6vw, 60px);
}

.fs-72{
    font-size: clamp(38px, 7vw, 72px);
}
.lh-72{
    line-height:72px;
}
.color-primary{
    color:var(--color-primary);
}
  /* ── CAROUSEL WRAPPER ── */
/*.heroanimate-video iframe{*/
/*      border:0;*/
/*       width:850px;*/
/*       height:850px;*/
/*  }*/
  /*.heroBanner .alignwide{*/
  /*    position:relative;*/
  /*}*/
  .heroBanner{
      position:relative;
      overflow: hidden;
  }
/*  .heroBanner:before{*/
/*  background: #737373;*/
/*	  content:"";*/
/*	  width: 510px;*/
/*	  height: 260px;*/
/*	  position:absolute;*/
/*	  left: 0;*/
/*	  top:0;*/
/*	  z-index: 1;*/
/*filter:         blur(250px); */
/*  }*/
.heroBanner:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background: url(https://zyloggroup.com/wp-content/uploads/2026/05/bannergrey.svg);
    /* -webkit-filter: blur(250px); */
    /* filter: blur(250px); */
    /* will-change: filter; */
    /* transform: translateZ(0); */
    pointer-events:none;
    background-repeat: no-repeat;
}
  .btn_primary .wp-element-button{
      padding:13px 20px !important;
     border-radius: 50px;
border: 1px solid var( --color-primary);
background: linear-gradient(180deg, ( --color-primary) 0%, #C9513B 100%);
box-shadow: 0 10px 24.1px 0 rgba(241, 97, 71, 0.20);
color:var(--colorWhite);
font-size:16px;
  }
  .btn_primary .wp-element-button:hover{
background: linear-gradient(180deg, #FCDFDA 0%, #FFF 100%);
box-shadow: 0 10px 24.1px 0 rgba(255, 255, 255, 0.20);
color:var(--color-neutral);
border:unset;
  }
  .btn_primary .wp-element-button:hover.wp-block-button__link::after{
      filter:invert(1);
  }
  /* ── Discover Zylog: arrow AFTER ── */
.btn_primary:first-child .wp-block-button__link::after {
    content: '';
    display: inline-flex;
    align-items: center;
    width: 16px;
    height: 16px;
    margin-left: 8px;
    background-image: url("https://zyloggroup.com/wp-content/uploads/2026/05/buttonarrow.svg");
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    position: relative;
    top: 4px;
}
.heroBanner:after{
    border-radius: 629px;
    background: rgba(241, 97, 71, 0.50);
    content:"";
    width: 440px;
    height: 350px;
    position:absolute;
    left:50%;
    bottom:0;
    z-index: 1;
    -webkit-filter: blur(250px); /* Old Chrome/Safari */
-moz-filter:    blur(250px); /* Old Firefox */
filter:     blur(250px); 
}

/* ── Watch the film: play icon BEFORE ── */
.btnDark .wp-block-button__link::before {
    content: '';
    display: inline-flex;
    align-items: center;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    background-image: url("https://zyloggroup.com/wp-content/uploads/2026/05/playicon.svg");
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    position: relative;
    top: -1px;
   
}
.btnDark .wp-element-button{
    border-radius: 50px;
border: 1px solid rgba(255, 255, 255, 0.10);
background: linear-gradient(0deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.05) 100%);
box-shadow: 0 10px 24.1px 0 rgba(212, 212, 212, 0.05);
color:var(--colorWhite);
  padding:13px 20px !important;
   font-size:16px;
}
.btnDark .wp-element-button:hover{
border: 1px solid rgba(255, 255, 255, 0.20);
background: linear-gradient(0deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.10) 100%);
box-shadow: 0 10px 24.1px 0 rgba(212, 212, 212, 0.05);
}
  
   .heroanimate-video{
     position:absolute;
     z-index:0;
     right:10%;
    
  }
   .carousel-wrapper {
      position: relative;
      z-index: 1;
    }

    .carousel {
      position: relative;
      overflow: hidden;
    }

    .slides {
      position: relative;
      min-height: 265px;
    }

    .slide {
      position: absolute;
      top: 0; left: 0;
      width: 100%;
      opacity: 0;
      transition: opacity 0.7s ease;
      pointer-events: none;
    }

    .slide.active {
      opacity: 1;
      pointer-events: auto;
    }
/*    .carousel-outer {*/
/*      width: 100%;*/
/*    }*/
/*.carousel-track-wrap {*/
/*    overflow: hidden;*/
/*    width: 100%;*/
/*    position: relative;*/
/*}*/

/*.carousel-track {*/
    display: block; /* no more flex row */
/*    position: relative;*/
/*}*/


/* .slide {*/
/*    position: absolute;*/
/*    top: 0; */
/*    left: 0;*/
/*    width: 100%;*/
/*    opacity: 0;*/
/*    pointer-events: none;*/
/*    transition: opacity 0.7s ease;*/
/*  }*/

/*  .slide.active {*/
/*    opacity: 1;*/
/*    pointer-events: auto;*/
/*    position: relative;*/
/*  }*/

/* ── TEXT REVEAL ── */
/*.slide .banner-title,*/
/*.slide .banner-para {*/
/*    opacity: 0;*/
/*    transition: opacity 0.25s ease-in-out;*/
/*}*/
.slide .banner-title {
    /*transition-delay: 0.18s;*/
    max-width: 670px;
}
.slide .banner-para {
    /*transition-delay: 0.24s;*/
    font-size: 16px;
    max-width: 410px;
}
/*.slide.active .banner-title,*/
/*.slide.active .banner-para {*/
/*    opacity: 1;*/
/*}*/

/* ── DASHES NAV ── */
.dashes-nav {
    display: flex;
    gap: 6px;
    padding: 28px 0;
    margin: 0;
    z-index: 8;
    position: relative;
}
.dashes-nav span {
    display: block;
    height: 3px;
    background: #969695;
    width: 22px;
    cursor: pointer;
    transition: opacity 0.35s ease;
    border-radius: 50px;
}
.dashes-nav span.active {
    opacity: 1;
    background: var(--color-primary);
}
.dashes-nav span:not(.active):hover {
    opacity: 0.5;
}

    .group-zylog{
         background:  linear-gradient(180deg, rgba(45, 45, 45, 0.20) 0%, rgba(38, 38, 38, 0.20) 100%);
        background-size: 50px;
        z-index: 2;
        position: relative;
    }
    .group-zylog:before,
    .team-zylog:before{
    position: absolute;
    content: '';
    background-image: url(https://zyloggroup.com/wp-content/uploads/2026/05/zylogicon.svg);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.3;
    background-size: 50px;
    pointer-events:none;
}
.materialsBetter{
    position:relative;
}

.materialsBetter:after {
      background: var(--color-primary);
      content: '';
      position: absolute;
      z-index: 1;
      right: 0%;
      bottom: -25%;
      -webkit-filter: blur(250px);
      -moz-filter: blur(250px);
      filter: blur(250px);
      width: 702px;
      height: 265px;
    }
.materialsCard p{
    color:var(--color-primary);
    font-weight:500;
}
.footerSection{
    position:relative;
    z-index:11;
     background: var(--colorBlackbg);
}
footer{
    margin-top:0;
}
.heroBanner .left-col{
    margin-top:200px;
}
.headernav_list .wp-block-navigation-item__content:hover{
    text-decoration:none !important;
   color: var(--color-primary);
  text-shadow: 0 0 20px rgba(241, 97, 71, 0.8), 0 0 40px rgba(241, 97, 71, 0.5), 0 0 80px rgba(241, 97, 71, 0.3);
}
.herobannervideo-grey iframe{
    width:550px;
    height:550px;
    border:0;
}
.herobannervideo-grey{
    position: absolute;
    filter: grayscale(1);
  top: -17%;
  left: 50%;
  transform: translateX(-50%);
  opacity:0.5;
}
.ourcompanies{
    overflow:hidden;
}
.heroanimate-video:after {
    content: '';
    background: url(https://zyloggroup.com/wp-content/uploads/2026/05/scroll-img.svg);
    width: 16px;
    height: 243px;
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
}
.center-logo:before {
    content: "";
    position: absolute;
    background: var(--color-primary);
    filter: blur(41px) !important;
    width: 70px;
    height: 70px;
}
.materials-possibilites{
    position;relative;
}
.materials-possibilites:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(https://zyloggroup.com/wp-content/uploads/2026/05/bg-img-rotated.jpg);
    left: 0;
    top: 0;
    z-index: -1;
    filter: grayscale(1);
    background-repeat:no-repeat;
}
.vision-card{
border-radius: 20px;
border: 1px solid rgba(255, 255, 255, 0.10);
background: rgba(255, 255, 255, 0.05);
box-shadow: 0 4px 50px 0 rgba(241, 97, 71, 0.15);
}
/* Cards 1 and 3 — move down */
.materialsCard:nth-child(1),
.materialsCard:nth-child(3) {
  animation: floatDown 5s ease-in-out infinite;
}

/* Cards 2 and 4 — move up */
.materialsCard:nth-child(2),
.materialsCard:nth-child(4) {
  animation: floatUp 5s ease-in-out infinite;
}

@keyframes floatDown {
  0%, 100% { transform: translateY(-30px); }
  50%       { transform: translateY(30px); }
}

@keyframes floatUp {
  0%, 100% { transform: translateY(30px); }
  50%       { transform: translateY(-30px); }
}
.year-strap{
    border-radius: 20px 0 0 20px;
    border-left: 1px solid rgba(241, 97, 71, 0.20);
    background: linear-gradient(180deg, rgba(241, 97, 71, 0.05) 0%, rgba(153, 153, 153, 0.05) 100%);
    backdrop-filter: blur(10px);
    padding: 0 20px;
}
.year-strap .year{
    font-size: 44px;
    font-weight:400;
}
.g-0{
    gap: 0;
}
.gap-14{
  gap:14px  
}
.gap-44{
    gap:44px
}
.legacy-description {
    border-radius: 0 20px 20px 0;
    border: 1px solid rgba(241, 97, 71, 0.20);
    background: linear-gradient(180deg, rgba(241, 97, 71, 0.05) 0%, rgba(153, 153, 153, 0.05) 100%);
    backdrop-filter: blur(10px);
    padding: 24px 36px;
}
.foundersCard{
border-radius: 20px;
border: 1px solid rgba(241, 97, 71, 0.20);
background: linear-gradient(95deg,  rgba(23, 23, 23, 0.20) 1.74%,  rgba(45, 45, 45, 0.20) 100%);
backdrop-filter: blur(10px);
padding:36px;
}
.recycleCard{
    border-radius: 20px;
border: 1px solid rgba(241, 97, 71, 0.20);
background: linear-gradient(180deg, rgba(241, 97, 71, 0.05) 0%, rgba(153, 153, 153, 0.05) 100%);
backdrop-filter: blur(10px);
padding: 20px;
}
.managmentCard{
       border: 1px solid rgba(241, 97, 71, 0.20);
    background: linear-gradient(180deg, rgba(241, 97, 71, 0.05) 0%, rgba(153, 153, 153, 0.05) 100%);
    backdrop-filter: blur(10px);
    border-radius:20px;
     padding: 36px;
     height:100%;
}
.recycleCard .imageBox img{
    border-radius:20px;
}
.foundersCard .imageBox img,
.managmentCard .imageBox img{
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    border-right:none;
    background:  #2D2D2D;
    width: 250px;
    height: 250px;
}
.milestone-sticky {
    position: sticky;
    top: 0;
    z-index: 99;
    background: #0f0f0f;
    padding-bottom: 20px;
    padding-top:20px;
}
.bgimg-gradient{
    background: linear-gradient(270deg, #090909 47.15%, rgba(9, 9, 9, 0.00) 100%), url(https://zyloggroup.com/wp-content/uploads/2026/06/vectorImg-scaled.webp) lightgray 50% / cover no-repeat;
}
.hexagonalWrapper-icon{
    position: absolute;
    top: 35%;
    left: -5%;
    margin-top: 0;
}
.hexagonalWrapper-iconright{
    position: absolute;
    top: 51%;
    right: -12%;
    margin-top: 0;
}
.hexagonalWrapper-iconright img{
    display: block;
    animation: scaledown 3s ease-in-out infinite;
    transform-origin: center;
}
.hexagonalWrapper-icon img {
    display: block;
    animation: pulseScale 3s ease-in-out infinite;
    transform-origin: center;
}
.position-relative{
    position:relative;
}
@keyframes scaledown {
      0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.7);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes pulseScale {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.35);
    }
    100% {
        transform: scale(1);
    }
}
.principlescard{
    border-radius: 20px;
    border: 1px solid rgba(241, 97, 71, 0.20);
    background: linear-gradient(180deg, rgba(241, 97, 71, 0.05) 0%, rgba(153, 153, 153, 0.05) 100%);
    padding: 10px 20px;
}
.work-Cards{
    border-radius: 20px;
    border: 1px solid rgba(241, 97, 71, 0.20);
    background: linear-gradient(180deg, rgba(241, 97, 71, 0.05) 0%, rgba(153, 153, 153, 0.05) 100%);
    padding: 24px 36px;
    height: 100%;
}
.grey-scale-1 img{
    filter: grayscale(1);
}
.get-you-invite-modal-wapper {
    max-width: 510px;
    border-radius: 20px;
    border: 1px solid rgba(241, 97, 71, 0.20);
    background: linear-gradient(180deg, rgba(241, 97, 71, 0.20) 0%, rgba(153, 153, 153, 0.20) 100%);
    backdrop-filter: blur(20px);
    padding: 44px;
    margin: 0 auto;
    width:100%;
    pointer-events:auto;
}
#flex-block-modal-wapper {
    pointer-events: none;
}
.contact-form-row.options,
.contact-form-row span.wpcf7-form-control-wrap input[type="text"],
.contact-form-row span.wpcf7-form-control-wrap input[type="email"],
.contact-form-row textarea.wpcf7-form-control.wpcf7-textarea
 {
    width: -webkit-fill-available;
}

.contact-form-row span.wpcf7-form-control-wrap input,
.contact-form-row textarea.wpcf7-form-control.wpcf7-textarea {
    border-radius: 10px;
    border:  1px solid rgba(241, 97, 71, 0.40);
    padding: 12px 16px;
    background: linear-gradient(180deg, rgba(241, 97, 71, 0.05) 0%, rgba(153, 153, 153, 0.05) 100%);
    backdrop-filter: blur(10px);
    color:var(--colorWhite);
}
.contact-form-row span.wpcf7-form-control-wrap input::placeholder {
    color: var(--colorgrey);
}
label.contact-form-row {
    line-height: 35px;
    color: var(--colorgreytint);
}
#close-wapper-button {
                position: absolute;
                cursor: pointer;
                z-index: 9;
                top: 0;
                right: 0px;
            }
#close-wapper-button svg{
       background: #f1614766;
    padding: 5px;
    border-radius: 0 15px;
   }   
 #close-wapper-button svg path{
       stroke:var(--colorWhite);
   }
input.wpcf7-form-control.wpcf7-submit.has-spinner {
    border-radius: 50px;
    border: 1px solid var(--color-primary);
    background: linear-gradient(180deg, var(--color-primary) 0%,  #C9513B 100%);
    box-shadow: 0 10px 24.1px 0 rgba(241, 97, 71, 0.20);
    padding: 10px 20px;
    color: var(--colorWhite);
    font-size: 16px;
    font-weight:300;
}
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content{
    outline:none;
}

/*.navigation-row {*/
/*    transition: backdrop-filter 0.3s ease;*/
/*}*/



@media (min-width: 320px) and (max-width: 767px) {
    .get-you-invite-modal-wapper{
        width:94%;
        padding:24px;
    }
    /*.wp-block-navigation__responsive-container{*/
    /*    z-index:999;*/
    /*}*/
    .navigation-row {
    background: rgba(28, 28, 28);
    backdrop-filter:unset;
}
    .navigation-row.scrolled {
    backdrop-filter: blur(7.5px);
    -webkit-backdrop-filter: blur(7.5px);
    background-color:rgba(28, 28, 28, 0.40);
}
.materialsCard{
    animation:unset !important;
}
.fs-72.lh-72{
    line-height:normal;
}
.py-100{
    padding-top: 50px;
    padding-bottom: 50px;
}
.heroBanner:before,
.heroBanner:after{
    width:150px;
    height:150px;
    filter: blur(250px);
}
.getintouchCta{
    display:none !important;
}

    .ring-1 { height: 120px !important;  }
    .ring-2 { height: 190px !important;  }
    .ring-3 { height: 240px !important;  }
    .ring-4 { height: 290px !important;  }
    .ring-5 { height: 360px !important;  }
    
    .animation-wrapper {
    width: 250px !important;
    height: 200px !important;
}
.heroanimate-video{
    position:relative;
    top:10%;
    right:0;
    left:10%;
}
.center-logo{
    width:70px !important;
    height:70px !important;
}
.heroBanner .left-col{
    margin-top: 100px;
}
.custom-logo{
    width:140px;
}
.slides{
    min-height:240px;
}
.heroanimate-video:after{
    background:unset;
}
.heroBanner{
    padding-bottom:60px;
}
.vision-card{
    padding: 14px;
    flex-direction:column;
}
.vision-card .wp-block-image img{
    border-radius:25px;
}
}

    /*style.css*/