/*!
Theme Name: HishabPati Child
Theme URI: https://www.hishabpati.com/
Author: Mohammad Rubel
Author URI: https://www.linkedin.com/in/themohammadrubel/
Description: HishabPati Child is a child theme.
Version: 1.5.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Template: HishabPati
Text Domain:HishabPati-child
Tags: Tweaks with custom themes functions & ready for usability's.

*/

/*
    Add your custom styles here
*/

/* body{
    background-color:red;
} */

.html-sitemap-pages li{
	margin-top:1em!important;
}
.html-sitemap-posts li{
	margin-top:1em!important;
}
/* ---------- HishabPati Start --------- 

   ---------- HishabPati Start --------- 
*/

.header-logo{
	height:60px;
}
/* for removing all the text editor extra space */
.elementor-widget-text-editor p:last-child{ 
  margin-top:0px;
  margin-bottom:0px;

}
.elementor-widget-text-editor p:last-child, .textwidget p:last-child { margin-bottom:0px;}
/* SideBar Widget Latest Post Height */
.elementor-widget-container
.widget_recent_entries ul li {
	margin-bottom:10px;
	color:#000!important;
	list-style:disc outside;
}
/* SideBar Widget */
.wp-block-search__button {
    background: #7562FA;
    color: #f9f9f9;
}
.elementor-widget-container
section ul, ol, li ,
.elementor-widget-container
section ul, ol, li  a
{
	 margin-left:0.5em;
}

.wid_subs_form_title{
	margin-bottom:30px!important;
}

.wp-block-search__button {
 background-color: var(--e-global-color-primary);
    color: #ffffff;
	border-radius: 60px 60px 60px 60px;
	    min-height: 40px;
	    font-size: 15px;
    padding: 12px 24px;
}



/* price list cross button color */
.fa-times{
	color:red!important;
}

/* adjusting height of expansce features in homepage */
.elementor-61 .elementor-element.elementor-element-e3b54e1 > .elementor-widget-container {
    margin: 0px 10px 0px 0px;
    padding: 2em 2em 3.4em 2em!important;
    --e-transform-skewX: 0deg;
    transition: background 0.3s;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 0px 0px 5px 3px #caccd6;
}
/* ---------- HishabPati End --------- 

   ---------- HishabPati End --------- 
*/

/* ================== NEW CSS for All faq-types Page Template ===================== */
/* ================== NEW CSS for All faq-types Page Template ===================== */

/* Base styles */
.faq-types-wrapper {
    display: flex;
    flex-wrap:wrap;
    margin: -10px; /* Adjust the margin to create spacing between boxes */
  }
  
  .faq-type-item {
    flex: 1 0 calc(25% - 20px); /* Each faq-type item takes up 25% width with some spacing */
    box-sizing: border-box;
    margin-top: 20px; /* Adjust the margin to create spacing between boxes */
    margin-bottom: 20px; /* Adjust the margin to create spacing between boxes */
    margin-left: 10px; /* Adjust the margin to create spacing between boxes */
    margin-right: 10px; /* Adjust the margin to create spacing between boxes */
    text-align: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)!important; /* Shadow effect */
  
    border-radius: 5px;
    color: #000;
    padding: 20px;
    background: #fff;
    text-decoration: none !important;
    -webkit-transition: border-color .2s ease, box-shadow .35s ease;
    transition: border-color .2s ease, box-shadow .35s ease;
  }
   
 .faq-type-item:hover {
	box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3);
}


  .faq-type-item img {
    object-fit: contain;
    width:100px;
    max-width: 100%;
    vertical-align: middle;
    height: 145px!important;
  }
  
  .faq-type-name {
    display: block;
    margin-top: 10px;
    font-weight: bold;
  }
  .faq-type-name-sidebar {
    display: block;
    padding: 10px;
    font-weight: bold;
  }
  
  
  .faq-type-name  a{
    color:#000!important;
  }
  
    /* Sidebar and main faq type page css for hover */
/* .active-faq-type {
  background-color:var(--e-global-color-primary)!important; 
 color:var(--e-global-color-2270e39)!important;
} */

/* .active-faq-type  .faq-type-name-sidebar a {
  color:var(--e-global-color-2270e39)!important;
}
 */
.faq-type-item:hover  .faq-type-name-sidebar a {
  color:var(--e-global-color-2270e39)!important;
}


.faq-type-item:hover{
background-color:var(--e-global-color-primary)!important;
  color:var(--e-global-color-2270e39)!important;
  cursor: pointer;
}

.faq-type-item:hover   .faq-type-name a{
  color:var(--e-global-color-2270e39)!important;
}


  /* Responsive adjustments */
  @media (max-width: 1200px) {
    .faq-type-item {
        flex: 1 0 calc(33.333% - 20px); /* Three items per row on larger tablets */
    }
  }
  
  @media (max-width: 992px) {
    .faq-type-item {
        flex: 1 0 calc(50% - 20px); /* Two items per row on tablets */
    }
  }
  
  @media (max-width: 576px) {
    .faq-type-item {
        flex: 1 0 calc(50% - 20px); /* Two items per row on mobile */
    }
  }
  @media (max-width: 360px) {
    .faq-type-item {
        flex: 1 0 calc(100% - 20px); /* Two items per row on mobile */
        margin-top:6px;
    }
  }


/* Sidebar design */

.faq-container-shadow{
  background: #FFF;
-moz-box-shadow: 0 1px 5px -1px rgba(0,0,0,.13);
-webkit-box-shadow: 0 1px 5px -1px rgba(0,0,0,.13);
box-shadow: 0 1px 5px -1px rgba(0,0,0,.13);
border: 1px solid #dedede;
border-radius: 10px!important;
}


.faq-types-list-wrapper{
  /* display: flex;
  flex-wrap:wrap; */
    margin: 0; /* Adjust the margin to create spacing between boxes */
    padding: 0;
    list-style: none;
}

.faq-type-list{
    display: block;
    color: #2f3239;
    font-size: 14px;
    font-weight: 600;
    background-color: #eaeaeb;
    margin-bottom: 10px;
    padding: 14px!important;  
    list-style: none!important;
    width: 96%;
    margin-top:10px;
    margin-bottom:16px;
    border-radius: 6px;

}
.faq-type-name-list {
  display: block;
  /* margin-top: 10px; */
  font-weight: bold;
}



.faq-type-name-list  a{
  color:#000!important;
}

    /* Sidebar and main faq type page css for hover */
    .active-faq-type {
      background-color:var(--e-global-color-primary)!important; 
      color:var(--e-global-color-2270e39)!important;
    }
    
    .active-faq-type  a {
      color:var(--e-global-color-2270e39)!important;
    }
    .faq-type-list:hover  a {
      color:var(--e-global-color-2270e39)!important;
    }
    
    
    .faq-type-list:hover{
    background-color:var(--e-global-color-primary)!important; 
      color:var(--e-global-color-2270e39)!important;
      cursor: pointer;
    }
    
    .faq-type-list:hover   .faq-type-name-list a{
      color:var(--e-global-color-2270e39)!important;
    }