*{font-family: Inter, sans-serif !important;}
.navbar-background{

    background-color: #fff;
    padding: 10px 0px;
    top: 0;
}
.navbar-background span{
    color: #000 !important;
}
.navbar-background button{
    color: #000 !important;
}
.navbar-background .m-class a{
    color: #000;
}
.navbar-background .dropdown-arrow {
  stroke: #000; 
}

.navbar-background .user-dropdown{
    border: 2px solid hsla(220, 9%, 46%, .4);
}
.navbar-background .user-dropdown:hover span{
    color: #fff !important;
}
.navbar-background .user-dropdown:hover{
    background-color: #194cff;
    color: #fff !important;
    border: none;
}
.navbar-background .user-dropdown:hover .dropdown-arrow {
  stroke: #fff;
}


.navbar-background .navbar-brand{
    width: 120px;
    height: 48px;
    background-image: url(../images/logo/wscube-tech-logo-2.svg) !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.header .navbar-brand {
    width: 120px;
    height: 48px;
    background-image: url(../images/logo/ws-cube-white-logo.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.header.sticked {
    position: fixed;
    top: 56;
    right: 0;
    left: 0;
    height: 72px; 
    z-index: 99999;
} 
.dropdown-arrow {
  stroke: #ffffff; 
}
.apply-row{
    background-color: #fff5e6;
}
.apply-row p{
    margin-bottom: 0px;
}
.apply-row a{
    background-color: #fc9c03;
    text-decoration: none;
    color: #000;
}
.explore-courses-hover button:hover{
    border-color: none !important;
}
.visibil-visibil{
        display: none;
    }
.login-row{
    margin-bottom: 24px;
}
.login-row span{
    font-size: 14px;
    font-weight: bold;
}
.offcanvas-body{
    padding: 40px 44px 40px;
}
.selected-option label{
    font-size: 16px;
    margin-bottom: 12px;
}
.selected-option input{
    height: 53px;
    width: 100%;
    
}
.selected-option button{
    width: 100%;
    height: 53px;
    font-size: 18px;
    background-color: #194cff;
    margin: 26px 0px;
    color: #fff;
    font-weight: bold;
    border: none;
}
.selected-option p, span{
    font-size: 14px;
    
}


.hero-section-bg{
    background-image: url();
    background-repeat: repeat;
    background-size: cover;
}
.hero-section-bg {
    background-image: url(../images/background-image/hero-section-bg.svg);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    padding-top: 20px; /* optional */
    padding-bottom: 40px; /* optional */
}
.user-dropdown{
    font-weight: bold;
    background-color: #00000000;
    color: #fff;
    padding: 12px 20px;
    border: 2px solid hsla(0, 0%, 100%, .5);
    border-radius: 12px;
    transition: .2s;
    outline: none;
}
.user-dropdown:hover{
    background-color: #fff;
    color: #000;
}
.user-dropdown:hover .dropdown-arrow {
  stroke: black;
}

.dropdown .user-dropdown{
    border: none;
}
.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl {
    
    --bs-offcanvas-width: 555px;
}

.custom-offcanvas-width {
   width: 555px !important;
  
}
.social-media{
    padding-left: 0px ;


}
.shadow{
    box-shadow: 4px 4px 0 rgb(0, 0, 0) !important;
    transition: box-shadow 0.4s ease;
}
.m-class a{
    text-decoration: none;
    color: #fff;
    font-weight: bold;
}

.top-box h1{
    margin-bottom: 40px;
    font-weight: 550;
}
.top-box p{
    font-size: 18px;
    margin-bottom: 48px;
}

.social-media li {
   list-style: none;
}
.circle-bg:hover {
    transform: translate(3px, 3px);
    box-shadow: none;
}

.circle-bg {
    width: 48px;
    height: 48px;
    background-color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 4px 4px 0 rgb(0, 0, 0) ;
    transition: all 0.3s ease;
}

.circle-bg img {
    width: 20px;
    height: 20px;
}
.social-media li div span{
    color: #fff;
}
.social-media li img{
    width: 25px;
}
.social-media li div span:first-child{
    font-size: 20px;
    font-weight: 400 !important;
}
.social-media li div span:nth-child(2){
    font-size: 14px;
    font-weight: 600 !important;
}
.top-box-button {
    font-size: 18px;
    font-weight: bold;
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 14px 36px;
    width: 400px;
}
.hero-section-bg section{
    padding: 130px 0px 40px 0px;
}
.discover-path-section {
    background: url(../images/background-image/discover-your-course-bg.svg) center top no-repeat rgb(245, 247, 255);
}
.section-pd{
    padding: 80px 0px;
}

.section-pd h2{
    font-size: 32px;
    margin-bottom: 16px;
    font-weight: bold;
}

.section-pd p{
    font-size: 14px;
    margin-bottom: 40px;
}

.data-analytics-box{
    padding: 40px;
    background-color: #fff;
}

/* .discover-menu ul li:first-child{
    
    background-color: #194cff;
    
} */
.discover-menu ul li{
    
    padding: 0px 5px;
    margin: 0px 10px;
    
}

.discover-menu ul li button{
    background-color: #fff;
    border : 2px solid #000;
    color: #000;
}
.discover-menu ul li button:hover {
    background-color: #0d6efd;
    color: #fff;
    box-shadow: 2px 2px 0 rgb(0, 0, 0)

}
.nav-pills .nav-link.active{
    box-shadow: 2px 2px 0 rgb(0, 0, 0) !important;
}
.nav-pills .nav-link{
    border-radius: 14px;
}

.arrow-man {
  top: 114px;
  left: -22px;
  width: 60%; 
  height: auto;
}
.mentorship h3{
    font-size: 20px;
    font-weight: 600;
    
}
.mentorship p{
    margin-bottom: 16px;
}
.mentorship-img-box{
    width: 50%;
}
.arrow-man-margin{
    margin: auto;
}
/* rect {
    width: 450 !important;
    height: 450 !important;
    fill: rgb(245, 247, 255);
} */
.rating div{
    padding: 0px 10px;
}
.rating{
    font-size: 14px;
    margin-bottom: 24px;
}
.duration-sessions{
    padding: 8px 12px;
    width: 54%;
    margin-bottom:24px ;
}
.duration-sessions p{
    margin-bottom: 0px;
    font-size: 16px;
}
.live-session{
    width: 250px;
}
.live-session img{
    margin-right: 20px;
    padding: 12px;
    
    
}
.book-demo-class button:hover{
    background: #194cff !important;
    border-color: #194cff !important;
    box-shadow: 4px 4px 0 #fc9c03 !important;
}
.download-btn-hover button:hover{
    background: #194cff !important;
    
    box-shadow: 4px 4px 0 #000 !important;
}
.learn-btn-hover button:hover{
     background: #fff !important;
    
    box-shadow: 4px 4px 0 #000 !important;
}
.call-us-white button:hover{
    background: #fff !important;
    border-color: #fff !important;
    box-shadow: 4px 4px 0 #fc9c03 !important;

}
.shadow-hover-none:hover{
    box-shadow: none !important;
    
}
.duration-sessions-btn button{
    width: 80%;
    border: 2px solid #000 !important;

    border-radius: 12px;
    padding: 12px;
    font-weight: bold;
}
.learning-programs-section{
    background-image: url(../images/background-image/learning-bg.svg), linear-gradient(97.91deg, #002ccd 7.06%, #000825 98.51%);

}
.learning-program-cards h3{
    font-size: 20px;
}
.learning-program-cards a{
    text-decoration: none;
    color:#0d6efd;
}
.card-box {
  
  padding: 24px;
  height: 276px;     
  width: 100%;
  transition: all 0.3s ease;
}
.card-box img {
  max-height: 80px;
  width: auto;
  margin: 0 auto;
}
.card-box:hover{ 
    opacity: 1; 
    transform:translateY(-10px) translatez(0px);
    
}
.our-impact h2{
    font-size: 32px;
    margin-bottom: 16px;

}
.our-impact h5{
    font-size: 36px;

}
.our-impact span{
    font-size: 22px;
}
.our-impact-numbers{
    box-shadow: 4px 4px 0 #000 ;
    transition: all 0.5s ease;
}
.our-impact-numbers:hover{
    box-shadow: none;
    opacity: 1; 
    transform:translateY(-5px) translatez(0px);
}
.student-trained{
    background-image:url(../images/background-image/numbers-card-bg.svg), linear-gradient(104.04deg, #4568f2, #1e88e5);
    padding: 34px;
    margin-bottom: 20px;
}
.interns{
    background-image:url(../images/background-image/numbers-card-bg.svg), linear-gradient(316.1deg, #e57b1e, #ea954b);
    padding: 36px 0px;
}
.training-domains{
    background-image:url(../images/background-image/numbers-card-bg.svg), linear-gradient(43.9deg, #fe8686, #f65555);
    padding: 36px 0px ;
}
.learners-youtube{
        background: url(../images/background-image/yt-learners-bg-top.svg) top no-repeat, url(../images/background-image/yt-learners-bg-bottom.svg) bottom no-repeat;
        background-size: contain;
        height: 445px !important;
        padding: 34px;
}
.learners-youtube h5{
    font-size: 58px;
    font-weight: bold;
}
.learners-youtube h6{
    font-size: 24px;
    font-weight: bold;
}
.learners-youtube a{
    text-decoration: none;
    color: #4568F2;
}

.youtube-card{
    padding-top: 237px;
}

.your-career-fit{
    background: #f5f7ff url(../images/background-image/discover-your-course-bg.svg) no-repeat top;
}

.your-career-fit-head p{
    font-size: 16px;
}
.box-pd{
    padding: 28px;
}
.your-career-fit-data-analytics-box h3{
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 20px;
}
.base-salary-in-india h4{
    font-size: 14px;
    color: #194cff;
}
.base-salary-in-india ul{
    padding-left: 0%;
}
.base-salary-in-india li{
    font-size: 13px;
    margin-bottom: 12px !important;
}
.border-padding li{
    margin-left: 0px !important;
}
.border-padding li div:first-child {
    padding: 8px 16px;
    background-color: #fff5e6;
    font-weight: 500;
}
.border-padding li:last-child div:first-child{
    background-color: #c2ceff !important;
}
.border-padding li div:last-child{
    padding: 8px 16px;
    font-weight: 500;
    background-color: rgb(225, 248, 203);
    color: rgb(91, 93, 107);
    position: relative;
    
}
.bg-gr-img::before{
    width: 15px;
    height: 18px;   
    display: block;
    position: absolute;
    left: -11px;
    content: "";
    background: url(../images/background-image/avg-sal-arrow.svg) no-repeat;
}
.rating-stars {
  font-size: 14px;
}
.job-openings{
    margin-left: auto;
    margin-right: auto;
    background-color: #f3f4f6;
    padding: 20px 0px ;
    justify-content: center;
    border-radius: 16px;
    width: 80%;
    min-height: 106px;
}
.job-openings span{
    font-size: 22px;
    font-weight: 600;
    color: #194CFF;
}
.job-openings p{
    font-size: 11px;
    margin: auto;
    padding: 12px 0px;
}

.brands h4{
    font-size: 14px;
    color: #194CFF;
    margin: 20px 0px;
}

.explore-your-career-fit{
    box-shadow: none ;
    transition: all 0.5s ease;
}
.explore-your-career-fit:hover{
    box-shadow: 4px 4px 0 #000 ;
    opacity: 1; 
    transform:translateY(-5px) translatez(0px);
}
.master-class:hover{
    box-shadow: 4px 4px 0 #000 ;
}
.explore-your-career-fit button:hover{
    box-shadow: 4px 4px 0 #000;
}
.marquee-container {
    width: 100%;
    overflow: hidden;
    background: #fff;
}
.marquee-track {
    display: flex;
    width: fit-content;
    animation: scroll-left 30s linear infinite;
}
.marquee-track img {
    height: 25px;    
    width: auto;    
    margin: 0 30px;  
}
@keyframes scroll-left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}
marquee-container:hover .marquee-track {
  animation-play-state: paused;
}
.recommended-certificates h3{
    font-size: 16px;
}
.recommended-certificates .col-5{
    width: 49% !important;
}
.recommended-certificates ul, li{
    padding: 0% !important;
    margin: 0% !important;
    list-style: none;
    font-size: 14px;
    margin-bottom: 8px !important;
}
.recommended-certificates-button button:first-child{
    background-color: #194cff;
    color: #fff;
    box-shadow: 4px 4px 0 #000 ;
    transition: all 0.5s ease;
}
.recommended-certificates-button button:first-child:hover {
    box-shadow: none;
}
.recommended-certificates-button button:last-child:hover{
    box-shadow: 4px 4px 0 #000 ;
}

.our-career-schools{
    background: url(../images/background-image/centers-bottom-a-bg.svg) center bottom no-repeat;
    background-size: contain;
    position: relative;
}
.our-career-schools-color{
    background-color: #10287e !important;
    background:url(../images/background-image/centers-top-bg.svg) center top no-repeat;
}
.center-stepper{
    background: url(../images/background-image/center-stepper.svg) 0px 0px / contain no-repeat;
    width: 100% !important;
    height: 184px;
    max-width: 1170px;
    margin: auto;
    margin-top: 140px;
    position: relative;
}
.center-stepper div{
    padding: 12px;
    
    border-radius: 14px;
    
}
.center-stepper h5{
    font-size: 16px !important;
    font-weight: bold;
}
.center-stepper .card{
    width: auto;
}
.center-stepper div p{
    margin-bottom: 0%;
    font-size: 10px;
}
.cety-jaipur img{
    width: 126px;
}
.cety-jaipur{
    width: 157px; ;
    height: 222px;
    margin-left: 216px !important;
    z-index: 1;    bottom: 47px;
    left: 20px;
}
.cety-jodhpur{
    width: 121px ;
    height: 171px;
    margin-left: 248px !important;
    z-index: 1;
    top: 40px;
}

.cety-jodhpur img{
    width: 97px;
}
.cety-next img{
    width: 80px;
}
.cety-next {
    width: 127px;
    height: 153px;
    margin-left: 222px;
    z-index: 1;
    bottom: 72px;
    left: 78px;
}
.wscube-center{
    padding: 48px;
    background-color: #fff;
    position: relative; 
    z-index: 2;
    top: 242px;
}
.wscube-center h2{
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 18px;
}
.wscube-center p{ 
    font-size: 16px;
    color: #4b5563;
    margin-bottom: 20px;
}
.get-direction{
    margin-bottom: 44px;
    
}
.get-direction button{
    padding: 8px 16px;
    font-size: 16px;
    background-color: #fff;
    
    
}
.section-pd-2{
    padding: 200px 0px 100px;
}


.circle-wrapper {
  position: relative;
  width: 150px;
  height: 150px;
  margin: auto;
}

.main-circle {
  background-color: #194cff;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.circle-icon {
  position: absolute;
  width: 60px;
  height: 60px;
  opacity: 0;
  transform: translateX(100%);
  transition: opacity 0.3s ease-in-out, transform 0.5s ease-in-out;
}

.circle-icon.active {
  opacity: 1;
  transform: translateX(0%);
}

/* Pulse ring animation */
.pulse-ring {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  background-color: rgb(25, 76, 255);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  animation: ripple 1.5s ease-out infinite;
  z-index: 1;
}

@keyframes ripple {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.4;
  }
  100% {
    transform: translate(-50%, -50%) scale(2.5);
    opacity: 0;
  }
}
.arrows-group{
    background: url(../images/background-image/arrows-group.svg)  no-repeat;
    background-position: 20% center;
    min-height: 500px;
    
    position: relative;
    
}

.upskill-with-resources h2{
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 24px;
}
.upskill-with-resources p{
    font-size: 14px;
    margin-bottom: 50px;
}
.upskill-with-resources a button{
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    background-color: #194cff;
    border: none;
    padding: 20px 60px;
    transition: all 0.3s ease;
} 
.upskill-with-resources a button:hover{
    box-shadow: rgb(252, 156, 3) 4px 4px 0px !important;
}   
.arrows-group button{
    font-size: 18px;
    padding: 9px 24px;
    background-color: #fff;
    margin-bottom: 36px;
    position: relative;
    box-shadow: 4px 4px 0 #000 ;
    transition: all 0.3s ease;
}
.arrows-group button:hover{
    box-shadow: none;
}
.hover-shadow button:hover{
    box-shadow: 4px 4px 0 #000 !important;
}
.button-interviewbites{
    z-index: 1;
    margin: 0px 0px 0px 252px;
    top: 32px;
    left: 16px;
}
.button-quizzes{
    z-index: 1;
    margin: 0px 0px 0px 504px;
    top: 22px;
    left: 16px;
}
.button-articles{
    z-index: 1;
    margin: 0px 0px 0px 380px;
    top: 18px;
    left: 16px;
}
.button-ebooks{
    z-index: 1;
    margin: 0px 0px 0px 209px;
    top: 12px;
    left: 16px;
}
.button-interactive{
    z-index: 1;
    margin: 0px 0px 0px 450px;
    top: 6px;
    left: 16px;
}
.button-courses{
    z-index: 1;
    margin: 0px 0px 0px 504px;
    top: 3px;
    left: 16px;
}
.button-tools{
    z-index: 1;
    margin: 0px 0px 0px 178px;
    bottom: 15px;
    left: 16px;
}
.master-bg-layer{
    background: #f5f7ff url(../images/background-image/master-bg-layer.png);
   
}
.master-bg-layer h2{
    font-size: 32px;
    margin-bottom: 16px;
}
.master-bg-layer a{
    font-weight: 600;
    color: #194cff;
}
.rank-in-google{
    width: 378px !important;
    height: 378px ;
    max-width: 378px;
    min-width: 378px;
    
    object-fit: cover ;
    
}
.free-masterclass{
    overflow: hidden;
}
.section-pd-3{
    padding: 160px 0px 100px;
}
.hear-form-learners h2{
    font-weight: 600;
}
.hear-form-learners span{
    background-color: #fc9c03;
    font-size: 12px;
    margin-left: 4px;
    padding: 4px 8px;
}
.slider-item-wrapper {
  width: 196px;
  min-width: 164px;
  max-width: 300px;
  flex: 0 0 auto;
  transition: width 0.4s ease;
  position: relative;
}

.slider-item-wrapper:hover {
  width: 300px;
}

.slider-item-wrapper .review-slide {
  border-radius: 1rem;
  overflow: hidden;
  height: 454px;
}

.review-text-content {
  border-radius: inherit;
}

.w-14 {
  width: 56px;
}
.h-14 {
  height: 56px;
}

.slider-item-wrapper button {
  position: absolute;
  left: 68%;
  bottom: 87%;
}

.foot-bg{
    background-color: #0c1e5e;
}

footer ul{
    padding: 0%;
}
.foot-box{
    margin-bottom: 32px;
}
.foot-box h3{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 30px;
}
.foot-box p{
    font-size: 14px !important;
    padding-right: 16px;
}
.foot-box ul li{
    font-size: 14px;
    
}
.foot-bg a {
    text-decoration: none;
    color: #fff;
}
.foot-box-too span{
    padding: 0px 10px;
}
.foot-bg h4{
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 16px;
}
.sticky-top{
    background-color: #fff;
}
.jodhpur-career-school{
    background: url(../images/background-image/jodhpur-center-section-bg.svg) no-repeat;
     background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%; /* ya jitna height chahiye */
}
.jodhpur-career-school h1{
    font-size: 40px;
    font-weight: 600;
}
.jodhpur-career-school ul{
    padding: 0%;
    margin: 56px 0px;
}
.jodhpur-career-school ul li{
    margin-bottom: 16px !important;
    min-width: 220px;
    padding-left: 28px !important;
    position: relative;
    font-size: 16px;
    line-height: 24px;
    
}
.jodhpur-career-school ul li::before{
    background: url(../images/icons/checked-list-icon.svg) no-repeat;
    background-size: contain;
}
.call-us span{
    padding-right:  8px;
}
.jodhpur-center-img img{
    width: 100%;
}
.bg-color-19{
    background-color: #f5f7ff;
}
.jobs-on-linkedin div{
    background-color: #fff5e6;
}

.jobs-on-linkedin div span{
    font-size: 22px;
    color: #194cff;
    font-weight: 600;
}
.learners-image{
    width: 80%;
}
.learners-product-companies h4{
    font-size: 16px;
    font-weight: 600;
}
.alumnis-company-logo{
    width: 78px;
}
.swiper-background{
    position: relative;
}
.swiper{
    width: 80% !important;
    
}
.swiper-slide{
    background-color: #f5f7ff;
}
.swiper-slide:hover{
    box-shadow: 4px 4px 0 #000 !important;
}
.swiper-slide p{
    font-size: 11px;
    font-weight: 600;
    color: #194cff;
    padding-top: 5px;
}
.swiper-button-next::after,
.swiper-button-prev::after {
  display: none;
}

.swiper-button-next,
.swiper-button-prev {
    z-index: 3;
}



.custom-nav {
    width: 44px !important;
    background: white;
    padding: 12px;
    border-radius: 100%;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}
.impactful-numbers{
    padding: 80px 43px 22px;
    background: 
    url(../images/background-image/multi-polygon-bg-2.svg),
    url(../images/background-image/multi-polygon-bg.svg),
    linear-gradient(273.73deg, #002ccd 7.33%, #000825 95.52%);
    background-size: 300px, 300px, 100%;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: top 10% left -5%, top 10% right 0, 50%;
}
.impactful-numbers h2{
    font-size: 32px;
    font-weight: 600;
}
.impactful-numbers h3{
    font-size: 40px;
    margin-right: 12px;
    font-weight: 600;
}
.impactful-numbers-media > div {
    position: relative; 
}
.impactful-numbers-media-path{
    width: 23%;
}
.impactful-numbers-media-path::after{
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
    background-blend-mode: color-dodge;
    width: 1px;
    height: 100%;
}

.get-in-touch h3{
    font-size: 20px;

}
.mb-6{
    margin-bottom: 100px !important;
}

.learners-comment{
    background-color: #f5f7ff;
}
.learne-comment-container {
    width: 100%;
    background: #f5f7ff;
    overflow: hidden;
    padding: 40px 0;
}

.learners-comment-box {
    display: flex;
    width: fit-content;
    animation: scroll-left 25s linear infinite;
    gap: 20px;
    padding-left: 20px;
}

.learners-comment-box:hover {
    animation-play-state: paused;
}

.comment-body {
    background-color: #ffffff;
    width: 346px;
    height: 303px;
    padding: 20px;
    border-radius: 16px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
    flex-shrink: 0;
    overflow-y: auto;
}

.comment-body img {
    width: 60px;
    margin-bottom: 10px;
}

.comment-body .stars {
    color: #194cff;
    font-size: 16px;
    margin-bottom: 10px;
}

.comment-body p {
    font-size: 14px;
    margin: 0 0 8px;
}

.blue-fill-btn {
    display: block;
    color: #fff !important;
    background: #194cff !important;
    transition: .2s;
    border: 2px solid ;
    outline: none !important;
}

.program-work-box h3{
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 0%;
}
.program-work-box span{
    font-size: 12px;
    margin-left: 10px;
    background-color: #fdbd56;
}
.program-work-img img{
    color: #00000000;
}
.apply-btn button{
    font-size: 18px;
    padding: 14px 46px;
    font-weight: 600;
    border-radius: 13px;
    
}
.visibal-icons:hover .icon-visibal{
    display: none;
}
.visibal-icons .icon-on-hover{
    display: none;
}
.visibal-icons:hover .icon-on-hover{
    display: block;
}
.dotted-border {
    border-radius: 30px;
    border: 1px #ccc dashed;
    overflow: hidden;
  
}
.program-work-card{
    position: relative;
    overflow: visible;
}

.program-work-card .polygon-icon img{
    position: absolute;
    left: 50%;
    bottom: -7px;
    transform: translateX(-50%);
    z-index: 2;
}

.program-work-card .polygon-icon-2 img{
    position: absolute;
    left: 50%;
    bottom: -7px;
    transform: rotate(180deg);
    z-index: 2;
}

.program-work-card .polygon-icon-3 img{
    position: absolute;
    left: -6px;
    transform: rotate(90deg);
    z-index: 2;
}

.program-work-card .polygon-icon-4 img{
    position: absolute;
    left: 50%;
    top: -7px;
    transform: translateX(-50%);
    z-index: 2;
}

.program-work-box .program-work-card:nth-child(1){
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-right: 0 !important;
    
}

.program-work-card:nth-child(2){
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-left: 0 !important;
    
}
.program-work-card:nth-child(3){
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-right: 0 !important;
}
.program-work-card:nth-child(4){
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-left: 0 !important;
}
.campus-gallery{
    background: url(../images/background-image/campus-galley-bg.svg) no-repeat 50%;
}
.campus-gallery-container {
  overflow: hidden;
  width: 100%;
  background-color: #f9f9f9;
  padding: 10px 0;
}

.campus-gallery-box {
  overflow: hidden;
  width: 100%;
  
}

.campus-gallery-track {
  display: flex;
  width: max-content;
  animation: scroll-left 18s linear infinite;
}
.campus-gallery-track:hover{
    animation-play-state: paused;
}

.campus-gallery-image {
  flex: 0 0 auto;
  margin: 5px;
  
}

.campus-gallery-image img {
  height: 200px;
  border-radius: 8px; /* same as rounded-2 */
  display: block;
}
.img-border{
    margin: 10px;
    border-radius: 20px;
    background: linear-gradient(248.95deg, #fff 3.09%, #d7d7d7 98.02%);
}
/* Animation */
@keyframes scroll-left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
.course-category-section-box{
    background: url(../images/background-image/category-banner-bg.svg) no-repeat 50%, linear-gradient(252.34deg, #dae2ff 21.79%, #fafbff 72.24%, #e9eeff 94.44%);

}
.vertical-slider {
   width: 400px;
   height: 486px;
   margin: auto;
 }
.vertical-slider-container {
  height: 600px; 
  overflow: hidden;
}
    .slide-img {
      width: 100%;
      height: auto;
      border-radius: 12px;
    }
    .slick-slide {
      padding-bottom: 34px;
    }
.course-category-section-box h2{
    font-size: 32px;
    font-weight: 600;
}
.course-category-section-box span{
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 40px;
}
.course-category-section-box h2 span{
    font-size: 32px;
    font-weight: 600;
    color: #194cff;
}

.course-category-section-box span{
    font-size: 32px;
}
.course-category-section-box p{
    font-size: 14px;
}
.course-category-section-box h3{
    font-size: 18px;
    font-weight: bold;
}
.course-category-section-box ul li{
    padding: 12px 20px !important;
    border-radius: 10px;
}
.course-category-section-box ul li:first-child{
    color: #fff;
    background-color: #194cff;
}
.course-category-section-box ul li:last-child{
    
    background-color: #fdb035;
}
.all-classes h3{
    font-size: 18px;
    font-weight: 600;
}
.all-classes ul li img{
    width: 14px;
}
.all-classes a button{
    background-color: #194cff;
    color: #fff;
    font-size: 14px;
}
.classes-thumbnail{
    max-height: 216px;
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
}
.fs-14{
    font-size: 14px;
}

.max-w-142{
    max-width: 142px;
}
.whatsapp-community{
    gap: 52px;
    padding: 34px 45px;
    border-radius: 14px;
    background-color: #f3faf4;
    background-image: url(../images/background-image/whatsapp-bg-4.svg), url(../images/background-image/whatsapp-bg-1.svg), url(../images/background-image/whatsapp-bg-2.svg), url(../images/background-image/whatsapp-bg-3.svg);
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-position: top 0 left 40%, top 0 right 20%, bottom 0 right 0, bottom 0 left 50%;
    background-size: 43px, 78px, 53px, 43px;
}
.whatsapp-community h2{
    font-size: 25px;
    font-weight: 600;
    
}
.whatsapp-community h3{
    font-size: 18px;
    font-weight: 600;
}
.join-whatsapp p{
    font-size: 18px;
}
.grid-gap-lg-36{
    gap: 36px;
    width: 90%;
}
.qr-code img{
    border-radius: 6px;
    border: 1px solid #49ce7f;
}
.qr-code a{
    font-weight: 600;
    text-decoration: none;
    color: #194cff;
}
.interactive-learning {
    width: 444px ;
}
.why-join-left-section {
  max-width: 568px;
  position: sticky;
  top: calc(53% - 12rem); /* 👈 This should match your card's sticky top */
  align-self: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0;
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.why-join-left-section h2{
    margin-top: 16px;
    font-size: 51px !important;
}
.why-join-left-section p{
    font-size: 14px !important;
}
.master-why-join {
    background: #f5f7ff;
}
.master-why-join h3{
    font-size: 16px;
}
.listing-banner-bg-layer{
    border: 1px solid red;
    
}

/* media screens */

@media (max-width: 1200px) {
    .navbar-row{
        justify-content: center;
    }
    .duration-sessions {
        width: 100%; 
        padding: 2px 12px !important;
    }
    .card-box {
        padding: 24px;
        height: 230px;
        width: 100%;
    }
    .center-stepper {
    background: url(../images/background-image/center-stepper.svg) 0px 0px / contain no-repeat;
    width: 100% !important;
    height: 184px;
    max-width: 788px;
    margin: auto;
    margin-top: 140px;
    position: relative;
}
    .cety-jaipur img{
    width: 86px;
    }
    .cety-jaipur{
    width: 157px; ;
    height: 172px;
    margin-left: 137px !important;
    z-index: 1;    bottom: 47px;
    right: 28px;
}
.cety-jodhpur img{
    width: 82px;
}

    .cety-jodhpur{
    width: 121px ;
    height: 144px;
    margin-left: 174px !important;
    z-index: 1;
    top: 40px;
}
.cety-next img{
    width: 62px;
}
    .cety-next {
    width: 127px;
    height: 153px;
    margin-left: 84px !important;
    z-index: 1;
    bottom: 100px;
    left: 102px;
}
.center-stepper h5 {
    font-size: 14px !important;
    font-weight: bold;
}
.arrows-group button{
    font-size: 14px;
    padding: 9px 24px;
    background-color: #fff;
    margin-bottom: 36px;
    position: relative;
    box-shadow: 4px 4px 0 #000 ;
    transition: all 0.3s ease;
}

}
@media (max-width: 1025px){
    .jodhpur-center-img {
    padding: 0% !important;
}

}


@media (max-width: 1024px){
     .cety-jaipur img{
    width: 86px;
    }
    .cety-jaipur{
    width: 157px; ;
    height: 172px;
    margin-left: 137px !important;
    z-index: 1;    bottom: 47px;
    right: 28px;
}
.cety-jodhpur img{
    width: 82px;
}

    .cety-jodhpur{
    width: 121px ;
    height: 144px;
    margin-left: 174px !important;
    z-index: 1;
    top: 40px;
}
.cety-next img{
    width: 62px;
}
    .cety-next {
    width: 127px;
    height: 153px;
    margin-left: 84px !important;
    z-index: 1;
    bottom: 100px;
    left: 102px;
}
.center-stepper h5 {
    font-size: 14px !important;
    font-weight: bold;
}
.arrows-group button{
    font-size: 14px;
    padding: 9px 24px;
    background-color: #fff;
    margin-bottom: 36px;
    position: relative;
    box-shadow: 4px 4px 0 #000 ;
    transition: all 0.3s ease;
}

.button-interviewbites{
    z-index: 1;
    margin: 0px 0px 0px 252px;
    top: 23px;
    left: 16px;
}
.button-quizzes{
    z-index: 1;
    margin: 0px 0px 0px 504px;
    top: 14px;
    left: 22px;
}
.button-articles{
    z-index: 1;
    margin: 0px 0px 0px 380px;
    top: 18px;
    left: 22px;
}
.button-ebooks{
    z-index: 1;
    margin: 0px 0px 0px 209px;
    top: 16px;
    left: 25px;
}
.button-interactive{
    z-index: 1;
    margin: 0px 0px 0px 400px;
    top: 16px;
    left: 32px;
}
.button-courses{
    z-index: 1;
    margin: 0px 0px 0px 504px;
    top: 20px;
    left: 22px;
}
.button-tools{
    z-index: 1;
    margin: 0px 0px 0px 178px;
    bottom: -10px;
    left: 26px;
}








}

@media (max-width: 992px){
    .logo img{
        width: 90%;
    }
    .user-dropdown{
        font-size: 12px;
    }
    .masterclass{
        font-size: 12px;
    }
    .apply-row a{
        white-space: nowrap;
    }
    .navbar{
        max-width: 100% !important;
        justify-content: center;
    }
    .data-analytics-box{
        display: block !important;
        padding: 20px !important;
    }
    .mentorship{
        margin-top: 20px;
    }
    .center-stepper h5 {
    font-size: 12px !important;
    font-weight: bold;
}

    .learning-program-cards:first-child .col-md-5{
        width: 100%;
        text-align: center;
    }
    .arrow-man-box{
        display: flex !important;
        justify-content: center !important;
        width: 268px !important;
    }
    .arrow-man-box svg{
        display: flex !important;
        justify-content: center !important;
        width: 442px !important;
    }
    .navbar-row {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .discover-menu ul li{
        margin: 0px;
    }
    .discover-menu ul li button{
        font-size: 12px;
        margin-top: 10px;
    }
    .card-box {
        padding: 24px;
        height: 176px;
        width: 100%;
    }
    
    .card-box h3{
        font-size: 16px;
    }
    .card-box a{
        font-size: 12px;
    }
    .center-stepper{
        background: none !important;
    }

.cety-jaipur img{
    width: 86px;
    }
    .cety-jaipur{
    width: 157px; ;
    height: 172px;
    margin-left: 0px !important;
    z-index: 1;    bottom: 0px;
    right: 0px;
}
.cety-jodhpur img{
    width: 86px;
}

    .cety-jodhpur{
    width: 157px; ;
    height: 172px;
    margin-left: 34px !important;
    z-index: 1;
    top: 0px;
}
.cety-next img{
    width: 86px;
}
    .cety-next {
    width: 157px; ;
    height: 172px;
    margin-left: 0px !important;
    z-index: 1;
    bottom: 0px;
    left: 0px;
}
.center-stepper{
    display: flex;
    justify-content: center;
    width: 100% !important;
    align-content: space-between;
    gap: 80px;
}
.center-stepper h5 {
    font-size: 14px !important;
    font-weight: bold;
}

.hear-form-learners-display{
    display: none;
}
.wscube-center {
    flex-direction: column !important;
}
.box-1 {
  order: 2;
  text-align: center;
}
.box-2 {
  order: 1;
  text-align: center;
}
.recommended-certificates-button{
    justify-content: center !important;
}
.arrows-group{
    background: none;
}
.upskill-with-free-resources{
    display: block !important;
    text-align: center;
}
.upskill-with-resources{
    width: 100%;
    position: relative;
}
.arrows-group{
    display: block !important;
    width: 100% !important;
}
.arrows-group .col-4:first-child{
    width: 100% !important;
}
.upskill-with-resources a {
     position: absolute;
     top: 498px;
     left: 0;
     width: 100%;
    
}
.upskill-with-free-button {
    flex-direction: row !important;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center !important;
    width: 100% !important;
    margin-top: 40px ;
  }
.upskill-with-free-button button{
    z-index: 0;
    margin: 0%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: block !important;
    margin: 5px;
    
}
.section-pd-2 {
    padding: 200px 0px 0px;
}
.free-masterclass{
    display: block !important;
    
}
.free-masterclass div{
    width: 100% !important;
    text-align: center;
}
.inter-domain{
    width: 50% !important;
}
.my-custom-row {
    flex-direction: column !important;
    align-items: center !important;
  }
.my-custom-row .col-6{
    width: 100%;
}
.our-impact h5 {
    font-size: 32px;
}
.our-impact span {
    font-size: 18px;
}
.learners-youtube{
    height: 312px !important;
    margin-top: 30px;
    background-size: 62% , 78% auto;
}
.youtube-card {
    padding-top: 123px;
}
.free-masterclass-courses{
    display: flex;
    margin-top: 20px;
}
.our-career-schools {
   
    height: 1000px;
}
.wscube-center {
    
    top: 70px;
}
.jodhpur-career-school .d-flex{
    display: block !important;
}





}

@media (max-width: 798px){
.header .navbar-brand{
    background-image: url(../images/logo/ws-cube-white-logo.svg) !important; 
}
.navbar-background{
    background-color: #0834d9 !important;
}
}
@media (max-width: 805px){
    .visibil-hide{
        display: none !important;
        transition: 0.5s;
        
    }
    .visibil-visibil{
        display: block;
        
    }
    .logo img {
        width: 70%;
    }
    
    .navbar-toggler-icon{
        background-image: url(../images/icons/mobile-menu-icon.svg) !important;
    }
    .navbar-toggler-icon-black{
        background-image: url(../images/icons/mobile-menu-dark-icon.svg) !important;
    }
    .navbar-toggler{
        border: none !important;
        padding: 0% !important;
    }
    
    #offcanvasNavbar {
        background-color: #0834d9 ; /* dark grey background */
        
    }
}
@media (max-width: 767px){
    
    .apply-row{
        font-size: 12px !important;
    }
    .duration-sessions-btn button {
    width: 80% !important;
    border: 2px solid #000 !important;
    border-radius: 12px !important;
    padding: 10px 0px !important;
    font-weight: bold;
    margin: 0px 10px !important;
    }
    .user-dropdown{
        white-space: nowrap;
        padding: 6px 5px !important;
        font-size: 10px !important;
    }
    .logo{
        margin-right: 0px !important;
    }
    .navrow-margin{
        margin-right: 75px;
    }
    .last-width{
        width: 50% !important;
    }

.arrow-man-box {
        display: flex !important;
        justify-content: center !important;
        width: 180px !important;
    }

.my-custom-d-flex{
    display: block !important;
    
}
.my-custom-d-flex .col-5, .col-7{
    width: 100% !important;
}
.recommended-certificates-button{
    display: block !important;
}
.recommended-certificates-button button{
    font-size: 12px !important;
    width: 100% !important;
    font-weight: 600;
    margin-bottom: 15px;
}
.recommended-certificates-button button:nth-child(2) {
  margin: 0% !important;
}
.mentorship {
    padding: 0px !important;
}
.mentorship img{
    width: 16px;
}
.selected-option p, span {
    font-size: 12px;
}
.recommended-certificates ul, li {
    font-size: 12px;
    margin-bottom: 2px !important;
}
.center-stepper {
    gap: 24px;
    margin-top: 62px;
}
.box-2 img{
    width: 90%;
}
.wscube-center{
    padding: 10px;
    padding-top: 30px;
}
.wscube-center h2{
    font-size: 18px;
}
.wscube-center p {
    font-size: 14px;
    
}
.get-direction button {
    font-size: 13px;
    
}
.our-career-schools {
        height: 842px;
    }
.box-1 a:nth-of-type(2) {
  font-size: 14px;
}


.cety-jodhpur {
    margin-left: 20px !important;
}
.upskill-with-resources a button {
    padding: 12px 38px;
}
.free-masterclass-courses .master-class a img {
  width: 70%;   
}

.foot-bg div:first-child{
    width: 100% !important;
}

.foot-box > div:not(:first-child) {
  width: 50% !important;  
}


}

 @media (max-width: 650px) {
    
    .apply-row .container, .container-sm {

        max-width: 100% !important;
        
    }
    .top-box-button {
    font-size: 14px;
    width: 308px;
    }
    .user-dropdown{
        white-space: wrap !important;
    }
    .arrow-man-box{
        width: 176px !important;
    }
    .discover-menu ul li button {
        font-size: 12px;
        margin-top: 10px;
        padding: 5px !important;
    }
    .duration-sessions-btn button {
        width: 94% !important;
        font-size: 12px;
    }
    .section-pd p {
    font-size: 11px;
    }
    .live-session img {
    margin-right: 5px;
    padding: 12px;
    }
    .duration-sessions p, span {
    
    font-size: 12px;
    }
}
 @media (max-width: 543px){
    .arrow-man-box{
        width: 150px !important;
    }
    .upskill-with-resources a {
        top: 584px;
    }

    .recommended-certificates.row {
    display: block !important;       /* remove flex */
    flex-wrap: unset !important;
    margin-left: 0 !important;       /* remove gutter */
    margin-right: 0 !important;
  }
   .recommended-certificates .col-5 {
    width: 100% !important;          /* full width */
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .recommended-certificates div:first-child{
    margin-bottom: 10px;
  }
 }
@media (max-width: 432px){
    .center-stepper div{
        width: 100px !important;
    }
        .center-stepper h5 {
        font-size: 10px !important;
        font-weight: bold;
    }
    .center-stepper div p {
    margin-bottom: 0%;
    font-size: 7px;
    }
    .cety-jaipur img {
        width: 72px;
    }
    .cety-jaipur{
        height: 136px;
    }
    .cety-jodhpur img {
        width: 72px;
    }
    .cety-jodhpur{
        height: 136px;
    }
    .cety-next img {
        width: 72px;
    }
    .cety-next{
        height: 136px;
    }
        .our-career-schools {
        height: 750px;
    }
}
 
@media (max-width: 395px){
    .arrow-man-box{
        width: 250px !important;
    }
    .arrows-group button{
        padding: 4px 24px;
        font-size: 12px;
    }
    .cety-jaipur img {
        width: 58px;
    }
    
    .cety-jodhpur img {
        width: 58px;
    }
    
    .cety-next img {
        width: 58px;
    }
        .center-stepper div {
        width: 74px !important;
        height: 118px !important;
    }
        .our-career-schools {
        height: 750px;
    }
        .arrow-man-box {
        width: 193px !important;
    }
    
}
@media (max-width: 320px){
    .top-box h1 {
    font-size: 24px;
    margin-bottom: 10px;
}
.social-media li div span:first-child {
    font-size: 14px;
}
.duration-sessions p, span {
        font-size: 10px;
    }
.top-box p {
    font-size: 12px;
    margin-bottom: 48px;
}
    .top-box-button {
        font-size: 12px;
        width: 216px;
    }
    .top-box-button {
    margin-bottom: 10px;
    padding: 10px 10px;

}
.hero-section-bg section {
    padding: 130px 0px 0px 0px;
}
.social-media li img {
    width: 20px;
}
.circle-bg {
    width: 42px;
    height: 42px;
}
.section-pd h2 {
    font-size: 24px;
}
.section-pd p {
    font-size: 10px;
    margin-bottom: 0px;
}
.discover-menu ul li button {
    font-size: 8px;
    margin-top: 6px;
    padding: 5px !important;
}
.mentorship h3 {
    font-size: 14px;
    font-weight: 600;
}
.rating {
    font-size:10px;
}
.duration-sessions-btn button {
    width: 94% !important;
    font-size: 10px;
}
.card-box img {
    max-height: 60px;
    
}
.card-box {
    padding: 24px;
    height: 146px;
    width: 100%;
}
.card-box h3 {
    font-size: 12px;
}
.card-box a {
    font-size: 9px;
}
.our-impact span {
    font-size: 16px;
}
.youtube-card {
    padding-top: 56px;
}
.learners-youtube {
    height: 248px !important; 
    background-size: 78%, 78% auto;
}
.student-trained{
    padding: 18px;
}
.interns {
    padding: 18px 0px;
}
.training-domains{
    padding: 18px 0px;
}
.base-salary-in-india li {
    font-size: 8px;
}
.bg-gr-img::before{
    bottom: 4px;
}
.job-openings{
    width: 100%;
}
.job-openings p {
    padding: 10px 0px 0px;
}
.brands h4 {
    font-size: 12px;
    font-weight: 600;
}
.arrows-group button {
        padding: 4px 10px;
        font-size: 12px;
    }
.arrow-man-box {
    width: 193px !important;
}
.apply-row {
    font-size: 6px !important;
}
    .section-pd-2 {
    padding: 90px 0px 0px;
}
.upskill-with-resources a {
    top: 564px;
}
.upskill-with-resources a button {
    font-size: 13px;
}
.upskill-with-resources a button {
    padding: 12px 26px;
}
/* .rank-in-google{

} */
.foot-box p {
    font-size: 10px !important;
}
.foot-box ul li {
    font-size: 10px;
}
.foot-box h3 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 8px;
}
.foot-box img{
    width: 40%;
}
}