body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}
.header_top {background-color: #f3f3f3;}
.header_top_ul {display: flex; flex-wrap: wrap; align-items: center; grid-gap: 5px; list-style: none; margin: 0; padding: 0;}
.header_top_ul li a {color: #666; text-decoration: none; display: block; padding: 10px 0; font-size: 14px;}
.header_top_ul li i {color: #f47e42;}
header {
  background-color: #efefef99;
  border: 1px solid #80808044;
}
.flex-bit {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-info a {
  color: #747474;
  font-size: 15px;
  text-decoration: none;
}
.header-info .to-line {
  border: 1px solid #80808044;
  border-top: none;
  border-bottom: none;
  padding: 11.5px;
}
.header-info .three-icons {
  border: 1px solid #80808044;
  border-top: none;
  border-bottom: none;
  border-right: none;
  padding: 9px 13px;
  height: 38px;
  margin: auto;
}
.header-info .wehdi {
  border-right: 1px solid #80808044;
}
.box {
  background-color: #ffeeee;
  padding: 15px;
}
.flex-bit-3 {
  display: flex;
  align-items: center;
  justify-content: center;
}
/*/......nav....../*/
nav:not(.dt-paging nav) {
  background-color: #0a2845;
  margin: 0;
  padding: 0;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 990;
}
nav ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
  grid-gap: 12px;
}
nav ul li {
  position: relative;
}
nav ul li a {
  display: inline-block;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 15px 20px;
  white-space: nowrap;
}

nav ul li ul {list-style: none; padding: 0; margin: 0; position: absolute; left: 0; top: 100%; width: max-content; min-width: 120px; display: grid; justify-content: start; grid-gap: 0; background-color: #fff; padding: 5px 0; border: 1px solid #eee; visibility: hidden; opacity: 0; transition: all 0.5s;}
nav ul li ul li a {font-size: 14px; text-transform: capitalize; padding: 7px 20px; color: #333; display: block; text-align: left;}

nav ul li:hover ul {visibility: visible; opacity: 1;}

.social {list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; grid-gap: 15px;}
.social li a {height: 30px; width: 30px; border: 1px solid #aaa; color: #aaa; display: grid; align-items: center; justify-content: center; border-radius: 3px;}

.fornt-page a {
  background-color: #f47e42;
  color: #fff;
}
/*/....banner..../*/
.main-banner {
  height: 570px;
  width: 100%;
  background-image: url(../images/banner-1.jpg);
  background-size: cover;
  background-position: center;
}
.next-banner-parent {
  background-color: #fff;
  padding: 10px;
}
.next-banner-child {
  height: 450px;
  width: 100%;
  background-image: url(../images/s1d6fbuv662hv8x07imhfi45banner1.jpg);
  background-size: cover;
  background-position: center;
}
/*/...marquee.../*/

.marquee-sec {background-color: #fff;}

marquee {
  font-size: 14px;
  font-weight: 500;
  padding-top: 5px;
  color: #06038D;
}
.orange {background-color: #FF671F; height: 30px;}
.green {background-color: #046A38; height: 30px;}

/*/..content-1../*/
.para {
  font-size: 17px;
}
/*/..content-2../*/
.add-banner {
  width: 100%;
  background-image: url(../images/contact-bghme.jpg);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
}
.bg_red {background-color: #f47e42;}

.frist-add-banner-info {
  position: relative;
  z-index: 90;
}
.let-right-box-info-parent {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 20px;
}
.let-right-box-info {
  background-color: #f7a61c;
  padding: 20px;
  width: 100%;
  border-radius: 5px;
}
.person-img-parent {
  display: flex;
  align-items: center;
  justify-content: center;
}
.person-sumthink-info {
  margin-top: 15px;
  text-align: center;
}
.person-sumthink-info h5 {
  font-weight: 700;
}
.person-sumthink-info p {
  margin-top: 10px;
}
/*/..content-4../*/
.content-4-sec {
  background-color: #0a2845;
  margin: 0;
}
.menu-box ul {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 10px;
  list-style: none;
}
.menu-box ul li a {
  display: inline-block;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  padding: 5px;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.5s;
}
.menu-box ul li a:hover {
  color: #f47e42;
}
/*/...footer.../*/
.add-banner-2 {
  padding: 20px;
  background-image: url(../images/banner-1.jpg);
  background-size: cover;
  position: relative;
}
.add-banner-2::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 9;
  background-color: #f47e42de;
}
.add-banner-info-2 {
  position: relative;
  z-index: 90;
}
.icon-img-parent {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 25px;
}
.add-banner-info-2 h6 {
  font-size: 14px;
  font-weight: 700;
}
.add-banner-info-2 p {
  font-size: 14px;
}

.heading {font-size: 32px; font-weight: 700; margin-bottom: 0; color: #0a2845;}
.sub_heading {font-size: 20px; font-weight: 700; margin-bottom: 15px; color: #f47e42;}
.para {}

.tm_box {padding: 15px;}

.content_sec {padding: 50px 0;}
.marquee_p {padding: 25px; border-radius: 5px; background-color: #e46c2f; text-align: center;}
.banner_home {height: auto; width: 100%; background-image: url('../images/bannerbg.jpg'); background-size: cover;}
.banner {height: auto; width: 100%;}
.banner_img {height: auto; width: 100%; padding: 0;}
.banner_img img {height: 100%; width: 100%; object-fit: cover; margin: auto;}
.banner_other {height: 200px; background-color: #eee;}
.banner_other iframe {width: 100%; height: 100%; object-fit: contain;}
.banner_info {text-align: center;}
.banner_info h2 {font-weight: 700;}

.breadcrumb {margin-bottom: 0; justify-content: center;}
.breadcrumb li a {text-decoration: none;}

.slick-dotted.slick-slider {margin-bottom: 0 !important;}
.slick-next {right: 20px !important; z-index: 900;}
.slick-prev {left: 20px !important; z-index: 900;}
.slick-dots {bottom: 30px !important;}
.slick-dots li button:before {font-size: 12px !important; color: #fff !important; border-radius: 50%; border: 1px solid #0000005e; width: 13px !important; height: 13px !important; line-height: 15px !important;}

.nav_title {display: none;}
.person {
  height: 150px;
  width: 150px;
}
.person img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 50%;
}

/*/Content-1 Start/*/
.box-parent {height: 100%;}
.box {
  padding: 25px;
  border-radius: 10px;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.5);
  border: 1px solid #000;
  height: 100%;
  text-align: center;
}
.box-1 {
  background-color: #8686e03f;
}
.box-2 {
  background-color: #c300ff7a;
}
.box-3 {
  background-color: #7466f3;
}
.box-info {
  display: flex;
  align-items: center;
  justify-content: center;
}
.box-info {text-decoration: none;}
.img {
  height: 70px;
  width: 70px;
  margin: auto;
}
.img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.box-info-child h6 {
  color: #fff;
  margin-top: 10px;
}
.news-update-box {
  height: 485px;
  width: 100%;
  border: 1px solid #000;
  border-radius: 15px; overflow: hidden;
}

.quote_img {height: auto;}
.quote_img img {width: 100%; height: 100%; object-fit: contain;}
.quote_img + h6 {font-size: 16px; font-weight: 700; margin-top: 7px;}

.director_img {height: 200px; width: 220px; margin: auto; margin-bottom: 10px; border: 1px solid #ddd; border-radius: 5px;}
.director_img img {height: 100%; width: 100%; object-fit: contain;}

.bg_gray {background-color: #eee;}
.fs_15 {font-size: 15px;}

.form_row {padding: 20px; background-color: #fff07085; border: 1px solid #f1f02373; border-radius: 3px;}
.form_row label {font-size: 14px;}
.form_row input, .form_row select, .form_row textarea {font-size: 14px;}
.action_buttons {min-width: 300px; display: grid; grid-gap: 10px; justify-items: center;}
/* .btn-danger {background-color: #f47e42; border: 1px solid #f47e42; width: max-content;} */
.btn-primary {background-color: #f47e42; border: 1px solid #f47e42; padding: 10px 20px;}

.course_ontainer {border: 1px solid #ddd; border-radius: 5px;}
.course_list {display: flex; align-items: center; justify-content: space-between; grid-gap: 5px; padding: 15px; border-bottom: 1px solid #ddd;}
.course_list:last-child {border-bottom: none;}

/*/..medi-quria../*/
@media only screen and (max-width: 991px) {
  .logo img {
      width: 90%;
  }
  .sild p  {
      display: none;
  }
  nav ul {grid-gap: 5px;}
  nav ul li a {font-size: 12px;}
  .main-banner {
      height: 400px;
      width: 100%;
  }
  .next-banner-parent {
      margin-top: 65px !important;
  }
  .next-banner-child {
      height: 250px;
      width: 100%;
  }
  .let-right-box-info h4 {
      font-size: 20px !important;
  }
  .content-3-sec {
      margin-top: 32%;
  }
  .menu-box ul {
      grid-gap: 7px;
  }
  .menu-box ul li a {
      font-size: 9px;
  }
  .menu-box ul {
      display: flex;
      flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .logo img {
      width: 110px;
  }
  .main-banner {
      height: 300px;
      width: 100%;
  }
  .next-banner-parent {
      margin-top: 40px !important;
  }
  .next-banner-child {
      height: 200px;
      width: 100%;
  }
  .let-right-box-info h4 {
      font-size: 15px !important;
  }
  .person {
      height: 90px;
      width: 90px;
  }
  .person-sumthink-info h5 {
      font-size: 18px;
  }
  .person-sumthink-info p {
      font-size: 12px;
  }

  
  .nav_title {display: flex; align-items: center; justify-content: space-between; padding: 0; background-color: #ffeeee; position: sticky; top: 0; z-index: 999;}
  .slick-dots {bottom: 15px !important;}

  nav ul {position: fixed; height: 100vh; width: 100%; z-index: 990; background-color: #fff; left: -100%; top: 0; display: block; overflow-y: auto; transition: all 0.5s;}
  nav ul li {width: 100%; display: block;}
  nav ul li a {color: #000000; display: block; padding: 12px 15px; border-bottom: 1px solid #eeeeeed3; font-weight: 600;}
  nav ul li a i {float: right;}
  nav ul.menu_open {left: 0;}
  nav ul li ul {position: relative; visibility: visible; opacity: 1; width: 100%; height: auto; display: block;}
  nav ul li ul li a {border: none; font-weight: 400;}
  .bars {display: inline-block;}
  .bars img {height: 20px; opacity: 0.7;}

  .flex-bit-3 {justify-content: space-between;}
  .course_list {display: grid;}
  
}
@media only screen and (max-width: 575px) {
  .content_sec {padding: 30px 0;}
  .flex-bit {flex-wrap: wrap; justify-content: center;}
  .header-info {padding-bottom: 5px;}
  .header-info .to-line {border: none;}
  .banner_other {height: 150px;}
  .slick-dots {bottom: 8px !important;}
  .slick-dots li, .slick-dots li button {width: 12px !important;}
  .slick-dots li button:before {font-size: 8px !important;}
}
@media only screen and (max-width: 420px) {
  .flex-bit-2 {
      display: block;
      text-align: center;
  }
  .main-banner {
      height: 250px;
      width: 100%;
  }
  .next-banner-child {
      height: 150px;
      width: 100%;
  }
  .header_top_ul {grid-gap: 2px;}
  .header_top_ul li a {font-size: 13px;}
  
  marquee {font-size: 16px;}
  /* .co-or, .co-gr {padding: 10px;} */

  .logo img {width: 90px;}
  
  .main-banner {
      height: 200px;
      width: 100%;
  }
  .next-banner-child {
      height: 100px;
      width: 100%;
  }
  .box {padding: 20px 15px;}
  .img {height: 45px; width: 45px;}
  .box-info-child h6 {font-size: 13px;}
}


/*/Modal/*/
.no_scroll {overflow-y: hidden;}
.new_modal {position: fixed; height: 100vh; width: 100%; left: 0; top: 0; overflow: hidden; display: flex; align-items: center; justify-content: center; background-color: #0000005c; z-index: 999; visibility: hidden;}
.new_modal .modal_content {max-height: 100vh; overflow: hidden; overflow-x: hidden; background-color: #fff; border-radius: 3px; transform: scale(0.2); opacity: 0; transition: all 0.5s;}
.modal_open {visibility: visible;}
.modal_open .modal_content {transform: scale(1.0); opacity: 1; position: relative;}

.new_modal .mw_auto {width: auto;}
.new_modal .mw_320 {min-width: 320px; max-width: 320px;}
.new_modal .mw_400 {min-width: 320px; max-width: 400px;}
.new_modal .mw_500 {min-width: 320px; max-width: 500px;}
.new_modal .mw_600 {min-width: 320px; max-width: 600px;}
.new_modal .mw_700 {min-width: 320px; max-width: 700px;}
.new_modal .mw_1000 {min-width: 320px; max-width: 1000px;}
.new_modal .w_320 {min-width: 320px; width: 320px;}
.new_modal .w_400 {min-width: 320px; width: 400px;}
.new_modal .w_500 {min-width: 320px; width: 500px;}
.new_modal .w_600 {min-width: 320px; width: 600px;}
.new_modal .w_700 {min-width: 320px; width: 700px;}
.new_modal .w_800 {min-width: 320px; width: 800px;}
.new_modal .w_900 {min-width: 320px; width: 900px;}
.new_modal .w_1000 {min-width: 320px; width: 1000px;}
.new_modal .w_fit {min-width: 320px; width: 100%;}
.new_modal .mh_auto {min-height: 100px; height: auto;}
.new_modal .mh_fit {height: 100vh;}

.new_modal .modal_head {display: flex; align-items: center; justify-content: space-between; height: auto; padding: 5px 10px;}
.new_modal .modal_head h6, .new_modal .modal_head i {padding: 15px; color: #39363a; font-weight: bold;}
.new_modal .modal_head i {cursor: pointer; position: absolute; top: 0; right: 0;}
.new_modal .modal_body {max-height: calc(100vh - 60px); min-height: 100px; padding: 15px 25px; overflow-y: auto;}
.new_modal .mh_fit .modal_body {height: 100vh !important;}
.new_modal .modal_footer {padding: 5px 15px; height: 60px; background-color: #eee; display: flex; align-items: center; justify-content: end; grid-gap: 5px;}

.pop_up_img {min-height: 300px; overflow: hidden;}
.pop_up_img img {height: 100%; width: 100%; object-fit: contain; background-color: #eee; border: 2px solid #eee;}

@media only screen and (max-width:768px) {
  /****Modal****/
  .mobile_fix {width: 100% !important; height: 100vh;}
  .mobile_fix .modal_body, .new_modal .modal_content {height: auto;}
  .modal_content {transform: scale(0.78) !important;}
  .header_top_ul {justify-content: center;}
}