/* CSS Index
-----------------------------------
1.default css
2.header section start
3.banner section start
4.features section start
5.customer stories section start
6.impacting section start
7.solutions section start
8.cta section start
9.footer section start

-----------------------------------
*/


/* font  family  */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
.tk-neue-haas-grotesk-display { font-family: "neue-haas-grotesk-display",sans-serif !important; }
.tk-roboto{ font-family: "Roboto", sans-serif !important; }

/* ============================ default css start ================================= */
body {
    font-size: 17px;
    line-height: 1.5;
    font-weight: 450;
    font-family: "neue-haas-grotesk-display",sans-serif;
    color: #fff;
    background-color: #0A0F12;
}

body::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #D9D9D9;
    z-index: 98;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
body.overlay-active::before{
    opacity: 0.4;
    visibility: visible;
}
/* lenis */
html.lenis,
html.lenis body {
    height: auto;
}

.lenis.lenis-smooth {
    scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
}

.lenis.lenis-stopped {
    overflow: hidden;
}

/* lenis */

/* scroll bar */
.os-scrollbar-handle {
    background: #E3E829;
}
body>.os-scrollbar {
    z-index: 999;
}
/* scroll bar */

img {
    max-width: 100%;
    height: auto;
}
/* animation */
.animation-line{
    overflow: hidden;
}
/* animation */


/* paralax img */
a {
    text-decoration: none;
    color: #fff;
}

a:hover {
    color: #fff;
}

img {
    max-width: 100%;
    height: auto;
}

.bg-fix {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* container */
.container {
    max-width: 1434px;
}

/* z-index */
.z-4 {
    z-index: 4 !important;
}
.z-5 {
    z-index: 5 !important;
}
.z-6 {
    z-index: 6 !important;
}
.z-7 {
    z-index: 7 !important;
}

/* z-index */

/* input */
input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="password"], input[type="url"], textarea {
    width: 100%;
    padding: 11px 12px;
    background: transparent;
    border: 1px solid #fff;
    color: rgba(255, 255, 255, 0.70);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    opacity: 1;
    border-radius: 8px;
    display: block;
}

textarea{
	height: 116px;
}
input:focus , textarea:focus{
	outline: none;
	-webkit-box-shadow: none;
	        box-shadow: none;
}
::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.30);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}
::-moz-placeholder {
    color: rgba(255, 255, 255, 0.30);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}
:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.30);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}
::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.30);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}
::placeholder {
    color: rgba(255, 255, 255, 0.30);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}
/* input */



.animation-line p:last-child,
.mb-p p:last-child{
    margin-bottom: 0;
}

/* heading  style*/
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #fff;
    font-weight: 600;
    line-height: 1.5;
    font-family: "neue-haas-grotesk-display",sans-serif;
}

h1 {
    font-size: 65px;
}

h2 {
    font-size: 60px;
}

h3 {
    font-size: 45px;
}

h4 {
    font-size: 35px;
}

h5 {
    font-size: 25px;
}

h6 {
    font-size: 20px;
}
.animation-line ,
.words {
    will-change: transform;
}
/* all button */
.btn-1 {
    color: #191919;
    font-family: "neue-haas-grotesk-display",sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
    background: #E3E829;
    padding: 6px 21.5px;
    border: 1px solid #E3E829;
    border-radius: 67px;
    display: inline-block;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.btn-1.version-2 ,
.btn-1:hover{
    background: transparent;
    color: #fff;
}

.btn-1.version-2.active ,
.btn-1.version-2:hover {
    background: #E3E829;
    color: #191919;
}
.btn-1.version-2 svg path {
    transition: all 0.3s linear;
}
.btn-1.version-2.active ,
.btn-1.version-2:hover svg path{
    fill: #191919;
}
.tag-close-icon {
    display: none;
    transition: all 0.3s linear;
}
.btn-1.active .tag-close-icon{
    display: inline-block;
}
.tag-btn:not(.active){
    cursor: pointer;
}
.btn-2 {
    color: #FFF;
    font-size: 18px;
    opacity: 0.5;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.btn-2:hover{
   opacity: 1;
}
.login-icon {
    opacity: 0.5;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.login-icon svg {
    margin-top: -2px;
}
.login-btn {
    color: #FFF;
    font-size: 18px;
    font-weight: 450;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.login-btn:hover{
    color: #E3E829;
}
.login-btn:hover .login-icon{
    opacity: 1;
}
.btn-1.version-3 {
    background: #000;
    color: #E3E829;
    border: 2px solid transparent;
    padding: 7px 32px;
}
.btn-1.version-3:hover{
    border-color: #000;
    background: transparent;
    color: #000;
}
.btn-3{
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 1.28px;
}
.btn-3 svg {
    transition: all 0.3s linear;
}
.btn-3:hover svg {
    transform: rotate(90deg);
}
/* all button */

/* Preloader */
#preloader {
    position: fixed;
    z-index: 9999;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #000000;
}
#preloader img {
    max-width: 100px;
}
#preloader:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border-radius: 100%;
    background: #44D62C;
    -webkit-filter: blur(350px);
            filter: blur(350px);
    z-index: -1;
    opacity: 0.6;
}
/* Preloader End */
/* b-radius */
.b-radius-13{
    border-radius: 13px;
}
.b-radius-10{
    border-radius: 10px;
}
.b-radius-20{
    border-radius: 20px;
}
/* b-radius */

/* border */
.quill-grey-border{
    border: 2px solid rgba(213, 213, 213, 0.3);
}

/*  */

/* section padding  */
.section-padding{
    padding: 128px 0;
}
/* ============================ default css end ================================= */



/* ============================ header section start =============================*/
.pricing-list-wrapper ,
.nav-info ul,
.footer-menu ,
.menu-wrapper ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.menu-wrapper > ul > li {
    display: inline-block;
    margin-right: 18.5px;
    margin-left: 18.5px;
}
.menu-wrapper ul li:last-child{
    margin-right: 0;
}
.menu-wrapper ul li a {
    display: inline-block;
    color: #FFF;
    font-size: 18px;
    font-weight: 450;
    line-height: 1.5;
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.menu-wrapper > ul > li > a{
    padding: 10px 0;
}
.menu-wrapper > ul > li > a::before{
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 2px;
    width: 0%;
    background: #E3E829;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.menu-wrapper ul li:hover > a::before{
    opacity: 1;
    visibility: visible;
    width: 100%;
}
.header-area {
    padding: 49px 0 46px;
    position: fixed;
    z-index: 99;
    width: 100%;
    background: transparent;
    -webkit-backdrop-filter: blur(0px);
            backdrop-filter: blur(0px);
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;

}
.header-logo img {
    max-width: 287px;
}
.header-area .container {
    max-width: 1524px;
}
.header-button-wrapper {
    gap: 30px;
}
.header-area.header-sticky {
    background: rgba(10, 15, 18, 0.94);
    -webkit-backdrop-filter: blur(5.5px);
            backdrop-filter: blur(5.5px);
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.header-area::before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 100%;
    background-color: #777575;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.header-area.header-sticky::before{
    opacity: 1;
    visibility: visible;
}
.overlay-active .header-area.header-sticky::before{
    opacity: 0;
    visibility: hidden;
}



/* header offcanvas start*/
.offcanvas-header {
    padding: 15px 20px;
}

.offcanvas-body {
	padding:25px 20px 15px;
}

.humbarger-btn {
    border: 0;
    background: transparent;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    position: relative;
    padding: 0;
    margin: 0;
    margin-top: -5px;
}

.btn-close {
	--bs-btn-close-bg: none;
	--bs-btn-close-opacity: 1;
	--bs-btn-close-hover-opacity: 1;
	border: 0;
	border-radius: 0;
	height: 39px;
	width: 43px;
	gap: 0px;
	-webkit-transition: top ease .3s, -webkit-transform ease .3s .3s;
	-o-transition: top ease .3s, transform ease .3s .3s;
	transition: background-color ease .3s, top ease .3s, transform ease .3s .3s,
		-webkit-transform ease .3s .3s;
	background-color: #E3E829;
}

.filter-offcanvas-menu .btn-close ,
.header-offcanvas .btn-close {
	padding: 0;
	margin: 0;
}

.btn-close span {
	background-color: #000;
	height: 4px;
	width: 23px;
	-webkit-transition: top ease .3s, -webkit-transform ease .3s .3s;
	-o-transition: top ease .3s, transform ease .3s .3s;
	transition: top ease .3s, transform ease .3s .3s,
		-webkit-transform ease .3s .3s;
}

.header-offcanvas .nav-info>ul>li {
	padding-bottom: 15px;
}
.header-offcanvas .nav-info>ul>li .sub-menu li {
    padding-bottom: 0;
    margin-bottom: 5px;
}
.header-offcanvas .nav-info>ul>li:last-child {
	padding-bottom: 0;
    margin-bottom: 0px;
}
.sub-menu-info p{
    color: #fff;
    margin-bottom: 8px;
}
.sub-menu-info p:last-child{
    margin-bottom: 0;
}
.header-offcanvas .nav-info .sub-menu li a {
    font-size: 16px;
	-webkit-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}

.header-offcanvas .nav-info .sub-menu li a:hover {
	color: #E3E829;
}
.offcanvas-bottom-btn {
	margin-top: 37px;
}

.offcanvas-bottom-btn .btn-1 {
	padding: 9.5px 35px;
}
.header-offcanvas .nav-info>ul>li {
    padding-bottom: 15px;
}
.header-offcanvas .nav-info>ul>li:last-child {
    padding-bottom: 0;
}
.header-offcanvas .nav-info ul li a{
    display: block;
    position: relative;
    z-index: 1;
}
.header-offcanvas .nav-info >ul > li >a {
    font-size: 20px;
    color: #fff;
    font-weight: 500;
}
.header-offcanvas .nav-info .has-mega-menu > a::before {
    content: "";
    position: absolute;
    top: 6px;
    right: 2px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    height: 12px;
    width: 12px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transform-origin: center;
        -ms-transform-origin: center;
            transform-origin: center;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.offcanvas {
    background-color: #0A0F12;
}
.offcanvas-logo img {
    max-width: 200px;
}

.nav-info > ul > li .sub-menu li a {
    font-size: 18px;
}
/* .sub-menu{
    display: none;
} */
.header-offcanvas .nav-info .has-mega-menu.open > a::before {
    -webkit-transform:rotate(-135deg);
        -ms-transform:rotate(-135deg);
            transform:rotate(-135deg);
}
.sub-btn{
    color: #FFF;
    font-size: 18px;
    font-weight: 500;
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    gap: 8px;
}
.sub-menu-info {
    margin-bottom: 10px;
}
.mobile-bottom-button-wrapper {
    margin-top: 20px;
}
.offcanvas-backdrop {
    background-color: #D9D9D9;
}
.offcanvas-backdrop.show {
    opacity: .4;
}
button:focus:not(:focus-visible) {
    outline: 0;
    box-shadow: none;
}
/* header offcanvas end*/

/* filter offcanvas start*/
.filter-offcanvas-menu.offcanvas.offcanvas-end {
    width: 590px;
}
.filter-offcanvas-menu .accordion-button-wrapper {
    padding-top: 30px;
}
.active-filter-title  ,
.filter-offcanvas-menu .main-faq-accordion  .accordion-big-title {
    font-size: 24px;
    color: #E3E829;
    padding-left: 0;
}
.active-filter-wrapper {
    padding: 25px;
    border: 1px solid #ffff;
    display: none;
    border-radius: 16px;
}

/* filter offcanvas  end*/

/* mega menu */
.mega-menu {
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    width: 100%;
    z-index: -1;
    padding: 150px 0 55px;
    opacity: 0;
    visibility: hidden;
    /* opacity: 1;
    visibility: visible; */
    -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
            filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    border-bottom: 2px solid #777575;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.menu-wrapper > ul > li:hover > .mega-menu{
    opacity: 1;
    visibility: visible;
}
.header-area .mega-menu .container {
    max-width: 1418px;
}
.column-wrap p ,
.mega-menu-description p {
    color: #FFF;
    font-size: 25px;
    font-weight: 450;
    line-height: 1.41;
}
.column-wrap p {
    font-weight: 500;
    line-height: 1.5;
}
.menu-wrapper ul li .get-started {
    padding: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    font-weight: 500;
}
.menu-wrapper ul li .get-started:hover {
    color: #E3E829;
}
.mega-menu-description {
    max-width: 314px;
}
.column-wrap h5 {
    color: rgba(255, 255, 255, 0.50);
    font-size: 13px;
    font-weight: 450;
    letter-spacing: 3.38px;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.column-wrap ul li a {
    font-weight: 500;
}
.column-wrap ul li{
    margin-bottom: 10px;
}
.column-wrap ul li:last-child{
    margin-bottom: 0;
}
.column-wrap ul li a:hover{
    color: #E3E829;
}
.column-wrap {
    max-width: 519px;
}
.mega-menu .col.col:nth-child(1){
    max-width: 512px;
}
.mega-menu .col.col:nth-child(2) {
    max-width: 350px;
}
.header-offcanvas .mega-menu {
    position: static;
    opacity: 1;
    visibility: visible;
    padding: 15px 0;
    border: 0;
    background: transparent;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    display: none;
}
.header-offcanvas .mega-menu  .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    --bs-gutter-y:20px;
}
.column-wrap p, .mega-menu-description p {
    font-size: 20px;
}
.column-wrap h5 {
    margin-bottom: 6px;
}
/* mega menu */
/* ============================ header section end =============================*/

/* ============================ banner section start =============================*/
.banner-area {
    padding-top: 248px;
    position: relative;
}

.mobile-banner-gradient {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.desktop-banner-gradient {
    position: absolute;
    top: 35%;
    width: 100%;
    z-index: -1;
    height: 60vw;
    transform: translateY(-50%);
}


.banner-content .btn-1 {
    margin-top: 37px;
}
.banner-content p {
    font-size: 18px;
    font-weight: 450;
}
.banner-content h1{
    font-size: 80px;
    line-height: 1.2;
}

/* small banner section start */
.small-banner-area {
    min-height: 528px;
    padding-bottom: 162px;
}
.small-banner-area::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    background: #777575;
    background: radial-gradient(circle, rgba(119, 117, 117, 1) 0%, rgba(119, 117, 117, 0.02) 100%);
    z-index: 5;
}
.gradient-shape {
    position: absolute;
    top: 0;
    left: 0;
    height: 991px;
    width: 100%;
    z-index: 3;
}
.gradient-shape::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 3;
    background: linear-gradient(181deg, rgba(10, 15, 18, 0.00) 52.56%, #0A0F12 90.75%);
}
.gradient-shape-inner-bg {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    opacity: 0.15;
}
.banner-circle-shape {
    position: absolute;
    top: 25px;
    left: -1630px;
    height: 100%;
    width: calc(100% + 1000px);
    z-index: -1;
    filter: blur(100px);
}
/* small banner section end */

/* ============================ banner section end =============================*/

/* ============================ features section start =============================*/
.cta-area .section-title-wrapper p ,
.page-template-template-home  .section-title-wrapper p {
    color: rgba(255, 255, 255, 0.80);
}
.features-area {
    margin-top: -456px;
    padding-bottom: 93px;
}

.features-area::after, .features-area::before {
    content: "";
    position: absolute;
    left: 0;
    top: -127px;
    width: 100%;
    height: 913px;
    background: linear-gradient(180deg, rgba(11, 16, 19, 0.00) 0%, #0A0F12 19.2%);
    z-index: 1;
}
.features-area::after {
    top: 240px;
    left: 50%;
    height: 547.06px;
    width: 1956.658px;
    border-radius: 100%;
    background: rgba(68, 214, 44, 0.16);
    z-index: 2;
    -webkit-filter: blur(100px);
    filter: blur(100px);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);

}

.features-area .section-title-wrapper{
    margin-bottom: 80px;
}
.solutions-area  .section-title-wrapper p,
.pricing-card-area .section-title-wrapper p ,
.contact-area .section-title-wrapper p ,
.customer-stories-area .section-title-wrapper p,
.features-area .section-title-wrapper p{
    margin-right: auto;
    margin-left: auto;
}
.features-area .section-title-wrapper p {
    font-size: 17px;
    font-weight: 450;

}
.section-title-wrapper p{
    max-width: 591px;
}
/* accordion */
.features-left-item {
    margin-top: 22px;
}
.accordion-item:first-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
/* accordion */
.features-mobile-inner-item-content h6 ,
.accordion-item h6 {
    color: #FFF;
    letter-spacing: 5.2px;
    margin-bottom: 0;
    text-transform: uppercase;
}
.features-mobile-inner-item-content h6 ,
.accordion-item h6[data-bs-toggle="collapse"] {
    cursor: pointer;
}
.accordion-body {
    padding: 0;
}
.accordion-body p:last-child{
    margin-bottom: 0;
}
.accordion-item {
    color: rgba(255, 255, 255, 0.80);
    background-color: transparent;
    border: 0;
    margin-bottom: 38px;
    position: relative;
    z-index: 1;
    padding-left: 25px;
}
.accordion-item:last-child{
    margin-bottom: 0;
}
.features-mobile-inner-item-content p,
.features-accordion .accordion-body p {
    font-size: 21px;
    line-height: 1.33;
}
#featureAccordion .accordion-body p{
    margin-bottom: 0;
}
.features-accordion h6[aria-expanded="true"] {
    color: #E3E829; 
  }
.according-line-wrapper {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 1px;
    background: rgba(255, 255, 255, 0.35);
}
.according-line-wrapper span {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    height: 0%;
    width: 100%;
    background: #E3E829;
    -webkit-transition: all 0s linear;
    -o-transition: all 0s linear;
    transition: all 0s linear;
}
.accordion-collapse.collapse.show ~ .according-line-wrapper span{
    height: 100%;
    -webkit-transition: all 5s linear;
    -o-transition: all 5s linear;
    transition: all 5s linear;
}

.features-left-item .btn-1 {
    margin-top: 60px;
}

.video-wrapper-card-1{
    background: rgba(217, 217, 217, 0.30);
    padding: 9px;
    width: calc(100% - 50px);
}
.video-wrapper-card-2 video,
.video-wrapper-card-1 video {
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
}
.video-wrapper-card-1 video{
    width: 100%;
    height: 446px;
}
.video-wrapper-card-2 video{
    width: 100%;
    height: 100%;
}
.video-wrapper-card-2 {
    position: absolute;
    top: 81px;
    right: 0;
    height: 152px;
    width: 204px;
    z-index: 1;
    padding: 4px;
    background: #777575;
}
.features-inner-wrapper .row {
    --bs-gutter-x: 0;
}
.features-inner-wrapper .col:nth-child(1) {
    max-width: 560px;
}
.features-right-item {
    margin-left: 124px;
    max-width: 723px;
}
.features-mobile-inner-item-content {
    margin-top: 30px;
}
.features-mobile-inner-item {
    margin-top: 30px;
}
.features-mobile-inner-item:last-child{
    margin-bottom: 0;
}
.features-left-item .section-title-wrapper {
    margin-bottom: 32px;
}
/* key features area */
.key-features-area .drone-gradient-shape-bg {
    top: 25px;
    height: 955px;
    opacity: 0.24;
    filter: blur(150px);
}
.key-features-area .features-left-item .btn-1 {
    margin-top: 30px;
}
/* key features area */
/* ============================ features section end =============================*/

/* ============================ customer stories section start =============================*/
.customer-stories-area .section-title-wrapper {
    margin-bottom: 55px;
}
.customer-stories-card {
    border: 1px solid rgba(255, 255, 255, 0.30);
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    padding: 26px 37px 31px 33px;
}
.customer-stories-card blockquote {
    color: rgba(255, 255, 255, 0.70);
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 0;
}
.customer-stories-card blockquote strong {
    color: #fff;
    font-weight: 500;
}
.footer-link-wrapper a ,
.footer-menu li a ,
.footer-item h6,
.author-information-info p ,
.author-information-info h6 {
    font-size: 18px;
}

.author-information-wrapper {
    margin-top: 54px;
}
.customer-stories-card-wrapper .row {
    --bs-gutter-x: 45px;
}
.customer-stories-bottom-btn {
    margin-top: 52px;
} 
.customer-stories-card-wrapper  .swiper {
    overflow: inherit;
}
/* ============================ customer stories section end =============================*/

/* ============================ impacting section start =============================*/
.features-area.impacting-area {
    margin-top: 0;
    padding: 110px 0 96px;
}

.features-inner-wrapper.version-2 .video-item{
    height: 627px;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    display: block;
}
.features-inner-wrapper.version-2 .col:nth-child(1) {
    max-width: 511px;
}
.features-inner-wrapper.version-2  .accordion-item {
    padding-left: 0;
    padding-bottom: 20px;
    margin-bottom: 31px;
}
.features-inner-wrapper.version-2  .accordion-item:last-child{
    margin-bottom: 0;
}
.features-inner-wrapper.version-2 .according-line-wrapper {
    top: auto;
    height: 1px;
    width: 100%;
    bottom: 0;
}
.features-inner-wrapper.version-2  .according-line-wrapper span {
    height: 100%;
    width: 0%;
}
.features-inner-wrapper.version-2  .accordion-collapse.collapse.show ~ .according-line-wrapper span{
    width: 100%;
}
.features-accordion .features-inner-wrapper.version-2 .accordion-body{
    padding-top: 7px;
}
.accordion-inner-info {
    padding: 6px 0;
}
.features-inner-wrapper.version-2 {
    border: 3px solid rgba(213, 213, 213, 0.30);
    background: #0A0F12;
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    max-width: 1294px;
    padding: 57px 55px 57px 83px;
}
.features-bg {
    z-index: 1;
    opacity: 0.09;
}
.features-inner-wrapper.version-2 .features-right-item {
    margin-left: auto;
    max-width: 584px;
    margin-right: 0;
    padding-left: 20px;
}
.features-area.impacting-area .section-title-wrapper {
    margin-bottom: 40px;
}
.features-area.impacting-area::before{
    display: none;
}
.features-area.impacting-area::after{
    top: 164px;
    height:954.798px;
    width: 2360.311px;
    border-radius: 2360.311px;
    background: rgba(68, 214, 44, 0.24);
    -webkit-filter: blur(150px);
            filter: blur(150px);
}

/* ============================ impacting section end =============================*/

/* ============================ solutions section start =============================*/
.solutions-area {
    padding-bottom: 117px;
}
.solutions-card h6 {
    color: #E3E829;
    font-weight: 450;
    letter-spacing: 5.2px;
    text-align: center;
    padding: 0 20px;
    position: absolute;
    bottom: 22px;
    width: 100%;
    z-index: 2;
    text-transform: uppercase;
}
.solutions-card{
    border: 1px solid rgba(255, 255, 255, 0.30);
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.solutions-card img{
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    display: block;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 20px;
}
.solutions-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.00) 0%, #000 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.00)), to(#000));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
    z-index: 1;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.solutions-card:hover{
    border-color: #E3E829;
}
.solutions-card:hover::before{
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.00) 0%, #000 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.00)), to(#000));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
}
.solutions-card:hover img{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.solutions-card-wrapper .row {
    --bs-gutter-x: 36px;
    --bs-gutter-y: 37px;
}
.solutions-area .section-title-wrapper h2{
    margin-bottom: 22px;
}
.solutions-area .section-title-wrapper p {
    max-width: 890px;
}
.solutions-area .section-title-wrapper {
    margin-bottom: 58px;
}
.solutions-area .container {
    max-width: 1296px;
}
/* ============================ solutions section end =============================*/

/* ============================ cta section start =============================*/
.cta-area {
    padding: 244px 0 68px;
}
.cta-area::after ,
.cta-area::before{
    content: "";
    position: absolute;
    left: 50%;
    bottom: -184px;
    width: 3431px;
    height: 454px;
    border-radius: 3431px;
    background: rgba(68, 214, 44, 0.47);
    -webkit-filter: blur(150px);
            filter: blur(150px);
    z-index: 3;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
.cta-area::after{
    width: 2028px;
    height: 935px;
    z-index: 2;
    background: rgba(10, 15, 18, 0.86);
    -webkit-filter: blur(100px);
            filter: blur(100px);
    bottom: auto;
    top: 0;
}
.cta-area  .section-title-wrapper {
    max-width: 525px;
}
.cta-bg {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
}
.cta-area .btn-1 {
    margin-top: 16px;
}
.trigger-parallax {
    overflow: hidden;
    position: relative;
}
.parallax-img {
    height: calc(100% + 120px);
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}
.cta-area .btn-1 {
    margin-top: 34px;
    min-width: 174px;
}
.cta-area.version-2  .section-title-wrapper p ,
.cta-area.version-2  .section-title-wrapper {
    max-width: 978px;
}
.cta-area.version-2 {
    padding: 130px 0 220px;
}
.cta-area.version-2::before {
    bottom: -255px;
}
/* ============================ cta section end =============================*/

/* ============================ footer section start =============================*/
.footer-area{
    padding-bottom: 13px;
}
.footer-copy-right-wrapper {
    margin-top: -17px;
}
.footer-top-area .col:nth-child(1){
    max-width: 245px;
}
.footer-top-area .col:nth-child(2){
    max-width: 285px;
}
.footer-top-area .col:nth-child(3){
    max-width: 218px;
}
.footer-top-area .col:nth-child(4){
    max-width: 187px;
}
.footer-top-area .col:nth-child(5){
    max-width: 213px;
}
.footer-top-area .col:nth-child(6){
    max-width: 176px;
}
.footer-link-wrapper a,
.footer-item h6 {
    color: #E3E829;
    font-weight: 400;
    letter-spacing: 4.25px;
    text-transform: uppercase;
}
.footer-item h6{
    margin-bottom: 11px;
}
.footer-menu li{
    margin-bottom: 14px;
}
.footer-menu li:last-child{
    margin-bottom: 0;
}
.footer-link-wrapper a,
.footer-menu li a {
    display: inline-block;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.footer-menu li a.current-page,
.footer-menu li a:hover{
    color: #E3E829;
}
.footer-top-area{
    background: #0A0F12;
}
.footer-top-area .container {
    max-width: 1372px;
}
.footer-top-area .row {
    --bs-gutter-x: 0;
    --bs-gutter-y: 25px;
}

.footer-link-wrapper a {
    margin-bottom: 26px;
}
.footer-link-wrapper a:last-child{
    margin-bottom: 0;
}
.other-page-wrapper a:hover ,
.footer-link-wrapper a:hover {
    color: #fff;
}
.footer-button-wrapper .btn-1 {
    margin-bottom: 32px;
    padding: 6px 33.5px;
}
.footer-button-wrapper .btn-1:last-child{
    margin-bottom: 0;
}
.footer-button-wrapper .btn-1.version-2 {
    padding: 6px 32.05px;
    font-weight: 450;
}
.footer-top-area {
    padding: 107px 0 115px;
}
.footer-main-img {
    display: block;
    width: 100%;
}
.other-page-wrapper a,
.copy-right-caption p {
    color: rgba(255, 255, 255, 0.20);
    font-size: 14px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.other-page-wrapper{
    gap: 20px;
}
.footer-copy-right-wrapper .container {
    max-width: 1664px;
}
/* ============================ footer section end =============================*/

/* ============================ real time date section start =============================*/
.real-time-date-item .container {
    max-width: 1512px;
}
.real-time-date-content h2 {
    line-height: 1.25;
    margin-bottom: 22px;
}
.real-time-date-item  .col.col:nth-child(1) {
    max-width: 634px;
    padding-left: 114px;
}
.real-time-img{
    max-width: 725px;
    margin-right: 0;
    margin-left: auto;
    display: block;
}
.normal-img {
    margin-top: 56px;
}
.real-time-date-content {
    max-width: 500px;
}
.real-time-date-item .drone-gradient-shape-bg {
    top: 0;
}
.real-time-date-item{
    margin-bottom: 128px;
}
.real-time-date-item:last-child{
    margin-bottom: 0;
}
.row-reverse-item .row {
    flex-direction: row-reverse;
}
.row-reverse-item .real-time-img {
    margin-right: auto;
    margin-left: 0;
}
.row-reverse-item  .col.col:nth-child(1) {
    padding-left: 0;
}

.real-time-date-item.version-2 .real-time-img {
    max-width: 500px;
}
.real-time-date-item.version-2 .real-time-date-content {
    max-width: 500px;
    margin-right: 0;
    margin-left: auto;
}
.real-time-date-item.version-2 .container {
    max-width: 1272px;
}
.education-real-time-date::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 981px;
    width: 100%;
    background: radial-gradient(106.29% 36.23% at 51.29% 61.07%, rgba(68, 214, 44, 0.24) 0%, rgba(68, 214, 44, 0.00) 100%), #0A0F12;
    z-index: 1;
}
.real-author-information p,
.real-author-information h6{
    font-size: 16px;
    font-family: "Roboto", sans-serif;
    line-height: 1.5;
}
.real-author-information p{
    font-weight: 400;
}
.real-author-wrapper {
    max-width: 338px;
    gap: 40px;
    padding: 6px 0;
    margin-top: 10px;
}

.real-author-logo::before {
    content: "";
    position: absolute;
    left: -20px;
    top: -6px;
    height: calc(100% + 12px);
    width: 1px;
    background: #FFF;
}
.customer-stories-features-area .features-inner-wrapper.version-2 {
    background: rgba(10, 15, 18, 0.50);
    backdrop-filter: blur(2px);
}
.customer-stories-features-area .features-bg {
    opacity: 0.08;
}
.customer-stories-features-area{
    padding-bottom: 216px;
}
.page-template-template-Faqs-php .featured-intro-description .btn-1 {
    padding: 7.5px 38.5px;
    margin-top: 16px;
    font-size: 16px;
}
.real-time-date-content p {
    margin-bottom: 20px;
}
.real-time-date-content p:last-child{
    margin-bottom: 0;
}
.page-template-template-customer-stories .key-features-area ,
.single-solution .key-features-area {
    padding-top: 0;
}
/* ============================ real time date section end =============================*/

/* ============================ performance stats section start =============================*/
.performance-stats-area .container {
    max-width: 1124px;
}
.performance-stats-area .row {
    --bs-gutter-x: 161px;
}
.performance-stats-area .drone-shape-bg{
    background-size: auto 100%  ;
}
.stat-inner-text ,
.stat-value {
    color: #E3E829;
    font-size: 96px;
    font-weight: 600;
    line-height: 1.2;
}
.stat-inner-text{
    font-size: 64px;
}
.stat-card {
    border: 1px solid #E3E829;
    border-radius: 40px;
    padding: 23px 20px;
    min-height: 263px;
}
.inner-stat-card {
    min-height: 185px;
}
.inner-stat-card > span{
    display: block;
}
.stat-card h6 {
    color: #FFF;
    font-size: 23.166px;
    font-weight: 450;
    max-width: 185px;
    margin-right: auto;
    margin-left: auto;
}
.drone-shape-bg {
    position: absolute;
    top: -380px;
    left: 50%;
    height: 1318px;
    width: 100%;
    z-index: -1;
    transform: translateX(-50%);
    opacity: 0.25;
}
.drone-gradient-shape-bg {
    position: absolute;
    left: 0;
    top: -137px;
    height: 547px;
    width: 100%;
    filter: blur(100px);
    z-index: 2;
    opacity: 0.16;
}
.performance-stats-area {
    padding-bottom: 144px;
}
/* ============================ performance stats section end =============================*/

/* ============================ featured intro section start =============================*/
.featured-into-title h2{
    line-height: 1.25;
}

.featured-intro-description::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    height: 212px;
    width: 2px;
    background: radial-gradient(circle,rgba(68, 214, 44, 1) 0%, rgba(68, 214, 44, 0.02) 100%);
    transform: translateY(-50%);
    z-index: 1;
    opacity: 0.5;
    margin-top: 35px;
}
.featured-intro-description {
    padding-left: 56px;
    padding-top: 30px;
}
.video-area  .container ,
.featured-intro-area .container {
    max-width: 1266px;
}
.featured-intro-area .col:nth-child(2) {
    max-width: 548px;
}
.featured-intro-img {
    margin-top: 70px;
}
.single-industries {
    padding-top: 120px;
}

/* ============================ featured intro section end =============================*/

/* ============================ contact section start =============================*/
.page-template-template-contact-php .contact-bottom-button {
    margin-top: 70px;
}
.contact-area .section-title-wrapper {
    margin-bottom: 40px;
}
.contact-area .btn-1 {
    padding: 6px 62.5px;
}
.contact-area .section-title-wrapper h2 {
    line-height: 1.25;
    margin-bottom: 24px;
}
.contact-wrapper {
    max-width: 725px;
    padding: 55px 49px 54px;
    border-radius: 21px;
    border: 1px solid rgba(241, 241, 241, 0.80);
    box-shadow: 0px 0px 15px 5px rgba(227, 232, 41, 0.15);
    backdrop-filter: blur(2px);
}
.contact-area .section-title-wrapper p {
    max-width: 432px;
}
.contact-info label {
    display: block;
    color: #FFF;
    font-size: 16px;
    margin-bottom: 7px;
}
.contact-info:first-child label span{
    color: #E3E829;
}
.contact-wrapper::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: 21px;
    background:linear-gradient(166deg, rgba(207, 207, 207, 0.35) 4.63%, rgba(105, 105, 105, 0.35) 90.46%);
    z-index: 1;
}
.contact-info {
    margin-bottom: 25px;
}

/* nice select start*/
.nice-select {
    background-color: transparent;
    border-radius: 8px;
    border: solid 1px #FFF;
    font-size: 16px;
    height: 48px;
    line-height: 48px;
    padding-left: 18px;
    padding-right: 30px;
    font-weight: 450;
    color: rgba(255, 255, 255, 0.30);
}
.nice-select .list {
    background-color: #696969;
    border-radius: 8px;
}
.nice-select .option {
    color: #fff;
}
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
    background-color: #CFCFCF;
    color: #191919;
}
.contact-bottom-button {
    margin-top: 45px;
}
.contact-bottom-button   .btn-1 {
    padding: 6px 62.5px;
}
.nice-select:after {
    border-bottom: 2px solid transparent;
    transform-origin: center;
    transform: rotate(-135deg);
    border-right: 11px solid transparent;
    border-top: 11px solid #929292;
    margin-top: -9px;
}
.nice-select.open:after {
    transform-origin: center;
    transform: rotate(45deg);
}
.nice-select.open:after {
    transform-origin: center;
    transform: rotate(45deg);
    margin-top: 0;
}
.nice-select:active, .nice-select.open, .nice-select:focus {
    border-color: #fff;
}
/* nice select end*/
.contact-shape-bg {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    opacity: 0.05;
}
.contact-big-shape-bg {
    position: absolute;
    left: 0;
    top: -334px;
    height: 1552px;
    width: 100%;
    z-index: -1;
    opacity: 0.25;
    background-size: auto 100%;
}

/* solutions contact start*/
.solutions-contact .section-title-wrapper {
    max-width: 500px;
    margin-left: 90px;
    margin-bottom: 0;
}
.contact-area.solutions-contact .section-title-wrapper p {
    max-width: 100%;
}
.solutions-contact .drone-gradient-shape-bg {
    top: 50%;
    transform: translateY(-50%);
}
.solutions-contact .container {
    max-width: 1524px;
}
.solutions-contact {
    padding-top: 114px;
}
.customer-stories-features-area .contact-big-shape-bg ,
.education-real-time-date .contact-big-shape-bg ,
.solutions-contact .contact-big-shape-bg {
    top: 55px;
    height: 1114px;
}
.education-real-time-date .contact-big-shape-bg {
    top: 358px;
    z-index: 3;
}
.customer-stories-features-area .contact-big-shape-bg {
    top: -106px;
}
/* solutions contact end*/

/* ============================ contact section end =============================*/

/* ============================ drone visual section start =============================*/
.solutions-contact .section-title-wrapper h2 ,
.drone-visual-content h2{
    max-width: 350px;
}
.drone-visual-content h2 ,
.hero-demo-content h2 {
    line-height: 1.25;
}
.drone-visual-content h2 {
    color: #0A0F12;
}
.drone-visual-content {
    max-width: 500px;
    padding-top: 465px;
    padding-bottom: 180px;
}
.drone-visual-wrapper::before ,
.drone-visual-area::after ,
.drone-visual-area::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, #FFF 0%, #E8E8E8 100%);
    z-index: 1;
}
.drone-visual-area::after{
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 59.68%, rgba(0, 0, 0, 0.15) 107.29%);
    z-index: 3;
}
.drone-visual-shape-bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
}
.drone-visual-wrapper {
    position: absolute;
    right: 0;
    left: auto;
    height: 100%;
    width: calc(50% - 22px);
    z-index: 4;
}
.drone-visual-wrapper::before{
    background: linear-gradient(294deg, rgba(227, 232, 41, 0.00) 36.39%, #E3E829 78.11%);
    z-index: 3;
}
.drone-visual-bg {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
}
.drone-visual-content .btn-1.version-3 {
    margin-top: 15px;
}
.drone-object-img-wrapper {
    position: absolute;
    left: 50%;
    top: -56px;
    transform: translateX(-50%);
    z-index: 6;
    margin-left: 68px;
    max-height: 625px;
}
.drone-visual-content p {
    color: #231F20;
}

/* ============================ drone visual section end =============================*/

/* ============================ Frequently Questions section start =============================*/
.frequently-questions-area {
    background: #0A0F12;
    padding: 130px 0;
}
.frequently-questions-area::after ,
.frequently-questions-area::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(99, 99, 99, 0.65);
    z-index: -1;
}
.frequently-questions-area::after{
    background: radial-gradient(50% 50% at 50% 50%, rgba(10, 15, 18, 0.00) 0%, rgba(11, 15, 18, 0.65) 100%);
    z-index: 3;
}
.frequently-bg{
    z-index: 2;
    opacity: 0.15;
}
.frequently-questions-content p{
    max-width: 500px;
    margin-right: auto;
    margin-left: auto;
}
.frequently-questions-content h2 {
    margin-bottom: 15px;
}
.frequently-questions-content  .btn-1 {
    margin-top: 17px;
    border-color: #E3E829;
}
.frequently-logo-shape-img {
    position: absolute;
    top: 20px;
    right: 22px;
    max-width: 452px;
    height: calc(100% - 40px);
    z-index: 3;
}
/* ============================ Frequently Questions section end =============================*/

/* ============================ faq section start =============================*/
.faq-area {
    padding: 137px 0 155px;
}
.faq-area .container {
    max-width: 1542px;
}
.main-faq-accordion  .accordion-header {
    color: #FFF;
    font-size: 20px;
    line-height: 1.4;
    position: relative;
    z-index: 1;
    cursor: pointer;
    padding-right: 60px;
}
.main-faq-accordion  .accordion-big-title {
    color: #E3E829;
    font-size: 36px;
    line-height: 1.2;
}
.main-faq-accordion .inner-accordion-body ,
.inner-faq-accordion .accordion-header ,
.main-faq-accordion  .accordion-big-title{
    max-width: 746px;
    margin-right: auto;
    margin-left: auto;
}
.main-faq-accordion  .accordion-header::before {
    content: "";
    position: absolute;
    right: 12px;
    top: 50%;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    height: 14px;
    width: 14px;
    transform-origin: center;
    transition: all 0.3s linear;
    transform: rotate(45deg);
    margin-top: -11px;
}
.main-faq-accordion  .accordion-header::after {
    content: "";
    position: absolute;
    height: 40px;
    width: 40px;
    right: 0;
    top: 50%;
    border: 0.75px solid #fff;
    border-radius: 10px;
    transform: translateY(-50%);
}
.main-faq-accordion .accordion-item > .accordion-header[aria-expanded="true"]::before {
    transform: rotate(225deg);
    margin-top: -5px;
}
.main-faq-accordion  .accordion-big-title::after,
.main-faq-accordion  .accordion-big-title::before{
    border-color: #E3E829;
}
.main-faq-accordion .accordion-item {
    position: relative;
    z-index: 1;
    margin-bottom: 0;
    padding: 32px 0;
}
.main-faq-accordion > .accordion-item:first-child{
    padding-top: 0;
}
.main-faq-accordion > .accordion-item:last-child{
    padding-bottom: 0;
}
.filter-offcanvas-menu .accordion-item::before ,
.video-title-wrapper::before,
.filter-area::before,
.faq-area .inner-faq-accordion .accordion-item:last-child::after, 
.faq-area .inner-faq-accordion .accordion-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: #777575;
    background: radial-gradient(circle, rgba(119, 117, 117, 1) 0%, rgba(119, 117, 117, 0.02) 100%);
    z-index: 1;
}
.video-title-wrapper::before ,
.filter-area::before,
.faq-area .inner-faq-accordion .accordion-item:last-child::after{
    top: auto;
    bottom: 0;
}
.inner-faq-accordion {
    padding: 34px 0 15px;
}
.inner-accordion-body {
    padding: 30px 0 0px;
}
.faq-area .main-faq-accordion .drone-gradient-shape-bg {
    top: 0;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s linear;
}
.faq-area .main-faq-accordion > .accordion-item > .accordion-header[aria-expanded="true"] ~  .drone-gradient-shape-bg{
    opacity: 0.16;
    visibility: visible;
}
.filter-offcanvas-menu .accordion-item:first-child:before{
    display: none;
}
.filter-offcanvas-menu .main-faq-accordion {
    padding: 50px 0;
}
.filters-clear-btn {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #fff;
    border-radius: 0;
    color: #ffff;
    padding: 0;
}
/* ============================ faq section end  =============================*/

/* ============================ video section start  =============================*/
.video-area {
    padding-bottom: 55px;
}
.search-icon {
    border: 0;
    background: transparent;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    padding: 0;
}
.search-form input[type="text"] {
    border-radius: 100px;
    background: #FFF;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
    padding: 12px 40px;
    color: #B4B4B4;
}
.search-form ::placeholder {
    text-transform: uppercase;
}
.filter-btn {
    border-radius: 100px;
    border: 1px solid #E3E829;
    background: #2D2D30;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
    padding: 12px 30px;
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 1.28px;
    gap: 12px;
}
.filter-icon {
    margin-top: -5px;
}
.video-area  .section-title h5 {
    color: #E3E829;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
}
.video-area .section-title {
    max-width: 600px;
}
.filter-inner-wrapper {
    max-width: 540px;
    margin-right: 0;
    margin-left: auto;
    gap: 20px;
}
.search-area {
    flex-basis: 385px;
}
.video-card-content h6 {
    color: #E3E829;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
}
.video-card-content {
    margin-top: 26px;
}
.video-card-content .btn-3 {
    margin-top: 16px;
}
.filter-area{
    padding-bottom: 20px;
    margin-bottom: 50px;
}
.video-title-wrapper::before{
    background: #777575;
    bottom: -5px;
}
.filter-area::before {
    width: calc(100% + 266px);
    left: -133px;
}
.video-title-wrapper {
    margin-bottom: 35px;
}
.video-card-item .row {
    --bs-gutter-x: 48px;
    --bs-gutter-y: 60px;
}
.video-card img {
    border: 1px solid #7F7F7F;
    border-radius: 16px;
}
.video-card-item {
    margin-bottom: 110px;
}
/* ============================ video section end  =============================*/

/* ============================ pricing  section start  =============================*/
.pricing-card-wrapper {
    border-radius: 20px;
    border: 3px solid rgba(213, 213, 213, 0.30);
    background: linear-gradient(166deg, rgba(207, 207, 207, 0.35) 4.63%, rgba(105, 105, 105, 0.35) 90.46%);
    backdrop-filter: blur(2px);
    padding: 30px 20px 112px 20px;
    height: 100%;
}

.pricing-card-wrapper h2 {
	font-size: 50px;
}

.pricing-card-area .section-title-wrapper p {
    max-width: 814px;
}
.pricing-bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    opacity: 0.05;
}
.plan-title {
    color: #E3E829;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 5.2px;
    margin-bottom: 24px;
    display: inline-block;
}
.pricing-inner-card h2 span{
    font-size: 40px;
}
.pricing-list-wrapper li {
    color: #FFF;
    font-size: 16px;
    letter-spacing: 1.2px;
    position: relative;
    z-index: 1;
    padding: 10px 0;
    padding-left: 16px;
}
.pricing-list-wrapper li::before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    background: rgba(255, 255, 255, 0.35);
    z-index: 1;
}
.pricing-list-wrapper li:last-child:before{
    display: none;
}
.pricing-list-wrapper li::after {
    content: "";
    position: absolute;
    left: 0;
    top: 17px;
    border-bottom: 2px solid #E3E829;
    border-left: 2px solid #E3E829;
    height: 6px;
    width: 10px;
    transform: rotate(-45deg);
}
.pricing-card-area  .container {
    max-width: 1624px;
}
.pricing-card-wrapper .btn-1 {
    position: absolute;
    left: 50%;
    bottom: 37px;
    transform: translateX(-50%);
    z-index: 3;
    padding: 5px 15px;
}
.pricing-list-wrapper {
    margin-top: 34px;
    max-width: 347px;
    text-align: left;
}
.pricing-card-area  .section-title-wrapper {
    margin-bottom: 60px;
}
.pricing-card-area::before {
    content: "";
    position: absolute;
    left: 0;
    top: 200px;
    height: 981px;
    width: 100%;
    background: radial-gradient(106.29% 36.23% at 51.29% 61.07%, rgba(68, 214, 44, 0.24) 0%, rgba(68, 214, 44, 0.00) 100%), #0A0F12;
    z-index: -1;
}
.pricing-card-area .row {
    --bs-gutter-y: 40px;
    --bs-gutter-x: 15px;
}
/* ============================ pricing  section end  =============================*/



/* ============================ demo section start  =============================*/
.hero-demo-area {
    padding: 270px 0 128px;
}
.hero-demo-area .container {
    max-width: 1512px;
}
.hero-demo-area .gradient-shape {
    top: auto;
    height: 962px;
    bottom: 0;
}
.hero-demo-area .gradient-shape::before {
    background: radial-gradient(99.74% 115.9% at 51.29% 151.72%, #44D62C 0%, rgba(68, 214, 44, 0.00) 100%), #0A0F12;
    z-index: 1;
}
.hero-demo-area .col.col:nth-child(1) {
    max-width: 641px;
}
.hero-demo-area .plan-title {
    margin-bottom: 7px;
}
.hero-demo-content{
    padding-left: 119px;
}
.hero-demo-content h4 {
    color: #FFF;
    font-size: 24px;
    max-width: 357px;
}
.hero-demo-content p {
    max-width: 480px;
}
.hero-demo-area .contact-wrapper {
    margin-right: 0;
    margin-left: auto;
}
.hero-demo-content .btn-1.version-2 {
    padding: 6px 32.2px;
    margin-top: 15px;
}
.other-content-area {
    padding: 280px 0 134px;
}
.other-content-area .gradient-shape {
    height: 527px;
}
.other-content h1 {
    font-size: 80px;
    line-height: 1.2;
}
.other-content p {
    color: rgba(255, 255, 255, 0.80);
    font-size: 18px;
}
.other-content .btn-1 {
    padding: 6px 36.3px;
    margin-top: 24px;
}

/* ============================ demo section end  =============================*/
.nice-select {
    float: none;
}


/* banner gradient */
/* .b-gradient-img {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 4;
    width: 100%;
} */
.banner-gradient-img-wrapper {
    margin-top: -7.8vw;
}
.b-gradient-1 {
    position: absolute;
    bottom: 8vw;
    left: 0;
    width: 100%;
    z-index: 4;
}
.banner-center-img-wrapper.b-gradient-img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    max-width: 47.5vw;
    z-index: 1;
    bottom: 38vw;
}

.b-gradient-img.b-gradient-4 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    max-width: 510px;
    height: 100%;
}
.b-gradient-img.b-gradient-5 {
    position: absolute;
    top: 1.4vw;
    left: 1.4vw;
    width: calc(100% - 2.79vw);
    height: calc(100% - 2.79vw);
    border-radius: 0.64vw;
    object-fit: cover;
    z-index: 1;
}
/* banner gradient */





















  
  /* On hover effect */
  /* .custom-cursor {
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 9999;
    transition: transform 0.15s ease;
    transform: translate(-50%, -50%);
    margin-top: -22px;
    margin-left: -24px;
  }
  .cursor-hover {
    transform: translate(-50%, -50%) scale(1.5);
  } */
  /* .banner-area {
    cursor: none; 
  }
   */





.contact-wrapper .form-group .wpcf7-acceptance input[type="checkbox"] {
    display: none;
}

.wpcf7-acceptance .wpcf7-list-item {
    position: relative;
    padding-left: 42px;
    margin: 0;
}

.contact-wrapper .form-group .wpcf7-acceptance input[type="checkbox"] ~ .wpcf7-list-item-label:before, .contact_us_form .form-group .wpcf7-acceptance input[type="checkbox"] ~ .wpcf7-list-item-label:after {
    content: "";
    position: absolute;
}
.contact-wrapper .form-group .wpcf7-acceptance input[type="checkbox"] ~ .wpcf7-list-item-label:before{
    height: 30px;
    width: 30px;
    border: 1px solid rgba(255, 255, 255, 0.70);
    top: 4px;
    left: 0;
    cursor: pointer;
}

.wpcf7-acceptance .wpcf7-list-item-label {
    font-weight: 400;
    font-style: italic;
    line-height: 1;
    letter-spacing: 1px;
	font-size: 14px;
}

.wpcf7-acceptance .wpcf7-list-item label {
	line-height: 1.2;
}

.wpcf7-acceptance .wpcf7-list-item-label a {
	color: #fff;
	font-weight: 600;
	text-decoration: underline;
}

.form-group .wpcf7-acceptance input[type="checkbox"] ~ .wpcf7-list-item-label:after {
    height: 22px;
    width: 9px;
    border: 3px solid #44d62c;
    border-top: none;
    border-left: none;
    transform: rotate(45deg);
    left: 11px;
    top: 4px;
    display: none;
	position: absolute;
}

.contact-wrapper .form-group .wpcf7-acceptance input[type="checkbox"]:checked ~ .wpcf7-list-item-label:after {
    display: inline-block;
}

/*Footer Connect*/

.connect_wrapper 
{
    position: relative;
    margin-top: 38px;
}
.connect_wrapper h3 
{
    color: #E3E829;
    font-weight: 400;
    letter-spacing: 4.25px;
    text-transform: uppercase;
    font-size: 18px;
    text-align: center;
    margin-bottom: 10px;
}
.connect_wrapper ul
{
    margin-left: 0;
    padding-left: 0;
    list-style: none;
    text-align: center;
    margin-bottom: 0;
}
.connect_wrapper ul li
{   
    display: inline-block;
    margin-right: 10px;
}
.connect_wrapper ul li:last-child
{
    margin-right: 0;
}
.connect_wrapper ul li a
{
    display: inline-block;
}
.connect_wrapper ul li a path
{
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.connect_wrapper ul li a path:hover
{
    fill: #e3e829;          
}
@media only screen and (max-width: 1199px) {
    .connect_wrapper h3
    {
        text-align: left;
    }
    .connect_wrapper ul
    {
        text-align: left;
    }
}