body {background: #11224e; overflow-x: hidden; color: #403c3d; }
	
		:root {
            --dark-bg: #121212;
            --dark-card: #1e1e1e;
            --dark-red: #8B0000;
            --light-red: #B22222;
            --light-text: #e0e0e0;
			--primary-color: #11224e;
            --secondaryy-color: #155e70;
            --light-bg: #f8f9fa;
            --dark-text: #2d3748;
			--primary-color: #1a365d;
            --accent-1: #3182ce;
            --accent-2: #38a169;
            --accent-3: #d69e2e;
            --accent-4: #805ad5;
            --accent-5: #e53e3e;
            --primary: #00bfe7;
            --success: #00c1a1;
            --danger: #FC654C;
            --warning: #f87b1b;
            --dark: #1a2b3c;
            --light: #f8f9fa;
            --text: #333;
            --gray: #ececec;
			--primaryyy-color: #037d9c;
            --accenttt-color: #037d9c;
            --primary-color: #1a365d;
            --primary-color: #1a3263;
            --secondary-color: #f9bb00;
            --accent-color: #3182ce;
            --text-dark: #2d3748;
            --text-light: #6c757d;			
            --c1: #e4442a;			
            --c2: #ff7e00;			
            --c3: #0094d8;			
            --c4: #00a88d;			
        }
        .texture-diagonal {
            background-color: #fab95b;
            background-image: repeating-linear-gradient(
                45deg,
                transparent,
                transparent 10px,
                rgba(255,255,255,0.1) 10px,
                rgba(255,255,255,0.1) 20px
            );
        }
		
		.masked-text {
			font-weight: bold;
			color: transparent;
			background-image: url('../img/text_effect.webp'); 
			background-size: 200%; /* Enlarged for smooth animation */
			background-position: 0 50%;
			background-clip: text;
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			animation: animate-background 5s infinite alternate linear;
		}

@keyframes animate-background {
    0% {
        background-position: 0 50%;
    }
    100% {
        background-position: 100% 50%;
    }
}
	.back-to-top {
    position: fixed;
    bottom: 20px;      /* distance from bottom */
    right: 20px;       /* distance from right */
    border: none;
    padding: 10px 15px;
	height: 50px;
	width: 50px;
    border-radius: 50%;
    font-size: 18px;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    z-index: 999999;
}
	
	.bluee {color: #11224e}
	.back-to-top.show { opacity: 1; visibility: visible; }
	.text_gredi {  background: -webkit-linear-gradient(#eee, #333);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
	.text-warning {color: #f87b1b!important}
	.bg-warning {Background: #fab95b!important}
	.gredi {  background-image: linear-gradient(#0f172a, #001117);}
	.big_h_color { color: #0482a2}
	.info-box {
      background: #fff;
      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
      border-radius: 8px;
      padding: 3rem;
    }
	.h2::after {background: var(--warning); content: ''; width: 5px; height: 30px; border-radius: 50px; position: absolute; left: 0; top: 10px}
/*box*/
.bo1 {background: var(--c1); mix-blend-mode: overlay; inset: 0}
.bo2 {background: var(--c2);}
.bo3 {background: var(--c3);}
.bo4 {background: var(--c4);}
.clr1 {color: var(--c1);}
.clr2 {color: var(--c2);}
.clr3 {color: var(--c3);}
.clr4 {color: var(--c4);}
.square-box {
  aspect-ratio: 1 / 1;     /* Makes perfect square */
  padding: 14px;
  display: flex;
  flex-direction: column;
  align-items: flex-start; /* Align start */
  justify-content: flex-start;
}

.square-box .icon {
  font-size: 32px;
  margin-bottom: 12px;
}

.square-box h5 {
  margin-bottom: 8px;
  font-weight: 600;
}

.square-box p {
  margin: 0;
  line-height: 19px;
 
}

/*icon_animation*/
.scroll-trigger-element {
  opacity: 0;
  transform: translateY(100px);
  transition: opacity 1s ease-out, transform 1s ease-out;
}

.scroll-trigger-element.is-visible {
  opacity: 1;
  transform: translateY(0);
}
/*icon_animation*/
/*box*/
    .info-item {
      display: flex;
      align-items: center; /* perfectly vertical center */
      gap: 0.75rem;
      text-align: left;
    }

    .info-icon {
      /*background: #282828;*/
      color: #fff;
      font-size: 1.4rem;
      width: 45px;
      height: 45px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      flex-shrink: 0;
    }

    .info-text {
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .info-text h6 {
      margin: 0;
      font-weight: 600;
      color: #222;
      font-size: 1.3rem;
    }

    .info-text p {
      margin: 0;
      color: #666;
      font-size: 0.875rem;
    }

	/*hero*/
	#hero {background:url(../img/header_2.jpg) no-repeat left top; height: 687px; z-index:1}
    .hero-section {	  
      background:#f0f0f0;
      position: relative;	 
    }
	.or_text {position: relative; margin: 45px 0 35px 0;}
	.or_text span {position: absolute; left: 0; right: 0; margin: auto; color: #000; width: 40px; top: -20px; text-align: center; line-height: 40px; font-weight: 700; background: #fff; border-radius: 50%; height: 40px;}
	.or1 {border-top: 1px solid #c1c1c1;}
	.extra-bold {
	  font-weight: 900 !important;
	  font-family: 'Poppins', 'Inter', 'Segoe UI', sans-serif;
	  letter-spacing: -0.5px;
	  line-height: 3.2rem;
	}
	.hero-form {background: var(--gray);}
	/*hero*/
	/*placment*/
	#placement {background:url(../img/placement_bg.webp) no-repeat left bottom;}
	#placement .h2_small {font-size: 1.8rem}
	.placement-section {
	  /*background-color: #1a3263; /* Dark navy tone */
	}

	.placement-box {
	  background-color: #fff;
	  border-radius: 12px;
	  overflow: hidden;
	  transition: all 0.3s ease-in-out;
	}
	.placement-box .loggo {
		left: 25px;
		bottom: -25px;		
	}
	.placement-box:hover {
	  transform: translateY(-5px);
	}

	.student-cutout {
	  width: 100%;
	  height: 100%;
	  object-fit: cover;
	  border-radius: 8px;
	}

	@media (max-width: 991px) {
	  .placement-box {
	  }
	  .placement-box .w-50 {
		width: 100% !important;
	  }
	  .student-cutout {
		height: 230px;
		margin-top: 10px;
	  }
	}
	/*placment*/
	
	/* Custom styles */
		.navbar {
		--bs-navbar-nav-link-padding-x: 1.2rem;
		}
        .navbar {
            transition: all 0.3s ease;
            padding: 15px 0;
			background: #f0f0f0;
        }
        .navbar.scrolled {
            /*background-color: rgba(33, 37, 41, 0.95) !important;*/
            padding: 8px 0;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        }
        
        .navbar-brand {
            font-weight: bold;
        }
        
        .hero-carousel {
            /*height: 100vh;
            min-height: 600px;
            max-height: 800px;*/
            overflow: hidden;
            position: relative;
        }
        
        .carousel-item {
            height: 100%;
        }
        
        .carousel-item img {
            object-fit: cover;
            height: 100%;
            width: 100%;
        }
        
        .carousel-caption {
            position: absolute;
            bottom: 0%;
            left: 10%;
            transform: translateY(-50%);
            text-align: left;
            padding: 20px;
            background-color: rgba(0, 0, 0, 0.5);
            border-radius: 10px;
            width: 40%;
            max-width: 500px;
        }
        
        /* Custom carousel indicators - right side vertical */
		.carousel-indicators {
		  position: absolute;
		  right: 0;
		  bottom: 0;
		  left: 0;
		  z-index: 2;
		  display: none;
		  justify-content: center;
		  padding: 0;
		  margin-right: 15%;
		  margin-bottom: 1rem;
		  margin-left: 15%;
        }
        
        .carousel-indicators button {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background-color: rgba(255, 255, 255, 0.5);
            border: 2px solid transparent;
            transition: all 0.3s ease;			
        }
		
		.carousel-indicators [data-bs-target] {
			width: 12px;
			height: 12px;
			background-color: #c1c1c1;
			border-top: 4px solid transparent;
			border-bottom: 4px solid transparent;
			border-radius: 50%;
		}
        
        .carousel-indicators button.active {
            background-color: #fff;
            transform: scale(1.2);
        }
        
        .carousel-indicators button:hover {
            background-color: rgba(0, 0, 0, 0.8);
        }
        
        .mobile-form {
            display: none;
            background-color: white;
            padding: 25px;
            border-radius: 10px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            margin: 30px auto;
            max-width: 500px;
        }
        
        .form-tabs .nav-link {
            border-radius: 0;
            padding: 9px 0;
            font-weight: 500;
			color: #000;
        }
        
        .form-tabs .nav-link.active {
            background-color: #000;
            color: white;
        }
        
        .tab-content {
            padding: 25px;
        }
		
		.form-control {
			font-size: 0.8rem;
			padding: 0.275rem .75rem;
			border-radius: .3rem;
			border: 1px solid #cecece;
		}
        
        .form-control::placeholder {
            color: #6c757d;
            opacity: 0.8;
        }
        
        .phone-link {
            /*color: rgba(255, 255, 255, 0.75);*/
            text-decoration: none;
            display: flex;
            align-items: center;
            transition: color 0.3s;
        }
        
        .phone-link:hover {
            text-decoration: underline;
        }
		
		.submit-btn {
		  border: none;
		  color: white;
		  padding: 0.875rem 1.5rem;
		  font-weight: 600;
		  border-radius: 8px;
		  width: 100%;
		  transition: all 0.3s ease;
		  margin-top: 0.5rem;
		}
        .custom-control-label {
			font-size: 10px;
			line-height: 13px;
		}
		.send_p {top: 0px; right: 7px;}
		.send_p .btn {font-size: 11px; padding: 1px 10px; background: #f4b410; color: #282828; border: 0;}
        /*important*/

        .dark-theme-box {
            border-radius: 10px;
            box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
            overflow: hidden;
        }
        
        .phd-image {
            width: 100%;            
            object-fit: cover;
            border-radius: 6px;
        }
        
        .btn-custom-primary {
            background-color: #037c9b;
            color: white;
            padding: 10px 25px;
            font-weight: 600;
            transition: all 0.3s ease;
        }
        
        .btn-custom-primary:hover {
            background-color: #f67c49;
            border-color: #f67c49;
            transform: translateY(-3px);
			color: #fff;
        }
        
        .btn-custom-outline {
            background-color: transparent;
			border: 2px solid #f67c49;
			color: #f67c49;
            padding: 10px 25px;
            font-weight: 600;
            transition: all 0.3s ease;
        }
        
        .btn-custom-outline:hover {
            border-color: #f67c49;
            color: #037c9b;
            transform: translateY(-2px);
        }
        
        .content-heading {
            color: white;
            border-left: 4px solid var(--dark-red);
            padding-left: 15px;
            margin-bottom: 20px;
        }        
        /*important*/
        /*mba_specializations*/
		.advantages {color: #00acee;}
        /*mba_specializations*/
        /*programme*/
		}
        .hero-section2 {
            padding: 60px 0;
        }
		.hero-section {
            padding: 60px 0 0 0;
        }
		
		.hero-section3 {
            padding: 100px 0 0 0!important;
        }
		.bg_blue {
            background: #037c9b;
        }
		.color_blue {
            color: var(--primary-color);
        }
        .orange {
            color: #f67c49;
        }
		.orangebg {
            background: #f67c49;
        }
        .programme-selection {
            border-radius: 10px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            padding: 30px;
            margin-bottom: 20px;
        }
        
        .programme-selection h3 {
            color: var(--primary-color);
            margin-bottom: 20px;
        }
        .form-select {
			background-color: #fff;
		}
        .form-select2 {
            height: 50px;
            border: 2px solid #e2e8f0;
            border-radius: 8px;
            font-size: 1rem;
            padding: 0 15px;
        }
        
        .form-select:focus {
            border-color: var(--accent-color);
            box-shadow: 0 0 0 0.25rem rgba(49, 130, 206, 0.25);
        }
        
        /* Desktop Tabs */
		.nav-tabs2 {
            border-bottom: 2px solid #e2e8f0;
            margin-bottom: 30px;
        }
        
        .nav-tabs2 .nav-link {
            color: var(--default-color);
            font-weight: 600;
            padding: 15px 25px;
            border: none;
            border-bottom: 3px solid transparent;
            transition: all 0.3s ease;
        }
        
        .nav-tabs2 .nav-link:hover {
            border-color: #cbd5e0;
            color: var(--dark-red);
        }
        
        .nav-tabs2 .nav-link.active {
            color: var(--dark-red);
            background-color: transparent;
            border: none;
            border-bottom: 3px solid var(--accent-color);
        }
        
        .tab-content2 {
            padding: 0 10px;
        }
        
        .tab-pane h4 {
            color: var(--primary-color);
            margin-bottom: 20px;
        }
        
        .content-section2 {
            padding: 20px 0;
        }
               
        .content-section2 {
            background-color: white;
            border-radius: 10px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            padding: 30px;
            margin-bottom: 30px;
        }
        
        .content-section2 h4 {
            color: var(--primary-color);
            margin-bottom: 20px;
        }
        
        .content-section2 ul {
            padding-left: 20px;
        }
        
        .content-section2 li {
            margin-bottom: 10px;
        }
        
        .faq-item {
            margin-bottom: 20px;
            border-bottom: 1px solid #e2e8f0;
            padding-bottom: 20px;
        }
        
        .faq-question {
            font-weight: 600;
            color: var(--primary-color);
            margin-bottom: 10px;
        }
		.all-tab-img img {
    padding-bottom: 20px;
}		
		.all-tab-img img:nth-last-child(2) {
    padding-bottom:0;
}
            .ourwork-tab-wrap{
                position: relative;
            }
			.ourwork-tab-wrap ul li {padding-right: 2px;}
			
			.ourwork-tab-wrap .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {background: var(--primary-color); border: 0; padding: 6px 10px; color: #fff;}
			
            .ourwork-tab-wrap .nav-tabs {
                display:none;
            }
            .ourwork-tab-wrap .nav-tabs .nav-item {                
                margin-right: 0px;
                margin-bottom: 0px;

            }
            .ourwork-tab-wrap .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
                background: #f7f7f7;
				color: #000!important;	
				border: 0;
				
            }
            @media(min-width:768px) {
                .ourwork-tab-wrap .nav-tabs {
                    display: flex;
                }
                
                .ourwork-tab-wrap .card {
                    border: none;
                }

                .ourwork-tab-wrap .card .card-header {
                    display:none;
                }  

                .ourwork-tab-wrap .card .collapse{
                    display:block;
                }
            }

            @media(max-width:767px){
                .ourwork-tab-wrap .tab-content > .tab-pane {
                    display: block !important;
                    opacity: 1;
                    margin-bottom: 10px;
                }

                .ourwork-tab-wrap .card-header {
                    background: #427fad;
                    color: #fff;
                    border-bottom: 1px solid rgba(0,0,0,.125);                    
                }
                .ourwork-tab-wrap .card-header h5 a{
                    background: #427fad;
                    color: #fff;
                    border-bottom: none;   
                    text-decoration: none;  
                    font-size: 16px;
                    display: block;              
                }
                .ourwork-tab-wrap .card-header h5 a i {
                    float: right;
                    padding-top: 5px;
                }
                .ourwork-tab-wrap .card-body {
                    border: 1px solid #427fad;
                }
                .ourwork-tab-wrap .card-header h5 a:hover {
                    color: #fff;
                }

            }
		/*company1*/
		/*company1*/
        /*programme*/
        /*whychoos*/
		#why {background: linear-gradient(to bottom, #11224e 43.3%, white 43.3%);}
		.why ul li {margin-bottom: 4px;}
        .section-heading {
            font-weight: 700;
            margin-bottom: 30px;
            text-align: center;
            position: relative;
			padding-bottom: 15px;
        }
        
        .section-heading:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 4px;
            background-color: var(--secondary-color);
            border-radius: 2px;
        }	
        
        .features-list {
            list-style-type: none;
            padding: 0;
        }
        
        .features-list li {
            padding: 8px 0;
            border-bottom: 1px solid #e9ecef;
            display: flex;
            align-items: flex-start;
        }
        
        .features-list li:last-child {
            border-bottom: none;
        }
        
        .feature-icon {
            color: var(--secondary-color);
            margin-right: 15px;
            font-size: 1.2rem;
            margin-top: 3px;
            flex-shrink: 0;
        }
        
        .feature-text {
            flex-grow: 1;
        }        
        /*whychoos*/   
        /*usp*/
		.uspbg1 {background: #00bfe7}
		.uspbg2 {background: #00c1a1}
		.uspbg3 {background: #FC654C}
		.uspbg4 {background: #ff9c00}
		.uspbg5 {background: #ed027b}
		.uspbg6 {background: #58cf00}
        .compact-stats-section {
            padding: 20px 0;
        }
        
        .stat-column {
            /*background: white;
            padding: 25px 15px;*/
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            transition: all 0.3s ease;
        }
        
        .stat-icon {
            font-size: 2rem;
            margin-bottom: 15px;
            width: 60px;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
        }
        
        .stat-number {
            font-size: 1.4rem;
            line-height: 1.1;
        }
        
        .stat-title {
            font-size: 0.9rem;
            font-weight: 600;
            color: var(--primary-color);
            margin-bottom: 5px;
        }
        
        .stat-subtitle {
            font-size: 0.8rem;
            color: #6c757d;
        }
        
        /* Color variations for different stats */
        
        .carousel-control-prev2, .carousel-control-next2 {
            width: 40px;
            height: 40px;
            background-color: var(--primary-color);
            border-radius: 50%;
            top: 50%;
            transform: translateY(-50%);
            opacity: 0.8;
        }
        
        .carousel-control-prev2 {
            left: -20px;
        }
        
        .carousel-control-next2 {
            right: -20px;
        }
        
        .carousel-control-prev2:hover, .carousel-control-next2:hover {
            opacity: 1;
        }
        
        .carousel-indicators {
            bottom: -25px;
        }
        
        .carousel-indicators button {
            background-color: var(--primary-color);
            width: 8px;
            height: 8px;
            border-radius: 50%;
            margin: 0 4px;
        }
        
        @media (max-width: 1200px) {            	
			.stat-column {
                /*padding: 20px 12px;*/
            }
			
        }
        
        @media (max-width: 768px) {
            .stat-column {
                margin-bottom: 10px;
            }
            
            .carousel-control-prev {
                left: 5px;
            }
            
            .carousel-control-next {
                right: 5px;
            }
        }
        /*usp*/
        /*usp2*/
        .section-container {
            padding: 80px 0;
        }

        .left-content h2 {
            margin-bottom: 30px;
            font-weight: 700;
            position: relative;
            padding-bottom: 15px;
        }

        .left-content h2::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 60px;
            height: 4px;
            background: var(--secondary-color);
            border-radius: 2px;
        }

        .feature-list {
            list-style: none;
            padding: 0;
        }

        .feature-list li {
            margin-bottom: 15px;
            padding-left: 30px;
            position: relative;
        }

        .feature-list li::before {
            content: '✓';
            position: absolute;
            left: 0;
            color: var(--success);
            font-weight: bold;
        }

        .center-image {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100%;
        }

        .center-image img {
            max-width: 100%;
            transition: transform 0.3s ease;
        }

        .center-image img:hover {
            transform: scale(1.03);
        }

        .right-item {
            margin-bottom: 25px;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
			border-bottom: 2px dashed #ebebeb;
			padding-bottom: 20px;
        }

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

        .right-item:nth-child(2) {
            border-left-color: var(--success);
        }

        .right-item:nth-child(3) {
            border-left-color: var(--warning);
        }

        .right-item h4 {
            margin-bottom: 15px;
            font-weight: 600;
			font-size: 2.8rem;
        }

        .right-item p {
            color: var(--gray);
            margin-bottom: 0;
        }

        /* Responsive adjustments */
        @media (max-width: 992px) {
            .center-image {
                margin: 40px 0;
            }
            
            .right-item {
                margin-bottom: 20px;
            }
        }

        @media (max-width: 768px) {
            .section-container {
                padding: 50px 0;
            }
            
            .left-content h2 {
                font-size: 1.8rem;
            }
        }
		.tab-content ul.prog li {
		  float: left;
		  margin-right: 1.5%;
		  border: 1px solid #c1c1c1;
		  margin-bottom: 1.5%;
		  padding: 4px 10px;
		  border-radius: 5px;;
		  font-size: .8rem;
		}
		.tab-content ul.prog li:hover {background: #ffba1a;}		
		.suat_img {width: 148px; height: 68px; display: block;}
		.suat {background-position: -194px -216px; }
        /*usp2*/
        /*awards*/
		.info-box {
			background: #fff;
		}

		.info-bg::before {
			background: linear-gradient(#a67647, #deb876, #59432d);
			min-height: 100%;
			width: 10px;
			content: '';
			border-radius: 0 10px 10px 0 
		}

		.info-content {
			padding: 20px;
		}        
        .awards-section {
            background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('../img/awards.webp');
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
            padding: 150px 0;
            color: white;
        }

        .left-box {
            background: linear-gradient(45deg, #FFC200, #D4AF37, #B8860B);
			mix-blend-mode: luminosity;
            border-radius: 12px;
            padding: 40px 30px;
            color: white;
            text-align: center;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
        }
        
        .right-boxes {
            display: flex;
            flex-wrap: wrap;
            height: 100%;
        }
        
        .award-box {
            background-color: rgba(15, 23, 42, 0.8);
            border-radius: 10px;
            flex: 1 1 calc(32% - 20px);
            min-width: 200px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease;
            color: var(--primary-color);
			margin: 1%;
        }
        
        .award-box:hover {
            transform: translateY(-5px);
        }
        
        .award-icon {
            font-size: 2.5rem;
            margin-bottom: 15px;
        }
        
        .award-title {
			background: -webkit-linear-gradient(#fadca4, #9c6e47);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
            font-size: 1.1rem;
            font-weight: 600;
            margin-bottom: 10px;
        }
         .award_btn {
			background: linear-gradient(to bottom, #fadca4, #9c6e47);
        }
        
        .award-text {
            font-size: 0.9rem;
            color: #fff;
            line-height: 1.5;
        }
        
        /* Color variations for award boxes */
        .award-1 .award-icon {
            color: var(--accent-color);
        }
        
        .award-2 .award-icon {
            color: var(--secondary-color);
        }
        
        .award-3 .award-icon {
            color: #38a169;
        }
        
        .award-4 .award-icon {
            color: #d69e2e;
        }
        
        @media (max-width: 992px) {
            .awards-container {
                padding: 30px 20px;
            }
            
            .left-box {
                margin-bottom: 30px;
            }
        }
        
        @media (max-width: 768px) {
            .awards-section {
                padding: 50px 0;
            }
            
            .award-box {
                flex: 1 1 100%;
            }
        }		
        /*awards*/
		/*recruiters*/
		.recr_png {background:url(../img/recruiters.png) no-repeat center top;}
		.recr_img {width: 163px; height: 71px; display: block; margin: auto;}
		.recr1 {background-position: -8px 0;}
		.recr2 {background-position: -179px 0;}
		.recr3 {background-position: -354px 0;}
		.recr4 {background-position: -8px -71px;}
		.recr5 {background-position: -179px -71px;}
		.recr6 {background-position: -350px -71px;}
		.recr7 {background-position: -8px -144px;}
		.recr8 {background-position: -179px -144px;}
		.recr9 {background-position: -355px -144px;}
		.recr10 {background-position: -16px -216px;}
        /*global*/	
        
        .content-left {
            padding-right: 40px;
        }
        
        
        .section-text {
            color: #828282;
            font-size: 1.1rem;
            line-height: 1.7;
            margin-bottom: 30px;
        }
        
        .stats-container {
            display: flex;
            gap: 20px;
            margin-top: 30px;
        }
        
        .stat-item {
            text-align: center;
            flex: 1;
        }
        
        .stat-value {
            font-size: 1.8rem;
            font-weight: 700;
            margin-bottom: 5px;
        }
        
        .stat-label {
            font-size: 0.9rem;
            color: #6c757d;
        }
        
        .logos-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 15px;
        }
        
        .logo-item {
			background-color: rgba(255, 255, 255, 0.8);
            border-radius: 10px;
            padding: 10px 15px;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            transition: transform 0.3s ease;
            height: 110px;
        }
        
        .logo-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
        }
        
        .logo-img {
            max-width: 100%;
            max-height: 60px;
            filter: grayscale(100%);
            transition: filter 0.3s ease;
        }
        
        .logo-item:hover .logo-img {
            filter: grayscale(0%);
        }
        
        .logo-placeholder {
            width: 70px;
            height: 70px;
            background: linear-gradient(135deg, #f1f5f9, #e2e8f0);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            color: var(--primary-color);
        }
        
        /* 360px and above - 2 logos per row (default) */
        
        /* 768px and above - 3 logos per row */
        @media (min-width: 768px) {
            .logos-grid {
                grid-template-columns: repeat(3, 1fr);
                gap: 10px;
            }
            
            .logo-item {
                padding: 25px 15px;
                height: 120px;
            }
            
            .logo-placeholder {
                width: 80px;
                height: 80px;
                font-size: 1.8rem;
            }			
        }
        
        @media (max-width: 992px) {

            h2.display-5 {font-size: 2rem}
            .content-left {
                padding-right: 0;
                margin-bottom: 40px;
            }
			.placement-section h5 {font-size: .9rem}
        }
        
        @media (max-width: 576px) {

            #hero {background:url(../img/header.jpg) no-repeat center top; height: auto;}
			.hero-form {margin-top: 140px;}
            .stats-container {
                flex-direction: row;
                gap: 15px;
            }
			.white-mobile {color: #fff!important;}
        }
        /*global*/
        /*happning*/        
		/*company1*/
		.company_png {background:url(../img/company.png) no-repeat center top;}
		.company_img {width: 93px; height: 41px; display: block;}
		.company1 {background-position: -5px 0px; }
		.company2 {background-position: -94px 0px; }
		.company3 {background-position: -188px 0px; }
		.company4 {background-position: -282px 0px; }
		.company5 {background-position: -99px -39px; }
		.company6 {background-position: -470px 0px; }
		.company7 {background-position: -384px -43px; }
		.company8 {background-position: -477px -43px; }
		/*company1*/
		/*bank_logo*/
		.bank_img {width: 140px; height: 69px; display: block; float: left;}
		.bank1 {background-position: 0px -84px; }
		.bank2 {background-position: -141px -84px; }
		.bank3 {background-position: -282px -84px; }
		.bank4 {background-position: -423px -84px; }
		.bank5 {background-position: -0px -154px; }
		.bank6 {background-position: -141px -154px; }
		.bank7 {background-position: -282px -154px; }
		.bank8 {background-position: -424px -154px; }
		/*bank_logo*/		
		/*Testimonails*/
		.testi_png {background:url(../img/testi_png.html) no-repeat center top;}
		.testi_img {width: 143px; height: 142px; display: block;}
		.testi_p1 {background-position: 1px 0px; }
		.testi_p2 {background-position: -142px 0px; }
		.testi_p3 {background-position: -283px 0px; }
		.testi_p4 {background-position: -425px 0px; }
		.testi_p5 {background-position: -568px 0px; }
		/*Testimonails*/		
        .carousel-section {
            margin-bottom: 60px;
        }
        
        .section-title {
            text-align: center;
            margin-bottom: 30px;
            color: var(--primary-color);
            font-weight: 700;
            position: relative;
            padding-bottom: 15px;
        }
        
        .section-title:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 4px;
            background-color: var(--secondary-color);
            border-radius: 2px;
        }
        
        .carousel-container {
            position: relative;
            overflow: hidden;
            /*padding: 0 15px;*/
        }
        
        .carousel-track {
            display: flex;
            transition: transform 0.5s ease-in-out;
            gap: 25px;
        }
        
        .stat-column {
            /*background: white;
            border-radius: 8px;
            padding: 20px 15px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);*/
            transition: transform 0.3s ease;
            text-align: center;
            min-width: 0;
            flex-shrink: 0;
        }
        
        .stat-column:hover {
            transform: translateY(-5px);            
        }
        
        .stat-icon {
            font-size: 2rem;
            margin-bottom: 15px;
            width: 70px;
            height: 70px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            margin: 0 auto 15px;
        }
        
        
        .stat-title {
            font-size: 1rem;
            font-weight: 600;
            color: var(--primary-color);
            margin-bottom: 5px;
        }
        
        .stat-subtitle {
            font-size: 0.85rem;
            color: #6c757d;
        }
        
        .carousel-controls {
            display: flex;
            justify-content: center;
            gap: 15px;
            margin-top: 30px;
        }
        
        .carousel-btn {
            background: var(--primary-color);
            color: white;
            border: none;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background 0.3s ease;
            font-size: 1.2rem;
        }
        
        .carousel-btn:hover {
            background: var(--secondary-color);
        }
        
        .carousel-btn:disabled {
            background: #cbd5e0;
            cursor: not-allowed;
        }
        
        .carousel-indicators {
            display: done;
            justify-content: center;
            gap: 10px;
            margin-top: 20px;
        }
        
        .indicator {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: #cbd5e0;
            cursor: pointer;
            transition: background 0.3s ease;
        }
        
        .indicator.active {
            background: var(--primary-color);
        }
        
        /* Section-specific styling */
        .stats-section-1 .stat-column {
            flex: 0 0 calc(20% - 12px); /* 5 items per row */
        }
        
        .stats-section-2 .stat-column {
            flex: 0 0 calc(25% - 12px); /* 4 items per row */
        }
        
        .stats-section-3 .stat-column {
            flex: 0 0 calc(33.333% - 10px); /* 3 items per row */
        }
		
		 .stats-section-4 .stat-column {
            flex: 0 0 calc(50% - 8px); /* 2 items per row */
        }
        
        /* Responsive adjustments */
        @media (max-width: 1200px) {
            .stats-section-1 .stat-column {
                flex: 0 0 calc(25% - 12px); /* 4 items per row */
            }
            
            .stats-section-2 .stat-column {
                flex: 0 0 calc(33.333% - 10px); /* 3 items per row */
            }
            
            .stats-section-3 .stat-column {
                flex: 0 0 calc(50% - 8px); /* 2 items per row */
            }
			
			.stats-section-4 .stat-column {
                flex: 0 0 calc(50% - 8px); /* 2 items per row */
            }
			
        }
        
        @media (max-width: 992px) {
            .stats-section-1 .stat-column {
                flex: 0 0 calc(33.333% - 10px); /* 3 items per row */
            }
            
            .stats-section-2 .stat-column {
                flex: 0 0 calc(50% - 8px); /* 2 items per row */
            }
            
            .stats-section-3 .stat-column {
                flex: 0 0 calc(50% - 8px); /* 2 items per row */
            }
			
			.stats-section-4 .stat-column {
                flex: 0 0 calc(100%); /* 2 items per row */
            }
			
        }
        
        @media (max-width: 768px) {
            .stat-column {
                padding: 18px 12px;
            }
            
            .stats-section-1 .stat-column,
            .stats-section-2 .stat-column,
            .stats-section-3 .stat-column {
                flex: 0 0 calc(50% - 8px); /* 2 items per row */
            }
            
            .stat-icon {
                width: 60px;
                height: 60px;
                font-size: 1.8rem;
            }
            
            .stat-number {
                font-size: 1.6rem;
            }
            
            .stat-title {
                font-size: 0.95rem;
            }
            
            .stat-subtitle {
                font-size: 0.8rem;
            }
        }
        
        @media (max-width: 576px) {
            .stats-section-1 .stat-column,
            .stats-section-2 .stat-column,
            .stats-section-3 .stat-column {
                flex: 0 0 100%; /* 1 item per row */
                padding: 15px 10px;
            }
            
            .carousel-btn {
                width: 45px;
                height: 45px;
            }
        }
        /*happning*/
        /*testimonials*/

                
        .testimonials-section {
            padding: 80px 0;
            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
        }

        
        .section-subtitle {
            text-align: center;
            color: var(--text-light);
            margin-bottom: 60px;
            max-width: 700px;
            margin-left: auto;
            margin-right: auto;
            font-size: 1.1rem;
        }
        
        .testimonial-card {
            background: white;
            border-radius: 12px;
            padding: 30px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            height: 100%;
            display: flex;
            flex-direction: column;
            position: relative;
            margin-bottom: 30px;
        }
        
        .testimonial-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
        }
        
        .testimonial-card::before {
            content: '"';
            position: absolute;
            top: 20px;
            right: 30px;
            font-size: 4rem;
            color: rgba(49, 130, 206, 0.1);
            font-family: Georgia, serif;
            line-height: 1;
        }
        
        .testimonial-content {
            flex-grow: 1;
            margin-bottom: 25px;
            position: relative;
            z-index: 1;
        }
        
        .testimonial-text {
            font-size: 1rem;
            line-height: 1.7;
            color: var(--text-dark);
            margin-bottom: 0;
            font-style: italic;
        }
        
        .testimonial-author {
            display: flex;
            align-items: center;
            margin-top: auto;
        }
        
        .author-image {
            border-radius: 100%;
            overflow: hidden;
            margin-right: 15px;
            border: 3px solid var(--accent-color);
            flex-shrink: 0;
        }
        
        .author-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .author-info {
            flex-grow: 1;
        }
        
        .author-name {
            font-size: 1.1rem;
            font-weight: 600;
            color: var(--primary-color);
            margin-bottom: 5px;
        }
        
        .author-role {
            font-size: 0.9rem;
            color: var(--text-light);
            margin-bottom: 0;
        }
        
        .rating {
            color: #fbbf24;
            margin-bottom: 15px;
            font-size: 1.1rem;
        }
        
        /* Different card styles for variety */
        .testimonial-card.featured {
            border-top: 4px solid var(--secondary-color);
        }
        
        .testimonial-card.highlight {
            background: linear-gradient(135deg, #f0f9ff 0%, #e1f5fe 100%);
        }
        
        /* Responsive adjustments */
        @media (max-width: 768px) {
            .testimonials-section {
                padding: 60px 0;
            }
            
            .section-heading {
                font-size: 1.8rem;
            }
            
            .section-subtitle {
                font-size: 1rem;
            }
            
            .testimonial-card {
                padding: 25px 20px;
            }
            
            .testimonial-card::before {
                font-size: 3rem;
                top: 15px;
                right: 20px;
            }
        }
        
        @media (max-width: 576px) {
            .testimonials-section {
                padding: 40px 0;
            }
            
            .section-heading {
                font-size: 1.6rem;
            }
            
            .author-image {
                width: 50px;
                height: 50px;
            }
            
            .author-name {
                font-size: 1rem;
            }
            
            .author-role {
                font-size: 0.85rem;
            }
        }
        /*testimonials*/
		
		@media (min-width: 1200px) {
		.navbar {
			background: #fff;
        }
		.h2 {width: 45%}
		.h2_1 {width: 35%}
		.h2_2 {width: 65%}
		.boxx {margin-top: -179px}
		.hero-section {padding: 150px 0 80px 0!important;}
		.hero_section_2 {padding: 80px 0 80px 0!important;}
		.launchpad_bg {padding: 60px 0;}
		.hero-section .extra-bold {line-height: 2.2rem!important }
		.bord_rght {border-right: 1px solid #ebebeb}
		.blueecolor {color: #0667b1!important}
		.hero-form {
            position: absolute;
            top: 47%;
            right: 5%;
            transform: translateY(-50%);
            width: 360px;
            background-color: var(--gray);
            padding: 0;
            border-radius: 10px;
            z-index: 10;
            overflow: hidden;
			}
		.info-box {
		  margin-top: -65px;
		  z-index: 9;
		  position: relative
		}	
		.square-box .display-6 {font-size: 2.4rem}
		#why {background: linear-gradient(to right, #11224e 43.3%, white 43.3%);}
	}
        @media (max-width: 992px) {            
            .mobile-form {
                display: block;
            }
            
            .carousel-caption {
                width: 60%;
                padding: 15px;
                left: 5%;
            }
            
            .carousel-caption h2 {
                font-size: 1.5rem;
            }
            
            .carousel-caption p {
                font-size: 0.9rem;
            }
            
            .carousel-indicators {
                right: 15px;
            }			
        }
        
        @media (max-width: 768px) {
            /*.hero-carousel {
                height: 400px;
                min-height: 400px;
                max-height: 400px;
            }*/
            
            .carousel-caption {
                width: 80%;
                padding: 10px;
                left: 5%;
            }
            
            .carousel-caption h2 {
                font-size: 1.25rem;
            }
            
            .carousel-caption p {
                font-size: 0.8rem;
                margin-bottom: 5px;
            }
            
            .carousel-caption .btn {
                font-size: 0.8rem;
                padding: 5px 10px;
            }
            
            .carousel-indicators button {
                width: 10px;
                height: 10px;
                margin: 6px 0 !important;
            }
			.phd-image {
                margin-bottom: 25px;
            }
            			
        }
        
        @media (max-width: 576px) {
            /*.hero-carousel {
                height: 400px;
                min-height: 400px;
                max-height: 400px;
            }*/
            
            .carousel-caption {
                width: 90%;
                padding: 8px;
                left: 5%;
            }
            
            .carousel-caption h2 {
                font-size: 1.1rem;
            }
            
            .carousel-caption p {
                display: block;
            }
            
            .carousel-indicators {
                right: 10px;
            }
        }
        
        .content-section {
            padding: 80px 0;
        }
        
        .feature-card {
            transition: transform 0.3s;
        }
        
        .feature-card:hover {
            transform: translateY(-5px);
        }

/*launchpad*/
        :root {
            --light-bg-color: rgba(47, 62, 77, 0.8);
            --border-color: rgba(0, 0, 0, 0.1);
        }
        
       
        /* Launchpad container with relative positioning */
        .launchpad-wrapper {
            position: relative;
            min-height: 500px;
            margin: 5rem 0;
        }
        
        /* Central launchpad image */
        .launchpad-img {
            width: 300px;
            position: absolute;
            top: 35%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 10;
            filter: drop-shadow(0 5px 15px rgba(0,0,0,0.1));
        }
        
        /* Info box styling */
        .info-box {
            border: 1px solid var(--border-color);
            border-radius: 5px;
            background-color: var(--light-bg-color);
            padding: 1.25rem;
            width: 220px;
            position: absolute;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            backdrop-filter: blur(5px);
        }
        
        .info-box:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.08);
        }
        
        .box-icon {
            font-size: 1.5rem;
            margin-bottom: 0.75rem;
            color: #3498db;
            display: inline-block;
        }
        
        
        /* Desktop positioning - 5 boxes around the image */
        @media (min-width: 992px) {
            /* Top left box */
            .box-1 {
                top: 10%;
                left: 10%;
            }
            
            /* Top right box */
            .box-2 {
                top: 10%;
                right: 10%;
            }
            
            /* Bottom left box */
            .box-3 {
                bottom: 10%;
                left: 10%;
            }
            
            /* Bottom right box */
            .box-4 {
                bottom: 10%;
                right: 10%;
            }
            
            /* Center bottom box */
            .box-5 {
                bottom: -15%;
                left: 0;
				right: 0;
            }
        }
        
        /* Tablet layout - 2 columns with image in middle */
        @media (max-width: 991px) and (min-width: 768px) {
            .launchpad-wrapper {
                min-height: auto;
                margin: 2rem 0;
            }
            
            .launchpad-img {
                position: relative;
                top: auto;
                left: auto;
                transform: none;
                margin: 0 auto 2rem;
                display: block;
            }
            
            .info-box {
                position: static;
                width: 100%;
                margin-bottom: 1rem;
            }
            
            .boxes-container {
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
                gap: 1rem;
            }
            
            .box-column {
                flex: 0 0 calc(50% - 0.5rem);
            }
            
            /* Last box takes full width on tablet */
            .box-5 {
                flex: 0 0 100%;
                max-width: 400px;
                margin: 0 auto;
            }
        }
        
        /* Mobile layout - stacked boxes */
        @media (max-width: 767px) {
            .launchpad-wrapper {
                min-height: auto;
                margin: 2rem 0;
            }
            
            .launchpad-img {
                position: relative;
                top: auto;
                left: auto;
                transform: none;
                width: 200px;
                margin: 0 auto 2rem;
                display: block;
            }
            
            .info-box {
                position: static;
                width: 100%;
                margin-bottom: 1rem;
            }
        }       
/*launchpad*/
/*launchpad-background*/
        :root {
            --space-dark: #000000;
            --space-blue: #282828;
            --space-purple: #282828;
            --glow-blue: rgba(52, 152, 219, 0.7);
            --glow-purple: rgba(155, 89, 182, 0.7);
        }
        

        
        .launchpad_bg {
            font-family: 'Orbitron', 'Segoe UI', sans-serif;
            background: linear-gradient(135deg, var(--space-dark) 0%, var(--space-purple) 100%);
            color: white;
            min-height: 100vh;
            overflow-x: hidden;
            position: relative;
        }
        
        /* Stars Background */
        #stars-container {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -2;
            pointer-events: none;
        }
        
        .star {
            position: absolute;
            background-color: white;
            border-radius: 50%;
            animation: twinkle 3s infinite ease-in-out;
        }
        
        @keyframes twinkle {
            0%, 100% { opacity: 0.3; transform: scale(1); }
            50% { opacity: 1; transform: scale(1.2); }
        }
        
        /* Planets Container */
        #planets-container {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
            pointer-events: none;
            overflow: hidden;
        }
        
        .planet-img {
            position: absolute;
            border-radius: 50%;
            filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.5));
            opacity: 0.7;
            transition: all 3s ease-in-out;
            transform-origin: center center;
        }
        
        /* Content Styling */
        .container1 {
            position: relative;
            z-index: 10;
            padding-top: 2rem;
            padding-bottom: 3rem;
        }
        
        @keyframes headingGlow {
            0% { filter: brightness(1); }
            100% { filter: brightness(1.3); }
        }

        
        /* Launchpad Container */
        .launchpad-container {
            position: relative;
            width: 280px;
            height: 280px;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        
        
        @keyframes pulse {
            0%, 100% { 
                transform: scale(1); 
                opacity: 0.8; 
            }
            50% { 
                transform: scale(1.1); 
                opacity: 1; 
            }
        }
        
        .launchpad-core {
            width: 100px;
            height: 100px;
            background: radial-gradient(circle at center, 
                #00d2ff 0%, 
                #3a7bd5 50%,
                #1a1f38 100%);
            border-radius: 50%;
            position: relative;
            box-shadow: 0 0 40px 15px rgba(0, 210, 255, 0.5);
            animation: rotate 20s infinite linear;
            cursor: pointer;
        }
        
        @keyframes rotate {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        
        .launchpad-ring {
            position: absolute;
            border: 2px solid rgba(0, 210, 255, 0.4);
            border-radius: 50%;
            animation: expand 3s infinite ease-in-out;
        }
        
        .ring-1 {
            width: 170px;
            height: 170px;
            animation-delay: 0s;
        }
        
        .ring-2 {
            width: 200px;
            height: 200px;
            animation-delay: 1s;
        }
        
        .ring-3 {
            width: 230px;
            height: 230px;
            animation-delay: 2s;
        }
        
        @keyframes expand {
            0%, 100% { 
                transform: scale(1); 
                opacity: 0.5; 
            }
            50% { 
                transform: scale(1.1); 
                opacity: 0.8; 
            }
        }
        
        /* Control Boxes */
        .control-boxes {
            position: relative;
            margin-top: 4rem;
        }
        
        .control-box {
            background: linear-gradient(145deg, 
                rgba(26, 31, 56, 0.9) 0%, 
                rgba(45, 27, 105, 0.7) 100%);
            border: 1px solid rgba(0, 210, 255, 0.3);
            border-radius: 15px;
            padding: 2rem;
            margin-bottom: 2rem;
            transition: all 0.4s ease;
            backdrop-filter: blur(10px);
            min-height: 220px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            position: relative;
            overflow: hidden;
        }
        
        .control-box::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, 
                transparent, 
                rgba(255, 255, 255, 0.1), 
                transparent);
            transition: left 0.6s;
        }
        
        .control-box:hover::before {
            left: 100%;
        }
        
        .control-box:hover {
            transform: translateY(-10px) scale(1.02);
            border-color: rgba(0, 210, 255, 0.8);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4),
                        0 0 30px rgba(0, 210, 255, 0.4);
        }
        
        .box-icon {
            font-size: 2.5rem;
            margin-bottom: 1.2rem;
            color: #00d2ff;
            text-align: center;
            filter: drop-shadow(0 0 10px rgba(0, 210, 255, 0.7));
        }
        
        .box-title {
            font-size: 1.3rem;
            font-weight: 700;
            margin-bottom: 1rem;
            color: white;
            text-align: center;
            text-shadow: 0 0 10px rgba(0, 210, 255, 0.5);
        }
        
        .box-text {
            font-size: 0.95rem;
            color: #a0b0ff;
            line-height: 1.6;
            text-align: center;
        }
        
        /* Status Indicator */
        .status-indicator {
            text-align: center;
            margin-top: 2rem;
            padding: 1rem;
            background: rgba(26, 31, 56, 0.5);
            border-radius: 10px;
            border: 1px solid rgba(0, 210, 255, 0.3);
        }
        
        .status-text {
            color: #00ff88;
            font-weight: 600;
            animation: statusPulse 2s infinite;
        }
        
        @keyframes statusPulse {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.7; }
        }
        
        /* Footer */
        .footer {
            text-align: center;
            margin-top: 4rem;
            padding-top: 1.5rem;
            border-top: 1px solid rgba(0, 210, 255, 0.3);
            color: #a0b0ff;
            font-size: 0.9rem;
        }
        
        /* Responsive Design */
        @media (max-width: 768px) {
            .launchpad-container {
                width: 220px;
                height: 220px;
            }
            
            .launchpad {
                width: 180px;
                /*height: 180px;*/
            }
            
            .launchpad-core {
                width: 80px;
                height: 80px;
            }
            
            .ring-1 {
                width: 140px;
                height: 140px;
            }
            
            .ring-2 {
                width: 160px;
                height: 160px;
            }
            
            .ring-3 {
                width: 180px;
                height: 180px;
            }
            
            .control-box {
                padding: 1.5rem;
                min-height: 200px;
            }
            
            .box-icon {
                font-size: 2rem;
            }
        }
        
        @media (max-width: 576px) {
            
            
            .control-box {
                padding: 1.25rem;
                min-height: 180px;
            }
        }
/*launchpad-background*/