.slider__text {
           position: absolute;
           left: 0px;          
        }

        .slick-current .slider__text {
            animation-name: move;
            animation-duration: 1s;
            animation-timing-function: linear;
            animation-fill-mode: both; 
            }

         @keyframes move {
            0% {
                transform: translateX(100px);
                transition:1s;
            }
            100% {
                transform: translateX(0px);
                transition:4s;
            }
        }

      #scrollingTop {
        background-color: #012743;
        color: #fff;
        padding: 10px;
      }
      
     #scrollingTop .marqueeText:hover{
    animation-play-state: paused;
  
        }
        
      #scrollingTop .wrapper {
          max-width: 100%;
          overflow: hidden;
        }
        
      #scrollingTop .marqueeText {
          white-space: nowrap;
          overflow: hidden;
          display: inline-block;
          animation: marqueeText 40s linear infinite;
        }
        
       #scrollingTop .marqueeText .scrolltext {
          display: inline-block;
          font-weight:bold;
          
          margin-right:50px;
        }
        
        @keyframes marqueeText {
          0% {
            transform: translate3d(0, 0, 5%);
          }
          100% {
            transform: translate3d(-50%, 0, 0);
          }
        }
        
      
         
.QualifyEd-Students{

    margin: 50px 0px;

 }
 .partnerSection h1{
   padding-top: 40px;
 }
 @media  screen and (max-width: 600px){
    #careerSection .section-title{
        font-size: 22px;
    }
    .swiper-slide{
        /*text-align: center;*/
    }
    .img-fluid{
        width: 200px;
    }
    
    
    .feature-slider .feature-slider-card {
        width: 100%;
        max-width: auto;
    }
 }
 @media  screen and (max-width: 1024px){
    .swiper-pagination .swiper-pagination-bullet{
        width: 15px;
        height: 15px;
    }
    }
 
    @media  screen and (max-width: 912px){
        .swiper-pagination .swiper-pagination-bullet{
            width: 15px;
            height: 15px;
        }
        }
        @media  screen and (max-width: 540px){
            .swiper-pagination .swiper-pagination-bullet{
                width: 10px;
                height: 10px;
            }
           
  }
  
  
  
  /*===== Developer.css file====*/
   .hvs{
    padding:10px;
}  


/* Slider */
.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    /* background:linear-gradient(0deg, #eaebef,transparent,transparent, #eaebef); */
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}



/*=====================================================
    3. SLIDER css 
======================================================*/

.single-slider{
    padding-bottom: 300px;
}

.slider-cont{
    position: relative;
    z-index: 5;
}
.slider-cont h1{
    font-size: 30px;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    color: #472f8f;
    padding-bottom: 50px;
}
.slider-cont span{
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    color: #fff;
    padding-bottom: 25px;
    line-height: 50px;
    letter-spacing: .05em;
    font-weight: 700;
    color:#f9ba12;   
}
.slider-cont ul {}
.slider-cont ul li{
    display: inline-block;
    margin-right: 15px;
}
.slider-cont ul li:last-child{
    margin-right: 0;
}

.slider-active .slick-arrow{
    font-size: 50px;
	position: absolute;
	top: 50%;
	left: 0;
    color: #fff;
    cursor: pointer;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
}
.slider-active .next.slick-arrow {
    left: auto;
    right: 0;
}

.slider-active:hover .slick-arrow{
    left: 30px;
    opacity: 1;
    visibility: visible;
}

.slider-active:hover .next.slick-arrow {
    left: auto;
    right: 30px;
}

.pt-100{
    padding-top:100px;
}

.pb-100{
    padding-bottom:100px;
}

.typewriter span {
  overflow: hidden; /* Ensures the content is not revealed until the animation */
  border-right: .15em solid orange; /* The typwriter cursor */
  white-space: nowrap; /* Keeps the content on a single line */
  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  letter-spacing: .05em; /* Adjust as needed */
  animation: 
    typing 3.5s steps(40, end),
    blink-caret .75s step-end infinite;
    font-weight:700;
    color:#f9ba12;
}

/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: transparent; }
}

/* === Placement section == */
#homePlacementProgram .webinar-card{
    border:solid 2px #43d477;
    background:#e8e7ed;
}
 
/* Shape the future section */
.shapeFuture{
                    margin-bottom: 0px !important;
                    padding-top: 38px !important;
                    padding-bottom: 53px !important;
                    background: #233521 url('/store/1/default_images/banners/bannerstrip.webp') !important;
                    background-position: center !important;
                    background-repeat: no-repeat !important;
                    background-size: cover !important;
                }

    #careerSection .item-count{
        font-size:12px !important;
        font-weight:bold;
    }

    .achivement{
       /* background: #4725af;*/
        padding:30px 0px;
    }
    .achivement>.trending-card:hover{
        box-shadow: 1px 1px 15px 3px #fff;
    }

    #appSection .appimg{
        position: relative;
    height: 100%;
    width: 75%
    }

    .achivement .imgIcom{
      width:80px;
    }

    .achivement.trending-card {
      background: #ffffff17;
        padding: 20px 2px;
        border-radius: 10px;
   }
   .achivement .section-title{
    font-size:36px;
    padding:20px 5px;
   }


   /* ======STAT section */ 

   .stats-container .stats-item {
   
    box-shadow: 0 3px 10px 0 #23689b;
  
}
.find-instructor-section .instructo-show{
    display: none!important;
   }


    #careerSection .section-title{
        font-size:28px;
        font-weight:900;
        font-family:auto;   
    }


    #learnFrmBest img{
            width: 100%; 
            max-width:800px;
        }
      
#QualifyEdStudents .QualifyEd-Students img{
    max-width:900px;
    margin:auto
}
#hd{
 width:100%;height:100%   
}

#hd .testimonials-user-avatar img{
    width:150px
}
#hd .hdcomment{
    height:150px;
}
.minHeight80{
    min-height:80px;
}
.feature-card-text{
                opacity: 1;
    position: absolute;
    float: right;
    right: 25px;
    width: 50%;
    top: 25px;
    background: #00000014;
    padding: 10px;
    border-radius: 20px;
    color: #fff;

            }

.popup{
                    display: none;
                    position: inherit;
                    top: 0px;
                    margin-top: -400px;
                    width: 105%;
                    left: -5px;
                    box-shadow: 0px 0px 15px 0px;
                    padding:10px;
                    z-index: 5;
                    min-height:400px;
                }
                .favourite .heart{
                    color: red;
                    border: solid 1px gray;
                    padding: 1px 5px;
                    border-radius: 50%;
                    font-weight:bold
                }
                .favourite{
                    padding-top:10px;
                }
                .favourite:hover .heart{
                    background-color:#671cb2;
                    color:#fff;
                }

 .becomeTrainer .contdiv{
                    margin: auto auto;
                  
                     color: #fff; 
                    padding: 4%;
                    max-width: 70%;
                    text-align: center;
                  }
                  .becomeTrainer {
                    padding-top: 100px; 
                    padding-bottom: 100px; 
                    overflow: hidden; 
                    position: relative; 
                    width: 100%; 
                    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(/store/1/classroom.webp), no-repeat center center;
                  
                    background-attachment: fixed; 
                    background-size: cover; 
                    -moz-background-size: cover; 
                    -webkit-background-size: cover; 
                    background-repeat: no-repeat; 
                    background-position: top center; 
                    min-height:350px;
                    max-height:500px;
                   
                
                }

#achivement {
                   
                overflow: hidden;
                position: relative;
                background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(/store/1/default_images/bg_achivements.webp), no-repeat center center;
                background-attachment: fixed; 
                background-size: cover;
                -moz-background-size: cover;
                -webkit-background-size: cover;
                background-repeat: no-repeat;
                background-position: top center;                               
                
                }

 .acardimg{
                        width:100px;
                        display:inline-block;
                    }
                    .acardtext{
                        display:inline-block;
                    }
                    .acard{
                        padding-bottom:10px;
                    }
                    .acardimg img{
                        width:80px;
                    }


  .css-tknd1g {
    padding-top: 40px;
    padding-bottom: 40px;
    background: rgb(249, 249, 249);
    margin-top: 48px;
}
.css-12exhum {
    max-width: 100%;
    margin-inline: auto;
}
.curved-carousal .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 266px;
}

@media screen and (max-width: 1200px) {
  .curved-carousal .swiper-wrapper .swiper-slide img {
    height: 225.28px;
  }
}

.curved-carousal .swiper {
  overflow: hidden;
  position: relative;
  --v-offset: 60px;
  --curve-height: 74px;
}

.curved-carousal .swiper:before,
.curved-carousal .swiper:after {
  content: "";
  z-index: 99;
  display: block;
  background: #fff;
  width: calc(100vw + 2 * var(--v-offset));
  height: var(--curve-height);
  position: absolute;
  pointer-events: none;
  border-radius: 45%;
  left: calc(-1 * var(--v-offset));
  right: calc(-1 * var(--v-offset));
}

.curved-carousal .swiper:before {
  top: calc(-0.7 * var(--curve-height));
}

.curved-carousal .swiper:after {
  bottom: calc(-0.7 * var(--curve-height));
}

.curved-carousal .wrapper {
  display: grid;
  grid-template-rows: 300px;
  grid-auto-flow: column;
  grid-gap: 24px;
  overflow: auto;
  scroll-snap-type: x mandatory;
}

.curved-carousal .wrapper img {
  scroll-snap-align: center;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/*===Footer=*/