.mgi-hero-banner-module .slick-dots
{

bottom:0px;
  
}


.mgi-hero-banner-module .slick-dots li.slick-active button:before
{
color:#fff;
  opacity:100%
}

 .mgi-hero-banner-module .slick-dots li button:before
{

font-size:24px;
  color:white

}



.badge-icon {
text-align:right;
top:-70px;
position:relative
  
}
.mgi-hero-banner-module__slide{
  position:relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: auto;
  min-height: 600px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
  
 

.mgi-hero-banner-module .slick-next
{
  right:300px;
}
.mgi-hero-banner-module .slick-prev
{
  left:270px;
  z-index:1000;
}


.mgi-hero-banner-module__title h1{
  font-style: normal;
  font-weight: 300;
  font-size: 64px;
  line-height: 96px;
  padding-left: 22px;
  max-width: 460px;
  color: var(--white);
}

.slick-dots li button 
{
  color: #fff !important;
  margin: top -20px !important;
  content:'';
}
.slick-dots li button:before {
  position: absolute;
  top: -30px;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: slick;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  opacity: .25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  color: #fff;
  opacity: .75;
}

.tera-hero-banner-module__title ul li {
  
  list-style-image: url("https://114501.fs1.hubspotusercontent-na1.net/hubfs/114501/Polygon%204.png");
  
}

.tera-hero-banner-module__title ul {
  
margin-left:15px;
  
}

.slick-dotted.slick-slider 
{
  margin-bottom: 0;
}


@media (max-width: 798px) {
  .mgi-hero-banner-module__title h1{
    font-size: 42px;
  }
}

@media (max-width:1360px)
{
  .mobile-badge 
  {
  display:none!important;
  }
  
  .mgi-hero-banner-module .slick-next
{
 display:none!important;
}
.mgi-hero-banner-module .slick-prev
{
display:none!important;
}
}

@media (max-width: 490px) {
  
}

@media (max-width:1800px)
{

  .mgi-hero-banner-module .slick-next
{
  right:200px;
}
.mgi-hero-banner-module .slick-prev
{
  left:170px;
  z-index:1000;
}

@media (max-width:1600px)
{

  .mgi-hero-banner-module .slick-next
{
  right:100px;
}
.mgi-hero-banner-module .slick-prev
{
  left:70px;
  z-index:1000;
}

}