@font-face { 
  font-family: "Pyidaungsu"; 
  src: url("../fonts/Pyidaungsu/Pyidaungsu.woff") format("woff"), 
  url("../fonts/Pyidaungsu/Pyidaungsu.ttf") format("truetype"), 
  url("../fonts/Pyidaungsu/Pyidaungsu.svg#Pyidaungsu") format("svg"); }
@font-face{
  font-family:"Zawgyi_Mobile";
  src:url(/css/fonts/Zawgyi_Mobile.ttf);
  }
@font-face{
  font-family:"Zawgyi_Bold";
  src:url(/css/fonts/Zawgyi_Bold.ttf);
  }
@font-face{
  font-family:Zawgyi-One;
  src:url(/css/fonts/Zawgyi-One.ttf);
  }
  .pyidaungsu{
    font-family: "Pyidaungsu"; 
  }
  .mm-font{
  font-family: Zawgyi-One, arial  !important;
  line-height: 1.6;
 
  }
/* footer Color = #030B20 */

:root {
  --darkBlue: #030b20;
  --logoGrey: #a7a7a9;
  --logoBlue: #21ace3;
}

/* ========== Global ========== */

body * {
  font-family: "Play", sans-serif;
}

body .font-bree {
  font-family: "Bree Serif", serif;
}

body a,
body li,
body span,
body label,
body p,
body td {
  font-size: 15px;
}

body h3 {
  font-size: 28px;
}

body h6 {
  font-size: 17px;
}

body a:hover {
  text-decoration: none;
}

body section {
  padding: 50px 0;
}

body .title h3,.our-partner h3 {
  color: var(--logoBlue);
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
}

body .title h3::before ,.our-partner h3::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 60px;
  height: 2px;
  background-color: var(--logoBlue);
}

body .title.line-center h3 {
  text-align: center;
}

body .title.line-center h3::before {
  left: 50%;
  transform: translateX(-50%);
}

body .font-size-inherit {
  font-size: inherit;
}

body .register-box {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  padding: 35px 25px;
  background-color:#030b20;
  position: relative;
}

body .register-box p {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 28px;
  color:#ffffff;
}

body .register-box h4 {
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 0;
}

body .register-box a:not(.my-btn) {
  color: #21ace3;
}

body .register-box .background {
  position: absolute;
  bottom: 0px;
  opacity: 0.3;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}


body .my-btn {
  display: inline-block;
  padding: 10px 35px;
  border: 1px solid transparent;
  border-radius: 5px;
  background-color: var(--darkBlue);
  color: #ffffff;
}

body ul.bullet-style {
  padding-left: 20px;
}

body ul.bullet-style li {
  list-style: none;
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

body ul.bullet-style li::before {
  content: "";
  display: inline-block;
  min-width: 15px;
  min-height: 15px;
  background-image: url("/img/bullet.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 10px;
}

body .color-dark-blue {
  color: var(--darkBlue);
}

body .color-logo-blue {
  color: var(--logoBlue);
}

body .social a {
  margin-right: 5px;
}

body .bg-alt {
  background-color: #f4f5f7;
}

body .payment-box {
  padding: 20px 10px;
  background: #fff;
  box-shadow: 0 0 5px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

body .payment-box img {
  margin-bottom: 10px;
}

body .payment-box p {
  text-align: center;
}

body .payment-box p:last-child {
  margin-bottom: 0;
}

.carousel-control-next-icon, .carousel-control-prev-icon{
  background-color: #030b20;
  width: 35px;
  height: 35px;
  background-size: 18px;
  border-radius: 50%;
}
.carousel-indicators li{
  background-color: #030b20 !important;
}

/* ========== Menu ========== */

menu {
  margin: 0;
  padding: 0;
  background-color: var(--darkBlue);
  padding: 10px 0 0;
}

menu hr {
  border-top: 1px solid #555555;
}

menu nav.navbar.navbar-light {
  padding-top: 0;
  padding-bottom: 0;
}

menu nav.navbar.navbar-light .navbar-nav .nav-item .nav-link {
  color: var(--logoGrey);
  padding: 10px 13px;
  text-transform: uppercase;
}

menu nav.navbar.navbar-light .navbar-nav .nav-item .nav-link:hover {
  color: var(--logoBlue);
}

menu nav.navbar.navbar-light .dropdown {
  position: unset;
}

menu nav.navbar.navbar-light .navbar-toggler {
  padding: 0;
  background-color: transparent;
}

menu nav.navbar.navbar-light .navbar-toggler i {
  color: var(--logoBlue);
}

menu .my-dropdown-menu {
  display: none;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 99;
  margin: 0;
  padding: 10px 0;
  border: 0;
  border-radius: 0;
  background-color: #2b2f2a;
  border-top: 1px solid #555555;
  border-bottom: 1px solid #555555;
}

menu .my-dropdown-menu .item {
  color: var(--logoGrey);
  text-transform: uppercase;
  padding: 10px 15px;
}

menu .my-dropdown-menu .item:hover,
menu .my-dropdown-menu .item:focus {
  background-color: transparent;
  color: #21ace3;
}

menu .my-dropdown-menu.show {
  display: block !important;
}

menu .my-dropdown-menu.md-dropdown {
  padding: 0;
  border: 0;
}

menu .my-dropdown-menu.md-dropdown .item {
  display: inline-block;
  opacity: 0;
}

menu .nav-link.active,
menu .item.active {
  color:#21ace3 !important;
}

menu .request_info {
  margin-top: 5px;
  display: inline-block;
  margin-bottom: 5px;
  background: var(--logoBlue);
  color: #fff !important;
  border-radius: 5px;
  padding: 5px 15px !important;
}
menu .request_info.active {
  color: #fff !important;
}
.md-dropdown .nav-link {
  display: inline-block;
  text-transform: uppercase;
}
.md-dropdown span{
  color: #21ace3 !important;
}
.md-dropdown span i{
  margin-left: 5px;
}
.ccdbanner {
  position: relative;
}
.ccdbannerinner {
  position: absolute;
  background: #21ace38f;
  width: 100%;
  padding: 25px 0px;
  bottom: 0;
}
.ccdbannerinner h5 {
  color: white;
  font-size: 22px;
}
.ccdbannerinneryear {
  position: absolute;
  top: 30%;
}
.ccdbannerinneryear {
  position: absolute;
  top: 15%;
  background: #000033;
  padding: 20px 65px 10px 65px;
  right: 0;
  color: white;
}
.parasection {
  margin-top: 45px;
}
.subtitle {
  font-size: 18px;
  color: #000033;
  font-weight: 500;
  margin-bottom: 15px;
  border-left: 4px solid #000033;
  padding-left: 15px;
}
.intakeflex {
  display: flex;
  width: 100%;
}
.intakesection {
  background: #a7a9ac2e;
  padding: 40px 45px;
  border-radius: 10px;
}
.intaketitle, .intakepara {
  font-size: 15px;
  padding: 10px 45px;
  border:1px solid #dbd8d8;
  font-weight: 500;
  margin-right: 2px;
  width: 30%;
  text-align: center;
}
.intakepara {
  width: 70%;
}
.intakesection h6 {
  text-align: center;
  padding-bottom: 15px;
  margin-bottom: 15px;
  color: #000033;
}
.audio-diploma thead th {
  text-align: center;
}
.countryimage{
  margin:25px 0px;
}

#semestertable thead {
  background: #fcfb03;
}
#semestertable  {
  background: white;
}
.audiolist li{
  margin-bottom: 10px;
}
.careerlist {
  column-count: 2;
}
.careerway {
  background-image: url(/img/audio/aesbackground1.png);
  min-height: 900px;
}
.gradurationbox {
  background: #21ace3;
  padding: 40px 50px;
  color: white;
  border-radius: 25px;
}
/* ========== Home ========== */
.campuspayment h4 {
    text-align: center;
}
.registertitle{
  color: #21ace3;
  font-size: 40px;
  font-weight: 900;
}
.paymentoptionbox {
    position: relative;
    background: #030b20;
    color: white;
    padding: 15px 25px;
    min-height: 120px;
    margin-top: 35px;
    border-radius: 4px;
    padding-top: 45px;
/*    box-shadow: rgb(121 205 238 / 82%) 0px 0px 10px, rgb(0 0 0 / 15%) 0px 15px ;
*/    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
        background-image: url(/img/payment1.png);
    background-repeat: no-repeat;
    background-position: 100% 60%;
}
.paymentstagecount {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid #79cdee;
   /* background: grey;*/
    text-align: center;   
    position: absolute;
    top: -25px;
    
}
.paymentstagecount .innercount {
    background: grey;
    padding-top: 4px;
    font-size: 23px;
    margin: 5px auto;
    border-radius: 50%;
    width: 45px;
    height: 45px;
}
.paymentstage {
    font-size: 20px;
    font-weight: 600;
     color: #21ace3; 
}


.accounttitle {
    font-weight: 600;
    color: #21ace3;
    font-size: 17px;
}
.accountbox {
  border-radius: 7px;
    text-align: center;
    background: white;
    margin-top: 15px;
    padding: 8px 0px;
}
.enhancecreative p {
    font-size: 21px;
}
.mornitorsubject {
    border: 1px solid #43575e4a;
    padding: 15px;
    border-radius: 4px;
    margin-bottom: 18px;
}
.mt15 {
    margin-top: 25px;
}
.homepartners img ,.our-partner img{
    padding: 0px 15px;
    border-radius: 4px;
}
#home .vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.2em;
}
#home .video-js .vjs-big-play-button {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
/*#home .diploma {
  padding: 80px 0;
  }*/
  #home .diploma .title {
    margin-bottom: 50px;
  }
  #home .diploma-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #f4f5f7;
    border-radius: 20px;
    padding: 20px 8px;
    min-height: 150px;
    justify-content: center;
    text-align: center;
  }

  #home .diploma-box img {
    width: 55px;
    margin-bottom: 10px;
  }

  #home .diploma-box p {
    margin-bottom: 0;
  }

  #home .diploma-box a {
    color: var(--logoBlue);
  }

  #home .diploma-box a:hover {
    color: var(--darkBlue);
  }

  #home .register {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: -25px;
  }
/* 
  #home .register-box {
    background-color: #a6e6ff;
  } */

  #home .about .title {
    margin-bottom: 40px;
  }

  #home .about h6 {
    color: #000;
    margin-bottom: 20px;
  }

  #home .about p {
    color: #555;
    margin-bottom: 20px;
  }

  #home .about p.color-logo-blue {
    color: var(--logoBlue);
  }

  #home .about .my-btn {
    border-color: var(--logoBlue);
  }

  #home .courses {
    padding-top: 80px;
    /* background-color: var(--darkBlue); */
  }

  #home .courses .title {
    margin-bottom: 50px;
  }

  #home .courses .courses-box {
    position: relative;
    text-align: center;
  }

  #home .courses .courses-box .border-box {
    position: absolute;
    z-index: 0;
    bottom: 0;
    left: 0;
    height: 60%;
    width: 100%;
    border: 1px solid var(--logoBlue);
    transition: background-color 0.5s;
  }

  #home .courses .courses-box img {
    position: relative;
    z-index: 1;
    margin-bottom: 10px;
  }

  #home .courses .courses-box h5 {
    position: relative;
    z-index: 2;
    padding: 0 0 20px 0;
    text-transform: uppercase;
    color: var(--logoBlue);
  }

  #home .courses .courses-box:hover .border-box {
    background-color: var(--logoBlue);
    border-color: transparent;
  }

  #home .courses .courses-box:hover h5 {
    color: #ffffff;
  }

  #home .partners {
    background-color: var(--logoBlue);
    padding: 80px 0 50px;
  }

  #home .partners .title h3 {
    color: #ffffff;
  }

  #home .partners .title h3::before, .our-partner h3::before {
    background-color: #ffffff;
  }

  /* ========== About Us ========== */

  #about-us section:first-child {
    background-color: #f4f5f7;
  }
  #about-us section:nth-child(2) {
    background-color: var(--logoBlue);
  }

  #about-us section:nth-child(2) .title h3 {
    color: #fff;
  }
  #about-us section:nth-child(2) .title h3::before {
    background-color: #fff;
  }
  #about-us section:nth-child(2) h5 {
    color: #fff;
  }

  #about-us .background {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-image: url("/img/sound-wave.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0.1;
  }

  #about-us .about-img-box {
    position: relative;
  }

  #about-us .about-img-box img {
    position: absolute;
  }

  #about-us .about-img-box img:nth-child(2) {
    z-index: 0;
    right: 0;
    top: 0;
    box-shadow: 2px -2px 2px var(--darkBlue);
  }

  #about-us .about-img-box img:nth-child(3) {
    z-index: 1;
    left: 0;
    top: 9%;
    box-shadow: 2px -2px 2px var(--darkBlue);
  }

  #about-us .about-img-box img:nth-child(4) {
    z-index: 2;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    box-shadow: 2px -2px 2px var(--darkBlue);
  }

  /* ========== programs_diploma ========== */

  #programs_diploma section:last-child {
    background-color: #f4f5f7;
  }

  #programs_diploma .bg-alt {
    position: relative;
    background: rgba(33, 172, 227, 0.2);
    padding: 20px;
    overflow: hidden;
  }

  #programs_diploma .bg-alt ol li {
    margin-bottom: 10px;
  }

  #programs_diploma .module {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    background-color: #ffffff;
    position: relative;
    width: 100%;
  }

  #programs_diploma .module h5 {
    color: var(--darkBlue);
  }

  #programs_diploma .module p {
    margin-bottom: 0;
  }

  #programs_diploma .module .module-image {
    width: 150px;
    position: relative;
    z-index: 1;
    margin-right: 20px;
  }

  #programs_diploma .module .module-image img {
    background: #ffffff;
    border-radius: 20%;
    box-shadow: 0 0 5px;
  }

  #programs_diploma .module .module-text {
    padding: 10px;
    position: relative;
    z-index: 0;
    flex: 80%;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow: hidden;
  }

  #programs_diploma .module .background {
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 0.1;
    padding: 0;
  }

  .learning-tools img {
    margin: 15px 0;
    max-width: 77px;
  }
  /*FOR NEW DIPLOMA PAGE START */

  .course-diploma ul.bullet-style-float li {
    list-style: none;
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    float: left;
    width: 33.3333333%;
}
.course-diploma .slick-prev:before, .course-diploma .slick-next:before{
  color: #21ace3;
  font-size: 22px;
}
.slick-slide a:focus {
  outline: unset;
}
.featured-img-wrap .play-icon {
  position: absolute;
  transition: all .3s;
  max-width: 50px;
}
.featured-img-wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.featured-img-wrap:hover .play-icon {
  opacity: .9;
}
#page{
  overflow: hidden !important;
}
  /* FOR NEW DIPLOMA PAGE END */

.sub-titles .module h5 {
    color: #21ace3 !important;
    font-weight: revert;
}
.CURRICULUM .module h5 {
  color: #21ace3 !important;
  font-weight: revert;
}
.CURRICULUM .module p{
  padding-bottom: 20px;
}
.CURRICULUM .module img {
  margin: 0px auto 0px;
  display: block;
}

.sub-titles .module li {
  padding: 1px 0;
}
.educators-profile .wrap {
  padding: 15px;
  margin: 10px;
  box-shadow: 0px 0px 10px -5px #777;
}
.educators-profile .des h5 {
  color: #21ace3;
  margin: 15px 0;
}
.educators-profile .des {
    min-height: 150px;
}
.summary h4 {
  color: #21ace3;
  margin-bottom: 15px;
}
.summary .box-two p {
  margin: 5px 0;
}

  /* ========== programs_certificate ========== */

  #programs_certificate {
    background-color: #f4f5f7;
  }

  #programs_certificate ul.bullet-style li {
    align-items: flex-start;
  }

  #programs_certificate ul.bullet-style li::before {
    margin-top: 3px;
  }

  /* ========== programs_certificate and programs_online ========== */

  #programs_certificate .title h3.sub, #programs_online .title h3.sub {
    font-size: 20px;
  }

  #programs_certificate .card, #programs_online .card {
    box-shadow: 0 0 5px #444;
    display: flex;
    height: 100%;
  }

  #programs_certificate .card img, #programs_online .card img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }

  #programs_certificate .card .card-body, #programs_online .card .card-body {
    display: flex;
    flex-direction: column;
  }

  /* ========== programs_online ========== */
  #programs_online section {
    background-color: #f4f5f7;
  }

  /* ========== admissions_diploma ========== */
  #admissions_diploma h5 {
    font-weight: bold;
  }
  #admissions_diploma ul {
    list-style-type: none;
  }
  #admissions_diploma ul li {
    display: flex;
    margin-bottom: 10px;
  }
  #admissions_diploma ul li::before {
    content: "\2611";
    color: var(--logoBlue);
    margin-right: 5px;
  }
  #admissions_diploma .rules-and-regulations {
    padding: 20px;
    background-color: rgba(33, 172, 227, 0.2);
    border-radius: 5px;
    border-top: 2px solid var(--logoBlue);
    border-left: 2px solid var(--logoBlue);
    box-shadow: 5px 5px var(--logoGrey);
  }
  #admissions_diploma .rules-and-regulations ul {
    list-style-type: none;
  }
  #admissions_diploma .rules-and-regulations ul li {
    margin-bottom: 15px;
  }
  #admissions_diploma .rules-and-regulations ul li::before {
    content: "";
    display: inline-block;
    min-width: 25px;
    width: 25px;
    height: 25px;
    background: url("/img/fav-icon.png");
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 5px;
    margin-top: -2px;
  }
  #admissions_diploma .heightlight {
    padding: 20px;
    background-color: var(--logoBlue);
    text-align: center;
    border-radius: 5px;
    color: #fff;
  }
  #admissions_diploma .students {
    box-shadow: 5px 5px var(--logoGrey);
    border-right: 1px solid #f4f5f7;
    border-bottom: 1px solid #f4f5f7;
  }
  #admissions_diploma table th {
    color: var(--logoBlue);
    text-align: center;
    background-color: #dee2e6;
  }
  #admissions_diploma table.table th, #admissions_diploma table.table td {
    border-color: #aeaeae;
  }
  #admissions_diploma table tbody tr:nth-child(even) {
    background-color: #f4f5f7;
  }
  #admissions_diploma table tbody tr:last-child {
    background-color: #21ace356;
  }
  #admissions_diploma table tbody tr td:nth-child(even) {
    text-align: right;
  }
  .adms{
    font-size: 17px !important;
  }

  /* ========== admissions_certificate ========== */
  #admissions_certificate .course-box {
    border-radius: 5px;
    box-shadow: 0 0 5px;
  }
  #admissions_certificate .course-box h5 {
    padding: 10px;
    text-align: center;
    margin-bottom: 0px;
    background: var(--logoBlue);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #fff;
  }
  #admissions_certificate .course-box .content {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
  }
  #admissions_certificate .course-box .content div:first-child {
    display: flex;
  }
  #admissions_certificate .course-box .content div:first-child img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  #admissions_certificate .course-box .content div:last-child {
    padding-top: 20px;
  }
  #admissions_certificate .course-box .content .my-btn {
    padding: 8px 15px;
  }

  /* ========== admissions_online ========== */
  #admissions_online .online-box {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    margin-bottom: 40px;
    border-radius: 20px;
    overflow: hidden;
    background-color: #f4f5f7;
    position: relative;
  }
  #admissions_online .online-box .background {
    position: absolute;
    right: 0;
    bottom: -3px;
  }
  #admissions_online .online-box .background path {
    fill: var(--logoBlue);
  }
  #admissions_online .online-box img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  #admissions_online .online-box .content {
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  #admissions_online .online-box .content h5 {
    text-align: center;
    color: var(--logoBlue);
    margin-bottom: 20px;
    font-weight: 600;
  }
  #admissions_online .online-box .content p {
    display: flex;
    align-items: flex-end;
    height: 100%;
    margin-bottom: 0;
  }
  /* ========== Showcase ========== */

.showcase-box {
    position: relative;
    transition: box-shadow 0.5s;
  }

  .showcase-box a {
    color: var(--black);
  }

  .showcase-box h5 {
    text-transform: capitalize;
    position: absolute;
    top: 0;
    margin-bottom: 0;
    padding: 10px;
    background-color: var(--logoBlue);
    width: 100%;
    text-align: center;
    transition: 0.5s;
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 3px 5px #333;
  }

  .showcase-box .play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 0.5s;
    color: var(--logoBlue);
  }

 .showcase-box:hover {
    box-shadow: 0 0 5px #333;
  }

  .showcase-box:hover h5 {
    top: 50%;
    opacity: 0;
  }

  .showcase-box:hover .play-icon {
    opacity: 1;
  }

  @media(max-width:991px){
    .course-diploma ul.bullet-style-float li{
      width: 50%;
    }
    .showcase-box i {
      opacity: 1;
    }
    .showcase-box:hover h5 {
      opacity: 1;
    }
    .showcase-box h5 {
      max-width: 600px;
      min-height: 50px;
      left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;

    }
  }
  /* ========== request_info ========== */
  #request_info .multi-select {
    display: flex;
    flex-wrap: wrap;
    padding-right: 20px;
  }
  #request_info .multi-select .check-group {
    padding: 6px 12px;
  }
  #request_info .multi-select .check-group:not(:last-child) {
    margin-right: 5px;
  }
  #request_info .multi-select .check-group input[type="checkbox"] {
    display: none;
  }
  #request_info .multi-select .check-group label {
    margin-bottom: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
  }
  #request_info .multi-select .check-group label::before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 1px solid var(--logoGrey);
    margin-right: 5px;
    transition: 0.5s;
  }
  #request_info .multi-select .check-group label.checked::before {
    transform: rotate(45deg);
    border-top-color: transparent;
    border-left-color: transparent;
    border-width: 2px;
    border-right-color: green;
    border-bottom-color: green;
    height: 15px;
    width: 5px;
    margin-right: 10px;
    margin-top: -2px;
  }
  #request_info .multi-select .check-group label.checked {
    color: var(--logoBlue);
  }

  /* ========== Footer ========== */

  footer {
    padding-top: 20px;
    background-color: var(--darkBlue);
    background-image: url("/img/footer/footer.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  footer .quick-link {
    padding-left: 0;
  }

  footer .quick-link li {
    display: inline;
  }

  footer .quick-link li:not(:last-child) {
    margin-right: 20px;
  }

  footer .quick-link li a {
    color: var(--logoGrey);
    font-size:16px;
  }

  footer .social p {
    color: var(--logoGrey);
  }

  footer .address-box {
    text-align: center;
    padding: 20px 30px;
  }

  footer .address-box img {
    margin-bottom: 20px;
  }

  footer .address-box p,
  footer .address-box a {
    color: var(--logoGrey);
  }

  footer .copy-right {
    margin-top: 20px;
    padding: 20px 0;
  }

  footer .copy-right * {
    font-size: 13px;
  }

  footer .copy-right p {
    color: var(--logoGrey);
    margin-bottom: 0;
  }

  footer .copy-right p span {
    color: var(--logoBlue);
  }

  footer .copy-right p a {
    text-decoration: underline;
    color: var(--logoGrey);
  }

  footer .copy-right p a:hover {
    color: var(--logoBlue);
  }

  /* ========== GoTop ========== */

  #goTop {
    display: none;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 16%;
    right: 0;
    height: 40px;
    width: 40px;
    background-color: var(--logoBlue);
    cursor: pointer;
    opacity: 0.6;
    transition: opacity 0.5;
  }

  #goTop i {
    display: inline-block;
    height: 20%;
    width: 20%;
    border-left: 2px solid #fff;
    border-top: 2px solid #fff;
    transform: rotate(45deg);
    margin-top: 4%;
  }

  #goTop:hover {
    opacity: 1;
  }

  /* ========== Media Query ========== */

  /* ========== Minssssss ========== */

  @media only screen and (min-width: 576px) {
    #home .register-box {
      border-radius: 10px;
    }
  }

  @media only screen and (min-width: 768px) {
    menu nav.navbar.navbar-light .navbar-nav {
      width: 100%;
    }
    menu .my-dropdown-menu.mobile.show {
      display: none !important;
    }
    menu .my-dropdown-menu.md-dropdown {
      padding: 8px 20px 8px;
    }
    menu .my-dropdown-menu.md-dropdown .item {
      padding: 10px 25px;
    }
    #home .diploma-box {
      flex-direction: row;
      padding: 20px 40px;
      border-radius: 0;
      background-color: unset;
      justify-content: start;
      min-height: 1px;
      text-align: left;
    }
    #home .diploma-box img {
      margin-right: 10px;
      margin-bottom: 0;
    }
    #home .diploma-box.md-border-right {
      border-right: 1px solid var(--logoBlue);
    }
    #home .courses h5.md-height-responsive {
      min-height: 6rem;
    }
    #programs_diploma .module {
      padding: 20px 20px 10px;
    }
    footer {
      padding-top: 65px;
    }
    footer .my-border-right {
      border-right: 1px solid var(--logoBlue);
    }
  }

  @media only screen and (min-width: 992px) {
    menu.home-menu {
      /* position: absolute; */
      width: 100%;
      z-index: 10;
    }
    menu nav.navbar.navbar-light .navbar-nav .nav-item .nav-link {
      padding: 10px 20px;
    }
    #home .diploma-box.lg-border-right {
      border-right: 1px solid var(--logoBlue);
    }
    #home .diploma-box.lg-border-none {
      border-right: 0;
    }
    #home .about .title {
      margin-bottom: 50px;
    }
    #home .about h6 {
      margin-bottom: 30px;
    }
    #home .about p {
      margin-bottom: 30px;
    }
    #home .about .my-btn {
      margin-bottom: 50px;
    }
    #home .courses h5.lg-height-responsive {
      min-height: 6rem;
    }
    #home .partners .lg-border-right, .our-partner .lg-border-right {
      border-right: 3px solid rgba(255, 255, 255, 0.2);
    }
    #about-us .about-img-box img:nth-child(2) {
      width: 70%;
    }
    #about-us .about-img-box img:nth-child(3) {
      width: 45%;
    }
    #about-us .about-img-box img:nth-child(4) {
      width: 50%;
    }
    #about-us section:nth-child(2) .lg-border-right {
      border-right: 3px solid rgba(255, 255, 255, 0.2);
    }
  }

  /* ========== Maxssssss ========== */

  @media only screen and (max-width: 575px) {
    body a,
    body li,
    body span,
    body label,
    body p,
    body td {
      font-size: 14px;
    }
    body h3 {
      font-size: 18px;
    }
    body h4 {
      font-size: 18px;
    }
    body h5 {
      font-size: 16px;
    }
    body section {
      padding: 30px 0;
    }
    #home .diploma {
      padding: 40px 0;
    }
    #home .partners {
      padding: 40px 0 20px;
    }
    #showcase .showcase-box h5 {
      min-height: 60px;
    }
    footer .copy-right {
      margin-top: 0;
    }
    .slick-next{
      right: 0 !important;
    }
    .slick-prev{
      left: 0 !important;
      z-index: 999;
    }
  }

  @media only screen and (max-width: 767px) {
    .slick-slide img {
      margin: auto;
    }
    .sub-titles .module img {
      margin: 0px auto 20px;
      display: block;
    }
    .sub-titles .module{
      padding: 15px 15px 0;
    }
    #about-us .about-img-box img:nth-child(2) {
      width: 70%;
    }
    #about-us .about-img-box img:nth-child(3) {
      width: 45%;
    }
    #about-us .about-img-box img:nth-child(4) {
      width: 50%;
    }
    #programs_diploma .module {
      flex-wrap: wrap;
    }
    #programs_diploma .module .module-image {
      margin: 20px auto 10px auto;
    }
    #admissions_diploma .table-wrapper {
      overflow-x: auto;
    }
    #admissions_diploma .table-wrapper table {
      width: 690px;
    }
    footer .copy-right * {
      font-size: 12px;
    }
  }

  @media (max-width: 375px){
    .course-diploma ul.bullet-style-float li{
      width: 100%;
    }
  }
  .mfixed{
    position: fixed;
    top:0;
    left:0;
    right:0;
    z-index: 1000;
  }
  @media(max-width:1199px){
    body .register-box .background {
      display: none;
    }
  }
  .table-bordered {
    border: 1px solid #dee2e6;
    border-bottom: 0;
    border-right: 0;
}
@media(max-width:767px){
  .dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #2b2f2a;
  }
  .dropdown-item:focus, .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #2b2f2a;
  }
  .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #2b2f2a;
    background-clip: padding-box;
    border: 1px solid rgb(43 47 42);
    border-radius: 0.25rem;
  }
  
}
.gearbox{
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 10px;
      margin-bottom: 10px;
}
.gearbox img{
  margin-bottom:10px;
}
.text-primary {
  color: #21ace3 !important;
}
body .my-btn {
  display: inline-block;
    padding: 10px 35px;
    border: 1px solid transparent;
    border-radius: 5px;
    background-color: #21ace3;
    color: #ffffff;
}
@media(min-width:992px){
  .gearbox{
    flex-direction: column;
  }
}
@media(min-width:768px){
  
  .mh311{
    min-height: 311px;
    justify-content: center;
    display: flex !important;
    align-items: flex-start;
    flex-direction: column;
  }
}
@media(max-width:991px){
  .gearbox img{
    margin:5px;
  }
}

/* diagram flow chart */
#container {
  width:800px; 
  font-size:11px;
  text-align:center;
  margin:auto;
  margin-bottom: 30px;
}  
#container .pbox {
  display: block;
  color: #fff;
  text-decoration: none;
  background-color: #21ace3;
  padding: 20px 30px;
  height: 64px;
}
.mbout {
  margin-top: 25px !important;
  color: #21ace3;
  font-weight: bold;
}
#container .pbox p{
  margin:0px;
}
/* #container p:hover {
  color:#900;
  background-color:#f6f6ff;
} */
#no1 {
  width:190px;
  line-height:60px;
  border:1px solid #21ace3;
  margin:auto;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
#no1 a {
  height:60px;
}
#line1 {
  font-size: 0;
  width: 2px;
  height: 38px;
  color: #fff;
  background-color: #21ace3;
  margin: auto;
}
#line2 {
  font-size: 0;
  width: 564px;
  height: 2px;
  color: #fff;
  background-color: #21ace3;
  margin: auto;
}
#line3 {
  font-size: 0;
  display: inline;
  width: 2px;
  height: 75px;
  color: #fff;
  background-color: #21ace3;
  margin-left: 118px;
  float: left;
} 
#line4, #line5, #line6 {
  font-size: 0;
  display: inline;
  width: 2px;
  height: 75px;
  color: #fff;
  background-color: #21ace3;
  margin-left: 279px;
  float: left;
}
#no2 {
  display: inline;
  border: 1px solid #21ace3;
  clear: both;
  margin-left: 22px;
  float: left;
  padding: 10px;
}
#no2 a,#no4 a,#no8 a {
  width:84px; 
  height:50px;
  padding-top:8px; 
}  
#no3 {
  display: inline;
  border: 1px solid #21ace3;
  margin-left: 112px;
  float: left;
  padding: 10px;
}
#no3 a,#no5 a,#no6 a,#no7 a,#no9 a {
  width:84px; 
  height:42px;
  padding-top:16px;  
} 
#no4 {
  display: inline;
  border: 1px solid #21ace3;
  margin-left: 102px;
  float: left;
  padding: 10px;
}
#no5 {
  display:inline;   
  border:1px solid #000;
  margin-left:55px;
  float:left;
}  
#line7,#line13 {
  font-size:0;
  display:inline;
  width:1px;
  height:38px;
  color:#fff;
  background-color:#000;
  margin-left:219px;
  float:left;
} 
#line8,#line14 {
  font-size:0;
  display:inline;
  width:1px;
  height:38px;
  color:#fff;
  background-color:#000;
  margin-left:281px;
  float:left;
}  
#no6,#no8 {
  display:inline;  
  border:1px solid #000;
  margin-left:107px;
  float:left;
}
#line9,#line11,#line15,#line17 {
  font-size:0;
  display:inline;
  width:26px;
  height:1px;
  color:#fff;
  background-color:#000;    
  margin-top:29px;
  float:left;
}  
#line10,#line12,#line16,#line18 {
  font-size:0;
  display:inline;
  width:1px;
  height:60px;
  color:#fff;
  background-color:#000;
  float:left;
} 
#line16,#line18 {
  height:30px;
}
#no7,#no9 {
  display:inline; 
  border:1px solid #000;
  margin-left:169px;
  float:left;
} 
.clear {
  clear:both;
}                  
@media(max-width:800px){
  .ovscroll{
    overflow-x: scroll;
  }
}
a {
  color: #21ace3;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #fff;
  background-color: #21ace3;
}




/* ------------------------------------------------------------------------------------------------- */
  @media (min-width: 992px) and (max-width: 1199px) {
    body section.diploma {
      padding: 0px 0px 50px 0;
  }
  #home .about .my-btn {
    margin-bottom: 0px;
}
body section.about {
  padding: 50px 0 10px 0px;
}
body h3 {
  font-size: 24px;
}
section.our-partner{
padding: 40px 0px 40px;
}
body .payment-box img {
  max-width: 60%;

}

  }

/* ------------------------------------------------------------------------------------------------------ */
  @media (min-width: 768px) and (max-width: 991px) {
    body h3 {
      font-size: 22px;
  }
  body section.diploma {
    padding: 0px 0px 50px 0;
}
#home .diploma .title {
  margin-bottom: 30px;
}
#home .partners {
    padding: 60px 0 50px;
}
footer .address-box {
  padding: 20px 0px;
}
.mh311 {
  min-height: 211px;
}
  }

  /* ------------------------------------------------------------------------------------------------------ */
  @media(max-width: 767px){

    .menu img{
      max-width: 60%;
    }
    #home .diploma {
      padding:0px 0px 40px 0;
  }
  #home .diploma .title {
    margin-bottom: 30px;
}
#home .diploma .my-btn.mt-4{
  margin-top: 10px !important;
  margin-bottom: 10px;
}
#home .register .enhancecreative{
  padding: 0px;
}
body .register-box p {
  font-size: 18px;
}
#home .register .enhancecreative img{
  max-width: 60%;
  margin-top: 10px;
}
#programs_diploma .module .col-md-7{
  padding: 10px  30px;
}
#programs_diploma.course-diploma .course-video .col-md-4{
  margin-top: 25px;
}
#programs_diploma.course-diploma .course-video .col-md-4.mt15{
  margin-top: 25px;
}
.sub-titles .module img {
  margin: 0px auto 0px;
  margin-bottom: 20px;
}
.registertitle {
  font-size: 30px;
}
.partner-logo {
  margin-top: 0rem !important;
  
  height: 106px;

}
.partner-wrap {
  padding-top: 2rem !important;
  padding-bottom: 0.5rem !important;
}
.partner-logo img{
  max-width: 150px;
  margin: auto;
}
  }





  .modal-header {
    display: block;
  }
  section.staff-section{
    background-color: #fff !important;
  }
  section.staff-section a{
    cursor: pointer;
  }
  section.staff-section h3{
    color: #21ace3;
    margin-bottom: 30px;
    text-align: center;
  }
  section.staff-section .staff-wrapper {
    margin-left: 45px;
    margin-right: 45px;
  }
  section.staff-section .staff-wrapper .staff-name{
    margin-top: 10px;
  }
  section.staff-section .staff-wrapper p{
    margin-top: 3px;
    margin-bottom: 0px;
  }
  section.staff-section .staff-wrapper img{
  display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
  }
  section.staff-section .staff-info:hover{
    background-color: #eee;
  }
  section.staff-section .staff-info{
    padding-top: 20px;
    padding-bottom: 20px;
    border-right: #b8b8b8 1px dotted;
    border-bottom: #b8b8b8 1px dotted;
  }
  section.staff-section .third {
    border-right: 0 none;
}
section.staff-section .modal-dialog {
  max-width: 1000px;
}
.founder-modal .modal-title{
  font-size: 20px;
  color: #21ace3;
}
.founder-modal .btn{
  background-color: #21ace3;
  color: white;
}
.founder-modal img{
  margin-right: 20px;
  padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
}
.founder-modal p{
  text-align: justify;
}
section.staff-section .group-photo{
  margin-top: 40px;
}
section.staff-section .final  {
  border-bottom:#b8b8b8 1px dotted;
  border-right: none;
  }
  section.staff-section .hidden-sm{
    display:none;
    }
    #home  .my-btn:hover {
      color:white;
    }


    .navbar-nav li:hover > ul.dropdown-menu {
      display: block;
  }
  .dropdown-submenu {
      position:relative;
  }
  .dropdown-submenu>.dropdown-menu {
      top:0;
      left:100%;
      margin-top:-6px;
  }
  .dropdown.active .nav-link {
    color: #21ace3 !important;
  }
  .dropdown-item.dropdown-toggle.active,  .dropdown-item.dropdown-toggle.active .dropdown-menu .active,.dropdown-item.active{
    color: #21ace3 !important;
    background-color: unset;
  }
  /* rotate caret on hover */
  .dropdown-menu > li > a:hover:after {
      text-decoration: underline;
      transform: rotate(-90deg);
  } 

  #goTop{
    opacity: 99;
}
.pt-60{
  padding-top: 60px;
}
.feedback .feedback-boxs .viewers{
  min-height: 500px;
  margin-bottom: 50px;
}
.feedback .slick-slide {
  height: auto;
  margin-bottom: 100px;
}
#diploma-communication-design-id .course-fee-section .diploma-payment-detail.bg-blue{
  background-color: var(--logoBlue);
  padding: 10px 40px;
  color: black;
  min-width: 70%;
  display: inline-block;
}
#diploma-communication-design-id .course-fee-section {
  padding: 0px 120px;
  text-align: center;
  justify-content: center;
}
#diploma-communication-design-id  .payment-option-btn p{
  display: inline-block;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  padding: 10px 50px;
  color: black;
  border-radius: 50px;

}
#diploma-communication-design-id  .payment-option-btn{
  margin-top: 30px;
  margin-bottom: 20px;
}
  @media (min-width: 992px) and (max-width: 1199px) {
    .feedback .feedback-boxs .viewers {
      min-height: 600px;
      margin-bottom: 50px;
  }
  .feedback .slick-slide {
    margin-bottom: 190px;
  }
  .partner-logo img{
    max-width: 100%;
    
  }
  }


  @media (min-width: 768px) and (max-width: 991px) {
    section.staff-section .staff-wrapper {
      margin-left: 0px;
      margin-right: 0px;
    }
    .founder-modal .modal-title {
      font-size: 16px;
    }
    .service-wrap .text-box h3{
      font-size: 24px;
    }
    .service-wrap {
      padding-top: 40px !important;
      padding-bottom: 20px !important;
    }
    .about-us {
      padding-top: 7rem !important;
      padding-bottom: 7rem !important;
    }
    .feedback-text {
      margin-top: 5rem !important;
    }
    .feedback-text p {
      margin-top: 2rem !important;
    }
    .partner-logo {
      margin-top: 20px;
    }
    .partner-logo img{
      max-width: 100%;
      
    }
    .partner-wrap {
      padding-top: 4rem;
      padding-bottom: 3rem !important;
      }
    .feedback .feedback-boxs .viewers {
      min-height: 550px;
    }
    .feedback .slick-slide {
      margin-bottom: 150px;
    }
    .feedback-text h4 {
      font-size: 24px !important;
  }
  .footer-logo-new{
    float: right;
  }
  footer .address-box a{
    font-size: 14px;
  }
  .d-flex-sm{
    display: flex;
    align-items: center;
  }
  }



    @media(max-width: 767px){
        section.staff-section .hidden-xs{
        display:none;
        }
        section.staff-section .hidden-sm{
          display:block;
        }
        section.staff-section .staff-wrapper {
          margin-left: 25px;
          margin-right: 25px;
        }
        section.staff-section h3 {
          margin-bottom: 10px;
        }
        section.staff-section .group-photo {
          margin-top: 20px;
        }
        .founder-modal .modal-title {
          font-size: 16px;
      }
      section.staff-section .staff-wrapper p {
        text-align:center;
      }
      .header-top.d-flex.align-items-center{
        display: block !important;
      }
      .header-top.d-flex.align-items-center  img{
        max-width: 70%;
        margin:auto;
      }
      .request-btn {
        margin-top: -51px !important;
      }
        .service-wrap {
          padding-top: 20px !important;
          padding-bottom: 20px !important;
      }
      .new-design-main .service-wrap .col-sm-6.col-xs-12{
          padding: 0px;
      }
      .text-box h3 {
        font-size: 22px !important;
      }
      .feedback-text h4 {
        font-size: 22px !important;
    }
    .mt-5, .my-5 {
      margin-top: 2rem!important;
  }
  .final-services-box{
    margin-top: 30px;
  }
  .new-design-main  .about-us {
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
  .new-design-main  .about-us .about-text{
    padding-top: 30px;
  }
  .new-design-main .about-text p {
    color: #fff;
    margin-top: 1rem;
}
.new-design-main .about-text .btn {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.home-new-section .featured-img-wrap {
  margin-bottom: 20px;
}
.feedback-text {
  margin-top: 2rem !important;
}
.feedback-text p {
  margin-top: 2rem !important;
}
.feedback-boxs {
  margin-top: 73px !important;
}
.feedback .feedback-boxs .viewers {
  min-height: 600px;
}
.feedback .slick-slide {
  margin-bottom: 130px;
}
.partner-logo img {
  max-width: 100px;
  margin: auto;
}
#diploma-communication-design-id .course-fee-section {
  padding: 0px 0px;
}
.payment-option.d-flex.justify-content-around{
  display:block !important;
}
    }


.mb30{
  margin-bottom: 30px;
}



.video-title{
  color:#fff;
  text-align: center;
  margin-top:20px;
}

.course-fee{
  display: flex;
  align-items: center;
}
.flim-list > li{
  font-size: 17px !important;
}
.campus-modal-dialog{
  min-width: 50% ;
}


@media (max-width:767px) {
  .video-title{
    margin-bottom: 50px;
  }  
}

@media(max-width: 575px){
  .campus-modal-dialog{
  min-width: 100% !important;
  }
}