body {
    font-family: 'Montserrat' !important;
}
  #preloader {
            width: 100%;
            height: 100vh;
            background-image: url('preloadbg.png');
            background-size: 100% 100%;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 9999;
            opacity: 1;
            transition: opacity 0.5s ease-in-out;
        }

        #preloader-image {
            width: 100%;
            height: 100vh;
            animation: fadeInOut 2s infinite ease-in-out;
        }

        #content {
            display: none;
        }

        /* Fade In and Fade Out animation */
        @keyframes fadeInOut {
            0% {
                opacity: 0;
            }
            50% {
                opacity: 1;
            }
            100% {
                opacity: 0;
            }
        }


/* Parent background */
.new-card-bg-main {
  background-image: url(../images/Career-Home-page-Images/kot-enterprises-bg-image.png);
  background-size: 100% 100%;
  background-position: center;
  padding: 100px 0;
  position: relative;
}

/* Wrapper for heading and cards */
.card-wrapper {

  padding: 0 5%;         /* equal left & right margin */
  box-sizing: border-box;
}

/* Heading */
.card-main-heading h1 {
  font-family: Montserrat;
  font-weight: 900;
  font-size: 37px;
  line-height: 100%;
  color: #0C72BA;
  margin: 0 0 20px 0;
  text-align: left;
}

/* Container for cards */
.card-container {
  display: flex;
  justify-content: space-between; /* auto space but keep in row */
  gap: 20px;
  flex-wrap: wrap;
}

/* Single card */
.new-card-bg {
  background-image: url(../images/Career-Home-page-Images/fram-card.png);
  width: 288px;
  height: 357px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding-top: 15px;
  position: relative;
  z-index: 2;
}

/* Card image */
.card-image img {
  width: 262px;
  height: 171px;
  margin-left: 14px;
}

/* Card heading */
.text-card h1 {
  font-weight: 700;
  font-size: 18.1px;
  line-height: 112%;
  color: #0C72BA;
  margin-top: 12px;
  padding: 0 20px;
  text-align: left;
}

/* Card paragraph */
.text-card p {
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  color: #FFFFFF;
  padding: 0 28px 40px 20px;
  margin-top: 15px;
  text-align: justify;
}

/* -------- Responsive -------- */



      /* episode code */
      /* Parent background */
    /* Background section */
/* Parent background */
.intern-hr-new-card-bg-main {
  background-image: url(../images/Career-Home-page-Images/kot-enterprises-bg-image.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 60px 0 100px 0;
  position: relative;
  margin-top: 2%;
  overflow: hidden;
  display: flex;
  justify-content: center; /* Center container on all screens */
}

/* Inner wrapper to fix content width */
.intern-hr-new-card-inner {
  width: 100%;
 
}

/* Heading aligned to first card */
.intern-hr-card-main-heading {
  padding-left: 4.17%;
}

.intern-hr-card-main-heading h2 {
  font-family: Montserrat;
  font-weight: 900;
  font-size: 37px;
  line-height: 100%;
  color: #068A4F;              
  
  margin-bottom: 50px;
  text-align: left;
}

/* Container for cards */
.intern-hr-card-container {
  display: flex;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
  padding: 0 1%;
}

/* Single card */
.intern-hr-new-card-bg {
  background-image: url(../images/Career-Home-page-Images/fram-card.png);
  background-size: 100% 100%;
  width: 288px;
  height: 357px;                 
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding-top: 15px;
  position: relative;
  z-index: 2;
}

/* Card image */
.intern-hr-card-image img {
  width: 262px;
  height: 171px;
  margin-left: 14px;
}

/* Heading inside card */
.intern-hr-text-card h1 {
  font-weight: 700;
  font-size: 18.1px;
  line-height: 112%;
  color: #068A4F;
  margin-top: 12px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: left;
  word-wrap: break-word;
}

/* Paragraph inside card */
.intern-hr-text-card p {
  font-weight: 400;
  font-size: 12px;
  line-height: 1.2;
  color: #FFFFFF;
  padding-left: 20px;
  padding-right: 28px;
  
  text-align: justify;
  padding-bottom: 40px;
  word-wrap: break-word;
}

/* -------- Responsive -------- */

/* Tablet: 2 cards per row */
@media (max-width: 1024px) {
  .intern-hr-card-container {
    justify-content: center;
  }
  .intern-hr-card-main-heading h2 {
    font-size: 32px;
    line-height: 1.2;
  }
}

/* Small tablet / mobile: 1 card per row */
@media (max-width: 600px) {
  .intern-hr-card-container {
    flex-direction: column;
    align-items: center;
  }
  .intern-hr-new-card-bg {
    width: 90%;
    max-width: 288px;
  }
  .intern-hr-card-main-heading {
    padding-left: 0; /* Center on mobile */
    text-align: center;
  }
  .intern-hr-card-main-heading h2 {
    font-size: 25px;
    line-height: 1.2;
    margin-bottom: 30px;
    text-align: center;
  }
}

/* living kot */
.living-new-card-bg-main {
        background-image: url(../images/Career-Home-page-Images/kot-enterprises-bg-image.png);
        background-size: 100% 100%;
        background-position: center;
        padding: 100px 0;
        position: relative;
      }
      .living-card-main-heading{
         background-color: #068A4F;
             display: flex
;
    align-items: center;
    padding-left: 25px;
    padding-top: 15px;
    margin: auto;
    width: 759px;
    margin-bottom: 4%;
    border-radius: 10px;
      }
         .living-card-main-heading h2{
        font-family: Montserrat;
font-weight: 700;
font-style: Bold;
font-size: 36px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
text-transform: uppercase;
       padding-left: 20px;
        color:#FFFFFF;
        -webkit-text-stroke: 2px white; /* White outline */
  -webkit-text-fill-color: green; /* Green fill */ 
        padding-bottom: 10px;
         }
      /* Container for cards */
      .living-card-container {
        display: flex;
        justify-content: center;
        gap: 30px;
        flex-wrap: wrap;
        max-width: 1300px;
        margin: auto;
      }

      /* Single card */
      .living-new-card-bg {
        background-image: url(../images/Career-Home-page-Images/fram-card.png);
         background-size: 100% 100%;
  width: 288px;
  height: 357px;                 
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding-top: 15px;
  position: relative;
  z-index: 2;
      }

      /* Card image */
      .living-card-image img {
        width: 262px;
  height: 171px;
  margin-left: 14px;
      }

      /* Heading */
      .living-text-card h1 {
        font-weight: 700;
        font-size: 18.1px;
        line-height: 112%;
       
        margin-top: 12px;
  padding-left: 20px;
  padding-right: 20px;
        text-align: left;
 color: #068A4F;
      }

      /* Paragraph */
      .living-text-card p {
     font-weight: 400;
  font-size: 13.99px;
  line-height: 1.3;
  color: #FFFFFF;
  
  padding-left: 20px;
  padding-right: 28px;
  margin-top: 15px;
  text-align: left;
  padding-bottom: 40px;
        padding-bottom: 40px;
      }

      /* -------- Responsive -------- */

      /* Tablet: 2 cards per row */
      
/* episode main 5 card */
    /* Section Background */
    .kot-new-card-bg-main-c5 {
      background: url("../images/Career-Home-page-Images/kot-enterprises-bg-image.png") no-repeat;
      background-size: 100% 100%;
      padding: 100px 0 120px;
      position: relative;
    }

    /* Heading Container (inside bg with equal padding) */
    .kot-card-main-heading-c5 {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #068a4f;
  max-width: 1400px;
  margin: 0 auto;       /* center within parent */
  height: 80px;
  border-radius: 10px;
  padding: 0 50px;      /* equal left & right padding for text */
  box-sizing: border-box;

  width: calc(100% - 80px); /* 👈 leave margin (40px each side) */
}


    /* Heading Text */
    .kot-card-main-heading-c5 h2 {
      font-family: Montserrat, sans-serif;
      font-weight: 700;
      font-size: 32px;
      line-height: 100%;
      text-transform: uppercase;
      text-align: center;
      color: #ffffff;
      margin: 0;
      -webkit-text-stroke: 2px white; /* White outline */
      -webkit-text-fill-color: green; /* Green fill */
    }

    /* Container for cards (Single Line) */
    .kot-card-container-c5 {
      display: flex;
      gap: 10px;
      
      margin: 4% auto 0 auto;
      padding: 0 40px;
      flex-wrap: nowrap;
      overflow-x: auto;
      scrollbar-width: none; /* Firefox */
     justify-content: center;
    }
    .kot-card-container-c5::-webkit-scrollbar {
      display: none; 
    }

    
    .kot-new-card-bg-c5 {
      background: url("../images/Eppisode-image/card-5-frame.png") no-repeat center/cover;
      width: 255.63px;
      height: 316.25px;
      
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      vertical-align: top;
      padding: 15px;
      box-sizing: border-box;
      transition: transform 0.3s ease;
      text-align: left;
    }

    /* Title */
    .kot-text-card-c5 h2 {
      font-family: Montserrat;
      font-weight: 700;
      font-size: 17px;
      line-height: 112%;
      color: #ffffff;
      padding-right: 50px;
      margin: 0 0 10px 0;
    }

    /* Middle Image with Vertically Centered Text */
    .kot-card-image-bg-text-img-c5 {
      background: url("../images/Eppisode-image/card-5-img.png") no-repeat center/cover;
      width: 210px;
      height: 120px;
      padding: 10px;
      border-radius: 5px;
      margin-bottom: 10px;

      display: flex;
      align-items: center;
      text-align: left;
    }

    .kot-card-image-bg-text-img-c5 p {
      font-family: Montserrat;
      font-weight: 500;
      font-size: 12px;
      line-height: 1.1;
      color: #ffffff;
      margin: 0;
      text-align: justify;
    }
.text-card-btn-c5 {
  width: 99.27px !important;
height: 27.30px !important;

border-radius: 5.46px;

}
    /* Bottom Button */
    .text-card-btn-c5 button {
      background-color: #068a4f;
      color: #ffffff;
      border: none;
      font-family: Montserrat, sans-serif;
      font-weight: 700;
      font-size: 9.55px;
      line-height: 112%;
      padding: 7px 21px;
      border-radius: 5px;
      transition: 0.3s;
      cursor: pointer;
    }

    /* Staggered Layout (2nd and 4th top 100px) */
    .kot-new-card-bg-c5:nth-child(2),
    .kot-new-card-bg-c5:nth-child(4) {
      margin-top: 122px;
    }

    /* Responsive Adjustments */
   
    /* cluture-swiper horizantel slider */
    /* cluture-swiper horizantel slider */
    /* cluture-swiper horizantel slider */
      /* Main container */
    /* ---------------------------
       1) OUC Image Card Slider
    ---------------------------- */
   
  .ouc-main-bg-ouc {
  background-image: url(../images/culture-image/culture-bg-img.png);
  background-size: 100% 100%;
  background-position: center;
  padding: 50px 0 5%;
  overflow: hidden;
  background-repeat: no-repeat;
}
.ouc-main-bg-ouc h2{
    font-family: Montserrat;
    font-weight: 800;
    font-size: 52px;
    padding-left: 4.17%;
    line-height: 80%;
    color: #0C72BA;
}
.ouc-heading {
    font-family: Montserrat;
    font-weight: 600;
    font-style: Regular;
    font-size: 41px;
    line-height: 112%;
    padding-left: 4.17%;  
}

.ouc-slider-section {
  position: relative;
  margin: 0 auto;
  padding: 0 4.17%;
  box-sizing: border-box;
  overflow: visible;
}

@media (max-width: 992px) {
  .ouc-slider-section { padding: 0 40px; }
}
@media (max-width: 576px) {
  .ouc-slider-section { padding: 0 20px; }
}

.ouc-swiper-container {
  position: relative;
  width: 100%;
  overflow: visible !important;
  z-index: -1;
}

.ouc-swiper-slide {
  display: flex !important;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
}

.ouc-big {
  background-image: url("../images/culture-image/slider-swiper-image.png");
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 10px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.3);
  width: 1261px;
  height: 400px;
  position: relative;
  overflow: visible !important;
}

.ouc-slide-img-wrapper {
  position: absolute;
  bottom: -50px;
  right: 15%;
  width: 235px;
  height: 237px;
  z-index: 5;
  transition: transform 0.3s ease;
  overflow: visible !important;
}

.ouc-slide-img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  object-fit: cover;
  box-shadow: 0 4px 20px rgba(0,0,0,0.4);
  background-color: #222;
}
.swiper-horizantal{
  overflow-x: hidden !important;
}
.swiper{
  overflow-x: hidden !important;
  height: 500px !important;
}
.ouc-slider-side-image {
      position: absolute;
    top: 55%;
    transform: translateY(-50%);
    width: 200px;
    height: 450px !important;
    z-index: 5;
  pointer-events: none;
}

.ouc-left-image { left: 20px; }
.ouc-right-image { right: 20px; }

.ouc-swiper-button-next,
.ouc-swiper-button-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  height: 60px;
  background: rgba(0,0,0,0.5);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
  cursor: pointer;
  transition: background 0.3s ease;
}

.ouc-swiper-button-prev { left: 40px !important; }
.ouc-swiper-button-next { right:40px !important; }


.ouc-swiper-button-next::after,
.ouc-swiper-button-prev::after {
  font-size: 23px !important;
  color: white;
  font-weight: bold;
}

/* Hide Swiper scrollbar */
.swiper-scrollbar,
.swiper-horizontal > .swiper-scrollbar,
.swiper-vertical > .swiper-scrollbar {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* episode-slider */

.text-color-ger {
   font-family: Montserrat;
font-weight: 700;
font-style: Bold;
font-size: 42px;
padding-left: 100px;
line-height: 112%;
color: #068A4F !important;

}
/* home landing page all*/

/* Where Smart Technology Meets Customer Success */
.home-main-container {
 
 padding-top: 60px;
}


.stmcs-main-text {
padding-left: 4%;
  
}
.stmcs-main-text h1 {
    font-family: Montserrat;
    font-weight: 800;
    font-size: 42px;
    line-height: 116%;
    color: #0C72BA;
  }

.stmcs-p1 {
  font-family: Montserrat !important;
  font-weight: 800 !important;
  font-style: ExtraBold !important;
  font-size: 22px !important;
  line-height: 112% !important;
  color: #FFFFFF !important;
}

.stmcs-main-text p {
  font-family: Montserrat;
    font-weight: 500;
    font-style: Medium;
    font-size: 21px;
    line-height: 118%;
    color: #FFFFFF;
    padding-right: 85px;
}
.text-btn{
  display: flex;
 gap: 25px;
 padding-top: 5%; 
 
  
}
.text-stmcs-btn-1{
  background-image: url(../images/home/btn-2.png);
  background-repeat: no-repeat;
  width: 191.42px;
  height: 55.41px;

   font-family: Montserrat;
font-weight: 800;
font-style: ExtraBold;
font-size: 14.99px;
leading-trim: NONE;
line-height: 100%;
color: #FFFFFF;

display: flex;
 justify-content: center; 
  align-items: center;     

}
.text-stmcs-btn-1 a{
   font-family: Montserrat;
font-weight: 800;
font-style: ExtraBold;
font-size: 14.99px;
leading-trim: NONE;
line-height: 100%;
color: #FFFFFF;
text-decoration: none;
}
.text-stmcs-btn-2{
  background-image: url(../images/home/btn-1.png);
  background-repeat: no-repeat;
   width: 191.42px;
  height: 55.41px;
  
display: flex;
 justify-content: center; /* horizontal center */
  align-items: center;     /* vertical center */
}
.text-stmcs-btn-2 a{
  font-family: Montserrat;
font-weight: 800;
font-style: ExtraBold;
font-size: 14.99px;

line-height: 100%;
letter-spacing: 0%;
color: #000000;
text-decoration: none;
}

.stmc-image {
  
  
  
  width: 100%;
  height: auto;

  
}
.stmcs-bg-image{
  padding-right: 0%!important;
}




/* Where Smart Technology Meets Customer Success-end */



.wwo-main-container {
  background-image: url(../images/home/home-bg-img.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
 
  padding-top: 80px;
  padding-bottom: 80px;
}
.wwo-main-container-text {
  padding-left: 5% !important;
  padding-right: 0% !important;
}

.wwo-main-container-text h1{
font-family: Montserrat;
    font-weight: 800;
    line-height: 112%;
    color: #0A71B9;
    font-size: 42px;
    margin-bottom: 5%;
}

.wwo-main-container-text p{
 font-family: Montserrat;
    font-weight: 400;
    font-size: 21px;
    line-height: 118%;
    color: #FFFFFF;
    

}
.btn-blue-img{
  background-image: url(../images/home/btn-2.png);
  background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 174.42px;
    height: 45.41px;
    display: flex;
    justify-content: center;
    align-items: center;
  
}
.who-main-container-card {
 display: flex
;
    justify-content: center;
  
  
}
.cards-alignment {
  gap: 15px !important;
}
.who-main-card-1
{
background-image: url(../images/home/home-card-1.png);
background-repeat: no-repeat;
width: 255.63px;
height: 316.24px;
 display: grid;
 justify-content: space-around;
 align-items: center;
 gap: 50px;

}

.who-main-card-2{
background-image: url(../images/home/home-card-2.png);
background-repeat: no-repeat;
width: 255.63px;
height: 316.24px;
margin-top: 18%;
 display: grid;
 justify-content: space-around;
 align-items: center;
 gap: 50px;

}
.who-main-card-3 {
background-image: url(../images/home/home-card-3.png);
background-repeat: no-repeat;
width: 255.63px;
height: 316.24px;
 display: grid;
 justify-content: space-around;
 
 align-items: center;
 gap: 50px;
}

.card-logo-bg-1{
  background-image: url(../images/home/home-card-bg-1.png);
background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 220.41px;
    height: 140.75px;
    margin-bottom: 17px;
    
}
.card-logo-img-1,.card-logo-img-2,.card-logo-img-3{
width: 134.28px;
height: 44.24px;
border-radius: 7.06px;
padding-bottom: 70px;

}

.card-logo-bg-2{
  background-image: url(../images/home/home-card-bg-2.png);
background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 220.41px;
    height: 110.15px;
    margin-bottom: 20px;
  }

.card-logo-bg-3{
  background-image: url(../images/home/home-card-bg-3.png);
  background-size: 100% 100%;
  width: 221.41px;
  height: 141.75px;

  background-repeat: no-repeat;
  margin-bottom: 17px;
  display: flex
;
    align-items: center;
}
.card-logo-bg-1,.card-logo-bg-2,.card-logo-bg-3 p {
font-family: Montserrat;
    font-weight: 700;
    font-size: 12px;
    line-height: 132%;
    color: #000000;
    display: flex;
    padding-left: 7px;
}


.explore-btn-1 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background-color: #17D4FF; /* Blue button */
  color: white;
  padding: 12px 25px;
  border-radius: 5px;
  
  text-decoration: none;
  transition: 0.3s ease;
  width: 99.28px;
 height: 27.30px;
font-family: Montserrat;
font-weight: 700;
font-style: Bold;
font-size: 10.55px;

line-height: 112%;
margin-left: 2%;

    --bs-link-hover-color: none;

}

.explore-btn-2 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background-color: #FFCC29; /* Blue button */
  color: white;
  padding: 12px 25px;
  border-radius: 5px;
margin-left: 2%;

  
  text-decoration: none;
  transition: 0.3s ease;
  width: 99.28px;
 height: 27.30px;
font-family: Montserrat;
font-weight: 700;
font-style: Bold;
font-size: 10.55px;
--bs-link-hover-color: none;
line-height: 112%;
}
.explore-btn-3 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background-color: #068A4F; /* Blue button */
  color: white;
  padding: 12px 25px;
  border-radius: 5px;
margin-left: 2%;

  
  text-decoration: none;
  transition: 0.3s ease;
  width: 99.28px;
 height: 27.30px;
font-family: Montserrat;
font-weight: 700;
font-style: Bold;
font-size: 10.55px;
--bs-link-hover-color: none;
line-height: 112%;
}


.explore-btn .arrow {
  font-size: 18px;
  transition: 0.3s;
}

.explore-btn:hover .arrow {
  transform: translateX(5px); /* Move arrow on hover */
}



.main-two-slider-image{
  background-image: url(../images/home/home-bg-img.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 80px;
}
.dual-slider-container {

  display: flex;
  width: 100%;
  height: 450px;
  background: #000;
  color: white;
  overflow: visible !important;
  position: relative;
  padding: 20px 0;
  gap: 150px; /* gap between sliders */
  align-items: center;
}

/* ===== Vertical Slider ===== */
.vertical-slider {
  width: 282px;
  height: 366px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  gap: 15px;
}

.v-slider-track {
  display: flex;
  flex-direction: column;
  transition: transform 0.5s ease;
  z-index: 2;
  gap: 15px;
}

.v-card {
  width: 180px;
  height: 120px;
 
  text-align: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 8px;
}
.h-card .author { 
font-weight: bold;
    margin-top: 30px;
    text-align: end;
    display: block;
    padding-right: 15px;
  }

.v-card h3 { font-size: 28px; margin-bottom: 5px; }
.v-card p { font-size: 14px; }

/* Vertical Buttons */
.v-up-btn {
  position: absolute;
  left: 10%;
  transform: translateX(-50%);
  z-index: 5;

 
  cursor: pointer;
  padding: 8px;
  
  transition: 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.v-down-btn {
  position: absolute;
  left:10%;
  transform: translateX(-50%);
  z-index: 5;
  
 
  cursor: pointer;
  padding: 8px;
 
  transition: 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.v-up-btn img, .v-down-btn img {
  width: 22.45px;
  height: 13.88px;
  
}
.v-up-btn { top: 2px; }
.v-down-btn { bottom: 2px; }



/* Side Images for Vertical Slider */
.v-top-img{
  position: absolute;
  z-index: 1;
  width:212px;
  height: 62px;
  
}
.v-bottom-img {
  position: absolute;
  z-index: 1;
  width:212px;
  height: 62px;
  
}
.v-left-img {
  position: absolute;
  z-index: 1;
  width: 28.52px;
  height: 235.53px;

}
 .v-right-img {
  position: absolute;
  z-index: 1;
  width: 28.52px;
  height: 235.53px;
  
}

.v-top-img { top: 0px; left: 50%; transform: translateX(-50%);  z-index: 3; }
.v-bottom-img { bottom: 0px; left: 50%; transform: translateX(-50%); z-index: 3;}
.v-left-img { top: 50%; left: 5px; transform: translateY(-50%); }
.v-right-img { top: 50%; right: 5px; transform: translateY(-50%); }

/* ===== Horizontal Slider ===== */
.horizontal-slider-wrapper {
  width: 70%;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.h-slider-track {
  display: flex;
  transition: transform 0.5s ease;
  gap: 20px;
}
.h-card {
background-image: url(../images/home/card-home-fram.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 351.03px;
   height: 416.26px;


 
 
  padding: 20px;
 
  
  
}
.h-card p { 
  
    font-family: Montserrat;
    font-weight: 400;
    font-size: 19px;
    line-height: 117%;
    display: flex
;
    align-items: start;
    padding: 12px 9px;
}
.author-text {
  font-family: Montserrat !important;
font-weight: 500 !important;
font-style: Medium !important;
font-size: 12px !important;

line-height: 112%;
letter-spacing: 0%;
color: #FFFFFF !important;
}
.h-card { font-weight: bold; 
  margin-top: 10px; 
}

  .author { font-weight: bold; 
  margin-top: 10px; 
  display: flex;
  text-align: end;
}

.left-btn{
   position: absolute;
 width: 29.95px;
height: 12.33px;
 color: #0C72BA;
  font-size: 50px;
  cursor: pointer;
  z-index: 3;
  padding: 5px 12px;
  transition: 0.3s;
}
 .right-btn {
  position: absolute;
 width: 29.95px;
height: 12.33px;
 color: #0C72BA;
  font-size: 50px;
  cursor: pointer;
  z-index: 3;
  padding: 5px 12px;
 
  transition: 0.3s;
}

.left-btn { left: 30%; }
.right-btn { right:3%;     transform: translateY(-234px); }

/* Blur Images */
.h-blur-left, .h-blur-right {
  position: absolute;
  top: 0;
  width: 80px;
  height: 100%;
  z-index: 2;
  opacity: 2;
  pointer-events: none;
}
.h-blur-left { left: 0; }
.h-blur-right { right: 0; }
.h-blur-left img, .h-blur-right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.main-div {
  width: 80%;           
  margin: 0 auto;       
}
/* Horizontal Continuous Scroll */
.h-slider-track {
  display: flex;
  gap: 20px;
  animation: scrollHorizontal 20s linear infinite;
  will-change: transform;
}
@keyframes scrollHorizontal {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

/* Vertical Continuous Scroll */
.v-slider-track {
  display: flex;
  flex-direction: column;
  gap: 15px;
  animation: scrollVertical 20s linear infinite;
  will-change: transform;
}
@keyframes scrollVertical {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-50%);
  }
}

/* Optional: Pause on Hover */
.h-slider-track:hover,
.v-slider-track:hover {
  animation-play-state: paused;
}

/* Your Journey Starts Here! */
/* Main Section */
/* General Container Styling */
.yjs-contact-slider-section {
  background-image: url(../images/home/home-bg-img.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  padding: 60px;
  
 
  gap: 0px;
  flex-wrap: wrap;
}

/* Left Section */
.yjs-contact-left {
  flex: 1;
  /* max-width: 362px; */
}

.yjs-contact-left h2 {
    font-family: Montserrat;
    font-weight: 900;
    font-size: 33px;
    line-height: 103%;
    margin-bottom: 10px;
    color: #0C72BA;}

.yjs-subtitle {
  font-family: Montserrat;
font-weight: 400;
font-style: Regular;
font-size: 17px;

line-height: 100%;
letter-spacing: 0%;
font-variant: small-caps;

  padding-bottom: 40px;
  color: #CACACA;
}

.yjs-contact-left p {
font-family: Montserrat;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    line-height: 118%;
    margin-bottom: 0px;
}

.yjs-contact-info p {
  margin: 10px 0;
}

.yjs-contact-info a {
  color: #1e90ff;
  text-decoration: none;
}
.yjs-contact-info-section {


  padding-right: 30px;
  padding-bottom: 30px;
  padding-right: 30px;
  text-align: center;
  color: white;
 
 margin-top: 30px;
  max-width: 400px;
 
}

.yjs-contact-item {
  display: flex;
  align-items: center;
  
  margin-bottom: 20px;
}
.yjs-contact-item img{
width: 23.74px;
height: 19px;


}
.yjs-icon {
  width: 40px;
  height: 40px;
  margin-right: 15px;
}
.yjs-icon-2 {
  width: 20.125px !important;
height: 20.125px !important;


  margin-right: 15px;
}
 
.yjs-contact-text {
  text-align: left;
}

.yjs-label {
 font-family: Montserrat;
font-weight: 400;
font-style: Regular;
font-size: 12px;

line-height: 100%;
color: #FFFFFF;

}

.yjs-contact-text a {
  color: #fff;
  text-decoration: none;
  font-size: 14px;
}

.yjs-contact-text a:hover {
  text-decoration: underline;
}

/* Right Section */
.yjs-contact-right {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
}

/* Vertical Slider */
.yjs-vertical-slider-container {
  position: relative;
  width: 300px;
  height: 400px;
  overflow: hidden;
  display: flex;
  align-items: center;
  flex-direction: column;
  background: transparent;
}

/* Slider Buttons */
.yjs-v-up-btn,
.yjs-v-down-btn {
  background: none;
  border: none;
  cursor: pointer;
  z-index: 3;
}

.yjs-v-up-btn img,
.yjs-v-down-btn img {
  width: 17.32px;
height: 10.71px;


}

/* Fade Background Images */
.yjs-v-fade-top,
.yjs-v-fade-bottom {
 width: 272px;
height: 89px;


  z-index: 2;
  pointer-events: none;
}

/* Slide Track */
.yjs-v-slider-track {
  flex: 1;
  overflow: hidden;
  scroll-behavior: auto; /* Makes scrollTo() smooth */
 scroll-snap-type: none;
}


.yjs-v-slider-track > div:last-child {
  margin-bottom: 0;
}
.yjs-v-slider-track > div {
   scroll-snap-type: none; /* Chrome */
}
.yjs-v-slide-1
 {
  background-image: url(../images/home/yjs-blue-image.png); 
  background-repeat: no-repeat;
  padding: 20px;
  margin-bottom: 20px;
  position: relative;
    width: 272px;
    height: 145.43px;



}
.yjs-v-slide-1 p{
font-family: Montserrat;
font-weight: 400;
font-style: Regular;
font-size: 12px;
leading-trim: NONE;
line-height: 1.2;
color: #FFFFFF;

}
.yjs-v-slide-2 {
 background-image: url(../images/home/yjs-white-image.png);
  background-repeat: no-repeat;
  padding: 20px;
  margin-bottom: 20px;
  position: relative;
width: 272px;
height: 89px;


}
.yjs-v-slide-2 p{
font-family: Montserrat;
font-weight: 400;
font-style: Regular;
font-size: 12px;
leading-trim: NONE;
line-height: 1.2;
color: #FFFFFF;

}



/* AI Robot */
.yjs-ai-robot img {
  width: 464px;
height: 460px;
position: relative;
left: -17%;
z-index: 999;


}

/* rohan css */
/* our blog-section-start */
.our-blog-section {
  background-image: url('../images/home/home-bg-img.png');
  background-size:100% 100% ;
 
  padding: 60px 0;
}

.our-blog-heading {
  color: #0c72ba;
  font-size: 3rem;
  font-weight: 900;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  margin-bottom: 60px;
  text-align: center;
  margin-left: 70px;
}

.our-blog-card-wrapper {
  display: flex;
  justify-content: center;
  gap: 40px;
  flex-wrap: wrap;
}

.our-blog-card {
  background-image: url('../images/home/card-home-fram.png');
  background-size: cover;
  background-position: center;
  width: 350px;
  height: 430px;
  padding: 30px 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 10px;
}

.our-blog-card h2 {
  font-size: 20px;
  font-weight: 700;
  color: #0c72ba;
  margin-bottom: 20px;
  text-align: start;
}

.our-blog-card p {
    font-size: 15px;
    font-weight: 400;
    color: white;
    text-align: left;}

/* Responsive Adjustments */



/*  <!-- Certificate Verification Center-start --> */
.main-certification{
  background-image: url(../images/Certification-verifcation/maincertification-crown.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: flex;
  justify-content: space-between;
  padding-top: 4.17%;
  padding-left: 4.17%;
  padding-right: 4.25%;
}
.main-certitification-text{
  width: 60%;
  padding-right: 3%;
}

.main-certitification-text h1{
font-family: Montserrat;
font-weight: 800;
font-style: ExtraBold;
font-size: 42px;
leading-trim: NONE;
line-height: 112.00000000000001%;
letter-spacing: 0%;
color: #068A4F;
}
.main-certitification-text h5{
font-family: Montserrat;
font-weight: 800;
font-style: ExtraBold;
font-size: 22px;
leading-trim: NONE;
line-height: 112%;
letter-spacing: 0%;
color: #3076BB;
padding-bottom: 2%;
    padding-left: 0.5%;
}

.main-certitification-text p{
font-family: Montserrat;
font-weight: 500;
font-style: Medium;
font-size: 22px;
leading-trim: NONE;
line-height: 1.4;
text-align: justify;
color: #FFFFFF;
padding-left: 0.5%;
}

.main-certification-main-logo {
  width: 378px;
height: 430.24px;

}
/*  <!-- Certificate Verification Center-end --> */
/* Certificate Verification Center - Responsive Styles */

/* Tablet adjustments (up to ~1024px) */
/* Tablet view up to 1024px, but above 784px → row layout */


/* Meet the most credible ventures of the company-start */
.meet-credible-main {
  background-image: url(../images/Certification-verifcation/crown.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
    align-items: center;
     padding-top: 4.17%;
  
  padding-bottom:4.17% ;
}
.meet-credible-text{
  
  text-align: center;
}
.meet-credible-text h1{
  font-family: Montserrat;
font-weight: 900;
font-style: Black;
font-size: 52px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
color: #068A4F;
}
.meet-credible-text p{
  font-family: Montserrat;
font-weight: 400;
font-style: Regular;
font-size: 32px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
color: #FFFFFF;
padding-bottom: 3%;
}
.credible-img-4 {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.credible-img-4 img{
  width: 259.21px;
height: 75.93px;


}
.credible-img-4-2{
    display: flex;
    justify-content: center;
    gap: 15px;
    padding-top: 0.5%;
}

.credible-img-4-2 img{
   width: 259.21px;
height: 75.93px;

}




/* Small mobile (below 480px) */



/* how it works-start */
.how-work-main {
  background-image: url(../images/Certification-verifcation/crown.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding-top: 10.17%;
  
  padding-bottom:10.17%;
  background-color: #070707;
}

.how-work-text h1 {
  font-family: Montserrat;
  font-weight: 900;
  font-style: Black;
  font-size: 52px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  color: #068A4F;
  text-align: center;
  padding-bottom: 3%;
}

.how-work-main-card {
  display: flex;
  justify-content: center;
  gap: 80px;
}

/* Updated: flexbox + padding for vertical centering and right space */
.work-card-1,
.work-card-2,
.work-card-3 {
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 262.99px;
  height: 322.14px;
  display: flex;
  flex-direction: column;
  justify-content: center;    /* vertical center */
  align-items: flex-start;    /* left align text */
    padding-left: 2.5%;       /* space from left */
           /* more space from right */
}

.work-card-1 {
  background-image: url(../images/Certification-verifcation/certification-card1.png);
}

.work-card-2 {
  background-image: url(../images/Certification-verifcation/certification-card-2.png);
}

.work-card-3 {
  background-image: url(../images/Certification-verifcation/certification-card-3.png);
}


.how-work-text-1 h5,
.how-work-text-2 h5,
.how-work-text-3 h5 {
  font-family: Montserrat;
  font-weight: 800;
  font-style: ExtraBold;
  font-size: 20px;
  leading-trim: NONE;
  line-height: 100%;
  letter-spacing: 0%;
  text-transform: uppercase;
  margin-bottom: 10px;
  padding-right: 3%;
}

.how-work-text-1 p,
.how-work-text-2 p,
.how-work-text-3 p {
  font-family: Montserrat;
  font-weight: 500;
  font-style: Medium;
  font-size: 17px;
  leading-trim: NONE;
  line-height: 1.2;
  color: #FFFFFF;
  padding-right: 22%

}


/* end of section */


/* The Power of the Network- start */
.power-network-main {
  background-image: url(../images/Certification-verifcation/back-ground-2.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding-bottom: 4.17%;
}
.power-text h1{
font-family: Montserrat;
font-weight: 900;
font-style: Black;
font-size: 52px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
color: #068A4F;
text-align: center;
padding-bottom: 3%;
    padding-top: 4.17%;
    
}

.power-text p{
  font-family: Montserrat;
font-weight: 400;
font-style: Regular;
font-size: 32px;
leading-trim: NONE;
line-height: 1.2;
letter-spacing: 0%;
text-align: center;
color: #FFFFFF;
}






/* Types of Verifiable Certificates -start */


.certification-bg-image {
  background-image: url(../images/our-benifits-images/wcb-bg-img.png);
  background-size: 100% 100%;
  height: auto;
}

.certification-slider-container {
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 30px;
  overflow: hidden;
}

.certification-slider-wrapper {
  display: flex;
  overflow-x: auto;
  scroll-behavior: smooth;
  margin: 0 80px;
  scrollbar-width: none;
  -ms-overflow-style: none;
  z-index: 1;
}

.certification-slider-wrapper::-webkit-scrollbar {
  display: none;
}

.certification-slider-item {
  flex: 0 0 auto;
  width: 360px;
}

.certification-slider-item-image-1,
.certification-slider-item-image-2,
.certification-slider-item-image-3 {
  width: 360px;
  height: 70px;
  background-size: cover;
}

.certification-slider-item-image-1 {
  background-image: url("../images/Certification-verifcation/cri-1.png");
}

.certification-slider-item-image-2 {
  background-image: url("../images/Certification-verifcation/cri-2.png");
}

.certification-slider-item-image-3 {
  background-image: url("../images/Certification-verifcation/cri-3.png");
}
.certification-text h2{
    padding-left: 4.17%;
    padding-top: 4.17%;
    padding-bottom: 3%;
    color:#068A4F ;
    font-family: Montserrat;
font-weight: 900;
font-style: Black;
font-size: 52px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;


}
.certification-paragraph {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 27px;
  color: #ffffff;
  width: 70%;
  word-wrap: break-word;
}

.certification-arrow-btn {
  position: absolute;
  top: 30%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  font-size: 50px;
  padding: 10px 30px;
  cursor: pointer;
  z-index: 999;
  color: white !important;
}

.certification-arrow-left {
  left: 0;
}

.certification-arrow-right {
  right: 0;
}

.certification-slider-side-image {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 130px;
  height: auto;
  z-index: 0;
  pointer-events: none;
}

.certification-left-image {
  left: 30px;
  height: 65vh;
  z-index: 999;
}

.certification-right-image {
  right: 30px;
  height: 65vh;
  z-index: 999;
}



/* Types of Verifiable Certificates -end */


/* Unlock the Power of being human start */
.main-human-power {
  background-image: url(../images/Certification-verifcation/crown.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
 
  display: flex;
  
align-items: center;
gap: 180px;
  padding-left: 4.17%;
  padding-top: 2%;
  padding-bottom: 2%;
  
}

.human-power-text {
  width: 50%;
 
}

.human-text-heading {
  width: 100%;
}

.human-text-heading h1 {
  font-family: Montserrat;
  font-weight: 900;
  font-style: Black;
  font-size: 52px;
  line-height: 100%;
  color: #068A4F;
  padding-bottom: 3%;
}

.human-text-heading p {
  font-family: Montserrat;
  font-weight: 500;
  font-style: Medium;
  font-size: 22px;
  line-height: 1.3;
  color: #FFFFFF;
  text-align: justify;
}

.human-heading-button {
  display: flex;
  gap: 30px;
}
.main-img-ceo img {
width: 372.51px;
height: 436.31px;


}
.btn-blue-human {
  background-image: url(../images/Certification-verifcation/verification-btn-1blue.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 191.42px;
  height: 55.41px;
      display: flex
;
   
    align-items: center;
    text-align: center;
}
.btn-blue-human span{
  font-family: Montserrat;
font-weight: 800;
font-style: ExtraBold;
font-size: 14.99px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
display: flex;
text-align: center;
color: #FFFFFF;
padding-left:18% ;
}
.btn-white-human {
  background-image: url(../images/Certification-verifcation/verification-white-btn.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 191.42px;
  height: 55.41px;
      display: flex
;
   
    align-items: center;
}
.btn-white-human span{
font-family: Montserrat;
font-weight: 800;
font-style: ExtraBold;
font-size: 14.99px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
display: flex;
justify-content: center;
padding-left: 7%;
color: #0C72BA;
} 
.power-ceo-img {
 
  background-image: url(../images/Certification-verifcation/ceo-back-img.png);
  background-size: 100% 100%;
  
  background-repeat: no-repeat;
  width: calc(100% - 40%);
height:90vh;


}
.power-text3{
background-color: #068A4F80;
width: 156px;
height: 124px;

position: relative;
top: 44%;
    right: -13%;
border-radius: 10px;

}
.power-text3 h5{
  display: flex;
  text-align: center;
  font-family: Montserrat;
font-weight: 800;
font-style: ExtraBold;
font-size: 15px;
leading-trim: NONE;
line-height: 112.00000000000001%;
letter-spacing: 0%;
color: #FFFFFF;
    padding-top: 21%;
    padding-left: 7.5%;
}
.power-text3 p{
  font-family: Montserrat;
font-weight: 500;
font-style: Medium;
font-size: 15px;
leading-trim: NONE;
line-height: 112.00000000000001%;
letter-spacing: 0%;
color: #FFFFFF;
padding-top: 1%;
    padding-left: 7.5%;
}


/* Main verification section */
.ver-iutp-bg-image{
  background-image: url(../images/Hirirng-tips-images/iutp-bg-img.png);
 background-size: 100% 100%;
  height: auto;
  background-color: #000000;
  padding-bottom: 5%;
  
}
.Verify-main-certification {
 padding-top: 1%;
   
}

.verify-main-certitification-text h1 {
  font-family: Montserrat;
  font-weight: 800;
  font-size: 42px;
  line-height: 112%;
  color: #068A4F;
  text-align: center;
  padding-bottom: 3%;
}

/* First row: Input fields */
.form-row-1 {
  display: flex;
  justify-content: center;
  gap: 150px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

/* Second row: Button */
.form-row-2 {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

/* Third row: Image */
.form-row-3 {
  display: flex;
  justify-content: center;
}

/* Label styling */
.form-field label {
  display: block;
  font-family: Montserrat;
  font-weight: 700;
  font-size: 22px;
  line-height: 112%;
  letter-spacing: 0%;
  color: #fff;
  margin-bottom: 15px;
}

/* Inputs */
.form-field input {
  width: 380px;
  height: 50px;
  font-family: Montserrat;
  font-weight: 700;
  font-size: 17px;
  line-height: 112%;
  background: #3A3A3A;
  border-radius: 5px;
  outline: none;
  color: #FFFFFF;
  border: none;
  padding-left: 10px;
  position: relative;
  z-index: 1;
}

.form-field {
  position: relative;
  z-index: 1;
}

/* Button container */
.form-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 191px;
  height: 55px;
  background-image: url(../images/Certification-verifcation/verification-btn-1blue.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

/* Button styling */
.form-button button {
  background: transparent;
  border: none;
  color: #fff;
  font-family: Montserrat;
  font-weight: 700;
  font-size: 15px;
  cursor: pointer;
}

/* Image container */
.form-image {
  background-image: url(../images/Certification-verifcation/certificat.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 750px;  
  height: 469px; 
  pointer-events: none; 
}

.form-image h5 {
  position: relative;
  top: 52%;
  left: 5%;
  font-size: 18px;
  color: #CACACA;
}
/* Allow manual date input */
input[type="date"] {
    -webkit-appearance: none;
    appearance: none;
}

/* Placeholder styling for date input */
input[type="date"]:not(:valid):before {
    content: attr(placeholder);
    color: #999;
    margin-right: 0.5em;
 
}
/* Tablet & below */
/* @media (max-width: 1024px) {
  .verify-main-certitification-text h1 {
    font-size: 34px;
  }

  .form-row-1 {
    gap: 40px;
  }

  .form-field input {
    width: 300px;
  }
} */