@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap");


.cardsuccess-header h1{
    font-size:60px;
    color:rgba(128, 128, 128,.3);
    position:relative;margin-top:0;
    margin-right:0;
    font-family:cairo;
    
     line-height:25px;
     font-weight:bold;
}

.cardsuccess-header h6{
    font-size:30px;color:orange;position:relative;margin-top:-100px;margin-right:5px; z-index:1;font-family:Arial;
}

.cardsuccess-title h3{
    background-color:transparent;
    font-family:cairo;
    line-height:10px;
    font-weight:bold;
    font-size:17px;
    margin-right:15px;

}
.cardsuccess-title p{
    margin-right:20px;
    color:coral;
    font-size:10px;
}

.rounded-10 {
  border-radius: 10px;
  width:auto;height:18rem;
}

/* ------------------------------ header style ------------------------------ */
.navbar-light {
  background-color: var(--cd-color-dark) !important;
  border: 1px solid var(--cd-color-light-dark) !important;
}
.site-logo img {
  transition: all 0.3s;
}
.site-logo:hover img {
  transform: scale(1.2);
  transition: all 0.3s;
}
.social .social-icon {
  display: block;
  width: 40px;
  height: 40px;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  background: #520bad;
  background: -moz-linear-gradient(130deg, #520bad 0%, #2fccef 100%);
  background: -webkit-linear-gradient(130deg, #520bad 0%, #2fccef 100%);
  background: linear-gradient(130deg, #520bad 0%, #2fccef 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#520BAD ",endColorstr="#2FCCEF  ",GradientType=1);
  border-radius: 7px;
}
.social .social-icon i {
  color: #ffffff;
  transition: all 0.3s;
}
.social .social-icon:hover i {
  color: #000000;
}
@media (max-width: 575px) {
  .social {
    max-width: 200px;
  }
}
/* ------------------------------- Card style ------------------------------- */
.card {
  background-color: var(--cd-color-light-dark);
}

/* ------------------------------ Card Design 1 ----------------------------- */
.cd-1 .card-img {
  width:auto;
  height:auto;
  background-position:center;


  --max-width: 120px;
  
}
@media  (max-width: 767px) {
  .cd-1 .card-img {
    /*max-width: 60px;*/
    width:auto;
  }

  .cardsuccess-title h3{
    background-color:transparent;
    font-family:cairo;
    line-height:12px;
    font-weight:bold;
    font-size:15px;

}
.cardsuccess-title p{
    color:coral;
    font-size:13px;
}

}