:root {
    --bg-color-startup: #000a15;
    --white: #f1f1f1;
    --black: #0b0b0b;

    --light-grey: #f9f9f9;
    --darker: #151515;

    --background-primary: #8e2ef7;
    --background-secondary: #0b0b0b;
    --background-tertiary: #0b0b0b;

    --background-image: radial-gradient(circle at 50% 50%,
            var(--background-primary),
            var(--background-secondary) 90%,
            var(--background-tertiary) 50%);
}

*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

@font-face {
    font-family: 'Nunito';
    src: url('fonts/Nunito-Regular.eot');
    src: url('fonts/Nunito-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Nunito-Regular.woff2') format('woff2'),
        url('fonts/Nunito-Regular.woff') format('woff'),
        url('fonts/Nunito-Regular.ttf') format('truetype'),
        url('fonts/Nunito-Regular.svg#Nunito') format('svg');
}

html {
    scroll-behavior: smooth;
}

.rubik {
    font-family: "Rubik", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.rubik-bold {
    font-family: "Rubik", sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
}

body {
    position: relative;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    background-image: url('../img/bg.png');
}


.hero__section {
	/* background-color: #111; */
	background: url('../img/footer-bg.png') #111;
	/* background-size: cover; */
	min-height: 100vh;
	position: relative;
	background-attachment: fixed;
	/* overflow: hidden; */
	display: flex;
	align-items: center;
	justify-content: center;
	background-size: 400px;
	background-position: center;
	/* background-attachment: fixed; */
	background-repeat: repeat;
}
.hero__section::after {
	content: '';
	background-image: url('../img/pattern-strip-1.png');
	background-size: cover;
	position: absolute;
	bottom: -30px;
	left: 0;
	width: 100%;
	height: 30px;
}
.top-nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background-color: transparent !important;
}

.top-nav .container {
    /* background-color: rgba(0, 0, 0, 0.6); */
    background-color: #111;
    padding: 5px 15px;
    border-radius: 10px;
    backdrop-filter: blur(15px);
    border: solid 1px #333;
}
.top-nav .navbar-collapse .navbar-nav .nav-item{
    position: relative;
}

.top-nav .navbar-collapse .navbar-nav .nav-item a {
    color: #fff;
    font-weight: 400;
}
.top-nav .navbar-collapse .navbar-nav .nav-item a:hover{
	color: #55b95d;
}
.top-nav .navbar-collapse .navbar-nav .nav-item.contact-us a {
	background-color: #55b95d;
	border-radius: 5px;
	padding: 10px 25px;
	font-weight: 500;
}
.top-nav .navbar-collapse .navbar-nav .nav-item.contact-us a:hover{
	color: #fff !important;
}
.top-nav .navbar-collapse .navbar-nav .nav-item.contact-us a:hover::after{
	display: none;
}
.top-nav .navbar-collapse .navbar-nav .nav-item.contact-us a:hover::before{
	display: none;
}

.top-nav .navbar-collapse .navbar-nav {
	gap: 18px;
}

.navbar-nav a::before,
.navbar-nav a::after {
  content: "";
  position: absolute;
  background-color: #55b95d;
  width: 0%;
  height: 1px;
  bottom: 0;
  transition: width 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.navbar-nav a::before {
	left: 0;
  }

  .navbar-nav a::after {
	right: 0;
  }
  
  .navbar-nav a:hover::before,
  .navbar-nav a:hover::after {
	width: 100%;
  }

.subhead-text{
    background-color: #E0E6DE;
    padding: 10px 20px;
    color: #399140;
    font-size: 16px;
    border-radius: 6px;
    font-weight: 600;
}
.subhead-text-dark {
	background-color: #414540;
	padding: 10px 20px;
	color: #55b95d;
	font-size: 16px;
	border-radius: 6px;
	font-weight: 600;
}
.subhead-text img{
    margin-right: 10px;
    height: 25px;
}
.subhead-text-dark img{
    margin-right: 10px;
    height: 25px;
}
.hero__top__h1 {
	/* font-family: "Nunito", sans-serif; */
	font-family: "DM Sans", sans-serif;
	color: #000;
	font-size: 155px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 1000;
	text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
	margin-bottom: 0px;
	margin-top: 0px;
	z-index: 99;
	position: relative;
}

.hero__top__h2 {
	color: #fff;
	font-size: 160px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 1000;
	/* font-family: "Nunito", sans-serif; */
	font-family: "DM Sans", sans-serif;
	margin-bottom: 0px;
	line-height: 120px;
	z-index: 99;
	position: relative;
	/* text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; */
	margin-top: -45px;
}
.hero__top__h3 {
	color: #55b95d;
	font-size: 41px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	/* font-family: "Nunito", sans-serif; */
	font-family: "DM Sans", sans-serif;
	margin-bottom: 0px;
	line-height: 80px;
	z-index: 99;
	position: relative;
	/* text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; */
}

.hero__btn {
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    margin-top: 100px;
    margin-bottom: 50px;
    width: 100%;
    z-index: 99;

}
.hero__btn span {
	color: #999;
	height: 40px;
	width: 40px;
	display: inline-flex;
	/* border: solid 1px #fff; */
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	position: relative;
	margin-right: 30px;
	margin-left: 30px;
	font-weight: 600;
}

.hero__btn p {
    color: #fff;
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
}



@keyframes moveInLeft {
    0% {
        opacity: 0;
        transform: translateX(-10rem);
    }

    80% {
        transform: translateX(1rem);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes moveInRight {
    0% {
        opacity: 0;
        transform: translateX(10rem);
    }

    80% {
        transform: translateX(-1rem);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}


@keyframes moveInTop {
    0% {
        opacity: 0;
        transform: translateY(3rem);
    }


    100% {
        opacity: 1;
        transform: translateY(0);
    }
}



.btn--white {
    background-color: white;
    color: #777777;
    animation: moveInTop .75s ease-out .5s;
    animation-fill-mode: backwards;
}

/* .btn::after {
    content: "";
    display: inline-block;
    height: 100%;
    width: 100%;
    border-radius: 10rem;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all .4s;

} */

.btn--white::after {
    background-color: white;
}

.btn--white:hover::after {
    transform: scaleX(1.4) scaleY(1.6);
    opacity: 0;
}

.hero__section__anima {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.hero__section__anima .hero__img__anima1 {
    position: absolute;
    height: 390px;
    width: auto;
    animation: mymove1 17s infinite;
}

.hero__section__anima .hero__img__anima2 {
    position: absolute;
    height: 260px;
    width: auto;
    animation: mymove2 13s infinite;
}

.hero__section__anima .hero__img__anima3 {
    position: absolute;
    height: 320px;
    width: auto;
    animation: mymove3 15s infinite;
}

/* @keyframes mymove1 {
    0% {
        top: 250px;
        left: 10%;
        bottom: 0px;
        right: 0px;
    }

    25% {
        top: 250px;
        left: 30%;
        bottom: 0px;
        right: 0px;
    }

    50% {
        top: 250px;
        left: 80%;
        bottom: 0px;
        right: 0px;
    }

    75% {
        top: 250px;
        left: 20%;
        bottom: 0px;
        right: 0px;
    }

    100% {
        top: 250px;
        left: 30%;
        bottom: 0px;
        right: 0px;
    }
} */

@keyframes mymove1 {
    0% {
        top: 150px;
        left: 10%;
        bottom: 0px;
        right: 0px;
    }

    25% {
        top: 150px;
        left: 30%;
        bottom: 0px;
        right: 0px;
    }

    50% {
        top: 150px;
        left: 80%;
        bottom: 0px;
        right: 0px;
    }

    75% {
        top: 150px;
        left: 20%;
        bottom: 0px;
        right: 0px;
    }

    100% {
        top: 150px;
        left: 30%;
        bottom: 0px;
        right: 0px;
    }
}

@keyframes mymove2 {
    0% {
        top: 250px;
        left: 22%;
        bottom: 0px;
        right: 0px;
    }

    25% {
        top: 250px;
        left: 70%;
        bottom: 0px;
        right: 0px;
    }

    50% {
        top: 250px;
        left: 32%;
        bottom: 0px;
        right: 0px;
    }

    75% {
        top: 250px;
        left: 95%;
        bottom: 0px;
        right: 0px;
    }

    100% {
        top: 250px;
        left: 13%;
        bottom: 0px;
        right: 0px;
    }
}

@keyframes mymove3 {
    0% {
        top: 270px;
        left: 10%;
        bottom: 0px;
        right: 0px;
    }

    25% {
        top: 270px;
        left: 70%;
        bottom: 0px;
        right: 0px;
    }

    50% {
        top: 270px;
        left: 40%;
        bottom: 0px;
        right: 0px;
    }

    75% {
        top: 270px;
        left: 40%;
        bottom: 0px;
        right: 0px;
    }

    100% {
        top: 270px;
        left: 50%;
        bottom: 0px;
        right: 0px;
    }
}

.core__features h1{
    text-align: center;
    margin-bottom: 50px;
    font-size: 40px;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
}
.core__features__points {
    display: flex;
    gap: 10px;
}

.core__features__content h2 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 10px;
	color: #000;
}
.core__features__content p {
	font-size: 16px;
	color: #000;
	padding: 0px 0px;
}
.core__features__img {
	margin-bottom: 15px;
	display: flex;
	align-content: center;
	justify-content: start;
	margin-top: 15px;
    position: relative;
}
.core__features__img > img {
	height: 50px;
	width: auto;
    position: relative;
    z-index: 9;
	/* animation: IcoPulse 4s infinite; */
}
@keyframes IcoPulse {
    0% {
        transform: scale(1);
    }
    25% {
        transform: scale(1.1);
    }
    50% {
        transform: scale(1);
    }
    75% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}
.core__features__content {
	text-align: left;
}

#Features header h2 {
    font-size: 56px;
    font-weight: 900;
    letter-spacing: -3px;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 40px;
    color: #000;
    font-family: "Archivo", sans-serif;
}

.img-container-features h3 {
    margin: 0;
    font-size: 50px;
    font-weight: 700;
    letter-spacing: -3px;
    line-height: 1.2;
    position: relative;
    bottom: 30px;
    display: inline-block;
}

.progress {
    position: fixed;
    left: 0;
    right: 0;
    height: 5px;
    background: #9911ff;
    bottom: 50px;
    transform: scaleX(0);
}
.section__title {
    font-size: 75px;
    font-weight: 900;
    letter-spacing: -3px;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 40px;
    color: #000;
    font-family: "Archivo", sans-serif;
    /* text-transform: uppercase; */
}
.section__title span:nth-child(1) {
	/* color: #fff; */
	/* text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; */
	-webkit-text-stroke-color: #000;
	-webkit-text-stroke-width: 1px;
    -webkit-text-fill-color: transparent;
}


/* .sliding-text__title::before {
	color: #fff;
	color: var(--eventflow-white);
	content: attr(data-hover);
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	transition: all .5s cubic-bezier(.17,.67,.32,.87);
	white-space: nowrap;
	width: 0;
} */
.sliding-text__title {
	color: #000;
	font-size: 60px;
	font-weight: 600;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 20px;
}
/* .sliding-text__title:hover {
	-webkit-text-stroke: 1px #0000;
	color: #0000;
}
.sliding-text__title:hover::before {
	color: #fff;
	color: #55b95d;
	width: 100%;
} */
.advance___cap__img img {
	height: 50px !important;
	width: auto !important;
}
.advance___cap__img {
	/* background: #e2fee4; */
	display: flex;
	align-items: center;
	justify-content: start;
	padding: 0px;
	border-radius: 10px;
	position: relative;
}
.key__features .container {
	background: url('../img/pattern-strip-3.png') #111;
	padding: 50px;
	border-radius: 10px;
	position: relative;
	background-size: 750px;
	background-position: right;
	background-attachment: fixed;
	background-repeat: repeat;
}
.key__features .container::after {
	content: '';
	height: 30px;
	width: 100%;
	background-image: url('../img/pattern-strip-1.png');
	background-size: cover;
	position: absolute;
	bottom: -22px;
	left: 0;
	z-index: 9;
	border-radius: 0px 0px 0px 20px;
}



/* header{background: #666;padding: 20px; color: #fff; width: 100%;position:fixed;z-index:5} */

aside {
	width: 100%;
	
	padding-right: 22px;
    padding-top: 50px;
}
.side{background: #ddd; padding: 30px; margin-right: 10px;}

footer{float: left;width: 100%; color: #fff; text-align: center;padding: 50px;}
footer {
	background: url('../img/footer-bg.png') #111;
	/* background-size: cover; */
	background-position: center;
	background-attachment: fixed;
	/* background-repeat: no-repeat; */
}

.search {padding: 10px;width: 100%;background-color:red;color: #fff;}
.search.stop{margin-top: 0 !important;position: fixed;z-index: 10000;}
.main{float: left;width: 100%; position: relative;}
.main .container{display:flex}

.main{
    /* background: url('../img/bg1.png') no-repeat center center fixed; */
    /* -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; */
}


.sticky-div.fixed{position:fixed;}
.sticky-div.footstick{position:absolute; bottom:0; top:inherit!important}


.right_side.anima button{
	margin-top: 50px;

}
.right_side.anima .circle {
	position: absolute;
	height: 360px;
	width: auto;
	top: -102px;
	left: 0;
	animation-name: rotate;
	animation-duration: 120s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.right_side.anima .logo {
	position: absolute;
	height: 85px;
	width: auto;
	top: 35px;
	left: 138px;
	z-index: 9;
}
.anima__frame {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	left: -75px;
	top: 6px;
}

.circle-inside {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	box-shadow: 0px 0px 1px 1px #fff;
	display: flex;
	position: absolute;
	background-color: #efefef;
	top: 29px;
	left: 130px;
}
  
  .pulse {
    animation: pulse-animation 2s infinite;
  }

  @keyframes pulse-animation {
    0% {
      box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.2);
    }
    100% {
      box-shadow: 0 0 0 150px rgba(255, 255, 255, 0);
    }
  }
  @keyframes pulse-animation-1 {
    0% {
      box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
    }
    100% {
      box-shadow: 0 0 0 150px rgba(0, 0, 0, 0);
    }
  }
  @keyframes pulse-animation-small {
    0% {
      box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
    }
    100% {
      box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
    }
  }
  @keyframes pulse-animation-small-ico {
    0% {
      box-shadow: 0 0 0 0px rgba(255,255,255,0.5);
    }
    100% {
      box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
    }
  }

  @-webkit-keyframes rotate {
    from {
        transform: rotate(-360deg);
      }
      to {
        transform: rotate(360deg);
      }
  }
  .advance___cap__bg {
	background-color: #555;
	backdrop-filter: blur(10px);
	border: solid 1px #000;
	border-radius: 10px;
	padding: 20px;
	min-height: 500px;
}

.advance___cap__bg h2 {
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	text-align: left;
	margin-top: 10px;
}
  .advance___cap__bg p {
	color: #ddd;
	font-size: 15px;
	font-weight: 400;
    margin-top: 15px;
}
  .anima__frame h3 {
	-webkit-text-stroke: 1px #fff;
	align-items: center;
	color: #0000;
	display: flex;
	font-family: Inter,sans-serif;
	font-family: var(--eventflow-font-two);
	font-size: 74px;
	font-weight: 700;
	gap: 30px;
	line-height: 75px;
	position: absolute;
	text-transform: capitalize;
	transition: all .2s linear;
	transition-delay: .1s;
	transition: all .3s ease;
	top: 460px;
	left: 10px;
	width: 640px;
}
footer{
    position: relative;
    z-index: 99;
    bottom: 0
}

.who__we__are {
	padding: 70px;
    position: relative;
    z-index: 99;
    margin-top: 0px;
}
.who__we__are__content__para {
	padding-top: 0px;
    padding: 20px;
    border-radius: 10px;
}
.who__we__are__img {
	margin-top: 0px;
}
.who__we__empower {
	/* background:url('../img/who-we-are-bg.png') #fff; */
	position: relative;
	z-index: 99;
	padding: 80px;
}
.who__we__empower__content {
	display: flex;
	flex-direction: row;
	gap: 20px;
}
.who__we__empower__content__left {
	width: 33.33%;
}
.who__we__empower__content__middle {
	width: 33.33%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.who__we__empower__content__middle .img__holder .anima__frame {
	position: absolute;
	top: 116px;
	left: 110px;
	width: 100px;
	height: 100px;
	background: #fff;
	margin: 0;
	border-radius: 100%;
    
}
.who__we__empower__content__middle .img__holder .anima__frame span:nth-child(1) {
	animation: pulse-animation-1 2s infinite;
	border-radius: 100%;
	width: 100%;
	height: 100%;
	display: flex;
}
.who__we__empower__content__middle .img__holder .anima__frame span:nth-child(2) {
	border: solid 1px #000;
	border-radius: 100%;
	width: 240px;
	height: 240px;
	display: flex;
	position: absolute;
	top: -75px;
	left: -70px;
}
.who__we__empower__content__middle .img__holder .anima__frame span:nth-child(3) {
	border: solid 1px #888;
	border-radius: 100%;
	width: 280px;
	height: 280px;
	display: flex;
	position: absolute;
	top: -96px;
	left: -91px;
}

.who__we__empower__content__middle .img__holder {
	border: solid 1px #ddd;
	align-items: center;
	justify-content: center;
	display: flex;
	padding: 20px;
	height: 320px;
	width: 320px;
	border-radius: 100%;
    position: relative;
}
.who__we__empower__content__middle .img__holder img{
    height: 200px;
    width: auto;
    position: relative;
    z-index: 99
}
.who__we__empower__content__right {
    width: 33.33%;
}
.who__we__empower__content .content__holder.right {
	text-align: left;
	display: block;
}
.who__we__empower__content .content__holder.left {
	text-align: right;
	display: block;
}
.who__we__empower__content .content__holder.right p{
    display: inline-block;
	/* background-color: rgba(0, 0, 0, .2); */
    background-image: linear-gradient(to left, #fff , #55b95d);
	padding: 10px 20px;
	border-radius: 15px 15px 15px 0px;
    font-size: 16px;
    min-height: 125px;
}
.who__we__empower__content .content__holder.right h2 {
	display: inline-block;
	background-color: rgba(0, 0, 0, .2);
	padding: 10px 20px;
	border-radius: 15px 15px 15px 0px;
    font-size: 18px;
    position: relative;
}
.who__we__empower__content .content__holder.right h2::after {
	content: '';
	height: 12px;
	width: 12px;
	position: absolute;
	bottom: -5px;
	left: -5px;
	background-color: #000;
	border-radius: 100%;
    animation: pulse-animation-small 2s infinite;
}
.who__we__empower__content .content__holder.left p{
    display: inline-block;
	/* background-color: rgba(0, 0, 0, .2); */
    background-image: linear-gradient(to right, #fff , #55b95d);
	padding: 10px 20px;
	border-radius: 15px 15px 0px 15px;
    font-size: 16px;
    min-height: 125px;
    /* border: solid 1px #999; */
}
.who__we__empower__content .content__holder.left h2 {
	display: inline-flex;
	/* background-color: rgba(0, 0, 0, .2); */
    background-image: linear-gradient(to right, #fff , #55b95d);
	padding: 10px 20px;
	border-radius: 15px 15px 0px 15px;
	font-size: 18px;
	position: relative;
	align-items: center;
    /* border: solid 1px #999; */
}
.who__we__empower__content .content__holder.right h2 {
	display: inline-flex;
	/* background-color: rgba(0, 0, 0, .2); */
    background-image: linear-gradient(to left, #fff , #55b95d);
	padding: 10px 20px;
	border-radius: 15px 15px 15px 0px;
	font-size: 18px;
	position: relative;
	align-items: center;
}
.who__we__empower__content .content__holder.left h2::after {
	content: '';
	height: 12px;
	width: 12px;
	position: absolute;
	bottom: -5px;
	right: -5px;
	background-color: #444;
	border-radius: 100%;
    animation: pulse-animation-small 2s infinite;
}
.who__we__empower__content .content__holder.left h2 span.ico {
	background-color: #fff;
	position: relative;
	height: 35px;
	width: 35px;
	border-radius: 100%;
	display: flex;
	padding: 7px;
	margin-left: 10px;
}
.who__we__empower__content .content__holder.left h2 span img{
    max-width: 100%;
}

.who__we__empower__content .content__holder.right h2 span.ico {
	background-color: #fff;
	position: relative;
	height: 35px;
	width: 35px;
	border-radius: 100%;
	display: flex;
	padding: 7px;
	margin-right: 10px;
}
.who__we__empower__content .content__holder.right h2 span img{
    max-width: 100%;
}
.how__it__works{
    position: relative;
    padding-bottom: 35px;
}
.how__it__works .container {
	background: url('../img/pattern-strip-4.png') #111;
	padding: 20px;
	border-radius: 20px;
	position: relative;
	height: 185px;
	background-size: 500px;
	background-attachment: fixed;
}
.how__it__works .container h2 {
	color: #fff;
	text-align: left;
	margin-bottom: 0;
	margin-top: 0;
	padding-left: 15px;
}
.how__it__works__content__right ul li {
	background-color: rgba(255, 255, 255, .2);
	list-style: none;
	border-radius: 10px;
	padding: 20px;
	margin-bottom: 20px;
    position: relative;
}
.how__it__works__content__right ul li::after {
	content: '';
	height: 15px;
	width: 15px;
	position: absolute;
	top: 45%;
	left: -59px;
	background-color: #fff;
	border-radius: 100%;
	animation: pulse-animation-small-ico 2s infinite;
	z-index: 9;
}
.how__it__works__content__right ul li div span.ico {
	background-color: rgba(255,255,255,0.2);
	position: relative;
	height: 75px;
	width: 75px;
	border-radius: 5px;
	display: flex;
	padding: 20px;
	align-content: center;
	justify-content: center;
	border: solid 1px #777;
}
.how__it__works__content__right ul li div span.ico img{
    height: auto;
    width: 100%;
}
.how__it__works__content__right ul li div {
	display: flex;
	align-items: center;
	gap: 40px;
}
.how__it__works__content__right ul li div h3 {
	margin-bottom: 0px;
	color: #fff;
	-webkit-text-stroke: 1px #fff;
	color: #000;
	font-size: 60px;
	font-weight: 900;
}
.how__it__works__content__right ul li div p{
    margin-bottom: 0px;
    color: #fff;
    display: flex;
    flex-direction: column;
}
.how__it__works__content__right ul li div p span:nth-child(1) {
	font-size: 26px;
	font-weight: 600;
	margin-bottom: 0px;
    color: #55b95d;
}
.how__it__works__content__right ul li div p span:nth-child(2){
    font-size: 15px;
}
.how__it__works__content.row {
	margin: 0;
}
.how__it__works__content__right ul{
    position: relative;
}
.how__it__works__content__right ul::after{
    content: '';
    position: absolute;
    height: 100%;
    width: 2px;
    z-index: -1;
    /* background-color: #fff; */
    left: -20px;
    top: 0;
    transform: translateX(-50%);
    background-image: linear-gradient(rgba(255, 255, 255, 0.1),#55b95d, rgba(255, 255, 255, 0.1));
}
.how__it__works__content__left{
    display: flex;
    align-items: center;
    justify-content: center;
}
.how__it__works__content__left img {
	height: auto;
	max-width: 100%;
	width: 80%;
}
.footer__logo img{
    height: 75px;
    width: auto;
}
.footer__contact {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
    margin-top: 20px;
    margin-bottom: 20px;
}
.footer__contact a {
	color: #fff;
	font-size: 22px;
	text-decoration: none;
}
.footer__nav {
	padding-left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 35px;
}
.footer__nav li{
    list-style: none;
}
.footer__nav li a{
    color: #55b95d;
    text-decoration: none;
    font-size: 18px;
}
.footer__logo {
	margin-top: 25px;
	margin-bottom: 25px;
}
.social__media {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
}
.social__media li{
    list-style: none;
}
.social__media li a{
    color: #fff;
    font-size: 20px;
    height: 40px;
    width: 40px;
    align-items: center;
    justify-content: center;
    border:solid 2px #fff;
    border-radius: 10px;
    display: flex;
}
.btn__get__started{
    background-color: #55b95d !important;
	color: #fff !important;
	font-weight: 600;
	/* box-shadow: 0px 12px 28px -3px #55b95d; */
    border: solid 2px #55b95d;
	padding: 12px 25px;
	font-size: 18px;
	text-transform: uppercase;
	border-radius: 10px;
    min-width: 245px;
}

.btn__demo {
	background-color: transparent;
	color: #55b95d !important;
	font-weight: 600;
	/* box-shadow: 0px 12px 28px -3px #55b95d; */
	padding: 12px 25px;
	font-size: 18px;
	text-transform: uppercase;
	border-radius: 10px;
	min-width: 250px;
	border: solid 2px #55b95d;
}
.btn__demo:hover{
    color: #fff;
}
.img-group {
	display: flex;
	gap: 15px;
	flex-direction: row;
	padding-left: 0;
	flex-wrap: wrap;
	justify-content: center;
}
.img-container-features {
	background: #fff;
	border-radius: 10px;
	border: solid 1px #ddd;
	width: 32.33%;
	list-style: none;
	padding: 20px;
}
.img-container-features:nth-child(4){
    width: 49%;
}
.img-container-features:nth-child(5){
    width: 49%;
}
#Features {
	padding: 75px 0px;
}
.core__features__img::after {
	content: '';
	position: absolute;
	background: #e3f1d5;
	height: 58px;
	width: 50px;
	border-radius: 0;
	top: -9px;
	left: 11px;
	aspect-ratio: cos(30deg);
	clip-path: polygon(-50% 50%,50% 100%,150% 50%,50% 0);
}
.owl-stage{padding-left:0px !important;}
.custom-nav {
	display: flex;
	gap: 10px;
}
.custom-nav .custom-prev {
	background-color: #55b95d;
	border: none;
	border-radius: 7px;
	padding: 10px 25px;
	color: #fff;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
}
.custom-nav .custom-next{
    background-color: #55b95d;
	border: none;
	border-radius: 7px;
	padding: 10px 25px;
	color: #fff;
	font-weight: 500;
    display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
}
footer::before {
	bottom: 100%;
	content: "";
	display: block;
	height: 24px;
	left: 0;
	position: absolute;
	right: 0;
	width: 100%;
	z-index: 2;
	background-image: url('../img/pattern-strip-2.png');
	background-size: cover;
}
.who__we__empower__content__card img{
    height: 50px;
    width: auto;
}
.who__we__empower__content__card {
	width: 25%;
	position: relative;
	min-height: 300px;
	background: #fff;
	padding: 20px;
	border-radius: 20px;
	position: relative;
	box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.09);
}
.who__we__empower__content__card h2{
    font-size: 22px;
    margin-top: 25px;
    margin-bottom: 25px;
}

.how__it__works__card {
	display: flex;
	gap: 80px;
	margin-top: 30px;
	padding-left: 65px;
	padding-right: 65px;
}

.how__it__works__card span {
	background-color: #55b95d;
	border-radius: 0px;
	height: 100px;
	width: 25%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 600;
	padding: 20px;
	text-align: center;
    position: relative;
    color: #fff;
    font-style: italic;
}
.how__it__works__card span small {
	background: #fff;
	width: 35px;
	position: absolute;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	right: -52px;
    color: #000;
}
.how__it__works__card span::after {
	content: '';
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0px 0px 101px 67px;
	border-color: transparent transparent #55b95d transparent;
	transform: rotate(0deg);
	position: absolute;
	left: -66px;
	top: 0;
	font-style: italic;
}
.how__it__works__card span::before {
	content: '';
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 101px 67px 0 0;
	border-color: #55b95d transparent transparent transparent;
	transform: rotate(0deg);
	position: absolute;
	right: -66px;
	top: 0;
}
.how__it__works .left__line{
    position: relative;
}
.how__it__works .right__line{
    position: relative;
}
.how__it__works .left__line::after {
	content: '';
	width: 83%;
	height: 2px;
	/* background: #fff; */
	background-image: linear-gradient(to right, #111 , #fff);
	left: 6.7%;
	bottom: -12px;
	display: block;
	position: absolute;
}
.how__it__works .right__line::after {
	content: '';
	width: 89.8%;
	height: 2px;
	/* background: #fff; */
	background-image: linear-gradient(to right, #fff , #111);
	right: 4.8%;
	top: 7px;
	display: block;
	position: absolute;
}
.how__it__works .right__line::before {
	content: '';
	width: 2px;
	height: 163px;
	background: #fff;
	left: 0;
	bottom: -26px;
	display: block;
	position: absolute;
	transform: rotate(35deg);
}
.how__it__works .sub__text {
	font-size: 16px;
	margin-top: 0;
	margin-bottom: 10px;
	color: #fff;
	padding-left: 15px;
	display: block;
}
.who__we__are__img{
    margin-top: 0px;
}
#offcanvasRight{
	background: url('../img/bg.png');
}
.contact-us h2 {
	font-size: 40px;
	font-weight: 700;
}
.offcanvas-body {
	padding: 16px;
}
.offcanvas-header.d-flex.align-items-center.justify-content-between {
	border-bottom: solid 1px #999;
}
.contact-us__form {
	background-color: #fff;
	padding: 10px;
	border-radius: 10px;
	box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.09);
}
.contact-us__form label {
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 0px;
}
.contact-us__form input{
	font-size: 14px;
}
.contact-us__form textarea{
	font-size: 14px;
}
.contact-us__form button{
	font-size: 16px;
	font-weight: 500;
	background-color: #55b95d !important;
	border: none !important;
}
#offcanvasRightLabel {
	font-weight: 600;
	font-size: 26px;
}
.drawer__contact__details {
	background-color: #fff;
	padding: 10px;
	border-radius: 10px;
	box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.09);
}
.drawer__contact__details h2 {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 20px;
}
.drawer__contact__details p {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 0px;
}
.contact-us {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.drawer__contact__details__links{
	display: flex;
	gap: 20px;
}
.drawer__contact__details .social__media{
	color: #000;
}
.drawer__contact__details .social__media li a {
	color: #000;
	border: solid 2px #ddd;
	height: 30px;
	width: 30px;
	font-size: 14px;
	border-radius: 6px;
}
.drawer__contact__details .social__media {
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 8px;
	margin-top: 10px;
}
.footer__logo__small {
	height: 11px;
	margin-top: -3px;
}
.who__we__are__content{
	background-color: #fff;
	box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.09);
	padding: 20px;
	border-radius: 20px;
}
.drawer__contact__details {
	background: #fff;
	border-radius: 15px;
	padding: 15px;
	box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.09);
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}
.drawer__contact__details__links span a{
	text-decoration: none;
	color: #55b95d;
}
.get__in__touch .container {
	padding: 25px;
	/* background:url('../img/get-in-touch-bg.png') #55b95d; */
	/* background: url('../img/pattern-strip-4.png') #111; */
	/* background-color: #fff; */
	/* background-size: 500px; */
	/* background-position: right; */
	/* background-attachment: fixed; */
	/* background-repeat: no-repeat; */
	color: #000;
	/* border-radius: 15px; */
	margin-bottom: 75px;
	position: relative;
	overflow: hidden;
	/* box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.09); */
}
.get__in__touch__form {
	display: flex;
	gap: 10px;
}
.get__in__touch__text h2 {
	color: #000;
	font-size: 60px;
	font-weight: 600;
	position: relative;
	padding-left: 15px;
}
.get__in__touch__text h2::after {
	content: '';
	height: 145px;
	width: 4px;
	background-color: #000;
	position: absolute;
	left: -20px;
	top: 0px;
}
.get__in__touch__text p {
	color: #000;
}
.get__in__touch__text {
	padding: 0px 0px;
}
.get__in__touch__form{
	padding: 0px 25px;

}
.get__in__touch__form input {
	background-color: #fff;
	border: none;
	padding: 12px 15px;
	border-radius: 5px;
	border: solid 1px #ddd;
}
.get__in__touch__form button {
	background-color: #55b95d;
	color: #fff;
	border: none;
	padding: 12px 25px;
	border-radius: 5px;
	font-size: 16px;
	font-weight: 600;
}
.get__in__touch__form button:hover {
	background-color: #399140;
	color: #fff;
}
.cstm__form {
	display: flex;
	gap: 10px;
}
.content__sect {
	margin-top: 120px;
	margin-bottom: 120px;
}
.content__sect h1 {
	font-size: 40px;
	font-weight: 600;
	margin-top: 0px;
	margin-bottom: 30px;
}
.content__sect p {
	font-size: 18px;
}
.content__sect h2 {
	margin-top: 20px;
	margin-bottom: 20px;

}
.cookies__section {
	position: fixed;
	bottom: 0;
	background: #fff;
	width: 100%;
	z-index: 99;
	padding: 20px;
	left: 0;
	box-shadow: 0px 15px 15px 15px #999;
}
.cookies__sect__btn {
	display: flex;
	flex-direction: column;
	gap: 5px;
	margin-top: 35px;
}
.cookies__btn {
	background: #55b95d;
	padding: 10px 20px;
	border: none;
	border-radius: 5px;
	font-weight: 500;
	color: #fff;
}
.cookies__btn:hover {
	background: #399140;
	transition: all 0.7s ease;
}
.cookies__img {
	display: flex;
	align-items: center;
	gap: 5px;
	margin-bottom: 10px;
}
.cookies__img svg{
	font-size: 40px;
}
.cookies__img h1{
	margin-bottom: 0;
}
.content__sect ul li {
	list-style: none;
	position: relative;
	padding-left: 10px;
	margin-top: 8px;
	margin-bottom: 8px;
}
.content__sect ul li::after {
	content: '';
	height: 25px;
	width: 25px;
	background-image: url('../img/hexagon.png');
	position: absolute;
	left: -32px;
	top: 0px;
	background-size: cover;
}
@media only screen and (min-width: 320px) and (max-width: 600px) {
	.hero__top__h1 {
		font-size: 45px;
	}
	.hero__top__h2 {
		font-size: 45px;
	}
	.hero__top__h3 {
		font-size: 20px;
		line-height: 30px;
	}
	.hero__btn {
		display: flex;
		flex-direction: column;
		gap: 10px;
		padding: 20px;
		align-items: center;
	}
	.sliding-text__title {
		color: #000;
		font-size: 40px;
		font-weight: 600;
		text-align: left;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.img-container-features {
		width: 100%;
	}
	.img-group{
		padding: 20px;
	}
	.img-container-features:nth-child(4) {
		width: 100%;
	}
	.img-container-features:nth-child(5) {
		width: 100%;
	}
	.key__features .container{
		padding: 20px;
	}
	.who__we__empower {
		padding: 0px;
		margin-bottom: 30px;
		margin-top: 50px;
	}
	.who__we__empower__content__card h2 {
		font-size: 22px;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.who__we__empower__content__card{
		width: 100%;
	}
	.who__we__empower__content {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}
	.who__we__are {
		padding: 50px 10px;
		position: relative;
		z-index: 99;
		margin-top: 0px;
	}
	.who__we__are__content__para {
		padding-top: 0px;
		padding: 5px;
		border-radius: 10px;
	}
	.how__it__works {
		position: relative;
		padding-bottom: 35px;
		padding: 10px;
	}
	.how__it__works .container{
		height: auto;
	}
	.how__it__works .left__line::after{
		display: none;
	}
	.how__it__works .left__line::before{
		display: none;
	}
	.how__it__works .right__line::after{
		display: none !important;
	}
	.how__it__works .right__line::before{
		display: none !important;
	}
	.how__it__works__card {
		display: flex;
		flex-direction: column;
		gap: 30px;
		padding-bottom: 20px;
	}
	.how__it__works__card span{
		width: 100%;
	}
	.how__it__works__content__left{
		width: 100%;
	}
	.how__it__works__content__right{
		width: 100%;
	}
	.how__it__works__card span small {
		background: #fff;
		width: 35px;
		position: absolute;
		height: 35px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 100%;
		right: 42%;
		color: #000;
		bottom: -15px;
		transform: rotate(90deg);
	}
	.how__it__works .container h2{
		text-align: center;
	}
	.how__it__works .sub__text{
		text-align: center;
	}
	.get__in__touch__text h2 {
		color: #fff;
		font-size: 40px;
		font-weight: 600;
	}
	.cstm__form {
		display: flex;
		gap: 10px;
		flex-direction: column;
	}
	.get__in__touch__form {
		padding: 0px 0px;
	}
	.get__in__touch__text p {
		color: #fff;
		text-align: center;
	}
	.get__in__touch__form {
		padding: 0px 0px;
		position: relative;
		z-index: 9;
	}
	.get__in__touch {
		padding: 10px;
	}
	footer {
		float: left;
		width: 100%;
		color: #fff;
		text-align: center;
		padding: 10px;
	}
	.footer__nav {
		padding-left: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 0px;
		flex-direction: column;
	}
}