@media (max-width: 767.98px) {
  .card-separator {
    border-right-width: 0 !important;
    border-bottom: 1px solid #d9dee3;
    padding-bottom: 1.5rem;
  }
}
.card-separator {
    border-right: 1px solid #d9dee3;
}

.faq-header {
  background: url("../img/pages/header-faq.png");
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 300px !important;
  border-radius: 0.375rem;
}
.faq-header .input-wrapper {
  position: relative;
  width: 100%;
  max-width: 55%;
}
@media (max-width: 575.98px) {
  .faq-header .input-wrapper {
    max-width: 70%;
  }
}
.faq-nav-icon {
  font-size: 1.25rem;
}
.light-style .bg-faq-section {
  background-color: rgba(67, 89, 113, 0.05);
}
.dark-style .bg-faq-section {
  background-color: rgba(255, 255, 255, 0.03);
}
menu .app-brand.demo {
  height: 64px;
  margin-top: 12px;
}
.app-brand-logo.demo svg {
  width: 22px;
  height: 38px;
}
.app-brand-text.demo {
  font-size: 1.75rem;
  letter-spacing: -0.5px;
  text-transform: lowercase;
}
.layout-navbar-fixed
  .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu)
  .layout-page {
  padding-top: 76px !important;
}
.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
  padding-top: 64px !important;
}
.content-wrapper .navbar {
  z-index: auto;
}
.demo-blocks > * {
  display: block !important;
}
.demo-inline-spacing > * {
  margin: 1rem 0.375rem 0 0 !important;
}
.demo-vertical-spacing > * {
  margin-top: 1rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing.demo-only-element > :first-child {
  margin-top: 0 !important;
}
.demo-vertical-spacing-lg > * {
  margin-top: 1.875rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-lg.demo-only-element > :first-child {
  margin-top: 0 !important;
}
.demo-vertical-spacing-xl > * {
  margin-top: 5rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-xl.demo-only-element > :first-child {
  margin-top: 0 !important;
}
.rtl-only {
  display: none !important;
  text-align: left !important;
  direction: ltr !important;
}
[dir="rtl"] .rtl-only {
  display: block !important;
}
.layout-demo-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 1rem;
}
.layout-demo-placeholder img {
  width: 900px;
}
.layout-demo-info {
  text-align: center;
  margin-top: 1rem;
}

/* Loading */

.loader {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  border: 3px solid;
  border-color: rgb(71, 71, 71) rgb(71, 71, 71) transparent transparent;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
.loader::after,
.loader::before {
  content: '';  
  box-sizing: border-box;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 3px solid;
  border-color: transparent transparent #FF3D00 #FF3D00;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-sizing: border-box;
  animation: rotationBack 0.5s linear infinite;
  transform-origin: center center;
}
.loader::before {
  width: 32px;
  height: 32px;
  border-color: #FFF #FFF transparent transparent;
  animation: rotation 1.5s linear infinite;
}
    
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 
@keyframes rotationBack {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
    

/* Diamante */

.wrap {
  position:absolute;
  width:0px;
  height:0px;
  top:50%; 
  left:50%;
  transform-origin:0 0;
  transform-style: preserve-3d;
  overflow:visible; 
}

.triangle {
  position:absolute;
  left:-100px;
  top: -30px;
  width: 0;
  height: 0;
  border-left: 100px solid transparent;
  border-right: 100px solid transparent;
  border-bottom: 100px solid #33AFFF; 
  animation: lighting 12s infinite linear;
}

/** Bottom Down **/
.triangle.bottom {   
  transform-origin: 50% 0%; }
.triangle.bottom.face-1 {
  animation-delay: -2500ms;
  transform: translateY(90px) rotateY(0deg) rotateX(35deg)  scaleX(.24) scaleY(-1) ;  }
.triangle.bottom.face-2 {
  animation-delay: -3500ms;
  transform:  translateY(90px) rotateY(45deg) rotateX(35deg)  scaleX(.24) scaleY(-1) ; }
.triangle.bottom.face-3 { 
  animation-delay: -4500ms;
  transform:  translateY(90px) rotateY(90deg) rotateX(35deg)  scaleX(.24) scaleY(-1) ; }
.triangle.bottom.face-4 { 
  animation-delay: -5500ms;
  transform:  translateY(90px) rotateY(135deg) rotateX(35deg)  scaleX(.24) scaleY(-1) ; }
.triangle.bottom.face-5 { 
  animation-delay: -6500ms;
  transform:  translateY(90px) rotateY(180deg) rotateX(35deg)  scaleX(.24) scaleY(-1) ; }
.triangle.bottom.face-6 { 
  animation-delay: -7500ms;
  transform:  translateY(90px) rotateY(225deg) rotateX(35deg)  scaleX(.24) scaleY(-1) ; }
.triangle.bottom.face-7 { 
  animation-delay: -8500ms;
  transform:  translateY(90px) rotateY(270deg) rotateX(35deg)  scaleX(.24) scaleY(-1) ; }
.triangle.bottom.face-8 { 
  animation-delay: -9500ms;
  transform:  translateY(90px) rotateY(315deg) rotateX(35deg)  scaleX(.24) scaleY(-1) ; }

/** Middle Down **/
.triangle.middle-bottom {   
  transform-origin: 50% 0%; }
.triangle.middle-bottom.face-1 { 
  animation-delay: -3500ms;
  transform: rotateY(0deg) translateY(-11px) translateZ(-34px) rotateX(-50deg)  scaleX(.24) scaleY(.3) ;  }
.triangle.middle-bottom.face-2 { 
  animation-delay: -4500ms;
  transform: rotateY(45deg) translateY(-11px) translateZ(-34px) rotateX(-50deg)  scaleX(.24) scaleY(.3) ;  }
.triangle.middle-bottom.face-3 { 
  animation-delay: -5500ms;
  transform: rotateY(90deg) translateY(-11px) translateZ(-34px) rotateX(-50deg)  scaleX(.24) scaleY(.3) ;  }
.triangle.middle-bottom.face-4 { 
  animation-delay: -6500ms;
  transform: rotateY(135deg) translateY(-11px) translateZ(-34px) rotateX(-50deg)  scaleX(.24) scaleY(.3) ;  }
.triangle.middle-bottom.face-5 { 
  animation-delay: -7500ms;
  transform: rotateY(180deg) translateY(-11px) translateZ(-34px) rotateX(-50deg)  scaleX(.24) scaleY(.3) ;  }
.triangle.middle-bottom.face-6 { 
  animation-delay: -8500ms;
  transform: rotateY(225deg) translateY(-11px) translateZ(-34px) rotateX(-50deg)  scaleX(.24) scaleY(.3) ;  }
.triangle.middle-bottom.face-7 { 
  animation-delay: -9500ms;
  transform: rotateY(270deg) translateY(-11px) translateZ(-34px) rotateX(-50deg)  scaleX(.24) scaleY(.3) ;  }
.triangle.middle-bottom.face-8 { 
  animation-delay: -10500ms;
  transform: rotateY(315deg) translateY(-11px) translateZ(-34px) rotateX(-50deg)  scaleX(.24) scaleY(.3) ;  }

/** Middle Up **/
.triangle.middle-top {   
  transform-origin: 50% 100%; }
.triangle.middle-top.face-1 { 
  animation-delay: -2500ms;
  transform: rotateY(22.5deg) translateY(-111px) translateZ(-31px) rotateX(-58deg)  scaleX(.13) scaleY(-.36) ;  }
.triangle.middle-top.face-2 { 
  animation-delay: -3500ms;
  transform: rotateY(67.5deg) translateY(-111px) translateZ(-31px) rotateX(-58deg)  scaleX(.13) scaleY(-.36) ;  }
.triangle.middle-top.face-3 { 
  animation-delay: -4500ms;
  transform: rotateY(112.5deg) translateY(-111px) translateZ(-31px) rotateX(-58deg)  scaleX(.13) scaleY(-.36) ;  }
.triangle.middle-top.face-4 { 
  animation-delay: -5500ms;
  transform: rotateY(157.5deg) translateY(-111px) translateZ(-31px) rotateX(-58deg)  scaleX(.13) scaleY(-.36) ;  }
.triangle.middle-top.face-5 { 
  animation-delay: -6500ms;
  transform: rotateY(202.5deg) translateY(-111px) translateZ(-31px) rotateX(-58deg)  scaleX(.13) scaleY(-.36) ;  }
.triangle.middle-top.face-6 { 
  animation-delay: -7500ms;
  transform: rotateY(247.5deg) translateY(-111px) translateZ(-31px) rotateX(-58deg)  scaleX(.13) scaleY(-.36) ;  }
.triangle.middle-top.face-7 { 
  animation-delay: -8500ms;
  transform: rotateY(292.5deg) translateY(-111px) translateZ(-31px) rotateX(-58deg)  scaleX(.13) scaleY(-.36) ;  }
.triangle.middle-top.face-8 { 
  animation-delay: -9500ms;
  transform: rotateY(337.5deg) translateY(-111px) translateZ(-31px) rotateX(-58deg)  scaleX(.13) scaleY(-.36) ;  }

/** Top Up **/
.triangle.up {   
  animation: lighting-lighter 12s infinite linear; 
  transform-origin: 50% 0%; }
.triangle.up.face-1 { 
  animation-delay: -3500ms;
  transform: rotateY(22.5deg)  translateY(-22px) translateZ(0px) rotateX(-70deg)  scaleX(.13) scaleY(.33); }
.triangle.up.face-2 { 
  animation-delay: -4500ms;
  transform: rotateY(67.5deg)  translateY(-22px) translateZ(0px) rotateX(-70deg)  scaleX(.13) scaleY(.33); }
.triangle.up.face-3 { 
  animation-delay: -5500ms;
  transform: rotateY(112.5deg)  translateY(-22px) translateZ(0px) rotateX(-70deg)  scaleX(.13) scaleY(.33); }
.triangle.up.face-4 { 
  animation-delay: -6500ms;
  transform: rotateY(157.5deg)  translateY(-22px) translateZ(0px) rotateX(-70deg)  scaleX(.13) scaleY(.33); }
.triangle.up.face-5 { 
  animation-delay: -7500ms;
  transform: rotateY(202.5deg) translateY(-22px) translateZ(0px) rotateX(-70deg)  scaleX(.13) scaleY(.33); }
.triangle.up.face-6 { 
  animation-delay: -8500ms;
  transform: rotateY(247.5deg) translateY(-22px) translateZ(0px) rotateX(-70deg)  scaleX(.13) scaleY(.33); }
.triangle.up.face-7 { 
  animation-delay: -9500ms;
  transform: rotateY(292.5deg) translateY(-22px) translateZ(0px) rotateX(-70deg)  scaleX(.13) scaleY(.33); }
.triangle.up.face-8 { 
  animation-delay: -10500ms;
  transform: rotateY(337.5deg) translateY(-22px) translateZ(0px) rotateX(-70deg)  scaleX(.13) scaleY(.33); }

/** ANIMATIONS **/

.rotor-x {
  transform: rotateX(-22deg);
  /* animation: spinX 6s infinite linear; */
}
.rotor-y {
  animation: spinY 12s infinite linear;
}
.rotor-z {
  /* animation: spinZ 18s infinite linear; */
}
@keyframes spinX {
  from { transform: rotateX(0); }
  to { transform: rotateX(360deg); }
}
@keyframes spinY {
  from { transform: rotateY(0); }
  to { transform: rotateY(360deg); }
}
@keyframes spinZ {
  from { transform: rotateZ(0); }
  to { transform: rotateZ(360deg); }
}
@keyframes lighting {
  0% {   border-bottom-color:#33AFFF; }
  50% {  border-bottom-color:#BBE8FF; }
  100% { border-bottom-color:#33AFFF; }
}
@keyframes lighting-lighter {
  0% {   border-bottom-color:#72C8FF; }
  50% {  border-bottom-color:#99EAFF; }
  100% { border-bottom-color:#72C8FF; }
}