@property --angle {
  syntax: "<angle>";
  initial-value: 90deg;
  inherits: true;
}

@keyframes borderRotate {
  to {
    --angle: 360deg;
  }
}

.animated-border,.animated-border-1,.cus-faq-content,.cus-faq .e-n-accordion-item[open] > .e-n-accordion-item-title {
  position: relative;
  --radius: 8px;
  --border-width: 1px;
  --duration: 4500ms;
}

.animated-border::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;

  background: conic-gradient(
    from var(--angle),
    #454140,
    #FC4C01,
    #454140,
    #FC4C01,
    #454140
  );

  animation: borderRotate 6s linear infinite;

  /* creates border effect */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  padding: 1px;
  z-index: -1;
}
.animated-border-1::before,.cus-faq-content::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;

  background: conic-gradient(
    from var(--angle),
    #454140,
    #FC4C01,
    #454140,
    #FC4C01,
    #454140
  );

  animation: borderRotate 6s linear infinite;

  /* creates border effect */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  padding: 0px 0px 1px 0px;
  z-index: -1;
}
.animated-border-2::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;

  background: conic-gradient(
    from var(--angle),
    #454140,
    #FC4C01,
    #454140,
    #FC4C01,
    #454140
  );

  animation: borderRotate 6s linear infinite;

  /* creates border effect */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  padding: 01px 0px 1px 0px;
  z-index: -1;
}
.cus-form .elementor-form-fields-wrapper {
    justify-content: space-between!important;
}
.cus-form .elementor-field-type-submit {
    width: 11%!important;
}
.cus-form button {
    padding: 15px 15px!important;
}
.cus-faq .e-n-accordion-item[open] > .e-n-accordion-item-title::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;

  background: conic-gradient(
    from var(--angle),
    #454140,
    #FC4C01,
    #454140,
    #FC4C01,
    #454140
  );

  animation: borderRotate 6s linear infinite;

  /* creates border effect */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  padding: 01px 0px 0px 0px;
  z-index: -1;
}
.heading span,.color-h,#service-heading span {
    color: #FC4C01!important;
}
.end-section:hover h5 {
    color:#FC4C01!important
}
/* button */
.cus_button a,.cus_button-1 a,.custom-form button {
     display: block;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.cus_button a:before,.custom-form button:before {
    content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  transition: .5s;
  z-index: -1;
}
.cus_button-1 a:before {
    content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: #FC4C01;
  transition: .5s;
  z-index: -1;
}
.cus_button a:hover:before,.cus_button-1 a:hover:before,.custom-form button:hover:before {
    top:0;
}
.card {
/*   height: 445px; */
  overflow: hidden;
  position: relative;
  cursor: pointer;
}

.card-img {
  transition: transform 0.6s ease;
}

/* overlay */
.card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #110B0866;
  transition: background 0.4s ease;
}

/* hover effects */
.card:hover .card-img {
  transform: scale(1.2);
}
.smart-1:hover h3 {
    color: #FC4C01!important;
}

.custom-form textarea {
    padding-top: 15px!important;
}
.cus-faq .e-n-accordion-item[open] > .e-n-accordion-item-title {
    padding: 30px 30px 0px 30px!important;
}
@media (min-width: 0px) and (max-width: 1023px){
    .cus-faq .e-n-accordion-item[open] > .e-n-accordion-item-title {
    padding: 20px 20px 0px 20px!important;
        
}
    .elementor-motion-effects-layer {
    border-radius: 0px !important;
}
}
@media (min-width: 0px) and (max-width: 767px){
    .cus-form .elementor-field-type-submit {
        margin-right: 13px!important;
}
}
::selection  {
    background: #110b08;
    color: #FFFFFF;
}
.elementor-motion-effects-layer {
    border-radius:45px;
}
.elementor-element-7d9714db h3 {
    text-shadow: 0 1px 16px #ffffff3d;
}