/*  :root{*/
 
/*    --w: 320px;*/
 
/*    --h: 40px;*/
 
    --dur: 8s; /* total cycle (4 items * visible time each). Change if needed */
 
/*  }*/
  
/*  .viewport{*/
 
/*    width:var(--w);*/
 
/*    height:var(--h);*/
 
    perspective:1000px; /* gives 3D depth for rotateX */
 
/*  }*/
/*  .stack{*/
 
/*    position:relative;*/
 
/*    width:100%;*/
 
/*    height:100%;*/
 
/*    transform-style:preserve-3d;*/
 
/*    overflow:visible;*/
 
/*  }*/
/*  .face{*/
 
/*    position:absolute;*/
 
/*    inset:0;*/
 
/*    display:flex;*/
 
/*    align-items:center;*/
 
/*    justify-content:flex-start;*/
 
/*    font-size:10px;*/
    
/*    font-family: 'Instrument Sans' !important;*/
    
/*    color: #2A4B5C !important;*/
 
/*    font-weight:600;*/
 
    backface-visibility:hidden; /* important for clean flip */
 
/*    transform-origin:center;*/
 
/*    opacity:0;*/
 
    transform: rotateX(90deg); /* start hidden (facing away) */
 
    /* same animation for all; staggered by animation-delay */
 
/*    animation: flip var(--dur) linear infinite;*/
 
/*    animation-fill-mode: both;*/
 
/*  }*/
  /* stagger delays so the four faces show one after another */
 
  .face:nth-child(1){ animation-delay: 0s;     }  /* HVAC */
 
  .face:nth-child(2){ animation-delay: -2s;    }  /* HDNS */
 
  .face:nth-child(3){ animation-delay: -4s;    }  /* HKDJS */
 
  .face:nth-child(4){ animation-delay: -6s;    }  /* JFSXKL */
  /* keyframes: each face flips in, stays, then flips out and stays hidden */
 
/*  @keyframes flip{*/
 
    0%   { opacity:0; transform: rotateX(90deg); }       /* hidden, up */
 
    6.25%{ opacity:1; transform: rotateX(0deg); }        /* flip in -> visible */
 
    18.75%{opacity:1; transform: rotateX(0deg); }        /* stay visible */
 
    25%  { opacity:0; transform: rotateX(-90deg); }      /* flip out -> hidden */
 
    100% { opacity:0; transform: rotateX(-90deg); }      /* remain hidden rest of cycle */
 
/*  }*/
  /* small responsive tweak */
 
/*  @media (max-width:420px){*/
 
/*    :root{ --w: 90vw; --h: 110px; }*/
 
/*    .face{ font-size:28px; }*/
 
/*  }*/



/*.instrument-sans-<uniquifier> {*/
/*  font-family: "Instrument Sans";*/
/*  font-optical-sizing: auto;*/
/*  font-weight: <weight>;*/
/*  font-style: normal;*/
/*  font-variation-settings:*/
/*    "wdth" 100;*/
/*}*/


/*.signature-container {*/
/*    max-width: 475px;*/
/*    padding: 20px 0px 0px 20px;*/
/*    border-radius: 8px;*/
/*    box-sizing: border-box;*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*    flex-wrap: wrap;*/
/*    gap: 0px !important;*/
/*    background: url(./images/bg.svg);*/
/*    background-size: contain;*/
/*    background-repeat: no-repeat;*/
/*}*/

/*.name {*/
/*    font-size: 16px !important;*/
/*    margin: 0px;*/
/*    font-family: "instrument sans";*/
/*    font-weight: 700;*/
/*    color: #2A4B5C;*/
/*}*/

/*.info-socialicons {*/
/*    display: flex;*/
/*    padding-right: 20px;*/
/*}*/

/*.signature-left {*/
/*    width: 30% !important;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    justify-content: space-between;*/
/*}*/

/*.signature-right {*/
/*    width: 70%;*/
/*}*/

/*.post {*/
/*    font-size: 7px;*/
/*    font-weight: 400;*/
/*    font-family: 'Instrument Sans';*/
/*    color: #2A4B5C;*/
/*}*/
/*.information {*/
/*    font-size: 5px !important;*/
/*}*/


/*.logos-slider {*/
/*    width: 100%;*/
/*}*/

/*.social-icons {*/
/*    display: flex;*/
/*    gap: 5px;*/
/*    flex-direction: row;*/
/*    align-items: flex-start;*/
/*}*/

/*.info {*/
/*    width: 100%;*/
/*    padding: 5px 5px 20px 14px;*/
/*    border-left: 1px solid #2A4B5C;*/
/*}*/

/*.social-icons i {*/
/*    font-size: 6px;*/
/*    border-radius: 20px;*/
/*    background: #2A4B5C !important;*/
/*    width: 12px;*/
/*    height: 12px;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    cursor: pointer;*/
/*    color: #fff !important;*/
/*}*/

/*.\32 5years {*/
/*    text-align: center;*/
/*}*/

/*.\32 5years img {*/
/*    width: 40%;*/
/*}*/

/*.logo {*/
/*    padding-right: 14px;*/
/*}*/

/*.\32 5years {*/
/*    padding-right: 14px;*/
/*    padding-bottom: 20px;*/
/*}*/

/*.logos-slider {*/
/*    width: 216px;*/
/*    padding-left: 14px;*/
/*}*/

/*.contact-bar {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    gap: 12px;*/
/*    font-size: 14px;*/
/*    white-space: nowrap;*/
/*    height: 36px;*/
/*    justify-content: center;*/
/*}*/

/*.contact-item {*/
/*    display: inline-flex;*/
/*    align-items: center;*/
/*    gap: 4px;*/
/*    text-decoration: none;*/
/*    position: relative; */
/*}*/

/*  .contact-item:not(:last-child)::after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    right: -6px;*/
/*    height: 10px;*/
/*    width: 1px;*/
/*    background: #fff !important;*/
/*    transform: translateX(50%);*/
/*}*/

  /* icon styling */
/*  .icon{*/
/*    width: 18px;*/
/*    height: 18px;*/
/*    fill: currentColor;*/
/*    flex-shrink: 0;*/
/*  }*/

/*.contact-text {*/
/*    display: inline-block;*/
/*    font-weight: 400;*/
/*    font-size: 6px;*/
/*    line-height: 1;*/
/*    color: #fff !important;*/
/*    font-family: 'Instrument Sans';*/
/*}*/

/*.logos-slider {*/
/*    display: flex !important;*/
/*    align-items: center !important;*/
/*    justify-items: center !important;*/
/*    flex-direction: row !important;*/
/*    flex-wrap: nowrap !important;*/
/*    margin-bottom: 10px !important;*/
/*}*/



/*  .blue-bar {*/
/*    background: #2a4b5c;*/
/*    border-radius: 50px 0px 0px 0px;*/
/*}*/


/*.social-icons i:hover {*/
/*    color: #2A4B5C !important;*/
/*    background: #fff !important;*/
/*    transition: 0.3s;*/
/*}*/



/*ANIMATIONS*/


/*.fade-in-left {*/
/*  opacity: 0;*/
/*  transform: translateX(-40px);*/
/*  animation: fadeInLeft 1s ease-out forwards;*/
/*}*/

/*@keyframes fadeInLeft {*/
/*  from {*/
/*    opacity: 0;*/
/*    transform: translateX(-40px);*/
/*  }*/
/*  to {*/
/*    opacity: 1;*/
/*    transform: translateX(0);*/
/*  }*/
/*}*/

/*.fade-in-up {*/
/*  opacity: 0;*/
/*  transform: translateY(30px);*/
/*  animation: fadeInUp 1s ease-out forwards;*/
/*}*/

/*@keyframes fadeInUp {*/
/*  from {*/
/*    opacity: 0;*/
/*    transform: translateY(30px);*/
/*  }*/
/*  to {*/
/*    opacity: 1;*/
/*    transform: translateY(0);*/
/*  }*/
/*}*/



/*@media (max-width: 768px) {*/

/*.signature-container {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    width: 100% !important;*/
/*}*/

/*.signature-left {*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*    width: 100% !important;*/
/*}*/

/*.signature-right {*/
/*    width: 100% !important;*/
/*}*/

/*.name {*/
/*    font-size: 13px !important;*/

/*}*/

/*.contact-text {*/
/*    font-size: 6px !important;*/
/*}*/

/*.contact-item:not(:last-child)::after {*/
 
/*    right: -5px;*/
 
/*}*/
/*}*/