/*
Theme Name: JupiterX
Theme URI: https://jupiterx.artbees.net/
Author: Artbees
Author URI: https://artbees.net/
Requires at least: 5.6
Requires PHP: 7.0
Tested up to: 6.9
Description: Jupiter X is a fast, light, and powerful WordPress theme for building all kinds of websites. Jupiter X allows you to customize literally every inch of your website using a powerful visual editor. With the help of WordPress Customizer technology and Elementor page builder, it offers a seamless and limitless control, of both global and in-page elements. With the header and footer builder, you can design your own header and footers from scratch. And for the first time ever, you can customize the most untouchable parts of your WooCommerce shop including product list, product single, shopping cart, and checkout pages with Shop Customizer. Jupiter X is also the first theme to enable its users to completely reinvent the look of their blog list, portfolio list, and blog single page. You can fully customize your single post and turn off blog elements such as social media, comment section, and meta info. Jupiter X comes with captivatingly beautiful ready-made website templates to help you get started real quick. It’s extremely developer-friendly and absolutely scalable. With the help of Beans, Bootstrap, and ACF you can easily extend Jupiter X in the most enjoyable and accurate way possible. Jupiter X is a makeover of Jupiter X WP theme with 100000 users in the Envato market as of October 2018. Jupiter X builds websites you cannot create with any other tool. Build yours now! jupiterx.com
Version: 4.14.1
Text Domain: jupiterx
Domain Path: /lib/languages
Tags: one-column,two-columns, three-columns, four-columns, left-sidebar, right-sidebar, e-commerce, featured-images, full-width-template, threaded-comments, blog, custom-colors, grid-layout, rtl-language-support, footer-widgets, theme-options, translation-ready, custom-menu
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Jupiter X is licensed under the GPL.
*/


/* The CSS below is added to align to WordPress theme automatic checker.
 * The actual CSS is situated in the style.less file.
 ========================================================================== */
.acwp-contrast a.elementor-button ,
.acwp-contrast .wpcf7-submit{
    background: #292929 !important;
}
body.acwp-underline:not(.acwp-underline-hardcss) footer ul li a span{
  color: #000 !important;
}
body.acwp-underline footer .elementor-button{
  color: #fff !important;
}
 .acwp-contrast .raven-slider-wrapper *{
  background-color: transparent !important;
}
.acwp-contrast .breadcrumb-item.active span{
  color: #fff !important;
}
.acwp-contrast .page-sec-title::before,
.acwp-contrast .page-sec-title .breadcrumb,
.acwp-contrast .page-sec-title .breadcrumb .breadcrumb-item{
  background-color: #1A1A2E !important;
}
.jupiterx-a11y-skip-navigation-link{
  background-color: #000;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
}
header.jupiterx-header {
    position: relative;
    width: 100%;
    transition: all 0.3s ease;
}

header.jupiterx-header.sticky-active {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: #ffffff;
    box-shadow: 0 4px 10px rgba(0,0,0,0.08);
}
header.jupiterx-header.sticky-active .top-header,
header.jupiterx-header.sticky-active .page-sec-title,
header.jupiterx-header.sticky-active .mobile-header{
  display: none;
}
header .main-menu li.elementor-icon-list-item.active a .elementor-icon-list-text {
    color: #3e4095 !important;
}
.dark-mode header .main-menu li.elementor-icon-list-item.active a .elementor-icon-list-text{
  color: #00C898 !important;
}
.dark-mode .complaint-tab .e-n-tab-title[aria-selected='false']:not( :hover ){
    background: #1a1a2e !important;
    border-color: #fff;
    color: #cbcbcb;
    border: 1px solid #5e5e5e;
}
#acwp-toolbar-btn{
      background-color: #7B75A8 !important;
    border: none;
    border-radius: 5px;
    padding: 8px;
    height: auto;
    width: auto;
}
body.acwp-contrast #acwp-toolbar-btn svg, #acwp-toolbar-btn svg{
  width: 22px;
}
div#acwp-toolbar-btn-wrap,
.acwp-footer{
  display: none;
}
.bypostauthor {
    color: initial;
}
.dark-mode.elementor-kit-9{
    --e-global-color-primary: #25274D;
    --e-global-color-f28de98: #1A1A2E;
    --e-global-color-393982b: #ffffff;
    --e-global-color-25e6114: #2D2E63;
    --e-global-color-secondary: #c7cdd4;
    --e-global-color-2990435: #143c30;
    --e-global-color-52f29d4: #9ea0ff;
    --e-global-color-393982b: #ffffff;
}
.dark-mode .elementor-element:has(:hover) .elementor-icon-box-title, 
.dark-mode .elementor-element:has(:focus) .elementor-icon-box-title{
  color: var( --e-global-color-52f29d4 ) !important;
}
.dark-mode .elementor-element.elementor-view-framed:has(:hover) .elementor-icon, 
.dark-mode .elementor-element.elementor-view-default:has(:hover) .elementor-icon, 
.dark-mode .elementor-element.elementor-view-framed:has(:focus) .elementor-icon, 
.dark-mode .elementor-element.elementor-view-default:has(:focus) .elementor-icon{
  fill:var( --e-global-color-52f29d4 ) !important;
}
.dark-mode .about-sec .elementor-button,
.dark-mode .rupay-card .elementor-button{
    background-color: #2d2e63 !important;
}
.dark-mode nav.raven-adnav-menu-main:not(.raven-adnav-menu-dropdown):not(.raven-adnav-menu-offcanvas) .raven-adnav-menu > li:hover > a:not(.active-link),
.dark-mode header .elementor-icon-list-item:hover .elementor-icon-list-text,
.dark-mode nav.raven-adnav-menu-main:not(.raven-adnav-menu-dropdown) ul.submenu > li > a:hover:not(.active-link),
.dark-mode nav.raven-adnav-menu-main:not(.raven-adnav-menu-dropdown) ul.submenu > li > a.active-link{
    color: #00C898 !important;
}
.dark-mode .page-sec-title:before{
    background-color: #25274D !important;
}
.dark-mode  #sm-1770637896414293-2 ul.submenu{
    border:1px solid #E0E0E0;
}
.dark-mode header .elementor-icon-box-title {
    color: #fff !important;
}
.dark-mode .elementor-element.elementor-element-69aa16a .elementor-heading-title{
    color: #8284cf;
}
.dark-mode .banner-sec{
    background-image: linear-gradient(180deg, #2D2E63 0%, #5852A8 100%) !important;
}
.dark-mode .loan-products .elementor-element.e-con-full.loan-item.e-flex.e-con.e-child{
    background-color: #2d2e63;
}
.dark-mode .footer-sec-first,
.dark-mode .footer-second{
    background-color: #25274D !important;
}
.dark-mode .elementor-button{
    background-color: #1a1a2e !important;
}
.dark-mode .deposit-sec .elementor-view-stacked .elementor-icon{
    background-color: #2d2e63 !important;
}
.dark-mode .deposit-sec .elementor-view-stacked .elementor-icon svg path{
    stroke: #fff !important;
}
.dark-mode .about-sec .elementor-position-inline-start{
      background-color: #2d2e63 !important;
}
/* .dark-mode .notices-sec .notice-item{
    background-color: #2d2e63 !important;
} */
.dark-mode .notices-sec .notice-item .elementor-icon{
    background-color: #2d2e63 !important;
}
.dark-mode table.dataTable.row-border>tbody>tr>*, 
.dark-mode table.dataTable.display>tbody>tr>*{
  color: #fff;
}
.dark-mode div.dt-container .dt-length, 
.dark-mode div.dt-container .dt-search, 
.dark-mode div.dt-container .dt-info, 
.dark-mode div.dt-container .dt-processing, 
.dark-mode div.dt-container .dt-paging {
    color: #ffffff;
}
.dark-mode div.dt-container.dt-empty-footer tbody>tr:last-child>*,
.dark-mode table.dataTable>thead>tr>th, 
.dark-mode table.dataTable>thead>tr>td {
    border-bottom: 1px solid #fff;
}
.dark-mode div.dt-container .dt-paging .dt-paging-button.disabled, 
.dark-mode div.dt-container .dt-paging .dt-paging-button.disabled:hover, 
.dark-mode div.dt-container .dt-paging .dt-paging-button.disabled:active{
color: rgb(255 255 255 / 50%) !important;
}
.dark-mode .bank-ser .elementor-icon {
    background-color: #1e483c !important;
}
.dark-mode .functionalities-sec ul li{
background-color: #1a1a2e !important;
}
.dark-mode .cf7-grid input, 
.dark-mode .cf7-grid select, 
.dark-mode .cf7-grid textarea{
  background-color: #1a1a2e;
      color: #fff;
}
.dark-mode .cf7-field label,
.dark-mode span.info-text{
  color: #fff;
}
span.wpcf7-form-control.wpcf7-radio label{
display: flex;
    gap: 10px;
}
.e-n-tabs-content .cf7-grid{
  max-width: 100%;
}
.bank-ser .elementor-widget-text-editor p{
  overflow: hidden;
  display: -webkit-box;          /* Required for -webkit-line-clamp to work */
  -webkit-line-clamp: 2;         /* The desired number of lines to show */
  -webkit-box-orient: vertical;  /* Required for vertical orientation */
  text-overflow: ellipsis; 
}
.table{
    margin-bottom: 0;
    font-family: 'inter';
}
.table, .table td {
	border:1px solid #dee2e6;
}
table.dataTable.order-column>tbody tr>.sorting_1, table.dataTable.order-column>tbody tr>.sorting_2, table.dataTable.order-column>tbody tr>.sorting_3, table.dataTable.display>tbody tr>.sorting_1, table.dataTable.display>tbody tr>.sorting_2, table.dataTable.display>tbody tr>.sorting_3{
  box-shadow: none;
}
.dt-length {
    display: flex;
    align-items: center;
    gap: 10px;
}
.dt-length label{
  margin: 0;
}
div.dt-container .dt-search input:focus{
  outline: none;
  border-color: var(--e-global-color-52f29d4);
}
div.dt-container .dt-paging .dt-paging-button.current, div.dt-container .dt-paging .dt-paging-button.current:hover,
div.dt-container .dt-paging .dt-paging-button:hover{
      background: linear-gradient(to bottom, rgb(62 64 149) 0%, rgb(106 108 191) 100%) !important;
      color: #fff !important;
    border-radius: 10px;
}
div.dt-container .dt-paging .dt-paging-button.disabled:hover{
  color: #fff !important;
}
.jupiterx-post-content table thead th, .table thead th{
    color: var(--e-global-color-52f29d4);
}
.table-responsive {
    overflow: auto;
}
.home .page-sec-title{
	display:none;
}
.full-img img,
.teams img{
	width:100%;
}
.header .elementor-icon-list-icon svg {
    width: 16px;
    height: 16px;
}
#darklight{
	height:40px;
	width:40px;
	display:flex;
	align-items:center;
	justify-content: center;
}
/* .loan-item-img:after{
	content:"";
	position:absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    border-radius: 15px;
	  background: linear-gradient(180deg, rgb(255 255 255 / 0%) 0%, rgb(5 6 51) 100%);
} */

.loan-item-img .elementor-view-stacked{
	z-index:1;
}
.submenu {
    box-shadow: 2px 2px 5px #0000004f;
    border-radius: 5px;
    overflow: hidden;
	  min-width: 150px !important;
}
.sm-nowrap{
	box-shadow: none !important;
}



/* Grid Layout */
.cf7-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0px 20px;
  max-width: 800px;
  margin: auto;
}

/* Fields */
.cf7-field {
  display: flex;
  flex-direction: column;
}

.cf7-field label {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 6px;
  color: #333;
}

/* Inputs */
.cf7-grid input,
.cf7-grid select,
.cf7-grid textarea {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #dcdcdc;
  border-radius: 10px;
  font-size: 14px;
  transition: 0.3s;
}

/* Focus Effect */
.cf7-grid input:focus,
.cf7-grid textarea:focus {
  border-color: #3e4095;
  outline: none;
  box-shadow: 0 0 0 2px rgba(0,115,170,0.1);
}

/* Full Width Items */
.cf7-field.full-width {
  grid-column: span 2;
}

/* Submit Button */
.submit-wrap {
  text-align: center;
}

.cf7-grid input[type="submit"] {
  background: #3e4095;
  color: white;
  border: none;
  padding: 12px 30px;
  border-radius: 10px;
  font-size: 15px;
  cursor: pointer;
  transition: 0.3s;
}

.cf7-grid input[type="submit"]:hover {
  background: #005f8d;
}

/* Validation Errors */
.wpcf7-not-valid {
  border-color: #dc3232 !important;
}

.wpcf7-not-valid-tip {
  font-size: 12px;
  margin-top: 4px;
}

/* Responsive */
@media (max-width: 768px) {
  .cf7-grid {
    grid-template-columns: 1fr;
  }

  .cf7-field.full-width {
    grid-column: span 1;
  }
}
span.info-text {
    font-size: 12px;
    font-style: italic;
}


.emi-wrapper {
  max-width: 1000px;
  margin: auto;
  display: grid;
  grid-template-columns: 450px 1fr;
  gap: 30px;
}

.emi-calculator,
.emi-output {
  background: #fff;
  border-radius: 14px;
  padding: 28px;
  box-shadow: 0 15px 35px rgba(0,0,0,0.08);
}

.emi-wrapper h2 {
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 24px;
}

.emi-wrapper .slider-group {
  margin-bottom: 24px;
}

.emi-wrapper .slider-group label {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 8px;
      align-items: center;
}

.emi-wrapper .slider-value {
      color: #3e4095;
    font-weight: 600;
    padding: 5px 10px;
    font-size: 18px;
    background-color: #f1f1ff;
    border-radius: 3px;
}

.emi-wrapper input[type="range"] {
  width: 100%;
  appearance: none;
  height: 6px;
  border-radius: 5px;
  background: #e5e7eb;
  outline: none;
}

.emi-wrapper input[type="range"]::-webkit-slider-thumb {
  appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #3e4095;
  cursor: pointer;
  border: none;
}

.emi-wrapper .emi-results {
  margin-top: 10px;
  padding-top: 20px;
  border-top: 1px solid #eee;
}

.emi-wrapper .result-item {
  margin-bottom: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.emi-wrapper .result-item p {
  margin: 0;
  font-size: 13px;
  color: #666;
}

.emi-wrapper .result-item h3 {
  margin: 4px 0 0;
  font-size: 22px;
}

.emi-wrapper canvas {
  max-height: 320px;
}

.emi-calculator h2{
    margin-bottom: 30px;
}



.calc-wrapper {
  max-width: 520px;
  margin: auto;
  background: #fff;
  padding: 28px;
  border-radius: 14px;
  box-shadow: 0 15px 35px rgba(0,0,0,0.08);
}

.calc-wrapper h2 {
  margin-top: 0;
  margin-bottom: 25px;
}

.calc-wrapper .field {
  margin-bottom: 18px;
}

.calc-wrapper label {
  font-size: 14px;
  font-weight: 500;
  display: block;
  margin-bottom: 6px;
}

.calc-wrapper .input-group {
  display: flex;
  align-items: center;
  border: 1px solid #ddd;
  border-radius: 8px;
  overflow: hidden;
  background: #fafafa;
}

.calc-wrapper .input-group span {
  padding: 10px 12px;
  background: #f1f3f5;
  font-size: 14px;
  color: #555;
}

.calc-wrapper .input-group input,
.calc-wrapper .input-group select {
  flex: 1;
  border: none;
  padding: 10px;
  font-size: 14px;
  outline: none;
  background: transparent;
}

.calc-wrapper .result-box {
  margin-top: 25px;
  padding: 18px;
  border-radius: 10px;
  background: #f8fafc;
  border: 1px solid #e5e7eb;
}

.calc-wrapper .result-box p {
  margin: 0;
  font-size: 13px;
  color: #666;
}

.calc-wrapper .result-box h3 {
  margin: 6px 0 0;
  font-size: 24px;
  color: #3e4095;
}
.functionalities-sec ul{
  gap: 15px;
}
.functionalities-sec ul li{
        padding: 10px 20px !important;
    border-radius: 40px;
    background-color: #fff;
    box-shadow: 0 5px 10px #00000021;
}

.acwp-heading p.acwp-title{
  font-size: 20px;
}
.acwp-heading{
  background-color: var(--e-global-color-primary);
}
#acwp-toolbar.acwp-style-default .acwp-toggler label{
  background-color: var(--e-global-color-f28de98);
}
#acwp-toolbar-module{
  background-color: var(--e-global-color-f28de98);
  border: 8px solid #F5F5F5;
}
#acwp-toolbar.acwp-style-default .acwp-toggler label > i.material-icons, #acwp-toolbar.acwp-style-default .acwp-toggler label > span{
  color: var(--e-global-color-secondary);
}
.dark-mode #acwp-toolbar-module{
  border: 8px solid #2D2E63;
}
.dark-mode .acwp-switch{
  background-color: rgb(37 39 77);
}
.dark-mode #acwp-toolbar.acwp-style-default .acwp-toggler{
  border-color: #2D2E63;
}
header .main-menu .elementor-icon-list-item:hover a::before,
header .main-menu .elementor-icon-list-item a.active::before{
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    background-color: #2D2E63;
    border-radius: 10px;
    left: -13px;
    top: 6px;
    transition: 0.5s;
}
.dark-mode header .main-menu .elementor-icon-list-item:hover a::before,
.dark-mode header .main-menu .elementor-icon-list-item a.active::before{
    background-color: #00C898;
}
@media (max-width:767px){
	.submenu{
		box-shadow: none !important;
	}
    .emi-wrapper{
        max-width: 100%;
        display: flex !important;
        flex-direction: column;
    }
    .emi-wrapper .result-item{
        flex-direction: column;
    }
    .elementor-widget-heading .elementor-heading-title{
      line-height: normal !important;
    }
    .dark-mode .raven-adnav-menu li a{
      color: #fff !important;
    }
    .sub-item ul{
      gap: 20px;
    }
}