/* --- Start of Article Detail Page --- */

/* text setup */
.article-content h2 { margin-top: 40px !important; margin-bottom: 0 !important; }
.article-content h3 { color: inherit !important; font-weight: 700 !important; margin-top: 40px !important; margin-bottom: 0 !important; }
.article-content p, h6 { margin-top: 9px !important; margin-bottom: 0 !important; }

/* table setup */
.article-content img, .article-content .table { margin-top: 36px !important; margin-bottom: 0 !important; }
.article-content .table > div {
	padding: 0 12px 9px 12px;
	border-right: 1px solid #B4BFFD;
	min-width: fit-content !important;
}
.article-content .table {
 	border: 1px solid #2E4CE6;
	border-right: none;
}
@media screen and (max-width: 767px) {.article-content .table {overflow-x: scroll !important;}}

/* text animation */
@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(30px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
.hero-content > * { opacity: 0; animation: fadeInUp 0.5s ease-out forwards; }
.hero-content > :nth-child(1) {	animation-delay: 0.15s;}
.hero-content > :nth-child(2) {	animation-delay: 0.3s; }
.hero-content > :nth-child(3) {	animation-delay: 0.45s; }

/* tags */
.article-tags { display: flex; gap: 10px; flex-wrap: wrap; }
.tag-button {
	text-decoration: none !important;
	color: #343434 !important;
	background-color: white;
	border: solid 1px #D9D9D9;
	border-radius: 8px;
	padding: 8px 14px;
	transition: all 0.2s ease;
	white-space: nowrap;
}
.tag-button:hover { border-color: #bcbcbc; color: black !important; }

/* recommended articles */
.article-loop-item .elementor-widget-image { border-radius: 8px; overflow: hidden; }
.article-loop-item .elementor-widget-image > a, .article-loop-item .elementor-widget-image > img { width: 100% !important; transform: scale(1); transition: all 0.5s ease; }
.article-loop-item .elementor-widget-image:hover > a, .article-loop-item .elementor-widget-image:hover > img { transform: scale(1.05); }

/* --- End of Article Detail Page --- */


/* --- Category Pages --- */

@media screen and (max-width: 767px) {
	.category-wrapper .elementor-grid { grid-auto-rows: auto !important; }
	.category-wrapper { margin: 40px 0 !important; }
}


/* --- Start of About Us page --- */

.about-us-carousel {
	overflow: visible !important;
}
.belt-side-overlay { opacity: 0; transition: all 0.5s ease !important; }
.belt-viewport:hover .belt-side-overlay { opacity: 1; }
.belt-viewport {
  position: relative;
  overflow: hidden;
  width: 100%;
  cursor: url('/wp-content/themes/hello-theme-child-master/assets/wp-cursor.cur'), auto;
}

.belt-viewport .belt-car {
  position: absolute;
  top: 0; left: 0;
  will-change: transform;
  width: auto !important;
  max-width: none !important;
  transition: none !important;
}

.belt-viewport .belt-car > .e-con,
.belt-viewport .belt-car .elementor-element {
  flex: 0 0 auto !important;
  max-width: none !important;
  margin: 0 !important;
}

.belt-car, .belt-car .elementor-widget-image { overflow: hidden !important; }
.belt-car img {
  display: block;
  transition: all 1s ease;
}
.belt-car img:hover {
  transform: scale(1.05) rotate(2deg);
  filter: hue-rotate(-15deg);
}

@media screen and (max-width: 767px) {
	.belt-viewport .belt-car.elementor-element.e-con-full.e-flex.e-con.e-child,
	.belt-viewport .belt-car.elementor-element.e-con-full.e-flex.e-con.e-child .e-con.e-flex,
	.belt-viewport .belt-car.elementor-element.e-con-full.e-flex.e-con.e-child > .e-flex,
	.belt-viewport .belt-car.elementor-element.e-con-full.e-flex.e-con.e-child > .e-grid,
	.belt-viewport .belt-car.elementor-element.e-con-full.e-flex.e-con.e-child > .e-con {
 		flex-wrap: nowrap !important;
		--flex-wrap: nowrap !important;
		--flex-wrap-mobile: nowrap !important;
	}
}

/* builder mode */
.builder .belt-viewport .belt-car {
  position: relative;
  transform: none !important;
  visibility: visible !important;
}
.builder .belt-viewport {
  overflow: visible;
  min-height: auto !important;
}

/* --- End of About Us page --- */


/* --- Start of FAQ page --- */

/* base grid + intersection dots */
.faq-grid .elementor-posts.elementor-grid .elementor-post{
  position: relative;
  overflow: visible;
  border-right: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}
.faq-grid .elementor-posts.elementor-grid .elementor-post::after{
  content: '';
  position: absolute;
  width: 7px; height: 7px;
  background-color: #6471D8;
  bottom: -4px; right: -4px;
  z-index: 1;
}
.faq-grid article { padding: 58px 28px !important; }

/* JS-driven layout states (in FAQ snippet) */
.faq-grid .elementor-posts.elementor-grid .elementor-post.is-last-col{ border-right: none !important; }
.faq-grid .elementor-posts.elementor-grid .elementor-post.is-last-row{ border-bottom: none !important; }
.faq-grid .elementor-posts.elementor-grid .elementor-post.is-last-col::after,
.faq-grid .elementor-posts.elementor-grid .elementor-post.is-last-row::after{ display: none !important; }
.faq-grid .elementor-posts.elementor-grid .elementor-post.pad-top-0{ padding-top: 0 !important; }

/* Tag cloud styles from snippet */
.most-used-tags { padding: 48px 6.2vw 24px; }
.most-used-tags h1 { color: #2242FF; text-align: center; margin: 0 0 16px; }
.tag-cloud a {
  text-decoration: none;
  margin: 0 6px 10px;
  display: inline-block;
	color: #343434 !important;
  
  transition: opacity .2s, text-decoration-color .2s;
  cursor: pointer;
}
.tag-cloud a:hover, .tag-cloud a.active { color: #2E4CE6 !important; }
.tag-cloud a.active { font-weight: 700; }

@media (max-width: 767px) {
  .faq-grid .elementor-posts.elementor-grid .elementor-post{ border-right:none; }
  .faq-grid .elementor-posts.elementor-grid .elementor-post:last-child{ border-bottom:none; }
  .faq-grid .elementor-posts.elementor-grid .elementor-post::after{ display:none; }
  .faq-grid article { padding: 25px 0 !important; }
  .faq-grid article:first-child { padding-top: 0 !important; }
  .most-used-tags h1 { text-align: left; }
}

/* --- End of FAQ page --- */