#mw-top-message{
font-family: 'Inter', sans-serif !important;
}
.primary-btn-banner{
  color:white !important;
}
.mobile-skin-1 {
background-color:transparent !important;
}
.mobile-skin-1 .mw-layout-container  {
display:flex !important;
}
.skin-1-mobile-menu-wrapper nav ul{
  font-weight:500 !important;
}
.header-background .dropdown-menu {
  background-color: #fff !important;
  border-radius: 8px;
  color: #000 !important;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  min-width: 180px;
  padding: 8px 0;
  overflow: hidden;
}
.dropdown-menu li {
  list-style: none;
  display: block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  transition: all 0.3s ease-in-out;
}
.dropdown-menu li:last-child {
  border-bottom: none;
}
.dropdown-menu li a {
  display: flex;
  align-items: center;
  color: #000 !important;
  padding: 10px 16px !important;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  border-radius: 4px;
}
.dropdown-menu li a span {
  margin-left: 8px;
}
.dropdown-menu li:hover {
  background: linear-gradient(135deg, #6a11cb, #2575fc);
  transform: scale(1.05);
}
.dropdown-menu li:hover a {
  color: #fff !important;
}
.skin-1-mobile-menu-wrapper .menu .have-submenu>ul>li a{
  list-style: none;
  display: block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  transition: all 0.3s ease-in-out;
}
.shop-inner-page,.mw-breadcrumb-current{
margin-left:-100px !important;
}
.shop-inner-page {
overflow:hidden !important;
}
.shop-inner-page .container-fluid {
padding:10px 0px !important;
}
.shop-inner-page .module-breadcrumb {
margin-top: -34px;
padding:50px 140px !important;
display:flex;
justify-content:center;
}
.shop-inner-page .mw-breadcrumb-current {
color:#fff !important;
margin-top:40px !important;
font-size:20px !important
}
.shop-inner-page .product-holder {
margin-top:30px;
padding:10px 30px !important;
}
/*Web Program TABS sCROLL BAR*/
.tabs-container {
    overflow-x: auto !important;
    white-space: nowrap !important;
    display: flex !important;
    gap: 10px !important;
    scrollbar-width: thin !important;
    scrollbar-color: #888 #f1f1f1 !important;
}
.tabs-container::-webkit-scrollbar {
    height: 6px !important;
}
.tabs-container::-webkit-scrollbar-thumb {
    background: #888 !important;
    border-radius: 4px !important;
}
.tabs-container::-webkit-scrollbar-track {
    background: #f1f1f1 !important;
}
/*Web Program TABS sCROLL BAR End*/
.module-breadcrumb{
  background-color:#0735c8  !important;
}
.mini-cart-wrapper,.mobile-header-profile-link,.mobile-header-search{
  display:none !important;
}
.checkout-modal-products-wrapper .decrement{
  color:#fff !important;
  background-color:#005f7a !important;
  border:1px solid #005f7a !important;
}
.checkout-modal-products-wrapper .increment{
  color:#fff !important;
  background-color:#005f7a !important;
  border:1px solid #005f7a !important;
}
.mw-menu-skin-com {
position: absolute !important;
width: 100% !important;
z-index: 999999999 !important;
top: 46px !important;
}
.hero-section-banner {
margin-top:60px;
}
.skin-2-mobile-header-wrapper {
position: absolute !important;
width: 100% !important;
z-index: 999999999 !important;
top: 46px !important;
}
.skin-1-mobile-menu-wrapper {
 background-color:#0735c8 !important;
}
.mwembed {
 min-height:0px !important;
  padding:15px 0px !important;
}
.img-as-background {
 height:200px !important;
}
.review-card-rating {
margin-top:-5px !important;
color:#FFBF00 !important;
}
.price{
color:#000 !important;
font-weight:500 !important;
font-family: 'Inter', sans-serif !important;
}
.shop-products .product{
 border: 2px solid rgb(224, 224, 224);
 border-radius: 12px;
 box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 16px;
 overflow: hidden;
 background-color: rgb(255, 255, 255);
 padding: 7px;
}
.mobile-header{
  margin-top:-14px !important;
}
.skin-1-mobile-menu-wrapper ul li a {
color:#fff !important;
font-family: 'Inter', sans-serif !important;
}
#mw-element-1739552837324,.about-title{
color:#005f7a !important;
text-transform:uppercase !important;
font-family: 'Inter', sans-serif !important;
}
/*All gardient main heading*/
#mw-element-1739164018557,#mw-element-1739164019683,#mw-element-1739260263115,
#mw-element-1739552427110,#mw-element-1739588105950,.web-dev-title,.cyber-security-title,.data-science-title,.programming-title,.ethical-hacking-title 
,#mw-element-1739552837324,#mw-element-1739764112841,#mw-element-1739764112778{
font-weight: bold;
font-size: 1.5em;
background: linear-gradient(135deg, #47a8cb, #005f7a);
-webkit-background-clip: text;
color: transparent;
display: inline-block;
padding: 5px 10px;
border-radius: 5px;
text-transform: uppercase;
}
/*All gardient main heading END*/
.footer-background{
 background: linear-gradient(135deg, #47a8cb, #005f7a) !important;
}
#mw-element-1739164019683{
font-family: 'Inter', sans-serif !important;
color:#fff !important;
background: linear-gradient(135deg, #47a8cb, #005f7a) !important;
}
#btn-mw-module-1739164019556,#btn-mw-module-1739260263119,.enroll-btn{
 background: linear-gradient(135deg, #47a8cb, #005f7a) !important;
border: 2px solid #005f7a !important;
border-radius: 8px;
color: #fff !important;
padding: 2px 8px;
box-shadow: 0 4px 8px rgba(0, 95, 122, 0.3);
transition: all 0.3s ease-in-out;
font-family: 'Inter', sans-serif !important;
font-size: 15px;
min-width: 150px;
text-align: center;
}
.btn.btn-primary, .btn:not(.btn-secondary):not(.btn-outline):not(.btn-link){
background:#007bff !important;
border: 2px solid #007bff!important;
border-radius: 8px;
color: #fff !important;
padding:7px 6px;
box-shadow: 0 4px 8px rgba(0, 95, 122, 0.3);
transition: all 0.3s ease-in-out;
font-family: 'Inter', sans-serif !important;
font-size: 16px;
min-width: 120px;
text-align: center;
}
#mw-element-1739164018557{
font-family: 'Inter', sans-serif !important;
}
/*course heading */
#mw-element-1739164019610,#mw-element-1739164019626,#mw-element-1739164019642,#mw-element-1739164018570,#mw-element-1739164018572,#mw-element-1739164018574
,#mw-element-1739357984167,#mw-element-1739418327692{
font-family: 'Inter', sans-serif !important;
color:#47a8cb !important;
}
/*course heading END*/
#mw-element-1739169398782,#mw-element-1737447725756,#w-element-1737704848454,#mw-element-1737447725765,#mw-element-1737859751666,#mw-element-1739164019555,
#mw-element-1739164019686,#mw-element-1739164019622,#mw-element-1739164019639,#mw-element-1739164019648,#mw-element-1739164019662,#mw-element-1739164019668
,#mw-element-1739172221974,{
color :#5f727f !important;
font-family: 'Inter', sans-serif !important;
}
#mw-element-1739164018557,#mw-element-1739169428016,#mw-element-1739548710604,#mw-element-1739548710574,#mw-element-1739548710594,#mw-element-1739548710589
,#mw-element-1739548710581,#mw-element-1739548710583,#btn-mw-module-1739164019556,#mw-element-1739549018094,#mw-element-1739164019622,#mw-element-1739164019639
,#mw-element-1739164019648,#mw-element-1739164019662,#mw-element-1739164019668,#mw-element-1739172221974,#mw-element-1737447726459,#mw-element-1737447726461
,#mw-element-1737447726462,#mw-element-1737447726463,#mw-element-1737447726457,#mw-element-1739419513637,.element{
font-family: 'Inter', sans-serif !important;
}
#mw-tabs-module-mw-module-1739158698590 .btn-primary {
border: 2px solid #005f7a !important;
border-radius: 8px;
color: #fff !important;
padding: 12px 20px;
box-shadow: 0 4px 8px rgba(0, 95, 122, 0.3);
transition: all 0.3s ease-in-out;
font-family: 'Inter', sans-serif !important;
font-size: 16px;
margin-left:10px !important;
min-width: 140px;
text-align: center;
}
#mw-tabs-module-mw-module-1739158698590 .btn-primary:hover {
box-shadow: 0 6px 12px rgba(0, 95, 122, 0.5);
transform: scale(1.05);
}
.top-header-title{
margin-left:300px !important;
font-size:18px !important;
color:#fff !important;
font-family: 'Inter', sans-serif !important;
font-weight:500 !important;
}
.btn-links ,a{
color:#000 !important;
}
.menu-header-skin-1{
font-weight:500 !important;
font-family: 'Inter', sans-serif;
}
@media (max-width: 768px) {
  .mw-ui-btn-nav {
  width:450px;
    display: flex;
    flex-wrap: nowrap; 
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    gap: 10px; 
    padding-bottom: 10px; 
}
#mw-element-1739603274365{
  font-size:25px !important;
  margin-top:-30px !important;
}
  #mw-element-1739603274366{
	 font-size:13px !important;
  }
.mw-ui-btn-nav a {
    flex: 0 0 auto; 
    white-space: nowrap; 
}
.shop-products-skin-2 {
width:100% !important;
}
.mw-ui-btn-nav, .mw-ui-btn-vertical-nav{
display:flex !important;
}
.secondary-btn-banner{
width:100% !important;
}
/*login button*/
.mobile-skin-1.mw-layout-container {
display:flex;
}
.mobile-skin-1{
background: transparent;
}
#btn-mw-module-1739865630450,#btn-mw-module-1739865630449{
background-color:#0735c8 !important;
border:1px solid white !important;
width:110px !important;
margin-left:10px !important;
margin-top:300px !important;
}
/*login button end*/
#mw-element-1739794727752{
width:347px !important;
height:55px !important;
}
#mw-element-1740220690199{
margin-top:-80px !important;
}
#mw-element-1740222535037{
margin-top:-100px !important;
}
#mw-element-1740222926449{
margin-left:22px !important;
}
#mw-element-1740222535040{
font-size:23px !important;
}
#mw-element-1740199808795{
margin-top:-70px !important;
}
.top-header-title{
margin-left:15px !important;
font-size:16px !important;
color::#00008B !important;
font-family: 'Inter', sans-serif;
}
#mw-element-1739865630427{
font-size:26px !important;
}
#mw-element-1740022281505{
font-size:25px !important;
margin-top:20px !important;
}
#mw-element-1740025747758{
font-size:15px !important;
}
.shop-products .product{
border: 2px solid rgb(224, 224, 224);
border-radius: 12px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 16px;
overflow: hidden;
background-color: rgb(255, 255, 255);
padding: 7px;
width:100% !important;
}
.img-as-background {
  height:250px !important;
}
.mobile-menu-header{
	display:none !important;
  }
  #mw-element-1739812468186{
    margin-top:20px !important;
  }
  #mw-element-1739255317449{
   margin-top:-20px !important;
  }
  #mw-element-1739260263112{
	margin-top:20px !important;
  }
  #mw-element-1739764112774{
	height:200px !important;
    margin-top:-20px !important;
  }
  #mw-element-1739764112776{
	margin-top:10px !important;
}
#mw-element-1739419513709,#mw-element-1739419513635,#mw-element-1739340244508,#mw-element-1739419513660,#mw-element-1739419513673,#mw-element-1739419513682{
margin-top:20px !important;
}
#mw-tabs-module-mw-module-1739158698590 .btn-primary {
padding: 5px 7px; 
font-size: 13px; 
border-radius: 6px; 
min-width: 130px; 
margin-left:6px !important;
}
#mw-tabs-module-mw-module-1739158698590 .btn-primary:hover {
transform: scale(1.02);
}
}
/*Our Impact Numbers*/
.container-11 {
max-width: 2000px;
margin: auto;
}
.heading {
font-size: 24px;
margin-bottom: 10px;
color:#fff !important;
font-family: 'Inter', sans-serif !important;
background: linear-gradient(135deg, #47a8cb, #005f7a) !important;
}
.subheading {
font-size: 16px;
color: #555;
margin-bottom: 30px;
font-family: 'Inter', sans-serif !important;
}
.grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 15px;
}
.box {
padding: 20px;
border-radius: 10px;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
text-align: center;
font-size: 18px;
font-weight: bold;
color: #fff;
min-width: 200px;
font-family: 'Inter', sans-serif !important;
}
.blue-box {
background: linear-gradient(135deg, #3a7bd5, #00d2ff);
}
.orange-box {
background: linear-gradient(135deg, #ff7e5f, #feb47b);
}
.red-box {
background: linear-gradient(135deg, #ff758c, #ff7eb3);
}
.highlight-box {
background: #fff;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
padding: 30px;
border-radius: 10px;
}
.highlight-box h2 {
font-size: 30px;
font-family: 'Inter', sans-serif !important;
}
.highlight-box span {
color: red;
}
@media (max-width: 768px) {
.grid {
flex-direction: column;
align-items: center;
}
.alumni-section-program{
margin-left:-60px !important;
}
.box {
width: 80%;
}
}
/*Our Impact Numbers END*/
/*Why choose Us*/
.box-container {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
}
.content-box {
background: #fff;
border: 1px solid #ddd;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
width: calc(50% - 20px); 
padding: 20px;
text-align: center;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.content-box:hover {
transform: translateY(-10px);
box-shadow: 0 18px 15px rgba(0, 0, 0, 0.2);
}
.box-icon img {
width: 50px;
height: 50px;
margin-bottom: 10px;
}
.box-title {
font-size: 1.5rem;
color: #333;
margin-bottom: 10px;
font-family: 'Inter', sans-serif !important;
}
.box-quote {
font-size: 1rem;
font-style: italic;
color: #01257D);
margin-bottom: 10px;
line-height: 1.4;
}
.box-description {
font-size: 1rem;
color: #666;
line-height: 1.;6
 font-family: 'Inter', sans-serif !important;
}
@media (max-width: 768px) {
.content-box {
width: 100%; 
}
}
/*Why choose Us END*/
/*WEBSITE DEVLOPMENT PAGE*/
.web-dev-container{
 max-width: 650px;
 margin: auto;
 padding: 25px;
 background: linear-gradient(135deg, #ffffff, #f4f4f4);
 box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.15);
 border-radius: 12px;
 text-align: center;
 border: 1px solid #ddd;
 transition: 0.3s;
}
.web-dev-container:hover {
 box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.2);
 transform: translateY(-3px);
}
.web-dev-title ,#mw-element-1739419513637{
font-size: 30px;
font-weight: 700;
color: #222;
text-transform: uppercase;
letter-spacing: 1px;
display: inline-block;
border-bottom: 3px solid #007bff;
padding-bottom: 5px;
font-family: 'Inter', sans-serif !important;
}
.highlight,#mw-element-1739419513637 {
color: #007bff;
}
.web-dev-intro {
font-size: 18px;
font-weight: 500;
margin-bottom: 12px;
color: #444;
font-family: 'Inter', sans-serif !important;
}
.web-dev-description {
font-size: 16px;
line-height: 1.7;
color: #666;
padding: 0 10px;
font-family: 'Inter', sans-serif !important;
}
@media (max-width: 768px) {
.web-dev-container {
max-width: 90%;
padding: 20px;
}
.web-dev-title {
font-size: 26px;
font-family: 'Inter', sans-serif !important;
}
.web-dev-intro {
font-size: 16px;
font-family: 'Inter', sans-serif !important;
}
.web-dev-description {
font-size: 14px;
font-family: 'Inter', sans-serif !important;
}
}
/*WEBSITE DEVLOPMENT PAGE END*/
/*Digital Marketing page*/
.digital-marketing-container {
max-width: 650px;
margin: auto;
padding: 25px;
background: linear-gradient(135deg, #ffffff, #f4f4f4);
box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.15);
border-radius: 12px;
text-align: center;
border: 1px solid #ddd;
transition: 0.3s;
}
.digital-marketing-container:hover {
box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.2);
transform: translateY(-3px);
}
.digital-marketing-title {
font-size: 30px;
font-weight: 700;
color: #222;
text-transform: uppercase;
letter-spacing: 1px;
display: inline-block;
border-bottom: 3px solid #ff5722;
padding-bottom: 5px;
font-family: 'Inter', sans-serif !important;
}
.highlight {
color: #ff5722;
}
.digital-marketing-intro {
font-size: 18px;
font-weight: 500;
margin-bottom: 12px;
color: #444;
font-family: 'Inter', sans-serif !important;
}
.digital-marketing-description {
font-size: 16px;
line-height: 1.7;
color: #666;
padding: 0 10px;
font-family: 'Inter', sans-serif !important;
}
@media (max-width: 768px) {
.digital-marketing-container {
max-width: 90%;
padding: 20px;
}
.digital-marketing-title {
font-size: 26px;
font-family: 'Inter', sans-serif !important;
}
.digital-marketing-intro {
font-size: 16px;
font-family: 'Inter', sans-serif !important;
}
.digital-marketing-description {
font-size: 14px;
font-family: 'Inter', sans-serif !important;
}
}
/*Digital Marketing page END*/
/*CYBER SECURITY PAGE*/
.cyber-security-container {
max-width: 650px;
margin: auto;
padding: 25px;
background: linear-gradient(135deg, #ffffff, #f4f4f4);
box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.15);
border-radius: 12px;
text-align: center;
border: 1px solid #ddd;
transition: 0.3s;
}
.cyber-security-container:hover {
box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.2);
transform: translateY(-3px);
}
.cyber-security-title {
font-size: 30px;
font-weight: 700;
color: #222;
text-transform: uppercase;
letter-spacing: 1px;
display: inline-block;
border-bottom: 3px solid #1e88e5;
padding-bottom: 5px;
font-family: 'Inter', sans-serif !important;
}
.highlight {
color: #1e88e5;
}
.cyber-security-intro {
font-size: 18px;
font-weight: 500;
margin-bottom: 12px;
color: #444;
font-family: 'Inter', sans-serif !important;
}
.cyber-security-description {
font-size: 16px;
line-height: 1.7;
color: #666;
padding: 0 10px;
font-family: 'Inter', sans-serif !important;
}
@media (max-width: 768px) {
.cyber-security-container {
max-width: 90%;
padding: 20px;
}
.cyber-security-title {
font-size: 26px;
font-family: 'Inter', sans-serif !important;
}
.cyber-security-intro {
font-size: 16px;
font-family: 'Inter', sans-serif !important;
}
.cyber-security-description {
font-size: 14px;
font-family: 'Inter', sans-serif !important;
}
}
/*CYBER SECURITY PAGE END*/
/*DATA SCIENCE PAGE*/
.data-science-container {
 max-width: 650px;
 margin: auto;
 padding: 25px;
 background: linear-gradient(135deg, #ffffff, #f4f4f4);
 box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.15);
 border-radius: 12px;
 text-align: center;
 border: 1px solid #ddd;
 transition: 0.3s;
}
.data-science-container:hover {
box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.2);
transform: translateY(-3px);
}
.data-science-title {
 font-size: 30px;
 font-weight: 700;
 color: #222;
 text-transform: uppercase;
 letter-spacing: 1px;
 display: inline-block;
 border-bottom: 3px solid #673ab7;
 padding-bottom: 5px;
 font-family: 'Inter', sans-serif !important;
}
.highlight {
color: #673ab7;
}
.data-science-intro {
font-size: 18px;
font-weight: 500;
margin-bottom: 12px;
color: #444;
font-family: 'Inter', sans-serif !important;
}
.data-science-description {
 font-size: 16px;
 line-height: 1.7;
 color: #666;
 padding: 0 10px;
 font-family: 'Inter', sans-serif !important;
}
@media (max-width: 768px) {
.data-science-container {
max-width: 90%;
padding: 20px;
}
.data-science-title {
font-size: 26px;
font-family: 'Inter', sans-serif !important;
}
.data-science-intro {
font-size: 16px;
font-family: 'Inter', sans-serif !important;
}
.data-science-description {
font-size: 14px;
font-family: 'Inter', sans-serif !important;
}
}
/*DATA SCIENCE PAGE END*/
/*PROGRAMMING PAGE*/
.programming-container {
max-width: 650px;
margin: auto;
padding: 25px;
background: linear-gradient(135deg, #ffffff, #f4f4f4);
box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.15);
border-radius: 12px;
text-align: center;
border: 1px solid #ddd;
transition: 0.3s;
}
.programming-container:hover {
box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.2);
transform: translateY(-3px);
}
.programming-title {
font-size: 30px;
font-weight: 700;
color: #222;
text-transform: uppercase;
letter-spacing: 1px;
display: inline-block;
border-bottom: 3px solid #ff5722;
padding-bottom: 5px;
font-family: 'Inter', sans-serif !important;
}
.highlight {
color: #ff5722;
}
.programming-intro {
font-size: 18px;
font-weight: 500;
margin-bottom: 12px;
color: #444;
font-family: 'Inter', sans-serif !important;
}
.programming-description {
font-size: 16px;
line-height: 1.7;
color: #666;
padding: 0 10px;
font-family: 'Inter', sans-serif !important;
}
@media (max-width: 768px) {
.programming-container {
max-width: 90%;
padding: 20px;
}
.programming-title {
font-size: 26px;
font-family: 'Inter', sans-serif !important;
}
.programming-intro {
font-size: 16px;
font-family: 'Inter', sans-serif !important;
}
.programming-description {
font-size: 14px;
font-family: 'Inter', sans-serif !important;
}
}
/*PROGRAMMING PAGE END*/
/*Ethical hacking*/
.ethical-hacking-container {
 max-width: 650px;
 margin: auto;
 padding: 25px;
 background: linear-gradient(135deg, #ffffff, #f4f4f4);
 box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.15);
 border-radius: 12px;
 text-align: center;
 border: 1px solid #ddd;
 transition: 0.3s;
}
.ethical-hacking-container:hover {
 box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.2);
 transform: translateY(-3px);
}
.ethical-hacking-title{
 font-size: 30px;
 font-weight: 700;
 color: #222;
 text-transform: uppercase;
 letter-spacing: 1px;
 display: inline-block;
 border-bottom: 3px solid #009688;
 padding-bottom: 5px;
 font-family: 'Inter', sans-serif !important;
}
.highlight {
 color: #009688;
 font-family: 'Inter', sans-serif;
}
.ethical-hacking-intro {
 font-size: 18px;
 font-weight: 500;
 margin-bottom: 12px;
 color: #444;
font-family: 'Inter', sans-serif !important;
}
.ethical-hacking-description {
 font-size: 16px;
 line-height: 1.7;
 color: #666;
 padding: 0 10px;
 font-family: 'Inter', sans-serif !important;
}
@media (max-width: 768px) {
.ethical-hacking-container {
max-width: 90%;
padding: 20px;
}
.ethical-hacking-title {
font-size: 26px;
font-family: 'Inter', sans-serif !important;
}
.ethical-hacking-intro {
font-size: 16px;
font-family: 'Inter', sans-serif !important;
}
.ethical-hacking-description {
font-size: 14px;
font-family: 'Inter', sans-serif !important;
 }
}
/*Ethical hacking End*/
/*front page cyber security*/
.fee-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
max-width: 100%;
width: 100%;
}
.fee-card {
background: #ffffff;
padding: 30px;
border-radius: 12px;
box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.15);
width: 100%;
max-width: 300px;
text-align: center;
transition: transform 0.3s ease-in-out;
}
.fee-card:hover {
transform: translateY(-5px);
}
.fee-card h2 {
color: #0056b3;
font-size: 24px;
margin-bottom: 10px;
position: relative;
display: inline-block;
padding-bottom: 8px;
font-family: 'Inter', sans-serif;
}
.fee-card h2::after {
content: "";
display: block;
width: 80px;
height: 4px;
background-color: #0056b3;
margin: 5px auto 0;
border-radius: 2px;
font-family: 'Inter', sans-serif;
}
.fee-price {
font-size: 26px;
font-weight: bold;
color: #333;
margin-bottom: 15px;
font-family: 'Inter', sans-serif;
}
.fee-list {
margin: 15px 0;
list-style: none;
padding: 0;
}
.fee-list li {
margin: 10px 0;
color: #555;
font-size: 18px;
font-family: 'Inter', sans-serif;
}
.btn-enroll {
background: linear-gradient(135deg, #47a8cb, #005f7a) !important;
border: 2px solid #005f7a !important;
border-radius: 8px;
color: #fff !important;
padding: 12px 20px;
box-shadow: 0 4px 8px rgba(0, 95, 122, 0.3);
transition: all 0.3s ease-in-out;
font-family: 'Inter', sans-serif !important;
font-size: 16px;
min-width: 140px;
text-align: center;
}
.btn-enroll:hover {
background-color: #003d82;
}
@media (min-width: 768px) {
.fee-container {
flex-wrap: nowrap;
}
.fee-card {
width: 30%;
}
}
/*front page cyber security*/
/*web developmemt fee*/
.course-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
max-width: 100%;
width: 100%;
}
.course-card {
background: #ffffff;
padding: 30px;
border-radius: 12px;
box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.15);
width: 100%;
max-width: 300px;
text-align: center;
transition: transform 0.3s ease-in-out;
}
.course-card:hover {
transform: translateY(-5px);
}
.course-title {
color: #0056b3;
font-size: 24px;
margin-bottom: 10px;
position: relative;
display: inline-block;
padding-bottom: 8px;
font-family: 'Inter', sans-serif;
}
.course-title::after {
content: "";
display: block;
width: 80px;
height: 4px;
background-color: #0056b3;
margin: 5px auto 0;
border-radius: 2px;
font-family: 'Inter', sans-serif;
}
.course-price {
font-size: 26px;
font-weight: bold;
color: #333;
margin-bottom: 15px;
font-family: 'Inter', sans-serif;
}
.course-details {
margin: 15px 0;
list-style: none;
padding: 0;
font-family: 'Inter', sans-serif;
}
.course-details li {
margin: 10px 0;
color: #555;
font-size: 18px;
font-family: 'Inter', sans-serif;
}
.btn-enroll {
background: linear-gradient(135deg, #47a8cb, #005f7a) !important;
border: 2px solid #005f7a !important;
border-radius: 8px;
color: #fff !important;
padding: 12px 20px;
box-shadow: 0 4px 8px rgba(0, 95, 122, 0.3);
transition: all 0.3s ease-in-out;
font-family: 'Inter', sans-serif !important;
font-size: 16px;
min-width: 140px;
text-align: center;
}
.enroll-btn:hover {
background-color: #003d82;
}
@media (min-width: 768px) {
.course-container {
flex-wrap: nowrap;
}
.course-card {
width: 30%;
}
}
/*web developmemt fee END*/
/*top companies section*/
.container-icon-1 {
padding: 40px 20px;
background-color: white;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
max-width: 1200px;
margin: auto;
border-radius: 10px;
}
h2{
font-size: 24px;
color: #333;
margin-bottom: 20px;
}
.companies {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
}
.company-logo {
width: 120px;
height: auto;
}
@media (max-width: 768px) {
.companies {
flex-wrap: wrap;
}
.company-logo {
width: 90px;
}
}
/*top companies section END*/
/*why choose US PAGE CONTENT*/
.why-choose-us {
max-width: 100%;
width: 100%;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 20px;
}
.feature-box-1 {
padding: 20px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
text-align: center;
transition: transform 0.3s ease-in-out;
}
.feature-box:hover {
transform: translateY(-5px);
}
.feature-icon {
font-size: 30px;
margin-bottom: 10px;
}
.feature-title-1 {
font-size: 18px;
font-weight: bold;
margin-bottom: 8px;
}
.feature-description {
font-size: 14px;
}
.feature-box-1:nth-child(1) {
background: linear-gradient(135deg, #b3e0ff, #99d6ff);
}
        .feature-box-1:nth-child(2) {
          background: linear-gradient(135deg, #b3e0ff, #99d6ff);
        }
        .feature-box-1:nth-child(3) {
            background: linear-gradient(135deg, #b3e0ff, #99d6ff);
        }
        .feature-box-1:nth-child(4) {
            background: linear-gradient(135deg, #b3e0ff, #99d6ff);
        }

        @media (max-width: 600px) {
            .why-choose-us {
                grid-template-columns: 1fr;
            }
        }
/*why choose US PAGE CONTENT*/
/*about us  CONTENT*/
.about-container {
            width: 100%;
            max-width: 100%;
            background: white;
            padding: 40px;
            border-radius: 10px;
            box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
            text-align: center;
        }
.highlight-text span {
    font-weight: bold;
    font-size: 1.5em;
    background: linear-gradient(135deg, #47a8cb, #005f7a);
    -webkit-background-clip: text;
    color: transparent;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
    text-transform: uppercase;
}

        .about-title {
            font-size: 28px;
            font-weight: bold;
            color: #333;
            margin-bottom: 15px;
        }
        .about-description {
            font-size: 18px;
            line-height: 1.6;
            color: #666;
        }
        .highlight {
            font-weight: bold;
            color: #0073e6;
        }
        @media (max-width: 768px) {
            .about-container {
                width: 100%;
                padding: 20px;
            }
            .about-title {
                font-size: 24px;
            }
            .about-description {
                font-size: 16px;
            }
        }
/*about us  CONTENT end*/
/*Explore top career */

/*START YOUR TRASNFORMATION TODAY CONTENT*/
.career-section-1{
            background: linear-gradient(135deg, #000428, #004e92);
            color: white;
            padding: 50px 20px;
            text-align: center;
            border-radius: 10px;
            max-width: 100%;
            margin: auto;
        }
        .career-content h1 {
            font-size: 2rem;
            margin-bottom: 10px;
        }
        .career-content p {
            font-size: 1.2rem;
            margin-bottom: 20px;
        }
        .explore-btn {
            background-color: #ff9800;
            color: white;
            padding: 10px 20px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            font-size: 1rem;
        }
        .career-tags {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 10px;
            margin-top: 20px;
        }
        .tag {
            display: inline-block;
            padding: 8px 15px;
            border-radius: 20px;
            font-size: 0.9rem;
            font-weight: bold;
        }
        .data { background-color: #cfd8dc; color: black; }
        .marketing { background-color: #1e88e5; color: white; }
        .web { background-color: #ffffff; color: black; border: 1px solid black; }
        .security { background-color: #ffb300; color: black; }
        .app { background-color: #90a4ae; color: black; }
        .design { background-color: #ffffff; color: black; border: 1px solid black; }
        
        @media (max-width: 600px) {
            .career-content h1 {
                font-size: 1.5rem;
            }
            .career-content p {
                font-size: 1rem;
            }
            .explore-btn {
                font-size: 0.9rem;
                padding: 8px 15px;
            }
            .career-tags {
                flex-direction: column;
                align-items: center;
            }
        }
/*START YOUR TRASNFORMATION TODAY CONTENT END*/
/*CPMAPNY DEATILS CONTACT PAGE*/
.company-container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 50px 20px;
    background-color: #f8f9fa;
}

.company-box {
    background: white;
    text-align: center;
    padding: 40px;
    border-radius: 15px;
    width: 90%;
    max-width: 900px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.company-title {
    font-size: 28px;
    font-weight: bold;
    color: #001f7a;
    margin-bottom: 15px;
  font-family: 'Inter', sans-serif !important;
}

.company-description {
    font-size: 16px;
    color: #555;
    margin-bottom: 25px;
    line-height: 1.6;
  font-family: 'Inter', sans-serif !important;
}

.company-details {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}

.detail-item {
    background: #ffffff;
    border-left: 5px solid #001f7a;
    padding: 20px;
    width: 48%;
    text-align: left;
    border-radius: 10px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}

.detail-item h3 {
    font-size: 18px;
    color: #001f7a;
    margin-bottom: 10px;
  font-family: 'Inter', sans-serif !important;
}

.detail-item p,
.detail-item ul {
    font-size: 14px;
    color: #444;
    line-height: 1.6;
  font-family: 'Inter', sans-serif !important;
}

.detail-item ul {
    padding-left: 20px;
  font-family: 'Inter', sans-serif !important;
}

.detail-item li {
    margin-bottom: 5px;
  font-family: 'Inter', sans-serif !important;
}
@media (max-width: 768px) {
    .company-box {
        padding: 30px 15px;
    }

    .company-title {
        font-size: 24px;
	  font-family: 'Inter', sans-serif !important;
    }

    .company-description {
        font-size: 14px;
	  font-family: 'Inter', sans-serif !important;
    }

    .company-details {
        flex-direction: column;
        align-items: center;
    }

    .detail-item {
        width: 90%;
    }
}
/*CPMAPNY DEATILS CONTACT PAGE END*/
/*IMPACT 50k */
.container-3m {
  width:100% !important;
            text-align: center;
            background: linear-gradient(90deg, #002f6c, #003b99);
            color: white;
            padding: 40px 20px;
        }
        .container h2 {
            font-size: 24px;
            margin-bottom: 10px;
		 
		  font-family: 'Inter', sans-serif !important;
        }
        .container-3m p {
            font-size: 16px;
            margin-bottom: 30px;
		  
		  font-family: 'Inter', sans-serif !important;
        }
        .stats {
            display: flex;
            justify-content: space-around;
            flex-wrap: wrap;
        }
        .stat-box {
            text-align: center;
            flex: 1;
            min-width: 150px;
            margin: 10px;
        }
        .stat-box h3 {
            font-size: 28px;
            margin: 0;
		   
		  font-weight:600 !important;
		  font-family: 'Inter', sans-serif !important;
        }
        .stat-box p {
            font-size: 14px;
		  font-family: 'Inter', sans-serif !important;
        }
        .contact {
            text-align: center;
            padding: 40px 20px;
            background: white;
        }
        .contact h2 {
            font-size: 22px;
            margin-bottom: 10px;
		  font-family: 'Inter', sans-serif !important;
        }
        .contact p {
            font-size: 16px;
            color: #333;
		  font-family: 'Inter', sans-serif !important;
        }
        @media (max-width: 768px) {
            .stats {
                flex-direction: column;
                align-items: center;
            }
        }
/*imapct 50k end*/
/*Banners section*/
.container-banner{
    display: flex;
    justify-content: space-around;
    align-items: center;
    max-width: 1200px;
    margin: auto;
}
.content-banner {
    max-width: 500px;
    text-align: left;
}
h1 {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 15px;
   font-family: 'Inter', sans-serif !important;
}
p {
    font-size: 16px;
    margin-bottom: 20px;
  font-family: 'Inter', sans-serif !important;
}
.stats-banner {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}
.stat-box-banner {
    background: rgba(255, 255, 255, 0.2);
    padding: 15px;
    border-radius: 10px;
    text-align: center;
}
.icon-banner {
    font-size: 30px;
  font-family: 'Inter', sans-serif !important;
}
.buttons-banner {
    display: flex;
    gap: 15px;
}
.primary-btn-banner, .secondary-btn-banner {
    border: none;
    padding: 12px 20px;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    transition: 0.3s;
    font-family: 'Inter', sans-serif !important;
}
.primary-btn-banner {
    background: #007BFF;
    color: white;
}
.primary-btn-banner:hover {
    background: #0056b3;
}
.secondary-btn-banner {
    background: white;
    color: black;
}
.secondary-btn-banner:hover {
    background: #ddd;
}
.profiles-banner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 500px;
    gap: 20px;
}
.profile-banner {
    position: relative;
    text-align: center;
}
.profile-banner img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 3px solid white;
}
.tag-banner {
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    background: white;
    color: black;
    font-size: 12px;
    padding: 5px 10px;
    border-radius: 5px;
}
@media (max-width: 768px) {
    h1 {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 15px; 
   font-family: 'Inter', sans-serif !important;
}
  .content-banner {
    max-width: 400px;
    text-align: left;
}
p {
    font-size: 16px;
    margin-bottom: 20px;
  font-family: 'Inter', sans-serif !important;
 
}
}
@media (max-width: 768px) {
    .buttons-banner {
        flex-direction: column;
        align-items: center;
    }
    .primary-btn-banner, .secondary-btn-banner {
        width: 100%; 
        text-align: center;
    }
}
/*banner design End*/
.career-section {
    text-align: center;
    padding: 40px 20px;
    color: white;
}
.career-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-top: 20px;
    padding: 20px;
}

.career-box {
    background: white;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s;
}

.career-box:hover {
    transform: translateY(-5px);
}

.career-box img {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
}

.career-box h2 {
    font-size: 1.2rem;
    color: #333;
  font-family: 'Inter', sans-serif !important;
}

.career-box a {
    text-decoration: none;
    color: #007bff;
    font-weight: bold;
    font-family: 'Inter', sans-serif !important;
}
@media (max-width: 768px) {
    .career-grid {
      grid-template-columns: repeat(2, 1fr);
    }
  
}
.career-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
    padding: 20px;
}

.career-box {
    background: white;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s;
    width: calc(50% - 10px); 
    max-width: 250px;
}
.career-box:hover {
    transform: translateY(-5px);
}
@media (max-width: 768px) {
  .career-section {
  	padding:0px;
}
}
/*Explore top career END */
/*APP DEVLOPMENT COURSE PAGE*/
.app-dev-container{
 max-width: 650px;
 margin: auto;
 padding: 25px;
 background: linear-gradient(135deg, #ffffff, #f4f4f4);
 box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.15);
 border-radius: 12px;
 text-align: center;
 border: 1px solid #ddd;
 transition: 0.3s;
}
.app-dev-container:hover {
 box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.2);
 transform: translateY(-3px);
}
.app-dev-title ,#mw-element-1739419513637{
font-size: 30px;
font-weight: 700;
color: #222;
text-transform: uppercase;
letter-spacing: 1px;
display: inline-block;
border-bottom: 3px solid #007bff;
padding-bottom: 5px;
font-family: 'Inter', sans-serif !important;
}
.highlight,#mw-element-1739419513637 {
color: #007bff;
}
.app-dev-intro {
font-size: 18px;
font-weight: 500;
margin-bottom: 12px;
color: #444;
font-family: 'Inter', sans-serif !important;
}
.app-dev-description {
font-size: 16px;
line-height: 1.7;
color: #666;
padding: 0 10px;
font-family: 'Inter', sans-serif !important;
}
@media (max-width: 768px) {
.app-dev-container {
max-width: 90%;
padding: 20px;
}
.app-dev-title {
font-size: 26px;
font-family: 'Inter', sans-serif !important;
}
.app-dev-intro {
font-size: 16px;
font-family: 'Inter', sans-serif !important;
}
.app-dev-description {
font-size: 14px;
font-family: 'Inter', sans-serif !important;
}
}
/*APP DEVLOPMENT COURSE PAGE END*/
/*Editing course page*/
.editing-course-container{
 max-width: 650px;
 margin: auto;
 padding: 25px;
 background: linear-gradient(135deg, #ffffff, #f4f4f4);
 box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.15);
 border-radius: 12px;
 text-align: center;
 border: 1px solid #ddd;
 transition: 0.3s;
}
.editing-course-container:hover {
 box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.2);
 transform: translateY(-3px);
}
.editing-course-title ,#mw-element-1739419513637{
font-size: 30px;
font-weight: 700;
color: #222;
text-transform: uppercase;
letter-spacing: 1px;
display: inline-block;
border-bottom: 3px solid #007bff;
padding-bottom: 5px;
font-family: 'Inter', sans-serif !important;
}
.highlight,#mw-element-1739419513637 {
color: #007bff;
}
.editing-course-intro {
font-size: 18px;
font-weight: 500;
margin-bottom: 12px;
color: #444;
font-family: 'Inter', sans-serif !important;
}
.editing-course-description {
font-size: 16px;
line-height: 1.7;
color: #666;
padding: 0 10px;
font-family: 'Inter', sans-serif !important;
}
@media (max-width: 768px) {
.editing-course-container {
max-width: 90%;
padding: 20px;
}
.editing-course-title {
font-size: 26px;
font-family: 'Inter', sans-serif !important;
}
.editing-course-intro {
font-size: 16px;
font-family: 'Inter', sans-serif !important;
}
.editing-course-description {
font-size: 14px;
font-family: 'Inter', sans-serif !important;
}
}
/*Editing course page END*/
/*Desiging section page*/
.designing-course-container{
 max-width: 650px;
 margin: auto;
 padding: 25px;
 background: linear-gradient(135deg, #ffffff, #f4f4f4);
 box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.15);
 border-radius: 12px;
 text-align: center;
 border: 1px solid #ddd;
 transition: 0.3s;
}
.designing-course-container:hover {
 box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.2);
 transform: translateY(-3px);
}
.designing-course-title ,#mw-element-1739419513637{
font-size: 30px;
font-weight: 700;
color: #222;
text-transform: uppercase;
letter-spacing: 1px;
display: inline-block;
border-bottom: 3px solid #007bff;
padding-bottom: 5px;
font-family: 'Inter', sans-serif !important;
}
.highlight,#mw-element-1739419513637 {
color: #007bff;
}
.designing-course-intro {
font-size: 18px;
font-weight: 500;
margin-bottom: 12px;
color: #444;
font-family: 'Inter', sans-serif !important;
}
.designing-course-description {
font-size: 16px;
line-height: 1.7;
color: #666;
padding: 0 10px;
font-family: 'Inter', sans-serif !important;
}
@media (max-width: 768px) {
.designing-course-container {
max-width: 90%;
padding: 20px;
}
.designing-course-title {
font-size: 26px;
font-family: 'Inter', sans-serif !important;
}
.designing-course-intro {
font-size: 16px;
font-family: 'Inter', sans-serif !important;
}
.designing-course-description {
font-size: 14px;
font-family: 'Inter', sans-serif !important;
}
}
/*Desiging section page END*/
/*Our Career School111111111111111111111111111111111*/
 .career-schools-section {
    background: #0a2a74;
    padding: 50px 20px;
    text-align: center;
    color: white;
}
.career-schools-section h2 {
    font-size: 24px;
    margin-bottom: 10px;
  font-family: 'Inter', sans-serif !important;
}
.career-schools-section p {
    font-size: 16px;
    margin-bottom: 30px;
  font-family: 'Inter', sans-serif !important;
}
.career-schools-cards {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}
.career-school-card {
    background: white;
    border-radius: 12px;
    box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
    padding: 15px;
    text-align: center;
    width: 1230px;
}
.career-school-card img {
    width: 100%;
    height: 100px;
    border-radius: 10px;
}
.career-school-card h3 {
    font-size: 18px;
    margin: 10px 0 5px;
    color: #000;
  font-family: 'Inter', sans-serif !important;
}
.career-school-card p {
    font-size: 14px;
    color: #555;
  font-family: 'Inter', sans-serif !important;
}

@media (max-width: 768px) {
    .career-schools-cards {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
    }
  
  .career-school-card {
        text-align: center;
    }
  .career-school-card img {
        display: block;
        margin: 0 auto;
    }
    .career-school-card {
        width: 100%;
        max-width: 120px;
        padding: 10px;
    }
    .career-school-card img {
        height: 80px;
    }
    .career-school-card h3 {
        font-size: 16px;
    }
    .career-school-card p {
        font-size: 12px;
    }
}
/*Our Career School END*/


/*Jaipur center*/
 .jaipur-review-box {
            max-width: 1000px;
            background: white;
            margin: 50px auto;
            padding: 20px;
            border-radius: 12px;
            box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
            display: flex;
            align-items: center;
            gap: 20px;
            text-align: left;
        }

        .content-text {
            flex: 1;
        }

        .content-text h2 {
            font-size: 22px;
            margin-bottom: 10px;
            color: #000;
        }

        .content-text p {
            font-size: 16px;
            color: #555;
            margin-bottom: 15px;
        }

        .content-buttons {
            display: flex;
            gap: 10px;
            flex-wrap: wrap;
        }

        .jaipur-btn {
            text-decoration: none;
            padding: 10px 15px;
            border-radius: 6px;
            font-size: 14px;
            display: inline-block;
            transition: 0.3s;
            border: 2px solid transparent;
        }

        .jaipur-btn-primary {
         background: linear-gradient(135deg, #47a8cb, #005f7a) !important;
border: 2px solid #005f7a !important;
border-radius: 8px;
color: #fff !important;
padding: 12px 20px;
box-shadow: 0 4px 8px rgba(0, 95, 122, 0.3);
transition: all 0.3s ease-in-out;
font-family: 'Inter', sans-serif !important;
font-size: 16px;
min-width: 140px;
text-align: center;
        }

        .jaipur-btn-primary:hover {
            background: #072065;
        }

        .jaipur-btn-secondary {
            background: white;
            color: #0a2a74;
            border: 2px solid #0a2a74;
        }

        .jaipur-btn-secondary:hover {
            background: #0a2a74;
            color: white;
        }

        .content-image img {
            width: 200px;
            height: auto;
            border-radius: 10px;
        }

        @media (max-width: 768px) {
            .jaipur-review-box {
                flex-direction: column;
                text-align: center;
                padding: 20px;
            }

            .content-buttons {
                justify-content: center;
            }

            .content-image img {
                width: 100%;
                max-width: 300px;
            }
        }
/*Jaipur center END*/
/*Events Banners Design*/
.container-event-1 {
    padding: 20px;
    text-align: left;
}
.event-banner {
    background: linear-gradient(to right, #3b82f6, #f59e0b);
    color: white;
    padding: 20px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    border-radius: 10px;
    margin-bottom: 20px;
}
.header-event-1 {
    text-align: left;
    font-size: 24px;
    font-weight: bold;
    color: #000;
}
.highlight-event-1 {
    color: #3b82f6;
}
.subtext-event-1 {
    color: #555;
    font-size: 16px;
    margin-top: 10px;
}
.stats-event-1 {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}
.stat-box-event-1 {
    background-color: white;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    flex: 1;
    margin: 5px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}
.blue-box-event-1 {
    background-color: #3b82f6;
    color: white;
}
.yellow-box-event-1 {
    background-color: #f59e0b;
    color: white;
}
.mobile-content-event-1 {
    display: none;
}
@media (max-width: 768px) {
    .container-event-1 {
        text-align: center; 
    }
    .header-event-1 {
        text-align: center; 
    }
    .stats-event-1 {
        flex-direction: row; 
        justify-content: center; 
    }
    .mobile-content-event-1 {
        display: block;
        font-size: 18px;
        font-weight: bold;
        margin-top: 10px;
    }
}
/*Events Banners Design END*/
/*Event page tabs section*/
.event-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.event-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    max-width: 100%;
    width: 100%;
}

.event-card {
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
    max-width: 400px;
    width: 100%;
}

.event-image {
    width: 100%;
    height: auto;
    border-radius: 5px;
    margin-bottom: 10px;
}

.event-title {
    font-size: 19px !important;
  font-weight:600!important;
    color: #333;
}
.event-tagline, .event-mentor {
    font-size: 14px;
    color: #666;
}

.event-date, .event-time {
    font-size: 14px;
    font-weight: bold;
    color: #444;
}

.event-register {
    background: #007BFF;
    color: white;
  width:300px !important;
    border: none;
    padding: 10px 15px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
    margin-top: 10px;
}

.event-register:hover {
    background: #0056b3;
}

@media (max-width: 768px) {
    .event-list {
        flex-direction: column;
        align-items: center;
    }
  .event-register {
    background: #007BFF;
    color: white;
  width:200px !important;
    border: none;
    padding: 10px 15px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
    margin-top: 10px;
}
}
/*Event page tabs section END*/
/*home tabs Data Analytics section*/
.layout-box {
            width: 100%;
            max-width: 1200px;
            background-color: white;
            border-radius: 12px;
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
            padding: 20px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
        }
        .media-frame img {
            width: 100%;
            max-width: 400px;
            border-radius: 10px;
        }
        .description-box {
            flex: 1;
        }
        .description-box h2 {
            font-size: 24px;
            margin-bottom: 10px;
        }
        .description-box p {
            font-size: 16px;
            color: #555;
        }
        .star-rating {
            color: #ff9800;
        }
        .role-tag {
            display: inline-block;
            background: #e0ebff;
            padding: 5px 10px;
            border-radius: 5px;
            font-size: 14px;
            margin-top: 5px;
        }
        .program-details {
            display: flex;
            justify-content: space-between;
            margin-top: 10px;
            border: 1px solid #ddd;
            border-radius: 10px;
            padding: 10px;
            background: #f9f9f9;
        }
        .program-details div {
            display: flex;
            align-items: center;
            gap: 5px;
        }
        .program-details span {
            font-weight: bold;
        }
        .cta-group {
            margin-top: 15px;
        }
        .cta-group button {
            padding: 10px 15px;
            border-radius: 5px;
            font-size: 16px;
            cursor: pointer;
            border: none;
            transition: 0.3s;
        }
        .main-btn {
            background-color: #0066ff;
            color: white;
            margin-right: 10px;
        }
        .main-btn:hover {
            background-color: #004bcc;
        }
        .secondary-btn {
            border: 1px solid #000;
            background: white;
		  
        }
        .secondary-btn:hover {
            background: #f1f1f1;
        }
        @media (max-width: 768px) {
            .layout-box {
                flex-direction: column;
                text-align: center;
			   width: 100%;
            max-width: 1500px;
            }

            .program-details {
                flex-direction: column;
                align-items: center;
            }
		  .secondary-btn{
			margin-top:20px !important;
			border:1px solid black !important;
		  }

            .program-details div {
                margin-bottom: 10px;
            }
        }
/*home tabs Data Analytics section END*/
/*home tabs DIGITAL mARKETING section*/
.dm-main-wrapper {
            width: 100%;
            max-width: 1500px;
            background-color: white;
            border-radius: 12px;
            box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
            padding: 20px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
        }

        /* Image Section */
        .dm-image-container img {
            width: 100%;
            max-width: 400px;
            border-radius: 10px;
        }

        /* Text Section */
        .dm-content-area {
            flex: 1;
        }

        .dm-title {
            font-size: 24px;
            margin-bottom: 10px;
            color: #002766;
        }

        .dm-description {
            font-size: 16px;
            color: #4a4a4a;
        }

        .dm-rating {
            color: #ff9800;
            font-size: 18px;
            font-weight: bold;
        }

        .dm-highlight-badge {
            display: inline-block;
            background: #d7e3ff;
            padding: 6px 12px;
            border-radius: 6px;
            font-size: 14px;
            margin-top: 8px;
            color: #002766;
        }

        /* Course Details */
        .dm-details-section {
            display: flex;
            justify-content: space-between;
            margin-top: 12px;
            border: 1px solid #ddd;
            border-radius: 10px;
            padding: 12px;
            background: #f4f6ff;
        }

        .dm-details-section div {
            display: flex;
            align-items: center;
            gap: 6px;
        }

        .dm-details-section span {
            font-weight: bold;
        }

        /* Buttons */
        .dm-button-group {
            margin-top: 16px;
        }

        .dm-primary-btn {
            padding: 10px 16px;
            border-radius: 6px;
            font-size: 16px;
            cursor: pointer;
            border: none;
            background-color: #0066ff;
            color: white;
            margin-right: 12px;
            transition: 0.3s;
        }

        .dm-primary-btn:hover {
            background-color: #003d99;
        }

        .dm-secondary-btn {
            padding: 10px 16px;
            border-radius: 6px;
            font-size: 16px;
            cursor: pointer;
            border: 1px solid #002766;
            background: white;
            color: #002766;
            transition: 0.3s;
        }

        .dm-secondary-btn:hover {
            background: #e3eaff;
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            .dm-main-wrapper {
                flex-direction: column;
                text-align: center;
			   width: 100%;
            max-width: 1500px;
            }
.dm-secondary-btn{
  margin-top:20px !important;
		  }
            .dm-details-section {
                flex-direction: column;
                align-items: center;
            }

            .dm-details-section div {
                margin-bottom: 10px;
            }
        }

/*home tabs DIGITAL mARKETING section END*
/*home tabs WEB DEVELOPMENT section*/
.wd-main-container {
            width: 100%;
            max-width: 1500px;
            background-color: white;
            border-radius: 12px;
            box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
            padding: 20px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
        }
        .wd-image-box img {
            width: 100%;
            max-width: 400px;
            border-radius: 10px;
        }
        .wd-content-wrapper {
            flex: 1;
        }
        .wd-program-title {
            font-size: 24px;
            margin-bottom: 10px;
            color: #002b5b;
        }
        .wd-program-description {
            font-size: 16px;
            color: #4a4a4a;
        }
        .wd-course-rating {
            color: #ff9800;
            font-size: 18px;
            font-weight: bold;
        }
        .wd-highlight-tag {
            display: inline-block;
            background: #d9e6ff;
            padding: 6px 12px;
            border-radius: 6px;
            font-size: 14px;
            margin-top: 8px;
            color: #002b5b;
        }
        .wd-course-info {
            display: flex;
            justify-content: space-between;
            margin-top: 12px;
            border: 1px solid #ddd;
            border-radius: 10px;
            padding: 12px;
            background: #edf3ff;
        }
        .wd-course-info div {
            display: flex;
            align-items: center;
            gap: 6px;
        }
        .wd-course-info span {
            font-weight: bold;
        }
        .wd-btn-group {
            margin-top: 16px;
        }
        .wd-primary-btn {
            padding: 10px 16px;
            border-radius: 6px;
            font-size: 16px;
            cursor: pointer;
            border: none;
            background-color: #0066ff;
            color: white;
            margin-right: 12px;
            transition: 0.3s;
        }
        .wd-primary-btn:hover {
            background-color: #00327d;
        }
        .wd-secondary-btn {
            padding: 10px 16px;
            border-radius: 6px;
            font-size: 16px;
            cursor: pointer;
            border: 1px solid #002b5b;
            background: white;
            color: #002b5b;
            transition: 0.3s;
        }
        .wd-secondary-btn:hover {
            background: #d6e1ff;
        }
        @media (max-width: 768px) {
           .wd-main-container {
            flex-direction: column;
            text-align: center;
			width: 100%;
            max-width: 1500px;
          }
            .wd-course-info {
             flex-direction: column;
             align-items: center;
            }
.wd-secondary-btn{
  margin-top:20px !important;
		  }
            .wd-course-info div {
                margin-bottom: 10px;
            }
        }
/*home tabs WEB DEVELOPMENT section END*/
/*home tabs cyber security section END*/
.cs-main-container {
            width: 100%;
            max-width: 1500px;
            background-color: white;
            border-radius: 12px;
            box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
            padding: 20px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
        }

      
        .cs-image-box img {
            width: 100%;
            max-width: 400px;
            border-radius: 10px;
        }

       
        .cs-content-wrapper {
            flex: 1;
        }

        .cs-program-title {
            font-size: 24px;
            margin-bottom: 10px;
            color: #0b3d91;
        }

        .cs-program-description {
            font-size: 16px;
            color: #4a4a4a;
        }

        .cs-course-rating {
            color: #ff9800;
            font-size: 18px;
            font-weight: bold;
        }

        .cs-highlight-tag {
            display: inline-block;
            background: #d9e6ff;
            padding: 6px 12px;
            border-radius: 6px;
            font-size: 14px;
            margin-top: 8px;
            color: #0b3d91;
        }

       
        .cs-course-info {
            display: flex;
            justify-content: space-between;
            margin-top: 12px;
            border: 1px solid #ddd;
            border-radius: 10px;
            padding: 12px;
            background: #edf3ff;
        }

        .cs-course-info div {
            display: flex;
            align-items: center;
            gap: 6px;
        }

        .cs-course-info span {
            font-weight: bold;
        }

    
        .cs-btn-group {
            margin-top: 16px;
        }
        .cs-primary-btn {
            padding: 10px 16px;
            border-radius: 6px;
            font-size: 16px;
            cursor: pointer;
            border: none;
            background-color: #0066ff;
            color: white;
            margin-right: 12px;
            transition: 0.3s;
        }

        .cs-primary-btn:hover {
            background-color: #001f40;
        }

        .cs-secondary-btn {
            padding: 10px 16px;
            border-radius: 6px;
            font-size: 16px;
            cursor: pointer;
            border: 1px solid #0b3d91;
            background: white;
            color: #0b3d91;
            transition: 0.3s;
        }

        .cs-secondary-btn:hover {
            background: #d6e1ff;
        }

        @media (max-width: 768px) {
            .cs-main-container {
                flex-direction: column;
                text-align: center;
			   width: 100%;
            max-width: 1500px;
            }
.cs-secondary-btn{
  margin-top:20px !important;
		  }
            .cs-course-info {
                flex-direction: column;
                align-items: center;
            }

            .cs-course-info div {
                margin-bottom: 10px;
            }
        }

/*home tabs cyber security section END*/
/*home tabs app development section*/
.ad-main-wrapper {
            width: 100%;
            max-width: 1500px;
            background-color: white;
            border-radius: 12px;
            box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
            padding: 20px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
        }

     
        .ad-image-box img {
            width: 100%;
            max-width: 400px;
            border-radius: 10px;
        }

     
        .ad-content-section {
            flex: 1;
        }

        .ad-program-title {
            font-size: 24px;
            margin-bottom: 10px;
            color: #09324f;
        }

        .ad-program-description {
            font-size: 16px;
            color: #4a4a4a;
        }

        .ad-course-rating {
            color: #ff9800;
            font-size: 18px;
            font-weight: bold;
        }

        .ad-highlight-label {
            display: inline-block;
            background: #d6f5e3;
            padding: 6px 12px;
            border-radius: 6px;
            font-size: 14px;
            margin-top: 8px;
            color: #0b3d91;
        }

     
        .ad-course-info {
            display: flex;
            justify-content: space-between;
            margin-top: 12px;
            border: 1px solid #ddd;
            border-radius: 10px;
            padding: 12px;
            background: #eafaf1;
        }

        .ad-course-info div {
            display: flex;
            align-items: center;
            gap: 6px;
        }

        .ad-course-info span {
            font-weight: bold;
        }

     
        .ad-btn-container {
            margin-top: 16px;
        }

        .ad-primary-btn {
            padding: 10px 16px;
            border-radius: 6px;
            font-size: 16px;
            cursor: pointer;
            border: none;
            background-color: #0066ff;
            color: white;
            margin-right: 12px;
            transition: 0.3s;
        }

        .ad-primary-btn:hover {
            background-color: #084d34;
        }

        .ad-secondary-btn {
            padding: 10px 16px;
            border-radius: 6px;
            font-size: 16px;
            cursor: pointer;
            border: 1px solid #0a5a3d;
            background: white;
            color: #0a5a3d;
            transition: 0.3s;
        }

        .ad-secondary-btn:hover {
            background: #c6f5db;
        }

        @media (max-width: 768px) {
            .ad-main-wrapper {
                flex-direction: column;
                text-align: center;
			   width: 100%;
            max-width: 1500px;
            }

            .ad-course-info {
                flex-direction: column;
                align-items: center;
            }
 .ad-secondary-btn {
   margin-top:20px !important;
		  }
            .ad-course-info div {
                margin-bottom: 10px;
            }
        }
/*home tabs app development section END*/
/*home tabs design section*/
 .design-wrapper {
            width: 100%;
            max-width: 1500px;
            background-color: white;
            border-radius: 12px;
            box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
            padding: 20px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
        }

      
        .design-img-box img {
            width: 100%;
            max-width: 400px;
            border-radius: 10px;
        }

    
        .design-content {
            flex: 1;
        }

        .design-title {
            font-size: 24px;
            margin-bottom: 10px;
            color: #2c3e50;
        }

        .design-description {
            font-size: 16px;
            color: #4a4a4a;
        }

        .design-rating {
            color: #f39c12;
            font-size: 18px;
            font-weight: bold;
        }

        .design-highlight {
            display: inline-block;
            background: #e6f7ff;
            padding: 6px 12px;
            border-radius: 6px;
            font-size: 14px;
            margin-top: 8px;
            color: #2980b9;
        }

     
        .design-info {
            display: flex;
            justify-content: space-between;
            margin-top: 12px;
            border: 1px solid #ddd;
            border-radius: 10px;
            padding: 12px;
           
        }

        .design-info div {
            display: flex;
            align-items: center;
            gap: 6px;
        }

        .design-info span {
            font-weight: bold;
        }

     
        .design-btn-box {
            margin-top: 16px;
        }

        .design-btn-primary {
            padding: 10px 16px;
            border-radius: 6px;
            font-size: 16px;
            cursor: pointer;
            border: none;
            background-color: #0066ff;
            color: white;
            margin-right: 12px;
            transition: 0.3s;
        }

        .design-btn-primary:hover {
            background-color: #16a085;
        }

        .design-btn-secondary {
            padding: 10px 16px;
            border-radius: 6px;
            font-size: 16px;
            cursor: pointer;
            border: 1px solid #1abc9c;
            background: white;
            color: #1abc9c;
            transition: 0.3s;
        }

        .design-btn-secondary:hover {
            background: #d1f2eb;
        }

      
        @media (max-width: 768px) {
            .design-wrapper {
                flex-direction: column;
                text-align: center;
			   width: 100%;
            max-width: 1500px;
            }

            .design-info {
                flex-direction: column;
                align-items: center;
            }
.design-btn-secondary{
  margin-top:20px !important;
		  }
            .design-info div {
                margin-bottom: 10px;
            }
        }












/*Explore Top Career Domains*/
.container-box-ex {
    max-width: 1200px;
    margin: auto;
    padding: 20px;
}
.title-header-ex {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
}
.text-info-ex {
    font-size: 18px;
    text-align: center;
    margin-bottom: 25px;
    color: #555;
}
.grid-layout-ex {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.info-card-ex {
    background: white;
    color: black;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    text-align: center;
    transition: transform 0.3s ease-in-out;
}
.info-card-ex:hover {
    transform: translateY(-5px);
}
.info-card-ex img {
    width: 60px;
    height: 60px;
    margin-bottom: 10px;
}
.card-title {
    font-size: 18px;
    margin: 10px 0;
    color: #333;
}
.card-link {
    font-size: 14px;
    font-weight: bold;
    color: #007BFF;
    cursor: pointer;
}
.card-link:hover {
    text-decoration: underline;
}
@media (max-width: 992px) {
    .grid-layout-ex {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 600px) {
    .grid-layout-ex {
        grid-template-columns: repeat(2, 1fr);
    }
    .info-card-ex {
        padding: 15px;
    }
    .title-header-ex {
        font-size: 22px;
    }
    .text-info-ex {
        font-size: 16px;
    }
    .card-title {
        font-size: 16px;
    }
    .card-link {
        font-size: 13px;
    }
}
/*Explore Top Career Domains END*/
/*OUR imapct Numbers*/
.impact-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1500px;
    width: 100%;
    padding: 20px;
    gap: 20px;
}

.impact-boxes {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.blue-box {
    background: linear-gradient(135deg, #3a86ff, #2563eb);
    color: white;
    padding: 30px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.small-boxes {
    display: flex;
    justify-content: space-between;
    gap: 15px;
}

.orange-box, .red-box {
    flex: 1;
    color: white;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.orange-box {
    background: #f97316;
}

.red-box {
    background: #ef4444;
}

.image-box {
    flex: 1;
    background: white;
    padding: 30px;
  height:300px !important;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.hexagon-images {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 20px;
}

.hexagon-images img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
}
@media (max-width: 768px) {
    .impact-section {
        flex-direction: column;
        align-items: center;
    }
    .blue-box {
        width: 100%;
    }
    .small-boxes {
        flex-direction: row;
        width: 100%;
    }
    .orange-box, .red-box {
        width: 50%;
    }
    .image-box {
        width: 100%;
        margin-top: 20px;
    }
}
/*OUR imapct Numbers END*/
/*Upskill with our free learning section*/
.resources-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 50px 20px;
}
.resources-title {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 10px;
}
.resources-description {
    font-size: 16px;
    color: #555;
    max-width: 600px;
    margin-bottom: 20px;
}
.explore-btn {
    padding: 10px 20px;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}
.resources-graphic {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 40px;
}
.center-icon {
    width: 80px;
    height: 80px;
    background-color: #007bff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}
.center-icon img {
    width: 40px;
}
.resource-links {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
}
.resource-item {
    padding: 8px 16px;
    background-color: white;
    border: 2px solid #007bff;
    border-radius: 20px;
    font-size: 14px;
    font-weight: bold;
    color: #007bff;
    text-align: center;
}
@media (max-width: 768px) {
    .navbar {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .resources-container {
        text-align: center;
    }
    .resource-links {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
}
/*Upskill with our free learning section end*/
/*Self-placed page conent video editing course*/
 .course-container-video {
            max-width: 800px;
            margin: 20px auto;
            background: white;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            display: flex;
            align-items: center;
            gap: 20px;
        }
        .course-img-video {
            width: 50%;
            border-radius: 10px;
        }
        .course-content-video {
            width: 50%;
            padding: 20px;
        }
        .course-title-video {
            font-size: 24px;
            font-weight: bold;
            color: #333;
        }
        .course-desc-video {
            font-size: 16px;
            color: #666;
            margin: 10px 0;
        }
        .course-rating-video {
            font-size: 18px;
            color: #ff9800;
            margin: 10px 0;
        }
        .star-video {
            color: #ff9800;
            font-size: 20px;
        }
        .course-price {
            font-size: 20px;
            font-weight: bold;
            color: #007bff;
        }
        .course-btn-video {
            display: inline-block;
            background-color: #007bff;
            color: white;
		  text-align:center !important;
            padding: 10px 20px;
            text-decoration: none;
            border-radius: 5px;
            margin-top: 10px;
		  width:300px !important;
        }
        @media (max-width: 768px) {
            .course-container-video {
                flex-direction: column;
                text-align: center;
            }
            .course-img-video, .course-content-video {
                width: 100%;
            }
        }
/*Self-placed page conent video editing course END*/
/*What Learners Are Saying section*/
.container-review {
    width: 100% !important;
    max-width: 100% !important;
    margin: auto;
    padding: 20px;
}
.section-heading-review {
    font-size: 32px;
    font-weight: bold;
}
.section-heading-review .highlight-review {
    color: #007bff;
}
.section-subheading-review {
    font-size: 18px;
    color: #555;
    margin-bottom: 30px;
}
.reviews-review {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}
.review-card-review {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    width: 400px;
    text-align: center;
    position: relative;
}
.quote-icon-review {
    font-size: 40px;
    color: #007bff;
}
.review-description-review {
    font-size: 16px;
    color: #333;
    margin: 15px 0;
}
.reviewer-review {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
}
.reviewer-review img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px;
}
.reviewer-name-review {
    font-weight: bold;
    font-size: 16px;
}
@media (max-width: 768px) {
    .reviews-review {
     flex-direction: column;
     align-items: center;
    }
  .review-card-review {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    width: 300px;
    text-align: center;
    position: relative;
}
}
.features-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 20px;
            padding: 20px;
        }
        .feature-box {
            width: 30%;
            background: #fff;
            padding: 20px;
            text-align: center;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .feature-box:hover {
            transform: translateY(-5px);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
        }
        .feature-box img {
            max-width: 80px;
            margin-bottom: 10px;
        }
        .feature-box span {
            font-size: 18px;
            font-weight: bold;
            color: #333;
        }
        @media (max-width: 768px) {
            .feature-box {
                width: 45%;
            }
		  #mw-element-1740022315069{
			display:none !important;
		  }
		
        }
        @media (max-width: 480px) {
            .feature-box {
                width: 100%;
            }
        }
/*inspect code*/
.free-resources {
    background: url(/images/arrows-group.svg) no-repeat;
    background-position: center left 16%;
    background-size: 67.5%;
    max-width: 715px;
}
.bg-pulse, .button-pulse, .pulse-animate {
    width: 151px;
    height: 151px;
    border-radius: 100%;
}
.bg-pulse {
    animation: pulse 1.1sease infinite;
    background: #194cff;
}
.button-pulse {
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    background: #194cff;
    background-size: 18px;
    outline: none;
}
.free-resources .resources-capsules button {
    border: 2px solid var(--label-color-1);
    height: 51px;
    color: var(--label-color-17);
    border-radius: 26px;
}
/*inspect code END*/
/*book A Demo with mentor*/
 .mentor-session-container {
        display: flex;
        width: 100%;
        max-width: 1400px;
        background: #fff;
        border-radius: 10px;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
        overflow: hidden;
    }
    .session-info {
        background: #005eff;
        color: white;
        flex: 1;
        padding: 20px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .session-info img {
        width: 80%;
        max-width: 250px;
        margin-bottom: 20px;
    }
    .booking-form {
        flex: 1;
        padding: 20px;
    }
    .booking-form h2 {
        margin-bottom: 20px;
    }
    .form-field {
        margin-bottom: 15px;
    }
    label {
        font-weight: bold;
        display: block;
        margin-bottom: 5px;
    }
    input, select {
        width: 100%;
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 5px;
    }
    .checkbox-group {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        text-align: center;
    }
    .submit-btn {
        width: 100%;
        padding: 10px;
        background: #005eff;
        color: white;
        border: none;
        border-radius: 5px;
        font-size: 16px;
        cursor: pointer;
    }
    .submit-btn:hover {
        background: #0046cc;
    }
    @media (max-width: 768px) {
        .mentor-session-container {
            flex-direction: column;
        }
        .session-info {
            padding: 30px;
        }
        .checkbox-group {
            flex-direction: column;
            align-items: center;
        }
    }
/*book demo session END*/
.product-container {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 20px;
            max-width: 1200px;
            margin: auto;
        }
        .product-card {
            background: #fff;
            padding: 15px;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            text-align: center;
            transition: transform 0.3s ease-in-out;
        }
        .product-card:hover {
            transform: translateY(-5px);
        }
        .product-img {
            width: 100%;
            height: 180px;
            object-fit: cover;
            border-radius: 8px;
        }
        .product-title {
            font-size: 18px;
            font-weight: bold;
            margin: 10px 0;
        }
        .product-description {
            font-size: 14px;
            color: #555;
            margin-bottom: 15px;
        }
        .btn-group {
            display: flex;
            justify-content: space-between;
            gap: 10px;
        }
        .btn {
            flex: 1;
            padding: 10px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            font-size: 14px;
            transition: background 0.3s ease;
        }
        .btn.learn-more {
            background: #007bff;
            color: #fff;
        }
        .btn.learn-more:hover {
            background: #0056b3;
        }
        .btn.buy-now {
            background: #28a745;
            color: #fff;
        }
        .btn.buy-now:hover {
            background: #1e7e34;
        }

        @media (max-width: 768px) {
            .product-container {
                grid-template-columns: repeat(2, 1fr);
            }
            .product-card {
                padding: 12px;
            }
        }
        @media (max-width: 480px) {
            .product-container {
                grid-template-columns: repeat(1, 1fr);
            }
        }
/*book demo session END*/
/*Web development programs Page Banner*/
.course-container-web {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            max-width: 1200px;
            padding: 20px;
        }
        .course-content-web  {
            flex: 1;
            max-width: 50%;
        }
        .badge-web  {
            background: #ffcc00;
            padding: 5px 10px;
            border-radius: 5px;
            font-size: 14px;
            color: black;
        }
        .course-title-web  {
            font-size: 32px;
            margin: 10px 0;
		    color:#fff !important;
        }
        .course-description-web  {
            font-size: 18px;
            margin-bottom: 20px;
		   color:#fff !important;
        }
        .course-stats-web  {
            display: flex;
            gap: 20px;
            margin-bottom: 20px;
        }
        .stat-web  {
            text-align: center;
        }
        .stat-web  span {
            font-size: 22px;
            font-weight: bold;
		   color:#fff !important;
        }
        .course-buttons-web  {
            display: flex;
            gap: 15px;
        }
        .btn-web  {
            padding: 10px 20px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            font-size: 16px;
        }
        .primary-web  {
            background: #1565c0;
            color: white;
        }
        .secondary-web  {
            background: white;
            color: black;
        }
        .course-image-web  {
            flex: 1;
            max-width: 50%;
            text-align: center;
        }
        .course-image-web  img {
            width: 100%;
            max-width: 400px;
        }
        .job-info-web  {
            margin-top: 10px;
            background: white;
            color: black;
            padding: 10px;
            border-radius: 5px;
            display: inline-block;
        }
        @media (max-width: 768px) {
            .course-container-web  {
                flex-direction: column;
                align-items: center;
                text-align: center;
            }
            .course-content-web , .course-image-web  {
                max-width: 100%;
            }
            .course-stats-web  {
                flex-direction: column;
            }
            .course-buttons-web  {
                flex-direction: column;
            }
        }
/*Web development programs Page Banner END*/
/*slider logo web development programs*/
.brand-contanier {
          background-color:#eaf5f1;
          }
          .brands-title {
          font-size:30px;
          text-align:center;
          }
@keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(calc(-250px * 7)); } 
}
.brand-slider {
    height: 100px;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.slide-track {
    display: flex;
    width: calc(250px * 14);
    animation: scroll 40s linear infinite; 
}
.brand-slider img {
border-raidus:10px;
}
.slide {
    height: 80px;
    width: 220px;
}
/*slider logo web development programs END*/
/*web dvelopment program How does this program work*/
.roadmap {
    padding: 50px 20px;
}
.roadmap-title {
    font-size: 28px;
    font-weight: bold;
    color: #000;
}
.roadmap-subtitle {
    font-size: 18px;
    color: #666;
    margin-bottom: 20px;
}
.apply-btn-we {
    background-color: #0057ff;
    color: #fff;
    padding: 12px 24px;
    font-size: 16px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin-bottom: 40px;
}

.steps {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.step {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    max-width: 500px;
    text-align: left;
    display: flex;
    align-items: center;
    gap: 15px;
}

.step-icon {
    width: 50px;
    height: 50px;
}

.step-title {
    font-size: 20px;
    font-weight: bold;
    margin: 0;
}

.step-description {
    font-size: 14px;
    color: #555;
}

.live-tag {
    background: #ffba00;
    color: #fff;
    font-size: 12px;
    padding: 3px 8px;
    border-radius: 5px;
    margin-left: 5px;
}


@media (min-width: 768px) {
    .steps {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }
    .step {
        width: 45%;
    }
}

@media (min-width: 1024px) {
    .step {
        width: 40%;
    }
}
/*web dvelopment program How does this program work END*/
/*App Development programs page section*/
.container-a {
            max-width: 1100px;
            margin: auto;
            padding: 20px;
        }
        .heading-a {
            font-size: 24px;
            font-weight: bold;
            margin-bottom: 10px;
        }
        .sub-heading-a {
            font-size: 16px;
            color: gray;
            margin-bottom: 20px;
        }
        .courses-a {
            display: flex;
            justify-content: center;
            gap: 20px;
            flex-wrap: wrap;
        }
        .course-box-a {
            background: white;
            border-radius: 10px;
            padding: 20px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            max-width: 350px;
            text-align: left;
        }
        .course-image-a {
            width: 100%;
            border-radius: 10px;
        }
        .course-title-a {
            font-size: 18px;
            font-weight: bold;
            margin: 10px 0;
        }
        .course-rating-a {
            color: #f4b400;
            font-size: 14px;
        }
        .course-info-a {
            font-size: 14px;
            color: gray;
            margin: 10px 0;
        }
        .buttons-a {
            display: flex;
            gap: 10px;
            margin-top: 10px;
        }
        .btn-a {
            flex: 1;
            padding: 10px;
            border-radius: 5px;
            border: none;
            cursor: pointer;
        }
        .btn-primary-a {
            background-color: blue;
            color: white;
        }
        .btn-secondary-a {
            background-color: white;
            border: 1px solid blue;
            color: blue;
        }
        @media (max-width: 768px) {
            .courses-a {
                flex-direction: column;
                align-items: center;
            }
        }




/*APP development programs Page Banner*/
.container-app {
            display: flex;
            flex-wrap: wrap;
            max-width: 1300px;
            background: white;
            padding: 20px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            border-radius: 10px;
        }
        .left-section-app, .right-section-app {
            flex: 1;
            min-width: 300px;
            padding: 20px;
        }
        .badge-career-app, .badge-alumni-app {
            display: inline-block;
            background: #ffc107;
            padding: 5px 10px;
            border-radius: 5px;
            font-weight: bold;
        }
        .title-app {
            font-size: 28px;
            font-weight: bold;
            margin: 10px 0;
        }
        .description-app {
            font-size: 16px;
            color: #555;
            margin-bottom: 20px;
        }
        .stats-app {
            display: flex;
            gap: 15px;
            flex-wrap: wrap;
        }
        .stat-item-app {
            background: #e3e3e3;
            padding: 10px;
            border-radius: 5px;
            font-weight: bold;
            text-align: center;
        }
        .job-box-app, .compensation-box-app {
            background: #007bff;
            color: white;
            padding: 15px;
            text-align: center;
            border-radius: 5px;
            font-weight: bold;
            margin-top: 10px;
        }
        .profile-grid-app {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-top: 10px;
        }
        .profile-app {
            background: #fff;
            padding: 15px;
            text-align: center;
            border-radius: 10px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            font-weight: bold;
            min-width: 80px;
        }
        @media (max-width: 768px) {
            .container-app {
                flex-direction: column;
                text-align: center;
            }
            .stats-app {
                justify-content: center;
            }
            .profile-grid-app {
                justify-content: center;
            }
        }
/*APP development programs Page Banner END*/
/*App development graphic section*/
.growth-section-growth {
    color: white;
    padding: 50px 20px;
    text-align: center;
}
.container-growth {
    max-width: 1200px;
    margin: 0 auto;
}
h2 {
    font-size: 28px;
    font-weight: bold;
}
.subtitle-growth {
    font-size: 16px;
    margin-top: 10px;
    color: #ddd;
}
.content-growth {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 40px;
}
.chart-growth {
    flex: 1;
    max-width: 50%;
    text-align: left;
}
.chart-growth h3 {
    font-size: 20px;
    font-weight: bold;
}
.chart-subtext-growth {
    font-size: 14px;
    margin-bottom: 20px;
    color: #ddd;
}
.graph-container-growth {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.graph-growth {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    background: rgba(255, 255, 255, 0.1);
    padding: 20px;
    border-radius: 8px;
    width: 100%;
    height: 250px;
    position: relative;
}
.bar-growth {
    width: 14%;
    background: linear-gradient(135deg, #007bff, #00c3ff);
    color: white;
    font-size: 12px;
    text-align: center;
    padding: 5px;
    border-radius: 5px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    font-weight: bold;
}
.bar-growth span {
    font-size: 10px;
    padding: 3px;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 4px;
}
.graph-labels-growth {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    font-size: 12px;
    color: #ddd;
    width: 100%;
}
.testimonial-growth {
    flex: 1;
    max-width: 45%;
    text-align: left;
}
.quote-growth {
    font-size: 14px;
    font-style: italic;
    margin-bottom: 10px;
}
.author-growth {
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
}
.demand-title-growth {
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
}
.demand-text-growth {
    font-size: 14px;
    color: #ddd;
}
@media (max-width: 768px) {
    .content-growth {
        flex-direction: column;
        text-align: center;
    }
    .chart-growth, .testimonial-growth {
        max-width: 100%;
    }
    .chart-growth {
        text-align: center;
    }
    .graph-growth {
        height: 180px;
        padding: 10px;
    }
    .bar-growth {
        width: 14%;
        font-size: 10px;
        padding: 2px;
    }
    .bar-growth span {
        font-size: 9px;
        padding: 2px;
    }
    .graph-labels-growth {
        font-size: 10px;
    }
  #mw-element-1740979056507{
	margin-top:30px !important;
  }
}
/*App development graphic section End*/
/*Digital Marketing apge program banner */
.banner-digital {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: white;
    padding: 40px;
    border-radius: 12px;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
    flex-wrap: wrap;
}
.banner-content-digital {
    flex: 1;
    min-width: 300px;
}
.badge-digital {
    display: inline-block;
    background: #ff9800;
    color: white;
    padding: 8px 12px;
    border-radius: 20px;
    font-size: 14px;
}
.banner-content-digital h1 {
    font-size: 36px;
    margin: 15px 0;
    color: #222;
}
.banner-content-digital p {
    font-size: 16px;
    color: #555;
    margin-bottom: 20px;
}
.stats-digital {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.stat-item-digital {
    background: #eef4ff;
    padding: 15px;
    border-radius: 10px;
    text-align: center;
    flex: 1;
}
.stat-item-digital span {
    font-size: 22px;
    font-weight: bold;
    display: block;
    color: #333;
}
.stat-item-digital p {
    font-size: 14px;
    color: #555;
}
.banner-right-digital {
    flex: 1;
    min-width: 300px;
}
.alumni-box-digital {
    background: #eaf1ff;
    padding: 20px;
    border-radius: 12px;
    text-align: center;
}
.alumni-badge-digital {
    display: inline-block;
    background: #0047ff;
    color: white;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 14px;
}
.alumni-box-digital p {
    margin: 10px 0;
    font-size: 16px;
    color: #333;
}
.job-stats-digital {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    margin-top: 15px;
}
.job-box-digital {
    background: #0047ff;
    color: white;
    padding: 15px;
    border-radius: 10px;
    flex: 1;
}
.job-box-digital p {
    font-size: 14px;
}
.job-box-digital h2 {
    font-size: 22px;
    margin-top: 5px;
}
.alumni-profiles-digital {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 15px;
    flex-wrap: wrap;
}
.profile-digital {
    background: white;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
    text-align: center;
}
.profile-digital img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
}
.profile-digital p {
    margin-top: 5px;
    font-size: 14px;
    color: #333;
}
@media (max-width: 768px) {
    .banner-digital {
        flex-direction: column;
        text-align: center;
        padding: 20px;
    }
    .stats-digital {
        flex-direction: column;
        align-items: center;
    }
    .job-stats-digital {
        flex-direction: column;
    }
    .alumni-profiles-digital {
        justify-content: center;
    }
}
/*Digital marketing program page mentorship program*/
.digital-marketing-digital-card {
            padding: 20px;
        }
        .section-title-digital-card {
            font-size: 24px;
            font-weight: bold;
            margin-bottom: 10px;
        }
        .section-subtitle-digital-card {
            font-size: 16px;
            color: #555;
            margin-bottom: 20px;
        }
        .program-cards-digital-card {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 20px;
        }
        .program-card-digital-card {
            background: white;
            padding: 15px;
            border-radius: 10px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            width: 300px;
            text-align: center;
        }
        .program-image-digital-card {
            width: 100%;
            border-radius: 8px;
        }
        .program-title-digital-card {
            font-size: 18px;
            font-weight: bold;
            margin: 10px 0;
        }
        .program-rating-digital-card {
            color: #f39c12;
            font-size: 14px;
        }
        .program-details-digital-card {
            font-size: 14px;
            color: #666;
        }
        .program-buttons-digital-card {
            margin-top: 10px;
        }
        .btn-digital-card {
            padding: 8px 15px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            font-size: 14px;
            margin: 5px;
        }
        .primary-digital-card {
            background-color: #0056b3;
            color: white;
        }
        .secondary-digital-card {
            background-color: #e0e0e0;
            color: black;
        }
        @media (max-width: 768px) {
            .program-cards-digital-card {
                flex-direction: column;
                align-items: center;
            }
            .program-card-digital-card {
                width: 90%;
            }
        }
/*Digital marketing program page mentorship program END*/
/*cyber security program page banner*/
.cyber-banner-section-program {
            padding: 20px 20px;
           
        }
        .container-program {
            max-width: 1400px;
            margin: auto;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
        }
        .content-program {
            flex: 1;
            min-width: 300px;
        }
        .tag-program {
            background-color: #ffa726;
            color: white;
            padding: 5px 15px;
            border-radius: 20px;
            font-size: 14px;
        }
        h1 {
            font-size: 32px;
            color: #222;
        }
        p {
            font-size: 16px;
            color: #555;
        }
        .stats-program {
            display: flex;
            flex-wrap: wrap;
            gap: 15px;
            margin-top: 20px;
        }
        .stat-box-program {
            background: white;
            padding: 15px;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            text-align: center;
            flex: 1;
            min-width: 100px;
        }
        .icon-program {
            font-size: 20px;
        }
        .alumni-section-program {
            flex: 1;
            min-width: 300px;
            text-align: center;
        }
        .alumni-tag-program {
            background-color: #1e3a8a;
            color: white;
            padding: 5px 15px;
            border-radius: 20px;
            font-size: 14px;
        }
        .alumni-details-program {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
            gap: 10px;
            margin-top: 20px;
        }
        .alumni-card-program, .job-info-program, .compensation-program {
            background: white;
            padding: 15px;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            text-align: center;
        }
        .job-info-program, .compensation-program {
            background: #1e40af;
            color: white;
        }
        @media (max-width: 768px) {
            .container-program {
                flex-direction: column;
                text-align: center;
            }
            .stats-program {
                justify-content: center;
            }
        }
 /*cyber security program page banner END*/
/*cyber security program */
.container-cyber-program {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 20px;
        }
        .card-cyber-program {
            background: white;
            width: 350px;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            overflow: hidden;
            padding: 15px;
            text-align: left;
        }
        .card-cyber-program img {
            width: 100%;
            border-radius: 8px;
        }
        .card-cyber-program h3 {
            margin: 10px 0;
        }
        .rating-cyber-program {
            color: #f39c12;
        }
        .details-cyber-program {
            display: flex;
            align-items: center;
            font-size: 14px;
            margin: 10px 0;
            color: #555;
        }
        .details-cyber-program span {
            margin-right: 10px;
        }
        .buttons-cyber-program {
            display: flex;
            gap: 10px;
        }
        .btn-cyber-program {
            flex: 1;
            padding: 10px;
            text-align: center;
            border-radius: 5px;
            border: none;
            cursor: pointer;
            font-size: 14px;
        }
        .btn-cyber-program.primary-cyber-program {
            background: #0056ff;
            color: white;
        }
        .btn-cyber-program.secondary-cyber-program {
            background: #ddd;
        }
        @media (max-width: 768px) {
            .container-cyber-program {
                flex-direction: column;
                align-items: center;
            }
            .card-cyber-program {
                width: 90%;
            }
        }

/*cyber security program END*/
/*Explore Your Career Fit */
.container-career-fit {
            max-width: 1200px;
            margin: auto;
        }
        .salary-section-career-fit {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }
        .salary-box-career-fit {
            padding: 10px 15px;
            border-radius: 20px;
            font-size: 14px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            min-width: 200px;
        }
        .data-scientist-career-fit { background-color: #f9e5d8; }
        .data-analyst-career-fit { background-color: #fdeedc; }
        .ml-engineer-career-fit { background-color: #e3f6de; }
        .data-engineer-career-fit { background-color: #dae3ff; }

        .stats-career-fit {
            background: #fff;
            padding: 20px;
            border-radius: 10px;
            margin-top: 20px;
            text-align: center;
            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
        }
        .stats-career-fit h2 { color: #007bff; }
        .stats-career-fit span { font-weight: bold; color: #555; }

        .courses-career-fit {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 20px;
            margin-top: 20px;
        }
        .course-card-career-fit {
            background: #fff;
            padding: 15px;
            border-radius: 10px;
            box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
            text-align: center;
        }
        .course-card-career-fit img {
            width: 100%;
            border-radius: 10px;
        }
        .course-card-career-fit h3 {
            margin: 10px 0;
        }
        .course-card-career-fit .stars-career-fit {
            color: #ffcc00;
        }
        .course-card-career-fit .details-career-fit {
            font-size: 14px;
            color: #555;
            margin: 5px 0;
        }
        .buttons-career-fit {
            display: flex;
            justify-content: space-between;
            margin-top: 10px;
        }
        .btn-career-fit {
            background: #007bff;
            color: white;
            padding: 8px 12px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            text-decoration: none;
            font-size: 14px;
        }
        .btn-career-fit:hover {
            background: #0056b3;
        }
        @media (max-width: 600px) {
            .salary-box-career-fit { min-width: 100%; }
            .buttons-career-fit { flex-direction: column; gap: 5px; }
        }
/*Explore Your Career Fit END*/
/*Data Analytics program page*/
.container-Data-Analytics {
            display: flex;
            flex-wrap: wrap;
            max-width: 1200px;
            padding: 20px;
        }
        .content-Data-Analytics {
            flex: 1;
            min-width: 300px;
            padding: 20px;
        }
        .badge-Data-Analytics {
            background: gold;
            padding: 5px 10px;
            border-radius: 5px;
            color: black;
        }
        h1 {
            margin: 10px 0;
        }
        .stats-Data-Analytics {
            display: flex;
            gap: 15px;
            margin: 10px 0;
        }
        .stats-Data-Analytics span {
            background: rgba(255,255,255,0.1);
            padding: 10px;
            border-radius: 5px;
        }
        .advisor-btn-Data-Analytics {
            background: #007bff;
            color: white;
            padding: 10px;
            border: none;
            cursor: pointer;
            margin-top: 10px;
        }
        .offer-box-Data-Analytics {
            background: white;
            color: black;
            padding: 20px;
            border-radius: 10px;
            text-align: center;
            max-width: 400px;
        }
        .offer-box-Data-Analytics img {
            width: 100%;
            border-radius: 10px;
        }
        .cohort-Data-Analytics {
            background: orange;
            padding: 5px;
            display: block;
            margin-top: 10px;
        }
        .apply-btn-Data-Analytics {
            background: blue;
            color: white;
            padding: 10px;
            border: none;
            cursor: pointer;
        }
        @media (max-width: 768px) {
            .container-Data-Analytics {
                flex-direction: column;
                align-items: center;
                text-align: center;
            }
            .stats-Data-Analytics {
                flex-direction: column;
            }
        }
/*Data Analytics program page END*/
/*Career-Assistance  section Data Analytics program page */ 
.container-Career-Assistance {
            max-width: 1300px;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 15px;
        }
        .card {
            background: white;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            text-align: center;
            width: 300px;
            transition: transform 0.3s ease;
        }
        .card-Career-Assistance:hover {
            transform: translateY(-5px);
        }
        .card-Career-Assistance img {
            width: 100%;
            max-height: 150px;
            object-fit: cover;
            border-radius: 5px;
            margin-bottom: 10px;
        }
        .card-Career-Assistance h3 {
            margin-top: 10px;
            font-size: 18px;
            color: #333;
        }
        .card-Career-Assistance p {
            font-size: 14px;
            color: #666;
            margin-top: 5px;
        }
        @media (max-width: 768px) {
            .container-Career-Assistance {
                flex-direction: column;
                align-items: center;
            }
        }
/*Career-Assistance  section Data Analytics program page END */
/*how does this program work roadmap section Data Analytics program page*/
 .container-program-work-roadmap {
            max-width: 900px;
            margin: auto;
            padding: 40px 20px;
        }
        .btn-program-work-roadmap {
            display: inline-block;
            background: #0057ff;
            color: #fff;
            padding: 12px 20px;
            text-decoration: none;
            border-radius: 5px;
            font-size: 16px;
            font-weight: bold;
            margin-top: 20px;
        }
        .steps-program-work-roadmap {
            display: flex;
            flex-direction: column;
            gap: 20px;
            margin-top: 30px;
        }
        .step-program-work-roadmap {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 15px;
            padding: 15px;
            border-radius: 10px;
            box-shadow: 0 4px 10px rgba(0,0,0,0.1);
            background: #f8f8f8;
            text-align: left;
        }
        .step-program-work-roadmap img {
            width: 50px;
        }
        .step-program-work-roadmap:nth-child(even) {
            flex-direction: row-reverse;
        }
        @media (max-width: 600px) {
            .step-program-work-roadmap {
                flex-direction: column !important;
                text-align: center;
            }
        }
/*how does this program work roadmap section Data Analytics program page END*/
/*Tools you will master Data Analytics program page*/
.container-master-tools {
            max-width: 1000px;
            margin: auto;
            background: white;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
        }
        h2 {
            margin-bottom: 20px;
        }
        .tools-master-tools {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
            gap: 15px;
            justify-content: center;
        }
        .tool-master-tools {
            padding: 10px;
            background: white;
            border: 2px solid #ddd;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 60px;
            font-size: 16px;
            font-weight: bold;
        }
        .apply-btn-master-tools {
            display: inline-block;
            margin-top: 20px;
            padding: 10px 20px;
            background: #007bff;
            color: white;
            text-decoration: none;
            font-size: 18px;
            border-radius: 5px;
            font-weight: bold;
        }
        .apply-btn-master-tools:hover {
            background: #0056b3;
        }
/*Tools you will master Data Analytics program page END*/