/*-----------------------------------------------------------------------------------



    Template Name: CIMS

    Author: 

    Version: 1.0.0



----------------------------------------------------------------------------------- */

@font-face {

  font-family: Circular;

  src: url(../fonts/Main/Circular/CircularStd-Book.otf);

}



@font-face {

  font-family: Circular-bold;

  src: url(../fonts/Main/Circular/CircularStd-Bold.otf);

}



* {

  padding: 0;

  margin: 0;

  box-sizing: border-box;

}



html,

body {

  font-family: "Circular";

  font-weight: 400;

  font-style: normal;

  scroll-behavior: smooth;

  overflow-x: hidden;

}



:root {

  --primary: #3d107b;

  --secondary: #ee4a62;

  --tertiary: #f3f3f3;

}



.pt-200 {

  padding-top: 200px;

}



.pb-200 {

  padding-bottom: 200px;

}



.pt-150 {

  padding-top: 150px;

}



.pb-150 {

  padding-bottom: 150px;

}



.pt-100 {

  padding-top: 100px;

}



.pb-100 {

  padding-bottom: 100px;

}



.pt-80 {

  padding-top: 80px;

}



.pb-80 {

  padding-bottom: 80px;

}



.pt-60 {

  padding-top: 60px;

}



.pb-60 {

  padding-bottom: 60px;

}



.pb-40 {

  padding-bottom: 40px;

}



.pt-40 {

  padding-top: 40px;

}



.fz-24 {

  font-size: 24px;

}



.w30 {

  width: 80px !important;

}



.mr-60 {

  margin-right: 60px;

}



.ml-40 {

  margin-left: 40px;

}

.a-link {

  text-decoration: none;

  color: #fff;

  transition: 0.6s all;

}



.a-link:hover {

  color: var(--secondary);

}



.color-one {

  background: var(--primary);

}



.color-two {

  background: var(--secondary);

}



.color-three {

  background: var(--tertiary);

}



.text-color-primary {

  color: var(--primary);

}



.text-color-secondary {

  color: var(--secondary);

}



.text-color-tertiary {

  color: var(--tertiary);

}



.bg-theme-secondary {

  background: var(--tertiary);

}



.main-header {

  position: sticky;

  top: 0;

  width: 100%;

  z-index: 1000;

  background: white; /* Ensure background color to prevent transparency */

  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Optional shadow */

}



.btn-haad {

  background: var(--secondary);

  padding: 12px 22px;

  color: #fff;

  font-weight: 500;

  transition: 0.6s all;

  font-size: 1rem;

}



.btn-haad:hover {

  background: var(--primary);

  color: #fff;

}



.btn-group {

  gap: 30px;

}



.theme-btn {

  font-size: 16px;

  color: #fff;

  padding: 10px 20px;

  transition: all 0.5s;

  text-transform: capitalize;

  position: relative;

  border-radius: 10px;

  font-weight: 500;

  cursor: pointer;

  text-align: center;

  vertical-align: middle;

  overflow: hidden;

  border: none;

  background: var(--secondary);

  box-shadow: var(--box-shadow);

  z-index: 1;

  font-size: 1.3rem;

}



.theme-btn:hover {

  color: var(--secondary);

  background: var(--primary);

}



.breadcrumbs {

  background: url(../images/breadcrums.webp);

  background-position: center;

  background-size: cover;

  position: relative;

  text-align: center;

  overflow: hidden;

}



.breadcrumbs::before {

  content: "";

  width: 100%;

  position: absolute;

  bottom: 0;

  left: 0;

  height: 20px;

  background: url(../images/border.png);

  background-size: cover;

}



.breadcrumbs::after {

  content: "";

  width: 100%;

  position: absolute;

  top: 0;

  left: 0;

  height: 20px;

  background: url(../images/border.png);

  background-size: cover;

}



.breadcrumbs-title h1 {

  font-weight: 500;

  font-size: 60px;

  color: var(--primary);

  text-shadow: 2px 2px var(--secondary);

}



a {

  outline: none;

  transition: all 0.3s ease-out 0s;

  text-decoration: none;

}



.cta-button {

  background: var(--secondary);

  font-size: 1rem;

  padding: 12px 22px;

  color: #fff;

  /* border-bottom-right-radius: 12px;

  border-top-left-radius: 12px; */

  transition: 0.6s all;

  border-radius: 0.25rem;

}



.cta-button:hover {

  background: var(--primary);

  color: #fff;

}



.section-heading h2 {

  text-align: center;

  font-size: 2.4rem;

  font-weight: 600;

  font-family: "Circular-bold";

}

.bg-theme-primary {

  background: linear-gradient(45deg, #350057,#3d107b);

}



.bg-theme-primary-image-bg {

  background: url(../images/bg-1.jpg);

}

/* ------------ NAV MENU ------------ */

.header-top-wrap {

  text-align: center;

  display: flex;

  justify-content: center;

  align-items: center;

}



.header-top {

  padding: 10px 0;

  background: var(--primary);

  position: relative;

}



/* Hide marquee on mobile and show alternative text */

.desktop-only {

  display: block; /* Default: show on larger screens */

}



.mobile-only {

  display: none; /* Hide by default */

  text-align: center;

  font-size: 14px;

  font-weight: bold;

  background: var(--primary); /* Light background for visibility */

}



/* Mobile View */

@media (max-width: 768px) {

  .desktop-only {

    display: none; /* Hide marquee */

  }

  .mobile-only {

    display: block; /* Show alternative text */

  }

}



/* ------- marquee css end ------  */





.header-top-wrap span {

  font-size: 16px;

  color: #fff;

  font-weight: 500;

}



.top-navbar {

  padding: 20px 0;

}



.navbar {

  padding: 0;

}



.navbar-brand {

  flex: 1;

}



 .navbar-brand img {

  width: 80px;

} 

.nav-exp {

  width: 30%;

}



.navbar-nav .nav-link {

  font-size: 14px;

  font-weight: 600;

  color: #000 !important;

}



.top-call a {

  font-size: 18px;

}



.top-call i {

  background: var(--secondary);

  padding: 10px;

  border-radius: 30px;

  color: #fff;

}

/* ---------- Hero Area ------- */

.hero-area {

  position: relative;

  background-color: #f7ecff;

  background-image: url(../images/cims-banner-9.webp);

  background-size: contain;    
  height: 580px;

  background-position: center; 

  background-repeat: no-repeat;

  overflow: hidden;

}



.hero-area-text h1 {

  font-size: 55px;

  font-family: "Circular-bold";

  font-weight: 800;

  color: var(--primary);

  position: relative;

}



.border-img {

  position: absolute;

  top: 95%;

  left: 41%;

}



.hero-area-text p {

  font-size: 30px;

  margin-top: 30px;

  font-size: 20px;

}



.hero-right-image {

  position: absolute;

  right: 0;

  height: 100%;

  width: 42%;

  top: 0;

  overflow: hidden;

  z-index: 1;

}



.hero-right-image img {

  height: 660px;

  -o-object-fit: contain;

  object-fit: contain;

}



.hero-shape {

  position: absolute;

  right: 0;

}



@media (max-width: 768px) {



  .hero-area {

    height: 190px;

    padding-top: 40px;

    padding-bottom: 40px;

    background-size: cover;

  }



  /* remove slider dots if using owl/swiper */

  .owl-dots,

  .swiper-pagination {

    display: none !important;

  }



}



.section-title h1 {

  font-weight: 800;

  color: var(--secondary);

  position: relative;

  font-size: 45px;

}



.section-title h1 span {

  color: var(--primary);

}



.section-title p {

  line-height: 1.6;

}



.instagram-feed {

  background: var(--tertiary);

}



.instagram-box {

  text-align: center;

}

.instagram-box h4 {

  font-size: 30px;

  font-weight: 800;

}



.instagram-box h5 {

  font-size: 24px;

  font-weight: 700;

}



.instagram-box img {

  width: 20%;

}



.leader-logo-box {

  display: flex;

  justify-content: center;

  align-items: center;

}



.leader-logo img {

  width: 60%;

}



.leader-logo {

  text-align: center;

}



.section-sub-title h2 {

  font-size: 2.4rem;

  font-family: "Circular-bold";

}



.section-2 .section-sub-title p {

  color: #fff;

}



.section-2 .section-sub-title h2 {

  color: #fff;

}



.section-2 .list-itmes h2 {

  color: #fff;

  font-weight: 600;

}

.section-2 .list-itmes ul li {

  color: #fff;

}



/* .list-itmes h2 {

  color: #fff;

} */











.list-itmes ul {

  list-style: none;

  padding-left: 0;

}



.list-itmes ul li {

  margin-top: 16px;

  font-size: 16px;

  display: flex;

  align-items: center;

  gap: 12px;

}



.light-theme-bg {

  background: #edd2ff;

  padding: 40px 30px;

  border-radius: 10px;

}



.bg-theme-primary-image {

  background: url(../images/BG-3.jpg);

  background-attachment: fixed;

  background-position: center;

}



.client-slide img {

  width: 140px;

  height: 160px;

  -o-object-fit: contain;

  object-fit: contain;

}



.normal-bullet ul li {

  margin-bottom: 12px;

}



.box-image img {

  border-radius: 12px;

}



.sm-image-wrapper {

  display: flex;

  justify-content: center;

  align-items: center;

  gap: 13px;

}



.gap-20 {

  gap: 20px;

}



.sm-image-wrapper .two {

  margin-left: -20px;

  border: 2px solid #fff;

  border-radius: 50%;

}

.info .title {

  color: #221859;

  font-size: 24px;

  font-style: normal;

  font-weight: 600;

  line-height: 24px;

  margin-bottom: -5px;

}



.sm-image-wrapper .info span {

  color: #737477;

  font-size: 15px;

  font-style: normal;

  font-weight: 400;

  line-height: 34px;

  margin-bottom: 0;

}









.icon-text-box {

  border: 1px solid #3d107b;

  padding: 14px;

  min-height: 180px;

  border-radius: 8px;

  box-shadow: 0px 10px 30px 0px rgba(206, 211, 230, 0.45);

  transition: 0.6s all;

  background: #fff;

}



.icon-text-box .text {

  font-size: 14px;

  margin-top: 20px;

}



.icon-text-box:hover {

  border-color: var(--primary);

}



.about-one-left-image .second-order img {

  border-radius: 10px;

}



.about-one-left-image {

  display: flex;

  gap: 20px;

}



.first-order img {

  border-radius: 10px;

}



.list-itmes h2 {

  font-weight: 600;

}



.program-box {

  min-height: 220px;

  background: #eed3ff;

  padding: 24px;

  border-radius: 10px;

  border: 1px solid #ee4a62;

}



.program-box-title h4 {

  font-weight: 600;

}



.program-box-content p {

  color: #000;

}



.program-box-content p {

  color: #505050;

  margin: 0;

  font-size: 14px;

}



.service-box {

  padding: 24px;

  border-radius: 10px;

  min-height: 190px;

  background: var(--secondary);

  color: #fff;

  font-size: 18px;

  cursor: pointer;

  position: relative;

  transition: 0.6s all;

  overflow: hidden;

}



.service-box-content {

  position: relative;

  z-index: 2;

}



.service-box::after {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  top: -20px;

  right: -200px;

  background: var(--primary);

  z-index: 1;

  transform: skew(16deg, 55deg);

  transition: 0.6s all;

}



.service-box:hover::after {

  transform: skew(0deg, 0deg);

  opacity: 1;

  transition: 0.6s all;

  right: 0px;

  top: 0;

}



.service-box-icon {

  position: absolute;

  bottom: -18px;

  right: 10px;

  font-size: 80px;

  -webkit-text-fill-color: transparent;

  -webkit-text-stroke-width: 1px;

  -webkit-text-stroke-color: rgb(255, 255, 255);

  z-index: 2;

  opacity: 0.2;

}



.border-left {

  border-left: 1px solid #fff;

}



.border-right {

  border-right: 1px solid #fff;

}



.border-bottom {

  border-bottom: 1px solid #fff;

}



.border-top {

  border-top: 1px solid #fff;

}



.strengths {

  background-color: var(--primary);

}



.testimonials-box {

  position: relative;

}



.testimonial-image {

  position: absolute;

  top: -80px;

  overflow: hidden;

  border-radius: 10px;

  box-shadow: 2px 2px 10px #8f8f8f;

  transition: 0.6s all;

}



.testimonial-image img {

  width: 100px;

  height: 100px;

  border-radius: 10px;

  object-fit: cover;

  transition: 0.6s all;

}



.testimonials {

  padding: 16px;

  background: #fff;

  border-radius: 10px;

  min-height: 280px;

  margin-top: 50px;

  transition: 0.6s all;

}



.testimonial-content {

  line-height: 1.3;

  font-size: 14px;

}



.testimonal-title h4 {

  font-size: 24px;

  font-weight: 900;

  padding-top: 40px;

}



.testimonials:hover .testimonial-image {

  top: -85px;

}



.campus-video {

  margin-bottom: -80px;

  z-index: 9;

  position: relative;

}



/* ---- Footer ------- */



.main-footer {

  background: #292929;

}



.ch-footer {

  background: #ffffff;

  position: relative;

}



.footer-menu ul {

  list-style: none;

  padding: 0;

  display: flex;



  justify-content: center;

  align-items: center;

}



.footer-menu ul li a,

.footer-menu ul li {

  color: #fff;

}



/* .ch-footer::after {

  content: "";

  width: 100%;

  position: absolute;

  top: 0;

  left: 0;

  height: 20px;

  background: url(../images/border.png);

  background-size: cover;

} */



.footer-text h2 {

  font-size: 2.2rem;

  font-family: "Circular-bold";

  line-height: 1.5;

}



.footer-heading h2 {

  font-size: 24px;

  color: var(--secondary);

  font-family: Festivo;

  font-weight: 500;

  margin-bottom: 24px;

}



.useful-links ul {

  list-style: none;

  margin: 0;

  padding: 0;

}



.useful-links ul li {

  margin: 10px 0;

}



.useful-links ul li a {

  color: #fff;

  text-decoration: none;

  transition: 0.6s all;

}



.useful-links ul li a:hover {

  color: var(--secondary);

}



.fs-24 ul li {

  font-size: 24px;

}



.min-406 {

  min-height: 462px;

}



.footer-address p {

  color: #fff;

}



.footer-map-section iframe {

  border-radius: 10px;

}



.any-question p {

  color: #fff;

}



.ch-footer-copyrights {

  padding: 20px 2px;

  background: var(--tertiary);

}



.footer-copyright-right {

  text-align: right;

}



.ch-footer-copyrights {

  font-size: 12px;

}



.footer-copyright-right {

  font-size: 12px;

}



.cta__wrapper {

  background-image: url(../images/cta_bg.png);

  background-color: var(--primary);

  background-size: cover;

  background-position: center;

  position: relative;

  border-radius: 10px;

  padding: 46px 60px;

  display: flex;

  align-items: center;

  -moz-column-gap: 40px;

  column-gap: 40px;

  overflow: hidden;

  z-index: 2;

}

.cta__wrapper .cta_title h2 {

  font-size: 30px;

  line-height: 1.32;

  margin: 0 0;

  text-transform: capitalize;

  color: #fff;

  font-family: "Circular-bold";

}



.cta_button .btn-haad:hover {

  border: 1px solid var(--secondary);

}



.footer-copyright-right a {

  color: #000;

  text-decoration: none;

}



.mobile-menu {

  position: fixed;

  bottom: 0;

  background: rebeccapurple;

  width: 100%;

  display: grid;

  grid-auto-flow: column;

  grid-auto-columns: 1fr;

  z-index: 9;

  display: none;

  text-align: center;

}



.mobile-menu a {

  color: #fff;

  font-size: 12px;

}



.phone-bx {

  background: #ee4a62;

  padding: 10px 6px;

  color: #fff;

}



.whatsapp-bx {

  background: #12bd52;

  padding: 10px 6px;

}



.chat-bx {

  background: var(--primary);

  padding: 10px 6px;

  color: #fff;

}



.callback {

  background-color: var(--secondary);

  position: fixed;

  top: 50%;

  padding: 8px;

  transform: rotate(270deg);

  right: -48px;



  z-index: 9;

}



.callback a {

  color: #fff;

  font-size: 12px;

}



.fl-whatsapp {

  position: fixed;

  bottom: 6%;

  left: 2%;

  background: #fff;

  padding: 10px;

  height: 50px;

  width: 50px;

  border-radius: 50px;

  display: flex;

  justify-content: center;

  align-items: center;

  box-shadow: 0px 0px 19px 2px #169d0d5e;

}



.reques_call {

  padding: 10px 20px 20px 20px;

  background: #fbf5ff;

  border-radius: 12px;

  border: 1px solid var(--primary);

}



.btn-submit {

  background-color: var(--secondary);

  color: #fff;
  padding: 10px 0;

}



.top-call i {

  animation: shake-animation 4.72s ease infinite;

}

@media (max-width: 768px) {



  .top-call {

    display: none;

  }



}

@keyframes shake-animation {

  0% {

    transform: translate(0, 0);

  }

  1.78571% {

    transform: translate(5px, 0);

  }

  3.57143% {

    transform: translate(0, 0);

  }

  5.35714% {

    transform: translate(5px, 0);

  }

  7.14286% {

    transform: translate(0, 0);

  }

  8.92857% {

    transform: translate(5px, 0);

  }

  10.71429% {

    transform: translate(0, 0);

  }

  100% {

    transform: translate(0, 0);

  }

}



.value {

  background: rgba(3, 10, 33, 0.03);

}



.value-box {

  padding: 26px;

  border-radius: 10px;

  border: 1px solid rgb(85 45 134 / 14%);

  background: #fff;

  min-height: 230px;

  transition: 0.6s;

}



.value-box .value-icon img {

  width: 60px;

}



.value-box .value-icon {

  margin-bottom: 20px;

}



.value-box:hover {

  transform: translateY(-6px);

}



.value-content p {

  color: #4c4c4c;

}



.value-heading h5 {

  font-weight: 800;

  margin-bottom: 10px;

}



.excellence-box {

  text-align: center;

  padding: 20px;

  position: relative;

}



.excellence-logo {

  margin-bottom: 20px;

}



.excellence-logo img {

  width: 160px;

  height: auto;

  object-fit: contain;

}



@media (max-width: 768px) {

  .excellence-logo img {

    width: 120px;

  }

}



.excellence-text {

  position: relative;

}



.excellence-text p {

  margin: 0;

}



.excellence-text::after {

  content: "";

  position: absolute;

  height: 50px;

  width: 40px;

  background: url(../images/excellence/left-leaf.png);

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center;

  left: 0;

  top: 0%;

}



.excellence-text::before {

  content: "";

  position: absolute;

  height: 50px;

  width: 40px;

  background: url(../images/excellence/right-leaf.png);

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center;

  right: 0;

  top: 0%;

}



.border-exc::before {

  content: "";

  position: absolute;

  height: 50%;

  width: 20px;

  left: 0;

  top: 50%;

  transform: translate(-50%, -50%);

  border-right: 1px dashed var(--secondary);

}



.border-exc::after {

  content: "";

  position: absolute;

  height: 50%;

  width: 20px;

  right: 0;

  top: 50%;

  transform: translate(-50%, -50%);

  border-right: 1px dashed var(--secondary);

}



.course-main-box {

  padding: 20px;

  border: 1px solid #000;

  position: relative;

  overflow: hidden;

  border-radius: 10px;

  min-height: 352px;

}



.course-hover-details {

  position: absolute;

  bottom: 0;

  left: 0;

  padding: 30px 20px;

  background: var(--primary);

  transform: translateY(100px);

  opacity: 0;

  transition: 0.3s;

}



.course-hover-details p {

  color: #fff;

}



.course-main-box:hover .course-hover-details {

  opacity: 1;

  transform: translateY(0px);

}



.course-details p {

  margin: 0;

  padding-top: 10px;

  padding-bottom: 10px;

}



.course-details p:nth-child(1) {

  border-bottom: 1px solid #a2a2a2;

}



.course-award p {

  font-size: 12px;

  font-style: italic;

}



.course-logo {

  margin-bottom: 20px;

}



.course-logo img {

  width: 200px;

  height: 80px;

  object-fit: scale-down;

}



.course-name h4 {

  font-weight: 700;

  margin-bottom: 10px;

}



.gap-30 {

  gap: 50px;

}



.main-success {

  overflow: hidden;

  animation: scroll 10s linear 1s infinite;

}



.success img {

  width: 400px;

}









.new-course-logo img {

 width: auto;

 height: 250px;

 object-fit: fill;

 margin-bottom: 10px;

}





@media (max-width: 768px) {



  .top-navbar .container {

    display: flex;

    justify-content: center;

    align-items: center;

  }



  .navbar {

    justify-content: center;

    width: 100%;

  }



  .navbar-brand {

    margin: 0 auto;

    text-align: center;

  }



  .navbar-brand img {

    width: 70px;

    margin-left: 95px;

  }



  /* hide phone icon */

  .top-call {

    display: none;

  }



  /* hide nav menu if needed */

  .navbar-nav {

    display: none;

  }



}











.hero-form-box{

background:#ffffff;

padding:30px;

border-radius:10px;

box-shadow:0 10px 25px rgba(0,0,0,0.15);

}



.hero-form-box h4{

font-weight:600;

}





















/* Reduce form width */

.hero-form-box{

    max-width:320px;   /* smaller width */

    padding:15px;      /* reduce height */

}



/* Reduce input field height */

.hero-form-box input,

.hero-form-box select,

.hero-form-box textarea{

    padding:6px 8px;

    font-size:13px;

    margin-bottom:8px;

}



/* Reduce button size */

.hero-form-box button{

    padding:6px;

    font-size:13px;

}



/* Reduce title spacing */

.hero-form-box h4{

    font-size:16px;

    margin-bottom:8px;

}



.hero-area .row{

    align-items: flex-start;

}



.hero-form-box{

    margin-top:0;

}



.hero-area{

    display:flex;

    align-items:flex-start;

}





/* Hero form position fix */

.hero-area{

    position: relative;

}



.hero-form-box{

    position: absolute;

    top: 20px;        /* start from top of banner */

    right: 8%;        /* move to right side */

    max-width: 320px; /* keep small width */

    padding: 15px;

}





@media (max-width:767px){



.hero-form-box{

margin-top:30px;

}



}









.faq-section .accordion-button {

  font-weight: 600;

}



.faq-section .accordion-body {

  font-size: 15px;

  line-height: 1.7;

}



.faq-section .accordion-item {

  margin-bottom: 10px;

  border-radius: 6px;

  overflow: hidden;

}











/* ===== MOBILE HERO FIX ===== */

@media (max-width: 768px){



  .hero-area{
    height:auto;

    padding:20px 15px;

    display:block;

    background-size:cover;

  }



  /* hero text resize */

  .hero-area-text h1{

    font-size:24px;

    text-align:center;

  }



  .hero-area-text p{

    font-size:14px;

    text-align:center;

    margin-top:10px;

  }



  /* FIX FORM POSITION */

  .hero-form-box{

    position:relative;   /* remove absolute */

    top:auto;

    right:auto;

    margin:20px auto 0;

    max-width:100%;

    width:100%;

  }



  /* input full width */

  .hero-form-box input,

  .hero-form-box select,

  .hero-form-box textarea{

    width:100%;

  }



}