/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/*Add your own styles here:*/

body, * {
  font-family: "Inter", serif;
  font-style: normal;
}

#hero-section-home .avia_codeblock {
  display: flex;
  height: 100vh;
}

.marquee-wrapper {
  position: relative;
  overflow: hidden;
  height: 100vh; /* Adjust based on your needs */
  width: 100%;
}

.marquee-content-sec,
.marquee-content {
  display: flex;
  flex-direction: column;
}

.marquee-content {
  animation: marquee 80s linear infinite;
}

.marquee-content-sec {
  animation: marqueee 55s linear infinite;
}

.marquee-content-three {
  animation: marque 70s linear infinite;
}

.marquee-wrapper.pos-bot .slide {
    margin: 42% 0;
}

.marquee-content-sec .slide {
  margin: 28% 0;
}

.marquee-wrapper.pos-bot {
    left: -44%;
    z-index: 1;
}

.marquee-wrapper.pos-top img {
  max-width: 600px;
  max-height: 850px;
	object-fit:cover;
}

.slide {
  margin: 50px 0;  
  display: flex;
  align-items: center;
  justify-content: center;
}

.marquee-wrapper.pos-top {
  left: -10%;
}

.marquee-wrapper.pos-top, .marquee-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
}

.marquee-wrapper {
  left: 33%;
}

.slidethre {
  margin-top: 35%;
}


.marquee-wrapper.pos-bot.marquee-wrapperthre {
  left: -12%;
}

.marquee-wrapper.pos-rit.marquee-wrappersec {
  left: 20%;
}

@keyframes marquee {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-40%);
  }
}


@keyframes marque {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-60%);
  }
}

@keyframes marqueee {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-50%);
  }
}


@media screen and (min-width: 1181px) and (max-width:1500px){
  .marquee-wrapper.pos-top {
    left: 2%;
  }

  .marquee-wrapper {
    left: 50%;
  }

  .marquee-wrapper.pos-bot {
    left: -40%;
  }
	.marquee-wrapper.pos-top img {
		max-width: 500px
	}
}

@media screen and (min-width: 990px) and (max-width:1180px){
  .marquee-wrapper.pos-top {
    left: -8%;
  }

  .marquee-wrapper.pos-bot {
    left: -31%;
  }

  .marquee-wrapper {
    left: 53%;
  }

  #top #wrap_all .all_colors h1 {
    font-size: 42px;

  }

  #top .av-special-heading-h1 .av-subheading.av-subheading_below p, 
  #top .av-special-heading-h1 .av-subheading.av-subheading_below p > * {
    font-size: 17px;
    line-height: 26px;
  }
}

.blog-content ul li strong, .blog-content ul li, .main_color ul li strong{color:#222 !important}
.main_color ul{margin:0}