/* RESET CSS STRAT */
:root{
  --bg-orange: #d99209;
  --bg-blue: #0156A2;
  --bg-purple: #0056A2;
  --secondary: #d1d1d1;
  --bg-info: #0056A21A;
  --bg-red: #EB2429;
  --bg-yellow: #FFC20E;
  --white-col: #FFFFFF;
  --font: 1.1rem;
  --text-dark: #ADB5BD;
}

*, body, h1, h2, h3, h3, h4, h5, h6, p, article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section, ul { margin: 0px; padding: 0px; list-style: none; }
body { background-color: #fff; font-family: "Inter", sans-serif; outline: none; line-height: 1.3em; overflow-x: hidden;}
h1, h2, h3, h3, h4, h5, h6 { color: var(--text-blue); font-size: 2rem; margin: 0px;}
ul, :hover,:focus,:active, textarea, input:focus, a:hover, a:active, a:focus { outline: none !important;}
a { outline: none !important; text-decoration: none; transition:all 0.5s ease;
  -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -moz-transition:all 0.5s ease;  }
textarea, input:focus { text-decoration: none;}
p, li { padding: 0px; margin: 0px; font-size: var(--font);  line-height: 1.4; color: var(--text-dark);}
li { color: #1e1e1e; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -moz-transition:all 0.5s ease;}


.text-justify { text-align: justify; }
.bg-orange { background-color: var(--bg-orange) !important; }
.text-blue { color: var( --bg-blue); }
.bg-yellow { background-color: var(--bg-yellow); }
.text-yellow { color: var(--bg-yellow); }
.text-orange { color: var(--bg-orange); }
.text-purple { color: var(--bg-purple); }
.fsize14 { font-size: 14px; }
.bg-blue { background-color: var(--bg-blue); }

/* STICKY ANV BAR */	
.sticky{position: fixed;width: 100%;left: 0;top: 0;z-index: 50;-webkit-animation-name: fadeInDown;animation-name: fadeInDown;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;box-shadow: 0 0 18px 1px rgb(0 0 0 / 10%)}

#header.sticky .header-absolute { background-color: #fff; box-shadow: 0 0 18px 1px rgb(0 0 0 / 10%);}
#header.sticky .header-absolute .logo img { width: 80px }

#header.sticky .header-absolute .right-logo img {width: 230px;}




/* -------------------------------------------------- */
/*  Back Top
/* -------------------------------------------------- */
#back-top{position: fixed;right: 10px;bottom: 0px;z-index: 999;overflow: hidden;display: none;width: 50px;height: 50px;
  background-color: var(--bg-orange);border-radius: 100%;text-align: center;-webkit-transition: all .25s ease;transition: all .25s ease}

#back-top:after{display: block;text-align: center;color: #FFF;font-size: 20px;font-family: 'Font Awesome 5 Pro';content: "\f062";line-height: 48px;-webkit-transition: color .25s ease, -webkit-transform 2s ease;transition: color .25s ease, transform 2s ease}

#back-top:hover { background-color: #231f20;}
#back-top:hover:after { color: #FFF; }
/* -------------------------------------------------- */
/*  Back Top END
/* -------------------------------------------------- */


/* Hero Section Slide */

.bc-img01 { position: relative; background-image:url(../images/jiit_banner.webp);  height: 100%; background-repeat: no-repeat;
    background-size: cover;
  background-position: center;}
.sideNavi {
    position: fixed;
    top: 50%;
    right: 20px;
    z-index: 2;
    transform-origin: right;
    -moz-transform: rotate(-270deg);
    -webkit-transform: rotate(-270deg);
    -o-transform: rotate(-270deg);
    -ms-transform: rotate(-270deg);
    transform: rotate(-270deg) translateX(50%);
}

.sideNavi .aa { 
  background-color: #D84432;
  color: #fff; cursor: pointer;
  font-size: 1.2rem;
  padding: 10px 20px;
  display: block;
  border-radius: 0px 0px 10px 0px;
  /* margin-top: 25px; */
  }
.sideNavi a {
    background-color: #31376a;
    color: #fff;
    cursor: pointer;
    font-weight: 600;
    font-size: 1.2rem;
    padding: 10px 20px;
    border-radius: 0px 0px 0px 10px;
    display: block;
    /* margin-top: 25px; */
}
.sideNavi a.telphone { background-color: #ffcb05; color: #000; }
.sideNavi a:hover { background-color: #231f20;  color: #ffffff;  } 


.sideNavi a:hover { background-color: #231f20;  color: #ffffff;  } 
.shadow:hover, .core__section .core__Block .core__card:hover {box-shadow: none !important; -webkit-transform: translateY(-.5em); transform: translateY(-.5em);}
.shadow, .core__section .core__Block .core__card:hover { 
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;}
.video_pb { border-radius: 2rem;   overflow: hidden; }
.video-button {width: 90px;height: 90px;color: #FFFFFF;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;display: inline-block; border: 3px solid #FFF;text-align: center;line-height: 92px;animation: pulse 2000ms linear infinite;-webkit-animation: pulse 2000ms linear infinite;-moz-animation: pulse 2000ms linear infinite;     font-size: 2rem;}
.video-button::before, .video-button::after {position: absolute;content: "";width: 100%;height: 100%;left: 0;top: 0;background-color: #FFF;border-radius: 74px;opacity: 0.15;z-index: -10;}

.video-play-row:after { position: absolute; content: ""; width: 100%; height: 100%; background-color: var(--bg-purple); background-blend-mode: multiply; opacity: 0.5; top: 0px; left: 0px; }

.video-button::after {z-index: 1;animation: outer-ripple 2000ms linear infinite;-webkit-animation: outer-ripple 2000ms linear infinite;-moz-animation: outer-ripple 2000ms linear infinite;}
.video-section { position: absolute; left: 42%; top: 40%; text-align: center; z-index: 3; }
@-webkit-keyframes outer-ripple{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:.5}80%{-webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5);opacity:0}100%{-webkit-transform:scale(2.5);-ms-transform:scale(2.5);transform:scale(2.5);opacity:0}}@-moz-keyframes outer-ripple{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:.5}80%{-webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5);opacity:0}100%{-webkit-transform:scale(2.5);-ms-transform:scale(2.5);transform:scale(2.5);opacity:0}}


.thankyou-sec .hero-thankyou .bc-img01 .thankyou__dv { background-color: #FFFFFF; width: 500px; margin: 0 auto; position: relative; z-index: 1; padding: 2rem; border-radius: 30px; }
.thankyou-sec .hero-thankyou .bc-img01 .thankyou__dv h3 { font-size: 5em; color: var(--bg-orange); }
.thankyou-sec .hero-thankyou .bc-img01 .thankyou__dv p { font-size: 22px; line-height: 1.3; }
.thankyou-sec .hero-thankyou .bc-img01 { height: 100vh; background-size: cover; padding-top: 16%; }

.swingimage1{-webkit-transform-origin: 50% 0;transform-origin: 50% 0;-webkit-animation: swinging1 5.5s ease-in-out forwards infinite;animation: swinging1 5.5s ease-in-out forwards infinite}.swingimage{-webkit-transform-origin: 50% 0;transform-origin: 50% 0;-webkit-animation: swinging 4.5s ease-in-out forwards infinite;animation: swinging 4.5s ease-in-out forwards infinite}@keyframes swinging1{0%{transform: rotate(10deg)}50%{transform: rotate(-5deg)}100%{transform: rotate(10deg)}}@keyframes swinging{0%{transform: rotate(10deg)}50%{transform: rotate(-5deg)}100%{transform: rotate(10deg)}}



 .step-container {
      position: relative;
      text-align: center;
      transform: translateY(-43%);
    }

    .step-circle {
      width: 30px;
      height: 30px;
      border-radius: 50%;
      background-color: #fff;
      border: 2px solid #007bff;
      line-height: 30px;
      font-weight: bold;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 10px;
      cursor: pointer; /* Added cursor pointer */
    }

    .step-line {
      position: absolute;
      top: 16px;
      left: 50px;
      width: calc(100% - 100px);
      height: 2px;
      background-color: #007bff;
      z-index: -1;
    }
    
    #multi-step-form{
    overflow-x: hidden;
  }