@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap');
*{
margin: 0;
font-family: Arial, Helvetica, sans-serif;
}
 .slide-container{
   max-width: 1120px;
   width: 100%;
 }
 .slide-content{
   margin: 0 40px;
   overflow: hidden;
   border-radius: 25px;
 }
 .card{
   border-radius: 25px;
   background-color: #FFF;
 }
 .image-content,
.card-content{                
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px 14px;
}
.image-content{
  position: relative;
  row-gap: 5px;
  padding: 25px 0;
}
.overlay{
   position: absolute;
   left: 0;
   top: 0;
   height: 100%;
   width: 100%;
   background-color: #4070F4;
   border-radius: 25px 25px 0 25px;
 }
 .overlay::before,
 .overlay::after{
   content: '';
   position: absolute;
   right: 0;
   bottom: -40px;
   height: 40px;
   width: 40px;
   background-color: #4070F4;
 }
 .overlay::after{
   border-radius: 0 25px 0 0;
   background-color: #FFF;
 }
 .card-image{
   position: relative;
   height: 150px;
   width: 150px;
   border-radius: 50%;
   background: #FFF;
   padding: 3px;
 }
 .card-image .card-img{
   height: 100%;
   width: 100%;
   object-fit: cover;
   border-radius: 50%;
   border: 4px solid #4070F4;
 }
 .name{
   font-size: 18px;
   font-weight: 500;
   color: #333;
 }
 .description{
   font-size: 14px;
   color: #707070;
   text-align: center;
 }
 .button{
   border: none;
   font-size: 16px;
   color: #FFF;
   padding: 8px 16px;
   background-color: #4070F4;
   border-radius: 6px;
   margin: 14px;
   cursor: pointer;
   transition: all 0.3s ease;
 }
 .button:hover{
   background: #265DF2;
 }
 
 .swiper-navBtn{
   color: #6E93f7;
   transition: color 0.3s ease;
 }
 .swiper-navBtn:hover{
   color: #4070F4;
 }
 .swiper-navBtn::before,
 .swiper-navBtn::after{
   font-size: 35px;
 }
 .swiper-button-next{
   right: 0;
 }
 .swiper-button-prev{
   left: 0;
 }
 .swiper-pagination-bullet{
   background-color: #6E93f7;
   opacity: 1;
 }
 .swiper-pagination-bullet-active{
   background-color: #4070F4;
 }
 @media screen and (max-width: 768px) {
   .slide-content{
     margin: 0 10px;
   }
   .swiper-navBtn{
     display: none;
   }
 }
    .m{
    padding-top: 6px; 
 } 
 .mbox{
    background-color: #1CC0D7;
    height: 10px;  
    margin-top: 70px;
 }  

 *{
   margin:0;
   padding:0;
   box-sizing: border-box;
}
:root{
   --primary-color:#ff5e14;
   --bg-color:#151414;
   --light-black:#373636;
   --light-black-2:#2e2e2e;
   --light-black-3:#202020;
   --white-color:#fff;
   --dark-gray:#757575;
   --dark-gray-2:#7e7e7e;
   --dark-gray-3:#878787;
   --facebook:#3b5998;
   --twitter:#55acee;
   --instagram:#e93b81;
}
body{
   font-family: "Poppins", sans-serif;
}
ul {
 margin: 0px;
 padding: 0px;
}
.footer-section{
 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-social-icon span{
 color:var(--white-color);
 display:block;
 font-size: 20px;
 font-weight: 700;
 margin-bottom: 20px;
}
.footer-social-icon a{
 color:var(--white-color);
 font-size: 16px;
 margin-right:15px;
}
.footer-social-icon i{
 height:40px;
 width:40px;
 text-align: center;
 line-height: 38px;
 border-radius: 50%;
}
.facebook-bg{
 background:var(--facebook);
}
.twitter-bg{
 background:var(--twitter);
}
.instagram-bg{
 background:var(--instagram);
}
.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;
}
.subscribe-form{
 position:relative;
 overflow:hidden;
}
.subscribe-form input{
 width:100%;
 padding:14px 28px;
 background:var(--light-black-2);
 border:1px solid var(--light-black-2);
 color:var(--white-color);
}
.subscribe-form button{
 position:absolute;
 right:0;
 background:var(--primary-color);
 padding:13px 20px;
 border:1px solid var(--primary-color);
 top:0;
} 
.subscribe-form button i{
 color:var(--white-color);
 font-size: 22px;
 transform:rotate(-6deg);
}
.copyright-area{
 background:var(--light-black-3);
 padding:25px 0;
}
.copyright-text p{
 margin:0;
 font-size: 14px;
 color:var(--dark-gray-3);
}
.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{
 font-size: 14px;
 color:var(--dark-gray-3);
}
@media (max-width:1030px){
 .mb-30{
   margin-bottom:30px;
 }
 .footer-text p,
 .footer-social-icon{
   margin-bottom:30px;
 }
}