@font-face {
  font-family: 'Inter-Regular';
  src: url('../fonts/Inter-Regular.ttf');
}

@font-face {
  font-family: 'Inter-Bold';
  src: url('../fonts/Inter-ExtraBold.ttf');
}


#__replain_widget {
  display: block !important;
}

.chat {
  display: flex !important;
}

* {
  font-family: 'Inter-Regular', sans-serif;
}

html {
  scroll-behavior: smooth;
}

.section-title {
  font-family: 'Inter-Bold';
}

.loader-icon {
   
  animation-name: example;
  animation-duration: 4s;
}


/* header content Page */


/* section__title */



.section__header-line {
    width: 80%;
    border-bottom: 1px solid  #213258;
    border-width: 1px;
}

.section__text {
  overflow: hidden; 
  width: 100%; 
  display: -webkit-box; 
  -webkit-line-clamp: 2; 
  -webkit-box-orient: vertical; 
}

/* section__title */


.nav.navbar-fixed {
background: rgba( 15, 23, 42, 0.6 ) !important;
  box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
  backdrop-filter: blur( 7.5px );
  -webkit-backdrop-filter: blur( 7.5px );
  border: 1px solid rgba( 255, 255, 255, 0.18 );
transition: all 0.5s ease-in;

}

.nav.navbar-fixed-bg {
  background: #0F172A !important;
  position: fixed;
  transition: all 0.5s ease-in;
}


.product__item {
  transition: all 0.2s ease-in !important;
  border: none;
  opacity: 0;
}

.product__hover img {
  opacity: 0;
}



.product__item:hover .product__hover {
  display: flex;
  opacity: 1;
  transition: all 0.5s ease !important;
  background: rgba( 255, 255, 255, 0.7 );
  box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
  backdrop-filter: blur( 13px );
  -webkit-backdrop-filter: blur( 13px );
  }

  .product__item:hover .product__hover img {
    opacity: 1;
    transition: all .2s  ease-in-out;
  }

  .product__hover {
    transition: all .5s ease-in;
  }

  main {
    background: linear-gradient(180deg, #0F172A 0%, #213258 31.79%, #1A2D5C 49.2%, #0B243E 71.78%, #C2E7F5 100%, #2A4073 100%);
  }

  main.blog {
    background: linear-gradient(180deg, #0F172A 0%, #213258 31.79%, #1A2D5C 49.2%, #0B243E 71.78%, #2A4073 100%);
  }

  .section-contact {
    
background: linear-gradient(180deg, #009DD4 0%, #CAEAF7 49.2%, #C2E7F5 100%, rgba(217, 217, 217, 0) 100%);
  }

  .card__title {
    color: #fff;
    width:100%;
    white-space: nowrap;
    overflow:hidden !important;
    text-overflow: ellipsis;
  }

/* Zoom in */
.zoom-full{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100000;
  cursor:zoom-out;
  transition: all 0.3s ease-in;
  background-color:rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(14px) brightness(1.32) contrast(136%) grayscale(23%) invert(15%) saturate(144%) sepia(56%);
}

.zoom-img{
  width: 50%;
  height: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transition: all 1s ease-in;
  transform: translate(-50%,-50%);
  object-fit: contain;
}


/* Loader */

.loader-page {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba( 15, 23, 42 ) ;
  z-index: 999999;
  display: flex;
  justify-content: center;
  align-items: center;
}

.loader-page img {
  animation: 2s laoding infinite;
}

@keyframes laoding {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.5);
  }

  100% {
    transform: scale(1);
  }

}

@media (max-width:1024px){
  .zoom-img{
    width: 100%;
    height: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0,-50%);
  }
}