@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?qoqeo4');
  src:  url('../fonts/icomoon.eot?qoqeo4#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?qoqeo4') format('truetype'),
    url('../fonts/icomoon.woff?qoqeo4') format('woff'),
    url('../fonts/icomoon.svg?qoqeo4#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-callicon:before {content: "\e908";}
.icon-down-arrow:before {content: "\e907";}
.icon-check:before {content: "\e903";}
.icon-email:before {content: "\e902";}
.icon-place:before {content: "\e900";}
.icon-check-privacy:before {content: "\e901";}
.icon-facebook:before {content: "\e904";}
.icon-instagram:before {content: "\e905";}
.icon-linkedin:before {content: "\e906";}
.icon-twitter:before {content: "\e909";}

html { width:100%; height:100%; margin: 0rem; padding: 0rem; font-size: 0.534vw; /*font-size: 62.5%;*/}
body { overflow-x: hidden; margin: 0rem; padding: 0rem; font-optical-sizing: auto; color: var(--white_default); background-color: var(--black-200); }
.container { max-width: 91.1%; padding: 0;}
figure, address, blockquote {margin: 0; padding: 0;}

::-moz-selection {color: #ffffff; background: #97DB05;}
::selection {color: #ffffff; background: #97DB05;}

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

a { text-decoration: none; }
h1, h2, h3, h4, h5, p { padding: 0; margin: 0; }


:root {
  --white_default: #ffffff;
  --black_default: #000000;
  --black_100: #041828;
  --black-200: #010101;
  --aqua_100: #00F0FF;
  --aqua_200: #6B96B8;
  --aqua-300: #637f97;
  --aqua_400: #00a1a9;
  --green_100: #97DB05;
  --green_200: #1D3D3F;
  --green_300: #0F1F20;
  --green_400: #B2FF0F;
  --blue_100: #055598;
    
  --transition: all 0.4s ease;
}

/* ========================================== */
/* ======================================================= */
/* ========================================== */
.lenis.lenis-smooth iframe {
    pointer-events: auto;
}
/* common style start */
.common-heading h2 {  font-size: 4.5rem; font-weight: 500; line-height: 5.2rem; color: var(--aqua_100); text-align: center;}
.common-text { width: 100%; max-width:80%; margin: 1rem auto 0;}
.common-text p {  font-size: 2rem; font-weight: 400; line-height: 2.8rem; color: var(--aqua_200); text-align: center;}
.common-text ul {list-style: none; padding: 0; margin: 0;}
.common-text ul li {font-size: 2rem; font-weight: 400; line-height: 2.8rem; color: var(--aqua_200);}

.common-btn {margin-top: 8rem;}
.common-btn a {position: relative;  font-size: 1.5rem; font-weight: 500; line-height: 1.5rem; color: var(--green_400); background-color: var(--blue_100); width: 18.5rem; height: 5rem; display: flex; align-items: center; justify-content: center; margin: 0 auto; border: 0.1rem solid; border-image: linear-gradient(145deg, #97db0500, #49e3ee00) 1; transition: var(--transition);}
.common-btn a:hover {border: 0.1rem solid; border-image: linear-gradient(145deg, #97DB05, #49E3EE) 1; background-color: rgba(29, 61, 63, 0.50);}

.mobile-menu-btn-wrapper {display: none;}
.site__menus__wrapper {display: none;}
/* common style end */

/* header style start */
.site-header { padding: 2.1rem 0; background-color: var(--black_100); position: fixed; top: 0; left: 0; width: 100%; z-index: 12; }
.site-header-wrapper {display: flex; align-items: center; justify-content: space-between;}
.site-logo {width: 22.8rem; height: auto;}
.site-logo a {display: block;}
.site-logo a img, svg {width: 100%; height: auto;}
.site-header .site-logo svg .logo_tagline {display: none;}
.menu-wrapper ul {list-style: none; padding: 0; margin: 0; display: flex; align-items: center; gap: 3.1rem;}
.menu-wrapper ul li a { font-size: 1.6rem; font-weight: 500; line-height: 1.6rem; color: var(--aqua_200); transition: var(--transition); position: relative;}
.menu-wrapper ul li.active a::after {content: ''; position: absolute; bottom: -0.6rem; left: 0; width: 50%; height: 0.2rem; background-color: var(--green_100);}
.menu-wrapper ul li a::after {content: ''; position: absolute; bottom: -0.6rem; left: 0; width: 0; height: 0.2rem; background-color: var(--green_100); transition: var(--transition);}
.menu-wrapper ul li a:hover::after {width: 100%;}
.menu-wrapper ul li a:hover {color: var(--green_100);}
.menu-wrapper ul li.schedule-btn a {font-size: 1.5rem; font-weight: 500; line-height: 1.5rem; color: var(--green_400); background-color: var(--blue_100); width: 18.5rem; height: 5rem; display: flex; align-items: center; justify-content: center;}
.menu-wrapper ul li.schedule-btn a:hover {border: 0.1rem solid; border-image: linear-gradient(145deg, #97DB05, #49E3EE) 1; background-color: rgba(29, 61, 63, 0.50);}
.menu-wrapper ul li.schedule-btn a::after {display: none;}
/* header style end */

/* banner area style start */
.banner-area { width:100%; height: calc(100vh - 93px); margin-top: 9.3rem; position: relative; background: linear-gradient(180deg, rgba(0, 0, 0, 0.50) 5.46%, rgba(60, 81, 15, 0.28) 27.94%, rgba(105, 153, 4, 0.05) 102.22%);}
.banner-overlay-bg {background-image: url(../images/banner-bg-shadow.svg); background-size: cover; background-repeat: no-repeat; background-position-y: bottom; position: absolute; bottom: -13.0rem; width: 100%; height: 100%; mix-blend-mode: overlay;}
/* html.mac.safari .banner-overlay-bg {opacity: 0.1;} */
.banner-heading {padding-top: 3.6rem;}
.banner-heading h1 { font-size: 4.8rem; font-weight: 700; line-height: 5.2rem; color: var(--aqua_100); text-align: center;}
.banner-heading h1 span {font-weight: 500;color: var(--green_100);}
.banner-heading p { font-size: 1.8rem; font-weight: 400; line-height: 2.4rem; color: var(--aqua_200); text-align: center; width: 50%; margin: 1.4rem auto 0.4rem;}
.wrap {width: 100%; height: auto; position: relative;}
.banner-area svg { width:100%; height:auto; display:block; opacity: 0;}
.banner_number_bar{opacity: 0; transition: 0.9s;}
body.loaded .banner_number_bar{ opacity: 1;}
svg g.baner_patha path {stroke: #8DC63F; stroke-width: 1; fill: none; stroke-dasharray: 2000; stroke-dashoffset: 2000;}

.banner-bg span:first-of-type {position: absolute; top: -3.6rem; left: 30rem; width: 32rem; height: auto;}
.banner-bg span:first-of-type svg path {fill: var(--green_100);}
.banner-bg span:first-of-type svg rect { stroke: var(--green_100);}

.banner-bg span:nth-of-type(2) {position: absolute; top: -3.6rem; right: 30rem; width: 32rem; height: auto;}
.banner-bg span:nth-of-type(2) svg path {fill: var(--green_100);}
.banner-bg span:nth-of-type(2) svg rect { stroke: var(--green_100);}
/* banner area style end */

/* how-it-works area style start */
.work-svg-section { position: relative; background: #000; width: 90%; margin: 0 auto; top: -14rem; z-index: -1; height: 25.6rem;}
.work-svg-section svg { width: 100%; height: auto; }
.work-svg-section svg path { fill: none; stroke-width:2.6; stroke-linecap: round; }
.work-svg-section svg path.mask-path2{ stroke-width:2}
/* .pin-spacer-workPin .work-svg-section #mask1 path.mask-path1 {stroke-dasharray: 2300 !important;}
.pin-spacer-workPin .work-svg-section #mask2 path.mask-path2 {stroke-dasharray: 2100 !important;} */

.how-it-works-area {height: calc(100vh - 80px) ; padding-top: 1.4rem;}
.how-it-works-area .common-heading {overflow: hidden;}
.works-items-wrapper { position: relative; display: flex; justify-content: space-between; gap: 8.8rem;}
.works-item:nth-of-type(odd) {bottom: -9.6rem;}
.works-item { position: relative; border: 0.1rem solid; border-image: linear-gradient(145deg, #97DB05, #49E3EE) 1; padding: 5rem 2rem 2.8rem; width: 25%; height: fit-content; background-color: var(--green_300); opacity: 0.2;  transform: translateY(1.5rem);transition: 0.6s;}
.works-item.active {transform: translateY(-1rem); opacity: 1;}
.works-item span { font-size: 2rem; font-weight: 700; line-height: 2rem; color: var(--green_100); text-align: center; border: 0.1rem solid var(--green_100); border-radius: 100%; width: 4.6rem; height: 4.6rem; display: flex; align-items: center; justify-content: center; position: absolute; top: -2.5rem; left: 50%; transform: translateX(-50%); background-color: var(--green_200);}
.works-item h3 { font-size: 2rem; font-weight: 700; line-height: 2.8rem; color: var(--green_100); text-align: center;}
.works-item p { font-size: 2rem; font-weight: 400; line-height: 2.6rem; color: var(--aqua_200); text-align: center; margin-top: 1rem;}
/* how-it-works area style end */

/* real results style start */
.case_study_inner  { padding: 11.2rem 0 11.4rem;height: calc(100vh - 80px);}

.case_study .common-heading {overflow: hidden;}
.results-wrapper { margin-top:5rem; }

/*.results-wrapper > :nth-last-child(2), .results-wrapper > :last-child {grid-column: 1 / -1; display: flex; align-items: center; flex-direction: row-reverse;}*/

.results-item {background: rgba(29, 61, 63, 0.50); border: 0.1rem solid; border-image: linear-gradient(145deg, #97DB05, #49E3EE) 1; padding: 2.8rem; transition: var(--transition); display: flex;min-height:39.5rem;}
.results-item-inner{ width:100%; height:100% }
.results-item:hover {border-image: linear-gradient(145deg, #97db0500, #49e3ee00) 1;}
.study-icon {width: 6.2rem; height: auto; margin-left: auto;}
.study-icon img {width: 100%; height: auto;}
.results-content {margin-top: 2.2rem;}
.results-heading h3 { font-size: 4rem; font-weight: 700; line-height: 4rem; color: var(--green_100);}
.results-heading h3 span { font-size: 2rem; font-weight: 500; line-height: 2.4rem; color: var(--aqua_100); margin-top:1.5rem; display: block;}
.results-item .common-text {margin: 0; max-width: 100%;}
.results-item .common-text p {margin-top: 0.9rem; text-align: left;}
.results-item .results-content .common-text p br{ display:none}
/*
.results-wrapper > :nth-last-child(2) .results-heading h3 span, .results-wrapper > :last-child .results-heading h3 span {display: inline;}
.results-wrapper > :nth-last-child(2) .results-heading, .results-wrapper > :last-child .results-heading {display: flex; align-items: end; gap: 1rem;}
.results-wrapper > :nth-last-child(2) .results-heading h3, .results-wrapper > :last-child .results-heading h3 {margin-top: 0;}*/

.results-area .container {position: relative;}
.results-bg span:first-of-type {position: absolute; top: 0; left: -10rem;}
.results-bg span:first-of-type svg path {fill: var(--aqua_100);}
.results-bg span:first-of-type svg rect { stroke: var(--aqua_100);}

.results-bg span:nth-of-type(2) {position: absolute; bottom: 0; left: -10rem;}
.results-bg span:nth-of-type(2) svg path {fill: var(--aqua_100);}
.results-bg span:nth-of-type(2) svg rect { stroke: var(--aqua_100);}

.results-bg span:nth-of-type(3) {position: absolute; top: 0; right: -10rem;}
.results-bg span:nth-of-type(3) svg path {fill: var(--green_100);}
.results-bg span:nth-of-type(3) svg rect { stroke: var(--green_100);}

.results-bg span:last-of-type {position: absolute; bottom: 5.4rem; right: -10rem;}
.results-bg span:last-of-type svg path {fill: var(--green_100);}
.results-bg span:last-of-type svg rect { stroke: var(--green_100);}
/* /real results style end */

/* smarter investing style start */
.investing-area {padding-top: 5.8rem; padding-bottom: 21.6rem; position: relative;}
.investing-area .common-heading {overflow: hidden;}
.different_list_sec {display: flex; align-items: flex-start; justify-content: space-between; margin-top: 7.5rem; position: relative;}
.different_list_sec::after {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90.8rem; height: 90.8rem; background-color: rgba(178, 255, 15, 0.15); border-radius: 100%; filter: blur(250px); z-index: -1;}
.different_loop { position: relative;}
.different_loop:last-of-type {margin-top: 14.2rem;}
.different_loop_inner{border: 0.3rem solid; border-image: linear-gradient(120deg, rgb(151 219 5 / 50%), rgb(73 227 238 / 50%)) 1; backdrop-filter: blur(50px); -webkit-backdrop-filter: blur(50px); width: 60.5rem; padding: 4.8rem; background: linear-gradient(109deg, rgb(178 255 15 / 15%) 0%, rgb(5 85 152 / 50%) 100%);}
.bg_svg{ position: absolute; left: auto; right: -8%; top: auto; bottom: -8%; height: 100%; width: 100%; z-index: -1;}
.different-item-heading {position: relative;}
.different-item-heading::after {content: ''; position: absolute; bottom: -3.8rem; right: 0; left: 0; width: 100%; height: 0.1rem; background: linear-gradient(90deg, rgba(178, 255, 15, 0.00) 0%, #49E3EE 51.44%, rgba(178, 255, 15, 0.00) 100%);}
.different-item-heading h3 { font-size: 3.5rem; font-weight: 700; line-height: 3.5rem; color: var(--green_100);}
.different-item-heading h3 span { font-size: 3rem; font-weight: 400; line-height: 3.5rem; color: var(--aqua_100); margin-top: 1.8rem; display: block;}
.different_loop .common-text {max-width: 100%; margin: 0;}
.different_loop .common-text ul {list-style: none; padding: 0; margin: 7.1rem 0 0; counter-reset: step;}
.different_loop .common-text ul li { counter-increment: step; font-size: 2.2rem; font-weight: 400; line-height: 2.8rem; color: var(--aqua_200); position: relative; margin-left: 4.8rem;}
.different_loop .common-text ul li::before {content: counter(step); position: absolute; left: -4.8rem; top: 0; width: 3.2rem; height: 3.2rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 2rem; font-weight: 500; line-height: 2rem; color: var(--blue_100); background: var(--green_100);}
.different_loop .common-text ul li:not(:last-of-type) {margin-bottom: 3.5rem;}

.investing-bg span svg {width: 100%; height: auto; display: block;}
.investing-bg span:first-of-type {position: absolute; top: 0; left: 9.8rem; width: 35rem; height: auto; z-index: -2;}
.investing-bg span:nth-of-type(2) {position: absolute; top: 0; right: 9.8rem; width: 35rem; height: auto; z-index: -2;}
.investing-bg span:nth-of-type(3) {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 35rem; height: auto; z-index: -2;}
.investing-bg span:nth-of-type(4) {position: absolute; bottom: 0; left: 15rem; width: 35rem; height: auto; z-index: -2;}
.investing-bg span:nth-of-type(5) {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 35rem; height: auto; z-index: -2;}
.investing-bg span:last-of-type {position: absolute; bottom: 0; right: 9.8rem; width: 35rem; height: auto; z-index: -2;}

.investing-area .col-10 {position: relative;}
.different-animation {position: absolute; top: 50%; transform: translateY(-50%); left: 5rem; width: 87%; height: 78%;}
.differentpath {stroke-dasharray: 3000; stroke-dashoffset: 3000;}
svg.different-animation-svg path:not(.differentpath) {transform-box: fill-box;}
/* /smarter investing style end */

/* transparent and affordable pricing style start */
.pricing .common-heading {overflow: hidden;}
.pricing-wrapper {border-radius: 9.1rem; background: linear-gradient(192deg, rgba(178, 255, 15, 0.15) -8.3%, rgba(73, 227, 238, 0.05) 100%); padding: 8.1rem 5.9rem 11.3rem;}
.pricing_list_sec {display: grid; grid-template-columns: repeat(3, 1fr); gap: 5.1rem; margin-top: 7rem;}
.pricing_loop {padding: 4.2rem 3.6rem 4.4rem; border: 0.2rem solid; border-image: linear-gradient(180deg, #97DB05, rgb(73 227 238 / 40%)) 1; background: linear-gradient(270deg, rgb(178 255 15 / 16%) 0%, rgba(5, 85, 152, 0.28) 100%); backdrop-filter: blur(21px); -webkit-backdrop-filter: blur(21px);}
.pricing_loop_inn {position: relative; width: 100%; min-height: 59rem;}
.pricing_loop_inn header {min-height: 18.1rem;}
.pricing_loop_inn header h3 {font-size: 2rem; font-weight: 700; line-height: 2rem; color: var(--green_100);}
.pricing_loop_inn header h4 {font-size: 5rem; font-weight: 500; line-height: 5.5rem; color: var(--aqua_100); margin-top: 0.5rem;}
.pricing_loop_inn header h4 span {font-size: 2.2rem; font-weight: 400; color: var(--green_100);}
.pricing_loop_inn .common-text {max-width: 100%; margin: 0; position: relative;}
.pricing_loop_inn .common-text::after {content: ''; position: absolute; top: -1.6rem; right: 0; left: 0; width: 100%; height: 0.1rem; background: linear-gradient(90deg, rgba(178, 255, 15, 0.00) 0%, #3cda82 51.44%, rgba(178, 255, 15, 0.00) 100%);}
.pricing_loop_inn .common-text ul li {position: relative; margin-left: 2.8rem;}
.pricing_loop_inn .common-text ul li::before {content: '\e903'; font-family: 'icomoon'; font-size: 1rem; font-weight: 700; color: var(--green_100); position: absolute; top: 0; left: -2.8rem;} 
.pricing_loop_inn .common-text ul li:not(:last-of-type) {margin-bottom: 2.1rem;}
.rank-text {font-size: 1.3rem; font-weight: 400; line-height: 1.3rem; color: var(--blue_100); background-color: var(--green_100); display: flex; align-items: center; justify-content: center; width: 9.5rem; height: 2.3rem; position: absolute; top: -6.6rem; left: -3.8rem;}
.pricing_header_block {display: flex; align-items: flex-start; justify-content: space-between;}
.pricing_icon {width: 10rem; height: auto;}
.price_button {position: absolute; bottom: 0; width: 100%;}
.price_button a {font-size: 1.5rem; font-weight: 500; line-height: 1.5rem; color: var(--blue_100); background-color: var(--green_400); width: 100%; height: 5rem; display: flex; align-items: center; justify-content: center; transition: var(--transition);}
.price_button a:hover {color: var(--green_100); border: 0.1rem solid; border-image: linear-gradient(145deg, #97DB05, #49E3EE) 1; background-color: rgba(29, 61, 63, 0.50);}
.price_promise_inner {display: flex; align-items: center; justify-content: space-between; padding: 4.2rem 3.6rem 4.4rem; border: 0.2rem solid; border-image: linear-gradient(-20deg, #97db05a3, rgb(48 48 48 / 40%)) 1; background: linear-gradient(90deg, rgb(178 255 15 / 16%) 0%, rgba(5, 85, 152, 0.28) 100%); backdrop-filter: blur(21px); margin-top: 4.9rem;}
.price_promise_left header span {font-size: 2rem; font-weight: 700; line-height: 2rem; color: var(--green_100);}
.price_promise_left header h3 {font-size: 5rem; font-weight: 500; line-height: 5.5rem; color: var(--aqua_100); margin-top: 0.5rem;}
.price_promise_left .common-text {max-width: 100%; margin: 0.5rem 0 0;}
.price_promise_left .common-text p {text-align: left;}
.promise_icon {width: 11rem; height: auto;}
/* /transparent and affordable pricing style end */

/* Ready to See Demandlytix in Action? style start */
.action-area {padding: 13.4rem 0 7.8rem;}
.action-area .common-heading {overflow: hidden;}
.action_list_loop {position: relative;}
.action_list_loop:not(:last-of-type)::after {content: ''; position: absolute; top: 50%; left: 65%; width: 70%; height: 0.1rem; background: linear-gradient(90deg, rgba(178, 255, 15, 0.00) 0%, #3cda82 51.44%, rgba(178, 255, 15, 0.00) 100%); transform: rotate(90deg);}
.action_list_loop_inn {padding: 0 44px;}
.list_heading {font-size: 3rem; font-weight: 500; line-height: 3.6rem; color: var(--green_400); margin-top: 1.4rem;}
.action_list_sec {display: flex; align-items: center; justify-content: space-between; text-align: center; border: 0.2rem solid; border-image: linear-gradient(0deg, #97db05a3, rgb(48 48 48 / 40%)) 1; background: linear-gradient(90deg, rgb(178 255 15 / 16%) 0%, rgba(5, 85, 152, 0.35) 100%); backdrop-filter: blur(21px); -webkit-backdrop-filter: blur(21px); padding: 7.7rem 3.2rem; margin-top: 4.5rem; overflow: hidden;}
.action_icon {width: 30%; min-height: inherit; margin: auto;}
.action_list_loop_inn header h3 {font-size: 2.5rem; font-weight: 600; line-height: 3.2rem; color: var(--green_400);}
/* /Ready to See Demandlytix in Action? style end */

/* contact area style start */
.contact {padding-bottom: 9.4rem;}
.contact .row .col-12 {padding: 0;}
.contact-form-wrapper {margin-top: 6rem; padding-right: 30.2%;}
.contact-form-wrapper header {overflow: hidden;}
.contact-form-wrapper header h2 {font-size: 3rem; font-weight: 500; line-height: 3.6rem; color: var(--green_400);}
.contact-form-wrapper header .common-text p {text-align: left; font-size: 1.6rem; line-height: 2rem;}
.contact_form_se {margin-top: 3.2rem;}
.form_loop:not(:last-of-type) {margin-bottom: 1.6rem;}
.form_loop label {display: none;}
.form_loop input {width: 100%; height: 4.8rem; background-color: #000; border: 0.1rem solid rgba(73, 227, 238, 0.50); border-radius: 0; font-size: 1.5rem; font-weight: 400; line-height: 2rem; color: rgb(111, 135, 137);}
.form_loop input:focus{background-color: transparent; border: 0.1rem solid rgba(73, 227, 238, 0.50); box-shadow: none; color: rgb(111, 135, 137);}
.form_loop input:focus-visible {outline: none;}

.form_loop input::-webkit-input-placeholder {color: rgb(111, 135, 137);}
.form_loop input::-moz-placeholder {color: rgb(111, 135, 137);}
.form_loop input:-ms-input-placeholder {color: rgb(111, 135, 137);}
.form_loop input:-moz-placeholder {color: rgb(111, 135, 137);}

.form_loop select {width: 100%; height: 4.8rem; background-color: transparent; border: 0.1rem solid rgba(73, 227, 238, 0.50); border-radius: 0; font-size: 1.5rem; font-weight: 400; line-height: 2rem; color: rgb(111, 135, 137); background-image: url(../images/down-arrow.svg); background-repeat: no-repeat; background-position-x: right; background-position-y: center; background-origin: content-box; cursor: pointer;}
.form_loop select:focus{background-color: transparent; border: 0.1rem solid rgba(73, 227, 238, 0.50); box-shadow: none; color: rgb(111, 135, 137);}
.form_loop select:focus-visible {outline: none;}
.form_loop select option {background-color: var(--black_100);}

.form_loop textarea {width: 100%; height: 9.4rem; background-color: #000; border: 0.1rem solid rgba(73, 227, 238, 0.50); border-radius: 0; font-size: 1.5rem; font-weight: 400; line-height: 2rem; color: rgb(111, 135, 137); resize: none; padding-top: 1.2rem;}
.form_loop textarea::-webkit-input-placeholder {color: rgb(111, 135, 137);}
.form_loop textarea::-moz-placeholder {color: rgb(111, 135, 137);}
.form_loop textarea:-ms-input-placeholder {color: rgb(111, 135, 137);}
.form_loop textarea:-moz-placeholder {color: rgb(111, 135, 137);}
.form_loop textarea:focus{background-color: transparent; border: 0.1rem solid rgba(73, 227, 238, 0.50); box-shadow: none; color: rgb(111, 135, 137);}
.form_loop textarea:focus-visible {outline: none;}

.contact_form_se input.submit-button {display: flex; align-items: center; justify-content: center; width: 18.5rem; height: 5rem; font-size: 1.5rem; font-weight: 500; line-height: 2rem; text-align: center; color: #B2FF0F;background-color: #055598; border: 0.2rem solid; border-image: linear-gradient(180deg, #97db0500, rgba(73, 227, 238, 0)) 1; transition: var(--transition); margin-top: 3rem;}
.contact_form_se input.submit-button:hover {background-color: transparent; border: 0.2rem solid; border-image: linear-gradient(190deg, #97DB05, rgb(73 227 238 / 40%)) 1;}


.form_loop input.wpcf7-not-valid {color: rgb(238 73 73 / 80%); border: 0.1rem solid rgb(238 73 73 / 80%);}
.form_loop input.wpcf7-not-valid::placeholder {color: rgb(238 73 73 / 80%);}
.form_loop .wpcf7-not-valid-tip {display: none;}

.contact_form_se .wpcf7-spinner {top: -3.8rem; left: 50%; margin-left: auto;}
.wpcf7-form.invalid .wpcf7-response-output {font-size: 1.5rem; font-weight: 400; padding: 0.4rem 0.8rem; margin: 0; color: rgb(238 73 73 / 80%); border-color: rgb(238 73 73 / 80%) !important;}
/* /contact area style end */

/* footer style start */
.site-footer {position: relative; padding-top: 9.1rem;}
.site-footer::after {content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 68%; height: 0.1rem; background: linear-gradient(90deg, rgba(178, 255, 15, 0.00) 0%, #49E3EE 51.44%, rgba(178, 255, 15, 0.00) 100%);}
.footer-logo {width: 76.9rem; height: auto; margin: auto;}
.footer-logo a {display: block;}
.footer-logo a svg {width: 100%; height: auto;} 

.footer_address_sec {display: flex; align-items: center; justify-content: space-between; gap: 13.2rem; background: linear-gradient(103deg, rgba(178, 255, 15, 0.10) 9.12%, rgba(5, 85, 152, 0.30) 94.1%); backdrop-filter: blur(50px); -webkit-backdrop-filter: blur(50px); border: 0.2rem solid; border-image: linear-gradient(180deg, rgb(151 219 5 / 20%), rgb(151 219 5 / 40%)); border-image-slice: 1; padding: 6.9rem 7rem; width: 100%; max-width: 150.8rem; margin: 9.2rem auto; position: relative;}
.footer_address_sec::after {content: ''; position: absolute; top: 50%; left: 61rem; width: 15%; height: 0.1rem; background: linear-gradient(90deg, rgb(178 255 15 / 0%) 0%, #24db05 51.44%, rgba(178, 255, 15, 0.00) 100%); rotate: 90deg;}
.footer_address_sec header h2 {font-size: 8.5rem; font-weight: 800; line-height: 8.5rem; color: var(--blue_100);}
.footer_address_sec header h2 span {display: block; color: var(--green_100);}
.footer_address {position: relative;}
.footer_address .address {font-size: 1.8rem; font-weight: 400; line-height: 2.4rem; color: var(--aqua_200); position: relative; padding-left: 6.6rem; width: 56%;display: flex; align-items: center; margin-bottom: 3.7rem;}
.footer_address .phone {display: block; width: fit-content;}
.footer_address .phone a {font-size: 1.8rem; font-weight: 400; line-height: 2.4rem; color: var(--aqua_200); display: flex; align-items: center; gap: 2.4rem; position: relative; padding-left: 6.6rem; width: fit-content; transition: var(--transition);}
.footer_address .phone a:hover {color: var(--green_100);}
.footer_address .email {display: block; width: fit-content; position: absolute; bottom: 0; right: 19%;}
.footer_address .email a {font-size: 1.8rem; font-weight: 400; line-height: 2.4rem; color: var(--aqua_200); display: flex; align-items: center; gap: 2.4rem; position: relative; padding-left: 6.6rem; width: fit-content; transition: var(--transition);}
.footer_address .email a:hover {color: var(--green_100);}
.info-icon {font-size: 2.2rem; color: var(--aqua_200); border: 0.1rem solid var(--aqua_200); display: flex; align-items: center; justify-content: center; width: 3.9rem; height: 3.7rem; position: absolute; left: 0; transition: var(--transition);}
.footer_address .phone a:hover .info-icon {color: var(--green_100); border: 0.1rem solid var(--green_100);}
.footer_address .email a:hover .info-icon {color: var(--green_100); border: 0.1rem solid var(--green_100);}


.footer_bot {margin-top: 6.6rem; background-color: var(--green_100);}
.footer-bottom-wrapper {display: flex; align-items: center; justify-content: space-between; height: 7rem;}
.site-name {font-size: 1.8rem; font-weight: 400; line-height: 2rem; color: var(--blue_100);}
.site-name strong {font-weight: 700;}
.footer-navigation-wrapper {list-style: none; padding: 0; margin: 0; display: flex; align-items: center; gap: 3.2rem;}
.footer-navigation-wrapper li {position: relative;}
.footer-navigation-wrapper li:not(:last-of-type)::after {content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: -1.6rem; width: 0.2rem; height: 100%; background-color: var(--blue_100);}
.footer-navigation-wrapper li a {font-size: 1.8rem; font-weight: 400; line-height: 2rem; color: var(--blue_100); transition: var(--transition);}
.footer-navigation-wrapper li a:hover {color: var(--aqua_400);}
.footer-navigation-wrapper li.current-menu-item a {color: var(--aqua-300);}
.social-navigation-wrapper {list-style: none; padding: 0; margin: 0; display: flex; align-items: center; gap: 5.2rem;}
.social-navigation-wrapper li a {display: block; font-size: 0rem;}
.social-navigation-wrapper li a span {font-size: 2rem; color: var(--blue_100); transition: var(--transition);}
.social-navigation-wrapper li a:hover span {color: var(--aqua_400);}
/* /footer style end */


/* 404 notfound page style start */
body.error404 {background-image: url(../images/notfound_bg.webp); background-repeat: no-repeat; background-position: center; background-size: cover; background-color: rgb(1 1 1 / 96%);}
.single-page-wrapper {position: relative;}
.plush-sign-shadow span {width: 32rem; height: auto; display: block;}
.plush-sign-shadow span svg {width: 100%; height: auto;}
.plush-sign-shadow span:first-of-type {position: absolute; top: 5rem; left: 10rem;}
.plush-sign-shadow span:nth-of-type(2) {position: absolute; top: -11rem; left: 50%; transform: translateX(-50%);}
.plush-sign-shadow span:last-of-type {position: absolute; top: 5rem; right: 10rem;}

.before-shadow {position: absolute; width: 100%; height: 100%;}
.before-shadow svg {width: 100%; height: 100%;}
.not_found_wrapper {width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.page-title {font-size: 0rem;}
.notfound-icon {width: 95.2rem; height: auto; margin: 0 auto;}
.notfound-icon svg {width: 100%; height: auto;}
.page-content {position: relative; z-index: 1;}
.page-content {width: 100%; max-width: 90.2rem; margin: 3rem auto 0;}
.page-content p {font-size: 3.2rem; font-weight: 400; line-height: normal; color: var(--white_default); text-align: center;}
.back-to-home {margin-top: 3.3rem; position: relative; z-index: 1;}
.after-shadow {background-image: url(../images/banner-overlay-bg.png); background-repeat: no-repeat; background-position-y: bottom; position: absolute; bottom: 0; width: 100%; height: 100%; mix-blend-mode: overlay; z-index: -1;}
/* /404 notfound page style end */

/* thankyou page style start */
body.thank-you {background-image: url(../images/notfound_bg.webp); background-repeat: no-repeat; background-position: center; background-size: cover; background-color: rgb(1 1 1 / 90%); position: relative; overflow: hidden;}
.thankyou-line-animation {position: absolute; top: 9rem; z-index: -1; width: 100%; height: auto;}
.thankyou-plush-shadow span {width: 32rem; height: auto; display: block;}
.thankyou-plush-shadow span svg {width: 100%; height: auto;}
.thankyou-plush-shadow span:first-of-type {position: absolute; top: 0; left: 6rem;}
.thankyou-plush-shadow span:nth-of-type(2) {position: absolute; top: 0; right: 13rem;}
.thankyou-plush-shadow span:nth-of-type(3) {position: absolute; bottom: -5.6rem; left: 6rem;}
.thankyou-plush-shadow span:last-of-type {position: absolute; bottom: -5.6rem; right: 13rem;}

.thankyou-wrapper {width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.thank_title {font-size: 24rem; font-weight: 900; line-height: 24rem; text-transform: uppercase; color: var(--green_400);}
.thankyou-content {width: 100%; max-width: 90.2rem; margin: 0.6rem auto 0;}
.thankyou-content p {font-size: 3.2rem; font-weight: 400; line-height: normal; color: var(--white_default); text-align: center;}

.thankyou-line-animation svg circle {animation: glow 2s infinite ease-in-out; transform-origin: center;}
.thankyou-line-animation svg circle:nth-of-type(3n) {animation-delay: 0.3s;}
.thankyou-line-animation svg circle:nth-of-type(4n) {animation-delay: 0.6s;}
.thankyou-line-animation svg circle:nth-of-type(5n) {animation-delay: 0.9s;}

@keyframes glow {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
    filter: drop-shadow(0 0 0px rgba(255, 255, 255, 0));
  }
  50% {
    transform: scale(1.02); /* small pulse */
    opacity: 0.9;
    filter: drop-shadow(0 0 6px rgba(255, 255, 255, 0.6)); /* soft glow */
  }
}



/* /thankyou page style end */

/* terms and condition page style start */
.inner_page_hed {margin-top: 6.2rem; min-height: 50rem; display: flex; align-items: center; position: relative; background: linear-gradient(180deg, rgba(0, 0, 0, 0.50) 5.46%, rgba(60, 81, 15, 0.28) 27.94%, rgba(105, 153, 4, 0.05) 102.22%);}
.inner_page_hed::before {content: ''; background-image: url(../images/banner-overlay-bg.png); background-repeat: no-repeat; background-size: cover; background-position-y: bottom; position: absolute; bottom: -3.2rem; width: 100%; height: 100%; mix-blend-mode: overlay;}
.inner_page_hed .page_title {font-size: 7rem; font-weight: 700; line-height: 8rem; color: var(--aqua_100); position: relative; z-index: 1;}
.inner_page_hed .page_title span {color: var(--green_100);}
.inner_page_wrp {padding: 4rem 0 20rem;}
.com_inner_content h2:not(:first-of-type) {margin-top: 8rem;}
.com_inner_content h2 {font-size: 5rem; font-weight: 500; line-height: 5.8rem; color: var(--aqua_100); margin-bottom: 2.3rem;}
.com_inner_content p {font-size: 2.2rem; font-weight: 400; line-height: 3.5rem; color: var(--aqua_200);}
.com_inner_content p:not(:last-of-type) {padding-bottom: 2.3rem;}
.com_inner_content p a {font-size: 2.2rem; font-weight: 400; line-height: 3.5rem; color: var(--green_100); transition: var(--transition);}
.com_inner_content p a:hover {color: var(--aqua_200);}
.com_inner_content ol li, .com_inner_content ul li {font-size: 2.2rem; font-weight: 400; line-height: 3.5rem; color: var(--aqua_200); padding-bottom: 2.3rem;}
.com_inner_content ul {list-style: none; padding: 0;}
.com_inner_content ul li {position: relative; padding-left: 2.8rem;}
.com_inner_content ul li::before {content: '\e901'; font-family: 'icomoon'; position: absolute; left: 0; font-size: 1.6rem; color: var(--green_100);}

.draw-line-shape {width: 103%; height: auto; position: absolute; top: 2rem;}
.draw-line-shape svg {width: 100%; height: auto; opacity: 0;}
.draw-line-shape svg path {fill: none; stroke-width: 4; stroke: #000; stroke-dasharray: 3020; stroke-dashoffset: 3020; animation: draw 4s ease-in-out forwards;}
.draw-line-shape  svg path:first-of-type {stroke: #8DC63F;}
.draw-line-shape svg path:last-of-type {stroke: #00AEEF; animation-delay: 0.5s;}
.draw-line-shape svg {max-width: 100%; height: auto;}
@keyframes draw {to { stroke-dashoffset: 0; } }
body.svg-loaded .banner-area svg {opacity: 1;}
body.privacy-svg-loaded .draw-line-shape svg {opacity: 1;}
/* /terms and condition page style end */


.dscf7-captcha-container{width: 100%;
  background: transparent;
  border-radius: 10px;
  padding: 0;
  color:var(--aqua_200);
  display: flex;
  align-items: center;}

.dscf7-question-container{ width: 40%;}
.dscf7-answer-container{ width: 60%;}
.dscf7-captcha-container span.wpcf7-form-control-wrap input{ margin-top: 0;background-color: #000;border: .1rem solid rgba(73, 227, 238, .5);color: #6f8789; border-radius: 0;outline: none;font-size: 1.5rem; height: 4.8rem; padding-top: 0; padding-bottom: 0;}
.dscf7-captcha-container span.wpcf7-form-control-wrap:focus-visible{ outline: none; border-color: rgba(73, 227, 238, .5);}
.dscf7-captcha-container span.dscf7_lt .dscf7_refresh_captcha img{filter: invert(100%);}
.dscf7-captcha-container span.dscf7_lt .dscf7_refresh_captcha{width: 22px;margin-right: 1rem;}

.dscf7-captcha-container span.wpcf7-form-control-wrap input::-webkit-input-placeholder {color: rgb(111, 135, 137);}
.dscf7-captcha-container span.wpcf7-form-control-wrap input::-moz-placeholder {color: rgb(111, 135, 137);}
.dscf7-captcha-container span.wpcf7-form-control-wrap input:-ms-input-placeholder {color: rgb(111, 135, 137);}
.dscf7-captcha-container span.wpcf7-form-control-wrap input:-moz-placeholder {color: rgb(111, 135, 137);}

.contact-form-wrapper .common-text{max-width: 100%;}
.footer_bot_text{ display:block; font-size:1.3rem;color: var(--blue_100);padding-top: 0.5rem;}
.footer_bot_right{display: flex;
    align-items: center;
    gap: 2rem;}


.results-item-pop{ position: absolute; left: 0; right: 0; top: 0; background-color: #0A0F03; border-radius: 9.6rem; z-index: 2;opacity: 0; visibility: hidden;pointer-events: none; padding: 4.8rem;transform: translateY(10%);
transition:
    opacity 0.8s ease,
    transform 0.8s ease,
    visibility 0s linear 0.2s; /* waits until fade-out ends */
}
.results-item-pop.active {opacity: 1; visibility: visible; pointer-events: auto;transform: translateY(0);

transition:
    opacity 0.6s ease,
    transform 0.6s ease,
    visibility 0s; /* no delay when showing */}

.results-item-pop header{padding-bottom: 4.7rem;}
.results-item-pop .study-icon{ width: 12.5rem; height: 12.5rem; border-radius: 2rem; background-color: #0A0F03; display: flex; align-items: center; justify-content: center;}


.results-pop-inner{display: grid;grid-template-columns: repeat(3, 1fr); gap: 3.2rem;}
.pop_itmes{ --gradient-glow: #B2FF0F, #49E3EE; padding: 0.1rem;  border-radius: 2.5rem; overflow: hidden; border:2px solid transparent; 
  --surface :rgb(10 16 4);
  background: linear-gradient(var(--surface, canvas) 0 0) padding-box,
  
  conic-gradient(var(--gradient-glow)) border-box;
  isolation: isolate;}

  .pop_itmes_sec .results-item-pop header{ padding-bottom: 3rem;}
  .pop_itmes_sec .common-text{ margin: 0;}
  .pop_itmes_sec .common-text p,  .pop_cont.common-text p{ text-align: left;margin-bottom: 1.5rem;}
  .pop_cont.common-text{ max-width: 100%;}
  .pop_cont.common-text p{ font-size: 1.9rem;}
  .pop_hed{ color: #B2FF0F; font-size: 2.5rem; font-weight: 700; margin-bottom: 1.5rem;}

  .mid_popup .pop_cont.common-text p{ color: #00F0FF; }

  .pop_cont table{ margin-top: 4rem;margin-bottom: 4.9rem;}
  .pop_cont table tr{ display: flex; gap: 0.3rem;height: auto !important;}
  .pop_cont table td{ border: 0.1rem solid #FFF; font-size: 1.6rem; color: #6B96B8; padding:1.6rem 1.5rem; width: 40%; display: flex; align-items: center;height: auto !important;}

  .pop_cont table td:last-child{ text-align: center; width: 60%;justify-content: center;}

  .pop_cont ul{ list-style: none; padding: 0; margin: 0;}
  .pop_cont ul li { margin-bottom: 1.2em;}
  .pop_cont ul li strong{ display: block;color: #B2FF0F; font-size: 1.8rem; font-weight: 600; padding-left: 2.8rem; background-repeat: no-repeat; background-position: 0 center; background-image: url(../images/tick_icon.svg); padding-bottom: 0.8rem;background-size: 14px;}


.pop_itmes_sec{ background-color: rgba(29, 61, 63, 0.50);padding:3.6rem 2.5rem;height: 100%;}
.pop_itmes .results-heading h3{ font-size: 10.0rem; line-height: 10.0rem;}



.results-item {transition: opacity 0.4s ease;cursor: pointer;}

.results-item.aos-animate.dim,.results-item.dim,.results-item-slider-loop .results-item.show.dim{opacity:0;}
.results-item-pop .results-item.dim{opacity: 1;}
.results_item_pop_row{ display: flex; gap: 3.8rem; height: 100%; align-items: center;}
.results_item_pop_left{ width: 31%;padding-right: 6.9rem;}
.results_item_pop_right{ width: 66%;padding:0;padding-left: 7.4rem; position: relative;}

.results_item_pop_right::before{content: ''; background: linear-gradient(90deg, rgba(178, 255, 15, 0.00) 0%, #3cda82 51.44%, rgba(178, 255, 15, 0.00) 100%); width: 0.1rem; height: 100%; left: -2rem; top: 0; position: absolute; display: block;}
.results-item-pop .results-item{ border: none; background: transparent;padding: 0;}
.results-item-pop .study-icon{ margin-left: 0; margin-bottom: 3rem;}
.results_item_pop_right .common-text{ max-width: 100%;margin: 0;}
.results_item_pop_right .common-text p{ text-align: left; margin-bottom: 2.2rem;}

.results_item_pop_right .common-text p strong{color: var(--aqua_100); font-weight: 500;}

.close-pop{ position: absolute; right:5rem; top:5rem; padding: 0; border: none; outline: none; width: 2.5rem; height: 2.5rem; border-radius: 100%; background-color: transparent; display: flex; align-items: center; justify-content: center;}

.results_item_pop_right table{ border: 0.1rem solid rgba(178, 255, 15, 0.60); font-size: 1.8rem; color: #6B96B8; margin-top: 4rem;}
.results_item_pop_right table td{border: 0.1rem solid rgba(178, 255, 15, 0.60); padding: 0.5rem 1.5rem;}


.pop_itmes {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.9s ease, transform 0.9s ease;
}

.pop_itmes.show {
  opacity: 1;
  transform: translateY(0);
}

.popup_heading_table{ display: flex; align-items: center; gap: 1.3rem;}
.popup_heading_table svg{ width: 1.5rem;}
.popup_cta_buton{ display: flex; width: 100%; height: 5.9rem; border-radius: 1rem; background-color:#B2FF0F; color: #055598; font-weight: 500; font-size: 1.8rem; align-items: center; justify-content: center;}
.popup_cta_buton:hover{ background-color:#055598; color:#B2FF0F;}


.results-item-slider-loop .results-item{
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.9s ease, transform 0.9s ease;
}

.results-item-slider-loop .results-item.show{
  opacity: 1;
  transform: translateY(0);
}

/*.results-item-slider-loop{ width: calc((100% - (30px * 4)) / 5) !important;  /* calc((100% - (0px * 1)) / 5) !important 5 slides visible 
  box-sizing: border-box; }*/

  .results-item-slider-loop{ width:22.5%}

.case_study .swiper-pagination{ position:static;margin-top: 4rem; opacity:1 }
.case_study .swiper-pagination  .swiper-pagination-bullet{ border:0.1rem solid var(--green_100); width:2rem; height:2rem;opacity:1  }
.case_study .swiper-pagination  .swiper-pagination-bullet.swiper-pagination-bullet-active{ border-color: var(--green_100); background-color:var(--green_100) }

.swiper-button-next:after, .swiper-button-prev:after{ font-size:2rem; color: var(--green_100);}
.swiper-button-next{ right:9rem }
.swiper-button-prev{ left:9rem }
.case_study { position:relative; }
.case_study.pop-open{ z-index:10 }
.investing-area.pop-open,.case_study .common-heading{ transition:opacity 0.9s ease }

.com_sec.pop-open .swiper-button-next, .com_sec.pop-open .swiper-button-prev,.case_study.pop-open .common-heading{ opacity:0 }

.com_sec.pop-open .results-item-pop .common-heading{ opacity:1 }

@media screen and (min-height: 680px) and (max-height: 900px) {
  .how-it-works-area .common-heading{ padding-top:3rem }
  .banner-area{ height: auto;}
  /*.case_study{ padding-top:7%;}*/
  .case_study_inner{ height:100vh; padding:6.2rem 0 6.4rem }
}

@media screen and (min-height: 480px) and (max-height: 700px) {
  /*.case_study{ padding-top:15%;}*/
}