/* Colors */
:root {
  --color-default: #212529;
  --color-primary: #ce1212;
  --color-secondary: #37373f;
}


.btn_read_more {
  background-color: transparent;
  color: var(--color-primary);
  border-radius: 50px;
  border: 1px solid var(--color-primary);
  padding: 5px 30px;
}

.btn_read_more:hover {
  background-color: var(--color-primary) !important;
  color: white !important;
}



/*--------------------------------------------------------------
# programs Section
--------------------------------------------------------------*/
.programs_box .why-box {
  padding: 30px;
  padding-top: 0px;
  background: var(--color-primary);
  color: #fff;
}

.programs_box .why-box h3 {
  font-weight: 700;
  font-size: 34px;
  margin-bottom: 30px;

}

.programs_box .why-box p {
  margin-bottom: 30px;
}


.programs_box .icon-box {
  text-align: center;
  background: #fff;
  padding: 0;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(55, 55, 63, 0.1);
  transition: 0.3s;
  position: relative;
}

.programs_box .icon-box img {
  width: 100%;
  height: 100%;
  z-index: 4;
}

.programs_box .overlay {
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  transition: 0.3s;
  padding: 15px;
}

.programs_box .overlay h4 {
  font-size: 20px;
  font-weight: 600;
  margin-top: 45%;
  font-family: var(--font-secondary);
  color: white;
}

.programs_box .icon-box:hover>.overlay {
  transition: 0.5s;
  z-index: 5;
}

/* .programs_box .overlay:hover > h4{
    display: block;
  }
   */

.programs_box {
  direction: ltr !important;
}

.programs_box .icon-box p {
  font-size: 15px;
  color: #6c757d;
}

@media (min-width: 1200px) {
  .programs_box .icon-box:hover {
    transform: scale(1.05);
  }
}


@media (max-width: 1200px) {
  .my_slide img {
    height: 50vh !important;
  }

  .my_slide .carousel-caption {
    left: 2%;
    top: 3%;
    width: 95%;
    font-size: 16px !important;
  }
}

.title_department {
  font-size: 35px;
  font-weight: bolder;
  color: #6c757d;
}

.title_main {
  font-size: 35px;
  font-weight: bolder;
  color: #ce1212;
}

.title_main_0 {
  font-size: 35px;
  font-weight: bolder;
  color: var(--color-default);
  opacity: 0.9;
}

.title_main_2 {
  font-size: 30px;
  font-weight: bolder;
  color: var(--color-default);
  opacity: 0.7;
}


.title_main1 {
  font-size: 40px;
  font-weight: bolder;
  color: #6c757d;
  margin-bottom: 100px;
}


.title_second {
  font-size: 25px;
  font-weight: bold;
  color: #6c757d;
}

.title_third {

  font-size: 18px !important;
  font-weight: bold !important;
  color: #6c757d !important;
}


.title_fore {
  font-size: 30px;
  font-weight: bolder;
  color: #6c757d;
}

@media (max-width: 1200px) {
  .title_department {
    font-size: 24px;
    font-weight: bold;
    color: #6c757d;
  }

}

.deploma_box ul {
  list-style: none;
  /* Remove default bullets */
}



.deploma_box h4 {
  position: relative;
}


.bg_color {
  padding: 20px;
  color: #fff;
  background-color: #ec2727;
  border-radius: 20px;
  margin-top: 50px;
}

.bg_color button {
  border: 2px solid #fff;
  border-radius: 20px;
  color: #fff;
}

.bg_color button:hover {
  background-color: #fff !important;
  border: 2px solid #fff;
  color: #ec2727 !important;
}

/* .card_agents{
    background-color: #ec2727;
    color: #fff;
  } */

.card_agents2 img,
.card_agents img {
  border-radius: 0px 5px 5px 0px !important;
}

/* .card_agents2{
    background-color: #6c757d;
    color: #fff;
  } */

.founders_card img {
  height: 400px !important;
  width: 400px !important;
}

.certified_instructors .box_img {
  background-image: url('../img/accreditation/ac2.jpeg');
  background-position-x: center;
  border-radius: 0px 0px 50em 50em;
  height: 600px;
}


.box_search {
  width: 100%;
  display: flex;
}

.box_search {
  width: 100%;
  display: flex;
  border: 1px solid #ce1212;
  border-radius: 10px;
}

.form_Certificales .box_search {
  border: 1px solid #0066cc;
}

.form_Certificales .box_search button {
  width: 15%;
  outline: none;
  border-color: #0066cc;
  border-radius: 0px 8px 8px 0px;
  background-color: #0066cc;
}

.section_way:hover {
  background-color: #ce1212 !important;
  color: #fff !important;
}

.section_way:hover>p,
.section_way:hover>i {
  color: #fff !important;
}

.hero {
  position: relative;
}

#myVideo {
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}

.hero .container {
  position: relative;
  z-index: 10;
}


.overly_hero {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 3;
  background-color: rgba(255, 255, 255, 0.7);
}

.overly_masters {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 3;
  background-color: rgba(255, 255, 255, 0.6);
}

.container_masters {
  position: relative;
  background-size: cover;
  overflow: hidden;
  z-index: 10;
}



#vidioTow {
  position: absolute;
  min-width: 100%;
  max-width: 100%;
  min-height: 100%;
  top: 0;
  left: 0;
}


@media (max-width: 1200px) {
  #vidioTow {
    display: none;
  }
}

.content_master {
  position: relative;
  z-index: 10;

}

.top_photo_page {
  width: 100%;
  height: 400px;
  background: rgb(33, 37, 41);
  background: linear-gradient(90deg, rgba(33, 37, 41, 1) 0%, rgba(55, 55, 63, 1) 0%, rgba(206, 18, 18, 1) 100%);
}

.top_photo_page h1 {
  text-align: center;
  font-weight: 800;
  font-size: 45px;
  padding-top: 220px;
  color: #fff;
}

.for_register_full {
  width: 100%;
  height: fit-content;
  text-align: center;
  background: rgb(238, 174, 202);
  background: radial-gradient(circle, rgba(238, 174, 202, 1) 0%, rgba(148, 187, 233, 1) 100%);
  overflow-x: hidden;
}



.for_register_full .btnn {
  background-color: var(--color-primary);
  color: #fff;
  padding: 10px 70px;
  font-size: 24px;
  transition-duration: 0.3s;
  position: relative;
  top: 45%;
  margin-bottom: 50px;
}

.for_register_full .btnn:hover {
  background-color: #fff;
  color: var(--color-primary);
}


/* ================================== */

.hero_about {
  width: 100%;
  height: 100vh;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
}

.hero_about .overly {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgb(0, 0, 0, 0.4);
  text-align: center;
}

.hero_about .overly h1 {
  color: #fff;
  position: relative;
  top: 50vh;
  z-index: 5;
  font-size: 65px;
  font-weight: 600;
  line-height: 1.3;
}

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

  .hero_about {
    height: 100vh;
  }

  .hero_about .overly h1 {
    font-size: 35px;
  }

}

/* ================================ */

.hero_master {
  position: relative;
  width: 100%;
  height: 80vh;
}

#myVideo {
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}

.hero_master .container {
  position: relative;
  z-index: 10;
}


.hero_master .overly_hero {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 3;
  background-color: rgba(0, 0, 0, 0.4);
}

.hero_master h1 {
  color: #fff;
  position: relative;
  top: 40vh;
  z-index: 5;
  font-size: 65px;
  font-weight: 600;
  line-height: 1.3;
  text-align: center;
}

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

  .hero_master {
    height: 80vh;
  }

  .hero_master h1 {
    font-size: 35px;
  }

}

/* =========================== */

.programs_card {
  border-radius: 20px;
}

.programs_card h4 {
  color: var(--color-primary);
  font-size: 30px;
  font-weight: 700;
  margin: 10px;

}

.programs_card p {
  font-size: 16px;
}

/* ================= */

.top_program_page {
  padding-top: 80px;
  width: 100%;
  overflow: hidden;
  height: 70vh;
  background: rgb(238, 174, 202);
  background: radial-gradient(circle, rgba(238, 174, 202, 1) 0%, rgba(148, 187, 233, 1) 100%);
  direction: ltr;
}

.top_program_page h1 {
  text-align: center;
  font-weight: 800;
  font-size: 45px;
  padding: 5%;
  color: #fff;
}

@media (max-width: 992px) {

  .top_program_page h1 {
    font-size: 30px;
    padding-top: 50px;
  }

  .top_program_page {
    height: 100vh;
  }


}

/* ======================================================= */

.hero_training {
  width: 100%;
  height: 100vh;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
}

.hero_training .overly {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: transparent;
  text-align: center;
  padding-top: 20vh;
}

.hero_training .overly h1 {
  color: var(--color-default);
  position: relative;
  z-index: 5;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.3;
}

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

  .hero_training {
    height: 100vh;
  }

  .hero_training .overly h1 {
    font-size: 32px;
    padding: 20px;
  }

}

.section_training {
  position: relative;
  overflow-x: hidden;
}


.section_training .box {
  position: relative;
  overflow: hidden;
}



.section_full_faculties h3 {
  font-size: 28px;
  font-weight: 600;
}

.section_full_faculties .card h4 {
  font-size: 22px;
  font-weight: 600;
}

.section_full_faculties .card {
  background-color: transparent;
  border-color: transparent;
}

.section_full_faculties .card-header {
  border-color: transparent;
}

@media (max-width: 992px) {

  .section_full_faculties h3 {
    font-size: 22px;
    padding: 5px;
  }

}

.bg_faculties_1 {
  position: relative;
  z-index: 2;
  color: #fff !important;
  background: rgb(255, 196, 196);
  background: linear-gradient(90deg, rgba(255, 196, 196, 1) 0%, rgba(255, 134, 158, 1) 50%, rgba(161, 0, 53, 1) 100%);
}

.bg_faculties_2 {
  position: relative;
  z-index: 2;
  color: #fff !important;
  background: rgb(233, 213, 218);
  background: linear-gradient(90deg, rgba(233, 213, 218, 1) 0%, rgba(130, 115, 151, 1) 50%, rgba(77, 76, 125, 1) 100%);
}

.bg_faculties_3 {
  position: relative;
  z-index: 2;
  color: #fff !important;
  background: rgb(238, 176, 176);
  background: linear-gradient(90deg, rgba(238, 176, 176, 1) 0%, rgba(125, 30, 106, 1) 100%);
}

.bg_faculties_4 {
  position: relative;
  z-index: 2;
  color: #fff !important;
  background: rgb(215, 168, 110);
  background: linear-gradient(90deg, rgba(215, 168, 110, 1) 0%, rgba(166, 75, 42, 1) 50%, rgba(142, 50, 0, 1) 100%)
}

.bg_faculties_5 {
  position: relative;
  z-index: 2;
  color: #fff !important;
  background: rgb(240, 125, 234);
  background: linear-gradient(90deg, rgba(240, 125, 234, 1) 0%, rgba(164, 96, 237, 1) 100%);
}

.bg_faculties_6 {
  position: relative;
  z-index: 2;
  color: #fff !important;
  background: rgb(207, 185, 151);
  background: linear-gradient(90deg, rgba(207, 185, 151, 1) 0%, rgba(155, 161, 123, 1) 50%, rgba(97, 118, 75, 1) 100%);
}

.bg_faculties_7 {
  position: relative;
  z-index: 2;
  color: #fff !important;
  background: rgb(255, 88, 88);
  background: linear-gradient(90deg, rgba(255, 88, 88, 1) 0%, rgba(224, 20, 76, 1) 50%, rgba(154, 22, 99, 1) 100%);
}

.bg_faculties_8 {
  color: #fff !important;
  background: rgb(211, 107, 0);
  background: linear-gradient(90deg, rgba(211, 107, 0, 1) 0%, rgba(66, 3, 44, 1) 100%);
  position: relative;
  z-index: 2;
}

.bg_faculties_9 {
  color: #fff !important;
  background: rgb(89, 206, 143);
  background: linear-gradient(90deg, rgba(89, 206, 143, 1) 0%, rgba(51, 51, 51, 1) 100%);
  position: relative;
  z-index: 2;
}

.bg_faculties_10 {
  color: #fff !important;
  background: rgb(62, 109, 156);
  background: linear-gradient(90deg, rgba(62, 109, 156, 1) 0%, rgba(225, 77, 42, 1) 100%);
  position: relative;
  z-index: 2;
}

.bg_faculties_2 .squere_1,
.bg_faculties_3 .squere_1,
.bg_faculties_4 .squere_1,
.bg_faculties_5 .squere_1,
.bg_faculties_6 .squere_1,
.bg_faculties_7 .squere_1,
.bg_faculties_8 .squere_1,
.bg_faculties_9 .squere_1,
.bg_faculties_10 .squere_1 {
  position: absolute;
  top: -125px;
  right: -125px;
  width: 250px;
  height: 250px;
  background-color: rgba(255, 255, 255, 0.1);
  z-index: 3;
  transform: rotate(45deg);
  transition-duration: 0.7s;
}

.squere_1:hover {
  top: -200px;
  right: -200px;
  width: 400px;
  height: 400px;
}

.bg_faculties_2 .squere_2,
.bg_faculties_3 .squere_2,
.bg_faculties_4 .squere_2,
.bg_faculties_5 .squere_2,
.bg_faculties_6 .squere_2,
.bg_faculties_7 .squere_2,
.bg_faculties_8 .squere_2,
.bg_faculties_9 .squere_2,
.bg_faculties_10 .squere_2 {
  position: absolute;
  top: -50px;
  left: -50px;
  width: 100px;
  height: 100px;
  background-color: rgba(255, 255, 255, 0.1);
  z-index: 3;
  transform: rotate(45deg);
  transition-duration: 0.6s;

}

.squere_3 {
  position: absolute;
  top: -50px;
  left: 150px;
  width: 100px;
  height: 100px;
  background-color: rgba(255, 255, 255, 0.1);
  z-index: 3;
  transform: rotate(45deg);
  transition-duration: 0.9s;

}

.squere_1:hover {
  top: -200px;
  right: -200px;
  width: 400px;
  height: 400px;
}


.squere_2:hover {
  top: -75px;
  left: -75px;
  width: 150px;
  height: 150px;
}

.squere_3:hover {
  top: -75px;
  left: 125px;
  width: 150px;
  height: 150px;
  transform: rotate(180deg);
}


.hero_doctoral {
  width: 100%;
  height: 100vh;
  position: relative;
}

.hero_doctoral .overly {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: transparent;
  text-align: center;
  padding-top: 13vh;
}

.hero_doctoral .overly h1 {
  color: var(--color-default);
  position: relative;
  z-index: 5;
  font-size: 65px;
  font-weight: 700;
  line-height: 1.3;
}

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

  .hero_doctoral {
    height: 100vh;
  }

  .hero_doctoral .overly h1 {
    font-size: 32px;
    padding: 20px;
  }

}

.section_doctoral {
  position: relative;
  overflow: hidden;
}

.squere_4 {
  position: absolute;
  bottom: -150px;
  left: calc(50% - 150px);
  width: 300px;
  height: 300px;
  background-color: rgba(255, 255, 255, 0.1);
  z-index: 3;
  transform: rotate(45deg);
  transition-duration: 0.9s;
}

.squere_4:hover {
  bottom: -200px;
  left: calc(50% - 200px);
  width: 400px;
  height: 400px;
}

.section_doctoral li {
  transition-duration: 0.3s;

}

.section_doctoral li:hover {
  background-color: rgba(255, 255, 255, 0.1);
}



.top_photo_page_doctoral {
  width: 100%;
  height: 400px;
  background: rgb(240, 125, 234);
  background: linear-gradient(90deg, rgba(240, 125, 234, 1) 0%, rgba(164, 96, 237, 1) 100%);
}

.top_photo_page_doctoral h1 {
  text-align: center;
  font-weight: 800;
  font-size: 45px;
  padding-top: 220px;
  color: #fff;
}

.card_staff {
  padding: 0px;
  /* border-bottom-right-radius: 10px !important;
  border-top-right-radius: 10px !important; */
  color: #fff !important;
  overflow: hidden;
  margin-bottom: 40px;
}

.card_staff_1 {
  background: rgb(62, 109, 156);
  background: linear-gradient(90deg, rgba(62, 109, 156, 1) 0%, rgba(225, 77, 42, 1) 100%);
}

.card_staff_2 {
  background: rgb(255, 88, 88);
  background: linear-gradient(90deg, rgba(255, 88, 88, 1) 0%, rgba(224, 20, 76, 1) 50%, rgba(154, 22, 99, 1) 100%);
}

.card_staff_3 {
  background: rgb(89, 206, 143);
  background: linear-gradient(90deg, rgba(89, 206, 143, 1) 0%, rgba(51, 51, 51, 1) 100%);
}

.card_staff_4 {
  background: rgb(255, 196, 196);
  background: linear-gradient(90deg, rgba(255, 196, 196, 1) 0%, rgba(255, 134, 158, 1) 50%, rgba(161, 0, 53, 1) 100%);
}

.card_staff_5 {
  background: rgb(233, 213, 218);
  background: linear-gradient(90deg, rgba(233, 213, 218, 1) 0%, rgba(130, 115, 151, 1) 50%, rgba(77, 76, 125, 1) 100%);
}

.card_staff_6 {
  background: rgb(238, 176, 176);
  background: linear-gradient(90deg, rgba(238, 176, 176, 1) 0%, rgba(125, 30, 106, 1) 100%);
}

.card_staff_7 {
  background: rgb(215, 168, 110);
  background: linear-gradient(90deg, rgba(215, 168, 110, 1) 0%, rgba(166, 75, 42, 1) 50%, rgba(142, 50, 0, 1) 100%)
}

.card_staff_8 {
  background: rgb(240, 125, 234);
  background: linear-gradient(90deg, rgba(240, 125, 234, 1) 0%, rgba(164, 96, 237, 1) 100%);
}

.card_staff_9 {
  background: rgb(207, 185, 151);
  background: linear-gradient(90deg, rgba(207, 185, 151, 1) 0%, rgba(155, 161, 123, 1) 50%, rgba(97, 118, 75, 1) 100%);
}

.card_staff_10 {
  background: rgb(255, 88, 88);
  background: linear-gradient(90deg, rgba(255, 88, 88, 1) 0%, rgba(224, 20, 76, 1) 50%, rgba(154, 22, 99, 1) 100%);
}


.card_staff img {
  width: 450px;
  height: 450px;
  transition-duration: 0.3s;
  transform: scale(1.01);

}

.card_staff img:hover {
  transform: scale(1.06);
}

.card_staff .m-auto {
  padding: 20px !important;
}

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

  .card_staff {
    padding: 0px;
    border-radius: 10px !important;
    color: #fff !important;
    overflow: hidden;
    margin-bottom: 40px;
  }

  .card_staff .staff_box_img {
    height: 320px;
    overflow: hidden;
  }


  .card_staff img {
    width: 100%;
    border-radius: 10px !important;
    height: 320px;
    transition-duration: 0.3s;
    transform: scale(1.01);
    margin: auto;
    margin-bottom: 40px;
  }

}

.no_hover:hover {
  color: #333 !important;
}

.container_footer {
  position: relative;
  z-index: 2;
}

#footer {
  /* background: #ce1212; */
  padding: 0 0 30px 0;
  color: #fff;
  font-size: 14px;
  position: relative;
  width: 100%;
  left: 0px;
  bottom: 0px;
}

.footer .social a {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.7);
  margin-right: 10px;
  transition: 0.3s;
}

.footer .social a:hover {
  color: #fff;
  border-color: #fff;
}