/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 06 2026 | 09:28:46 */
span.red {
    color: #ED1C24;
}

/* Parent card */
.foundation_container, .whatWeDo_container  {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
}

/* Image */
.foundation_container .elementor-widget-image img, .whatWeDo_container .elementor-widget-image img {
  width: 100%;
  height: 350px;
  object-fit: cover;
  display: block;
}

/* Overlay content container */
.foundation_container > .e-con-full.e-flex.e-con.e-child {
  position: absolute;
	inset: 0;
	display: flex;
	z-index: 2;
	align-self: end;
	bottom: -80px;
	transition: all 1s ease;
}


.whatWeDo_container > .e-con-full.e-flex.e-con.e-child {
  position: absolute;
	inset: 0;
	display: flex;
	z-index: 2;
	align-self: end;
	bottom: 0px;
	transition: all 1s ease;
}

.foundation_container:hover > .e-con-full.e-flex.e-con.e-child{
	background: #F6F6F6D9;
	bottom: 0;
}

/* Optional gradient overlay */
.foundation_container::before, .whatWeDo_container::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
  z-index: 1;
}

/* Text */
.foundation_container .elementor-heading-title, .whatWeDo_container .elementor-heading-title {
  color: #fff;
  margin-bottom: 10px;
	transition: all 1s ease;
}

/* Button */
.foundation_container .elementor-button, .whatWeDo_container .elementor-button  {
  align-self: flex-start;
}

/* Firo Button */
.firo_btn a.elementor-button {
    border-radius: 4px 4px 20px 4px;
    padding: 10px 10px 10px 20px !important;
	transition: 1s ease;
}

.firo_btn a.elementor-button:hover {
    border-radius: 0px;
	transition: all 1s ease;
}

.firo_btn span.elementor-button-text {
    line-height: 40px;
    padding-right: 10px;
}

.firo_btn span.elementor-button-icon {
    width: 40px;
    height: 40px;
    background: red;
    justify-content: center;
    border-radius: 4px;
}

.firo_btn.red span.elementor-button-icon {
    background: black;
}

/* Badge icon before text */
.badge-dark,.badge {
    position: relative;
    padding: 10px 15px 10px 30px !important
}

.badge-dark{
    background: black;
    border: 1px solid black !important;
}

.badge-dark::before, .badge::before {
    content: "";
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 9px;
    height: 9px;
    background-image: url(https://firoblock.com/wp-content/uploads/2026/03/badge_icon.png);
    background-size: contain;
    background-repeat: no-repeat;
}

/* Forminator */

input.forminator-input,textarea.forminator-textarea {
    background: #ffffff26;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid white;
    border-radius: 8px !important;
}

label.forminator-label {
    color: white;
    font-size: 14px !important;
    margin-bottom: 5px !important;
    font-family: 'Wix Madefor Display' !important;
}

button.forminator-button.forminator-button-submit {
    background: #ffffff50;
    color: white;
    border-radius: 4px 4px 12px 4px !important;
	transition: all 1s ease;
}

button.forminator-button.forminator-button-submit {
    border-radius: 0px !important;
	transition: all 1s ease;
}

/* Wrapper */
.values-wrapper {
  display: flex;
  gap: 16px;
}

/* Item base */
.value-item {
  position: relative;
  flex: 1 !important;
  height: 420px;
  overflow: hidden;
  border-radius: 20px;
  transition: flex 0.4s ease;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: flex-end;
}

/* Expanded */
.value-item.active {
  flex: 3 !important;
}

/* Image */
.value-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.value-item-desc {
  position: absolute;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease;
  transition-delay: 0s;
  background: #00000078;
  backdrop-filter: blur(5px);
  color: #000;
}

.value-item.active .value-item-desc {
  opacity: 1;
  visibility: visible;
  transition-delay: 0.4s;
  width:96% !important;
}

/* Overlay */
.value-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
}

/* Content */
.value-item .content {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  color: #fff;
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* Show content only when active */
.value-item.active .content {
  opacity: 1;
}

@media (max-width: 767px) {
  .values-wrapper {
    flex-direction: column !important;
  }

  .value-item,.value-item.active {
    flex: unset !important;
  }
	
  .value-item {
    height: 120px !important;
	transition: all 1s ease;
  }
	
  .value-item.active {
    height: 420px !important;
	transition: all 1s ease;
  }
}

.elementor-1441 .elementor-element.elementor-element-3c6c664{
	border: 0px !important;
}

/* Contact Form */
.contact_form_container label {
    color: #ed1c24;
    font-family: 'Wix Madefor Display';
    font-weight: 400 !important;
}

.contact_form_container input, .contact_form_container textarea {
    background: #e5e5e5;
    border-color: #cacaca;
}

.prd:hover img {
    transform: scale(1.1);
    transition: transform 1s ease;
}

.prd img {
    transform: scale(1);
    transition: transform 1s ease;
}

.foundation_container:hover .elementor-heading-title {
    color: #191919 !important;
}

.foundation_container .desc {
    opacity: 0;
    transition: all 1s ease;
}

.foundation_container:hover .desc {
    opacity: 1;
}

.foundation_container > .e-con-full.e-flex.e-con.e-child .elementor-widget-button {
    opacity: 1;
    transition: all 1s ease;
}

.foundation_container:hover > .e-con-full.e-flex.e-con.e-child .elementor-widget-button {
    opacity: 0;
}

.elementor-button.elementor-slide-button {
    background-color: #000000 !important;
    font-family: "Wix Madefor Display", sans-serif;
    font-weight: 500;
    border-radius: 4px 4px 20px 4px;
    padding: 10px 10px 10px 20px !important;
    transition: all 1s ease;
    color: #ffffff !important;
    border: 0 !important;
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
}

.elementor-button.elementor-slide-button::after {
  content: '';
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: red;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 16 12' fill='none'%3E%3Cpath d='M14.4252 6L9.4252 1M14.4252 6L9.4252 11M14.4252 6H1.5752' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 4px;
}

.sina-cs-item {
    padding: 0 !important;
}

.sina-content-slider .owl-next,.sina-content-slider .owl-prev {
    background-color: #ffffff00 !important;
    color: #fafafa;
    font-family: Arial;
    top: 75% !important;
    opacity: 1;
}

.sina-banner-slider .owl-next, .sina-content-slider .owl-next, .sina-posts-carousel .owl-next, .sina-review-carousel .owl-next {
    left: calc(7% + 10px) !important;
	right: auto; !important
    transform: translate(30px,0) !important
}

.sina-content-slider.owl-carousel.owl-loaded.owl-drag:hover button.owl-next {
    transform: translate(20px, 0px);
}

.sina-banner-slider .owl-prev, .sina-content-slider .owl-prev, .sina-posts-carousel .owl-prev, .sina-review-carousel .owl-prev {
    left: 7% !important;
    transform: translate(-20px,0) !important;
}

/* Menu */
header .elementor-nav-menu--main .elementor-item.elementor-item-active {
  color: red !important;
  position: relative;
  padding-left: 16px;
}

header .elementor-nav-menu--main .elementor-item.elementor-item-active::before,header .elementor-nav-menu--main:hover .elementor-item.elementor-item-active::before {
    content: '';
    position: absolute;
    left: -12px;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    background-color: red !important;
}

span.redblock {
    padding: 15px;
    display: block;
    background: red;
    color: white;
    border-radius: 4px 4px 14px 4px;
}

.blog-date-bade {
    background: #ed1e26;
    color: white !important;
    border-radius: 4px !important;
    border: 0px !important;
	padding: 10px 15px 10px 15px !important
}

.blog-date-bade.badge::before {
    content: none !important;
	display: none !important;
}

.owl-nav .owl-prev span,
.owl-nav .owl-next span {
    display: inline-block;
    width: 40px; /* adjust to image size */
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0;
}

.owl-nav .owl-prev span {
    background-image: url('https://firoblock.com/wp-content/uploads/2026/04/owl-prev.png');
}

.owl-nav .owl-next span {
    background-image: url('https://firoblock.com/wp-content/uploads/2026/04/owl-next.png');
}

.owl-nav .owl-prev,
.owl-nav .owl-next {
    padding: 2px 14px 6px 14px;
}

.firo_btn.red {
    transform: scale(0.8);
}

header .e-con-inner {
    height: 50px !important;
}


.elementor-element.elementor-element-8b07e60.e-con-full.e-flex.e-con.e-child {
    position: absolute;
    bottom: 20px;
}

/* Marquee animation for scrolling content */
.marquee-wrapper {
    overflow: hidden;
    width: 100%;
}

/* track */
.marquee-content {
    display: flex;
    width: max-content;
    animation: marquee 20s linear infinite;
	gap:50px;
}

/* items */
.marquee-content ul {
    display: flex;
    gap: 40px; /* adjust */
    margin: 0;
    padding: 0;
    list-style: none;
}

.marquee-content ul li.elementor-icon-list-item span {
    font-size: 26px;
    color: #FFFFFF30;
    font-family: 'Rubik';
    font-weight: 600;
}

/* animation */
@keyframes marquee {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}



/* card */
.firo_card {
    position: relative;
    overflow: hidden;
}

/* image */
.firo_card img {
    width: 100%;
    height: auto;
    aspect-ratio: 0.892;
    object-fit: cover;
    display: block;
}

/* gradient overlay */
.firo_card:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40%;
    background: linear-gradient(to top, rgba(0,0,0,0.5), transparent);
    z-index: 1;
    transition: opacity 0.3s ease;
}

/* title on image */
.firo_card .elementor-widget-heading {
    position: absolute;
    left: 0px;
    bottom: 20px;
    z-index: 2;
    color: #fff;
    margin: 0;
    width: 100% !important;
}

/* hide extra content */
.firo_card .elementor-widget-heading span,
.firo_card .elementor-widget-text-editor {
    display: none;
}

/* bottom panel (generic last container) */
.firo_card > .e-con:last-child {
    position: absolute;
    left: 0;
    bottom: 45px;
    width: 100%;
    transform: translateY(100%);
    transition: transform 0.3s ease;
    padding: 20px;
    box-sizing: border-box;
    z-index: 3;
}

/* hover */
.firo_card:hover:after {
    opacity: 0;
}

.firo_card:hover > .e-con:last-child {
    transform: translateY(0);
	bottom: 0px;
    background: #f6f6f6;
    padding: 20px;
}

.firo_card:hover .elementor-widget-heading {
    left: 0;
    padding-top: 20px !important;
}

.firo_card h2 {
    text-align: center;
}

.firo_card:hover h2{
    text-align: left;
    color: black !important;
}

.firo_card:hover .elementor-widget-heading {
    position: relative;
    color: #000;
}

.firo_card:hover .elementor-widget-heading span,
.firo_card:hover .elementor-widget-text-editor {
    display: inline;
}

#marque_container{
	position: absolute;
	bottom: 10px;
}



/* make cats + meta inline */
.sina-bp-cats,
.sina-bp-meta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

/* spacing between them */
.sina-bp-cats {
    margin-right: 12px;
}

/* remove "by" text */
.sina-bp-meta {
    font-size: 0;
}

/* restore only date */
.sina-bp-meta a {
    display: none;
}

.sina-bp-meta::after {
    content: attr(data-date);
    font-size: 14px; /* adjust */
}

/* fallback if no data-date: hide author + keep date */
.sina-bp-meta a,
.sina-bp-meta span,
.sina-bp-meta strong {
    display: none;
}

/* ensure title below */
.sina-bp-title {
	order: 3;
    display: block;
    margin-top: 10px;
}

.sina-bp-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.sina-bp-cats {
    width: 49%;
	margin-bottom:0px !important;
}

.sina-bp-meta {
    width: 49%;
    border: 0px !important;
    justify-content: end;
    margin-top: 0 !important;
	padding: 0px !important;
    font-size: 14px;
}