/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

.e-con-boxed.e-con.e-parent {
  border-bottom: 1px solid #EDEDED;
}
.bg-image {
  background-size: 1376px 382px !important;
}

.wp-singular .probada-footer{
	display: none;
}

.search-container {
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: center;
  width: 100%;
}

.search-container svg {
  position: absolute;
  left: 10px;
  top: 10px;
}
.company-head {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.search-container .input-box {
  width: 100%;
}

.search-container input {
  border: 1px solid #dddddddd;
  border-radius: 12px;
  padding-left: 45px;
  background-color: #f3f3f4;
}

.search-container .search-results {
  width: 100%;
  background-color: #f3f3f4;
  padding: 24px;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  margin-top: 12px;
  border-radius: 12px;
  height: auto;
  max-height: 150px;
  overflow: auto;
}

.search-container .results-parent {
  width: 100%;
  display: none; /* Initially hidden */
  height: auto;
  transition: height 0.3s ease-out;
}

.search-container .search-results a {
  color: black;
  font-size: 14px;
  line-height: 18px;
  font-weight: 450;
}

.search-container .search-results .title-wrap {
	display: flex;
	align-items: center;
	gap: 8px;
}

.search-container .search-results .chip {
	font-family: "Circular Std", sans-serif;
	border: 1px solid #F9FAFB;
	font-size: 10px;
	font-weight: 300;
	line-height: 11px;
	padding: 2px 6px;
	border-radius: 9999px;
	background: #fff;
	text-transform: capitalize;
	letter-spacing: 0%;
	color: #344054;
}


.search-container .search-results a:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
  font-size: 13px;
}

/* on hover of <a> tag update styling of chip */
.search-container .search-results a:hover + .chip {
  border-color: #FECDCA; 
  color: #B42318;
}

.single-result {
  display: flex;
  justify-content: space-between;
}

.city-search {
  padding-right: 30px; /* Add space for the icon */
}

.search-icon {
  position: absolute;
  right: 10px;
  pointer-events: none;
}

.user-type-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: center;
}

.user-tab {
  width: 139px;
  height: auto;
  text-align: center;
  padding: 16px;
  border-radius: 16px;
  background-color: #f9fafb;
  cursor: pointer;
}

.user-tab:hover,
.user-tab.active {
  background-color: #ffeeee;
  border: none;
}

.user-tab svg {
  width: 40px;
  height: 40px;
  margin-bottom: 0.75rem;
}

.user-tab:hover svg path,
.user-tab.active svg path {
  /* fill: #f87171; Change to your desired color */
  stroke: #d84441; /* Ensure stroke changes as well */
}

@media (max-width: 600px) {
  .user-tab {
    flex: 1 1 100%;
  }
}

.tips-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
}

.tip-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1.5rem 1.5rem 1rem 0;
  border-bottom: 1px solid #ddd;
  padding-bottom: 24px;
}

.tip-header {
  font-size: 0.875rem;
  font-weight: 600;
  color: #6b7280;
  margin-bottom: 0.25rem;
}

.tip-link {
  align-self: flex-start;
  font-size: 1rem;
  font-weight: 500;
  color: #111827;
  text-decoration: none;
  display: flex;
  /* flex-direction: row-reverse; */
  /* justify-content: space-between; */
  align-items: center;
}

.tip-link:hover {
  color: #2563eb;
}

.tip-link svg {
  width: 1rem;
  height: 1rem;
  margin-left: 0.5rem;
  stroke-width: 2;
}

/* Responsive layout for small screens */
@media (max-width: 768px) {
  .tips-grid {
    grid-template-columns: 1fr; /* Single column on smaller screens */
  }

  .tip-item {
    padding: 1.25rem; /* Adjust padding for smaller screens */
  }
}
.site-main {
  max-width: 1440px !important;
  padding: 24px 48px 48px 48px;
}
.features-section {
  margin: 30px 0;
}

.features-section h2 {
  color: #212121;
  font-family: "Circular Std", sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 450;
  line-height: normal;
  letter-spacing: -0.28px;
  margin-bottom: 24px;
}

.feature-cards,
.additional-resources {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 24px;
  padding-bottom: 15px;
}

.card {
  background-color: #f8f8f8;
  padding: 24px;

  border-radius: 8px;

  display: flex;
  flex-direction: column;
  justify-content: center;

  min-height: 150px; /* Add a minimum height */
}

.breadcrumbs {
  font-size: 14px;
  color: #555;
  margin-bottom: 20px;
}

.breadcrumbs a:not(:last-of-type)::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M14.1032 12.3528C14.2001 12.2559 14.2501 12.1278 14.2501 11.9996C14.2501 11.8715 14.2001 11.7434 14.1032 11.6465L10.6032 8.14649C10.4079 7.95117 10.0914 7.95117 9.89637 8.14649C9.70137 8.3418 9.70105 8.65836 9.89637 8.85336L13.0439 11.9996L9.89699 15.1465C9.70168 15.3418 9.70168 15.6584 9.89699 15.8534C10.0923 16.0484 10.4089 16.0487 10.6039 15.8534L14.1032 12.3528Z" fill="%23212121"/></svg>');
  top: 7px;
  position: relative;
}
/* .breadcrumbs{
	padding: 0px 40px 0px 40px;
} */
.breadcrumbs a {
  color: #007bff;
  text-decoration: none;
}

.breadcrumbs a:hover {
  text-decoration: underline;
}

.breadcrumbs-text1 {
  color: #4a4a4a;
  font-family: "Circular Std", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 450;
  line-height: 130%; /* 20.8px */
  letter-spacing: 0.5px;
}
.breadcrumbs-text2 {
  color: #4a4a4a;
  font-family: "Circular Std", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 450;
  line-height: 130%; /* 20.8px */
  letter-spacing: 0.5px;
}
.breadcrumbs-text3 {
  color: #000;
  font-family: "Circular Std", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 450;
  line-height: 130%; /* 20.8px */
  letter-spacing: 0.5px;
}

.text-style {
  color: #212121;
  font-family: "Circular Std", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.card img {
  max-width: 28px;
  margin-bottom: 15px;
}

.card a {
  text-decoration: none;
  color: #333;
  font-size: 16px;
  font-weight: bold;
}

.card:hover,
.card.active {
  background-color: #ffeeee;
}

.section-heading h2 {
  color: #000;
  font-family: "Circular Std", sans-serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 450;
  line-height: normal;
  letter-spacing: -0.48px;
}

.section-heading span {
  color: var(--primary-main, #d84441);
  font-family: "Circular Std", sans-serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 450;
  line-height: normal;
  letter-spacing: -0.48px;
}

.full-container {
  display: flex;
  overflow: auto;
  scroll-behavior: smooth;
}

.cate-heading-container {
  border-bottom: 1px solid #fff;
}

.sidebar {
  width: 380px;
  background-color: #093550;
  padding: 16px;
  color: white;
  height: 100%;
  overflow-y: auto;
  position: sticky;
  top: 0;
  height: calc(100vh - 81px);
  overflow:auto;
}

.cate-heading {
  border: none;
  width: 100%;
  padding: 8px 0px;
  cursor: pointer;
  color: var(--common-White, #fff);
  font-family: "Circular Std", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.5px;
  background-color: #093550;
}

.sidebar-menu {
  list-style-type: none;
  padding: 0;
}

.pro-cate {
  cursor: pointer;
  color: var(--common-White, #fff);
  font-family: "Circular Std", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.5px;
}

.main-category {
  cursor: pointer;
  color: var(--common-White, #fff);
  font-family: "Circular Std", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 450;
  line-height: 18px;
}

.sub-menu {
  list-style-type: none;
  padding-left: 0px;
  margin-top: 12px;
  display: block;
}

.sub-menu-2 {
  list-style-type: none;
  padding-left: 0px;
  margin-top: 12px;
  display: none;
  overflow-y: auto;
}

.sub-menu-2.active {
  display: flex;
  flex-direction: column;
  gap: 12px;
  color: white;
}



.sub-menu-2.active a {
  color: #fff;
}
.sub-menu > li {
  cursor: pointer;
  margin-top: 12px;
}
.sub-menu-link {
  font-weight: bold;
}
.main-category-text > a {
  color: inherit;
  padding: 8px 16px;
  display: block;
  color: #fff;
}
.main-category.active .main-category-text > a {
  color: #fff;
}
.main-category.active .main-category-text {
  display: flex;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 8px;
  background: var(--primary-main, #d84441);
  font-family: "Circular Std", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.5px;
}

.sub-menu-2 > li.active {
  border-color: #fff;
  color: #fff;
}
.sub-menu-2 > li > a {
  color: #c6c6c7;
}
.sub-menu-2 > li {
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 28px;
  font-family: "Circular Std", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 450;
  line-height: 18px;
  color: #C6C6C7;
}
.sub-menu-2 > a {
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 28px;
  font-family: "Circular Std", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
  color: #c6c6c7;
  border-left: 1px solid #c6c6c7;
}

.sub-menu-2 > a:hover {
  color: #fff;
}
.post-content img {
  width: 100% !important;
}
.sub-menu-2 > a.active {
  color: #fff;
  border-left: 1px solid #fff;
}

.main-category.active .sub-menu-2,
.main-category.show .sub-menu-2 {
  display: flex;
  flex-direction: column;
  color: white;
  margin-left: 37px;
}

.sub-menu-2.active{
  border-left: 1px solid #fff;
}
.content-area {
/*   width: calc(100% - 250px);
  height: auto;
  display: flex;
  flex-direction:column;
  height:calc(100vh - 82px); */
	width: calc(100% - 250px);
    
}

.content-area .post-content{
/* 	background-color: #ecf0f1; */
    background-color: white;
    padding: 24px 80px 48px 80px;
    flex: 1;
    height: calc(100vh - 148px);
    overflow-y: auto;
}

.post-content img {
  width: 100%;
  height: auto;
  object-fit: contain;
  margin-top: 20px;
	border-radius: 8px;
}

.post-content p:has(img) {
 background-color: #F2F2F2;
 padding: 45px 44px;
	margin-top: 24px;
	border-radius: 8px;
}

.sidebar-menu .slide_search_bar{
	margin-bottom: 10px;
	border-radius:10px;
}

.footer_container{
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:16px;
	border-top: 1px solid #DDDDDD;
	
}
.footer_image_container{
	display:flex;
	gap:5px;
}
.footer_image_container :nth-child(2) {
  border-left: 1px solid #DDDDDD; 
  border-radius: 0px;
  padding-left:5px;
}
.footer_image_container .footer_image{
/* 	width: 34px !important; */
	height:34px !important;
	margin-top:0px;
}
.footer_links_container {
	display:flex;
	gap: 16px;
	
}
.footer_links_container a{
	font-family: "Circular Std", sans-serif;
	font-size: 14px;
	font-weight:450;
	line-height:18px;
	color:#979AA0;
}
.post-content h2{
	font-size: 2.125rem;
	font-weight: 700;
	line-height: 2.875rem;
	letter-spacing: -0.01rem;
}
.content-head{
	font-size: 1rem;
	font-weight: 700;
	line-height:1.5rem;
	letter-spacing: 0;
}
.post-content p{
	font-size: 1rem;
	font-weight: 450;
	line-height: 1.5rem;
}
.post-content h3 span {
	font-size: 1.25rem;
	font-weight: 700 !important;
	line-height: 1.75rem !important,
		
}
.post-content h3{
	font-size: 1rem;
	line-height: 1.75rem
}


/* Mobile and Tablet Responsiveness */
@media (max-width: 1024px) {
  .full-container {
    flex-direction: column; /* Stack the sidebar and content on smaller screens */
  }

  .sidebar {
    width: 100%; /* Make sidebar full width */
    height: auto;
	  padding: 0;
  }

  .content-area {
    width: 100%; /* Make content area full width */
/*     padding: 10px; */
  }

  .cate-heading {
    font-size: 18px;
  }

  .main-category {
    font-size: 16px;
  }

  .sub-menu-2 {
    padding-left: 20px;
  }
}


/* Mobile Responsiveness */
@media (max-width: 768px) {
  .cate-heading {
    font-size: 16px;
  }

  .sidebar {
    width: 100%;
    height: auto;
/*     padding: 10px; */
	  padding: 0;
  }

  .content-area {
    width: 100%;
/*     padding: 10px; */
  }

  .main-category {
    font-size: 14px;
  }

  .main-category-text {
    font-size: 14px;
  }

  .sub-menu-2 {
    padding-left: 15px;
  }
	
  .content-area .post-content{
	padding: 24px 50px;
	
  }
}

/* Small Mobile Devices */
@media (max-width: 480px) {
  .cate-heading {
    font-size: 14px;
  }

  .sidebar {
    width: 100%;
    padding: 10px;
  }

  .main-category {
    font-size: 12px;
  }

  .main-category-text {
    font-size: 12px;
  }

  .sub-menu-2 {
    padding-left: 10px;
	
  }
	
}