body {height: 100%;width: 100%; overflow-x: hidden!important;  scroll-behavior: smooth; transition: 2s; font-family: monserrat-bold;}

html{scroll-padding-top: 80px;  overflow-x: hidden!important;}
*{margin: 0px; padding: 0px;}
body{font-family: 'Montserrat';}
section{margin:30px 0px 30px 0px; padding: 20px;}

hr {
  margin: 0.5rem 0;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: .25;
}
p {
    margin-top: 0;
    margin-bottom: 0rem;
}

video{margin-bottom:-10px;}
a {
    color: #0d6efd;
    /* text-decoration: underline; */
    text-decoration: none;
}


.nav {

  background-color: #fff;
  display: flex;
  align-items: center;
  max-height: 80px!important;
  padding: 0px 90px;
}
.nav > .nav-header {
  flex: 0.95;
  padding-left: 1rem;
}
.nav > .nav-header > .nav-title {
  font-size: 22px;
  color: #003399;
}
.nav > .nav-list {
  display: flex;
  gap: 2rem;
}
.nav > .nav-list > li {
  list-style-type: none;
}
.nav > .nav-list > li a {
  text-decoration: none;
  color: #003399;
  cursor: pointer;
  font-weight: 500;
}
.nav > #nav-check {
    display: none;
}


dl, ol, ul {
  margin-top: 0;
  margin-bottom: 0rem;
}

.logo-img{width:270px; margin:10px!important;}

.header-btn{background-color:#009933; color: #fff; padding:5px 15px; border-style: none; border-radius: 5px; margin-top: -5px; margin-right: 30px;}

.green-btn2{border:2px solid #009933; color: #009933; background-color: #fff; padding:8px 10px; box-shadow: 0 10px 7px 0 rgba(0,0,0,0.1); border-radius: 5px; margin: 20px 5px; font-weight: bold; }
.dark-blue-btn{color: #fff; background-color: #003399; font-size: 15px;  padding:10px 10px; border-style: none; box-shadow: 0 10px 7px 0 rgba(0,0,0,0.1); border-radius: 5px; margin: 20px 0px; }
#topbar-content p{text-align: center; color:#fff ; background-color: #000; padding: 10px;}
.topbar-span{color:#FF781F;}

.sub-h{text-align: center; font-size: 18px; font-weight: 500;}    
.green-btn{background-color: #009933; color: #fff; font-size:15px; border-style: none; padding:10px 20px; border-radius: 5px;  margin: 20px 10px 10px 0px; box-shadow:   0 10px 7px 0 rgba(0,0,0,0.1) }
.blue-btn{background-color: #3794E1; color: #fff; border-style: none; padding:10px 20px; border-radius: 30px; margin: 20px 0px; }
.divider{background-color: #FF781F; height: 1px; margin: 10px 0px;}


.top-banner{ background-image: url(images/odc-front-bg.webp); background-size:cover; border-bottom:120px solid #0970B8!important;}
#main-content{padding:50px 20px;}
#main-content p{font-size: 16px; font-weight: 500;}
.top-banner h1{font-weight: 700; color: #003399; font-size: 30px;  margin: 20px 10px 10px 0px;}
.top-banner h2{font-size: 30px; font-weight:500;}



/* border-image:   linear-gradient(to right, grey 25%, yellow 25%, yellow 50%,red 50%, red 75%, teal 75%) 5; */
.facility{ text-align:center; color: #000; margin-top: -80px;}
#facility-box{border:5px solid  #FF6600;   border: single 1em transparent; margin: 5px; width: 24%;  border-radius: 10px; background-image: linear-gradient(white, white), 
                    linear-gradient(to right, green, gold); border-image: linear-gradient(to top, #FF6600 25%, #FF6600 57%, rgb(255, 255, 255) 50%, rgb(231, 231, 231) 75%) 5; background-color:#fff; font-size: 13px; padding: 20px; border-radius:10px; box-shadow: 0 18px 7px 0 rgba(0,0,0,0.1);
                  }
#facility-box p{color:#0970B8; font-weight: bold; margin: 10px 0px;}

#facility-box-purple{border:5px solid  #993366;  border-radius: 10px;   margin: 5px; width: 24%;  border: single 1em transparent; border-radius: 10px; background-image: linear-gradient(white, white), 
                    linear-gradient(to right, green, gold);  border-image: linear-gradient(to top, #993366 25%, #993366 57%, rgb(255, 255, 255) 50%, rgb(231, 231, 231) 75%) 5; background-color:#fff; font-size: 13px; padding: 20px; border-radius:10px; box-shadow: 0 18px 7px 0 rgba(0,0,0,0.1);}
#facility-box-purple p{color:#0970B8; font-weight: bold; margin: 10px 0px;}

#facility-box-yellow{border:5px solid  #FFCC00;  border-radius: 10px;   margin: 5px; width: 24%;  border: single 1em transparent;
  border-radius: 10px;
  background-image: linear-gradient(white, white), 
                    linear-gradient(to right, green, gold);  border-image: linear-gradient(to top, #FFCC00 25%, #FFCC00 57%, rgb(255, 255, 255) 50%, rgb(231, 231, 231) 75%) 5; background-color:#fff; font-size: 13px; padding: 20px; border-radius:10px; box-shadow: 0 18px 7px 0 rgba(0,0,0,0.1);}
#facility-box-yellow p{color:#0970B8; font-weight: bold; margin: 10px 0px;}

#facility-box-pink{border:5px solid  #FF0066;  border-radius: 10px; border: single 1em transparent; margin: 5px; width: 24%; 
  border-radius: 10px;
  background-image: linear-gradient(white, white), 
                    linear-gradient(to right, green, gold);  border-image: linear-gradient(to top, #FF0066 25%, #FF0066 57%, rgb(255, 255, 255) 50%, rgb(231, 231, 231) 75%) 5; background-color:#fff; font-size: 13px; padding: 20px; border-radius:10px; box-shadow: 0 18px 7px 0 rgba(0,0,0,0.1);}
#facility-box-pink p{color:#0970B8; font-weight: bold; margin: 10px 0px;}



#facility-box p,#facility-box-pink p,#facility-box-yellow p,#facility-box-purple p{font-size: 15px;}
#facility-box h5,#facility-box-pink h5,#facility-box-yellow h5,#facility-box-purple h5{font-size: 15px; font-weight: 500; margin-top: 5px;}


/* about */
#about{text-align: center;}
#about h2{font-size: 30px; font-weight: bold; color: #003399;}
#about h3{font-size: 18px;}
.s1{padding: 0px 30px;}

#about p{font-size: 14px;}
.about-sub-h{font-size: 15px; font-weight: bold;}
.abt-highlight{font-weight: bold; font-size: 18px;}
.ab2{color: red; font-weight: bold;}


#mba-universities{background-color: #f7f7f7; padding:50px 30px 150px 30px;}
#mba-universities h2{color:#003399; font-size: 20px;}


#facts{box-shadow: 0 0 5px 2px #ccc; padding: 50px 30px; margin-top: -90px; background-color: #fff;}
#fact-box img{float: left;  width: 25%;  margin-right: 10px;}
#fact-box h4{font-size: 40px; font-weight: bold;}
#fact-box p{font-size: 13px; margin-left: 75px; font-weight: 600;}

#approvals{background-color:#FF781F; text-align:center;}
#approvals h2{font-size: 25px; color: #fff; margin-top: 20px;}
#approvals-box{padding: 20px;}
#approvals-box img{float: left; width: 20%; margin-right: 15px; margin-top: -20px;}
#approvals-box h4{font-size: 20px; }
#approvals-box p{font-size: 12px;}
#aprvls {
  padding: 25px 20px 20px 20px;
}
#text-aprvls{padding: 30px;     line-height: 1.4em;
}


#splz{color: #000;}
.hh{color: #003399; font-weight: bold;}



/* working */
#working-cc{width:80%;}
#working-p{background-color: #FAF9F5; padding: 40px;}
#working-p h2{color: #003399; font-size: 2vw;}
.working-p-box{margin: 10px; border:1px solid #ccc; padding:15px; border-radius: 5px;}
.working-p-box img{ float: left;  width: 13%; margin-top: -10px; margin-right: 10px;
}

.working-p-box h4{font-weight: 500; font-size: 16px;}
.working-p-box p{font-size: 13px;}

/* university */
#approvals{background-color: #FAF9F5; padding:0px 30px 70px 30px; }
#approvals h2{background-color: #FAF9F5; font-size: 2vw; color: #003399;margin-top:-2px;}
#approvals img{width: 100%; padding:10px;}
#approvals-img p{text-align: center; font-weight:500;}
/* Courses */
    
#mba-specialization{background-color: #386382; background-size: cover; padding: 50px 20px; color: #fff;}
#mba-specialization .box{background-color: #fff; border-radius: 5px; color:#000; margin:10px; width:100%; max-width:1200px; }
#mba-specialization .box img{float:left; width:112px!important; margin-right: 15px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.course-details{padding: 11px;}
.course-details h3{font-size: 15px;}
.sub-h-splz{text-align:left;}
.course-details p{font-size: 12px;}

.orange-btn{border-style: none; padding: 10px 20px; border-radius:5px; background-color: #FFCC00; color: #003399; font-weight: bold; font-size:13px;}
#btn-show-more{background-color: #fff; color: #003399; border-style: none; padding: 10px 20px; font-weight: bold;}


/* admission process */
#admission-process{}
#admission-process h2{color:#003399; font-size: 1.9vw; text-align: center; font-weight: bolder; }
#adm-box{background-color:#F2F2F2!important; padding: 30px 20px; height: auto; border-radius: 10px; margin: 17px;}
#adm-box img{width:50%!important;}
.adm-info, .adm-info-pink, .adm-info-purple, .adm-info-blue, .adm-info-green, .adm-info-dark-blue{margin-top: 1vw;}
.adm-info p, .adm-info-pink p, .adm-info-purple p, .adm-info-blue p, .adm-info-green p, .adm-info-dark-blue p {font-size: 12px; font-weight: bold; margin-left: 4vw; line-height: 1.2;}
.adm-info h4{font-size: 15px; float: left;  margin-left: 14px; margin-top: 2px; font-weight: bold; border: 3px solid #FFD429; padding: 3px 8px; border-radius: 50%; background-color: #fff;}
.adm-info-pink h4{font-size: 15px; float: left;  margin-left: 14px; margin-top: 2px; font-weight: bold; border: 3px solid #FF0066; padding: 3px 8px; border-radius: 50%; background-color: #fff;}
.adm-info-purple h4{font-size: 15px; float: left;  margin-left: 14px; margin-top: 2px; font-weight: bold; border: 3px solid #6940CC; padding: 3px 8px; border-radius: 50%; background-color: #fff;}
.adm-info-blue h4{font-size: 15px; float: left;  margin-left: 14px; margin-top: 2px; font-weight: bold; border: 3px solid #3794E1; padding: 3px 8px; border-radius: 50%; background-color: #fff;}
.adm-info-green h4{font-size: 15px; float: left;  margin-left: 14px; margin-top: 2px; font-weight: bold; border: 3px solid #009933; padding: 3px 8px; border-radius: 50%; background-color: #fff;}
.adm-info-dark-blue h4{font-size: 15px; float: left;  margin-left: 14px; margin-top: 2px; font-weight: bold; border: 3px solid #009933; padding: 3px 8px; border-radius: 50%; background-color: #fff;}
/* footer */
#footer{padding: 30px; background-color: #333; color: #fff;}
#footer-frm-bar{background-color:#386382; padding: 50px;}
#footer-frm-bar h3{color: #fff;}
#footer-frm-bar p{color: #fff; font-size: 13px;}
.yellow-span{color:#FFCC00; font-weight: bold;}
.ftr-btn{padding:10px 20px; border-style: none; border-radius: 10px; background-color: #FFCC00; color: #000; font-weight: bold;}

#footer-b1 h3{font-size: 1.3vw!important; font-weight: bold; color: #fff;}
#footer-b1 p{font-size: 14px; font-weight: normal;}
#footer-bottom-bar{background-color: #333; padding: 20px; border-top: 1px solid #ccc; color: #fff;}


#faqs{margin: 30px 0px; }
#faqs h3{font-size: 2vw; color: #003399; padding-left:15px; font-weight: 500;}
#faqs p{padding-left:15px;}


  
  .accordion .accordion-item button[aria-expanded='true'] {
background-color: #FAF9F5; color: #000;   border-radius: 10px 10px 0px 0px;
  }
  
  .accordion-item {
    background-color: #fff;
    border: 0px solid rgba(0,0,0,.125);
    border-bottom: 1px solid #ccc;
}
  .accordion button {
    position: relative;
    display: block;
    text-align: left;
    width: 100%;
    padding: 0.8em;
    color: #7288a2;
    font-size: 1rem;
    font-weight: 400;
    border: none;
    background: none;
    outline: none;
  }
  
  .accordion button:hover,
  .accordion button:focus {
    cursor: pointer;
    color: #03b5d2;
    
  }
  
  .accordion button:hover::after,
  .accordion button:focus::after {
    cursor: pointer;
    color: #03b5d2;
    /* border: 1px solid #03b5d2; */
  }
  
  .accordion button .accordion-title {
  font-weight: 500; color: #000;
  }
  
  .accordion button .icon {
    display: inline-block;
    position: absolute;
    top: 18px;
    right: 0;
    width: 22px;
    height: 22px;
    /* border: 1px solid; */
    border-radius: 22px;
  }
  
  .accordion button .icon::before {
    display: block;
    position: absolute;
    content: '';
    top: 9px;
    left: 5px;
    width: 10px;
    height: 2px;
    background: currentColor;
  }
  .accordion button .icon::after {
    display: block;
    position: absolute;
    content: '';
    top: 5px;
    left: 9px;
    width: 2px;
    height: 10px;
    background: currentColor;
  }
  
  .accordion button[aria-expanded='true'] {
    color: #03b5d2;
  }
  .accordion button[aria-expanded='true'] .icon::after {
    width: 0;
    
  }
  .accordion button[aria-expanded='true'] + .accordion-content {
    opacity: 1;
    max-height: 9em;
    /* transition: all 200ms linear; */
    will-change: opacity, max-height;
    background-color: #FAF9F5; color: #000; padding:0.5rem 1rem;  border-radius: 0px 0px 10px 10px;
}

  
  .accordion .accordion-content {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 200ms linear, max-height 200ms linear;
    will-change: opacity, max-height;
  }
  .accordion .accordion-content p {
    font-size: 1rem;
    font-weight: 300;
    margin: 0.5em 0;
  }

  .child{background-color: rgba(220,220,220,.5);
    padding: 18px;  
    height: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);}


    /*FORM-section*/
	#form {
		padding: 40px 30px;
		
		background-color: #FAF9F5;
        border: 1px solid #FF781F;
		    margin-top: 0px;
	}

	.frm-heading {
		text-align: left;
		font-size: 20px;
		font-weight: bold;
		/* margin-top: -18px; */
     
	}
    label{color: #000; font-weight: 500; padding-top: 5px;}

	.form-control {
		line-height: 1.5;
		background-color: #fff !important;
		border:1px solid #ccc!important;
		    font-size: 0.75em;
	}
    .required{color: red;}

	.sub-btn {
		background-color: #FF6600; color: #fff; width: 100%; border-style: none; padding: 10px; border-radius: 20px; font-weight: 500;
	}



    .owl-carousel .owl-item{padding: 0px;}
    .slide{margin:5px;}
    .sl{color:orange; padding:6px; border-top-left-radius: 10px; border-top-right-radius: 10px; margin-top: -36px;
      margin-left: 20px; position:absolute; float: right; background-color:#fff; font-weight: bold; }
    .rating{background-color: orange; padding: 8px; color: #000;}



  #card-box{margin: 10px; box-shadow:  0 18px 18px 0 rgba(0, 0, 0, 0.2); height:370px!important; border-radius: 10px; }
  .card-box-cnt{padding: 10px;}
  .card-box-cnt h3{color:#000; font-size: 14px; font-weight: bold;}
  .heading-splz{font-size: 17px; font-weight: bold; color:#000;}
  #card-box p{font-size: 12px; line-height: 1.3;}
  #card-box h6{margin-top: 10px; font-size: 13px;}
  #card-box .blue-span{color:#003399; font-weight: bold; margin-top: 10px;}
  .course-green-btn{background-color: #009933; color: #fff; border-style: none; padding:8px 10px; border-radius: 5px; font-size: 13px; }
  .owl-carousel .owl-stage {
    margin-bottom: 0; /* Reset bottom margin */
}

/* Additionally, if needed */
.owl-carousel .owl-item {
    margin-bottom: 0; /* Reset bottom margin for items */
}

#mba-specialization1-page{}



#sp1 h3{font-size:18px; padding:10px 25px; border-left:4px solid #FF6600;}
#sp1 p{font-size:15px; padding:5px 20px;}
.slider1 .slide{ padding: 20px; border-radius: 10px;}
.slider1,
.slider2 {
    margin-bottom: 0; /* Reset bottom margin */
    padding-bottom: 0; /* Reset bottom padding */
}


.blue-btn-university{color: #fff; font-size: 13px; background-color: #003399 ; padding:10px; border-style: none; box-shadow: 0 10px 7px 0 rgba(0,0,0,0.1); border-radius: 5px; margin: 10px 0px; font-size:13px;}
.green-btn-university{border:2px solid #009933; color: #009933; background-color: #fff; padding:7px 10px; box-shadow: 0 10px 7px 0 rgba(0,0,0,0.1); border-radius: 5px; margin: 10px 0px 10px 0px; font-weight: bold; font-size:13px; }

.about-text{margin:30px 0px;}


.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(0,0,0,0.4);
}
.modal-content {
  background-color: transparent;
  margin: 5% auto;
  /* padding: 20px; */
  border: 1px solid #888;
  width: 35%;
}
/* Close button style */
.close {
   color: #fff;
    /* width: 40px; */
    float: right;
    /* padding: 0px 8px; */
    /* padding-left: 10px; */
    font-size: 28px;
    position: absolute;
    font-weight: bold;
    color: #707070;
    margin-left: 93%;
}
.close:hover,
.close:focus {
  color: red;
      text-decoration: none;
      cursor: pointer;
}

.modal-content {
  background-color: transparent;
  margin: 5% auto;
  /* padding: 20px; */
  border: 1px solid #888;
  width: 35%;
}




@media (max-width: 480px) {

  .logo-img{width:200px;}

  .nav {
    background-color: #fff;
    display: flex;
    align-items: center;
    height: 80px;
    margin: 0px 10px;
}

  .nav > .nav-btn {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    padding-top: 0.2rem;
  }
  .nav > .nav-btn > label {
    display: inline-block;
    /* width: 50px; */
    /* height: 50px; */
    /* padding: 13px; */
    background-color: #003399;
    padding: 10px 10px 7px 10px;
    margin-top: 10px;
    margin: 15px;
}
  .nav > .nav-btn > label > span {
    display: block;
    width: 25px;
    height: 8px;
    border-top: 2px solid #eee;
    cursor: pointer;
   
  }
  .nav > .nav-list {
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
    background-color: #003399;
    height: 0;
    transition: all 0.3s ease-in;
    top: 80px;
    left: 0;
    overflow: hidden;
    z-index: 1;
  }
  .nav > .nav-list > li {
    width: 100%;
    margin-top:1.25rem;
    /*margin:10px 10px 10px 0px;*/
  }
  .nav > #nav-check:checked ~ .nav-list {
    height: 280px;
  }
  .nav > .nav-list > li a {
    text-decoration: none;
    color: #fff;
    cursor: pointer;
  }
  section{margin:30px 0px 30px 0px; padding: 20px 10px;}
p {
    margin-top: 0;
    margin-bottom: 0rem;
}

.green-btn2{border:2px solid #009933; color: #009933; background-color: #fff; padding:7px 10px; box-shadow: 0 10px 7px 0 rgba(0,0,0,0.1); border-radius: 5px; margin: 10px 0px 10px 0px; font-weight: bold; font-size:14px; }
.dark-blue-btn{color: #fff; font-size: 15px; background-color: #003399 ; padding:10px; border-style: none; box-shadow: 0 10px 7px 0 rgba(0,0,0,0.1); border-radius: 5px; margin: 20px 0px; font-size:13px;}

#topbar-content p{text-align: center; color:#fff ; background-color: #000; padding: 10px; font-size:13px;}
.topbar-span{color:#FF781F;}

.sub-h{font-weight: 600; text-align: center; font-size: 15px;}    
.green-btn{border:2px solid #009933; background-color: #009933; color: #fff; border-style: none; padding:10px 10px; border-radius: 5px; margin: 10px 0px 10px 0px; box-shadow: 0 10px 7px 0 rgba(0,0,0,0.1); font-size:14px; }
.blue-btn{background-color: #3794E1; color: #fff; border-style: none; padding:10px 20px; border-radius: 30px; margin: 20px 0px; }
.divider{background-color: #FF781F; height: 1px; margin: 10px 0px;}


/*.top-banner{background-color:#FAF9F5; }*/
.top-banner {
    background-image: url(images/mobile-bg-odc-2.webp);
    background-size: cover;
    border-bottom: 100px solid #0970B8;
    margin-bottom: 15px;
    padding-bottom: 210px;
}


#main-content{padding:30px;}
#main-content p{font-size: 13px;}
.top-banner h1{font-weight: 700; color: #003399; font-size: 20px;}
.top-banner h2{font-size: 20px; font-weight:500;}
.top-banner p{font-size: 25px; font-weight:500;
}


#facility-box{background-color:#FB7C27; color: #fff; font-size: 13px; padding: 20px; margin-top: -17px; width:47%;}
#facility-box-pink{background-color:#EF304C; color: #fff; font-size: 13px; padding: 20px; margin-top:10px; width:47%;}
#facility-box-blue{background-color:#005EB0; color: #fff; font-size: 13px; padding: 20px; margin-top:-17px;  width:47%;}
#facility-box-yellow{background-color:#005EB0; color: #fff; font-size: 13px; padding: 20px; margin-top:10px;  width:47%;}
#facility-box-purple{background-color:#630098; color: #fff; font-size: 13px; padding: 20px; margin-top: -17px;  width:47%;}

#facility-box p,#facility-box-pink p,#facility-box-yellow p,#facility-box-purple p{font-size: 15px;}
#facility-box h5, #facility-box-pink h5, #facility-box-yellow h5, #facility-box-purple h5 {
  font-size: 12px;
  /* margin-left: 10vw; */
  font-weight: 500;
  margin-top: 5px;
  color: #000;
}
#facility-box img,#facility-box-pink img,#facility-box-blue img,#facility-box-purple img{float: left; width: 20%; margin-right: 10px;}

/* about */
#about h2{font-size: 15px; font-weight: bold; color: #003399; text-align: center;}
#about p{font-size: 14px; text-align: justify;}
.about-text{margin:10px 0px; text-align: justify;}
.about-sub-h{text-align: center;}
.s1{padding: 0px 10px;}
#about h3{font-size: 13px;}

#mba-specialization h2{color:#FFCC00 ; font-size: 18px; text-align:center; font-weight:600; }
.sub-h-splz{text-align:center;}
/*#mba-specialization p{text-align:center;}*/
.mba-sub-h{text-align: center;}


#mba-specialization{background-color: #386382; background-size: cover; padding: 50px 20px; color: #fff;}
#mba-specialization .box{background-color: #fff; border-radius: 5px; color:#000; margin:10px; }
#mba-specialization .box img{float:left; width:36%!important; margin-right: 15px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.course-details{padding: 11px;}
.course-details h3{font-size: 12px;}
.course-details p{font-size: 12px;}


#mba-universities{background-color: #f7f7f7; padding:50px 5px 100px 5px;}
#mba-universities h2{color:#003399; font-size: 20px; text-align:center;}

.blue-btn-university{color: #fff; font-size: 13px; background-color: #003399 ; padding:10px; border-style: none; box-shadow: 0 10px 7px 0 rgba(0,0,0,0.1); border-radius: 5px; margin: 10px 0px; font-size:13px;}
.green-btn-university{border:2px solid #009933; color: #009933; background-color: #fff; padding:7px 10px; box-shadow: 0 10px 7px 0 rgba(0,0,0,0.1); border-radius: 5px; margin: 10px 0px 10px 0px; font-weight: bold; font-size:13px; }


#approvals{background-color:#FF781F;}
#approvals h2{font-size: 20px; color: #fff;}
#approvals-box{padding: 10px; width: 50%;}
#approvals-box img{float: left; width: 40%; margin-right: 5px; margin-top: -10px;}
#approvals-box h4{font-size: 14px; }
#approvals-box p{font-size: 12px;}
#aprvls {
  padding: 25px 20px 20px 20px;
}
#text-aprvls{padding: 30px;     line-height: 1.4em; text-align: center;
}

#splz{color: #000;}
.hh{color: #003399; font-weight: bold;}


/* working */
#working-cc{width:100%;}
#working-p{background-color: #FAF9F5; padding: 20px; display: flex;}
#working-p h2{color: #003399; font-size: 18px;}
.working-p-box{margin: 10px;}
.working-p-box img{ float: left; width:20%; margin-right: 10px; }

.working-p-box h4{font-weight: 500; font-size: 14px;}
.working-p-box p{font-size: 13px;}

/* university */
#approvals{background-color: #FAF9F5; padding:0px 30px 70px 10px; }
#approvals h2{background-color: #FAF9F5; font-size: 18px; color: #003399;}
#approvals-img{width:33%;}
#approvals-img-box{width: 33%; margin: 10px;}
#approvals-img p {
  text-align: center;
  font-weight: bold;
  font-size: 10px;
  margin-top: -10px;
}

/* Courses */
    
#Courses{background-image: url(images/mba-bottom-bg-image.webp); background-size: cover; padding: 50px 20px; color: #fff;}
#Courses .box{margin: 10px;}
#Courses .box img{float:left; width:32%; margin-right: 8px;}

.orange-btn{border-style: none; padding: 5px 8px; border-radius:5px; background-color: #FFCC00; color: #000; font-weight: bold; margin: 5px 0px;}
#Courses-box1 {background-color: #FF781F; padding: 30px 20px; border-radius: 5px; margin: 5px; width: 45%;}
#Courses-box2 {background-color: #FF0066; padding: 30px 20px; border-radius: 5px; margin: 5px; width: 45%;}

#Courses-box3 {background-color: #3794E1; padding: 30px 20px; border-radius: 5px; margin: 5px; width: 45%;}
#Courses-box4 {background-color: #6940CC; padding: 30px 20px; border-radius: 5px;margin: 5px; width: 45%;}

#Courses-box1 h2, #Courses-box3 h2, #Courses-box2 h2, #Courses-box4 h2{font-weight: 600!important; text-align: center; font-size: 40px;}
#Courses-box1 p, #Courses-box3 p, #Courses-box2 p, #Courses-box4 p{text-align: center; font-size: 13px; line-height: 1.3;}


#facts{box-shadow: 0 0 5px 2px #ccc; padding: 50px 30px; margin-top: -90px; background-color: #fff;}
#fact-box{width:50%; padding:10px;}
#fact-box img{width: 25%;  margin-right: 10px;}
#fact-box h4{font-size: 30px; font-weight: bold;}
#fact-box p{font-size: 10px; margin-left: 50px;}
/* footer */
#footer-frm-bar{background-color:#386382; padding: 20px;}
#footer-frm-bar h3{color: #fff; text-align: center; font-size:18px;}
#footer-frm-bar p{text-align: center;}

.ftr-btn{padding:10px 20px; border-style: none; border-radius: 10px; background-color: #FFCC00; color: #000; font-weight: 500; margin-top:20px;}
#footer{padding: 20px; background-color: #333; color: #fff;}
#footer-b1 h3{font-size: 15px!important; font-weight: bold; color: #fff; margin-top: 20px;}
#footer-b1 p{font-size: 14px; font-weight: normal;}

#footer-bottom-bar{background-color: #333; padding: 20px; border-top: 1px solid #ccc;}


#faqs{margin: 30px 0px; }
#faqs h3{font-size: 18px; color: #003399; padding-left:15px; font-weight: 500;}
#faqs p{padding-left:0px;}
#faq-subh{padding-left:15px!important;}


  
  .accordion .accordion-item button[aria-expanded='true'] {
background-color: #FAF9F5; color: #000;   border-radius: 10px 10px 0px 0px;
  }
  
  .accordion-item {
    background-color: #fff;
    border: 0px solid rgba(0,0,0,.125);
}
  .accordion button {
    position: relative;
    display: block;
    text-align: left;
    width: 100%;
    padding: 0.8em;
    color: #7288a2;
    font-size: 1rem;
    font-weight: 400;
    border: none;
    background: none;
    outline: none;
  }
  
  .accordion button:hover,
  .accordion button:focus {
    cursor: pointer;
    color: #03b5d2;
    
  }
  
  .accordion button:hover::after,
  .accordion button:focus::after {
    cursor: pointer;
    color: #03b5d2;
    /* border: 1px solid #03b5d2; */
  }
  
  .accordion button .accordion-title {
  font-weight: 500; color: #000; font-size:13px;
  }
  
  .accordion button .icon {
    display: inline-block;
    position: absolute;
    top: 18px;
    right: 0;
    width: 22px;
    height: 22px;
    /* border: 1px solid; */
    border-radius: 22px;
  }
  
  .accordion button .icon::before {
    display: block;
    position: absolute;
    content: '';
    top: 9px;
    left: 5px;
    width: 10px;
    height: 2px;
    background: currentColor;
  }
  .accordion button .icon::after {
    display: block;
    position: absolute;
    content: '';
    top: 5px;
    left: 9px;
    width: 2px;
    height: 10px;
    background: currentColor;
  }
  
  .accordion button[aria-expanded='true'] {
    color: #03b5d2;
  }
  .accordion button[aria-expanded='true'] .icon::after {
    width: 0;
    
  }
  .accordion button[aria-expanded='true'] + .accordion-content {
    opacity: 1;
    max-height: 100%;
    /* transition: all 200ms linear; */
    will-change: opacity, max-height;
    background-color: #FAF9F5; color: #000; padding:0.5rem 1rem;  border-radius: 0px 0px 10px 10px;
}

  
  .accordion .accordion-content {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 200ms linear, max-height 200ms linear;
    will-change: opacity, max-height;
  }
  .accordion .accordion-content p {
    font-size: 13px;
    font-weight: 300;
    margin: 0.5em 0;
  }

  .child{background-color: rgba(220,220,220,.5);
    padding: 18px;  
    height: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);}


    /*FORM-section*/
	#form {
		padding: 40px 30px;
		/*box-shadow: 0px 0px 5px 2px #ccc;*/
		margin: 10px;
		
		background-color: #FAF9F5;
        border: 1px solid #FF781F;
	}

	.frm-heading h5 {
		text-align: left;
		font-size: 15px;
		font-weight: 500;
		margin-top: -18px;
     
	}
    label{color: #000; font-weight: 500; padding-top: 5px;}

	.form-control {
		line-height: 1.5;
		background-color: #fff !important;
		border:1px solid #ccc!important;
		    font-size: 0.75em;
	}
    .required{color: red;}

	.sub-btn {
		background-color: #FF6600; color: #fff; width: 100%; border-style: none; padding: 10px; border-radius: 20px; font-weight: 500;
	}
    /* .owl-item {width: 100px; height: 18rem; margin-right: 10px; background:#fff; box-shadow: 0 0 5px 2px #f7f7f7; margin: 10px; padding:20px 30px; border-radius: 10px; } */
    /* .item img{float: left; width: 20px;} */
    /* .owl-carousel .owl-item img {
        display: block;
         width: 20%!important; 
    } */

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 0!important;
}
    .owl-carousel .owl-item{padding: 0px;}
    .slide{margin: 5px;}


  #card-box{margin: 10px; box-shadow:  0 18px 18px 0 rgba(0, 0, 0, 0.2); height:330px; }
  .card-box-cnt{padding: 10px;}
  .card-box-cnt h2{}
  .heading-splz{font-size: 17px;}
  #card-box p{font-size: 12px; line-height: 1.3;}
  #card-box h6{margin-top: 10px; font-size: 13px;}
  #card-box .orange-span{color:#f58220; font-weight: bold; margin-top: 10px;}
  .course-green-btn{background-color: #009933; color: #fff; border-style: none; padding:8px 10px; border-radius: 5px; font-size: 13px; }
  .owl-carousel .owl-stage {
    margin-bottom: 0; /* Reset bottom margin */
}

/* Additionally, if needed */
.owl-carousel .owl-item {
    margin-bottom: 0; /* Reset bottom margin for items */
}

.slider1 .slide{ padding: 10px; border-radius: 10px;}
.slider1,
.slider2 {
    margin-bottom: 0; /* Reset bottom margin */
    padding-bottom: 0; /* Reset bottom padding */
}


	.splz{margin-top:10px;}

.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(0,0,0,0.4);
	transition: opacity 0.5s ease-in-out;
}
.modal-content {
  background-color: transparent;
  margin: 35% auto;
 border-style:none;
  width: 83%;
  z-index:100;
}
/* Close button style */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold; position: absolute;
	     margin-left: 88%;
	     margin-top:5px;
}
.close:hover,
.close:focus {
  color: red;
      text-decoration: none;
      cursor: pointer;
}
	a {
    color: #0d6efd;
    /* text-decoration: underline; */
    text-decoration: none;
}
video{margin-bottom:-10px;}
	
	.modal-content
  {width:100%; margin-top:70px;}
}