*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family:Arial, sans-serif;
}

html, body{
  overflow-x:hidden;
}

body{
  width:100%;
  margin:0;
  padding-top:160px; 
}

.container{
  width:100%;
  overflow-x:hidden;
}

.site-header{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  z-index:9999;
  background:white;
  box-shadow:0 2px 10px rgba(0,0,0,0.08);
}

/* TOP NAV */
.topnav{
  font-size:12px;
  background:#0a4a7a;
  color:#fff;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:8px 20px;
}

.icons a{
  font-size:14px;
  margin-left:12px;
  color:white;
}

.topnav p{
  font-size:10px;
}

/* MIDDLE NAV */
.middlenav{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:15px 20px;
}

.logo{width:180px;}

.info{
  display:flex;
  gap:15px;
  font-size:12px;
}

.info i{
  font-size:16px;
  color: #0a4a7a;
}
.info p{
  font-size: 13px;
  color: #0a4a7a;
}

/* NAVBAR */
.navbar{
  background:#0a4a7a;
  position:relative;
  z-index:1000;
}

.menu{
  display:flex;
  justify-content:center;
  gap:40px;
  list-style:none;
  padding:15px 0;
}

.menu li{position:relative;}

.menu a{
  color:#fff;
  text-decoration:none;
  font-size:10px;
}

.menu li:hover>a{color:#ff9800;}

/* MEGA MENU */
.services{position:static;}

.mega-menu{
  display:none;                  
  position:fixed;
  left:0;
  right:0;
  top: 190px;
  width:1000px;             
  margin:auto;             
  background:#fff;
  padding:15px 20px;       
  box-shadow:0 4px 10px rgba(0,0,0,0.2);
  border-radius: 10px;
  min-height:220px;        
}

.services:hover .mega-menu{display:block;}

.mega-inner{
  max-width:1200px;
  margin:auto;
  display:flex;
  gap:40px;
}

.section { 
    flex:1;                                            
    opacity:0.8; 
    line-height: 1.5;
}

.section h3{
  margin-bottom:15px;
  color:#0a4a7a;                    
  font-size:12px;
}

.section p{
  font-size:10px;              
  text-align:justify;
}

.section ul{list-style:none;}

.section li{
  padding:7px 0;
  cursor:pointer;
  font-size:11px;                              
}

.section li:hover{color:#ff9800;}

.section img{
  width:100%;
  max-width:200px;
  border-radius:10px;
  object-fit:cover;
}

/* READ MORE BUTTON */
.read-more{
  display:inline-block;
  margin-top:15px;
  padding:8px 18px;
  background:#e53935;     
  color:#fff;
  text-decoration:none;
  font-size:12px;
  font-weight:600;
  border-radius:4px;
  transition:0.3s ease;
}

.read-more:hover{
  background:#b71c1c;      
}
/*==================================navbar code end=============================================*/

/*------------------------------sap code  start --------------------------------------------------*/
/*---------------------------------------sap models ---------------------------------------*/

/* MAIN */
.sap_models_container{
max-width:1200px;
margin:90px auto;
padding:20px;
}

.sap_models_heading{
text-align:center;
font-size:30px;
color: #005a9e;
font-weight:700;
margin-bottom:70px;
}

/* GRID */
.sap_models_cards_grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
}

.sap_models_card{
position:relative;
background:rgba(255,255,255,0.7);
backdrop-filter:blur(14px);
padding:35px 25px;
border-radius:20px;
text-align:center;
overflow:hidden;
opacity:0;
transform:scale(0.6) rotate(8deg);
transition:0.7s cubic-bezier(.2,.8,.2,1),
transform 0.4s ease,
box-shadow 0.4s ease;
}


.sap_models_card.sap_models_show{
opacity:1;
transform:scale(1) rotate(0deg);
}


.sap_models_card:hover{
transform:translateY(-10px) scale(1.03);
box-shadow:0 20px 40px rgba(0,0,0,0.18);
}

.sap_models_card::before{
content:"";
position:absolute;
inset:0;
padding:2px;
border-radius:20px;
background:linear-gradient(45deg,#4f46e5,#06b6d4,#4f46e5);
background-size:200% 200%;
animation:sap_models_borderFlow 5s linear infinite;
mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
mask-composite:exclude;
z-index:-1;
}

@keyframes sap_models_borderFlow{
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}

/* ICON */
.sap_models_icon{
width:70px;
height:70px;
display:flex;
align-items:center;
justify-content:center;
margin:0 auto 18px auto;
border-radius:50%;
background:linear-gradient(135deg,#4f46e5,#06b6d4);
color:white;
font-size:26px;
box-shadow:0 10px 25px rgba(0,0,0,0.15);
transition:0.4s;
}

.sap_models_card:hover .sap_models_icon{
transform:scale(1.2) rotate(12deg);
box-shadow:0 15px 30px rgba(79,70,229,0.4);
}

/* TEXT */
.sap_models_card h3{
font-size:18px;
margin-bottom:12px;
color: #005a9e;
}

.sap_models_card p{
font-size:12px;
line-height:1.7;
color:#555;
}

/* FLOAT LIGHT */
.sap_models_card::after{
content:"";
position:absolute;
width:120px;
height:120px;
background:radial-gradient(circle,#4f46e540,transparent);
top:-40px;
right:-40px;
}

/* RESPONSIVE */
@media(max-width:1000px){
.sap_models_cards_grid{
grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:500px){
.sap_models_cards_grid{
grid-template-columns:1fr;
}
}



/*--------------------------------------sap upgration code--------------------------------------*/
.sap_process_section{
    max-width:1000px;
    margin:80px auto;
    padding:20px;
}

.sap_process_heading{
    text-align:center;
    font-size:30px;
    color: #005a9e;
   margin-bottom: 10px;
}

.sap_process_meta{
    text-align:center;
    font-size: 13px;
    /* color:#777; */
    opacity: 0.7;
    margin-bottom:60px;
}

.sap_process_timeline{
    position:relative;
}

.sap_process_timeline::after{
    content:"";
    position:absolute;
    width:4px;
    background:#2b6cff;
    top:0;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
}

.sap_process_item{
    padding:20px 40px;
    position:relative;
    width:50%;
}

.sap_process_left{
    left:0;
}

.sap_process_right{
    left:50%;
}

.sap_process_item::after{
    content:"";
    position:absolute;
    width:16px;
    height:16px;
    right:-8px;
    background:#2b6cff;
    top:35px;
    border-radius:50%;
    z-index:10;
}

.sap_process_right::after{
    left:-8px;
}

.sap_process_card{
    background:white;
    padding:25px;
    border-radius:10px;
    box-shadow:0 5px 15px rgba(0,0,0,0.08);
}

.sap_process_item{
    opacity:0;
    transform:translateY(80px);
    transition:0.8s ease;
}

.sap_process_item.sap_process_show{
    opacity:1;
    transform:translateY(0);
}

.sap_process_card h3{
    margin-bottom:10px;
    font-size: 14px;
    color: #005a9e;
}

.sap_process_card p{
    color:#555;
    font-size: 12px;
    line-height:1.6;
}

/*-------------------------sap implementation--------------------------*/
.sap_implementation_main{
max-width:1100px;
margin:100px auto;
padding:20px;
}

.sap_implementation_title h1{
text-align:center;
font-size:30px;
color: rgb(40, 40, 120);
margin-bottom:30px;
}

.sap_implementation_section{
display:flex;
align-items:center;
justify-content:space-between;
gap:60px;
margin-bottom:120px;
position:relative;

opacity:0;
transform:translateY(80px);
transition:0.9s ease;
}

.sap_implementation_section.sap_implementation_show{
opacity:1;
transform:translateY(0);
}


.sap_implementation_reverse{
flex-direction:row-reverse;
}


.sap_implementation_card{
flex:1;
background:white;
padding:35px;
border-radius:16px;
box-shadow:0 15px 40px rgba(0,0,0,0.06);
transition:0.3s;
}

.sap_implementation_card:hover{
transform:translateY(-10px);
box-shadow:0 25px 60px rgba(0,0,0,0.1);
}

.sap_implementation_card h2{
margin-bottom:15px;
font-size:18px;
color: rgb(25, 25, 87);
}

.sap_implementation_card li{
   margin-left: 25px;
   font-size: 13px;
color:#555;
line-height:1.8;
}

.sap_implementation_image{
flex:1;
height:300px;
border-radius:16px;
overflow:hidden;
box-shadow:0 15px 40px rgba(0,0,0,0.08);
}


.sap_implementation_image img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}

@media(max-width:900px){

.sap_implementation_section{
flex-direction:column;
}

.sap_implementation_reverse{
flex-direction:column;
}

.sap_implementation_image{
width:100%;
}

}

/*----------------------------------------sap upgtrade-------------------------------*/
/* SECTION */
.sap_upgrade_section{
max-width:1000px;
margin:80px auto;
padding:20px;
}

/* HEADING */
.sap_upgrade_heading{
text-align:center;
font-size:30px;
 color: #005a9e;
/* font-weight:700; */
margin-bottom:20px;
}

.sap_upgrade_desc{
text-align:justify;
font-size: 13px;
color:#666;
max-width:800px;
margin:0 auto 70px;
line-height:1.7;
}

/* STEP */
.sap_step{
display:flex;
align-items:center;
gap:40px;
margin-bottom:80px;
opacity:0;
transform:translateX(-120px);
transition:0.8s ease;
}

/* alternate */
.sap_step.reverse{
flex-direction:row-reverse;
transform:translateX(120px);
}

.sap_step.show{
opacity:1;
transform:translateX(0);
}

/* NUMBER BADGE */
.sap_step_number{
min-width:70px;
height:70px;
border-radius:50%;
background:linear-gradient(135deg,#2b6cff,#7ea3ff);
display:flex;
align-items:center;
justify-content:center;
color:white;
font-size:26px;
font-weight:700;
box-shadow:0 10px 25px rgba(0,0,0,0.15);
}

/* CARD */
.sap_step_card{
background:white;
padding:30px;
border-radius:14px;
box-shadow:0 8px 25px rgba(0,0,0,0.06);
flex:1;
}

.sap_step_card h3{
margin-bottom:10px;
font-size: 16px;
color: #005a9e;
}

.sap_step_card p{
    font-size: 12px;
color:#555;
line-height:1.7;
}

/* connector arrow */
.sap_step::after{
/* content:"➜"; */
font-size:28px;
color:#2b6cff;
position:absolute;
left:50%;
transform:translateX(-50%);
margin-top:90px;
}

.sap_step:last-child::after{
display:none;
}

/* fix positioning */
.sap_step{
position:relative;
}












































/*===============================================about code start==============================*/

      .about_main {
            width: 100%;
            height: 500px;    
        }
        .about_main_image {
            position: relative;
            width: 100%;
            height: 500px;
            opacity: 1;
        }
        .about_main_image img {
            width: 100%;
            height: 500px;
        }
        .about_main_content {
            position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%,-50%);
             font-size: 30px;
			
        }
         .about_main_content h1{
            color: white;
           
         }


/*------------------------about comapany----------------------------------*/
/*=====================about our services=================*/

.our-company{
  width:100%;
  display:flex;
  justify-content:space-between;
}

.our_company_main h2{
  text-align:center;
  color:rgb(43,43,81);
  font-size:40px;
  padding:30px;
}

.our-company-content{
  width:60%;
  text-align:justify;
  padding:10px 20px;
  margin:10px 20px;
  margin: 10px 10px 10px 60px;
}

.our-company-content h3{
  font-size:20px;
  color:rgb(19,19,91);
}

.our-company-content p {
  font-size:12px;
  padding-bottom: 5px;
  opacity: 0.7;
}
.our-company-content li{
   font-size:12px;
  padding-bottom: 5px;
  margin-bottom: 10px;
  margin-left: 10px;
   opacity: 0.7;

}

.our-company-content span{
  color:rgb(95,10,192);
  font-size:16px;
}

.our-company-image{
  width:40%;
  margin:10px 20px 40px;
}

.our-company-image img{
  max-width:100%;    
  height:auto;       
}

.award{
  display:flex;
}

.award img{
  width:60px;
  height:60px;
}
.award p{
  padding-top: 10px;
}
.our-company-content,
.our-company-image{
  opacity: 0;
  transition: all 5s ease;
}

.our-company-content{
  transform: translateX(-120px);
}

.our-company-image{
  transform: translateX(120px);
}


.our-company-content.show,
.our-company-image.show{
  opacity: 1;
  transform: translateX(0);
}


 /* -------------------------- team-cards ------------------------------- */

/*===============================================services code start==============================*/
/* ===== SERVICE ROW ===== */
.service-row{
  display:flex;
  align-items:center;
  gap:40px;
  margin:0 40px 80px;
  opacity:0;
  transition:opacity 0.8s ease;
}

.service-row.reverse{
  flex-direction:row-reverse;
}

.service-img{
  flex:1;
  opacity:0;
  transform:translateX(-70px);
  transition:0.9s ease;
}

.service-row.reverse .service-img{
  transform:translateX(70px);
}

.service-img img{
  width:500px;
  height: 350px;
  border-radius:18px;
  box-shadow:0 12px 35px rgba(0,0,0,0.18);
}


.service-content{
  flex:1;
  padding:25px 30px;
  opacity:0;
  transform:translateX(70px);
  transition:0.9s ease;
}

.service-row.reverse .service-content{
  transform:translateX(-70px);
}

.service-content h3{
  font-size:20px;
  color:#192c65;
  margin-bottom:12px;
}

.service-content p{
  font-size:12px;
  color:#555;
  line-height:1.7;
  margin-bottom: 15px;
}
.service-content a{
  font-size: 13px;
  text-decoration: none;
  color: white;
  border: 1px solid black;
  padding: 8px;
  border-radius: 10px;
  background-color: rgb(99, 96, 96);
}
.service-content a:hover{
  color: rgb(88, 62, 62);
  background-color: rgb(208, 206, 206);
}
.service-content li{
   margin-left: 20px;
  opacity: 0.5;
  font-size: 12px;
  padding-bottom: 10px;
}

.service-row.show{
  opacity:1;
}

.service-row.show .service-img,
.service-row.show .service-content{
  opacity:1;
  transform:translateX(0);
}

@media(max-width:768px){
  .service-row,
  .service-row.reverse{
    flex-direction:column;
    margin:0 10px 60px;
  }

  .service-img,
  .service-content{
    transform:translateY(40px);
  }

  .service-row.show .service-img,
  .service-row.show .service-content{
    transform:translateY(0);
  }
}

/*===============================================services code end==============================*/

/*===============================canceltency code start ====================================*/

    .canceltency-section{
      width:90%;
      margin:auto;
      padding:40px 0;
    }

    .canceltency-title{
      font-size:18px;
      margin-bottom:40px;
    }

   
    .canceltency-grid.canceltency-top{
      display:grid;
      grid-template-columns: repeat(4, 1fr);
      gap:30px;
    }

   
    .canceltency-grid.canceltency-bottom{
      display:grid;
      grid-template-columns: repeat(5, 1fr);
      gap:30px;
    }

    .canceltency-item h2{
      color:#0070d2;
      font-size:36px;
      margin-bottom:15px;
    }

    .canceltency-item p{
      font-size:16px;
      line-height:1.6;
      color:#333;
    }

  
    .canceltency-border{
      padding-left:30px;
      border-left:2px dashed #0070d2;
    }


    .canceltency-divider{
      margin:50px 0;
      border:none;
      border-top:2px dashed #0070d2;
    }
/*--------------------------------denifits section------------------------------*/
.canceltency-benefits{
  width:90%;
  margin:auto;
  padding:70px 0;
}

.canceltency-benefits h2{
  text-align:center;
  font-size:30px;
  margin-bottom:50px;
}


.canceltency-benefit-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:30px;
}


.canceltency-benefit{
  background:#fff;
  padding:30px 25px;
  border-radius:12px;
  display:flex;
  gap:18px;
  align-items:flex-start;
  box-shadow:0 10px 30px rgba(0,0,0,0.08);
  transition:all 0.4s ease;
  opacity:0;
  transform:translateY(30px);
  animation:canceltencyFadeUp 0.8s ease forwards;
}


.canceltency-benefit:nth-child(1){ animation-delay:0.1s;}
.canceltency-benefit:nth-child(2){ animation-delay:0.2s;}
.canceltency-benefit:nth-child(3){ animation-delay:0.3s;}
.canceltency-benefit:nth-child(4){ animation-delay:0.4s;}
.canceltency-benefit:nth-child(5){ animation-delay:0.5s;}
.canceltency-benefit:nth-child(6){ animation-delay:0.6s;}

.canceltency-benefit:hover{
  transform:translateY(-10px) scale(1.02);
  box-shadow:0 20px 40px rgba(0,112,210,0.25);
}


.canceltency-benefit i{
  font-size:26px;
  color:#0070d2;
  min-width:30px;
}

.canceltency-benefit p{
  font-size:16px;
  line-height:1.6;
  color:#333;
}

@keyframes canceltencyFadeUp{
  to{
    opacity:1;
    transform:translateY(0);
  }
}


@media(max-width:992px){
  .canceltency-benefit-grid{
    grid-template-columns: repeat(2, 1fr);
  }
}

@media(max-width:600px){
  .canceltency-benefit-grid{
    grid-template-columns: 1fr;
  }
}
/*===============================canceltency code end ====================================*/

/*---------------------------------campus management code start----------------------------*/
    /* ----------------------process code------------------- */ 

   .campus_process_container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}
.campus_process_container_header{
  text-align: center;
  font-size: 24px;
  color: #261f61;
  padding: 20px;
}

.campus_step {
  text-align: center;
  position: relative;
}

.campus_circle {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  color: #fff;
  margin-bottom: 15px;
}
.campus_green {background-image: url(../IMAGES/card-img/news-1.jpg);}
.campus_yellow { background-image: url(../IMAGES/card-img/news-2.jpg); }
.campus_blue { background-image: url(../IMAGES/card-img/news-2.jpg); }
.campus_black { background-image: url(../IMAGES/card-img/news-3.jpg); }

.campus_step p {
  font-size: 16px;
  font-weight: bold;
}

.campus_connector {
  width: 150px;
  height: 2px;
  border-top: 2px dashed #c9a25d;
  margin: 0 10px;
}

/*-------------------------------security cards------------------------------------*/

.campus_security_card-section{
  width:90%;
  margin:80px auto;
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap:25px;
}

.campus_security_card{
  background:#fff;
  padding:30px 20px;
  padding: 15px;
  text-align:center;
  border-radius:12px;
  box-shadow:0 10px 25px rgba(0,0,0,0.08);
  transition:0.4s ease;
  cursor:pointer;
  position:relative;
  overflow:hidden;
}

/* Hover Animation */
.campus_security_card:hover{
  transform:translateY(-15px);
  box-shadow:0 20px 35px rgba(0,0,0,0.15);
}

/* Icon Style */
.campus_security_icon{
  margin-bottom:15px;
  transition:0.4s;
}

.campus_security_icon img{
  width:60px;
  height:60px;
  object-fit:cover;
  transition:0.4s;
}

.campus_security_card:hover .campus_security_icon img{
  transform:scale(1.2) rotate(10deg);
}

/* Heading */
.campus_security_card h3{
  margin:5px 0;
  font-size:16px;
  color:#192c65;
}

/* Text */
.campus_security_card p{
  font-size:12px;
  color:#555;
  line-height:1.6;
  text-align: justify;
}

/* Responsive */
@media(max-width:992px){
  .campus_security_card-section{
    grid-template-columns: repeat(2, 1fr);
  }
}

@media(max-width:600px){
  .campus_security_card-section{
    grid-template-columns: 1fr;
  }
}
/*----------------------------------key feartures----------------------------------*/

.feature-section{
  width:90%;
  margin:auto;
  padding:60px 0;
}

.feature-heading{
  text-align:center;
  font-size:32px;
  color:#261f61;
  margin-bottom:40px;
}

.feature-grid{
  display:grid;
  grid-template-columns: repeat(4, 260px);
  gap:25px;
  justify-content:center;
  text-align:center;
}

.feature-card{
  background:#fff;
  padding:30px 20px;
  border-radius:15px;
  box-shadow:0 8px 20px rgba(0,0,0,0.08);
  transition:all 0.4s ease;
  cursor:pointer;
  position:relative;
  overflow:hidden;
}
.feature-card::before{
  content:"";
  position:absolute;
  top:0;
  left:-100%;
  width:100%;
  height:100%;
  background:linear-gradient(120deg,#261f61,#6c63ff);
  transition:0.4s;
  z-index:0;
}

.feature-card:hover::before{
  left:0;
}

.feature-card i,
.feature-card h3,
.feature-card p,
.feature-card a{
  position:relative;
  z-index:1;
  transition:0.3s;
}


.feature-card i{
  font-size:40px;
  padding-bottom:10px;
  color:#005a9e;
}
@keyframes iconBounce{
  0%,100%{ transform:translateY(0); }
  30%{ transform:translateY(-8px); }
  60%{ transform:translateY(-4px); }
}

.feature-card:hover i{
  color:#fff;
  animation:iconBounce 0.6s ease;
}
.feature-card h3{
  font-size:18px;
  margin-bottom:15px;
  color:#261f61;
}

.feature-card p{
  font-size:12px;
  color:#555;
  text-align:justify;
  line-height:1.6;
}

.feature-card:hover h3,
.feature-card:hover p{
  color:#fff;
}

.feature-card a{
  display:block;         
  margin-top:20px;
  font-size:14px;
  text-decoration:none;
  color:#005a9e;
  font-weight:600;
  text-align:right;       
}
.feature-card:hover a{
  color:#fff;
  transform:scale(1.05);
}
.feature-card:hover{
  transform:translateY(-12px) scale(1.03);
  box-shadow:0 20px 40px rgba(0,0,0,0.2);
}

@media(max-width:1100px){
  .feature-grid{
    grid-template-columns: repeat(2, 260px);
  }
}

@media(max-width:600px){
  .feature-grid{
    grid-template-columns: 1fr;
  }
}

/*--------------------------------------updated main section code---------------------------*/
.campus_management_main_container{
    width:100%;
    height:100vh;
    background:#0b3d91;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:40px;
}

.campus_management_content_wrapper{
    max-width:1200px;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:50px;
}

.campus_management_image_box{
    flex:1;
    opacity:0;
    transform:translateX(-100px) scale(0.8);
    animation:campusImageSlide 1.2s ease forwards;
}

.campus_management_image_box img{
    width:100%;
    max-width:450px;
}

.campus_management_text_box{
    flex:1;
    color:white;
}

.campus_management_text_box h1,
.campus_management_text_box p,
.campus_management_text_box button{
    opacity:0;
    transform:translateY(40px);
    animation:campusTextReveal 0.8s ease forwards;
}
.campus_management_text_box h1{ animation-delay:0.5s; }
.campus_management_text_box p{ animation-delay:1s; }
.campus_management_text_box button{ animation-delay:1.5s; }
.campus_management_text_box h1{
    font-size:40px;
    margin-bottom:20px;
}
.campus_management_text_box p{
    font-size:14px;
    margin-bottom:25px;
    line-height:1.6;
}
.campus_management_text_box button{
    padding:12px 28px;
    border:none;
    background:white;
    color:#0b3d91;
    font-size:14px;
    border-radius:6px;
    cursor:pointer;
    transition:0.3s;
}

.campus_management_text_box button:hover{
    transform:scale(1.05);
}
@keyframes campusImageSlide{
    to{
        opacity:1;
        transform:translateX(0) scale(1);
    }
}

@keyframes campusTextReveal{
    to{
        opacity:1;
        transform:translateY(0);
    }
}
@media(max-width:768px){
    .campus_management_content_wrapper{
        flex-direction:column;
        text-align:center;
    }

    .campus_management_text_box h1{
        font-size:32px;
    }
}
/*------------------------------------------user cards-------------------------------------*/


.cu-heading{
    text-align:center;
    margin-bottom:20px;
    margin-top: 50px;
}

.cu-slider{
    width:100%;
    overflow-x:auto; 
    overflow-y:hidden;
    padding:10px 0;
    background:transparent; 
    scroll-behavior: smooth;
}

.cu-slider::-webkit-scrollbar {
    display: none;
}

.cu-slider {
  
    -ms-overflow-style: none;  
    scrollbar-width: none;     
}

.cu-track{
    display:flex;
    gap:20px;
    background:transparent; 
}

.cu-card{
    min-width:200px;
    height:120px;
    background:white;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 5px 15px rgba(0,0,0,0.1);
    flex-shrink:0;
}

.cu-card img{
    max-width:120px;
    max-height:60px;
    object-fit:contain;
}

/*--------------------------------------why choose code---------------------------*/
.why_choose_main_section{
    width:100%;
    padding:80px 20px;
    background:#f4f7ff;
}


.why_choose_grid{
    max-width:1200px;
    margin:auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
}


.why_choose_left_cards{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
}

.why_choose_image_card{
    height:260px;
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 8px 25px rgba(0,0,0,0.08);
    transform:scale(0.8);
    opacity:0;
    animation:cardReveal 1s ease forwards;
}


.why_choose_image_card:nth-child(1){animation-delay:0.2s;}
.why_choose_image_card:nth-child(2){animation-delay:0.4s;}
.why_choose_image_card:nth-child(3){animation-delay:0.6s;}
.why_choose_image_card:nth-child(4){animation-delay:0.8s;}


.why_choose_image_card img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block; 
    transition:0.4s;
}

.why_choose_image_card:hover img{
    transform:scale(1.08);
}


.why_choose_big_card{
    background:white;
    border-radius:18px;
    padding:45px;
    box-shadow:0 10px 30px rgba(0,0,0,0.1);
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.why_choose_big_card h2{
    font-size:34px;
    margin-bottom:30px;
    color:#0b3d91;
    opacity:0;
    transform:translateY(40px);
    animation:textReveal 1s ease forwards;
}


.why_choose_feature{
    display:flex;
    gap:18px;
    margin-bottom:25px;
    opacity:0;
    transform:translateY(40px);
    animation:textReveal 1s ease forwards;
}

.why_choose_feature:nth-child(2){animation-delay:0.5s;}
.why_choose_feature:nth-child(3){animation-delay:0.8s;}
.why_choose_feature:nth-child(4){animation-delay:1.1s;}
.why_choose_feature:nth-child(5){animation-delay:1.4s;}


.why_choose_icon{
    width:50px;
    height:50px;
    min-width:50px;
    border-radius:50%;
    background:#e3ebff;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:22px;
}

.why_choose_icon:hover{
    animation:bounce 0.6s;
}


.why_choose_feature_text h4{
    margin-bottom:5px;
    font-size:19px;
}

.why_choose_feature_text p{
    font-size:15px;
    color:#555;
    line-height:1.6;
}


@keyframes cardReveal{
    to{
        opacity:1;
        transform:scale(1);
    }
}

@keyframes textReveal{
    to{
        opacity:1;
        transform:translateY(0);
    }
}

@keyframes bounce{
    0%,100%{transform:translateY(0);}
    30%{transform:translateY(-8px);}
    60%{transform:translateY(4px);}
}

@media(max-width:900px){
    .why_choose_grid{
        grid-template-columns:1fr;
    }
}
/*---------------------------------features of campus------------------------------------*/
.futures-campuse-management-section{
    padding:80px 20px;
        background-color: #0b3d91;
    color:white;
}
.futures-campuse-management-heading{
    text-align:center;
    font-size:42px;
    font-weight:bold;
    margin-bottom:60px;
}
.futures-campuse-management-wrapper{
    max-width:1200px;
    margin:auto;
    overflow:hidden;
}
.futures-campuse-management-track{
    display:flex;
    gap:40px;
}
.futures-campuse-management-card{
    min-width:300px;
    text-decoration:none;
    color:white;
    display:block;
}


.futures-campuse-management-image-box{
    position:relative;
    overflow:hidden;
    border-radius:20px;
}
.futures-campuse-management-image-box img{
    width:100%;
    display:block;
    transform:scale(1);
    opacity:1;
    animation:futuresCampuseImageReveal 1s ease;
    transition:transform 0.5s ease;
}
.futures-campuse-management-card:hover 
.futures-campuse-management-image-box img{
    transform:scale(1.12);
}

@keyframes futuresCampuseImageReveal{
    from{
        transform:scale(1.25);
        opacity:0;
    }
    to{
        transform:scale(1);
        opacity:1;
    }
}
.futures-campuse-management-image-title{
    position:absolute;
    left:15px;
    bottom:15px;
    background:rgba(0,0,0,0.45);
    padding:6px 12px;
    border-radius:8px;
    font-weight:bold;
    font-size:20px;

    opacity:0;
    transform:translateY(20px);
    animation:futuresCampuseTextUp 0.7s ease forwards;
    animation-delay:.5s;
}
.futures-campuse-management-card h3{
    margin-top:18px;
    font-size:16px;
    opacity:0;
    transform:translateY(20px);
    animation:futuresCampuseTextUp 0.7s ease forwards;
    animation-delay:.8s;
}
.futures-campuse-management-card p{
    margin-top:8px;
    font-size:12px;
    color:#d6d6ff;
    line-height:1.5;
    opacity:0;
    transform:translateY(20px);
    animation:futuresCampuseTextUp 0.7s ease forwards;
    animation-delay:1.1s;
}

@keyframes futuresCampuseTextUp{
    to{
        opacity:1;
        transform:translateY(0);
    }
}
/*-----------------------------------campus offering-----------------------------------*/

.offering_section_title{
    text-align:center;
    font-size:34px;
    font-weight:700;
    margin-top:60px;
    color:#1f2d3d;
}

.offering_grid_container{
    max-width:1100px;
    margin:40px auto 60px;
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:25px;
}

.offering_card{
    background:#f4f6f8;
    border-radius:16px;
    padding:22px;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    transition:0.4s ease;
    overflow:hidden;
    animation:offeringFadeUp 0.8s ease forwards;
}

@keyframes offeringFadeUp{
    from{opacity:0; transform:translateY(40px);}
    to{opacity:1; transform:translateY(0);}
}

.offering_card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 60px rgba(0,0,0,0.15);
}

.offering_card h3{ margin-bottom:10px; }
.offering_card p{ font-size:14px; color:#555; line-height:1.5; }

.offering_card img{
    width:100%;
    height:160px;
    object-fit:cover;
    border-radius:12px;
    margin-top:12px;
    transition:0.4s;
}

.offering_card:hover img{
    transform:scale(1.08);
}
.offering_middle_card{
    background:linear-gradient(135deg,#10296d,#1f59b1);
    color:white;
}

.offering_middle_card p{
    color:#eef2ff;
}

.offering_middle_card img{
    height:380px;
}
.offering_arrow_btn{
    width:45px;
    height:45px;
    border-radius:50%;
    border:2px solid #2c417a;
    background:white;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:0.3s ease;
    margin-top:15px;
    text-decoration:none;
}

.offering_arrow_btn span{
    font-size:20px;
    color:#4c7cff;
    transform:rotate(-45deg);
}

.offering_arrow_btn:hover{
    background:linear-gradient(135deg,#10296d,#1f59b1);
}

.offering_arrow_btn:hover span{
    color:white;
}

.offering_middle_card .offering_arrow_btn{
    border-color:white;
    background:rgba(255,255,255,0.2);
}
.offering_middle_card .offering_arrow_btn span{
    color:white;
}
.offering_middle_card .offering_arrow_btn:hover{
    background:white;
}
.offering_middle_card .offering_arrow_btn:hover span{
    color:#4c7cff;
}
.of_card1{grid-column:1;grid-row:1;}
.of_card2{grid-column:1;grid-row:2;}
.of_card3{grid-column:2;grid-row:1 / span 2;}
.of_card4{grid-column:3;grid-row:1;}
.of_card5{grid-column:3;grid-row:2;}

@media(max-width:900px){
    .offering_grid_container{grid-template-columns:1fr;}
    .offering_card{
        grid-column:auto !important;
        grid-row:auto !important;
    }
}
/*---------------------------------contact user code-------------------------------------*/
.contact_users{
  background-color: #0b3d91;
  text-align: center;
  color: white;
  height: 250px;
  padding-top: 50px;
}
.contact_users h2{
  font-size: 35px;
  padding-bottom: 10px;
}
.contact_users p{
  font-size: 14px;
   padding-bottom: 30px;
}
.contact_users a{
  text-decoration: none;
  color: white;
  border: 0px solid black;
  padding: 10px 20px;
  background-color: rgb(53, 18, 227);
  border-radius: 100px;
  box-shadow: 0px 2px 2px black;
}
.contact_users a:hover{
  background-color: white;
  color: black;
}
/*==============================hospital management code==================================*/

    /*--------------------------health care plateform---------------------*/

.hospital_healthcare_platform_section{
    width: 100%;
    padding: 30px 10px; 
     
}

.hospital_healthcare_platform_section_header h3{
  text-align: center;
  font-size: 20px;
  color: #261f61;
  padding: 10px;

}

.hospital_healthcare_platform{
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 10px;
     gap: 20px;
     
    
}
.hospital_healthcare_platform_cards h2{
    color: #27184f;
     padding:12px;
     font-size: 14px;
     text-align: center;

}
.hospital_healthcare_platform_cards ul{
    padding-left: 18px;  
    margin: 0px 0px 0px 40px;
    text-align: justify;  
    list-style-position: outside; 
}

.hospital_healthcare_platform_cards li{
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 5px;
    opacity: 0.7;
}

.hospital_healthcare_platform_cards img{

    width:80px;
    height: 80px;
    /* background-color: white; */
    border-radius: 10px;
    font-size: 30px;
    padding: 10px;
   
}
.hospital_healthcare_platform_cards{
 
 text-align: center;
 justify-content: center;
    width: 350px;
    height: 320px;
    border: 0px solid black;
      border-radius: 10px;
    padding: 20px;
    background-color: white;
    box-shadow: 1px 2px 6px rgb(137, 137, 140);  
     transition: transform 0.6s ease; 
}
.hospital_healthcare_platform_cards:hover{
  transform: scale(0.95);
}
/*-------------------hospital main section  code -------------------------*/
.hospital_main_section{
  width:100%;
  margin:20px 30px;
  display:flex;
  align-items:center;
  justify-content:space-between;
   padding: 20px  60px 20px 40px; 
 
}


.hospital_main_section_image{
  flex:1;
  opacity:0;
  transform:translateX(-120px);
  animation:hospitalImageReveal 1.5s ease forwards;
}

.hospital_main_section_image img{
  width:600px;
  height:600px;
  border-radius:15px;
  display:block;
}

.hospital_main_section_content{

  flex:1;
  opacity:0;
  transform:translateX(120px);
  animation:hospitalTextReveal 1.5s ease forwards;
  animation-delay:0.8s;
  padding: 10px 100px 10px 20px;
  text-align: justify;
}

.hospital_main_section_content h2{
  font-size:25px;
  color:#192c65;
  margin-bottom:20px;
}

.hospital_main_section_content p{
  font-size:12px;
  line-height:1.8;
  color:#555;
  margin-bottom:10px;
}

.hospital_main_section_content button{
  padding:12px 25px;
  border:none;
  background:#4a6cf7;
  color:#fff;
  border-radius:30px;
  cursor:pointer;
  transition:0.4s;

}

.hospital_main_section_content button:hover{
  background:#192c65;
  transform:scale(1.05);
}

@keyframes hospitalImageReveal{
  to{
    opacity:1;
    transform:translateX(0);
  }
}

@keyframes hospitalTextReveal{
  to{
    opacity:1;
    transform:translateX(0);
  }
}



/* =================================================  CORE FEATURES SECTION ============================================== */


.hospital_features_section{
  max-width:1000px;
  margin:auto;
  padding:40px 0;
}

.hospital_features_section h2{
  text-align:center;
  margin-bottom:30px;
  color:#192c65;
}

/* remove arrow */
summary::-webkit-details-marker{
  display:none;
}

.hospital_features_title{
  background:linear-gradient(135deg,#1b3c73,#033fc1cf);
  color:white;
  padding:15px;
  border-radius:6px;
  cursor:pointer;
  font-size:14px;
}

.hospital_features_title:hover{
  background:#3d4d7a;
  background:linear-gradient(135deg,#1b3c73,#627fa6);
}

.hospital_features_panel{
  padding:20px;
  background:white;
  border-radius:0 0 6px 6px;
}

.hospital_item{
  margin-bottom:12px;
}

.hospital_features_panel ul{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px 40px;
  padding-left:20px;
}

.hospital_features_panel li{
  font-size:12px;
  line-height:1.6;
}
/*===================== our services=================*/
.section-title{
  text-align:center;
  margin:40px 0 25px;
  color:#192c65;
}

/* SCROLL */
.scroll-wrapper{
  overflow:hidden;
  width:100%;
}

.card-track{
  display:flex;
  gap:20px;
  width:max-content;
  padding:0 30px;
  animation: scrollLeft 25s linear infinite;
}

.scroll-wrapper:hover .card-track{
  animation-play-state: paused;
}


.service-card{
  width:240px;
  height:200px;
  position:relative;
  border-radius:14px;
  overflow:hidden;
  flex-shrink:0;
  box-shadow:0 8px 20px rgba(0,0,0,0.08);
}

.service-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:0.4s;
}


.card-overlay{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,0.15);
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  padding:14px;
  transition:0.4s;
}


.card-overlay h3{
  color:#fff;
  font-size:16px;
  margin:0;
  transition:0.4s;
}


.card-overlay p{
  color:#fff;
  font-size:12px;
  line-height:1.4;
  margin-top:4px;
  text-align: justify;
  opacity:0;
  transform:translateY(15px);
  transition:0.4s;
}


.service-card:hover img{
  opacity:0.3;
}

.service-card:hover .card-overlay{
  background:rgba(0,0,0,0.55);
}

.service-card:hover h3{
  transform:translateY(-18px);
}

.service-card:hover p{
  opacity:1;
  transform:translateY(0);
}

@keyframes scrollLeft{
  0%{ transform:translateX(0); }
  100%{ transform:translateX(-50%); }
}

/*============================contact code start ===================================*/

/*      --------------------------  map ----------------------- */
#contact-section, .contact-section{
    padding:60px 20px;
}

/* ===== MAIN WRAPPER ===== */
.contact-wrapper{
    max-width:1200px;
    margin:0 auto;
    display:flex;
    gap:30px;
    padding:30px;
    background:#fff;
    border-radius:20px;
    box-shadow:0 10px 35px rgba(0,0,0,0.08);
    align-items:stretch;
}

/* ================= LEFT SIDE ================= */
.contact-map-section{
    width:55%;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,0.12);
}

.contact-map-section iframe{
    width:100%;
    height:100%;
    min-height:420px; 
    display:block;
    border:0;
}

/* ================= RIGHT SIDE ================= */
.contact-right-panel{
    width:45%; 
    display:flex;
    flex-direction:column;
    gap:20px;
}

/* CARD */
.contact-card{
    background:#fff;
    padding:22px;
    border-radius:16px;
    box-shadow:0 10px 30px rgba(0,0,0,0.07);
}

/* ADDRESS */
.contact-card h3{
    margin-bottom:18px;
    color:#1e293b;
}

.contact-info-box{
    display:flex;
    gap:12px;
    margin-bottom:15px;
}

.contact-info-box i{
    color:#2563eb;
    background:#eff6ff;
    padding:9px;
    border-radius:8px;
    font-size:16px;
}

.contact-info-box p{
    font-size:14px;
    color:#64748b;
    line-height:1.5;
}

/* FORM */
.contact-form-row{
    display:flex;
    gap:10px;
}

.contact-ui-input,
.contact-ui-textarea{
    width:100%;
    padding:10px 12px;
    margin-bottom:12px;
    border:1px solid #e2e8f0;
    border-radius:8px;
    font-size:14px;
}

.contact-ui-input:focus,
.contact-ui-textarea:focus{
    border-color:#2563eb;
    outline:none;
}

.contact-ui-btn{
    width:100%;
    padding:12px;
    border:none;
    border-radius:8px;
    background:#2563eb;
    color:white;
    font-size:14px;
    cursor:pointer;
}

.contact-ui-btn:hover{
    background:#1d4ed8;
}

/* ===== MOBILE ===== */
@media(max-width:900px){
    .contact-wrapper{
        flex-direction:column;
    }
    .contact-map-section,
    .contact-right-panel{
        width:100%;
    }
    .contact-map-section iframe{
        min-height:350px;
    }
}
/*===================== contact code over ================*/


/*==========================digital marketing   code START =============================*/

  /*digital curve code */

    .digital_main {
     font-family: 'Segoe UI', sans-serif;
      background:rgb(237, 237, 239);
      min-height: 400px;
      overflow-x: hidden;
    }


    .digital_main_curved{
        padding-top: 27px;
    
       
    }
     .digital_main_curved_text{
    text-align: center;
    color: #466251;
    text-shadow: 5px 5px 20px rgb(123, 119, 119);
   padding-top: 114px;
    
    }
    .digital_main_curved_text h2 {
     font-size: 80px;
     font-family:Georgia, 'Times New Roman', Times, serif;
     transition: color 0.8s ease-in;
    }
     .digital_main_curved_text h2:hover{
        color: #45758d;
        
       
     }
    
    /* ----------------------process code------------------- */ 

   .process-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.process_container_header{
  text-align: center;
  font-size: 35px;
  color: #261f61;
  padding: 20px;
}

.step {
  text-align: center;
  position: relative;
}

.circle {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
  color: #fff;
  margin-bottom: 15px;
}
.green {background-image: url(../IMAGES/card-img/news-1.jpg);}
.yellow { background-image: url(../IMAGES/card-img/news-2.jpg); }
.blue { background-image: url(../IMAGES/card-img/team-2.png); }
.black { background-image: url(../IMAGES/card-img/news-3.jpg); }

.step p {
  font-size: 16px;
  font-weight: bold;
}

.connector {
  width: 150px;
  height: 2px;
  border-top: 2px dashed #c9a25d;
  margin: 0 10px;
}



        /* -----our-services---*/

          .degital_services-card {
			   width: 100%;
				height: 750px;
				gap: 20px;
			  margin-top: 30px;
             
				
			}
           .degital_services_mai_card h1{
            
				text-align: center;
				margin-top: 30px;
         color: #261f61;
			}
			.degital_card-container {
				display: flex;
				text-align: center;
				justify-content: center;
			}
			
			.degital_card {
				width: 300px;
				height: 320px;
				background-color:rgb(227, 231, 232);
				border: 0px solid black;
				box-shadow: 1px 2px 5px rgb(137, 137, 140);
				text-decoration: none;
				padding: 20px;
				margin:15px;
				border-radius: 20px;
                 transition: transform 2s linear;
              
			}
			.degital_card img {
				width: 70px;
				height: 70px;
				border-radius: 50px;
				
			}
			.degital_card-links {
				display: flex;
				flex-direction: column;
				font-size: 16px;
				text-align: justify;
				padding-left: 40px;
				gap: 10px;
				}
			.degital_card-links a {
				color: gray;
				text-decoration: none;
			}
			.degital_card:hover {
			
				background-color: rgb(215, 227, 231);
              
                 transform :translatey(10px);
				
			}
            
         


          



   /*our business partners css code start*/


  .business-partners {
			  display: flex;
			  justify-content: space-between;
			  margin: 40px;
		  }
		  .business-partners-image {
			  width: 50%;
              padding-left: 20px;
            opacity: 0;
             transform: translate(-150px); 
              animation: slideInLeft 1s ease-out forwards;
		  }
		  .business-partners-content {
			  width: 50%;
			  margin: 30px;
              padding-right: 30px;
               opacity: 0;
              transform: translateX(150px); 
              animation:slideInRight  1s ease-out forwards;
              animation-delay: 0.3s;
          }
		  .business-partners-link {
			  display: flex;
			  justify-content: space-between;
			 text-align: center;
			  
		  }
		  .business-partners-alink {
			   font-size: 16px;
			  margin: 5px;
			  padding-top: 20px;
			  text-align: justify;
              
		  }
		  .business-partners-alink a {
			  text-decoration: none;
              color: black;
              transition: color 0.4s ease-in;
            
		  }
          .business-partners-alink a:hover {
            color: rgb(147, 138, 138);
          }
		  .business-partners-contact {
			  text-align: center;
			  margin: 30px;
			  font-size: 20px;
          }
		  .business-partners-contact a {
               border: 1px solid black;
             border-radius: 10%;
              background-color: rgb(237, 235, 235);
			  color: rgb(16, 2, 2);
			  text-align: center;
			  text-decoration: none;
                padding: 10px 20px;
              
			 
		  }
         
   @keyframes slideInRight {
      from {
        opacity: 0;
        transform: translateX(150px);
      }
      to {
        opacity: 1;
        transform: translateX(0);
      }
    }

    @keyframes slideInLeft {
      from {
        opacity: 0;
        transform: translateX(-150px);
      }
      to {
        opacity: 1;
        transform: translateX(0);
      }
    }





        /*-----------------------srolling-cards-----------------*/

	.digital_cases-slider {
  
  overflow: hidden;
  position: relative;
  padding: 20px 0;
		margin: 40px;
		
		
}
 .digital_cases_slider_main {
    text-align: center;
    font-size: 18px;
    color: #261f61;
 }

.digital_cases-track {
  display: flex;
  gap: 24px;
  animation: slide-left 12s linear infinite;
}

.digital_case-card {
  min-width: 240px;
  background: #fff;
  border-radius: 14px;
  padding: 16px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.digital_case-card img {
  width: 100%;
  border-radius: 10px;
  margin-bottom: 12px;
}

.digital_case-card h4 {
  margin: 8px 0 4px;
  font-size: 1.1rem;
  font-weight: 600;
}

.digital_case-card p {
  font-size: 0.9rem;
  color: #555;
}

.digital_case-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}

@keyframes slide-left {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
    
/*==========================digital marketing   code end =============================*/

/*=======================================hotel management code start==================================*/

.hotel_features_wrapper{
    max-width:1200px;
    margin:0 auto;              
    padding:30px 20px;
    display:grid;
    grid-template-columns:repeat(4,1fr); 
    gap:25px;
    justify-items:center;      
}

.hotel_feature_card:nth-last-child(1):nth-child(4n+1){
    grid-column: 2 / span 2;
}


.hotel_feature_card{
    width:100%;                
    max-width:260px;          
    height:auto;

    background:#ffffff;
    padding:35px 25px;
    border-radius:18px;
    text-align:center;
    position:relative;
    overflow:hidden;
    transition:all 0.6s ease;
    box-shadow:0 8px 25px rgba(0,0,0,0.08);
}


.hotel_feature_icon{
   width: 60px;
    margin-bottom:10px;
    transition:0.6s ease;
}

.hotel_feature_card h3{
    font-size:14px;
    color:#1b3c73;
    margin-bottom:15px;
}


.hotel_feature_card p{
    font-size:12px;
    line-height:1.7;
    text-align:justify;
    color:#555;
}


.hotel_feature_card::before{
    content:"";
    position:absolute;
    width:100%;
    height:0%;
    left:0;
    bottom:0;
    background:linear-gradient(135deg,#1b3c73,#4e73df);
    transition:0.6s ease;
    z-index:0;
}

.hotel_feature_card:hover::before{
    height:100%;
}

.hotel_feature_card:hover{
    transform:translateY(-10px) scale(1.03);
    color:#fff;
}

.hotel_feature_card:hover h3,
.hotel_feature_card:hover p{
    color:#fff;
    position:relative;
    z-index:2;
}

.hotel_feature_card:hover .hotel_feature_icon{
    transform:rotate(10deg) scale(1.1);
    position:relative;
    z-index:2;
}


@media(max-width:992px){
    .hotel_features_wrapper{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:600px){
    .hotel_features_wrapper{
        grid-template-columns:1fr;
    }
}



/*=======================================HOTEL management code END==================================*/

/*=======================================Network services code ==================================*/

     /*--------------why choose section code -------------------*/

.visibility_layer_network_header{
  width: 100%;
  font-size: 30px;
  color: #19264e;
  text-align: center;
  padding: 20px;
}
.visibility_layer_network_main{
  width: 100%;
  text-align: center;
  padding-top: 20px;
 
}
.visibility_layer_network_main_container{
  
  width: 100%;
  display: flex;
   text-align: center;
  justify-content: center;
 gap: 20px;
 padding-bottom: 20px;
}
.visibility_layer_network_main_cards{
  width: 250px;
  height: 300px;
  border: 0px solid black;
  box-shadow: 0 4px 12px  rgb(228, 218, 218);
  border-radius: 10%;
 text-align: center;
   animation: translate 4s ease-in-out 1s  alternate;
}
@keyframes translate{
    from{
        scale: 0;
    }
    to{
        scale: 1;
       
    }
  }

.visibility_layer_network_main_cards i{
 font-size: 50px;
 padding: 30px 0px;
  
}
.visibility_layer_network_main_cards h2{
  font-size: 23px;
  padding-bottom: 10px;
  color: #192c65;
  padding: 0px 10px;
}
.visibility_layer_network_main_cards p{
  font-size: 16px;
  padding: 10px;
}

/*----------------------------------Browse by technology-----------------------*/
.browse_by_technology_main{
  width: 100%;
  font-size: 30px;
  color: #19264e;
  text-align: center;
  padding: 40px;
}
.browse_by_technology_main_container{
    width: 100%;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 30px;
}
.browse_by_technology_main_container_cards_container{
    width: 100%;
  display: flex;
   text-align: center;
      justify-content: center;
    gap: 20px;
    padding-bottom: 20px;
}
.browse_by_technology_main_container_cards{
   width: 250px;
  height: 150px;
  border: 0px solid black;
  box-shadow: 0 4px 12px  rgb(228, 218, 218);
  border-radius: 10%;
  padding: 10px;
   text-align: center;
   justify-content: center;
      animation: rotate 4s ease-in-out 1s  alternate;
}
@keyframes rotate{
    0%{
        rotate: 0deg;
    }
    25%{
        rotate: 45deg; 
    }
     50%{
        rotate: 90deg; 
    }
     75%{
        rotate: 180deg;
    }
     100%{
        rotate: 360deg;
    }
  }

.browse_by_technology_main_container_cards img{
  width: 80px;
  height: 80px;
}

.browse_by_technology_main_container_cards a{
  text-decoration: none;
  color:#19264e;
  font-size: 20px;
  text-align: center;
}

/*-----------------------Partner Program----------------------------*/

.network_service_partner_program{
  width: 100%;
  padding: 30px;
  display: flex;
}
.network_service_partner_program_image{
  width: 50%;
  text-align: center;
}
.network_service_partner_program_image img{
  width: 500px;
  height: 350px;
}
.network_service_partner_program_content{
    width: 50%;
  
    text-align: center;


}
.network_service_partner_program_content h2{
  font-size: 35px;
  color: #19264e;
    padding: 50px 50px 20px 50px;
 
  
}
.network_service_partner_program_content p{
  font-size: 16px;
   padding: 0px 50px 20px 50px;
  padding-bottom: 50px;

}
.network_service_partner_program_content a{
 
  border: 1px solid #f5b48f;
  text-decoration: none;
  font-size: 22px;
  color: #f5b48f;
  padding: 10px;
  border-radius: 100px;
}

/*=======================================Network services code end ==================================*/
/*======================================= HRM code START ==================================*/

/* ---------------------------------hrm main section -------------------------*/

.hrm_main_section{
    width: 100%;
}
.hrm_main_image{
    position: relative;
}
.hrm_main_text {
     position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
         color: rgb(173, 144, 144);
        font-size: 50px;
        text-align: center;
     transition: color 0.8s ease-in;
}
.hrm_main_text:hover{
     color:rgb(141, 80, 80); 
 
}
.hrm_main_image img{
    width: 100%;
    height: 500px;
     opacity:0.9;
}

     /*   HRM services    */ 


  .hrm-services {
    width: 100%;
    height: auto;
    padding: 20px 80px;
  }
  .hrm-services-content {
     font-size: 16px;
     text-align: justify;
  }
  .hrm-services-content h2 {
      text-align: center;
      font-size: 35px;
      color: rgb(23, 23, 90);
  }
   .hrm-services-image-card{
            
            display: flex;
            padding: 17px;
            gap: 10px;
        }
        
        .hrm-services-card-content {
           width: 300px;
           height: 250px;
           display: block;
           background-color: rgb(238, 234, 228);
           border-radius: 10px;
           box-shadow: 0px 1px 2px red;
           text-align: center;
           padding: 10px 20px;
           font-size: 16px;
           margin: 1px 18px;
             box-shadow: 0 4px 8px rgba(0,0,0,0.2);
            overflow: hidden;
           transition: transform 0.4s ease, box-shadow 0.4s ease;
           animation: fadeIn 1s ease forwards;
        }
        .hrm-services-card-content h3 {
            padding: 10px;
        }
        .hrm-services-card-content i {
            font-size: 35px;
            padding-bottom: 10px;
            padding-top: 10px;
        }
        .hrm-services-card-content:hover {
            transform: translateY(-10px);
            box-shadow: 0 8px 16px rgba(0,0,0,0.3);
            background-color: rgb(93, 92, 92);
            color: white;
          
        }
          
       @keyframes fadeIn {
      from { opacity: 0; transform: scale(0.95); }
      to { opacity: 1; transform: scale(1); }
       }

      @keyframes fadeUp {
      from { opacity: 0; transform: translateY(20px); }
      to { opacity: 1; transform: translateY(0); }
     }

     /* HRM ABOUT SECTION */

  .hrm_about_section{
    width: 100%;
    display: flex;
  
   
}
.hrm_about_section_image{
   width: 47%;
   padding: 25px;
   padding-left: 80px;
   margin: 25px; 
}
.hrm_about_section_content{
    width: 500px;
    height: 400px;
    padding-top: 40px;
    padding-right: 80px;
    text-align: justify;  

}
.hrm_about_section_image img{
    width: 450px;
    height: 400px;
}
.hrm_about_section_content h2{
    color:  rgb(29, 20, 69);
    text-align: center;
    font-size: 35px;

}



   
/* why  choose */

 .hrm_why_choose{
    width: 100%;
   display: flex;
   text-align: center;
    
 }
 .hrm_why_choose_content{
    width: 50%;
    text-align: justify;
  padding-left: 100px; 
 }
  .hrm_why_choose_content h2{
     color: rgb(34, 22, 85);
     font-size: 35px;
     text-align: center;
     padding: 20px;
  }
  .hrm_why_choose_content p{
     font-size: 16px;
    }
  .hrm_why_choose_content ul{
    padding-left: 20px;
  }

 .hrm_why_choose_image{
    width: 50%;
     padding: 20px;
    
 }
 .hrm_why_choose_image img {
    width: 400px;
    height: 450px;
 }


/* ===== Contact ===== */

.hrm_contact_section{
 width: 100%;
 padding: 30px;

}
.hrm_contact_section h2{
  text-align: center;
  padding: 10px;
  font-size: 35px;
  color: #19264e;
}
.hrm_contact{
  max-width:600px;
  margin:auto;
  background:#f8fafc;
  padding:40px;
  border-radius:22px;
  box-shadow:0 12px 30px rgba(0,0,0,0.08);
}
.hrm_contact input,
.hrm_contact textarea{
  width:100%;
  padding:14px;
  margin-bottom:15px;
  border:1px solid #d1d5db;
  border-radius:12px;
}
.hrm_contact button{
  width:100%;
  padding:15px;
  border:none;
  background:#5a5e66;
  color:#fff;
  border-radius:14px;
  font-size:16px;
  cursor:pointer;
  transition:0.3s;
}
.hrm_contact button:hover{
  background:#1e40af;
}



/*===============================HRM=============================================*/
/* ===== HRM FEATURES SECTION ===== */
#hrm-features-section{
    width:100%;
}

/* GRID */
.hrm-features-grid{
    max-width:1200px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:20px;
    padding:40px 20px;
}

/* CARD */
.hrm-feature-card{
    background:#fff;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 5px 15px rgba(0,0,0,0.08);
    transition:0.35s ease;
}

.hrm-feature-card:hover{
    transform:translateY(-12px) scale(1.02);
    box-shadow:0 20px 40px rgba(0,0,0,0.12);
}

/* IMAGE */
.hrm-feature-card img{
    width:100%;
    height:180px;
    object-fit:cover;
    transition:0.4s ease;
}

.hrm-feature-card:hover img{
    transform:scale(1.08);
}

/* CONTENT */
.hrm-feature-content{
    padding:18px;
}

.hrm-feature-content h3{
    margin:0 0 8px;
    color:#192c65;
    font-size:14px;
    text-align:center;
}

.hrm-feature-content p{
    font-size:12px;
    color:#555;
    line-height:1.6;
    text-align:center;
}
.hrm-feature-content a{
    font-size: 12px;
}

/* READ MORE */
.hrm-read-more{
    display:block;
    text-align:right;
    margin-top:12px;
    text-decoration:none;
    color:#192c65;
    font-weight:600;
    font-size:13px;
    transition:0.3s;
}

.hrm-read-more:hover{
    letter-spacing:0.5px;
}

/* RESPONSIVE */
@media(max-width:992px){
  .hrm-features-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:500px){
  .hrm-features-grid{
    grid-template-columns:1fr;
  }
}



 /*========================================  footer  code ====================================*/
  .footer {
     width: 100%;
    height: 250px;
    display: flex;
    border: 1px solid rgb(198, 195, 195);
     background-color: #fdfdfe;
      color:#122736;
      opacity: 0.9;
    text-align: center;
    justify-content: space-around;
    margin-top: 5px;
    padding: 20px;
    box-sizing: border-box;
}
.footer1 {
    width: 300px;
    display: block;
    text-align: justify;
    padding-left: 20px;
    font-size: 12px;
     opacity: 0.9;
}
.footer1 img{
  width: 230px;
  height: 120px;
}
.footer1 a{
    color:#122736;
    font-size: 25px;
    padding-left: 15px;
      opacity: 0.9;
}
.footer2 {
    width: 300px;
    flex-direction: column;
     color:#122736;
      opacity: 0.9;
    
}
.footer2 h3{
    font-size: 16px;
}
.footer2 a{
    display: flex;
    padding-left: 100px;
      color:#122736;
      opacity: 0.9;
     font-size: 12px;
	text-decoration: none;
}
.footer3 {
      width: 300px;
     flex-direction: column;
    margin-left: 10px;
     font-size: 20px;
}
.footer3 h3{
    font-size: 16px;
}
.footer3 a{
    display: flex;
    padding-left: 80px;
	padding-bottom:5px;
  color:#122736;
      opacity: 0.9;
    font-size: 12px;
	text-decoration: none;
}
.footer4 {
    width: 300px;
   flex-direction: column;
  text-align: justify;
    font-size: 12px;
     opacity: 0.9;
  
   
}
.footer4 i{
	  font-size: 12px;
	padding-bottom: 10px;
	
}