@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600');
 .custom-social-proof {
	 position: fixed;
	 bottom: 20px;
	 left: 20px;
	 z-index: 9999999999999 !important;
	 font-family: 'Open Sans', sans-serif;
}
 .custom-social-proof .custom-notification {
	 width: 320px;
	 border: 0;
	 text-align: left;
	 z-index: 99999;
	 box-sizing: border-box;
	 
	 font-weight: 400;
	 border-radius: 6px;
	 box-shadow: 2px 2px 10px 2px rgba(11, 10, 10, 0.2);
	 position: relative;
	 cursor: pointer;
}
 .custom-social-proof .custom-notification .custom-notification-container {
	 display: flex !important;
	 align-items: center;
	 height: 80px;
}
 .custom-social-proof .custom-notification .custom-notification-container .custom-notification-image-wrapper img {
	 max-height: 75px;
	 width: 90px;
	 overflow: hidden;
	 border-radius: 6px 0 0 6px;
	 object-fit: cover;
}
 .custom-social-proof .custom-notification .custom-notification-container .custom-notification-content-wrapper {
	 margin: 0;
	 height: 100%;
	 color: gray;
	 padding-left: 20px;
	 padding-right: 20px;
	 border-radius: 0 6px 6px 0;
	 flex: 1;
	 display: flex !important;
	 flex-direction: column;
	 justify-content: center;
}
 .custom-social-proof .custom-notification .custom-notification-container .custom-notification-content-wrapper .custom-notification-content {
	 font-family: inherit !important;
	 margin: 0 !important;
	 padding: 0 !important;
	 font-size: 14px;
	 line-height: 16px;
}
 .custom-social-proof .custom-notification .custom-notification-container .custom-notification-content-wrapper .custom-notification-content small {
	 margin-top: 3px !important;
	 display: block !important;
	 font-size: 12px !important;
	 opacity: 0.8;
}
 .custom-social-proof .custom-notification .custom-close {
	 position: absolute;
	 top: 8px;
	 right: 8px;
	 height: 12px;
	 width: 12px;
	 cursor: pointer;
	 transition: 0.2s ease-in-out;
	 transform: rotate(45deg);
	 opacity: 0;
}
 .custom-social-proof .custom-notification .custom-close::before {
	 content: "";
	 display: block;
	 width: 100%;
	 height: 2px;
	 background-color: gray;
	 position: absolute;
	 left: 0;
	 top: 5px;
}
 .custom-social-proof .custom-notification .custom-close::after {
	 content: "";
	 display: block;
	 height: 100%;
	 width: 2px;
	 background-color: gray;
	 position: absolute;
	 left: 5px;
	 top: 0;
}

 
    .bg-grad-green {
  background: linear-gradient(180deg, #e63aff 0%, #893bff8f 100%);
}
* {
  color: white !important;
}
.bg-blue {
  background-color: #161824;
}

.section-padding {
  padding: 5rem 0;
}

.video-iframe{
    min-height:450px;
}

@media (max-width:550px){
    .section-padding{
        padding-top:20px;
        padding-bottom:20px;
    }
    .video-iframe{
        min-height:50px !important;
        border-radius:2px !important;
    }
}

.text-theme {
  color: #893bff !important;
}
.center {
  display: grid;
  place-items: center;
}\

.text-theme{
    color: #893bff8;
}

.circle-v-box {
  width: 70px;
  display: grid;
  place-items: center;
  height: 70px;
}

.video-box {
  box-shadow: -70px 10px 100px -40px #e63aff;
}

.accordion-button:not(.collapsed) {
  background: transparent;
  color: white;
}
.accordion-button {
  background-color: transparent !important;
  color: white;
}
.accordion-item {
  background-color: transparent !important;
}
.accordion-item {
  border: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.349) !important;
}
.accordion {
  background-color: transparent !important;
}
.accordion-button:not(.collapsed)::after {
  background-image: url("../images/down.png");
}
.accordion-collapse .accordion-body {
  color: rgba(255, 255, 255, 0.808);
}


.ui-e-fluid-canvas {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    --ui-fluid-1: #ecbec4;
    --ui-fluid-2: #eed5b6;
    --ui-fluid-3: #93d6eb;
    --ui-fluid-4: #a8e2c4
}

.ui-fluid-gradient {
    background: radial-gradient(circle at 80% 3%,var(--ui-fluid-1,#ecbec4),hsla(0,0%,100%,0) 35%),radial-gradient(circle at 60% 60%,var(--ui-fluid-3,#93d6eb),hsla(0,0%,100%,0) 45%),radial-gradient(circle at 36% 65%,var(--ui-fluid-1,#ecbec4),hsla(0,0%,100%,0) 9%);
    background-size: 200% 200%;
    opacity: 0;
    transition: all .5s
}

.ui-fluid-gradient:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 80% 55%,var(--ui-fluid-1,#ecbec4),hsla(0,0%,100%,0) 25%),radial-gradient(circle at 40% 15%,var(--ui-fluid-2,#eed5b6),hsla(0,0%,100%,0) 26%),radial-gradient(circle at 80% 3%,#fff,hsla(0,0%,100%,0) 15%),radial-gradient(circle at 43% 82%,var(--ui-fluid-3,#ecbec4),hsla(0,0%,100%,0) 19%);
    background-size: 200% 200%
}

.has-ui-fluid-gradient .ui-fluid-gradient {
    opacity: 1
}

.ui-fluid-gradient-wrapper:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(ellipse at 40% 50%,var(--ui-fluid-4,#a8e2c4),hsla(0,0%,100%,0) 30%),radial-gradient(circle at 74% 69%,var(--ui-fluid-3,#93d6eb),hsla(0,0%,100%,0) 20%),radial-gradient(circle at 10% 33%,var(--ui-fluid-1,#ecbec4),hsla(0,0%,100%,0) 25%),radial-gradient(ellipse 122% 172%,#dee2eb,hsla(0,0%,100%,0) 0);
    background-size: 180% 190%
}

.ui-fluid-animation-1 .ui-fluid-gradient {
    animation: testalt4 15s linear infinite
}

.ui-fluid-animation-1 .ui-fluid-gradient:after {
    animation: testalt2 17s linear infinite
}

.ui-fluid-animation-1 .ui-fluid-gradient-wrapper:after {
    animation: test 12s linear infinite
}

.ui-fluid-animation-2 .ui-fluid-gradient {
    animation: testalt3 14s linear infinite
}

.ui-fluid-animation-2 .ui-fluid-gradient:after {
    animation: testalt2 20s linear infinite
}

.ui-fluid-animation-2 .ui-fluid-gradient-wrapper:after {
    animation: test 12s linear infinite
}

.ui-fluid-animation-3 .ui-fluid-gradient {
    animation: testalt2 15s linear infinite
}

.ui-fluid-animation-3 .ui-fluid-gradient:after {
    animation: test 25s linear infinite
}

.ui-fluid-animation-3 .ui-fluid-gradient-wrapper:after {
    animation: testalt3 18s linear infinite
}

.ui-fluid-animation-4 .ui-fluid-gradient {
    animation: testalt3 16s linear infinite
}

.ui-fluid-animation-4 .ui-fluid-gradient:after {
    animation: testalt2 15s linear infinite
}

.ui-fluid-animation-4 .ui-fluid-gradient-wrapper:after {
    animation: test 28s linear infinite
}

.ui-fluid-animation-5 .ui-fluid-gradient {
    animation: testalt3 7s linear infinite
}

.ui-fluid-animation-5 .ui-fluid-gradient:after {
    animation: testalt2 20s linear infinite
}

.ui-fluid-animation-5 .ui-fluid-gradient-wrapper:after {
    animation: test 12s linear infinite
}

@keyframes test {
    0% {
        background-position: 10% 10%
    }

    20% {
        background-position: 10% 40%
    }

    35% {
        background-position: 50% 80%
    }

    55% {
        background-position: 90% 90%
    }

    80% {
        background-position: 60% 70%
    }

    to {
        background-position: 10% 10%
    }
}

@keyframes testalt2 {
    0% {
        background-position: 10% 28%;
        opacity: .8
    }

    16% {
        background-position: 10% 40%;
        opacity: .3
    }

    25% {
        background-position: 50% 50%;
        opacity: 1
    }

    50% {
        background-position: 55% 90%;
        opacity: .6
    }

    50% {
        background-position: 42% 70%;
        opacity: 1
    }

    to {
        background-position: 19% 50%;
        opacity: .5
    }
}

@keyframes testalt3 {
    0% {
        background-position: 50% 80%;
        opacity: 1
    }

    10% {
        background-position: 60% 70%;
        opacity: 1
    }

    20% {
        background-position: 10% 10%;
        opacity: .8
    }

    30% {
        background-position: 10% 30%;
        opacity: 1
    }

    40% {
        background-position: 10% 40%;
        opacity: .6
    }

    50% {
        background-position: 50% 80%;
        opacity: .1
    }

    60% {
        background-position: 55% 50%;
        opacity: .4
    }

    70% {
        background-position: 60% 25%;
        opacity: 1
    }

    80% {
        background-position: 40% 12%;
        opacity: 0
    }

    90% {
        background-position: 53% 45%;
        opacity: .7
    }

    to {
        background-position: 50% 80%;
        opacity: 1
    }
}

@keyframes testalt4 {
    0% {
        background-position: 50% 80%;
        opacity: 1
    }

    20% {
        background-position: 60% 70%;
        opacity: 1
    }

    40% {
        background-position: 10% 10%;
        opacity: .8
    }

    60% {
        background-position: 10% 10%;
        opacity: 1
    }

    80% {
        background-position: 10% 40%;
        opacity: .9
    }

    to {
        background-position: 50% 80%;
        opacity: 1
    }
}