/* Custom CSS */

/* ELEMENTOR CUSTOM COLUMN STRUCTURE */

body:not(.elementor-editor-active) .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-elemetf-populated {
    padding: 0;
  }
  
  body.single-elementor_library.elementor-editor-active #tf-footer,
  body.single-elementor_library.elementor-editor-active .digilab-main-header {
    display : none;
  }

  .elementor-widget:not(:last-child) {
      margin-bottom: 0;
  }
  .elementor-widget-heading .elementor-heading-title {
      line-height: 1.2;
  }
  .elementor-editor-active .loading {
    display : none!important;
  }
  
  .tf-structure .elementor-row {
    flex-wrap : wrap;
  }
  
  .header.digilab_nav .header_inner {
    display     : flex;
    position    : relative;
    align-items : center;
  }

  /* Start admin bar navbar menu */

  .admin-bar nav:not(.no-background).navbar.bootsnav.navbar-fixed {
    top: 32px;
  }

  .admin-bar nav.navbar.bootsnav.sticked {
    top: 32px;
  }
  
  @media (max-width: 782px) {
    .admin-bar nav:not(.no-background).navbar.bootsnav.navbar-fixed {
        top: 46px;
    }
    
    .admin-bar nav.navbar.bootsnav.sticked {
        top: 46px;
    }
  }

  @media (max-width: 600px) {
    .admin-bar nav:not(.no-background).navbar.bootsnav.navbar-fixed {
        top: 0;
    }
    
    .admin-bar nav.navbar.bootsnav.sticked {
        top: 0;
    }
  }

  /* End admin bar navbar menu */
  
  /* section padding */
  
  .digilab-gap-wider.section.is-sm {
      padding-top: 30px;
      padding-bottom: 30px;
  }
  .digilab-gap-wide.section.is-sm {
      padding-top: 40px;
      padding-bottom: 40px;
  }
  .digilab-gap-extended.section.is-sm {
      padding-top: 45px;
      padding-bottom: 45px;
  }
  .digilab-gap-default.section.is-sm {
      padding-top: 50px;
      padding-bottom: 50px;
  }
  .digilab-gap-narrow.section.is-sm {
      padding-top: 55px;
      padding-bottom: 55px;
  }
  @media
    (min-width : 768px) {
    .digilab-gap-wider.section.is-sm {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .digilab-gap-wide.section.is-sm {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .digilab-gap-extended.section.is-sm {
        padding-top: 85px;
        padding-bottom: 85px;
    }
    .digilab-gap-default.section.is-sm {
        padding-top: 90px;
        padding-bottom: 90px;
    }
    .digilab-gap-narrow.section.is-sm {
        padding-top: 95px;
        padding-bottom: 95px;
    }
  }
  /* section padding */
  
  
  
  .elementor-editor-active .navbar {
      z-index: 0;
  }
  .elementor-editor-active .navbar:hover {
      z-index: 0;
  }
  
  @media
    (min-width : 1024px) {
    .tf-col-25 .elementor-row .elementor-column {
      width : 25%;
    }
  
    .tf-col-33 .elementor-row .elementor-column {
      width : 33.333%;
    }
  
    .tf-col-50 .elementor-row .elementor-column {
      width : 50%;
    }
  
    .tf-col-100 .elementor-row .elementor-column {
      width : 100%;
    }
  }
  .btn i.eci {
      display: inherit;
  }
  .box .box-icon {
      font-size: 3rem;
      line-height: 100%;
  }
  .box {
      margin-bottom: 0px;
  }
  .box.has-style2 {
      text-align: center;
  }
  .digilab-button .btn.btn-full {
      width: 100%;
  }
  .digilab-button .btn.btn-square {
      border-radius: 0;
  }
  .digilab-button .btn.btn-circle {
      border-radius: 30px;
  }
  .digilab-button a.btn-primary,
  .digilab-button a.btn-secondary,
  .digilab-button a.btn-dark,
  .digilab-button a.btn-grad1,
  .digilab-button a.btn-grad2,
  .digilab-button .btn-grad3 {
      color: var(--color-white);
  }
  .digilab-button a.btn-primary.btn-outline {
      color: var(--color-primary);
  }
  .digilab-button a.btn-secondary.btn-outline {
      color: var(--color-secondary);
  }
  .digilab-button a.btn-dark.btn-outline {
      color: var(--color-white);
  }
  .digilab-button .btn-grad3 {
      background: linear-gradient( 45deg, #231F73, #1BAAA0 );
  }
  .digilab-button .btn-grad4 {
      background: linear-gradient( 45deg, #231F73, #1BAAA0 );
  }
  
  .digilab-button .btn-grad1.btn-sh {
      box-shadow : 0 14px 35px -11px #90004b;
  }
  .digilab-button .btn-grad2.btn-sh {
      box-shadow : 0 14px 35px -11px #563cc9;
  }
  .digilab-button .btn-grad3.btn-sh {
      box-shadow : 0 14px 35px -11px var(--color-secondary);
  }
  .digilab-button .btn-grad4.btn-sh {
      box-shadow : 0 14px 35px -11px var(--color-secondary);
  }
  .head-title {
      color: var(--color-white);
  }
  .head-description {
      color: #fff;
      font-family: 'Nunito', ui-monospace;
      max-width: 45rem;
  }
  .header-wrap .head-description {
      margin-top: 30px;      
  }
  .header-wrap.text-center .head-description {
      margin-left: auto;
      margin-right: auto;
  }
  .header-wrap.text-left .head-description {
      margin-left: 0px;
      margin-right: auto;
  }
  .header-wrap.text-right .head-description {
      margin-right: 0px;
      margin-left: auto;
  }
  .breadcrumbs{
      margin-top: 30px;
  }
  .breadcrumbs,
  p b,
  p strong {
      color: var(--color-secondary);
  }
  .breadcrumb_link_seperator,
  .breadcrumbs a {
      color: var(--color-black);
  }
  @media screen and (max-width: 576px){
      .head-title {
          font-size: 2.5rem;
      }
  }
  
  .section.section-services3 .service-boxes .service-box.has-primary-bg {
      background: var(--color-primary);
      color: var(--color-white);
  }
  .section.section-services3 .service-boxes .service-box.has-secondary-bg {
      background: var(--color-secondary);
      color: var(--color-white);
  }
  .section.section-services3 .service-boxes .service-box.has-shadow {
      box-shadow: 0 0 0 0 #eee;
      box-shadow: 0 14px 33px -3px rgba(0, 0, 0, 0.078);
  }
  
  .company-item img:hover {
      transform: scale(1.1);
  }
  .company-shadow {
      box-shadow: 0 60px 40px -30px rgba(37, 48, 51, 0.04), 0 10px 50px 0 rgba(37, 48, 51, 0.06);
  }
  .has-scale:hover img{
      transform: scale(1.1);
      transition: 0.25s ease-in-out;
  }
  .to-top {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 4rem;
      width: 4rem;
      border-radius: 50%;
      border: solid 5px #fff;
      background: var(--color-secondary);
      cursor: pointer;
      color: #ffff;
  }
  .to-top i {
      color: #ffff;
  }
  .to-top:hover {
      background: var(--hover-primary);
      opacity: 1;
  }
  form .btn-primary:hover {
      border: solid 2px var(--hover-primary);
      background: var(--hover-primary);
  }
  .footer-btn {
      bottom: inherit;
  }
  .h-2 img {
      height: 2rem;
      width: auto!important;
  }
  
  .has-shape .elementor-heading-title::before {
      content: "";
      position: absolute;
      left: 0;
      top: 4px;
      height: 1rem;
      width: 1rem;
      background: #fff;
      border-radius: 5px 5px 5px 15px;
  }
  .elementor-heading-title span {
      color: var(--color-primary)
  }
  
  .elementor .top-site a {
      color: var(--color-secondary);
      text-decoration: underline;
  }
  .box.has-bg.has-secondary-bg{
      background: var(--color-secondary);
  }
  .counter-shadow{
      transition: 0.2s cubic-bezier(0.5, 0, 0.35, 1);
  }
  .counter-shadow:hover {
      box-shadow: 0 14px 33px -3px rgba(0, 0, 0, 0.098);
  }
  .slick-dots li button {
      opacity: 0;
  }
  .box-particles2.has-icon {
      top: 1rem;
      right: 1rem;
      font-size: 30px;
  }
  .box .box-particles2.has-icon svg {
      max-width: 6rem;
      max-height: 6rem;
  }
  
  /* flip card */
  .tf-flip-col{
    width: 100%;
    cursor: pointer;
  }
  .tf-flip-col,
  .tf-flip-container,
  .tf-flip-front,
  .tf-flip-back{
    height:100%;
  }
  .tf-flip-title,
  .tf-flip-desc{
      color: #fff;
  }
  .tf-flip-icon{
      font-size: 30px;
      margin-bottom: 30px;
  }
  .tf-flip-title{
      margin-bottom: 15px;
  }
  .tf-flip-desc{
      font-size: 16px;
  }
  
  .tf-flip-container{
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
      -webkit-perspective: 1000px;
              perspective: 1000px;
  }
  
  .tf-flip-front,
  .tf-flip-back{
    background-size: cover;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.25);
    border-radius: 10px;
      background-position: center;
      -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
      transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
      -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
      transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
      transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden;
      text-align: center;
      min-height: 280px;
      border-radius: 10px;
      color: #fff;
      font-size: 1.5rem;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 2rem;
      overflow: hidden;
  }
  
  .tf-flip-back{
    background-color: #cedce7;
  }
  
  .tf-flip-front:after,
  .tf-flip-back:after{
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      width: 100%;
      height: 100%;
      display: block;
      background-color: transparent;
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden;
  }
  .tf-flip-container:hover .tf-flip-front,
  .tf-flip-container:hover .tf-flip-back{
      -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
      transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
      -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
      transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
      transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
  }
  
  .tf-flip-back{
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
  }
  
  .tf-flip-inner{
      -webkit-transform: translateZ(90px) scale(0.9);
              transform: translateZ(90px) scale(0.9);
      width: 100%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      outline: 1px solid transparent;
      -webkit-perspective: inherit;
              perspective: inherit;
      z-index: 2;
  }
  
  .flip-left .tf-flip-container .tf-flip-back{
      -webkit-transform: rotateY(180deg);
              transform: rotateY(180deg);
      -webkit-transform-style: preserve-3d;
              transform-style: preserve-3d;
  }
  
  .flip-left .tf-flip-container .tf-flip-front{
      -webkit-transform: rotateY(0deg);
              transform: rotateY(0deg);
      -webkit-transform-style: preserve-3d;
              transform-style: preserve-3d;
  }
  
  .flip-left .tf-flip-container:hover .tf-flip-back{
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
  
  .flip-left .tf-flip-container:hover .tf-flip-front{
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
  
  .flip-right .tf-flip-container .tf-flip-back{
      -webkit-transform: rotateY(-180deg);
              transform: rotateY(-180deg);
      -webkit-transform-style: preserve-3d;
              transform-style: preserve-3d;
  }
  .flip-right .tf-flip-container:hover .tf-flip-back{
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
  .flip-right .tf-flip-container .tf-flip-front{
      -webkit-transform: rotateY(0deg);
              transform: rotateY(0deg);
      -webkit-transform-style: preserve-3d;
              transform-style: preserve-3d;
  }
  .flip-right .tf-flip-container:hover .tf-flip-front{
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
  
  .flip-up .tf-flip-container .tf-flip-back{
      -webkit-transform: rotateX(-180deg);
              transform: rotateX(-180deg);
      -webkit-transform-style: preserve-3d;
              transform-style: preserve-3d;
  }
  .flip-up .tf-flip-container:hover .tf-flip-back{
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
  .flip-up .tf-flip-container .tf-flip-front{
      -webkit-transform: rotateX(0deg);
              transform: rotateX(0deg);
      -webkit-transform-style: preserve-3d;
              transform-style: preserve-3d;
  }
  .flip-up .tf-flip-container:hover .tf-flip-front{
    -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
  
  .flip-down .tf-flip-container .tf-flip-back{
      -webkit-transform: rotateX(180deg);
              transform: rotateX(180deg);
      -webkit-transform-style: preserve-3d;
              transform-style: preserve-3d;
  }
  
  .flip-down .tf-flip-container .tf-flip-front{
      -webkit-transform: rotateX(0deg);
              transform: rotateX(0deg);
      -webkit-transform-style: preserve-3d;
              transform-style: preserve-3d;
  }
  
  .flip-down .tf-flip-container:hover .tf-flip-back{
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
  
  .flip-down .tf-flip-container:hover .tf-flip-front{
    -webkit-transform: rotateX(-180deg);
            transform: rotateX(-180deg);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }
  
  .tf-flip-back .tf-flip-button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      padding: 10px 20px;
      border: 1px solid #fff;
      color: #fff;
      -webkit-transition: 0.5s ease-in-out;
      transition: 0.5s ease-in-out;
      z-index: 1;
      font-size: 16px;
      margin-top: 15px;
      border-radius: 4px;
  }
  .tf-flip-icon,
  .tf-flip-social-link {
      display: inline-flex;
      align-items: center;
      justify-content: center;
  }
  .tf-flip-socials .tf-flip-social-link {
      padding: 5px;
      font-size: 16px;
      color: #fff;
  }
  .tf-flip-socials {
      margin-top: 30px;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  .address h5 {
    margin-bottom: 10px;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 18px;
    color: #fff;
  }
  .address span {
    color: #96aac1;
  }
  .address span i {
    margin-right: 5px;
    font-size: 20px;
    position: relative;
    top: 2px;
    color: #ffffff;
  }
  .address li {
    display: flex;
    margin-top: 25px;
  }
  .address li i {
    font-size: 30px;
    min-width: 50px;
    display: inline-block;
    color: #fff;
  }