.custom-slider {
  width: 438px;

}
.custom-slider #slider{
  width:100%;
  height: 100%;
  margin:0 auto;
  position:relative;
  overflow:hidden;

}

.custom-slider .slide{
  width:100%;
  height: 100%;  
  display:none;
  animation-name:fade;
  animation-duration:1s;
  

}
.cst-img{
  height: 140px;
}
.cst-img img{
  height: 100%;
}
.custom-slider img {
  width: 100%;
  object-fit: cover;
  border-radius: 20px;
}
@keyframes fade{
  from{opacity:0.5;}
  to{opacity:1;}
}

.custom-slider .controls{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  font-size:1.5em;
  padding:0px 10px;
  border-radius:5px;
  
}

.custom-slider .controls:hover{
  background:white;
  transition:0.3s;
}

.custom-slider .controls:active{
  color:grey;
}

.custom-slider #left-arrow{
  left:5px;
}

.custom-slider #right-arrow{
  right:5px;
}

.custom-slider #dots-con{
  
  text-align:center;
}
.custom-slider .dot{
  display:inline-block;
  background:grey;
  padding:8px;
  border-radius:50%;
  margin:10px 5px;
}

.custom-slider .active{
  background:crimson;
}
@media (max-width:768px){
  .custom-widget-area{
    margin-left: 3% !important;
    margin-right: 3% !important;
  }
  .header-banner{
    display: flex;
    justify-content: center;
  }
}
@media (max-width:576px){
  .custom-slider,
  .custom-slider #slider{
    width:100%;
  
  }
  
  .custom-slider .controls{
    font-size:1em;
  }
  
  .custom-slider #dots-con{
    display:none;
  }
}

 @media screen and (max-width: 768px) {
  .custom-slider .slide-title{
    font-size: 35px;
    line-height: 40px;
  }
  .custom-slider .slide-content{
    gap: 20px;
    height: 300px;
  }
}
.custom-widget-area{
  margin-left: 10%;
  margin-right: 10%;
}
.custom-widget-area h2.widget-title {
  background-color: #F64538;
  border-radius: 0 0 10px;
  color: #fff;
  display: inline-block;
  line-height: 25px;
  padding-left: 25px;
  padding-right: 20px;
  padding-top: 2px;
  padding-bottom: 5px;
  position: relative;
}
.custom-wid-width {
  border-color: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid;
  margin-bottom: 20px;
  background-color: #202125;
  padding: 20px !important;
}

.custom-widget-area h2.widget-title:after {
  border-right: none;
  border-top: none;
  border-bottom: 20px solid rgba(0, 0, 0, .4);
  border-left: 15px solid transparent;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, .15);
  content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    z-index: 1;
}
.custom-widget-area h2.widget-title:before {
  border-top: 20px solid #202125;
  border-right: 15px solid transparent;
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  z-index: 1;
}
.custom-btn{
  position: absolute;
  margin-top: -42px;
  right: 42px;
}

.custom-slider #dots-con,
.site-branding-text{
  display: none;
}

.custom-btn a {
  background: #fff;
  padding: 7px 20px;
  border-radius: 20px;
  border: 2px solid #fff;
}
.custom-btn a:hover{
  background: transparent;
  color: #fff;
}
.header-banner{
  padding-bottom: 20px;
}

.controls:hover i.fa {
  color: #000;
}