@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap);

* {margin: 0;padding: 0;box-sizing: border-box;font-family: Montserrat;}

:root {scroll-behavior: smooth;--swiper-navigation-size: 5px;}
::-webkit-scrollbar {width: 8px;}
::-webkit-scrollbar-track {border-radius: 10px;-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);}
::-webkit-scrollbar-thumb {border-radius: 10px;background-color: #dddddd;}

/* white theme */
html {
    --bg: #f2f2f2;
    --bg-panel: #F8F8F8;
    --color-headings: #575E63;
    --color-texts: #1A1840;
    --color-texts2: #f2f2f2;
    --neu-top: #ffffff;
    --neu-bot: #cecece;
    --neu-filter: invert(0%);
    --bg-color:#fff;
    --bg-mood-color:#020112;
    --bg-color2:#F5F8FE;
    --bg-works-card:#000;
    --bg-works-shadow:0 2px 6px rgba(0, 0, 0, 0.15);
    --bg-works-shadow-hover:0 2px 6px rgba(13, 38, 92, 0.65);
    --bg-arrow-color:rgb(255, 255, 255);
    --footer-menu-color: #1A1840;
    --footer-designedBy: #1A1840;
    --newsletter_emailField: #fff;
    --design_jumbotron_border:1px solid #D5D5E3;
    --solve_problem_desc:#fff;
    --pricing_rules_design:#fff;
    --pricing_rules_action_design:#fff;
    --map_dark:none;
    --map_white:block;
    --pricing_plan:#5E46BF;
    --pricing_plans_dark:block;
    --pricing_plans_white:none;
     --solve_problem_macd_subdesc: #72718B;
     --solve_problem_macd_price: #5E46BF;
     --pricing-rule-study-conducted: #72718B;
     --pricing-rule-study-desc: #1A1840;
     --pricing_solve_sec: url(../img/source-base-pricing-design.png);
    --pricing_solve_sec: url(../img/source-base-pricing-design.png);
    --pricing_rule_bg: url(../../pricing-rule-page/img/pricingrule_bg_white.svg);
    --pricing_rule_jumtron: #1A1840;
    --pricing_head: #1A1840;
    --pricing_desc: #1A1840;
    --late_night_trends_head: #090915;
    --late_night_trends_desc: #000000;
    --rule_pricing_bg: none;
    --map_play_btn: invert(0);

}
html[data-theme='dark'] {
    --bg: #020112;
    --bg-panel: #020112;
    --color-headings: #D9CDBF;
    --color-texts: #f2f2f2;
    --color-texts2: #020112;
    --color-alt: #D9CDBF;
    --neu-top: #38434A;
    --neu-bot: #2A3136;
    --neu-filter: invert(100%);
    --bg-color:#fff;
    --bg-mood-color:#fff;
    --bg-color2:#1A2539;
    --bg-works-card:#fff;
    --bg-works-para:#fff;
    --bg-works-shadow:0 2px 6px rgba(255, 255, 255, 0.5);
    --bg-works-shadow-hover:0 2px 6px rgba(255, 255, 255);
    --bg-arrow-color:#000;
    --footer-menu-color: #9F9ABF;
    --footer-designedBy: #fff; 
    --newsletter_emailField: rgba(255, 255, 255, 0.03);
    --newsletter_emailField-border: 1px solid rgba(255, 255, 255, 0.1);
    --footer_social_media_icon: invert(1);
    --design_jumbotron: linear-gradient(180deg, #020112 0%, #020112 65%, #1B0A40 100%);
    --design_jumbotron_border: 1px solid rgba(255, 255, 255, 0.15);
    --solve_problem_desc: linear-gradient(195deg, #020112 45%, #371F7E 90%, #baa3e7 180%);
    --pricing_rules_design: linear-gradient(180deg, #020112 60%, #371F7E 140%, #baa3e7 180%);
    --pricing_rules_action_design: linear-gradient(180deg, #371F7E 0%, #BAA3E7 100%);
    --solve_problem_desc_border:1px solid rgba(255, 255, 255, 0.1);
    --solve_problem_macd:contrast(0.3);
    --solve_problem_macd_desc:#D8CEED;
    --solve_problem_macd_subdesc: #72718B;
    --solve_problem_macd_price: #fff;
    --accordian_data_line:1px solid #eae9ef1a;
    --footer_logo_name:invert(1);
    --map_dark:block;
    --map_white:none;
    --pricing_plan:#fff;
    --pricing_plans_dark:none;
    --pricing_plans_white:block;
    --pricing-rule-study-conducted: #fff;
    --pricing-rule-study-desc: #999999;
    --pricing_solve_sec: url(../img/source-pricing.svg);
    --pricing_solve_sec: url(../img/source-pricing.svg);
    --pricing_rule_bg: url(../../pricing-rule-page/img/pricingrule_bg_black.svg);
    --pricing_rule_jumtron: #9F9ABF;
    --pricing_head: -webkit-linear-gradient(#fff, #fff, #A798C7);
    --pricing_desc: #D8CEED;
    --late_night_trends_head: #D8CEED;
    --late_night_trends_desc: #9F9ABF;
    --rule_pricing_bg: url(../../pricing-rule-page/img/rule-price-bg.svg);
    --map_play_btn: invert(1); 
}
/* for change text color */
.dark_theme_color h1, .dark_theme_color h2, .dark_theme_color h3, .dark_theme_color h4, .dark_theme_color h5, .dark_theme_color h6, .dark_theme_color p, .dark_theme_color ul, .dark_theme_color .brand_heading,.dark_theme_color .compare_service_head,.dark_theme_color .compare_fdesc,.dark_theme_color .compare_sdesc,.dark_theme_color .compare_list li,.dark_theme_color .amzn_listing_text,.dark_theme_color .why_choose_head,.dark_theme_color .begin_text, .problem_contain h2, .section-title.open h3, .section-title h3, .pricing_img h6{color: var(--color-texts);}
.dark_theme_color .tab_dark_theme{background-color: var(--bg-color);}
.dark_theme_color .moodboard_section{background-color: var(--bg-mood-color);}
.dark_theme_color .moodboard_head h2{color: var(--color-texts2);}
.dark_theme_color .moodboard_arrow span{color: var(--bg-moodboard-arrow);}
.dark_theme_color .dark-theme-logo{content: var(--bg-logo);}
.dark_theme_color .dark-theme-arrow{color: var(--bg-arrow-color);}
.dark_theme_color .menu-nav .item-menu-footer{color: var(--footer-menu-color);}
.dark_theme_color .deisgned_by{color: var(--footer-designedBy);}
.dark_theme_color .fieldInput{background-color: var(--newsletter_emailField);}
.dark_theme_color .fieldInput{border: var(--newsletter_emailField-border);}
.dark_theme_color .landing_profile img{filter: var(--footer_social_media_icon);}
.dark_theme_color .second_jumbotron_component{background: var(--design_jumbotron);}
.dark_theme_color .second_jumbotron_component{border: var(--design_jumbotron_border);}
.dark_theme_color .problem_resolve_desc{background: var(--solve_problem_desc);}
.dark_theme_color .pricing_rules_desc{background: var(--pricing_rules_design);}
.dark_theme_color .problem_resolve_desc{border: var(--solve_problem_desc_border);}
.dark_theme_color .client_macd img{filter: var(--solve_problem_macd);}
.dark_theme_color .client_macd_desc h6{color: var(--solve_problem_macd_desc);}
.dark_theme_color .client_macd_desc p{color: var(--solve_problem_macd_subdesc);}
.dark_theme_color .color_purple{color: var(--solve_problem_macd_price);}
.dark_theme_color .accordian_list li{border-bottom: var(--accordian_data_line);}
.dark_theme_color .logo_name_footer_theme{filter: var(--footer_logo_name);}
.dark_theme_color .problem_map .dark_theme_map{display: var(--map_dark);}
.dark_theme_color .problem_map .light_theme_map{display: var(--map_white);}
.dark_theme_color .pricing_img a{color: var(--pricing_plan);}
.dark_theme_color .user-attribute-white{display: var(--pricing_plans_dark);}
.dark_theme_color .user-attribute-black{display: var(--pricing_plans_white);}
.dark_theme_color .pricing_rules_desc{border: var(--solve_problem_desc_border);}
.dark_theme_color .behaviour-white{display: var(--pricing_plans_dark);}
.dark_theme_color .behaviour-black{display: var(--pricing_plans_white);}
.dark_theme_color .stock-shipping-white{display: var(--pricing_plans_dark);}
.dark_theme_color .stock-shipping-black{display: var(--pricing_plans_white);}
.dark_theme_color .time-date-white{display: var(--pricing_plans_dark);}
.dark_theme_color .time-date-black{display: var(--pricing_plans_white);}

/* input checkbox */
.toggle-container input[type=checkbox] {height: 0;width: 0;visibility: hidden;}
/* toggle css */
.toggle-container label:after {content: '';position: absolute;top: 3px;left: 3px;width: 20px;height: 20px;background: #fff;border-radius: 90px;transition: 0.3s;}
.toggle-container label {cursor: pointer;text-indent: -9999px;width: 52px;height: 26px;background: #2b2b2b;display: block;border-radius: 13px;position: relative;float: right;}
input:checked+.switch_lable {background: #4395FF;}
input:checked+.switch_lable:after {left: calc(100% - 3px);transform: translateX(-100%);}
.scenary{display: flex;flex-direction: row;justify-content: space-between;transition: all 1s ease;padding: 5px 5px 0px 5px;}
.scenary .moon{display: flex;width: 60%;height: 15px;justify-content: center;}
.scenary .sun{display: flex;width: 60%;height: 15px;justify-content: center;}
.button_controls{justify-content: flex-end;margin-top: 2rem;}
.dark_theme_color .card_desc_works{color: var(--bg-works-card);}
.dark_theme_color .card_works_para p{color: var(--bg-works-para);}
.dark_theme_color .how_works_component{box-shadow: var(--bg-works-shadow);}
.dark_theme_color .how_works_component:hover{box-shadow: var(--bg-works-shadow-hover);}
.dark_theme_color .card_works_img{filter: var(--neu-filter);}
p{margin-bottom: 0px !important;}
/* dashboard */
.dark_theme_map{display: none;}
.menu-nav {display: flex;gap: 10px;}
.filter-all .dash-intro{width: 100%;}
.menu-nav .static-item {padding: 20px;cursor: pointer;user-select: none;position: relative;overflow: hidden;margin: 0;}
.menu-nav .grow {flex-grow: 1;}
.menu-nav .item-menu {color: rgba(232, 232, 235, 1);padding: 7px 15px;cursor: pointer;user-select: none;position: relative;overflow: hidden;margin: 0;transition: 0.3s color, 0.1s background-color;display: flex;align-items: center;gap: 10px;font-size: 14px;}
.menu-nav .item-menu-footer {color: #1A1840;padding: 7px 15px;cursor: pointer;user-select: none;position: relative;overflow: hidden;margin: 0;transition: 0.3s color, 0.1s background-color;display: flex;align-items: center;gap: 10px;font-size: 14px;}
.welcome-box{border-bottom:1px solid #f2f2f2}
.status-height{height: 20px;}
.invisible {display: none;}
.bar {display: flex;background: #e7e7de;padding: 5px;}
.bar img {filter: invert(100%);margin: 5px;}
.profile-option{padding: 7px 15px;gap: 5px;align-items: center;background-color: #F9FAFB;border-radius: 10px;}
.profile-option:hover{background-color: #ebf5ff;color: #1a56db;cursor: pointer;}
.welcome-back{flex-direction: column;align-items: flex-start;}
.remove-underline {text-decoration: none;color: #212529;}
/* header */
.menu_line{border-radius: 50px;padding: 5px;}
.landing_menu .active{color: rgba(255, 255, 255, 1);}
.landing_menu a {
    text-decoration: none;
}
.menu_list{padding: 5px;}
.get_started_btn{background: linear-gradient(180deg, #21247F 0%, #896df9 100%);font-size: 16px;padding: 8px 13px;border-radius: 8px;border: none;color: #fff;font-weight: 500;}
.header-box{width: 98% !important;margin-top: 60px;border-radius: 15px;background-image: url(../img/banner_img_svg.svg);background-position: center center;background-size: cover;background-repeat: no-repeat;}
.header-box-banner{width: 100%;background-image: url(../img/new_hero_bg.jpg);background-position: center center;background-size: cover;background-repeat: no-repeat;}
.header-box button{background: linear-gradient(180deg, #543DB2 0%, #21247F 100%);border: none;padding: 10px 20px;border-radius: 8px;}
/* .header-box-banner button{background: linear-gradient(180deg, #543DB2 0%, #21247F 100%);border: none;padding: 10px 20px;border-radius: 8px;} */
.banner_btn button{background: linear-gradient(210deg, #1B2B7C 0%, #601EBF 100%) !important;border: none !important;}
.header-box-banner button{border: 2px solid #5A33F5;background: none;padding: 10px 15px;border-radius: 10px;}
.logInin_optn{color: #fff;}
.jumbotron_component{width: fit-content;padding: 10px 20px;border: 1px solid rgba(255, 255, 255, 0.15);border-radius: 100px;display: flex;align-items: center;justify-content: center;background: linear-gradient(180deg, #020112 0%,#020112 65%, #1B0A40 100%);}
.jumbotron_component p{color: #9F9ABF;font-size: 13px;}
.dynamic_head h1{background: -webkit-linear-gradient(#fff, #fff, #A798C7);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 54px;font-weight: 800;}
.dynamic_head p{color: #C6C1E1;width: 70%;}
.banner_btn a{padding: 8px 18px;border: #896df9;background: linear-gradient(180deg, #21247F 0%, #896df9 100%);font-size: 14px;border-radius: 8px;}
.banner_btn a:focus {box-shadow: 0 0 0 .2rem rgba(128, 146, 210, 0.13);}
.banner_desc{padding: 140px;width: 65%;}
.header_hammenu button{border: 2px solid #5A33F5;background: none;padding: 8px 12px;border-radius: 10px;}
/* client slider */
.slick-slide {margin: 0px 20px;}
.slick-slide img {width: 100%;height: 30px;}
.slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);   -moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;}
.slick-track:before, .slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
.clients_data{padding: 60px 100px;}
.problem_solved_data{padding: 60px 120px 0px 120px;margin: 0 auto;width: 90%;}
.problem_solved_data_works{padding: 60px 120px 0px 120px;margin: 0 auto;width: 90%;}
.video-container {padding: 60px 20% 0px 20%;}
.video-container video {border-radius: 1rem;}
.clients_desc p{text-align: center;font-size: 14px;text-transform: uppercase;color: #72718B;font-weight: 500;}
.compo_margin{margin: 0 auto;}
.second_jumbotron_component{width: fit-content;padding: 10px 20px;border: 1px solid rgba(255, 255, 255, 0.15);border-radius: 100px;display: flex;align-items: center;justify-content: center;background: #fff;border: 1px solid #D5D5E3;}
.second_jumbotron_component p{color: #9F9ABF;font-size: 13px;}
.problem_contain h2{font-size: 46px;font-weight: 700;margin-bottom: 13px;}
.problem_contain p{color: #72718B;font-size: 14px;}
.problem_map img{height: auto;width: 100%;} 
.problem_contain{margin: 0 auto;width: 70%;margin-bottom: 35px;}
.problem_resolve_map_img{width: calc(65% - 20px);}
.how_it_works_img{width:40%;}
.problem_resolve_desc{width: calc(35% - 20px);padding: 25px;background: #fff;border-radius: 13px;}
.problem_data_containeer{justify-content: space-between;}
.client_macd_desc{display: flex;flex-direction: column;gap: 15px;}
.client_macd_desc h6{font-size: 23px;font-weight: 600;margin-bottom: 0px;}
.client_macd img{height: 50px;width: 100%;}
.client_macd{gap: 15px;}
.client_macd_desc p{color: #72718B;font-size: 15px;}
.color_purple{color: #5E46BF;font-weight: 600;}
.fieldInput {display: block;width: 360px;height: 100%;position: relative;box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.09);border-radius: 15px;overflow: hidden;background-color: #fff;}
.fieldInput .form-input {width: 250px;background: none;border: none;padding: 10px 20px;font-size: 14px;color: #9F9ABF;height: 50px;}
.fieldInput .form-input:focus {outline: none;}
.fieldInput .form-submit {font-size: 14px;color: #6A7C92;position: absolute;right: 0;top: 0;width: 100px;height: 80%;border-radius: 10px;border: none;background: linear-gradient(180deg, #21247F 0%, #896df9 100%);box-shadow: 5px -2px 81px 1px rgba(0, 0, 0, 0.09);cursor: pointer;color: #fff;margin: 5px;}
.flexpricing_newsletter{padding: 40px 0 70px 0;}
.flexpricing_newsletter img{height: auto;width: 50%;margin: 0 auto;}
.flexpricing_footer{padding: 40px 88px;border-bottom: 1px solid red;border: 10px solid;border-image-slice: 1;border-width: 2px;border-image-source: linear-gradient(to left, rgba(159, 154, 191, 0), rgba(159, 154, 191, 0.1), rgba(159, 154, 191, 0.2), rgba(159, 154, 191, 0.1), rgba(159, 154, 191, 0) 100%);border-left: 0;border-right: 0;border-top: 0;}
.deisgned_by{color: #000;font-weight: 500;}
.flexpricing_subfooter p, .flexpricing_subfooter a{font-size: 14px;color: #72718B;}
.flexpricing_subfooter{padding: 30px 100px;}
.how_works_img img{height: 100%;width: 100%;}
/* Accordian headers */
.section-title{display: block;margin: 0;}
.section-title h3{color: #9F9EAE;padding: 0.2em;font-weight: 600;font-size: 26px;}
.js .collapsing-section{display: none;}
.collapsing-section p{margin: 0;padding-left: 30px;color: #72718B;font-size: 14px;text-align: justify;padding-bottom:10px;}
.accordian_list li{border-bottom: 1px solid #eae9ef;padding-bottom: 10px;padding-top: 10px;}
.accordian_list, .accordian_list li{list-style: none;padding-left: 0px;}
.accordian_list li:nth-child(2){margin-left: 30px;}
.accordian_list li:nth-child(3){margin-left: 50px;}
.accordian_list li:nth-child(4){margin-left: 30px;}
.accordian_list h3 {cursor: pointer;}
.how_it_works_accordian{width: 60%;}
.how_it_works_accordian .accordian_style{width: 100%;}
/* .carousel {width: 90%; position: relative;} */
.carousel-item {display: none;width: 100%;animation: slide 0.5s forwards;}
.carousel-item.active {display: block;}
.card {padding: 20px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}
.dots {text-align: center;position: relative;bottom: -10px;width: 100%;}
.dot {height: 10px;width: 10px;margin: 0 5px;background-color: #bbb;border-radius: 50%;display: inline-block;cursor: pointer;}
.dot.active {background-color: #4C2DC0;}
.content {width: 50%;padding: 20px;}
@keyframes slide { from {opacity: 0; transform: translateX(100%);} to {opacity: 1; transform: translateX(0);}}
.pricing_rules{width: 80%;margin: 0 auto;padding: 60px 0;align-items: center;}
.card_desc{height: 250px;padding: 10px;background-color: #000;color: #fff;border-radius: 7px;}
.pricing_carasoul{display: flex;flex-direction: column;align-items: center;}
.card_tag{padding: 5px 20px;background-color: #F4F4F4;border-radius: 100px;width: fit-content;}
.card_tag p{color: #4C2DC0;font-weight: 500;font-size: 13px;}
.card_data_price h2{font-size: 22px;font-weight: 700;text-align: left;}
.card_data_price p{font-size: 13px;color: #A1A1A1;text-align: left;}
.logo_name_footer{display: flex;align-items: center;justify-content: center;gap: 8px;}
/* header */
/* .header_logo_response{height: 30px;width: auto;} */
.header_hammenu {width: 100%;z-index: 3;}
.header_hammenu .header_menu_icon {margin: 0;list-style: none;overflow: hidden;opacity: 1}
.header_hammenu .header_icons a {font-size: 14px;display: block;padding: 10px;text-decoration: none;}
.header_hammenu .logo-menu {display: block;float: left;font-size: 2em;text-decoration: none; color: #fff;font-size: 16px;margin: 0 auto;line-height: 45px;}
.header_hammenu .menu {clear: both;max-height: 0;transition: max-height .2s ease-out;}
.header_hammenu .menu-icon {cursor: pointer;display: inline-block;float: right;padding: 20px 20px;position: relative;user-select: none;}
.header_hammenu .menu-icon .navicon {background: #fff;display: block;height: 2px;position: relative;transition: background .2s ease-out;width: 18px;}
.header_hammenu .menu-icon .navicon:before, .header_hammenu .menu-icon .navicon:after {background: #fff;content: '';display: block;height: 100%;position: absolute;transition: all .2s ease-out;width: 100%;}
.header_hammenu .menu-icon .navicon:before {top: 5px;}
.header_hammenu .menu-icon .navicon:after {top: -5px;}
.header_hammenu .menu-btn {display: none;}
.header_hammenu .menu-btn:checked~.menu {padding: 10px 0;max-height: max-content;flex-direction: column;}
.header_hammenu .menu-btn:checked~.menu-icon .navicon {background: transparent;}
.header_hammenu .menu-btn:checked~.menu-icon .navicon:before {transform: rotate(-45deg);}
.header_hammenu .menu-btn:checked~.menu-icon .navicon:after {transform: rotate(45deg);}
.header_hammenu .menu-btn:checked~.menu-icon:not(.steps) .navicon:before, .header_hammenu .menu-btn:checked~.menu-icon:not(.steps) .navicon:after {top: 0;}
.pricing_rules_cards{flex-direction: column;}
.pricing_rules_desc{padding: 30px;background: #fff;border-radius: 13px;height: 100%;}
.pricing_rules_desc_img{padding: 45px 45px 30px 45px; border-radius: 13px;height: 100%;background-image: var(--pricing_solve_sec);background-position: center center;background-size: cover;background-repeat: no-repeat;}
.pricing_rules_cards{width: calc(33% - 20px);height:auto}
.pricing_rules_resopnse{justify-content: space-between;}
.pricing_img .data_img{width: max-content;}
.pricing_img img{height: 40px;width: 100%;}
.pricing_img p{font-size: 13px;color: #807e7e;text-align: left;}
.pricing_img h6{font-size: 22px;font-weight: 600;}
.pricing_img_data h6{font-size: 34px;font-weight: 600;color: var(--color-texts);}
.pricing_img_data p{font-size: 13px;color: #807e7e;text-align: left;}
.pricing_img a{ text-decoration: none;font-size: 13px;margin-top: 10px;}
.pricing_rules_data{display: flex;flex-direction: column;}
.pricing_rules_desc:hover{box-shadow: 0 0 10px 0rem rgba(128, 146, 210, 0.25);cursor: pointer;}
.source_based{text-decoration: none;color: #fff;font-size: 13px;margin-top: 10px;}
.header_response_mob{width: 70%;}
/* Pricing rule page */
.pricing_banner_sec{padding: 60px 0 40px 0;}
.pricing_rule_component{background-image: var(--pricing_rule_bg); background-size: cover;}
/* .rule_head h1{background: -webkit-linear-gradient(#fff, #fff, #A798C7);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 54px;font-weight: 800;} */
.rule_head h1{background: var(--pricing_head);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 54px;font-weight: 800;}
.dark_theme_color .second_jumbotron_component {border: var(--design_jumbotron_border);}
.dark_theme_color .second_jumbotron_component {background: var(--design_jumbotron);}
.rule_jumbotron p{color: var(--pricing_rule_jumtron);font-weight: 500;}
.pricing_banner_desc img{height: 270px;width: auto;}
.spending_trends_desc img{height: 300px;width: auto;}
.rule_action_component{border-radius: 25px;border: 1px solid #DBDBDB;width: 80%;}
.rule_section{padding: 50px 0 0 0;}
.rule_img img{height: 100px;width: auto;}
.rule_action_component{padding: 30px 80px;}
.rule_head p{color: var(--pricing_desc);}
.spending_trends_desc h2{color: var(--late_night_trends_head);}
.spending_trends_desc p{color: var(--late_night_trends_desc);}
.rule_action_component{background-image: var(--rule_pricing_bg);background-position: center;border: var(--design_jumbotron_border); gap:1rem;}
.rule_desc h3{color: var(--late_night_trends_head);}
.rule_desc p{color: var(--late_night_trends_desc);}

.video-container {display: none;}
.image-container {position: relative;}
.play_btn {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);cursor: pointer;}
.play-icon {width: 50px !important;height: 50px !important;cursor: pointer;}
.play_btn img{filter:var(--map_play_btn)}

/* media query */
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1380px !important;}
    .problem_map img {height: auto;width: 90%;}
    .play_btn {position: absolute;top: 50%;left: 45%;transform: translate(-50%, -50%);cursor: pointer;}
    .play-icon {width: 70px !important;height: 70px !important;cursor: pointer;}
}
@media (min-width:1180px) and (max-width:1440px) {
    .banner_desc {padding: 140px 70px 140px 140px;width: 75%;}
    .problem_resolve_desc {width: calc(40% - 20px);}
    .problem_resolve_map_img {width: calc(60% - 20px);}
    .pricing_rules {width: 90%;}
    .header_response_mob{width: 80%;}
}
@media (min-width:1024px) {
    .foot_nav {flex-direction: row;gap: 15px;flex-wrap: wrap;}
    .footer_sec {flex-direction: row;align-items: center;gap: 15px;}
    .problem_data_containeer {align-items: center;}
}
@media (min-width:1024px) and (max-width:1180px){
    .menu-nav .item-menu {padding: 7px 5px;font-size: 13px;}
    .banner_desc {padding: 80px 0px 80px 60px;width: 75%;}
    .problem_contain {width: 90%;}
    .problem_resolve_desc {width: calc(45% - 10px);}
    .problem_resolve_map_img {width: calc(55% - 10px);}
    .problem_data_containeer {align-items: center;}
    .pricing_rules_desc {padding: 25px;}
    .pricing_rules_desc_img {padding: 25px;}
    .header_response_mob {width: 80%;}
}
@media (min-width:768px) and (max-width:1024px){
    .foot_nav {flex-direction: row;gap: 15px;flex-wrap: wrap;}
    .footer_sec {flex-direction: column;align-items: center;gap: 15px;}
    .flexpricing_footer {padding: 40px 80px;}
    .flexpricing_subfooter {flex-direction: column;align-items: center;gap: 10px;flex-wrap: wrap;}
    .banner_desc {width: 100%;}
    .problem_map img {width: 70%;}
    .problem_map{display: flex;align-items: center;justify-content: center;}
    .how_works_img img {height: 300px;}
    .pricing_contain_response{width: 60% !important;}
    .pricing_rules {width: 90%;}
}
/* header responsive */
/* 48em = 768px */
@media (min-width: 1024px) {
    .header_hammenu .header_icons {float: left;}
    .header_hammenu .header_icons a {padding: 25px 0px;font-size: 14px;color: rgba(159, 154, 191, 1);}
    .header_hammenu .menu {clear: none;float: right;max-height: none; width: 70%;}
    .header_hammenu .menu-icon {display: none;}
}
@media (max-width:1024px) {
    .banner_desc {padding: 40px 0px; align-items: center;}
    .dynamic_head h1 {font-size: 34px; text-align: center;}
    .dynamic_head p {text-align: center; width: 100%;}
    .clients_data {padding: 60px 20px;}
    .problem_solved_data {padding: 20px 20px 0px 20px;}
    .problem_contain {width: 90%;}
    .problem_contain h2 {font-size: 34px;}
    .problem_data_containeer {flex-direction: column;gap: 50px;}
    .problem_resolve_map_img {width: 100%;}
    .problem_resolve_desc {width: 100%;}
    .client_macd{gap: 15px;}
    .problem_solved_data_works {padding: 60px 20px 0px 20px;}
    .video-container {padding: 30px 75px 0px 75px;}
    .how_works_response{flex-direction: row;}
    .how_works_img img {height: 320px;width: 100%;}
    .how_it_works_accordian {width: 100%;}
    .accordian_list li:nth-child(2){margin-left: 0px;}
    .accordian_list li:nth-child(3){margin-left: 0px;}
    .accordian_list li:nth-child(4){margin-left: 0px;}
    .collapsing-section p {padding-left: 20px;}
    .section-title h3 {font-size: 22px;}
    .pricing_rules {width: 100%;align-items: center;justify-content: center;flex-direction: column;gap: 30px;}
    .banner_section{align-items: center;}
    .flexpricing_newsletter img {width: 100%;}
    .footer_sec{flex-direction: column;align-items: center;gap: 15px;}
    .foot_nav {align-items: center;display: flex;gap: 30px;flex-direction: row;}
    .foot_nav .item-menu-footer {padding: 0px 0px 5px 0px;font-weight: 600;}
    .flexpricing_newsletter {padding: 40px 0 40px 0;}
    .flexpricing_subfooter {padding: 30px 40px;flex-direction: row;align-items: center;gap: 10px;}
    .profile-response{justify-content: center;margin-top: 20px;}
    .header_logo_response{height: 35px;width: auto;}
    .header-box {width: 95% !important;}
    .menu-nav .item-menu {padding: 7px 4px;font-size: 13px;}
    .menu_line {justify-content: center;}
    .banner_desc {width: 100%;}
    .header_hammenu .menu-btn:checked~.menu {align-items: center;width: 100%;}
    .pricing_rules_desc {padding: 25px;}
    .pricing_rules_desc_img {padding: 25px;}

    .pricing_banner_desc img {height: 200px;width: auto;}
    .rule_head p {color: var(--pricing_desc);}
    .spending_trends_desc h2 {color: var(--late_night_trends_head);font-size: 26px;font-weight: 500;}
    .spending_trends_desc img {height: 200px;width: auto;}
    .rule_action_component {padding: 25px 30px;gap: 15px;}
}
@media (max-width:828px) {
    .how_works_response {flex-direction: column;}
    .how_works_img img {height: 250px;width: 100%;}
    .foot_nav {align-items: center;display: flex;gap: 10px;flex-direction: column;}
    .flexpricing_subfooter {padding: 30px 40px;flex-direction: column;align-items: center;gap: 10px;}
    .pricing_rules_resopnse {row-gap: 27px;}
    .pricing_rules_cards {width: calc(50% - 20px)}
    .pricing_rules_desc_img {padding: 25px;height: 600px;}
    .pricing_rules_desc {padding: 25px;}
    .bottom_pricing_rules{flex-direction: row;justify-content: space-between;}
    .bottom_pricing_rules{width:100%}
    .bottom_plans{width: calc(50% - 20px);}
}
@media (max-width:768px) {
    .banner_response{flex-direction: column;}
    .pricing_banner_desc img {height: 230px;width: auto;}
    .pricing_banner_desc{align-items: center;}
    .rule_head h1 {font-size: 34px; text-align: center;}
    .rule_head p {color: var(--pricing_desc);text-align: center;}
    .night_response{flex-direction: column-reverse;}
    .spending_trends_desc h2 {color: var(--late_night_trends_head);font-size: 26px;text-align: center;font-weight: 500;}
    .spending_trends_desc p {text-align: center;}
    .spending_trends_desc img {height: 230px;width: auto;}
    .rule_action_component{flex-direction: column;}
    .rule_action_component {padding: 25px 30px;gap: 15px;align-items: center;}
    .rule_desc{text-align: center;}
    .pricing_banner_sec {padding: 20px 0 40px 0;}
}
@media (max-width: 500px) {
    .banner_desc {padding: 40px 0px; align-items: center;}
    .dynamic_head h1 {font-size: 34px; text-align: center;}
    .dynamic_head p {text-align: center; width: 100%;}
    .clients_data {padding: 60px 20px;}
    .problem_solved_data {padding: 20px 20px 0px 20px;}
    .problem_contain {width: 90%;}
    .problem_contain h2 {font-size: 34px;}
    .problem_data_containeer {flex-direction: column;gap: 50px;}
    .problem_resolve_map_img {width: 100%;}
    .problem_resolve_desc {width: 100%;}
    .client_macd{gap: 15px;}
    .problem_solved_data_works {padding: 60px 20px 0px 20px;}
    .video-container {padding: 30px 30px 0px 30px;}
    .video-container video {border-radius: 10px;}
    .how_works_response{flex-direction: column;}
    .how_works_img img {height: 250px;width: 100%;}
    .how_it_works_accordian {width: 100%;}
    .accordian_list li:nth-child(2){margin-left: 0px;}
    .accordian_list li:nth-child(3){margin-left: 0px;}
    .accordian_list li:nth-child(4){margin-left: 0px;}
    .collapsing-section p {padding-left: 20px;}
    .section-title h3 {font-size: 22px;}
    .pricing_rules {width: 100%;align-items: center;justify-content: center;flex-direction: column;gap: 30px;}
    .banner_section{align-items: center;}
    .flexpricing_newsletter img {width: 100%;}
    .footer_sec{flex-direction: column;align-items: center;gap: 15px;}
    .foot_nav {align-items: center;display: flex;gap: 10px;flex-direction: column;}
    .foot_nav .item-menu-footer {padding: 0px 0px 5px 0px;font-weight: 600;}
    .flexpricing_newsletter {padding: 40px 0 40px 0;}
    .flexpricing_subfooter {padding: 30px 40px;flex-direction: column;align-items: center;gap: 10px;}
    .profile-response{justify-content: center;margin-top: 20px;}
    .header_logo_response{height: 35px;width: auto;}
    .menu-nav .item-menu {padding: 7px 4px;font-size: 13px;}
    .menu_line {justify-content: center;}
    .fieldInput {width: 290px;}
    .carousel {width: 100%;}
    .menu_line {border: none;}
    .menu-nav {flex-wrap: wrap;align-items: center;justify-content: center;}
    .pricing_rules_resopnse {gap: 27px;}
    .pricing_rules_cards {width: 100%;}
    .bottom_pricing_rules {flex-direction: column;}
    .bottom_plans {width: 100%;}
    .pricing_contain_response{width: 100%;}
    .banner_response{flex-direction: column;}
    .pricing_banner_desc img {height: 180px;width: auto;}
    .pricing_banner_desc{align-items: center;}
    .rule_head h1 {font-size: 34px; text-align: center;}
    .rule_head p {color: var(--pricing_desc);text-align: center;}
    .night_response{flex-direction: column-reverse;}
    .spending_trends_desc h2 {color: var(--late_night_trends_head);font-size: 26px;text-align: center;font-weight: 500;}
    .spending_trends_desc p {text-align: center;}
    .spending_trends_desc img {height: 180px;width: auto;}
    .rule_action_component{flex-direction: column;}
    .rule_action_component {padding: 25px 30px;gap: 15px;align-items: center;}
    .rule_desc{text-align: center;}
}
@media (max-width:426px) {
    .jumbotron_component p {font-size: 12px;}
    .sub_footer_response{flex-direction: column;}
    .get_started_btn {font-size: 14px;}
}

/* Pricing rule page */
.pricing_rule_container{background-color: var(--bg-mood-color);}
.backToMainPage{width: fit-content;padding: 10px 20px;border: 1px solid rgba(255, 255, 255, 0.15);border-radius: 100px;display: flex;align-items: center;justify-content: center;background: var(--bg-color);}
.backToMainPage p{color: var(--bg-mood-color);;font-size: 13px;font-weight: 600;}
.pricing_rule_head{width: 90%;text-align: center;}
.pricing_detail_container{width: 60%;margin: 0 auto;padding-top: 200px;}
.pricing_detail_container .study_conducted{color: var(--pricing-rule-study-conducted);font-size: 16px;font-weight: 600;margin-bottom: 15px;}
.pricing_detail_container .study_desc{color: var(--pricing-rule-study-desc);font-size: 16px;}
.pricing_rule_slider{position: absolute;top: 80%;}
.pricing_rule_main_container{position: relative;}
.pricing_gap{gap: 5rem;}
.pricing_rule_page {background-color:  var(--bg-mood-color);}

.rule_action{background: var(--pricing_rules_design);border: var(--solve_problem_desc_border);padding: 25px;border-radius: 15px;display: flex;flex-direction: column;gap: 10px;}
.rule_head{color: var(--pricing-rule-study-conducted);font-size: 16px;font-weight: 600;}
.rule_desc{color: var(--pricing-rule-study-desc);}

.pricing_slider{height: 530px;width: 100%;display: flex;justify-content: center;}
.review-title {margin-bottom: 30px;}
.review-card .review-author .ra-author {font-size: 18px;display: block;margin-bottom: 10px;}
.review-card .review-author .ra-rating-star {margin: 0 0 15px;padding: 0;list-style-type: none;}
.review-card .review-author .ra-rating-star li {display: inline-block;margin: 0 -2px;}
.carousel-wrap {width: 100%;height: 350px;margin: 0 auto;position: relative;}
.items {position: absolute;}
.main-pos {z-index: 3000;}
.carousel > li {width: auto;height: auto;display: inline-block;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.back-pos {opacity: 0.05;-webkit-transform: scale(0.5);-moz-transform: scale(0.5);transform: scale(0.5);}
.left-pos {margin-left: -31em !important;z-index: 1000;-webkit-transform: scale(0.75);-moz-transform: scale(0.75);transform: scale(0.75);}
.right-pos {margin-left: 31em !important;z-index: 1000;-webkit-transform: scale(0.75);-moz-transform: scale(0.75);transform: scale(0.75);}
.slider1 {width: 100%;position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);text-align: center;}
.slider1 a {color: #999;}
.slider1 i {font-size: 45px;}
.review-card--option-4 img{object-fit: cover;border-radius: 20px;}

@media (min-width: 768px) and (max-width: 991px) {
  .carousel-wrap {width: 400px;}
  .carousel > li {width: 400px;}
  .main-pos {margin-left: -40px !important;}
  .left-pos {margin-left: -220px !important;}
  .right-pos {margin-left: 140px !important;}
}
@media (max-width: 767px) {
  .right-pos {margin-left: 30px !important;}
  .carousel-wrap {width: 350px;height: 345px;}
  .carousel > li {width: 350px;height: 345px;}
  .main-pos {margin-left: -40px !important;}
  .left-pos {margin-left: -113px !important;}
}

@media (max-width: 480px) {
  .carousel > li {width: 170px;height: auto;}
  .review-card--option-4 img{width: 240px;height: auto;object-fit: cover;border-radius: 20px;}
  .left-pos {margin-left: -245px !important;}
  .main-pos {margin-left: -90px !important;}
  .right-pos {margin-left: 100px !important;}
  .carousel-wrap {width: 240px;height: 408px;}
  .slider1 {display: none;}
  .pricing_detail_container {width: 75%;margin: 0 auto;padding-top: 120px;}
}

.card__media {margin: auto;margin-bottom: 2em;}
p.card__text {color: rgba(188, 186, 203, 1);margin-bottom: 2em;}
h4.card__heading{color: #fff;font-size: 24px;}
.slick-dots {list-style: none;padding-left: 0px;display: flex;align-items: center;margin-top: 12px;}
.slick-dots li {display: inline-block;margin: 0 0.5em;}
.slick-dots span {display: block;background-color: rgba(44, 43, 144, 0.8);height: 0.75em;width: 0.75em;border-radius: 50%;cursor: pointer;}
.slick-dots .slick-active span {background: rgba(57, 63, 195, 1);padding: 13px;background-color: rgba(13, 25, 87, 0.5);}
.card__inner{margin: 0px;}
.card__inner:focus{outline: none;}
.pricing_contain_response .card{background-color: transparent;box-shadow: none;border: transparent;}
.card__inner img{width: 100%;height: 100%;}
.logo-container {display: flex;justify-content: center; align-items: center;flex-wrap: wrap;gap: 80px;width: 100%;padding: 25px 0px 0 0px}
.logo-container img {height: 30px;width: auto;}
.ap_image img{width: auto;margin: auto;}
.benzinga_image{height: 25px !important;}

/* request demo page */
.demo-container {min-height: 100vh;display: flex;justify-content: center;align-items: center;margin-top: -64px}
.demo-form-wrapper {width: 100%;max-width: 480px;padding: 0 20px}
.demo-title {font-size: 32px;font-weight: bold;text-align: center;margin-bottom: 8px}
.demo-subtitle {text-align: center;color: #666;margin-bottom: 32px;}
.demo-form {display: flex;flex-direction: column;gap: 24px}
.form-group {display: flex;flex-direction: column;gap: 16px;}
.field-wrapper {width: 100%;}
.form-input, 
input[type="text"],
input[type="email"] {width: 100%;padding: 12px 16px;border: 1px solid #ccc;border-radius: 6px;font-size: 16px;}
.form-input:focus,
input[type="text"]:focus,
input[type="email"]:focus {outline: none;border-color: #4f46e5;box-shadow: 0 0 0 2px rgba(79, 70, 229, 0.1);}
.errorlist {list-style: none;padding: 0;margin: 4px 0 0;color: #dc2626;font-size: 14px;}
.submit-button {width: 100%;padding: 12px 16px;background-color: #7100ff ;color: white;border: none;border-radius: 6px;font-size: 16px;cursor: pointer;transition: background-color 0.2s}
.submit-button:hover {background-color: #4338ca;}
.submit-button:focus {outline: none;box-shadow: 0 0 0 2px rgba(79, 70, 229, 0.3)}
