@import url("https://fonts.googleapis.com/css2?family=Michroma&display=swap");

*{

    margin:0;
    padding:0;
    box-sizing: border-box;
}
:root{
    --primary-color:#0bbedd;
    --light-black:#373636;
    --light-black-2:#2e2e2e;
    --light-black-3:#202020;
    --dark-gray:#757575;
}
ul {
  margin: 0px;
  padding: 0px;
}
.footer-section{
    font-family: "Michroma", sans-serif;
  background:var(--bg-color);
  position:relative;
}
.footer-cta{
  border-bottom:1px solid var(--light-black);
}
.single-cta i{
  color:var(--primary-color);
  font-size:30px;
  float:left;
  margin-top:8px;
}
.cta-text{
  padding-left:15px;
  display:inline-block;
}
.cta-text h4{
  color:var(--white-color);
  font-size:20px;
  font-weight: 600;
  margin-bottom:2px;
}
.cta-text span{
  color:var(--dark-gray);
  font-size: 15px;
}
.footer-content{
  position:relative;
  z-index: 2;
}
.footer-logo{
  margin-bottom:30px;
}
.footer-logo img{
  max-width: 200px;
}
.footer-text p{
  margin-bottom:14px;
  font-size: 14px;
  color:var(--dark-gray-2);
  line-height: 28px;
}
.footer-widget-heading h3{
  color:var(--white-color);
  font-size: 20px;
  font-weight: 600;
  margin-bottom:40px;
  position:relative;
}
.footer-widget-heading h3::before{
  content:'';
  position:absolute;
  left:0;
  bottom:-15px;
  height:2px;
  width:50px;
  background:var(--primary-color);
}
.footer-widget ul li{
  display:inline-block;
  float:left;
  width:50%;
  margin-bottom:12px;
}
.footer-widget ul li a:hover{
  color:var(--primary-color);
}
.footer-widget ul li a{
  color:var(--dark-gray-3);
  text-transform: capitalize;
  text-decoration: none;

}
.copyright-area{
  background:var(--light-black-3);
  padding:25px 0;
}
.copyright-text p{
  margin:0;
  font-size: 14px;
  color:#0bbedd;
}
.copyright-text p a{
  color:var(--primary-color);
}
.footer-menu li{
  display:inline-block;
  margin-left:20px;
}
.footer-menu li:hover a{
  color:var(--primary-color);
}
.footer-menu li a{
    text-decoration: none;
  font-size: 14px;
  color:#0bbedd;
}
.top{
    text-decoration: none;
}

@media (max-width:1030px){
  .mb-30{
    margin-bottom:30px;
  }
  .footer-text p,
  .footer-social-icon{
    margin-bottom:30px;
  }
}