/*
Theme Name: Hello Elementor Child

Template: hello-elementor

*/

* {
  margin: 0;
  cursor: none;
}

body{
     overflow-x: hidden;
}
h1,h2,h3,h4,h5,h6,p,a,span{
        font-family: var(--e-global-typography-primary-font-family), Sans-serif !important;
}

/*@keyframes morphCursor {*/
/*    0% {*/
/*        d: path("M 10 2 A 8 8 0 1 1 9.999 2 Z");*/
/*    }*/
/*    100% {*/
/*        d: path("M19.3739,3.29215 C20.1795,3.09074 20.9092,3.82047 20.7078,4.62609 L19.6027,9.0464 C19.3829,9.92556 18.9284,10.7285 18.2876,11.3693 L13.707,15.9498 L13.707,18.1569 C13.707,18.5547 13.549,18.9362 13.2677,19.2176 L11.5381,20.9472 C10.9394,21.5459 9.93614,21.3893 9.54301,20.6468 C9.28775,20.1647 8.78526,19.2588 8.20129,18.3979 C8.10369,18.643 7.95568,18.8727 7.75728,19.0711 C6.97623,19.8522 3.69141,20.6621 3.51464,20.4853 C3.33786,20.3086 4.1478,17.0238 4.92885,16.2427 C5.12726,16.0443 5.35698,15.8963 5.6021,15.7987 C4.74122,15.2147 3.8353,14.7122 3.35319,14.4569 C2.61069,14.0638 2.45409,13.0606 3.05279,12.4619 L4.7824,10.7323 C5.06371,10.451 5.44524,10.2929 5.84306,10.2929 L8.05017,10.2929 L12.6307,5.7124 C13.2715,5.07161 14.0744,4.61701 14.9536,4.39722 L19.3739,3.29215 Z M17.3772,9.28575 C17.1247,8.80297 16.762,8.27693 16.2425,7.7575 C15.7231,7.23804 15.197,6.87535 14.7142,6.62278 C14.4697,6.75799 14.2443,6.92731 14.0449,7.12665 L13.059,8.1126 C13.4571,8.21308 14.129,8.47241 14.8283,9.17171 C15.5276,9.87096 15.7869,10.5429 15.8874,10.941 L16.8733,9.95508 C17.0727,9.75573 17.242,9.53022 17.3772,9.28575 Z");*/
/*    }*/
/*}*/

#cursor {
  position: fixed;
  top: -10px;
  left: -10px;
  width: 20px;
  height: 20px;
  color: black;
  /*border-radius: 50%;*/
  pointer-events: none;
  /*transition-duration: 400ms;*/
  z-index: 9999999999;
}

/*#cursor svg path {*/
/*    fill: #3b82f6;*/
/*    transition-duration: 2s;*/
/*}*/

#cursor svg {
    width: 20px;
    height: 20px;
    /*vertical-align: middle;*/
    transition-duration: 700ms;
}

#cursor-border {
  --size: 30px;
  /*transition-duration: 400ms;*/
  position: fixed;
  top: calc(var(--size) / -2);
  left: calc(var(--size) / -2);
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  box-shadow: 0 0 0 1px black;
  pointer-events: none;
  transition: top 0.07s ease-out, left 0.07s ease-out, width 0.15s ease-out,
    height 0.15s ease-out, background-color 0.15s ease-out;
  z-index: 9999999999;
}

body:has(.dark-sec:hover) #cursor {
    color: white;
}

body:has(.dark-sec:hover) #cursor-border {
    box-shadow: 0 0 0 1px white;
}

body:has(header#masthead.scrolled:hover, .light-sec:hover) #cursor {
    color: black;
}

body:has(header#masthead.scrolled:hover, .light-sec:hover) #cursor-border {
    box-shadow: 0 0 0 1px black;
}

body:has(h1:hover) #cursor-border {
    box-shadow: 0 0 0 1px #000000 !important;
    mix-blend-mode: difference;
    --size: 70px !important;
    background-color: #fff;
}

body:has(h2:hover) #cursor-border {
    box-shadow: 0 0 0 1px #000000 !important;
    mix-blend-mode: difference;
    --size: 50px !important;
    background-color: #fff;
}

body:has(.qtm-cursor.cursor-diff-cta:hover) #cursor-border {
    background-color: white;
    mix-blend-mode: difference;
    --size: 50px;
}

/*body:has(a:hover) #cursor svg path {*/
/*    transition-duration: 2s;*/
/*    animation: morphCursor 2s forwards;*/
    /*d: path('M19.3739,3.29215 C20.1795,3.09074 20.9092,3.82047 20.7078,4.62609 L19.6027,9.0464 C19.3829,9.92556 18.9284,10.7285 18.2876,11.3693 L13.707,15.9498 L13.707,18.1569 C13.707,18.5547 13.549,18.9362 13.2677,19.2176 L11.5381,20.9472 C10.9394,21.5459 9.93614,21.3893 9.54301,20.6468 C9.28775,20.1647 8.78526,19.2588 8.20129,18.3979 C8.10369,18.643 7.95568,18.8727 7.75728,19.0711 C6.97623,19.8522 3.69141,20.6621 3.51464,20.4853 C3.33786,20.3086 4.1478,17.0238 4.92885,16.2427 C5.12726,16.0443 5.35698,15.8963 5.6021,15.7987 C4.74122,15.2147 3.8353,14.7122 3.35319,14.4569 C2.61069,14.0638 2.45409,13.0606 3.05279,12.4619 L4.7824,10.7323 C5.06371,10.451 5.44524,10.2929 5.84306,10.2929 L8.05017,10.2929 L12.6307,5.7124 C13.2715,5.07161 14.0744,4.61701 14.9536,4.39722 L19.3739,3.29215 Z M17.3772,9.28575 C17.1247,8.80297 16.762,8.27693 16.2425,7.7575 C15.7231,7.23804 15.197,6.87535 14.7142,6.62278 C14.4697,6.75799 14.2443,6.92731 14.0449,7.12665 L13.059,8.1126 C13.4571,8.21308 14.129,8.47241 14.8283,9.17171 C15.5276,9.87096 15.7869,10.5429 15.8874,10.941 L16.8733,9.95508 C17.0727,9.75573 17.242,9.53022 17.3772,9.28575 Z')*/
/*}*/

/*========================*/

.gradient-background {
  background: linear-gradient(45deg,#FF5A00,#1E4EC4,#FF5A00);
  background-size: 180% 180%;
  animation: gradient-animation 4s ease infinite;
}

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

/*==================*/

.inner_span{
    color:#FF5A00;
}
.get-btn .elementor-button-icon svg {
    width: 22px;

}
.get-btn span.elementor-button-content-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.get-btn  span.elementor-button-icon {
    display: flex;
}

canvas {
  display: block;
  vertical-align: bottom;
  /*transform: translateX(0%) !important;*/

}

.border-box  {
    max-height:70px !important;
}


.height_innovator{
    max-height:300px !important;
    height:100%;
}

.height_innovator  img{
    height:100% !important;
}
/* ---- particles.js container ---- */
 #particles-js canvas, #particles-js2 canvas, #particles-js3 canvas,#particles-js4 canvas{
  position: absolute;
  top:-45px;
  left:0;
  width: 100%;
  height: 100%;
  z-index:1;
}

.banner-span{
    color:#FF5A00;
    font-weight:800;
}
.mrb-waves .mrb-waves-prl>use:nth-child(4){
    fill: #010d2b !important;
}


.mrb-waves-svg{
        height: 90px;
    width: 100%;
    margin-bottom: -8px;
}
.news-sec .elementor-image-box-img img{
    border-radius: 62px 0 62px 0 !important;
    padding: 6px;
    position: relative;
    right: 35px;
}
.news-sec  .elementor-widget-image-box .elementor-image-box-content{
    padding:0 20px;
}

.stcky-header{
      background: #010d2b;
       position: sticky;
    top: 0;
      z-index: 1000; 
      padding: 10px 0;
      
}
/*.sticky-header {*/
/*    position: sticky;*/
/*    top: 0;*/
/*    background: #010d2b;*/
/*    color: #fff;*/
/*    padding: 10px 0;*/
/*    text-align: center;*/
   /* z-index: 1000; */
/*}*/


.earth-img {
    position:relative;
}
.rocket-round {
    position: absolute;
       top: 8%;
    left: 38%;
    transform: translate(-50%, -50%);
    width:20% !important;
    padding-top: 65%;
    animation: rotate 5s linear infinite;
   
}

.border-slickpress{
    border-width:2px !important;
    border-top:0 !important;
    border-right:0 !important;
}


.left-space .slick-track {
    display: flex;
    gap: 40px;
    padding: 40px 0;
}

.left-space .slick-dots li button:before{
        color: #FF5A00;
            font-size: 14px;
}

.visit_margin{
    margin-right:-55%;
}



.visit_margin  .slick-dots li.slick-active button:before{
    color:#FF5A00;
}

.left-space [type=button]:focus,
.left-space [type=button]:hover,
.left-space [type=submit]:focus,
.left-space [type=submit]:hover,
.left-space button:focus, 
.left-space button:hover{
background-color:transparent !important;    
}

.left-space .slick-dots{
    bottom: -50px !important;
    /*left: 0% !important;*/
}

.left-space .slick-slide {
    margin: 0 10px;
}


@keyframes rotate{
  15% {
    transform: rotate(250deg);
    padding-top: 55%;
  }

  30% {
    transform: rotate(180deg);
    padding-top: 45%;
  }

  50% {
    transform: rotate(110deg);
    padding-top: 40%;
  }

  75% {
    transform: rotate(90deg);
    padding-top: 30%;
  }

  100% {
    transform: rotate(60deg);
    padding-top: 15%;
  }
}



	.blog-main-inner {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		gap: 100px;
	}


.blog-inner-img {
    width: 125%;
    right: 15%;
    position: relative;
}

	.blog-inner-img img {
		border: 1px dashed #FF5A00 !important;
		border-width: 2.5px !important;
		padding: 5px;
		border-radius: 70px 0 70px;
		/*min-width: 115%;*/
		/*position: relative;*/
		/*right: 15%;*/
			min-width: 95%;
	}

	.blog-inner-sec {
		box-shadow: 3px 7px 21.5px -12px rgba(0, 0, 0, 1);
		border-radius: 50px 0 50px 0;
		padding: 25px;
	}
	
	.blog-heading a{
	    color:#000;
	}
	
	
    .container {
        max-width: 1390px;
        width: 100%;
        margin: 0 auto;
    
    }

    .studies-inner {
        position: relative;
    }

    .studies-text {
        position: absolute;
        top: 0;
        padding: 20px 30px;
    }

    .studies-main {
        /*display: flex;*/
        /*justify-content: space-between;*/
        /*gap: 30px;*/
        
        display: grid;
      grid-template-columns: repeat(auto-fit, 320px);
      grid-gap: 1rem;
    }

    .studies-inner {
        width: 33.33%;
        border: 1px solid #FF5A00;
        padding: 5px;
        border-radius: 70px 0;
    }


.left-space .slick-current {
    position: relative;
    z-index:111 !important; 
}

.left-space .slick-current:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff !important;
    height:96%;
    width:96%;
    border-radius:20px 20px 20px 20px !important;
    z-index:-9 !important; 
    margin:auto;
    
}

.left-space .slick-slide {
    background: transparent; 
    transition: background 2s ease; 
}

.left-space .slick-current {
    /*background: #1e4ec4 !important;*/
    height: 110%;
    margin: 10px;
    border-radius: 80px 20px 80px 20px;
    
    background: linear-gradient(45deg,#FF5A00,#1e4ec4,#FF5A00);
  background-size: 180% 180%;
  animation: gradient-animation 7s ease infinite;
  transform: scale(1.15);
}

.date-blog p{
    margin:0;
    padding:25px 0 10px 0;
        font-size: 16px;
    line-height: 20px;
}

.footer_icon_before{
    color:#fff !important;
        position: relative;
}

/*.footer_icon_before:before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    bottom: -8px;*/
/*    left: 40%;*/
/*    height: 2px;*/
/*    background-color: #FF5A00;*/
/*    width: 20%;*/
/*}*/
.footer_icon_before {
    position: relative;
}

.footer_icon_before:before {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 2px;
    background-color: #FF5A00;
    width: 40%;
    transition: transform 0.3s ease, width 0.3s ease;
    transform-origin: center;
    transform: scaleX(1);
}

.footer_icon_before:hover:before {
    width: 100%;
}


.work_tab .nav-tabs li{
    margin-bottom:20px !important;
}


.product_sec .elementor-image-box-content {
    padding:  25px;
    display: inline-block;
    border: 1px solid #1E4EC4;
    border-width: 1px 1px 0 0;
    border-radius: 0 50px 50px 0;
}

.product_sec1 .elementor-image-box-content{
     border: 1px dashed  #FF5A00;
     border-width: 1px 1px 0 0;
     margin-right:10px;
     width: 97% !important;
}
.product_sec figure.elementor-image-box-img {
    padding-left: 20px;
}

.footer-page-link{
    color:#6B6385;
    font-size:16px !important;
}



/* Button Hover Effect */

.btn-before a.elementor-button.elementor-button-link.elementor-size-sm:after {
    content: "";
    width: 110%;
    height: 100%;
    background: #1e4ec4;
    top: 0;
    left:0;
    z-index: 19;
    transition: 1s all;
    position: absolute;
    border-radius: 40px;
}

.btn-before a.elementor-button.elementor-button-link.elementor-size-sm {
    position: relative;
    transition: 1s all ;
    overflow: hidden;
}

.btn-before a.elementor-button.elementor-button-link.elementor-size-sm:hover:after {
    left: -110%;
}

.btn-before span.elementor-button-text {
    position: relative;
    z-index: 99;
}

/* End of Button Hover Effect */




/*.studies-inner {*/
/*  position: relative;*/
/*  overflow: hidden;*/
/*  display: inline-block;*/
/*  width: 100%;*/
/*}*/

/*.studies-inner img {*/
/*  width: 100%;*/
/*  height: auto;*/
/*  display: block;*/
/*  transition: transform 0.5s ease;*/
/*}*/

/*.studies-text {*/
/*  position: absolute;*/
/*  top: 0%;*/
/*  left: 0%;*/
/*  transform: translate(0%, 0%);*/
/*  color: #fff;*/
/*  z-index: 2;*/
/*  pointer-events: none;*/
/*  transition: transform 0.6s ease, opacity 0.6s ease;*/
/*  width: 100%;*/
/*  text-align: left;*/
/*  opacity: 1;*/
/*}*/

/*.studies-inner:after {*/
/*  content: "";*/
/*  position: absolute;*/
/*  top: 0;*/
/*  left: 0;*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  background: rgba(0, 0, 0, 0.2);*/
/*  backdrop-filter: blur(5px);*/
/*  opacity: 0;*/
/*  transition: opacity 0.6s ease;*/
/*  z-index: 1;*/
/*}*/

/*.studies-inner:hover img {*/
/*  transform: scale(1.1);*/
/*}*/

/*.studies-inner:hover:after {*/
/*  opacity: 1;*/
/*}*/

/*.studies-inner:hover .studies-text {*/
/*  transform: translate(-50%, -50%);*/
/*  text-align: center;*/
/*  opacity: 1;*/
/*  animation: moveToBoxCenter 1s ease-out forwards;*/
/*}*/

/*@keyframes moveToBoxCenter {*/
/*  0% {*/
/*    top: 0%;*/
/*    left: 0%;*/
/*    transform: translate(0%, 0%);*/
/*  }*/
/*  100% {*/
/*    top: 50%;*/
/*    left: 50%;*/
/*    transform: translate(-50%, -50%);*/
/*  }*/
/*}*/




.studies-inner {
  position: relative;
  overflow: hidden;
  display: inline-block;
  width: 100%;
}

.studies-inner img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 70px 0;
  transition: transform 0.6s ease-in-out;
}

.studies-text {
  position: absolute;
  top: 0%; /* Initially at the top */
  left: 50%;
  transform: translate(-50%, 0%);
  color: #fff;
  z-index: 2;
  pointer-events: none;
  transition: top 0.8s ease-in-out, transform 0.8s ease-in-out, opacity 1s ease;
  width: 80%;
  text-align: center;
  opacity: 0;
}

.studies-text h4 {
    font-size: 1.2em;
}

.studies-inner:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(5px);
  opacity: 0;
  transition: opacity 0.8s ease-in-out;
  z-index: 1;
}

.studies-inner:hover img {
  transform: scale(1.1);
}

.studies-inner:hover:after {
  opacity: 1;
}

.studies-inner:hover .studies-text {
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 1;
}

.studies-text svg {
    margin-top: 10px;
	opacity: 0;
	transition-duration: 2s;
}

.studies-inner:hover .studies-text svg {
	opacity: 1;
}







/*contact-page hover-line*/

.contact-before-line .elementor-icon-list-text{
    position:relative;
}

.contact-before-line .elementor-icon-list-text:before{
    content:"";
    position:relative;
}
.contact-before-line .elementor-icon-list-text {
    position: relative;
}

.contact-before-line .elementor-icon-list-text:before {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 5px; 
    width: 40px; 
    background: #FF5A00;
    height: 2px;
    transition: all 1s ease;
}

.contact-before-line .elementor-icon-list-text:hover:before {
    width: 100%; 
    
}

.slick-list.draggable 
{
  user-select: text;
}





/* card glob css */

   .global-container {
        position: absolute;
        z-index: 2;
        /*border: 1px solid green;*/
        left: 50%;
        top: 50%;
        transform: translate(-84%, -25%);
        width: 100%;
    }

    .ehf-header #masthead {
        position: fixed;
        top: 0;
        left: 0;
        width: -webkit-fill-available;
    }

    .stcky-header {
        background: #010d2b75;
    }
    
    @keyframes popup {
    0% {
        transform: scale(0);   
        opacity: 0;           
    }
    100% {
        transform: scale(1);  
        opacity: 1;           
    }
}

/* Keyframes for the popdown animation */
@keyframes popdown {
    0% {
        transform: scale(1);  
        opacity: 1;           
    }
    100% {
        transform: scale(0);  
        opacity: 0;           
    }
}

/* Initial state of the card (before animation starts) */
.init-card {
    transform: scale(0);
    opacity: 0;
    transition: none;
    -webkit-filter: drop-shadow(-25px -4px 4px rgba(0, 0, 0, 0.3));
    filter: drop-shadow(-25px -4px 4px rgba(0, 0, 0, 0.3));
}

/* When card is shown and hidden (no extra class needed) */
.show-card {
    animation: popup 1.5s ease-in-out forwards, popdown 2s ease-in-out 4s forwards; 
}

/* card glob css */


 .global-container {
        position: absolute;
        z-index: 2;
        /*border: 1px solid green;*/
        left: 50%;
        top: 50%;
        transform: translate(-84%, -25%);
        width: 100%;
    }

    /*.ehf-header #masthead {*/
    /*    position: fixed;*/
    /*    top: 0;*/
    /*    left: 0;*/
    /*    width: -webkit-fill-available;*/
    /*}*/

    /*.stcky-header {*/
    /*    background: #010d2b75;*/
    /*}*/
    
    @keyframes popup {
    0% {
        transform: scale(0);   
        opacity: 0;           
    }
    100% {
        transform: scale(1);  
        opacity: 1;           
    }
}

/* Keyframes for the popdown animation */
@keyframes popdown {
    0% {
        transform: scale(1);  
        opacity: 1;           
    }
    100% {
        transform: scale(0);  
        opacity: 0;           
    }
}

/* Initial state of the card (before animation starts) */
.init-card {
    transform: scale(0);
    opacity: 0;
    transition: none;
    -webkit-filter: drop-shadow(-25px -4px 4px rgba(0, 0, 0, 0.3));
    filter: drop-shadow(-25px -4px 4px rgba(0, 0, 0, 0.3));
}

/* When card is shown and hidden (no extra class needed) */
.show-card {
    animation: popup 1.5s ease-in-out forwards, popdown 2s ease-in-out 4s forwards; 
}


/* 10-12-2024 */

.platform-hover:hover .platform-hover-inner h3,.platform-hover:hover .platform-hover-inner p {
    color:#fff !important;
}


.latest-blog-left h2 a {
    font-size: 32px;
    font-weight: 700;

    
}


.latest-blog-right h4 a {
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
}

.blog-heading h3, .date-blog p{
margin:0 !important;
}

.blog-heading h3{
    font-size: 22px !important;
    line-height: 32px !important;
}



.mobile-btn a.elementor-button.elementor-button-link.elementor-size-sm {
    position: relative;
    display: flex;
    align-items: center;
}

.mobile-btn a.elementor-button.elementor-button-link.elementor-size-sm::before {
    content: "";
    background-image: url('https://www.quuantum.com/wp-content/uploads/2024/06/oie_transparent-1-1.svg');
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px; 
    height: 20px; 
    display: inline-block;
    margin-right: 4px; 
}

/* BLOG Image Animation */

.blog-inner-img {
    position: relative;
    overflow: hidden;
}

.blog-inner-img:after {
    content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 1;
    transition: height 600ms linear, background-color 600ms linear;
}

.blog-inner-sec:hover .blog-inner-img:after {
    height: 250%;
    background-color: transparent;
}




/* 404 page design */
section.page_404 {
    text-align: center;
    padding: 80px 10px;
    background:#fffdfd;
}

h1.text-center {
    margin: 0;
    padding-bottom: 30px;
}

a.link_404 {
    padding-bottom: 30px;
    display: inline-block;
    font-size: 18px;
    color: #000;
}

.contant_box_404 img {
    width: 55vw;
}


/* img hover iffect*/

.blog-inner-img {
    position: relative;
    overflow: hidden;
}

.blog-inner-img:after {
    content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 1;
    transition: height 600ms linear, background-color 600ms linear, opacity 600ms linear;
}

.blog-inner-sec:hover .blog-inner-img:after {
    height: 250%;
    opacity: 0; 
}




@media(max-width:767px){
	.blog-main-inner {
		grid-template-columns: 1fr;
		gap:30px;
		
	}
	            .studies-main {
        display: flex;
        justify-content: space-between;
            flex-wrap: wrap;
    }
            .studies-main {
            display: block;
        }

        .studies-inner {
            width: 100%;
        }
        
    .studies-inner{
        width:99%;
        margin-bottom: 20px;
    }

.left-space .slick-track{
    gap:0;
    padding:10px 0 80px 0;
}

.left-space .slick-dots {
    bottom: 30px !important;
    left: -4% !important;
}
.blog-inner-img {
    width: 118%;
    right: 9%;
}
.blog-inner-sec{
    padding-top:0;
}
.date-blog p{
    padding-top:10px;
}
}



@media (min-width : 768px) and (max-width : 1024px) {
        

	.blog-main-inner {
		grid-template-columns: 1fr 1fr;
		
	}
	            .studies-main {
        display: flex;
        justify-content: space-between;
            flex-wrap: wrap;
    }
    
    .studies-inner{
        width:47%;
    }
}

@media (min-width : 1390px) {
    .left-space .slick-dots{
        width: calc(95% - var(--c-margin-left));
    }
}


/*====================================*/

@keyframes moove-waver {
    0% {
        transform: translate3d(-90px,0,0)
    }

    100% {
        transform: translate3d(85px,0,0)
    }
}

.divider-waveform-reverse .mrb-waves svg {
    transform: rotate(180deg);
     margin-bottom: -15vh;
}

.mrb-waves {
    margin: 0 -10vh;
/*    margin-top: -15vh;*/
}

.mrb-waves .mrb-waves-svg {
    /*position: relative;*/
    /*width: 110%;*/
    /*height: 2vh;*/
    /*bottom: 5px;*/
    /*min-height: 60px;*/
    /*max-height: 60px*/
    
    width: 122%;
    height: 15vh;
}

 .mrb-waves .mrb-waves-prl>use {
    animation: moove-waver 25s cubic-bezier(.55,.5,.45,.5) infinite
}

 .mrb-waves .mrb-waves-prl>use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 7s
}

 .mrb-waves .mrb-waves-prl>use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 10s
}

 .mrb-waves .mrb-waves-prl>use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 13s
}

 .mrb-waves .mrb-waves-prl>use:nth-child(4) {
    animation-delay: -5s;
    animation-duration: 20s;
    fill: #FEF9F3
}

 .mrb-waves.mbr-no-animate .mrb-waves-prl>use {
    animation: none
}
/*=============================================*/

@keyframes dashMove {
    0% { stroke-dashoffset: 0; }
    100% { stroke-dashoffset: 20; }
}

.auto-svg-border {
    position: relative;
    /*display: block;*/
}

svg.border-svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 101%;
    pointer-events: none;
}

.border-svg path {
    fill: none;
    stroke: #FF5A00;
    stroke-width: 2;
    stroke-dasharray: 8 4;
    stroke-dashoffset: 0;
}

/*.auto-svg-border:hover path {*/
/*    animation: dashMove 0.5s infinite linear;*/
/*}*/
/*=========================================================*/

@keyframes blogBorderAnimate {
    0% { stroke-dashoffset: 0; }
    100% { stroke-dashoffset: 20; }
}

@keyframes blogBorderSvg {
    from { opacity: 0; height: 0; }
    to { opacity: 1; height: 100%; }
}

.blog-inner-sec, .blog-inner-img img, .blog-inner-img {
    transition-duration: 700ms;
}

.blog-inner-sec svg {
    opacity: 0;
    height: 0;
}

.blog-inner-sec svg path {
    stroke-width: 2px !important;
    stroke: #FF5A00 !important;
}

.blog-inner-sec:hover .blog-inner-img img {
    border-color: transparent !important;
    min-width: 100%;
}

.blog-inner-sec:hover .blog-inner-img {
    text-align: center;
    width: 100%;
    right: 0;
}

.blog-inner-sec:hover svg {
    animation: blogBorderSvg 500ms forwards;
}

.blog-inner-sec:hover path {
    animation: blogBorderAnimate 0.5s infinite linear;
    animation-delay: 600ms;
    animation-fill-mode: forwards;
}

/*======================================================*/
.work-features .auto-svg-border {
    position: absolute !important;
}

.work-features .work-feature:hover {
    transform: scale(1.05);
}

.contact-map-section:hover>div>div:first-child {
    transform: scale(1.05);
}

.contact-map-section:hover svg.border-svg path, .blog-hero-cards>div>div:hover svg.border-svg path,.work-features .work-feature:hover .auto-svg-border svg.border-svg path, .founder-note .auto-svg-border:hover svg.border-svg path, .border-slickpress:hover svg.border-svg path, .contact-card:hover svg.border-svg path, .about-hero-cards .auto-svg-border:hover svg.border-svg path, .service-list .auto-svg-border:hover svg.border-svg path {
    animation: blogBorderAnimate 0.5s infinite linear;
}

/*===============================*/
 header#masthead.scrolled {
     box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background-color: white;
    /* transform: scale(0.9); */
    /* border-radius: 30px; */
}

header#masthead.scrolled .stcky-header {
   padding: 5px 0;
   background-color: white;
   --e-global-color-primary: black;
}

header#masthead .hfe-site-logo-img {
    width: 280px;
}

header#masthead .hfe-site-logo-img, header#masthead {
   transition-duration: 700ms;
}
header#masthead.scrolled .hfe-site-logo-img {
   transform: scale(0.7);
}

header#masthead.scrolled svg.hfe-site-logo-img path#path2 {
    fill: #242424;
}

.clients-logos img {
    filter: brightness(0) invert(1);
}

/*=================*/
.qtm-product a {
    font-size: inherit;
    font-weight: inherit;
}

.qtm-product h3 a:after {
    content: ' ';
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 1px;
    background-color: #FF5A00;
    width: 1px;
    transition: width 0.3s ease;
    display: block;
}

.qtm-product:hover h3 a:after {
    width: 100px;
}

/*==================*/
.scene-container canvas+div {
    pointer-events: all !important;
}