@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700");
 html {
     scroll-behavior: smooth;
}
 a {
     color: #94A3B8;
     transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
     -ms-transition: all 0.4s ease;
     -webkit-transition: all 0.4s ease;
}
 ::-moz-selection {
    /* Code for Firefox */
     color: #ffffff;
     background: #2FB5B0;
}
 ::selection {
     color: #ffffff;
     background: #2FB5B0;
}
 .header.affix {
     position: fixed;
     left: 0;
     right: 0;
     top: 0;
     z-index: 9999;
}
 .section-height {
     padding: 100px 0;
}
 .heading h2 {
     font-weight: 600;
}
 .sub-heading-tag {
     background: #0F172A;
     border: 1px solid #324053;
     border-radius: 100px;
     text-align: center;
     color: #FFD200;
     padding: 5px 20px;
     font-size: .9rem;
     display: inline-block;
     text-transform: uppercase;
}
/* ====================Header CSS Start ============================ */
/* ANIMATED X */
 .navbar-toggler.x {
     border: none;
}
 .navbar-toggler.x:focus {
     outline: none;
}
 .navbar-toggler.x[aria-expanded=true] .icon-bar:nth-of-type(1) {
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
     -webkit-transform-origin: 10% 10%;
     -ms-transform-origin: 10% 10%;
     transform-origin: 10% 10%;
}
 .navbar-toggler.x[aria-expanded=true] .icon-bar:nth-of-type(2) {
     opacity: 0;
     filter: alpha(opacity=0);
}
 .navbar-toggler.x[aria-expanded=true] .icon-bar:nth-of-type(3) {
     -webkit-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     transform: rotate(-45deg);
     -webkit-transform-origin: 20% 90%;
     -ms-transform-origin: 20% 90%;
     transform-origin: 20% 90%;
}
 .navbar-toggler.x .icon-bar {
     width: 30px;
     display: block;
     height: 3px;
     background-color: #707070;
     -webkit-transition: all 0.2s;
     transition: all 0.2s;
}
 .navbar-toggler.x .icon-bar+.icon-bar {
     margin-top: 4px;
}
 .navbar-toggler.x .icon-bar:nth-of-type(1) {
     -webkit-transform: rotate(0);
     -ms-transform: rotate(0);
     transform: rotate(0);
}
 .navbar-toggler.x .icon-bar:nth-of-type(2) {
     opacity: 1;
     filter: alpha(opacity=100);
}
 .navbar-toggler.x .icon-bar:nth-of-type(3) {
     -webkit-transform: rotate(0);
     -ms-transform: rotate(0);
     transform: rotate(0);
}
 .header {
     position: relative;
     background: rgba(26, 31, 46, 0.8);
     border-bottom: 1px solid rgba(255, 255, 255, 0.42);
     backdrop-filter: blur(2px);
	 z-index: 9999;
    /* Note: backdrop-filter has minimal browser support */
}
 .menu.navbar-nav .nav-link {
     padding-right: 1rem;
     padding-left: 1rem;
}
 .pre-header {
     background-color: #FFD200;
}
 .pre-header h5 {
     color: #000000;
     font-size: 1.1rem;
     padding: 5px 0;
}
/* ====================Header CSS End ============================ */
/* ====================Footer CSS Start ============================ */
 .footer {
     background-color: #0a1222;
     background-image: url(../images/background/footer_bg.svg);
     background-position: right top;
     background-repeat: no-repeat;
     position: relative;
     padding-top: 60px;
}
 .footer:after {
     position: absolute;
     content: "";
     background-image: url(../images/background/footer_top_left.svg);
     left: 0;
     top: 0;
     width: 600px;
     height: 300px;
     background-size: cover;
     background-repeat: no-repeat;
}
 .footer:before {
     position: absolute;
     content: "";
     background-image: url(../images/background/footer_bottom_right.svg);
     right: 0;
     bottom: 0;
     width: 800px;
     height: 300px;
     background-size: cover;
     background-repeat: no-repeat;
}
 .footer .container {
     z-index: 9;
     position: relative;
}
 .footer hr {
     background-color: rgba(255, 255, 255, .4);
}
 .footer_list li {
     display: block;
     float: left;
     padding: 0 0 0 1rem;
}
 .footer_list li a.social {
     margin: .2rem 0;
     width: 32px;
     height: 32px;
     line-height: 32px;
     font-size: 1rem;
     text-align: center;
     display: block;
     padding: 0;
     color: #94A3B8;
     background: #1A1F2E;
     border: 1px solid #324053;
     border-radius: 6px;
}
 .footer_list li a.social:hover {
     color: #ffffff;
     background-color: #2D4A6E;
}
 .footer_list li:first-child {
     padding-left: 0;
}
 .footer .title {
     margin: 10px 0 10px 0;
     font-weight: 500;
     font-size: 1.1rem;
}
 .footer .nav .nav-item {
     padding-bottom: 10px;
     display: block;
     width: 100%;
}
 .footer .nav .nav-item .nav-link {
     padding: 0;
}
 .footer .nav .nav-item .nav-link:hover {
     color: #ffffff;
}
 .footer p a {
     color: #ffffff;
     font-weight: 500;
}
 .roi_amount_card {
     display: block;
     background-color: #2b3a5a;
     border-radius: 12px;
     padding: 20px;
     box-shadow: 0 05px 10px rgba(0, 0, 0, 0.25);
     max-width: 550px;
     margin: 0 auto 0 auto;
     position: absolute;
     bottom: -50px;
     z-index: 9;
     left: 0;
     right: 0;
}
 .icon_box {
     width: 40px;
     height: 40px;
     background-color: #1f2a44;
     border-radius: 8px;
     display: block;
     line-height: 40px;
     text-align: center;
     font-size: 1rem;
     float: left;
     color: #ffffff;
}
 .text-section {
     display: block;
}
 .icon_label {
     display: block;
     margin-left: 50px;
     margin-top: 6px;
     font-size: 1.1rem;
}
 .amount {
     font-size: 2rem;
     font-weight: 700;
     color: #0AE59D;
     display: block;
}
 .subtext {
     display: block;
     text-transform: uppercase;
     font-size: .9rem;
}
/* ====================Footer CSS End ============================ */
/* ====================Home blog wrap CSS Start ============================ */
 .home_blog_wrap {
     background-image: url(../images/background/home_blog_bg.png);
     background-position: center top;
     background-repeat: repeat;
     background-size: cover;
}
 .blog-img {
     background-color: #1A1F2E;
     display: flex;
     -moz-box-align: center;
     align-items: center;
     -moz-box-pack: center;
     justify-content: center;
     width: 100%;
     height: 280px;
     padding: 0px;
     border-radius: 10px;
     overflow: hidden;
     transition: 0.3s;
}
 .blog-img img {
     position: absolute;
     inset: 0px;
     box-sizing: border-box;
     padding: 0px;
     border: medium;
     margin: auto;
     display: block;
     width: 0px;
     height: 0px;
     min-width: 100%;
     max-width: 100%;
     min-height: 100%;
     max-height: 100%;
     object-fit: cover;
     -webkit-transform: scale(1);
     transform: scale(1);
     -webkit-transition: .3s ease-in-out;
     transition: .3s ease-in-out;
}
 .blog-card:hover .blog-img img {
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
}
 .blog-img a {
     position: relative;
     width: 100%;
     height: 100%;
}
 .blog-card:hover .blog-img {
     box-shadow: 0px 25px 10px rgba(61, 129, 138, 0.03), 0px 14px 8px rgba(61, 129, 138, 0.1), 0px 6px 6px rgba(61, 129, 138, 0.17), 0px 2px 3px rgba(61, 129, 138, 0.2);
}
 .date-badge {
     background-color: #2D4A6E;
     color: #fff;
     font-size: 15px;
     font-weight: 500;
     border-radius: 20px;
     padding: 4px 12px;
     display: inline-block;
     margin-top: 20px;
     margin-bottom: 5px;
     position: relative;
     z-index: 2;
}
 .blog-title {
     font-weight: 600;
     margin-top: 10px;
     color: #a5a4a4;
}
 .blog-title a {
     color: #ffffff;
}
 .blog-card:hover .blog-title a {
     color: #FFD200;
}
 .blog-short-disp {
    /* display: block;
     */
     display: -webkit-box;
     max-width: 100%;
     height: 50px;
     margin: 15px auto;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
}
 .blog-footer {
     display: flex;
     align-items: center;
     border-top: 1px solid rgba(255, 255, 255, 0.1);
     padding: 12px 0;
     font-size: 14px;
     color: rgba(255, 255, 255, 0.8);
}
 .blog-footer .avatar {
     width: 30px;
     height: 30px;
     background-color: #2b3a5a;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-right: 10px;
     font-size: 13px;
     font-weight: 600;
}
 .blog-content .blog-footer {
     border-top: none 
}
/* ====================Home blog wrap CSS End ============================ */
/* ====================Home Testimonial wrap CSS Start ============================ */
 .home_commonbg_wrap {
     background-image: url(../images/background/testimonial_bg.png);
     background-position: center top;
     background-repeat: no-repeat;
     background-size: contain;
}
 .testimonial-card {
     margin: 10px !important;
     padding: 25px;
     margin: auto;
     position: relative;
     background: #1A1F2E;
     border: 1px solid #324053;
     box-shadow: 0px 25px 10px rgba(61, 129, 138, 0.03), 0px 14px 8px rgba(61, 129, 138, 0.1), 0px 6px 6px rgba(61, 129, 138, 0.17), 0px 2px 3px rgba(61, 129, 138, 0.2);
     border-radius: 14px;
}
 .testimonial-header {
     display: flex;
     justify-content: space-between;
     align-items: center;
}
 .testimonial-title {
     font-weight: 600;
     font-size: 1.2rem;
     color: #ffffff;
}
 .testimonial-subtitle {
     margin-top: 4px;
     font-size: 1.1rem;
}
 .quote-icon {
     width: 64px;
     height: 64px;
     border-radius: 50%;
     background-color: #233556;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #ffffff;
}
 .quote-icon img {
     width: 30px !important;
}
 .divider {
     border-top: 1px solid rgba(255, 255, 255, 0.1);
     margin: 16px 0;
}
 .testimonial-text {
     font-style: italic;
     line-height: 1.6;
}
 .home_testimonial_wrap .owl-stage-outer {
     padding: 30px 0 !important;
}
 .owl-theme .owl-dots .owl-dot:focus {
     outline: none;
}
/* ====================Home Testimonial wrap CSS End ============================ */
/* ====================Home Trusted wrap CSS start ============================ */
 .home_trusted_wrap {
     background-image: url(../images/background/home_blog_bg.png);
     background-position: center top;
     background-repeat: repeat;
     background-size: cover;
}
 .trusted_card {
     padding: 40px;
     background: #1A1F2E;
     border: 1px solid #324053;
     box-shadow: 0px 25px 10px rgba(61, 129, 138, 0.03), 0px 14px 8px rgba(61, 129, 138, 0.1), 0px 6px 6px rgba(61, 129, 138, 0.17), 0px 2px 3px rgba(61, 129, 138, 0.2);
     border-radius: 14px;
}
 .trusted-highlight svg {
     margin-right: 5px;
}
 .trusted_card h3 {
     margin-top: -100px;
}
/* ====================Home Trusted wrap CSS End ============================ */
/* ====================Home video wrap CSS Start ============================ */
 .video-container {
     position: relative;
     padding-bottom: 56.25%;
     height: 0;
}
 .video-container iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
 .deepdive_image_wrap {
     padding: 30px;
     border-radius: 14px;
     background-color: #324053;
     text-align: center;
}
 .deepdive_wrap ul {
     margin: 0 0 20px 0;
     display: block;
     float: left;
     width: 100%;
}
 .deepdive_wrap ul li {
     background-image: url(../images/icons/checkmark.svg);
     background-position: left top;
     background-repeat: no-repeat;
     padding: 0 0 0 40px;
     margin: 15px 0;
}
 .deepdive_wrap h2 {
     font-weight: 600;
}
/* ====================Home video wrap CSS End ============================ */
/* ====================ROI calculator wrap CSS Start ============================ */
 .roi_calculator_wrap {
     background-image: url(../images/background/home_blog_bg.png);
     background-position: center top;
     background-repeat: repeat;
     background-size: cover;
     position: relative;
}
 .calculator_wrap {
     background: #1A1F2E;
     border: 1px solid #324053;
     box-shadow: 0px 25px 10px rgba(61, 129, 138, 0.03), 0px 14px 8px rgba(61, 129, 138, 0.1), 0px 6px 6px rgba(61, 129, 138, 0.17), 0px 2px 3px rgba(61, 129, 138, 0.2);
     border-radius: 14px;
     padding: 30px;
}
 .calculator_card {
     background: #1F3040;
     border: 1px solid #324053;
     border-radius: 14px;
     padding: 30px;
     position: relative;
     overflow: hidden;
     background-image: url(../images/background/calculator_pattern.svg);
     background-position: right bottom;
     background-repeat: no-repeat;
}
 .calculator_list li {
     padding: 10px 0 10px 40px;
     display: block;
     width: 100%;
     overflow: hidden;
     line-height: 30px;
     position: relative;
}
 .calculator_list li span:first-of-type {
     background: #1A1F2E;
     border: 1px solid #324053;
     border-radius: 54px;
     height: 30px;
     width: 30px;
     color: #ffffff;
     line-height: 26px;
     display: block;
     text-align: center;
     margin-right: 15px;
     float: left;
     position: absolute;
     left: 0;
     top: 9px;
}
 .text-blue {
     color: #2FB5B0;
}
 .text-green {
     color: #0AE59D;
}
 .calculator_wrap .form-control {
     display: block;
     width: 100%;
    /* height: calc(1.5em + 0.75rem + 2px);
     */
     height: calc(1.5em + 0.75rem + 10px);
     padding: 0.375rem 0.75rem;
     font-size: 1.1rem;
     font-weight: 400;
     line-height: 1.6;
     color: #ffffff;
     background-color: #0F172A;
     background-clip: padding-box;
     border: 1px solid #324053;
     border-radius: 0.5rem;
     transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
/* ====================ROI calculator wrap CSS End ============================ */
/* ====================Homestep wrap CSS Start ============================ */
 .home_step_wrap {
     background-image: url(../images/background/stepbg.svg);
     background-attachment: fixed;
     background-position: center 20%;
     background-repeat: no-repeat;
     background-size: contain;
     display: block;
     width: 100%;
     overflow: hidden;
     position: relative;
}
 .home_step_wrap:after {
     position: absolute;
     content: "";
     background-image: url(../images/background/step_bottom_bg.svg);
     left: 50px;
     bottom: 50px;
     width: 410px;
     height: 410px;
     background-size: cover;
     background-repeat: no-repeat;
}
 .stepcard {
     background: #1A1F2E;
     border: 1px solid #324053;
     border-radius: 14px;
     position: relative;
     padding: 40px;
     overflow: hidden;
     margin: 15px 0;
     display: block;
     float: left;
     width: 100%;
     z-index: 1;
}
 .stepcard:after {
     position: absolute;
     content: "";
     background-image: url(../images/background/step_top_right.svg);
     right: 0;
     top: 0;
     width: 300px;
     height: 170px;
     background-size: cover;
     background-repeat: no-repeat;
}
 .stepcard:before {
     position: absolute;
     content: "";
     background-image: url(../images/background/step_bottom_left.svg);
     left: 0;
     bottom: 0;
     width: 450px;
     height: 110px;
     background-size: cover;
     background-repeat: no-repeat;
}
 .step_image_wrap {
     padding: 20px;
     border-radius: 14px;
     background-color: #324053;
     text-align: center;
}
 .step_content_wrap h2 {
     background: linear-gradient(180deg, #FFFFFF 0%, #1A1F2E 73.58%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     text-fill-color: transparent;
     font-weight: 600;
     font-size: 4rem;
     padding: 0;
     margin: 0;
     display: block;
     float: left;
     text-align: center;
}
 .step_content_wrap span {
     display: block;
     margin-left: 50px;
}
 .step_title {
     font-weight: 500;
     font-size: 2rem;
     color: #ffffff;
}
 .step_subtitle {
     font-size: 1.1rem;
}
/* Section wrapper */
/* .step_wrap {
     margin: 0 auto;
     position: relative;
}
 */
/* Sticky title within section */
/* .step_wrap_title {
     position: sticky;
     top: 9%;
     z-index: 5;
     padding-bottom: 5px;
}
 */
/* Cards grid */
 .step_list {
     display: block;
     padding-top: 30px;
}
/* Each card */
/* .step_item {
     position: sticky;
     top: 20%;
     display: block;
     height: auto;
     overflow: hidden;
     z-index: 99;
}
 */
/* Scroll animation */
/* .c-hotels__item:not(:last-child) {
     view-timeline-name: --card;
     view-timeline-axis: block;
     animation-timeline: --card;
     animation-name: in-n-out;
     animation-range: entry 90% cover 50%;
}
 */
/* ====================Homestep wrap CSS End ============================ */
/* ====================home price plan wrap CSS Start ============================ */
 .home_priceplan_wrap {
     background-image: url(../images/background/priceplan_bg.png);
     background-position: center bottom;
     background-repeat: repeat;
     background-size: cover;
     background-color: #1A1F2E;
     position: relative;
}
 .home_priceplan_wrap:after {
     position: absolute;
     content: "";
     background-image: url(../images/background/testimonial_bg.png);
     left: 0;
     right: 0;
     top: 0;
     width: 100%;
     height: 300px;
     background-size: cover;
     background-repeat: no-repeat;
}
 .home_priceplan_wrap .container {
     z-index: 9;
     position: relative;
}
 .pricingcard {
     margin: 20px;
}
 .pricing-card {
     padding: 30px;
     color: #fff;
     transition: all 0.3s ease;
     text-align: left;
     position: relative;
     overflow: hidden;
     background: #0F172A;
     border: 1px solid #324053;
     box-shadow: 0px 25px 10px rgba(61, 129, 138, 0.03), 0px 14px 8px rgba(61, 129, 138, 0.1), 0px 6px 6px rgba(61, 129, 138, 0.17), 0px 2px 3px rgba(61, 129, 138, 0.2);
     border-radius: 14px;
     min-height: 350px;
}
 .pricing-card:hover {
    /* transform: translateY(-5px);
     */
     box-shadow: 0 0 20px rgba(80, 200, 255, 0.2);
}
 .pricing-card h4 {
     font-size: 1.2rem;
     font-weight: 600;
     margin-bottom: 15px;
}
 .pricing-card .price {
     font-size: 2.2rem;
     font-weight: 600;
     color: #0AE59D;
}
 .pricing-card .per {
     font-size: 1.1rem;
     color: #a3a9ba;
     margin-left: 5px;
     font-weight: 400;
}
 .pricing-card .small-text {
     color: #8e94a7;
     font-size: 1.1rem;
     margin-top: 5px;
     margin-bottom: 15px;
}
 .pricing-card .small-text span {
     display: block;
     color: #616D7D;
     font-size: 1rem;
}
 .pricing-card .feature {
     border-top: 1px solid #2a2e3f;
     border-bottom: 1px solid #2a2e3f;
     padding: 15px 0;
     font-size: 1.1rem;
     position: relative;
     padding-left: 35px;
}
 .pricing-card .feature img {
     margin-right: 10px;
     display: inline-block !important;
     width: auto !important;
     position: absolute;
     left: 0;
     top: 16px;
}
 .pricing-card .btn {
     height: 42px;
     font-weight: 600;
     padding-top: 10px;
}
 .btn-warning {
     color: #000;
     font-weight: 600;
     border: none;
}
/* Ribbon for “Most Popular” */
 .ribbon {
     position: absolute;
     right: -60px;
     top: 18px;
     color: #ffffff;
     -webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
     transform: rotate(-90deg);
     background: #2FB5B0;
     padding: 5px 15px;
     border-radius: 100px 0 0 100px;
}
 .popular {
     position: relative;
}
 .popular_in {
     position: relative;
     z-index: 1;
}
 .popular:after {
     position: absolute;
     content: "";
     background-image: url(../images/background/pricecard_top.png);
     left: 0;
     top: 0;
     right: 0;
     width: 100%;
     height: 200px;
     background-size: cover;
     background-repeat: no-repeat;
}
 .popular::before {
     position: absolute;
     content: "";
     background-image: url(../images/background/pricecard_bottom.png);
     left: 0;
     bottom: 0;
     right: 0;
     width: 100%;
     height: 110px;
     background-size: cover;
     background-repeat: no-repeat;
}
/* ====================home price plan wrap CSS End ============================ */
/* ====================Hero banner CSS Start ============================ */
 .hero_banner {
     background-image: url(../images/background/home_bg.png);
     background-position: center bottom;
     background-repeat: no-repeat;
     background-size: cover;
     position: relative;
}
 .hero_banner:after {
     position: absolute;
     content: "";
     background-image: url(../images/background/home_top_left.svg);
     left: 0;
     top: 0;
     width: 700px;
     height: 700px;
     background-size: cover;
     background-repeat: no-repeat;
}
 .hero_banner:before {
     position: absolute;
     content: "";
     background-image: url(../images/background/home_top_right.svg);
     right: 0;
     top: 0;
     width: 450px;
     height: 550px;
     background-size: cover;
     background-repeat: no-repeat;
}
 .hero_banner .container {
     z-index: 9;
     position: relative;
}
 .hero_content_wrap h1 {
     font-weight: 700;
     font-size: 3rem;
}
 .hero_content_wrap h1 span {
     font-weight: 400;
     font-size: 2.5rem;
     display: block;
}
 .hero_content_wrap .form-inline {
     background: #1A1F2E;
     border: 1px solid #324053;
     border-radius: 14px;
     padding: 10px;
}
 .hero_content_wrap .form-inline .form-control {
     background: transparent;
     border: none;
     color: #ffffff;
     width: 68%;
}
 .hero-badges span {
     background-image: url(../images/icons/checkmark.svg);
     background-repeat: no-repeat;
     padding: 0 0 0 35px;
     margin: 10px 1% 10px 0;
     font-style: italic;
     display: block;
     width: 49%;
     float: left;
     font-size: 1.05rem;
}
 .analytics-card {
     background: #1A1F2E;
     border: 1px solid #324053;
     border-radius: 14px;
     padding: 25px;
     position: relative;
}
 .analytics-card h5 {
     margin-bottom: 20px;
}
 .live_dot {
     background-color: #0AE59D;
     height: 10px;
     width: 10px;
     border-radius: 100px;
     display: block;
     float: left;
     margin: 6px 10px 0 0;
}
 .animate-pulse {
     animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite 
}
 @keyframes pulse {
     50% {
         opacity: .5 
    }
}
 .iconbox {
     background: #0F172A;
     border: 1px solid #324053;
     border-radius: 8px;
     padding: 10px;
     height: 50px;
     width: 50px;
     text-align: center;
     margin-bottom: 25px;
}
 .total-card {
     background: #1F3040;
     border: 1px solid #324053;
     border-radius: 14px;
     padding: 20px;
     flex: 1;
     text-align: left;
     position: relative;
     overflow: hidden;
     background-image: url(../images/background/calculator_pattern.svg);
     background-position: right bottom;
     background-repeat: no-repeat;
}
 .total-card h6 {
     color: #a2a7b5;
}
 .total-card .amount {
     font-size: 2rem;
     color: #0AE59D;
     font-weight: 700;
}
 .total-card .iconbox {
     margin-bottom: 0;
     display: block;
     float: left;
}
 .total-card h6>span.badge-green {
     background: #2FB5B0;
     color: #ffffff;
     font-size: 0.9rem;
     font-weight: 600;
     border-radius: 20px;
     padding: 3px 20px;
     margin-left: 10px;
     display: inline-block;
}
 .font-large {
     font-size: 1.1rem;
     font-weight: 500;
}
 .analytics-card-top {
     position: absolute;
     top: -40px;
     left: -40px;
}
 .analytics-card-bottom {
     position: absolute;
     bottom: -40px;
     right: -40px;
}
 .total-card span {
     margin-left: 70px;
     display: block;
}
 .analytics-cards {
     background: #0F172A;
     border: 1px solid #324053;
     border-radius: 14px;
     padding: 20px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     max-width: 600px;
     margin: auto;
     text-align: left;
     position: relative;
     overflow: hidden;
     background-image: url(../images/background/analytics_bg.svg);
     background-position: right bottom;
     background-repeat: no-repeat;
     margin-bottom: 20px;
}
 .analytics-left {
     display: flex;
     align-items: center;
}
 .icon-box {
     background: #0F172A;
     border: 1px solid #324053;
     height: 50px;
     width: 50px;
     border-radius: 8px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-right: 16px;
}
 .analytics-cards .number {
     font-size: 1.8rem;
     font-weight: 700;
     color: #fff;
     margin: 0;
}
/* ====================Hero banner CSS End ============================ */
/* ====================Deep dive CSS start ============================ */
 .deepdive_bg {
     background-image: url(../images/background/home_bg.png);
     background-position: center bottom;
     background-repeat: no-repeat;
     background-size: cover;
     background-attachment: fixed;
     position: relative;
     height: 100vh;
}
 .deepdive-badges span {
     background-image: url(../images/icons/checkmark.svg);
     background-repeat: no-repeat;
     padding: 0 0 0 35px;
     margin: 10px 0 10px 0;
     font-style: italic;
     display: block;
     width: 100%;
     float: left;
     font-size: 1.1rem;
}
 .deepdive_bg hr {
     margin-top: 1rem;
     margin-bottom: 1rem;
     border: 0;
     border-top: 1px solid rgba(255, 255, 255, 0.1);
}
 .deepdive_bg .form-control {
     display: block;
     width: 100%;
    /* height: calc(1.5em + 0.75rem + 2px);
     */
     height: calc(1.5em + 0.75rem + 10px);
     padding: 0.375rem 0.75rem;
     font-size: 1.1rem;
     font-weight: 400;
     line-height: 1.6;
     color: #ffffff;
     background-color: #0F172A;
     background-clip: padding-box;
     border: 1px solid #324053;
     border-radius: 0.5rem;
     transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
 .deepdive_bg .btn-lg {
     padding: 0.7rem 1.5rem;
}
/* ====================Deep dive CSS End ============================ */
/* ====================inner page banner CSS Start ============================ */
 .entry-banner {
     position: relative;
     background-color: #0a1222;
}
 .entry-banner-content {
     padding-top: 100px;
     padding-bottom: 100px;
     position: relative;
     z-index: 1;
}
 .entry-banner:before {
     position: absolute;
     content: "";
     background-image: url(../images/background/home_top_right.svg);
     right: 0;
     top: 0;
     width: 200px;
     height: 250px;
     background-size: cover;
     background-repeat: no-repeat;
}
 .entry-banner:after {
     position: absolute;
     content: "";
     background-image: url(../images/background/home_top_left.svg);
     left: 0;
     top: 0;
     width: 300px;
     height: 300px;
     background-size: cover;
     background-repeat: no-repeat;
}
 .entry-title {
     color: var(--white);
     font-size: 3rem;
     position: relative;
     font-weight: 600;
}
 .entry-sub-title {
     font-size: 1.1rem;
     font-weight: 400;
     margin: 1rem 0 0 0;
}
 .entry-banner .breadcrumb {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     padding: 0;
     margin-bottom: 0;
     list-style: none;
     background-color: transparent;
     border-radius: 0.0;
     font-size: 1.1rem;
}
 .entry-banner .breadcrumb-item.active {
     color: #FFD200;
}
/* ====================inner page banner CSS End ============================ */
/* ====================Blog page banner CSS Start ============================ */
 .sidebar .widget {
     background: #1A1F2E;
     border: 1px solid #324053;
     margin-bottom: 20px;
     padding: 30px;
     border-radius: 10px;
}
 .calculator_wrap .form-control {
     display: block;
     width: 100%;
    /* height: calc(1.5em + 0.75rem + 2px);
     */
     height: calc(1.5em + 0.75rem + 10px);
     padding: 0.375rem 0.75rem;
     font-size: 1.1rem;
     font-weight: 400;
     line-height: 1.6;
     color: #ffffff;
     background-color: #0F172A;
     background-clip: padding-box;
     border: 1px solid #324053;
     border-radius: 0.5rem;
     transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
 .search-form .input-group input {
     height: calc(1.5em + 0.75rem + 10px);
     padding: 0.375rem 0.75rem;
     font-size: 1.1rem;
     font-weight: 400;
     line-height: 1.6;
     color: #ffffff;
     background-color: #0F172A;
     background-clip: padding-box;
     border: 1px solid #324053;
     border-radius: 10px !important;
     transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
 .search-form .input-group>.form-control:focus, .search-form .input-group>.custom-select:focus {
     z-index: 1;
}
 .search-form .input-group button {
     width: 54px;
     height: 48px;
     color: #ffffff;
     font-size: 20px;
     border: none;
     transition: all 0.3s ease;
     line-height: 1;
     z-index: 1;
     border-radius: 10px !important;
     position: absolute;
     right: 0;
     top: 0;
     background-color: #2b3a5a;
}
 .search-form .input-group button:hover {
     color: #000000;
     background-color: #d39e00;
     border-color: #d39e00;
}
 .widget-heading {
     font-size: 1.4rem;
     color: var(--white);
     padding-left: 15px;
     border-left: solid 4px #d39e00;
}
 .widget_list {
     margin: 0;
}
 .widget_list li {
     display: block;
     padding: 12px 0;
     border-bottom: solid 1px #324053;
}
 .widget_list li a:hover, .widget_list li.active a {
     color: #FFD200;
     text-decoration: none;
}
 .single-blog {
     margin-bottom: 1.5rem;
}
 #archive-dropdown {
     background-position: right 50px center;
    /* move arrow 10px left */
     background-repeat: no-repeat;
     background-size: 16px;
}
 .blog_pegination .page-item {
     margin: 0 10px;
}
 .blog_pegination .page-link {
     position: relative;
     display: block;
     padding: 0.5rem 0.75rem;
     margin-left: 0;
     line-height: normal;
     color: #ffffff;
     background-color: #2b3a5a;
     border: 1px solid #324053;
     border-radius: 100px;
     height: 40px;
     width: 40px;
     font-weight: 500;
     text-align: center;
}
 .blog_pegination .page-item:last-child .page-link, .blog_pegination .page-item:first-child .page-link {
     border-radius: 100px;
}
 .blog_pegination .page-link:hover {
     color: #000000;
     background-color: #FFD200;
     border-color: #FFD200;
}
 .blog_pegination .page-item.active .page-link {
     z-index: 1;
     color: #000000;
     background-color: #FFD200;
     border-color: #FFD200;
}
 .blog_pegination .page-item.disabled .page-link {
     color: #fff;
     pointer-events: none;
     cursor: auto;
     background-color: #424242;
     border-color: #4c5364;
}
 .detail-blog-img {
     background-color: rgba(12, 75, 106, 0.6);
     display: flex;
     -moz-box-align: center;
     align-items: center;
     -moz-box-pack: center;
     justify-content: center;
     width: 100%;
     height: 580px;
     padding: 0px;
     position: relative;
     border-radius: 10px;
     overflow: hidden;
     transition: 0.3s;
     box-shadow: 0px 25px 10px rgba(61, 129, 138, 0.03), 0px 14px 8px rgba(61, 129, 138, 0.1), 0px 6px 6px rgba(61, 129, 138, 0.17), 0px 2px 3px rgba(61, 129, 138, 0.2);
}
 .detail-blog-img img {
     position: absolute;
     inset: 0px;
     box-sizing: border-box;
     padding: 0px;
     border: medium;
     margin: auto;
     display: block;
     width: 0px;
     height: 0px;
     min-width: 100%;
     max-width: 100%;
     min-height: 100%;
     max-height: 100%;
     object-fit: cover;
}
 .blog_detail_wrap {
     margin-top: -130px;
}
 .category-meta {
     display: block;
     float: right;
     margin-top: 20px;
     margin-bottom: 0;
}
 .blog-content .date-badge {
     margin-bottom: 0;
}
 .category-meta span {
     color: #ffffff;
}
 .blog-content hr {
     border-top: 1px solid rgba(255, 255, 255, 0.1);
}
 .comment-title {
     font-size: 1.3rem;
     color: var(--white);
}
 .getbtn {
     padding: .5rem 1rem;
}
 .submitbtn {
     padding: .5rem 1.5rem;
}
 .comment-list .comments-body {
     padding: 20px;
     background: #1A1F2E;
     border: 1px solid #324053;
     box-shadow: 0px 25px 10px rgba(42, 50, 51, 0.03), 0px 14px 8px rgba(31, 43, 45, 0.1), 0px 6px 6px rgba(36, 44, 45, 0.17), 0px 2px 3px rgba(63, 80, 83, 0.2);
     border-radius: 14px;
     margin-bottom: 20px;
}
 .comment-author-name {
     font-size: 1rem;
     color: var(--white);
}
 .comment-date {
     color: #777777;
     padding-bottom: 15px;
}
 .noblog_wrap {
     margin: 40px 0;
}
/* ====================Blog page banner CSS End ============================ */
/* ====================privacy CSS Start ============================ */
 .terms_card h3 {
     margin-bottom: 5px;
     margin-top: 0;
     color: #ffffff;
     font-size: 1.2rem;
}
 .terms_card p {
     margin-bottom: 1.5rem;
}
/* ====================privacy CSS End ============================ */
/* ====================sitemap CSS Start ============================ */
 .sitemapcard {
     background: #1A1F2E;
     border: 1px solid #324053;
     font-size: 1.1rem;
     margin-bottom: 1.5rem;
     border-radius: 0.5rem;
}
 .sitemapcard a:hover {
     background-color: #FFD200;
     color: #000000;
     text-decoration: none;
     border-radius: 0.5rem;
}
/* ====================sitemap CSS End ============================ */
 .common-section {
     background-image: url(../images/background/testimonial_bg.png);
     background-position: center top;
     background-repeat: no-repeat;
     background-size: contain;
}
/* ====================FAQ CSS Start ============================ */
 .faq_wrap_inner {
     z-index: 1;
     position: relative;
     background-color: transparent;
     background-image: linear-gradient(90deg, var(--light) 70%, transparent 70%);
}
 .faq_wrap:after {
     position: absolute;
     left: 0%;
     right: 0%;
     top: 0;
     content: "";
     background-image: url(../images/background/pricing_bg_dot.svg);
     background-size: cover;
     height: 498px;
     width: auto;
     background-position: center bottom;
     background-repeat: no-repeat;
}
 .faq_wrap_inner:before {
     position: absolute;
     right: 0;
     bottom: 0;
     content: "";
     background-image: url(../images/background/faq_line.svg);
     background-size: cover;
     height: 291px;
     width: 309px;
     background-position: center bottom;
     background-repeat: no-repeat;
}
 .faq_wrap {
     position: relative;
}
 .faq_img {
     position: relative;
     max-width: 450px;
     right: -100px;
}
 .faq_curveline_base {
     position: absolute;
     top: 30px;
     right: -50px;
}
 .faq_curveline_btm {
     position: absolute;
     bottom: 0px;
     left: 50px;
}
.faqtab {
	border-bottom: 0;
	z-index: 999;
	position: relative;
}
 .nav-tabs.faqtab .nav-link {
     border-color: #324053;
     background-color: #1A1F2E;
     border-radius: .7rem;
     font-weight: 700;
     margin-right: 15px;
     min-width: 150px;
     text-align: center;
     color: #FFFFFF;
     padding: 1rem 1.5rem;
}
 .nav-tabs.faqtab .nav-link.active, .nav-tabs.faqtab .nav-item.show .nav-link, .nav-tabs.faqtab .nav-link:hover {
     color: #000000;
     background-color: #FFD200;
     border: 1px solid #FFD200;
}
 .myaccordion {
     margin: 20px auto;
}
 .myaccordion .card {
     border: none;
     margin-bottom: 20px;
}
 .myaccordion .card-header {
     padding: 0;
     border: 0;
     background-color: transparent;
}
 .myaccordion .card-body {
     padding: 0 1rem 1rem;
}
 .m-150 {
     margin-top: 150px;
}
 .accordion-title:before {
     float: right !important;
     font-family: FontAwesome;
     content: "\f068";
     padding-right: 5px;
}
 .accordion-title.collapsed:before {
     float: right !important;
     content: "\f067";
}
 a.accordion-title {
     display: block;
     background: #1A1F2E;
     padding: 1rem;
     border-radius: 10px 10px 0 0;
     color: #ffffff;
     font-weight: 600;
}
 a.accordion-title.collapsed {
     border-radius: 10px;
}
 .myaccordion .card {
     border-radius: 10px;
     background: #1A1F2E;
     border: 1px solid #324053;
     box-shadow: 0px 25px 10px rgba(42, 50, 51, 0.03), 0px 14px 8px rgba(31, 43, 45, 0.1), 0px 6px 6px rgba(36, 44, 45, 0.17), 0px 2px 3px rgba(63, 80, 83, 0.2);
}
 a.readbtn {
     padding: 10px 30px;
}
/* ====================FAQ CSS End ============================ */
 .contact-section {
     background-image: url(../images/background/priceplan_bg.png);
     background-position: center bottom;
     background-repeat: repeat;
     background-size: cover;
     background-color: #1A1F2E;
     position: relative;
}
 .contact-section:after {
     position: absolute;
     content: "";
     background-image: url(../images/background/testimonial_bg.png);
     left: 0;
     right: 0;
     top: 0;
     width: 100%;
     height: 300px;
     background-size: cover;
     background-repeat: no-repeat;
}
 .contact-section .container {
     z-index: 9;
     position: relative;
}
 .contact_card.analytics-card {
     padding: 30px;
}
/* ====================partner CSS Start ============================ */
 .partner-card {
     padding: 1rem;
     position: relative;
     border-radius: 0.5rem;
     margin-bottom: 2rem;
     min-height: 260px;
     background: #1F3040;
     border: 1px solid #324053;
     box-shadow: 0 05px 10px rgba(0, 0, 0, 0.25);
     transition: 0.3s;
}
 .partner-img {
     display: flex;
     -moz-box-align: center;
     align-items: center;
     -moz-box-pack: center;
     justify-content: center;
     width: 100%;
     height: 160px;
     padding: 0px;
     border-radius: 10px;
     overflow: hidden;
     position: relative;
     background: #ffffff;
}
 .partner-img img {
     position: absolute;
     inset: 0px;
     box-sizing: border-box;
     padding: 0px;
     border: medium;
     margin: auto;
     display: block;
     width: 0px;
     height: 0px;
     min-width: 100%;
     max-width: 100%;
     min-height: 100%;
     max-height: 100%;
     object-fit: contain;
     -webkit-transform: scale(1);
     transform: scale(1);
     -webkit-transition: .3s ease-in-out;
     transition: .3s ease-in-out;
}
 .partner-card:hover .partner-img img {
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
}
 .partner-card a {
     color: #454545;
}
 .partner-card a:hover {
     color: var(--primary);
     text-decoration: none;
}
 .common-section {
     min-height: 700px;
}
 .partner-card-in {
     padding: 2rem;
     position: relative;
     border-radius: 0.5rem;
     background: #1F3040;
     border: 1px solid #324053;
     box-shadow: 0 05px 10px rgba(0, 0, 0, 0.25);
}
 .partner_detail_img_box {
     padding: 30px;
     border-radius: 14px;
     background-color: #324053;
     text-align: center;
}
 .partner_detail_img_box_in {
     background-color: #0f172a;
     border-radius: 14px;
     padding: 20px;
}
/* ====================partner CSS End ============================ */
/* subscribe_popup CSS Start */
 .subscribe_popup {
    /* border-radius: 1rem 1rem 0 0 ;
     */
     background: #324053;
     border: 1px solid #2ebbb5;
     box-shadow: 0px 25px 10px rgba(61, 129, 138, 0.03), 0px 14px 8px rgba(61, 129, 138, 0.1), 0px 6px 6px rgba(61, 129, 138, 0.17), 0px 2px 3px rgba(61, 129, 138, 0.2);
     text-align: center;
    /* box-shadow: 22px 52px 22px rgba(65, 114, 81, 0.04), 13px 29px 19px rgba(65, 114, 81, 0.13), 6px 13px 14px rgba(65, 114, 81, 0.21), 1px 3px 8px rgba(65, 114, 81, 0.25);
     */
     position: fixed;
     bottom: 2rem;
     right: 2rem;
     max-width: 350px;
     z-index: 999;
}
 .subscribe_popup_in {
     position: relative;
     z-index: 9;
     padding: 1.3rem;
}
 .subscribe_popup:after {
     position: absolute;
     content: "";
     background-image: url(../images/background/pricecard_top.png);
     left: 0;
     top: 0;
     right: 0;
     width: 100%;
     height: 200px;
     background-size: cover;
     background-repeat: no-repeat;
}
 .subscribe_popup:before {
     position: absolute;
     content: "";
     background-image: url(../images/background/pricecard_bottom.png);
     left: 0;
     bottom: 0;
     right: 0;
     width: 100%;
     height: 110px;
     background-size: cover;
     background-repeat: no-repeat;
}
/* Rectangle 2377 */
 .subscribe_popup .close {
     position: absolute;
     font-size: 1.5rem;
     font-weight: 500;
     line-height: 1;
     color: #ffffff;
     text-shadow: 0 1px 0 #fff;
     right: 10px;
     opacity: 1;
     top: 10px;
     z-index: 999;
}
 .subscribe_popup h6 {
     font-weight: 600;
     font-size: 1.3rem;
     line-height: 2rem;
     color: #ffffff;
}
 .subscribe_popup h2 {
     color: #E9C000;
     font-size: 2.5rem;
     font-weight: 700;
}
 .subscribe_popup p {
     font-weight: 400;
     font-size: 1.1rem;
}
 .trialbtn {
     padding: .5rem 1rem;
}
 .progress-value {
     animation: load 20s normal forwards;
     box-shadow: 0 10px 40px -10px #fff;
     border-radius: 100px;
     background: #E9C000;
     height: 5px;
     width: 0;
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     border-radius: 0;
}
 @keyframes load {
     0% {
         width: 0;
    }
     100% {
         width: 100%;
    }
}
 .text-yellow {
     color: #E9C000;
}
/* ====================Pricing CSS Start ============================ */
 .pricing_wrap {
     background-image: url(../images/background/priceplan_bg.png);
     background-position: center bottom;
     background-repeat: no-repeat;
     background-size: cover;
     background-color: #1A1F2E;
     position: relative;
     height: 100vh;
}
 .pricing_wrap:after {
     position: absolute;
     content: "";
     background-image: url(../images/background/testimonial_bg.png);
     left: 0;
     right: 0;
     top: 0;
     width: 100%;
     height: 300px;
     background-size: cover;
     background-repeat: no-repeat;
     z-index: -1;
}
 .bartable {
     background: #2b3a5a;
     border: 1px solid #324053;
     border-radius: 14px;
}
 .bar_table {
     margin: 0;
}
 .bar_table tr:first-child td {
     border-top: 1px solid transparent !important;
}
 .bar_table tr td {
     color: #ffffff;
}
 .pricing_wrap .heading p {
     font-size: 1.2rem;
     margin-bottom: 2rem;
}

.landing_pricing_wrap .pricing-card {

	min-height: 330px;
}

.landing_pricing_wrap .pricing-card .price{
     margin-bottom: 50px;
}


.landing_pricing_wrap .pricing-card .monthlybtn{
     margin-top: 130px;
}

/* ====================Pricing CSS End ============================ */
/* ==================== Try the miner for free wrap CSS Start ============================ */
 .try_wrap {
     background-image: url(../images/background/stepbg.svg);
     background-position: center 20%;
     background-repeat: no-repeat;
     background-size: contain;
     display: block;
     width: 100%;
     overflow: hidden;
     position: relative;
}
 .try_wrap:after {
     position: absolute;
     content: "";
     background-image: url(../images/background/step_bottom_bg.svg);
     left: 50px;
     bottom: 50px;
     width: 410px;
     height: 410px;
     background-size: cover;
     background-repeat: no-repeat;
}
 .trylist {
     margin: 0 0 20px 0;
     display: block;
     float: left;
     width: 100%;
}
 .trylist li {
     background-image: url(../images/icons/checkmark.svg);
     background-position: left top;
     background-repeat: no-repeat;
     padding: 0 0 0 40px;
     margin: 15px 0;
}
 .try_tm_img {
     padding: 30px;
     border-radius: 14px;
     background-color: #324053;
     text-align: center;
}
 .try_tm_img img, .howitworkbox img {
     border-radius: 10px;
}
 .howitworkbox h3 {
     color: #ffffff;
     font-size: 1.4rem;
}
 .p-top {
     padding-top: 50px;
}
/* ==================== Try the miner for free wrap CSS End ============================ */
/* ====================integrations wrap CSS Start ============================ */
 .integrations_wrap p {
     position: relative;
     z-index: 99;
}
 .integration-head {
     margin-bottom: 1.5rem;
}
 .integration-body-head {
     position: relative;
     display: flex;
    /* overflow: hidden;
     */
     -ms-flex-align: center !important;
     align-items: center !important;
    /* margin-bottom: 1rem;
     */
}
 .integration-card {
     background: #0F172A;
     border: 1px solid #324053;
     border-radius: 14px;
     margin-bottom: 30px;
     box-shadow: 0px 25px 10px rgba(42, 50, 51, 0.03), 0px 14px 8px rgba(31, 43, 45, 0.1), 0px 6px 6px rgba(36, 44, 45, 0.17), 0px 2px 3px rgba(63, 80, 83, 0.2) 
}
 .integration-card:hover {
     box-shadow: 0px 25px 10px rgba(61, 129, 138, 0.03), 0px 14px 8px rgba(61, 129, 138, 0.1), 0px 6px 6px rgba(61, 129, 138, 0.17), 0px 2px 3px rgba(61, 129, 138, 0.2);
}
 .integration-body-head img {
     margin-right: 15px;
}
 .integration-body-head span {
     font-size: 1.1rem;
     font-weight: 500;
}
 .integrations_wrap .container {
     z-index: 99;
     position: relative;
}
 .form-check-label a:hover {
     color: #FFD200 !important;
}
/* ====================integrations wrap CSS End ============================ */
 .thankyou_btn .btn {
     margin: 0 1rem;
}
 .thankyou_wrap {
     padding: 200px 0;
     position: relative;
}
 .thankyou_icon {
     background-image: url(../images/background/pricing_bg_circel_update.svg);
     background-size: contain;
     background-position: center center;
     background-repeat: no-repeat;
     padding: 4rem;
}
 .thankyou_wrap h2 {
     color: #ffffff;
     font-size: 4rem;
     position: relative;
}
 .thankyou_wrap p {
     margin-bottom: 2rem;
}
/* money-banner Start */
 .money-banner {
     position: relative;
     padding: 20px;
     overflow: hidden;
     background: #0F172A;
     border: 1px solid #324053;
    /* box-shadow: 0px 25px 10px rgba(61, 129, 138, 0.03), 0px 14px 8px rgba(61, 129, 138, 0.1), 0px 6px 6px rgba(61, 129, 138, 0.17), 0px 2px 3px rgba(61, 129, 138, 0.2);
     */
     border-radius: 14px;
}
 .money-banner:before {
     position: absolute;
     content: "";
     right: 0;
     top: 0;
     background-image: url(../images/background/moneybg.svg);
     background-position: right -16px;
     height: 100%;
     width: 100%;
     background-repeat: no-repeat;
}
 .money-banner h4 {
     font-size: 1.4rem;
     font-weight: 500;
     color: #ffffff;
}
 .money-banner p {
     margin: 0;
}
 .money-banner .border-l {
     border-left: solid 1px #ffffff;
}
 .money-amount {
     font-size: 3rem;
     font-weight: 600;
     display: block;
     width: 100%;
     text-align: left;
     color: #ffffff;
}
 .money-icon {
     font-size: 1.2rem;
     margin-right: 8px;
     padding-right: 8px;
     border-right: solid 1px #FDD755;
     display: block;
     float: left;
}
 .home-money-banner {
     margin-top: -20px;
     margin-bottom: 0;
}
 .price-card {
     background-color: #ffffff;
     z-index: 9;
     background: #0F172A;
     border: 1px solid #324053;
     box-shadow: 0px 25px 10px rgba(61, 129, 138, 0.03), 0px 14px 8px rgba(61, 129, 138, 0.1), 0px 6px 6px rgba(61, 129, 138, 0.17), 0px 2px 3px rgba(61, 129, 138, 0.2);
     border-radius: 14px;
     margin-bottom: 1.5rem;
     padding: 2rem;
     position: relative;
}
 .landing_wrap .price-card {
     padding: 1.5rem;
}
 .landing_wrap .price-text {
     font-size: 2.2rem;
     font-weight: 600;
     color: #0AE59D;
     margin-top: .5rem;
}
 .landing_wrap .discount-text {
     color: #ffffff;
     font-size: 1rem;
     margin-bottom: 1rem;
     height: auto;
     font-weight: 600;
     text-align: center;
}
 .landing_wrap:after {
     z-index: -1;
     opacity: .5;
}
 .pricing-top {
     color: #ffffff;
     display: inline-block;
     font-weight: 600;
     font-size: 1.2rem;
}
 .price-card .small-text span {
     display: block;
     color: #616D7D;
     font-size: 1rem;
}
 .price-text {
     font-size: 2.1rem;
     font-weight: 700;
     margin-top: 2rem;
}
 .price-text sub {
     font-size: 1.1rem;
     color: #a3a9ba;
     margin-left: 5px;
     font-weight: 400;
     bottom: 0rem;
}
 .buynowbtn {
     padding-top: 10px;
     padding-bottom: 10px;
}
 .landing_wrapper .Recommended {
     position: absolute;
     right: auto;
     left: -9px;
     top: -24px;
     color: #ffffff;
     -webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
     transform: none;
     background: #2FB5B0;
     padding: 5px 15px;
     border-radius: 62px 100px 100px 0;
     font-size: 14px;
}
 .promo-box {
     --border-width: 2px;
     padding: 20px;
     display: flex;
     align-items: start;
     background: #0F172A;
     border: 2px solid #b8c1ce;
    /* box-shadow: 0px 25px 10px rgba(61, 129, 138, 0.03), 0px 14px 8px rgba(61, 129, 138, 0.1), 0px 6px 6px rgba(61, 129, 138, 0.17), 0px 2px 3px rgba(61, 129, 138, 0.2);
     */
     border-radius: 14px;
     position: relative;
}
 .promo-icon {
     background: #035C67;
     border-radius: 6px;
     padding: 20px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-right: 20px;
}
 .promo-text h5 {
     font-weight: 600;
}
 .promo-text p {
     font-size: 1.1rem;
     margin: 0;
     font-weight: 400;
}
 .promo-code {
     font-weight: 700;
     font-size: 2rem;
     color: #FFD200;
}
/* money-banner End */

/*==================================
 Deepdive CSS  Start
 ========================== */
.contactbox {
background: #1A1F2E;
  border: 1px solid #324053;	
  z-index: 9;
	border-radius: 0.8rem;
box-shadow: 0px 25px 10px rgba(61, 129, 138, 0.03), 0px 14px 8px rgba(61, 129, 138, 0.1), 0px 6px 6px rgba(61, 129, 138, 0.17), 0px 2px 3px rgba(61, 129, 138, 0.2);	margin-bottom: 1.5rem;
	padding: 2rem;
	position: relative;
	overflow: hidden;

}
.flip-card {height: 300px;
	background-color: transparent; perspective: 1000px; 
	/* width: 200px;*/
	/*   */
	/**/
}

.flip-card-inner {
	position: relative;
	width: 100%;
	height: 100%;
	transition: transform 0.8s;
	transform-style: preserve-3d;
}


.flip-card-front,
.flip-card-back {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
}

.flip-card-front {
	z-index: 2;
}

.flip-card-back {
	z-index: 1;
	pointer-events: none;
	/* Prevents blocking clicks when hidden */
}

.flip-card.flipped .flip-card-front {
	z-index: 1;
	pointer-events: none;
}

.flip-card.flipped .flip-card-back {
	z-index: 2;
	pointer-events: auto;
}


.flip-card-front {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	display: block;
	justify-content: center;
	align-items: center;

}

.flip-card-back {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	display: block;
	justify-content: center;
	align-items: center;
	z-index: 111;

}

.flip-card-front {
	background-color: #1A1F2E;
	border-radius: 0.8rem;

}

/* .flip-card-back {
	background-color: #ffffff;
	border-radius: 0.8rem;
	height: 500px;
	transform: rotateY(180deg);
} */

.flip-card-back {
	/* background-color: #ffffff; */
	border-radius: 0.8rem;
	height: fit-content;
	transform: rotateY(180deg);
}

.flip-card-back-2 {
	/* background-color: #ffffff; */
	border-radius: 0.8rem;
	/* height: 500px; */
	transform: rotateY(180deg);
}


.flipped .flip-card-inner {
	transform: rotateY(180deg);
}

.flipped .flip-card-front .contactbox {
	background-color: transparent;
	border: none;
	box-shadow: none;
	padding: 10px;
}

.flipped .flip-card-front .contactbox:before {
	display: none;
}

.flipped .flip-card-front .contactbox .submitbtn {
	display: none !important;
}

.contactbox p a:hover {
	color: #035C67;
}

.deep_checkbox {
	vertical-align: middle;
}

.deep_checkbox img {
	display: flex;
}

.deep_checkbox .font-big {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.deep_checkbox .font-big span {
	display: block;
	line-height: normal;
	width: 100%;
	color: #b2b2b2;
	font-size: 1rem;
}

.deep_checkbox label {
	font-size: 1.1rem;
	display: flex;
	flex-direction: row;
	vertical-align: baseline;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	flex-grow: 1;
	cursor: pointer;
}

.deep_checkbox-firstline label::first-line {
	font-weight: bolder;
}

.deep_checkbox:not(.deep_checkbox-firstline) label {
	font-weight: 400;
     color: #ffffff;
}

.addbtn,
.removebtn {
	margin-bottom: 20px;
}

.uploadbtn {
	padding: 10px 30px;
	margin-bottom: 16px;

}
.btn-loading {
	cursor: pointer;
	overflow: hidden;
	position: relative;
}

.btn-loading.animation:before {
	content: '';
	display: inline-block;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	border: 2px solid #fff;
	border-top-color: transparent;
	animation: spin 1s ease-in-out infinite;

}

.btn-loading.animation span {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	opacity: 50%;
	transition: top .5s ease-out;
}

@keyframes spin {
	to {
		transform: rotate(360deg)
	}
}
.deepdive_banner{
     padding: 80px 0;
     min-height: 550px;
}
.deepdive_service_card{
	padding: 20px;
     margin-bottom: 30px;
	transition: all 0.3s ease;
	text-align: center;
	position: relative;
	overflow: hidden;
	background: #0F172A;
	border: 1px solid #324053;
	box-shadow: 0px 25px 10px rgba(61, 129, 138, 0.03), 0px 14px 8px rgba(61, 129, 138, 0.1), 0px 6px 6px rgba(61, 129, 138, 0.17), 0px 2px 3px rgba(61, 129, 138, 0.2);
	border-radius: 14px;
     min-height: 300px;
}
.step_process{

     margin-bottom: 30px;
}
.step_icon{
     height: 60px;
     width: 60px;
     display: block;
     margin: 0 auto ;
     background-color: #2FB5B0;
     font-size: 2rem;
     border-radius: 100px;
     line-height: 60px;
     color: #ffffff;
     font-weight: 600;
     box-shadow: 0px 25px 10px rgba(61, 129, 138, 0.03), 0px 14px 8px rgba(61, 129, 138, 0.1), 0px 6px 6px rgba(61, 129, 138, 0.17), 0px 2px 3px rgba(61, 129, 138, 0.2);

}

.security_card{
	padding: 20px;
     margin-bottom: 30px;
	transition: all 0.3s ease;
	text-align: center;
	position: relative;
	overflow: hidden;
	background: #0F172A;
	border: 1px solid #324053;
	box-shadow: 0px 25px 10px rgba(61, 129, 138, 0.03), 0px 14px 8px rgba(61, 129, 138, 0.1), 0px 6px 6px rgba(61, 129, 138, 0.17), 0px 2px 3px rgba(61, 129, 138, 0.2);
	border-radius: 14px;
     min-height: 270px;
}

.resolution_card{
  	padding: 20px;
     margin-bottom: 30px;
	transition: all 0.3s ease;
	text-align: center;
	position: relative;
	overflow: hidden;
	background: #0F172A;
	border: 1px solid #324053;
	box-shadow: 0px 25px 10px rgba(61, 129, 138, 0.03), 0px 14px 8px rgba(61, 129, 138, 0.1), 0px 6px 6px rgba(61, 129, 138, 0.17), 0px 2px 3px rgba(61, 129, 138, 0.2);
	border-radius: 14px;   
}




/*==================================
 Deepdive CSS  End
 ========================== */

 .skipbtn{
     font-weight: 400;
     color: #FFFFFF;
 }


 .modal-content {
	 
	background: #1A1F2E;
  border: 1px solid #324053;
  box-shadow: 0px 25px 10px rgba(61, 129, 138, 0.03), 0px 14px 8px rgba(61, 129, 138, 0.1), 0px 6px 6px rgba(61, 129, 138, 0.17), 0px 2px 3px rgba(61, 129, 138, 0.2);
}
.close {
	font-size: 2rem;
	font-weight: 600;
	line-height: 1;
	color: #fff;
	text-shadow: none;
	opacity: 1;
}
.tmmodal .modal-body {
	padding: 1.5rem;
}

.tmmodal p a:hover {
	color: #FFD200 !important;
}



.deep_checkbox {background: #324053;
  border: 1px solid #324053;
	padding-right: 2em;
	position: relative;
	display: flex;
	justify-content: flex-start;
	padding: .7rem 2em .7rem 1rem;
	margin-bottom: 1rem;
	transition: all .5s ease-in-out;
	position: relative;
	border: 0px solid transparent;
	border-radius: 0.5rem;
	box-shadow: 0px 0px 13px 0px rgba(105, 100, 110, 0.2);
}

.deep_checkbox-inline {
	display: inline-flex;
}

.deep_checkbox input {
	width: 2em;
	flex-basis: 2em;
	margin-right: -2em;
	position: relative;
	vertical-align: baseline;
}

.deep_checkbox input:not(.reset) {
	position: absolute;
	right: 0;
	margin-left: 0;
	opacity: 0;
}

.deep_checkbox input:not(.reset):focus {
	outline: none;
}

.deep_checkbox input:not(.reset):focus~label::before {
	border-color: #0877db;
	box-shadow: 0 0 0 0.1875em rgba(43, 154, 255, 0.2);
}

.deep_checkbox input:not(.reset):active~label::before {
	border-color: #0877db;
}

.deep_checkbox input:not(.reset):checked~label::before {
	background-position: 0 0;
}

.deep_checkbox input:not(.reset)~label::before {
	content: '';
	box-sizing: border-box;
	position: absolute;
	top: 30px;
	right: 20px;
	display: inline-block;
	vertical-align: top;
	width: 1.5em;
	height: 1.5em;
	border: 0.125em solid #2FB5B0;
	background-color: #FFF;
	background-size: 100% 100%;
	background-position: 0 1.5em;
	background-repeat: no-repeat;
	box-shadow: 0 0 0 0 rgba(43, 154, 255, 0.2);
	transition: box-shadow 0.15s, background-position 0.15s;
}

.deep_checkbox [type="checkbox"]:not(.reset)~label::before {
	background-image: url(../images/icons/true.svg)
}

.deep_checkbox [type="radio"]:not(.reset)~label::before {
	border-radius: 100%;
	background-image: radial-gradient(circle, #035C67 0%, #035C67 40%, #fff 41%, #fff 100%);
	background-position: 50% 50%;
	background-size: 0px 0px;
	transition: box-shadow 0.15s, background-size 0.15s;
}

.deep_checkbox [type="radio"]:not(.reset):checked~label::before {
	background-position: 50% 50%;
	background-size: 100% 100%;
}


.button.button-small {
	height: 30px;
	line-height: 30px;
	padding: 0px 10px;
}

.deep_table {
     color: #ffffff;
     background: #50555b;
}
.deep_table td {
	vertical-align: middle;
}

.deep_table td input[type=text],
.deep_table td select {
	width: 100%;
	height: 40px;
	margin: 0;
	padding: 2px 8px;
}

.deep_table th:last-child {
	text-align: right;
}

.deep_table td:last-child {
	text-align: right;
}

.deep_table td:last-child .button {
	width: 30px;
	height: 30px;
	text-align: center;
	padding: 0px;
	margin-bottom: 0px;
	margin-right: 5px;
}

.deep_table td:last-child .button .fa {
	line-height: 30px;
	width: 30px;
}

.deep_table td:last-child .button .fa-pencil {
	color: #4fb3ff;
}

.deep_table td:last-child .button .fa-trash {
	color: #ff0000;
}

.deep_table td .button .fa-save {
	color: rgb(25, 146, 25);
}

.csvtext a:hover {
     color: #FFD200 !important;
}
.notes {
	background: #2B3A5A;
	border-radius: 4px;
	padding: 20px;
	text-align: center;
	position: relative;
}
.notes ul{
     margin: 0;
}

.faq_wrapper{
  background-image: url(../images/background/testimonial_bg.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100%;
  position: relative;
  background-color: #1a1f2e;
}