.milestone-font
{
  font-size:18px;
}
.f-33
{
  font-size:33px !important;
}
.brand-word
{
  font-size:46px;
   background: linear-gradient(45deg, #4E2FDA, #FF6347); /* Adjust colors and angle as needed */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.theme-b
{
  color:#3D4C5E !important;
}



.card
{
  border-radius:0px;
}
.card .card-header
{
  background-color:white;
}
.card .card-header h5 {
  margin-bottom: 0;
  font-weight: 800;
}

.card .card-header i {
    position: absolute;
    top: 10px;
    right: 16px;
    font-size: 36px;
    color: #0b3ff4;
    background-clip: text;
    background-image: -webkit-linear-gradient(0deg, #5ad0ff 0, var(--secondary-color) 100%);
}
.card .card-com-logo
{
  background-image:linear-gradient(#0b3ff4, #6441c2);
}

/* images   --------- */
.speaker
{
  max-width: 10%;
}

#stat_icon
{
  max-width: 45%;
  right: -19%;
  top: 51%;
}
#target_icon
{
  max-width: 9%;
  bottom: 2%;
  left: 1%
}
.social-icon
{
  position: absolute;
  max-width: 12%;
  max-height: 12%;
  z-index:1;
}
.insta
{
  right: 20%;
  bottom: 40%;
}
.whatsup
{
  left:-4%;
  bottom: 40%;
}
.thumb-icon
{
  bottom: 2%;
  left: -4%;
}

.slider-section-area .slider-images-area .img1 img {
  height: 80px;
  width: 160px
}
.bottom-grad{
  background-color:linear-gradient(to bottom, rgba(0,0,0,0) 20%, rgba(0,0,0,1));
}

.head-larrow
{
  bottom: 11%;
  left: -10%;
}
.head-rarrow
{
  top: 0%;
  right: 4.4%;
}
#custom-banner
{
  position: absolute;
  max-width:34%;
  height:fit-content;
  background-color:white;
  border-radius:20px;
  text-align:center;
  padding-bottom:10px;
}
.top-left
{
  top:10%;
  left:-16%;
}
.top-right
{
  top:10%;
  right:8%;
}
.bottom-right
{
  bottom:10%;
  right: 8%;
}
.bottom-left
{
  bottom:13.6%;
  left:-16%;
}
.banner-img{
  max-width: 16%;
  height: 40% !important;
  margin-top:-6%;
}
.banner-perc
{
  font-size:40px;
  font-weight:700;
}
.banner-text
{
  font-size: 28px;
  margin-top: -5%;
}

.hero1-section-area .header-images-area .main-images-area
{
  left:unset;
}
.resp-header-img
{
  height: 100% !important;
  width: 74% !important;
}

.testimonial1-section-area .testimonials-slider-area .testimonial-boxarea .images img
{
  left:0px;
}

.hero1-section-area .header-images-area .main-images-area .img1 img
{
  height:unset !important;
}

.case1-section-area .content-area
{
  a
  {
    background: white !important;
    color: black !important;
    padding: 5px;
    text-align:center;
  }
  a:hover
  {
    color: Black !important;
  }
  p
  {
    color:white;
  }
}
/*----------------------------mobile view case carousel ------*/

.carousel-background {
  position: relative;
  height: 450px; 
  background-size: cover; 
  background-position: center; 
  color: white; 
  display: flex;
  align-items: end; 
  justify-content: center; 
  border-radius: 15px;
}

.carousel-content {
  text-align: center; /* Center text */
  padding: 2rem; /* Add padding to content */
}

.carousel-content h2, .carousel-content p {
  margin: 0; /* Remove default margins */
}
.carousel-control-next-icon, .carousel-control-prev-icon
{
  width: 3rem !important;
  height: 3rem !important;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 50%;
  padding: 0.5rem !important;
}

/* -------------------------------case carousel end --------------------- */
.custom-card-body-height{
  height: 11rem;
}
.testimonial1-section-area .testimonials-slider-area .testimonial-boxarea .pera 
{
  text-align:center;
}


@media (max-width: 992px) {
  .milestone-font
  {
    font-size: 14px;
  }
  .milstone-f h4 > strong
  {
    font-size:19px;
  }
}


/* for mobile screens */
@media (max-width: 576px) {
  
  .milestone-font
  {
    line-height: 27px;
    font-size: 3.7vw;
  }
  .f-33 {
    font-size: 6vw;
  }
  .header-p
  {
    line-height: 27px !important;
    font-size: 4vw;
  }
  .brand-word {
    font-size: 8vw;
  }
  .speaker {
    max-width: 32%;
    top: -9%;
    right:-3%;
    /* transform: scaleX(-1); */
  }
  #target_icon
  {
   display:none;
  }
  #stat_icon
  {
   display:none;
  }
  .hero1-section-area .header-images-area .main-images-area .img1
  {
    left:12%;
  }
  .banner-perc
  {
    font-size:6.8vw;
  }
  .banner-text {
    font-size: 5.6vw;
  }


  .top-left{  /* done */
    top: 6%;
    left:-16%;
  }
  .bottom-left
  {
    bottom: 6%;
    left:-16%;
  }
  .top-right {  /* done */
    top: 6%;
    right: 10%;
  }
  .bottom-right /* done */
  {
    bottom: 6%;
    right: 10%;
  }
  .thumb-icon
  {
    bottom: 0%;
    left:30%;
  }

  .testimonial1-section-area .testimonials-slider-area .testimonial-boxarea .images img
  {
    height:100%;
    object-fit:contain;
  }



  .top31
  {
    top: -31px;
  }
  .milstone-f h4 > strong
  {
    font-size:19px;
  }
  .testimonial1-section-area .testimonials-slider-area .testimonial-boxarea .pera 
  {
    text-align: center;
    min-height: 250px;
    padding:20px !important;
    p
    {
      font-size:12px;
      line-height: 19px;
    }
  }
  .custom-mob-none
  {
    display:none;
  }
  #carouselExampleSlidesOnly .carousel-inner .carousel-item .card
  {
    text-align: center;
  }

  .mob-card-body-height
  {
    height: 13rem;
  }
  .testi-h4
  {
    font-size: 19px;
    margin-bottom: 5px;
  }
  .index-page-head
  {
    font-size: 23px !important;
  }
}


@media (min-width: 400px) and (max-width: 575px) {
  .testimonial1-section-area .testimonials-slider-area .testimonial-boxarea 
  {
    .pera
    {
      min-height: 207px;
      padding:15px;
      p {
        font-size: 12px !important;
        line-height:18px;
      }
    }
  }
  .testi-h4
  {
    font-size: 19px;
    margin-bottom: 6px;
  }
}


@media (min-width: 576px) and (max-width: 768px) {
  .testimonial1-section-area .testimonials-slider-area .testimonial-boxarea .images img
  {
    height:100% !important;
    object-fit:contain !important;
  }
  .testimonial1-section-area .testimonials-slider-area .testimonial-boxarea .pera
  {
    min-height: 215px;
    padding: 15px;
    text-align:center;
    
    p {
      font-size: 10px !important;
      line-height:16px;
    }
  }
  .testi-h4
  {
    font-size: 16px;
    margin-bottom: 4px;
  }
  .custom-mob-none
  {
    display:none;
  }
  #carouselExampleSlidesOnly .carousel-inner .carousel-item .card
  {
    text-align: center;
  }
}


@media  (min-width: 768px) and (max-width: 992px) {
  #custom-banner
  {
    max-width:27%;
  }
  .hero1-section-area .header-main-content {
    margin-bottom: 31px;
    margin-top:30px;
  }

  /* banner location */

  .top-left, .bottom-left{
    left:-10%;
  }
  .top-right, .bottom-right{
    right:15%;
  }

  /* end banner location */
  
  .speaker {
    max-width: 18vw;
    top: -3%;
    left: -12%;  /*once get swap image change property to right*/
  }
  
  #target_icon
  {
    max-width: 21%;
    top: 22%;
    right: -11%;
    left:unset;
  }
  .testimonial1-section-area .testimonials-slider-area .testimonial-boxarea .pera
  {
    min-height: 291px;
    padding: 20px;
    text-align:center;

    p
    {
      /* font-size: 11px !important; */
      line-height:22px;
    }   
  }
  .testimonial1-section-area .testimonials-slider-area .testimonial-boxarea .images img
  {
    height:100% !important;
    object-fit:contain !important;
  }
  .testi-h4
  {
    font-size: 21px;
    margin-bottom: 5px;
  }
  
}


@media (min-width: 992px) and (max-width: 1200px) {
  .f-33 {
      font-size: 2.5vw;
  }
  .brand-word{
    font-size:3.4vw;
  }
  .speaker {
    max-width: 14vw;
    top: -26%;
    left: -14%;
  }
  #target_icon
  {
    max-width: 16%;
    bottom: -7%;
    left: -7%;
  }
  .banner-perc
  {
    font-size:2.5vw;
  }
  .banner-text {
    font-size: 1.8vw;
  }
  .container
  {
    max-width:940px;
  }
  .heading1 p
  {
    line-height:27px !important;
  }
  .case1-section-area .content-area p
  {
    font-size: 12px !important;
    line-height: 21px !important;
  }
  .case1-section-area .content-area
  {
    padding: 0 19px 20px 20px;
  }
  .case1-section-area .content-area a
  {
    font-size: 17px !important;
  }

  /* ---------------  Awards & Recognition style   --------------------------- */

  .testi-h4
  {
    font-size: 16px;
  }
  .testimonial1-section-area .testimonials-slider-area .testimonial-boxarea .pera p
  {
    font-size: 11px !important;
    line-height:18px;
  }
  .testimonial1-section-area .testimonials-slider-area .testimonial-boxarea .pera
  {
    padding: 14px 12px 16px 16px;
  }
  .testimonial1-section-area .testimonials-slider-area .testimonial-boxarea .images img
  {
    left:unset;
    object-fit:contain;
    height: 267px;
  }


}


/* Styles for screens between 1200px and 1400px */
@media (min-width: 1200px) and (max-width: 1400px) {
    .custom-card-body-height{
      height: 12rem !important;
    }
    .index-page-head{
      font-size: 26px !important;
    }
    .f-33
    {
      font-size:2vw;
    }
    .milestone-font
    {
      font-size: 15px;
    }
    .brand-word{
      font-size:3.1vw;
    }
    .speaker {
      max-width: 17%;
      left: -12.5%;
      top: -14%;
    }
    #target_icon
    {
      max-width: 16%;
      bottom: 2%;
      left: -5%;
    }
    .banner-perc
    {
      font-size:2.6vw;
    }
    .banner-text {
      font-size: 2.1vw;
    }
    .container
    {
      max-width:1100px;
    }

    /* ---------------  Awards & Recognition style   --------------------------- */

    .testimonial1-section-area .testimonials-slider-area .testimonial-boxarea .pera p
    {
      line-height:21px;
    }
    .testi-h4
    {
      font-size: 20px;
    }
    .testimonial1-section-area .testimonials-slider-area .testimonial-boxarea .images img
    {
      left:unset;
      object-fit:contain;
      height: 315px;
    }
    .testimonial1-section-area .testimonials-slider-area .testimonial-boxarea .pera
    {
      padding:18px 16px 18px 20px;
    }
    .case1-section-area .content-area p
    {
      font-size: 14px !important;
      line-height: 22px !important;
    }
}

/* medium and large views */
@media (min-width: 1400px) {
  .speaker {
    top: -11%;
    max-width: 18.3%;
    left: -8.5%;
    /* max-height: 116%; */
  }
  #target_icon
  {
    max-width: 18%;
    bottom: -1%;
    left: -5%;
  }
  #stat_icon
  {
    max-width: 60%;
    right: -29%;
    top: 43%;
  }
}



/* Styles for screens between 1400px and 1700px */
@media (min-width: 1400px) and (max-width: 1699px) {

}

/* Styles for screens 1700px and larger */
@media (min-width: 1700px) {
  .speaker {
    top: -10%;
    max-width: 23%;
    left: -23.3%;
    /* max-height: 116%; */
  }
  #target_icon
  {
    max-width: 21%;
    bottom: 1%;
    left: -17%;
  }
  .case1-section-area .content-area p
  {
    font-size: 15px !important;
  }
}
@media (min-width: 1900px) {
  .speaker {
    top: -10%;
    max-width: 23%;
    left: -23.3%;
    /* max-height: 116%; */
  }
}