/* 
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
*/

a {
  text-decoration: none !important;
}

.main-container {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

footer.site-footer {
	display: none;
}


.custom-page__wrap {
  margin: 0 auto;
  max-width: 1380px;
  padding: 0px 10px;
}
.custom_row {
  display: flex;
  gap: 15px;
}
.header_search .hfe-search-form__input {
  height: 50px;
  padding: 10px !important;
}
.aside.menu-sidebar {
  border-radius: 12px;
  border: 1px solid #ced4db;
  background: linear-gradient(0deg, #f0f3f7 0%, #f0f3f7) 100%, #fafafc;
  padding: 25px;
}
.menu-section.expandable-menu {
  margin-bottom: 27px;
}

/* Menu CSS */
.menu-section .menu-section-title {
  font-family: "Din-2014", Sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.25rem;
  line-height: 1.15;
  letter-spacing: 0.04em;
  color: #8995a8;
  margin-bottom: 15px;
}

.navigation_box {
  border-radius: 5px;
  border: 1px solid #d8dde6;
  background: linear-gradient(0deg, #fafafc 0%, #fafafc 100%), #f0f3f7;
  padding: 10px;
}
.menu-section:first-child .menu-section-title {
  margin-top: 0;
}

/* Base List Styling */
.navigation_box ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.navigation_box li {
  margin-bottom: 1px;
  position: relative;
}

.navigation_box li:last-child {
  margin-bottom: 0;
}

.navigation_box ul li a {
  font-family: 'Din-2014', Sans-serif;
  color: #242c38;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 0.84px;
  transition: 0.3s;
  text-decoration: none;
  cursor: pointer;
}

.navigation_box ul li.current-menu-item > a,
.navigation_box ul li.current_page_item > a {
    color: #4ea1de;
}

.navigation_box ul li.current-menu-parent > .menu-item-parent-wrapper > label > .checkbox-label-text-style > a,
.navigation_box ul li.current-menu-ancestor > .menu-item-parent-wrapper > label > .checkbox-label-text-style > a,
.navigation_box ul li.menu-item-has-children.sub-active > .menu-item-parent-wrapper > label > .checkbox-label-text-style > a {
    color: #4ea1de;
}

.menu-section .navigation_box ul li a:hover {
	color: #4ea1de;
}

.navigation_box .sub-menu .current_page_item a::after {
  display: none;
}

.quick-start-menu label {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 5px 0;
}

.quick-start-menu .menu-checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  border: 1px solid #ccc;
  border-radius: 3px;
  margin-right: 10px;
  position: relative;
  flex-shrink: 0;
  background-color: #fff;
}

.sub-menu li a::after {
  display: none;
}

.sub-menu li.current-menu-item a {
  color: #4ea1de;
}

/* .quick-start-menu .menu-checkbox:checked::after {
  content: "✔";
  font-size: 12px;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  line-height: 1;
} */

.quick-start-menu .checkbox-label-text {
  flex-grow: 1;
}
.quick-start-menu .checkbox-label-text a {
  padding: 0;
  display: block;
}

.expandable-menu .menu-item-has-children > .menu-item-parent-wrapper {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 0;
}

.expandable-menu .menu-toggle-icon {
  width: 16px;
  height: 16px;
  margin-right: 3px;
  position: relative;
  flex-shrink: 0;
  transform: rotate(0deg);
  transition: transform 0.2s ease-in-out;
  margin-top: -2px;
}
.checkbox-label-text-style {
	margin-top: -2px;
}
.menu-checkbox-icon {
  margin-right: 10px;
  width: 15px;
  height: 15px;
  border: 2px solid #242c38;
  visibility: hidden;
}
.menu-item-checkbox-style {
  display: flex;
  align-items: center;
  position: relative;
}

.expandable-menu .menu-toggle-icon::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M7.78631 14.1862C7.40473 13.7678 7.40473 13.0894 7.78631 12.671L10.2221 10L7.78631 7.32904C7.40473 6.91062 7.40473 6.23223 7.78631 5.81381C8.16789 5.3954 8.78656 5.3954 9.16814 5.81381L12.1567 9.09086C12.6146 9.59296 12.6146 10.407 12.1567 10.9091L9.16814 14.1862C8.78656 14.6046 8.16789 14.6046 7.78631 14.1862Z' fill='%23242C38'/></svg>") no-repeat center;
  background-size: contain;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
}


.expandable-menu
  .menu-item-has-children.sub-active
  > .menu-item-parent-wrapper
  .menu-toggle-icon {
  transform: rotate(-90deg);
}

.expandable-menu .sub-menu {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 7px 0 0 60px;
  display: none;
}

.expandable-menu .sub-menu::after {
  position: absolute;
  content: "";
  left: 5px;
  top: 10px;
  width: 1px;
  height: 98%;
  background: #7d8899;
}

.expandable-menu .sub-menu::before {
  position: absolute;
  content: "";
  left: 26px;
  top: 10px;
  width: 1px;
  height: 98%;
  background: #7d8899;
}
.expandable-menu .sub-menu li::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 1px;
  height: 10px;
  background: #7d8899;
}
.expandable-menu .sub-menu li::before {
  position: absolute;
  content: "";
  left: -23px;
  top: -1px;
  width: 1px;
  height: 20px;
  background: #7d8899;
  transform: rotate(-90deg);
}

.expandable-menu .menu-item-has-children.active > .sub-menu {
  display: block;
}

.expandable-menu .sub-menu li {
	margin-bottom: 5px;
	line-height: 1;
}
.navigation .menu-section.expandable-menu:last-child {
	margin-bottom: 0;
}

/* Checkbox style for nested items in How To's */
.how-to-menu .sub-menu .menu-item-checkbox-style {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 3px 0; /* Slightly less padding */
}

.how-to-menu .sub-menu .menu-checkbox-icon {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-right: 10px;
  position: relative;
  flex-shrink: 0;
  background-color: #fff;
}

.how-to-menu .sub-menu .menu-checkbox-icon:checked {
  background-color: #6c757d;
  border-color: #6c757d;
}

.how-to-menu .sub-menu .menu-checkbox-icon:checked::after {
  content: "\2713";
  font-size: 10px;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  line-height: 1;
}

.how-to-menu .sub-menu .checkbox-label-text-style a {
  padding: 0;
  display: block;
}

.how-to-menu .sub-menu .sub-menu {
  padding-left: 20px;
}
/* .sub-active .sub-menu{
    display: block;
} */

.expandable-menu .menu-item-has-children.sub-active > .sub-menu {
  display: block;
}
.menu-tutorials-container .sub-menu li a:hover {
  color: #4ea1de;
}
/* .custom-page__wrap .page-item__wrap {
	margin-bottom: 25px;
} */

/* a{
	text-decoration: none !important;
} */

.custom-page__wrap {
  max-width: 1280px;
	padding: 0px 0px;
}

.admin-bar .aside.menu-sidebar {
    position: sticky;
    top: 50px;
}

.aside.menu-sidebar {
    position: sticky;
    top: 30px;
}

/* .sub-active .checkbox-label-text-style a::before {
	position: absolute;
	content: "";
	left: 0;
	top: 0px;
	width: 18px;
	height: 19px;
	border: 2px solid #c3cad4;
	border-radius: 3px;
} */

.navigation_box ul li span a::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0px;
  width: 15px;
  height: 15px;
  border: 1px solid #242C38;
  border-radius: 3px;
}

.navigation_box ul li.sub-active span a::before {
  background-color: #4EA1DE;
  border: 2px solid transparent;
}

/* .navigation_box ul li.sub-active span.checkbox-label-text-style a::before{
    position: absolute;
		content: "";
		left: 0;
		top: 0px;
		width: 15px;
		height: 15px;
		border: 2px solid #c3cad4;
		border-radius: 3px;
} */
.quick-menu .menu-checkbox-icon{
	visibility: visible;
}
.quick-menu ul li span a::before{
display: none;
}
.navigation_box ul li.sub-active a::after {
	position: absolute;
	content: "";
	left: 3px;
	top: 3px;
	width: 9px;
	height: 9px;
	background: #4ea1de;
	border-radius: 2px;
}

.navigation_box ul li.current-menu-parent a::after {
	position: absolute;
	content: "";
	left: 3px;
	top: 3px;
	width: 9px;
	height: 9px;
	background: #4ea1de;
	border-radius: 2px;
}

.quick-menu .menu-checkbox-icon {
    visibility: visible;
    cursor: pointer;
}
/* new css  */

.aside.menu-sidebar{
	padding: 29px;
}
/* .page-item__wrap{
	border: 0px;
	height: 322px;
} */
/* .page-item__wrap:hover {
    border: 0px solid #61bfe8;
}
.page-item__wrap:hover .page-item__content{
	border-color: #61bfe8;
} */
/* .page-item__content{
	padding: 15px 16px;
	min-height: 148px;
} */
.navigation_box li{
	padding: 1px 4px;
}
.navigation_box li ul li{
	padding: 0px;
}
.expandable-menu .sub-menu {
  padding: 7px 0 0 60px;
}
.expandable-menu .sub-menu li::before {
  left: -23px;
	top: -1px;
}
.expandable-menu .sub-menu::before{
	left: 26px;
}
.expandable-menu .sub-menu::after{
	left: 6px;
}
.navigation_box.tutorials-menu.quick_menu {
    padding-left: 27px;
	  padding-bottom: 6px;
}
.search_form_inner label {
  left: 17px;
}
.navigation_box {
  padding-bottom: 9px;
}
.menu-section.expandable-menu.quick_menu_wrap {
    margin-bottom: 32px;
}
.navigation_box.tutorials-menu {
    padding-bottom: 6px;
    padding-left: 8px;
}
.menu-section.expandable-menu.tutorials_menu_wrap {
    margin-bottom: 31px;
}

.tutorials-menu .expandable-menu .menu-toggle-icon::before {
    top: 39%;
    left: 39%;
}

/* .tutorials-menu .menu-checkbox-icon {
    margin-right: 10px;
    width: 15px;
    height: 15px;
} */

.tutorials-menu .expandable-menu .menu-toggle-icon {
    width: 16px;
    height: 16px;
    margin-right: 1px;
}
.navigation_box.how-to-menu {
    padding-bottom: 3px;
}
/* .navigation_box ul li span a::before {
    left: 1px;
} */

.how_to_use .navigation_box.how-to-menu {
    padding-bottom: 7px;
}

.how_to_use .navigation_box li {
    padding: 1px 4px;
	  margin-bottom: 0px;
	  
}

.how_to_use.expandable-menu .menu-toggle-icon::before {
    top: 45%;
    left: 41%;
}

/* .how_to_use .menu-checkbox-icon {
    margin-right: 7px;
} */

/* .how_to_use .navigation_box ul li span a::before {
    left: -1px;
    top: 0px;
} */
.search_form_wrap .search_form_inner input {
    padding-left: 16px;
    padding-top: 20px;
}

.search_form_wrap .search_form_inner label {
  top: 17px;
}

.search_form_wrap .search_form_inner button {
  right: 0px;
  top: 2px;
  padding: 15px;
  z-index: 99;
}

.e-hotspot .e-hotspot--tooltip-position {
  left: calc(100% + 25px ) !important;
}

.e-hotspot .e-hotspot__tooltip {
  min-width: 215px !important;
}

.e-hotspot .e-hotspot__tooltip h6 {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.285;
  letter-spacing: 0.0714em;
  color: #fff;
}

.e-hotspot .e-hotspot__tooltip p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.06em;
}

.elementor-widget-image a img[src$=".svg"] {
  width: 18px;
}


@media (min-width: 992px) {
	/* .page-item__box_wrap .row{
		margin-left: -6.5px;
		margin-right: -6.5px;
	} */
	/* .page-item__box_wrap .col-lg-4{
		padding-left: 6.5px;
		padding-right: 6.5px;
	} */

	.col-lg-3 {
		/* flex: 0 0 auto; */
		/* width: 27%; */
		/* padding-right: 0; */
	}
	.col-lg-9 {
		/* flex: 0 0 auto; */
		/* width: 73%; */
		/* padding-left: 15px; */
	}

}



@media (max-width: 767px) {
	/* .page-item__wrap {
			height: auto !important;
	} */
	.aside.menu-sidebar {
		margin: auto 10px;
}
}

@media (max-width: 402px) {
  .search_form_wrap {
    margin-top: 20px;
  }
}