body{
  margin: 0%;
  padding: 0%;
  width: 100%;
}

.input-text{
 padding-left: 10px !important;
 padding-right: 10px !important
}

.text-center{
    text-align: center !important;
}

.brandColor{ 
  color: #32bcad ;
}

.effects {
  background-color: #fff;
  color: #004767;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.effects:hover {
  background-color: #32bcad;
  color: #fff;
}

.effects p, .effects h5 {
  background-color: #fff;
  color: #004767;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.btn-close{
  color: #fff !important;
}

.modal-header{
  border-bottom: 0px solid #000 !important;
}

.effects:hover p, .effects:hover h5 {
  background-color: #32bcad;
  color: #fff;
}

.btnPopup{
  background-color: #00000000;
  border: 0px solid #000;
  color: #fff;
}

.truncate-text {
  display: -webkit-box;
  -webkit-line-clamp: 4; /* Limit to 4 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.nametext {
  display: -webkit-box;
  -webkit-line-clamp: 1; /* Limit to 4 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}



hr {
    background-color: #00000000 !important;
}

.elementor-712 .elementor-element.elementor-element-47c27f2f .elementskit-single-testimonial-slider .elementskit-commentor-content>p {
    color: #ffffff;
    text-overflow: ellipsis !important;
    overflow-x: auto !important;
    max-height: 13em !important;
    margin: 0px 0px 30px 0px;
}

.ekit-wid-con p {
    text-overflow: ellipsis !important;
    overflow-x: auto !important;
    max-height: 13em !important;
}

.rounded-5{
    border-radius: 30px;
}

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

@keyframes fadeInLeft {
  0% {
      opacity: 0;
      transform: translateX(-50px);
  }
  100% {
      opacity: 1;
      transform: translateX(0);
  }
}

/* Fade-in from Right */
.fade-in-right {
  opacity: 0;
  transform: translateX(50px);
  animation: fadeInRight 1s ease-out forwards;
}

@keyframes fadeInRight {
  0% {
      opacity: 0;
      transform: translateX(50px);
  }
  100% {
      opacity: 1;
      transform: translateX(0);
  }
}


/* textture */

.Texture {
  background-color: #fff;
  background-image:
    radial-gradient(transparent 0.6em, #def 0.6em),
    conic-gradient(at 1em 1em, transparent 270deg, #e4edf370 270deg),
    conic-gradient(at 1em 1em, transparent 270deg, #9ad3f86b 270deg),
    conic-gradient(at 1em 1em, transparent 270deg, #64b6ec6b 270deg),
    conic-gradient(at 1em 1em, transparent 270deg, #229beb71 270deg);
  background-size: 1em 1em, 4em 4em, 4em 4em, 4em 4em, 4em 4em;
  animation: bpx 12s infinite, bpy 12s -3.75s infinite;
}

@keyframes bpx {
  0%, 7.5%, 100% { background-position-x: 0, 0, 1em, 2em, 3em; }
  12.5%, 20% { background-position-x: 0, 1em, 0, 3em, 2em; }
  25%, 32.5% { background-position-x: 0, -1em, -2em, 5em, 4em; }
  37.5%, 45% { background-position-x: 0, 1em, -4em, 7em, 2em; }
  50%, 57.5% { background-position-x: 0, -2em, -5em, 8em, 5em; }
  62.5%, 70% { background-position-x: 0, -3em, -4em, 7em, 6em; }
  75%, 82.5% { background-position-x: 0, -1em, -2em, 5em, 4em; }
  87.5%, 95% { background-position-x: 0, -3em, 0, 3em, 6em; }
}

@keyframes bpy {
  0%, 7.5%, 100% { background-position-y: 0, 0, 1em, 2em, 3em; }
  12.5%, 20% { background-position-y: 0, 1em, 0, 3em, 2em; }
  25%, 32.5% { background-position-y: 0, -1em, -2em, 5em, 4em; }
  37.5%, 45% { background-position-y: 0, 1em, -4em, 7em, 2em; }
  50%, 57.5% { background-position-y: 0, -2em, -5em, 8em, 5em; }
  62.5%, 70% { background-position-y: 0, -3em, -4em, 7em, 6em; }
  75%, 82.5% { background-position-y: 0, -1em, -2em, 5em, 4em; }
  87.5%, 95% { background-position-y: 0, -3em, 0, 3em, 6em; }
}

  

@property --a {
  syntax: '<angle>';
  inherits: true;
  initial-value: 0deg;
}

@property --p {
  syntax: '<percentage>';
  inherits: true;
  initial-value: 0%;
}

@property --c1 {
  syntax: '<color>';
  inherits: true;
  initial-value: #000;
}

@property --c2 {
  syntax: '<color>';
  inherits: true;
  initial-value: #000;
}

.mainTexture {
  --s: 80px;
  --_g: #0000, var(--c1) 2deg calc(var(--a) - 2deg), #0000 var(--a);
  background: 
    conic-gradient(from calc(-45deg  - var(--a) / 2) at top var(--p) left var(--p), var(--_g)),
    conic-gradient(from calc(-45deg  - var(--a) / 2) at top var(--p) left var(--p), var(--_g)),
    conic-gradient(from calc( 45deg  - var(--a) / 2) at top var(--p) right var(--p), var(--_g)),
    conic-gradient(from calc( 45deg  - var(--a) / 2) at top var(--p) right var(--p), var(--_g)),
    conic-gradient(from calc(-135deg - var(--a) / 2) at bottom var(--p) left var(--p), var(--_g)),
    conic-gradient(from calc(-135deg - var(--a) / 2) at bottom var(--p) left var(--p), var(--_g)),
    conic-gradient(from calc( 135deg - var(--a) / 2) at bottom var(--p) right var(--p), var(--_g)),
    conic-gradient(from calc( 135deg - var(--a) / 2) at bottom var(--p) right var(--p), var(--_g)),
    var(--c2);
  background-size: calc(2 * var(--s)) calc(2 * var(--s));
  animation: m 2s infinite alternate linear;
}

@keyframes m {
  0%, 15% {
    --a: 135deg;
    --p: 20%;
    --c1: #fff;
    --c2: #e4edf3;
    background-position: 0 0, var(--s) var(--s);
  }
  45%, 50% {
    --a: 90deg;
    --p: 25%;
    --c1: #fff;
    --c2: #e4edf3;
    background-position: 0 0, var(--s) var(--s);
  }
  50.01%, 55% {
    --a: 90deg;
    --p: 25%;
    --c2: #fff;
    --c1: #e4edf3;
    background-position: var(--s) 0, 0 var(--s);
  }
  85%, 100% {
    --a: 135deg;
    --p: 20%;
    --c2: #fff;
    --c1: #e4edf3;
    background-position: var(--s) 0, 0 var(--s);
  }
}

.text-fade span {
  display: inline-block;
  opacity: 0;
  transform: translateY(-20px);
  animation: fadeIn 0.6s ease-out forwards;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Delay each letter */
.text-fade span:nth-child(1) { animation-delay: 0.05s; }
.text-fade span:nth-child(2) { animation-delay: 0.1s; }
.text-fade span:nth-child(3) { animation-delay: 0.15s; }
.text-fade span:nth-child(4) { animation-delay: 0.2s; }
.text-fade span:nth-child(5) { animation-delay: 0.25s; }
.text-fade span:nth-child(6) { animation-delay: 0.3s; }
.text-fade span:nth-child(7) { animation-delay: 0.35s; }
.text-fade span:nth-child(8) { animation-delay: 0.4s; }
.text-fade span:nth-child(9) { animation-delay: 0.45s; }
.text-fade span:nth-child(10) { animation-delay: 0.5s; }