.petra_faculty_accordion-color .petra_accordion_item .accordion-button {
  background-color: unset;
  font-size: 24px;
  font-weight: 400;
  padding: 14px 58px;
  border-radius: 20px;
  color: #000 !important;
  box-shadow: unset !important;
  text-align: left;
}
.petra_faculty_accordion-color .petra_accordion_item .accordion-button:not(.collapsed) {
  background-color: unset !important;
}

.petra_accordion_item .accordion-button {
  background-color: #091b22;
  font-size: 24px;
  font-weight: 400;
  padding: 14px 58px;
  border-radius: 20px;
  color: rgb(255, 255, 255) !important;
  box-shadow: unset !important;
}



.petra_accordion_item .accordion-button:not(.collapsed) {
  background-color: rgb(9 27 34 / 75%) !important;
}

/* Apply font */
#ms-designer-ribbon, .ms-signInLink
{
  top: 0;
}
#ms-designer-ribbon
{
  z-index: 999;
}
* {
  font-family: myriadpro;
}
.petra_ar_text {
  font-family: noor-font;
  font-weight: 400;
}
:root {
  --vinaceous: #901d23;
}
.images_slider .slick-prev
{
  z-index: 999;
}



.images_slider .slick-next.slick-arrow::before {
  background-image: url("/assets/CentersAssets/images/slider_arrow-l.svg");
}

.images_slider .slick-prev.slick-arrow::before {
  background-image: url("/assets/CentersAssets/images/slider_arrow-l.svg");
}

.images_slider .slick-disabled::before {
  background-image: url("/assets/CentersAssets/images/disabled_arrow.svg");
}

.images_slider .slick-next.slick-arrow.slick-disabled::before {
  transform: rotate(0deg);
}

.images_slider .centered_btn
{
  margin-top: 75px;
}
.images_slider .slick-prev.slick-arrow
{
   left: 20%;
}

body {
  padding-top: 0px;
  background-color: rgb(249, 246, 239) !important;
}

a:hover {
  color: rgb(255, 255, 255) !important;
}

@media (min-width: 1920px) {
  .container {
    max-width: 1500px !important;
  }
}

.active-BW {
  filter: grayscale(100%) brightness(95%) contrast(120%);
}

.active-BW {
  filter: grayscale(100%) brightness(95%) contrast(120%);
}

.petra_faculty_header {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 99;
  background-color: rgb(145 29 35);
}

.petra_faculty_nav {
  display: flex;
  align-items: center;
  padding: 5px 0px;
  height: auto;
  justify-content: space-between;
}

.faculty_logo_name h1 {
  font-size: 22px;
  display: inline-block;
  font-weight: 400;
  max-width: 140px;
  color: rgb(255, 255, 255);
  vertical-align: middle;
  margin-left: 20px;
}
.petra_instructor_items_content a
{
   color: #000;
   text-decoration: unset;
   width: 100%;
    text-align: center;
    display: block;
}
.petra_instructor_items_content a:hover
{
   color: #000 !important;
   text-decoration: unset;
}
.petra_logo {
  margin-right: 20px;
}

.petra_faculty_nav_links span a {
  color: #fff !important;
  text-decoration: unset;
  font-size: 15px;
  cursor: pointer;
  font-weight: 400;
  padding-top: unset;
}

.petra_faculty_nav_links span {
  margin-left: 20px;
}

.petra_faculty_nav_accessibility span {
  display: inline-block;
  margin: 7px;
}

.petra_faculty_nav_accessibility svg text {
  font-size: 18px;
}

.petra_faculty_nav_accessibility span {
  margin: 0px 0px 0px 7px;
}

.petra_faculty_nav_accessibility span:hover {
  cursor: pointer;
}

span.petra_menu_span {
  display: none;
}


.bg_layer2 {
  width: 100%;
  height: 100%;
  background-color: rgb(112 112 112 / .8);
  position: absolute;
  z-index: 9;
  border-radius: 23px;
}
.sections_projects_slider .owl-item.active.center .bg_layer2
{
  background-color: rgba(0, 0, 0, 0.60);
}
.petra_faculty_header_slider .carousel-indicators button {
  width: 18px;
  height: 9px;
  background-color: rgba(255, 255, 255, 0.46);
  opacity: 1;
}

.petra_faculty_header_slider .carousel-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.petra_faculty_header_slider .carousel-indicators button.active {
  background-color: rgba(255, 255, 255, 0.2);
}

.petra_faculty_header_slider .carousel-inner {
  height: 500px;
}

.right_menu {
  position: absolute;
  left: 0;
  top: 225px;
  height: auto;
  width: 100%;
  text-align: center;
}

.r_layer {
  width: 100%;
  height: 700px;
  background-color: rgba(45, 30, 57, 0.62);
  position: absolute;
  z-index: 1;
}

.section_name {
  position: relative;
  top: 5%;
  z-index: 9;
  left: 0;
}

.petra_side_col a {
  font-size: 16px;
  font-weight: 700;
  display: block;
  color: rgb(255, 255, 255);
  margin-bottom: 20px;
  direction: rtl;
}

.petra_side_col a:last-child {
  margin-top: 0px;
}

.petra_side_col a:hover::before {
  transform: scale(1.3) rotate(180deg);
  left: 5px;
  position: relative;
}

.section_name h2 {
  color: rgb(255, 255, 255);
  font-size: 45px;
  font-weight: 700;
  margin-left: 0px;
  width: auto;
  display: inline-block;
}

.section_specs p {
  color: rgb(255, 255, 255);
  display: inline-block;
  border: 1px solid rgb(255, 255, 255);
  border-radius: 5px;
  padding: 0px;
  width: 112px;
  text-align: center;
  height: 27px;
  margin-right: 10px;
}

.section_specs {
  margin-top: 15px;
}

span.petra_side_col {
  margin-top: 70px;
  display: block;
}

.section_specs p:hover {
  background-color: rgb(255, 255, 255);
  cursor: pointer;
  color: rgb(0, 0, 0);
}

.petra_side_col a::before {
  content: "";
  background-image: url("/assets/CentersAssets/images/overview_icon.svg");
  background-repeat: no-repeat;
  width: 13px;
  height: 14px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 12px;
  transform: rotate(180deg);
  background-size: 13px 14px;
  transition: all 0.5s ease 0s;
}

.petra_site_menu {
  background-color: var(--vinaceous);
  width: 100%;
  z-index: 9999;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 26px 0px;
}

.petra_site_menu_links span p {
  color: rgb(255, 255, 255);
  font-size: 20px;
  font-weight: 400;
  margin: 0px;
  height: 70px;
  padding: 0px 8px;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
}

.petra_site_menu_links {
  display: flex;
  height: 72px;
  align-items: center;
  justify-content: space-between;
}

.petra_site_menu_dropdown {
  position: relative;
}

.petra_site_menu_dropdown_content {
  display: none;
  position: absolute;
  left: 0px;
  top: 71px;
  background-color: rgb(79, 66, 89);
  min-width: 180px;
  z-index: 9;
  border-radius: 20px 0px 20px 20px;
}

.petra_site_menu_dropdown_content a {
  color: rgb(255, 255, 255);
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.petra_site_menu_dropdown:hover .petra_site_menu_dropdown_content {
  display: block;
  backdrop-filter: blur(6px);
}

.petra_site_menu_dropdown_content a {
  border-bottom: 2px solid rgb(112, 112, 112);
}

.petra_site_menu_dropdown_content a:last-child {
  border-bottom: unset;
}

.petra_faculty_desc {
  display: flex;
  position: relative;
  z-index: 2;
  margin-top: 80px;
  justify-content: space-between;
}

.petra_faculty_desc_content h3 {
  font-size: 32px;
  font-weight: 400;
  color: rgb(255, 255, 255);
  margin-bottom: 0px;
}

.petra_faculty_desc_content p {
  font-size: 22px;
  font-weight: 100;
  color: rgb(255, 255, 255);
}

.petra_faculty_video {
  position: relative;
  height: 100%;
}

.petra_site_menu_dropdown:hover {
  background-color: rgba(255, 255, 255, 0.09);
}

.petra_faculty_video .play_img {
  position: absolute;
  left: 45%;
  top: 40%;
}
.sections_projects_items_content a
{
  text-decoration: none;
}
.petra_faculty_video .faculty_img {
  opacity: 0.5;
}

.petra_faculty_desc_content {
  padding-left: 2rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.petra_faculty_desc_content {
  padding-left: 2rem;
  padding-top: 4rem;
}

.petra_faculty_desc_content .petra_faculty_desc_link {
  font-size: 28px;
  font-weight: 100;
  color: rgb(255, 255, 255);
  margin-top: 115px;
  display: inline-block;
  border: 1px solid rgb(255, 255, 255);
  border-radius: 20px;
  width: 260px;
  height: 55px;
  text-align: center;
  text-decoration: unset;
  padding-top: 5px;
}

.petra_faculty_sections_mange1 .petra_faculty_sections_mange_content h2 {
  color: rgb(0, 0, 0);
}

section.petra_faculty_sections_mange1 {
  margin-top: 150px;
}

section.petra_faculty_sections_mange1 .petra_faculty_sections_mange_boxes {
  background-color: var(--vinaceous);
}

section.petra_faculty_sections_mange1 .petra_faculty_sections_mange_boxes h3 {
  color: rgb(255, 255, 255);
}

section.petra_faculty_sections_mange1 .petra_faculty_sections_mange_boxes p {
  color: rgb(255, 255, 255);
}

.petra_faculty_sections_mange1 .petra_faculty_sections_mange_boxes_links a {
  color: rgb(255, 255, 255);
}

.petra_faculty_sections_mange1
  .petra_faculty_sections_mange_boxes_links
  a::before {
  filter: unset;
}

.petra_faculty_desc_content .petra_faculty_desc_link:hover::before {
  transform: scale(1.3);
  position: relative;
  left: 5px;
}

.petra_faculty_desc_content .petra_faculty_desc_link::before {
  content: unset;
  background-image: url("/assets/CentersAssets/images/overview_icon.svg");
  background-repeat: no-repeat;
  width: 20px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  transform: rotate(180deg);
}

section.petra_faculty_sections_mange {
  background-color: var(--vinaceous);
  margin-top: 150px;
  height: 850px;
}

.petra_faculty_sections_mange {
  padding: 100px 0px;
}

.petra_faculty_desc_link::before {
  content: "";
  background-image: url("/assets/CentersAssets/images/overview_icon.svg");
  background-repeat: no-repeat;
  width: 20px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  transform: rotate(180deg);
  filter: invert(1);
}

.petra_faculty_desc_link:hover::before {
  transform: rotate(180deg) scale(1.3);
  position: relative;
  left: 5px;
}

.petra_faculty_sections_mange_content h2 {
  font-size: 32px;
  color: rgb(255, 255, 255);
  margin-bottom: 80px;
}

.petra_faculty_sections_mange_boxes_links a:hover {
  color: var(--vinaceous) !important;
}

.petra_faculty_sections_mange_boxes {
  background-color: rgb(249, 246, 239);
  margin-bottom: 40px;
  padding: 40px;
  display: flex;
  flex-wrap: wrap;
  border-radius: 20px;
}

.petra_faculty_sections_mange_boxes_links {
  flex: 1 1 100%;
  margin-top: 20px;
}

.petra_faculty_sections_mange_boxes h3 {
  flex: 1 1 25%;
  font-size: 34px;
}

.petra_faculty_sections_mange_boxes p {
  flex: 1 1 50%;
  font-size: 20px;
  color: var(--vinaceous);
  font-weight: 400;
}

.petra_faculty_sections_mange_boxes_links a {
  font-size: 20px;
  display: inline-block;
  color: var(--vinaceous);
  margin-left: 19%;
}

.petra_faculty_desc_content .petra_faculty_desc_link:hover::before {
  transform: rotate(180deg) scale(1.3);
  position: relative;
  left: 5px;
}

.full_width_bg {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: var(--vinaceous);
}

.petra_faculty_name_desc {
  overflow: hidden;
  position: relative;
  height: 670px;
  background-color: var(--vinaceous);
}

.petra_faculty_name p {
  font-size: 65px;
  font-weight: 400;
  color: rgb(0, 0, 0);
  margin: 0px;
}

.petra_faculty_name h1 {
  font-size: 65px;
  font-weight: 400;
  color: rgb(0, 0, 0);
  margin: 0px;
}

.petra_faculty_name {
  margin-top: 2rem;
}

.petra_faculty_nav_accessibility .active_access svg path {
  fill: rgb(255, 255, 255);
}

.petra_faculty_nav_accessibility .active_access svg g {
  fill: rgb(255, 255, 255);
}

.petra_faculty_nav_accessibility .active_access svg text {
  stroke: rgb(0, 0, 0);
}

.petra_faculty_nav_accessibility span svg:hover text {
  stroke: rgb(0, 0, 0);
}

.petra_faculty_nav_accessibility span svg:hover path {
  fill: rgb(255, 255, 255);
}

.petra_faculty_nav_accessibility span svg:hover g {
  fill: rgb(255, 255, 255);
}



.sections_projects_items_content {
  position: absolute;
  left: 0%;
  top: 30%;
  margin: 0 10%;
  z-index: 99;
  text-align: justify;
}

section.sections_projects {
  margin: 120px 0;
}

.sections_projects_items_icon {
  display: none;
}

/* .sections_projects_slider .slick-track {
  left: -650px;
} */

.sections_projects_items {
  position: relative;
  width: 80%;
    display: block;
    margin: 0 auto;
}

.sections_projects_items_content h2 {
  font-size: 28px;
  font-weight: 700;
  color: rgb(255, 255, 255);
}

.sections_projects_items_content h3 {
  margin: 20px 0px;
  font-size: 18px;
  font-weight: 700;
  color: rgb(0, 0, 0);
  background-color: rgb(255, 255, 255);
  display: inline-block;
  padding: 10px 15px;
  border-radius: 15px;
}

.sections_projects_items_content p {
  color: rgb(255, 255, 255);
  line-height: 33px;
  font-size: 17px;
  font-weight: 400;
}

.sections_projects .centered_btn a {
  background-color: var(--vinaceous);
}

.img_card_sec1 .centered_btn a {
  background-color: var(--vinaceous);
}

section.img_card_sec1.img_card_sec {
  background-color: unset;
  padding-top: unset;
}

.petra_videos {
  margin-top: 100px;
  background-color: rgb(9, 27, 34);
  padding: 130px 0px 60px;

}

.petra_videos_boxes {
  display: flex;
  justify-content: center;
  width: 100%;
}

.petra_videos_small_boxes {
  display: flex;
  flex-wrap: wrap;
}

.petra_videos_items {
  width: 100%;
  margin-right: 10px;
  margin-bottom: 10px;
}

.petra_videos_items img {
  width: 100%;
}
.all_img_cards .img_overlay
{
  border-radius: 20px 20px 0px 0px;
}
.img_overlay {
  width: 100%;
  height: 100%;
  background-color: rgb(40 40 40 / 25%);
  display: block;
  position: absolute;
  z-index: 9;
  top: 0px;
}

.all_img_cards {
  margin-top: 40px;
}

.img_card_sec {
  margin-bottom: 50px;
  margin-top: 260px;
  min-height: unset;
  padding-bottom: 60px;
  padding-top: 230px;
  margin: unset !important;
  padding: unset !important;
}

.img_card {
  width: 96%;
  background-color: rgb(255, 255, 255);
  border-radius: 20px;
  padding-top: 0px;
  margin: 5px auto;
  height: fit-content !important;
  position: relative;
}

.img_card_content h2 {
  font-weight: 400;
  font-size: 16px;
  margin: 7px 15px 15px;
  color: #000;
  text-align: left;
}

.img_card_content p {
  font-weight: 400;
  font-size: 16px;
  max-width: 225px;
  margin: 0px auto;
}

.img_card_img img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 20px 20px 0 0;
  object-fit: cover;
}
.all_img_cards .img_card_img {
  min-height: 261px;
  max-height: 261px;
  position: relative;
}

.img_card_img {
  height: 240px;
  position: relative;
}
.img_card_content a
{
  text-decoration: unset !important;
  width: 100%;
}
.img_card_content {
  height: 180px;
  text-align: center;
}
.all_img_cards .img_card_content {
  min-height: 110px;
  max-height: 110px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.petra_news h1
{
  font-size: 2.5rem;
}
@media (min-width: 1200px) and (max-width: 1300px) {
.container
{
  max-width: 1060px !important;
}
}

@media (min-width: 768px) and (max-width: 850px) {
.container
{
  max-width: 650px !important;
}
}
@media (min-width: 900px) and (max-width: 1200px) {
.container
{
  max-width: 850px !important;
}
}
.img_card_desc h3 {
  font-size: 28px;
  font-weight: 400;
  color: rgb(0, 0, 0);
}

.img_card_desc p {
  font-size: 24px;
  font-weight: 400;
  color: rgb(0, 0, 0);
}

.fix_width {
  margin: 0px auto;
}

.petra_faculty_programs {
  margin-top: 120px;
}

.programs_slider_items:hover {
  background-image: url("/assets/CentersAssets/images/porgram_bg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.programs_slider_items:hover h3 {
  color: rgb(255, 255, 255);
}

.programs_slider_items:hover a {
  color: rgb(255, 255, 255);
}

.programs_slider_items:hover a::before {
  filter: invert(1);
}

.programs_slider_items:hover a::before {
  animation: 0.3s ease-out 0s 1 normal forwards running
    programs_slider_items_hover_invert;
}

@keyframes programs_slider_items_hover_invert {
  0% {
    filter: invert(0);
  }

  100% {
    filter: invert(1);
  }
}

.programs_slider_items:hover a,
.programs_slider_items:hover h3 {
  animation: 0.3s ease-out 0s 1 normal forwards running
    programs_slider_items_hover;
}

@keyframes programs_slider_items_hover {
  0% {
    color: rgb(0, 0, 0);
  }

  100% {
    color: rgb(255, 255, 255);
  }
}

.programs_slider_items {
  margin-right: 10px;
  padding: 20px 25px 20px 0px;
}

.programs_slider_items h3 {
  font-size: 32px;
  font-weight: 400;
  color: rgb(0, 0, 0);
  margin: 0px;
  height: 150px;
}

.programs_slider_items_links a {
  display: block;
  font-size: 18px;
  font-weight: 400;
  color: rgb(0, 0, 0);
  position: relative;
}

.programs_slider_items_links a:hover {
  cursor: pointer;
  color: rgb(255, 255, 255) !important;
}

.programs_slider_items_links a::before {
  content: "";
  background-image: url("/assets/CentersAssets/images/slider_links_icon.svg");
  height: 9px;
  width: 8px;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  margin-left: 1px;
  transform: rotate(-180deg);
}

.programs_slider_items_links a:hover::before {
  transform: rotate(-180deg) scale(1.3);
  position: relative;
  left: 5px;
}

.programs_slider .slick-prev,
.programs_slider .slick-next {
  font-size: 0px;
  line-height: 0;
  position: absolute;
  top: 25%;
  display: block;
  padding: 0px;
  transform: translate(0px, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

.programs_slider .slick-next {
  right: -65px;
}

.programs_slider .slick-prev {
  left: -65px;
}

.programs_slider .slick-arrow::before {
  content: "";
  background-image: url("/assets/CentersAssets/images/slider_arrow.svg");
  width: 40px;
  height: 45px;
  display: block;
  background-repeat: no-repeat;
}

.programs_slider .slick-disabled::before {
  background-image: url("/assets/CentersAssets/images/disabled_arrow.svg");
}

.programs_slider .slick-arrow.slick-next.slick-disabled::before {
  transform: rotate(-180deg);
}

.programs_slider .slick-prev::before {
  transform: rotate(-180deg);
}

.programs_slider .slick-arrow.slick-prev.slick-disabled::before {
  transform: rotate(0deg);
}

.petra_faculty_sections {
  display: flex;
  align-items: center;
}

.petra_faculty_sections_title h2 {
  font-size: 34px;
  font-weight: 400;
  color: rgb(255, 255, 255);
  margin: 0px;
  text-align: center;
  line-height: 1.5;
}

.petra_faculty_sections_title {
  background-color: var(--vinaceous);
  border-radius: 20px;
  padding: 10px 25px;
  width: 25.5%;
  height: 75px;
  line-height: 1.5;
}

.petra_faculty_nav_links span a:hover {
  padding-bottom: 10px;
  position: relative;
}

.blur_layer {
  width: 100%;
  height: 100%;
  position: absolute;
  backdrop-filter: blur(5px);
  z-index: 1;
}

.petra_faculty_sections_slider_type {
  display: inline-block;
  margin-inline-start: 65px;
}

.petra_faculty_sections_slider_type a {
  font-size: 20px;
  font-weight: 100;
  display: inline-block;
  margin: 0px 25px;
  color: rgb(193, 193, 193) !important;
  text-decoration: underline !important;
}

.petra_faculty_sections_slider_type a:hover {
  cursor: pointer;
}

.petra_faculty_sections_slider_type .active_program_slider {
  color: rgb(71, 20, 20) !important;
  font-weight: 700 !important;
}

.programs_slider_items_links a::before {
  transform: rotate(180deg);
}

.programs_slider {
  margin-top: 70px;
}

.petra_faculty_single_program_details {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
}

.petra_faculty_single_program_details a {
  flex: 1 1 50%;
  font-size: 20px;
  font-weight: 100;
  color: rgb(255, 255, 255);
  padding-bottom: 10px;
}

.petra_faculty_single_program_details a:nth-child(2n) {
  flex: 1 1 50%;
}

.petra_faculty_single_programs {
  margin-top: 120px;
}

.petra_faculty_single_program_box {
  background-color: var(--vinaceous);
  padding: 30px 100px 20px;
  border-radius: 20px;
  margin-top: 30px;
}

.petra_faculty_single_program_box h2 {
  color: rgb(255, 255, 255);
  font-size: 50px;
  font-weight: 400;
  margin: 0px;
  line-height: 1;
  height: 50px;
}

.petra_faculty_single_program_details a:hover img {
  transform: scale(1.4);
}

.petra_faculty_single_program_box h2:hover {
  font-size: 53px;
}

.petra_faculty_single_program_box h2 span {
  font-size: 25px;
}

.petra_faculty_single_program_details a:hover {
  color: rgb(255, 255, 255);
}

.petra_faculty_single_program_details a img {
  margin-right: 10px;
  vertical-align: middle;
}

.petra_faculty_details_description_box_content a {
  font-size: 20px;
  font-weight: 100;
  color: rgb(255, 255, 255);
  padding-top: 40px;
  display: block;
}

.petra_faculty_details_description_box_content a:hover::before {
  transform: scale(1.3);
  position: relative;
}

.petra_faculty_details_description_box_content a:hover {
  color: rgb(255, 255, 255);
}

.petra_faculty_details_description_box_content a::before {
  content: "";
  background-image: url("/assets/CentersAssets/images/overview_icon.svg");
  background-repeat: no-repeat;
  width: 20px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.petra_faculty_details_description {
  margin-top: 100px;
  background-color: rgb(9, 27, 34);
  padding: 100px 0px 60px;
}

span.petra_faculty_desc_content1 h3 {
  font-size: 32px;
  color: rgb(0, 0, 0);
  margin-bottom: 40px;
  font-weight: 400;
}

span.petra_faculty_desc_content1 p {
  font-size: 20px;
  color: rgb(0, 0, 0);
  line-height: 33px;
  font-weight: 100;
  max-width: 800px;
  text-align: justify;
}

.petra_faculty_name_desc1 .petra_faculty_video .faculty_img {
  opacity: 1;
  width: 80%;
  height: auto;
  object-fit: contain;
  max-height: 200px;
  min-height: 200px;
}
.section_slider a
{
  text-decoration: unset;
}
.petra_faculty_details_description_box {
  display: flex;
}

.faculty_caption_icon img {
  width: 52px;
}

.petra_faculty_details_description_box_content p {
  color: rgb(255, 255, 255);
  font-size: 22px;
  font-weight: 100;
  margin: 0px;
  max-width: 1060px;
  line-height: 40px;
  text-align: justify;
}

span.petra_faculty_details_description_box_content h2 {
  color: rgb(255, 255, 255);
  margin-bottom: 40px;
  font-size: 32px;
}

.petra_faculty_details_description_box_content {
  margin: 30px 20px 20px 0px;
}

.accordion-button::after {
  margin-left: auto;
  margin-right: unset !important;
}



.accordion-body {
  font-size: 20px;
  font-weight: 400;
  line-height: 44px;
  text-align: justify;
}

.petra_accordion_item {
  margin-bottom: 15px;
}

.petra_faculty_accordion {
  margin-top: 100px;
}

.petra_accordion_item .accordion-button::after {
  background-image: url("/assets/CentersAssets/images/overview_icon.svg");
  height: 23px;
  rotate: 180deg;
}

.petra_accordion_item .accordion-button:not(.collapsed)::after {
  background-image: url("/assets/CentersAssets/images/overview_icon.svg");
  rotate : 90deg !important;
}

.petra_faculty_tabs_content a {
  font-size: 24px;
  font-weight: 400;
  margin: 0px;
  opacity: 0.5;
  color: rgb(255, 255, 255) !important;
}

.petra_faculty_tabs_content .active_tab a {
  opacity: 1;
}

.faculty_tabs {
  display: flex;
}

.petra_faculty_news {
  margin-top: 150px;
  min-height: 510px;
}

.petra_faculty_tabs_content {
  border-radius: 20px;
  background-color: rgba(45, 30, 57, 0.75);
  height: 72px;
  display: flex;
}

.petra_faculty_tabsAN_items {
  margin-left: 40px;
  position: relative;
  width: 50%;
  height: 550px;
}

.petra_faculty_tabs_content span {
  text-align: center;
  display: inline-block;
  width: 50%;
  background-color: rgba(71, 20, 20, 0);
  height: 72px;
  padding-top: 18px;
}

.petra_faculty_tabs_content .active_tab {
  background-color: var(--vinaceous);
  border-radius: 20px;
}

.petra_faculty_tabs_items .petra_faculty_tabs_items_img p {
  font-size: 16px;
  font-weight: 400;
  color: rgb(255, 255, 255);
  margin: 0px;
  line-height: 1;
  max-width: unset;
}

.petra_faculty_tabs_items p {
  color: rgb(82, 145, 170);
  font-size: 24px;
  margin: 0px;
  max-width: 510px;
  font-weight: 400;
  line-height: 35px;
}

.petra_faculty_tabs_items h6 {
  font-size: 16px;
  color: rgb(146, 146, 146);
  text-align: left;
}

.petra_faculty_events_tabs_items .petra_faculty_tabs_items h6 {
  font-size: 16px;
  color: rgb(146, 146, 146);
  text-align: left;
  margin-top: 5px;
}

.petra_faculty_events_tabs_items .petra_faculty_tabs_items h6 span {
  margin-left: 30px;
}

.petra_faculty_tabs_items {
  margin: 40px 0px;
  max-width: 470px;
}

.petra_faculty_tabs_items.petra_faculty_news_tabs_items {
  display: flex;
}

.news_tab {
  display: none;
}

.workshops_tab {
  display: none;
}

.petra_faculty_tabs_items img {
  margin-right: 35px;
}

.petra_faculty_tabs_items_date {
  background-color: var(--vinaceous);
  width: 44px;
  height: 46px;
  border-radius: 10px;
  position: absolute;
  bottom: -15px;
  right: 25px;
  text-align: center;
  padding: 6px;
}

.petra_faculty_tabs_items_img {
  position: relative;
}

.petra_faculty_tabs_items .petra_faculty_tabs_items_img p span {
  font-size: 8px;
  display: block;
  margin: 1px 0px 0px;
  max-width: 43px;
  line-height: 1;
}

.petra_faculty_tabs_items p:hover {
  font-weight: 700;
  color: var(--vinaceous);
}

.petra_faculty_events_tabs_items_btn a {
  color: rgb(255, 255, 255);
  text-align: center;
  text-decoration: unset;
  background-color: var(--vinaceous);
  padding: 13px;
  font-size: 22px;
  border-radius: 20px;
  margin: 0px auto;
  height: 55px;
  width: 260px;
  display: inline-block;
  line-height: 1.2;
}

.petra_faculty_events_tabs_items_btn {
  margin: 40px auto;
  width: 100%;
  position: absolute;
  bottom: -95px;
  text-align: center;
}

.petra_faculty_centered {
  background-color: rgb(9, 27, 34);
  padding: 80px 0 100px;
}

.centered_content_box_img {
  overflow: hidden;
  width: 100%;
  height: fit-content;
  border-radius: 20px 20px 0px 0px;
}

.centered_content_box_img img {
  height: 100%;
}

.centered_content_box_img img:hover {
  transform: scale(1.2);
  transition: all 0.5s ease 0s;
}

.centered_image {
  text-align: center;
}

.centered_content_title h2 {
  color: rgb(255, 255, 255);
  font-size: 30px;
  font-weight: 400;
  margin: 0px;
}

.centered_content_title p {
  color: rgb(255, 255, 255);
  font-size: 22px;
  font-weight: 100;
  margin-top: 10px;
  padding: 0px 60px;
}

.centered_content_title {
  text-align: center;
  margin: 30px 0;
}

.centered_content_boxes {
  display: flex;
}

.centered_content_boxes span {
  margin-right: 15px;
}

.centered_content_box_desc {
  background-color: rgb(255, 255, 255);
  padding: 23px 35px 0px 25px;
  height: 270px;
  border-radius: 0px 0px 20px 20px;
}

.centered_content_box_desc h6 {
  font-size: 16px;
  font-weight: 700;
  color: var(--vinaceous);
}

.centered_content_box_desc p {
  font-size: 20px;
  font-weight: 400;
  color: rgb(0, 0, 0);
  margin-top: 20px;
  line-height: 30px;
}

.centered_btn {
  text-align: center;
  margin-top: 25px;
}

.centered_btn a {
  border: 1px solid rgb(255, 255, 255);
  color: rgb(255, 255, 255);
  font-size: 22px;
  font-weight: 400;
  text-decoration: unset;
  border-radius: 20px;
  padding: 12px;
  text-align: center;
  min-width: 260px;
  height: auto;
  display: inline-block;
  line-height: 1.3;
}

.petra_faculty_facilities .centered_content_title p a {
  color: rgb(0, 0, 0);
}

.petra_faculty_facilities .centered_content_title p a:hover {
  color: rgb(0, 0, 0) !important;
}

.petra_faculty_centered.petra_faculty_facilities .centered_content_boxes {
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
}

.petra_faculty_facilities .centered_content_box img {
  border-radius: 20px;
  width: 100%;
  min-height: 350px;
  object-fit: cover;
  max-height: 350px;
  min-width: 350px;
  max-width: 350px;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); /*IHIASAT*/
}

.centered_content_boxes span:nth-child(3n) {
  margin-left: 0px;
}

.petra_faculty_centered.petra_faculty_facilities {
  background-color: rgb(249, 246, 239);
}

.petra_faculty_facilities .centered_content_title h2 {
  color: rgb(0, 0, 0);
}

.petra_faculty_facilities .centered_content_title p {
  color: rgb(0, 0, 0);
}

.petra_faculty_facilities .centered_content_boxes span {
  margin-bottom: 15px;
  position: relative;
}

.petra_faculty_facilities .centered_content_box:hover .color_layer {
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 1;
  border-radius: 20px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
}

.facilities_box_layer {
  display: none;
}

.petra_faculty_facilities .centered_content_box:hover .facilities_box_layer {
  position: absolute;
  text-align: center;
  top: 25%;
  display: block;
  width: 100%;
}

.facilities_box_layer h3 {
  color: rgb(255, 255, 255);
  font-size: 24px;
  display: block;
  font-weight: 600;
}

.facilities_box_layer a {
  color: rgb(255, 255, 255);
  font-size: 13px;
  font-weight: 400;
}

.facillities_gallery_items_content h2 {
  font-size: 34px;
  margin-bottom: 40px;
  font-weight: 400;
  color: rgb(255, 255, 255);
}

.facillities_gallery_items_content p {
  font-size: 24px;
  font-weight: 100;
  color: rgb(255, 255, 255);
  margin-top: 10px;
  padding-left: 30px;
  line-height: 34px;
}

.facillities_gallery_items_single .facillities_gallery_items_content p {
  max-width: 720px;
}

.facillities_gallery_items_content {
  margin-bottom: 60px;
}

.petra_faculty_gallery_list {
  background-image: url("/assets/CentersAssets/images/bg_img.png");
  padding: 120px 0px;
  position: relative;
  z-index: 2;
  background-repeat: no-repeat;
  background-size: 75%;
  transform: translateX(-9999px);
  height: 860px;
  background-position: left center;
}

.facillities_gallery_items_content h2::before {
  content: "";
  background-image: url("/assets/CentersAssets/images/overview_icon.svg");
  background-repeat: no-repeat;
  width: 20px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  transform: rotate(-180deg);
}

.petra_faculty_gallery_image {
  position: absolute;
  right: 0px;
  top: 15%;
  z-index: 1;
  transform: translateX(9999px);
}

.petra_faculty_gallery {
  position: relative;
  overflow-x: hidden;
  height: 1120px;
  margin-top: 120px;
}

.petra_faculty_gallery_image img {
  width: 100%;
}

.petra_faculty_gallery.petra_faculty_gallery_single
  .petra_faculty_gallery_list {
  padding-top: 250px;
}

.facillities_gallery_items_content a {
  color: rgb(255, 255, 255);
  border: 1px solid rgb(255, 255, 255);
  padding: 15px 30px;
  border-radius: 20px;
  font-size: 28px;
  font-weight: 400;
  display: inline-block;
  margin: 80px 0px 0px;
  text-decoration: unset;
  width: 260px;
  height: 72px;
  text-align: center;
  line-height: 1.5;
}

.facillities_gallery_items_content h2:hover::before {
  transform: scale(1.5) rotate(-180deg);
}

.facillities_gallery_items_single_content h2::before {
  content: unset;
}

.facillities_gallery_items_single_content p {
  padding: 0px;
}

.visible_section .petra_faculty_gallery_list {
  animation: 1.5s ease-out 0.5s 1 normal forwards running gallery_list_animate;
}

@keyframes gallery_list_animate {
  0% {
    transform: translateX(9999px);
  }

  100% {
    transform: translateX(0px);
  }
}

.visible_section .petra_faculty_gallery_image {
  animation: 1s ease-out 0s 1 normal forwards running gallery_img_animate;
}

@keyframes gallery_img_animate {
  0% {
    transform: translateX(-9999px);
  }

  100% {
    transform: translateX(0px);
  }
}

.images_gallery_items {
  display: flex;
  align-items: center;
  opacity: 0;
  justify-content: center;
}

.images_gallery_items .images_gallery_items_centered img {
  margin-bottom: 25px;
}

.images_gallery_items img {
  margin: 0px 15px;
  border-radius: 20px;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 26px 0px;
}

.petra_faculty_image_gallery {
  margin-top: 150px;
}

.visible_section .images_gallery_items {
  animation: 1s ease-out 0.5s 1 normal forwards running
    images_gallery_items_animate;
  opacity: 0.1;
}

.photo_gallery {
  text-align: center;
  margin-top: 60px;
}

.photo_gallery a {
  color: rgb(255, 255, 255);
  background-color: var(--vinaceous);
  padding: 10px;
  border-radius: 20px;
  text-decoration: unset;
  font-weight: 400;
  font-size: 22px;
  display: inline-block;
  width: 260px;
  height: 55px;
  text-align: center;
}

@keyframes images_gallery_items_animate {
  0% {
    opacity: 10%;
  }
  100% {
    opacity: 100%;
  }
}
.visible_section .images_gallery_items .images_gallery_left {
  animation: images_gallery_items_animateL 1s ease-out 0.5s forwards;
  left: -250px;
}
@keyframes images_gallery_items_animateL {
  0% {
    left: -250px;
  }
  100% {
    left: 7px;
  }
}
.visible_section .images_gallery_items .images_gallery_right {
  animation: images_gallery_items_animateR 1s ease-out 0.5s forwards;
  right: -250px;
}
@keyframes images_gallery_items_animateR {
  0% {
    right: -250px;
  }
  100% {
    right: 14px;
  }
}
.visible_section .images_gallery_items .images_gallery_top {
  animation: images_gallery_items_animateT 1s ease-out 0.5s forwards;
  top: -150px;
}
@keyframes images_gallery_items_animateT {
  0% {
    top: -150px;
  }
  100% {
    top: 0;
  }
}
.visible_section .images_gallery_items .images_gallery_bottom {
  animation: images_gallery_items_animateB 1s ease-out 0.5s forwards;
  bottom: -150px;
}
@keyframes images_gallery_items_animateB {
  0% {
    bottom: -150px;
  }
  100% {
    bottom: 0;
  }
}
.visible_section .photo_gallery a {
  animation: photo_gallery_btn 1s ease-out 1.5s forwards;
  opacity: 0;
}
@keyframes photo_gallery_btn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.petra_faculty_honorary_board {
  margin-top: 150px;
}

.honorary_board_content h2 {
  font-size: 34px;
  font-weight: 700;
  color: rgb(0, 0, 0);
  margin-bottom: 30px;
}

.honorary_board_content p {
  font-weight: 100;
  font-size: 24px;
  margin-bottom: 0px;
}

.honorary_board_items {
  margin-top: 40px;
}

.phonorary_board_items_content p {
  font-size: 20px;
  font-weight: 100;
  color: rgb(255, 255, 255);
  display: inline-block;
  max-width: 120px;
  margin-bottom: 0px;
}

.phonorary_board_items_content:nth-child(5n) {
  margin-right: 0px;
}

.phonorary_board_items_content {
  background-color: var(--vinaceous);
  margin-right: 20px;
  width: 201px;
  max-height: 93px;
  padding: 15px 10px;
  border-radius: 20px;
  display: inline-flex;
  margin-bottom: 10px;
  justify-content: space-between;
  align-items: center;
  vertical-align: top;
}

.phonorary_board_items_number {
  font-size: 40px;
  color: rgb(255, 255, 255);
  display: inline-block;
  vertical-align: super;
}

.petra_faculty_achieve .centered_content_title p {
  font-size: 20px;
  font-weight: 400;
  line-height: 35px;
}



.testimonials_items1 {
  display: flex;
}

.testimonial_item1 img {
  width: 100%;
}

.testimonial_item img {
  object-fit: cover;
  border-radius: 20px;
}

@keyframes testi_anim1 {
  0% {
    width: 240px;
    height: 310px;
  }

  100% {
    width: 200px;
    height: 210px;
  }
}

.testimonial_item img:hover {
  cursor: pointer;
}

.testimonial_item {
  margin: 0px 10px;
  filter: grayscale(1);
}

.testimonial_item.testimonial_active img {
  border-radius: 30px;
  margin-left: unset !important;
}

@keyframes testi_anim {
  0% {
    width: 200px;
    height: 210px;
  }

  100% {
    width: 240px;
    height: 310px;
  }
}

.testimonial_slider {
  display: flex;
  align-items: flex-end;
}

.testimonial_item_flex_content {
  display: flex;
  position: relative;
}

.testimonial_item_content {
  margin-top: 80px;
}

.testimonial_item_content h6 {
  font-size: 20px;
  text-align: right;
  color: rgb(255, 255, 255);
  font-weight: 100;
}

.testimonial_item_content a {
  color: rgb(255, 255, 255);
  font-size: 24px;
  font-weight: 100;
  text-align: center;
  display: block;
  margin: 0px auto;
}

.testimonial_item_content a img {
  margin-right: 20px;
  transform: rotate(-180deg);
}

.testimonial_item.testimonial_active {
  position: relative;
}

.testimonial_slider .owl-stage {
  display: flex;
  align-items: flex-end;
  padding: 15px 0px;
}

.faculty_footer {
  background-color: rgb(60, 58, 58);
  padding: 75px 0px;
}

.footer_icons_items {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footer_icons {
  margin-bottom: 60px;
}

.footer_map_content p {
  color: rgb(255, 255, 255);
  margin: 0px;
  font-size: 20px;
  font-weight: 100;
  line-height: 38px;
}

.footer_map {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}

.footer_map_image img:hover {
  transform: scale(1.1);
  transition: all 0.3s ease 0s;
}

.footer_content_links a:hover {
  background-color: rgb(255, 255, 255);
  color: rgb(0, 0, 0) !important;
}

.footer_content_links a:hover::before {
  filter: invert(1);
  position: unset;
}

.footer_content_contact h3 {
  font-size: 20px;
  color: rgb(255, 255, 255);
  font-weight: 700;
}

.footer_content_contact {
  font-size: 20px;
  font-weight: 100;
  color: rgb(255, 255, 255);
  line-height: 30px;
}

.footer_content_contact p {
  margin-bottom: 0px;
  font-weight: 400;
  font-size: 20px;
}

.footer_content_contact ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.footer_content {
  display: flex;
  justify-content: space-between;
}

.footer_content_links a {
  color: rgb(255, 255, 255);
  font-size: 19px;
  font-weight: 100;
  text-decoration: unset;
  display: block;
  border: 2px solid rgb(255, 255, 255);
  border-radius: 10px;
  margin-bottom: 10px;
  padding: 0px 15px 0px 120px;
  height: 29px;
  line-height: 1.2;
}

.footer_content_links a::before {
  content: "";
  background-image: url("../images/overview_icon.svg");
  background-repeat: no-repeat;
  width: 20px;
  height: 11px;
  display: inline-block;
  vertical-align: baseline;
  margin-left: 10px;
  transform: rotate(0deg);
  margin-left: 10px;
  background-size: 10px 11px;
}

.more_contact:hover::before {
  position: relative;
  left: unset !important;
}

.more_contact::before {
  content: "";
  background-image: url("/assets/CentersAssets/images/overview_icon.svg");
  background-repeat: no-repeat;
  width: 20px;
  height: 12px;
  display: inline-block;
  vertical-align: baseline;
  margin-right: 5px;
  transform: rotate(0deg);
  background-size: 10px 12px;
}
.footer_icons_items img {
  filter: brightness(0) invert(1);
}

.footer_icons_items img:hover {
  transition: 0.3s all;
}



.social_media a {
  text-decoration: unset;
}

.bottom_footer {
  background-color: #901D23;
  padding: 40px 0px 0px;
}

.bottom_footer_content {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}

.footer_copyright {
  text-align: center;
  padding-bottom: 20px;
}

.footer_copyright p {
  color: #fff;
  font-size: 17px;
  font-weight: 700;
}

.bottom_footer_other_links div a {
  color: #fff;
  margin: 0 10px;
  font-size: 17px;
  font-weight: 400;
  display: inline-block;
}

.quick_nav {
  backdrop-filter: blur(11px);
  background-color: #000000e0;
  height: unset;
  position: fixed;
  z-index: 98;
  top: 50px;
  right: 0;
  width: 100%;
  padding: 150px 80px 50px;
  display: none;
  height: 100%;
}

.quick_nav_acc_item .accordion-header button {
   box-shadow: unset;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background-color: unset;
    text-decoration: unset;
    width: fit-content;
    margin: 0 auto;
    text-align: center;
    display: block;
    padding: 15px 0 0;
}

.quick_nav_acc {
  text-align: center;
    margin: 0 auto;
}

.quick_nav_sublinks ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 0;
}

.quick_nav_sublinks ul li {
  font-size: 16px;
    flex: 50%;
    font-weight: 100;
    margin-bottom: 20px;
    line-height: 20px;
    text-decoration: unset;
    flex-basis: 50%;
    text-align: left;
}

.quick_nav_acc .accordion-button::after {
  background-image: url("/assets/CentersAssets/images/quick_arrow.svg");
  height: 14px;
  transform: rotate(180deg);
  margin-left: auto;
  margin-right: unset;
  background-size: 12px 14px;
}
.accordion-button:not(.collapsed)::after
{

  transform: unset !important;
}
.quick_nav_acc .accordion-button:not(.collapsed)::after {
  content: '';
    border-bottom: 1px solid rgb(255 255 255 / 25%);
    display: block;
    width: 270px;
    height: 100%;
    padding-bottom: 15px;
    background-image: unset !important;
    transform: none !important;
    display: none;
}

.search_screen {
  background-color: rgba(0, 0, 0, 0.88);
  height: 100%;
  position: fixed;
  z-index: 99;
  top: 0;
  width: 100%;
  text-align: center;
  display: none;
  backdrop-filter: blur(11px);
  opacity: 0;
  animation: 0.5s ease-out 0s 1 normal forwards running search_animate;
}

@keyframes search_animate {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.search_screen_content {
  transform: translateY(35%);
  height: 100%;
}

.search_screen_content h2 {
  font-size: 30px;
  font-weight: 700;
  color: rgb(255, 255, 255);
  margin-bottom: 30px;
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  line-height: 50px;
}

.search_input input {
  padding-left: 60px;
  width: 675px;
  display: inline-block;
  height: 58px;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.27);
  box-shadow: unset;
  outline: none;
  font-size: 25px;
  color: rgb(255, 255, 255);
  border: unset;
}

.search_input {
  position: relative;
  display: inline-block;
}

.search_input img {
  position: absolute;
  left: 20px;
  top: 15px;
}

.search_btns a {
  margin: 0px 15px;
  color: rgb(255, 255, 255);
  text-decoration: unset;
  font-size: 18px;
  font-weight: 700;
  border-radius: 20px;
  background-color: var(--vinaceous);
  padding: 5px 20px;
  display: inline-block;
  min-width: 150px;
  height: auto;
  border: 2px solid var(--vinaceous);
  width: 321px;
}

.search_btns {
  margin-top: 50px;
}

.search_btns .discard_btn {
  background-color: transparent;
  border: 3px solid rgb(112, 112, 112);
  color: #fff;
  width: auto;
}

.search_btns a:hover {
  color: inherit;
}

.petra_faculty_tabs_content span:hover {
  cursor: pointer;
}

.petra_faculty_events_tabs_items h5 {
  margin-top: 35px;
  font-size: 16px;
  color: rgb(118, 118, 118);
  font-weight: 400;
  margin-bottom: -10px;
}

.petra_faculty_tabsEW_items {
  position: relative;
  width: 50%;
  height: 550px;
}

.faculty_instructor_img img {
  border: 2px solid rgb(255, 255, 255);
  border-radius: 50%;
  width: 100%;
}

.current_testimonial_slider {
  display: none;
}

.petra_menu_span .petra_responsive_menu_icon,
.petra_menu_span .petra_responsive_menu_btn {
  display: none;
}

.faculty_caption_icon img {
  transform: rotateY(180deg);
}

.centered_btn a:hover {
  background-color: rgb(255, 255, 255) !important;
  color: rgb(71, 20, 20) !important;
}

.facillities_gallery_items_single_content a:hover {
  background-color: rgb(255, 255, 255) !important;
  color: rgb(71, 20, 20) !important;
}

.petra_faculty_events_tabs_items_btn a:hover {
  background-color: rgb(110, 27, 27);
}

.photo_gallery a:hover {
  background-color: #fff !important;
  color: #000 !important;
}
.faculty_responsive_menu {
  display: none;
}

.images_slider {
  margin: 150px 0;
}

.status_items {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  background-color: rgb(9, 27, 34);
  border-radius: 20px;
  padding: 50px 0px;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); /*IHIASAT*/
}

.status_items p {
  font-size: 40px;
  color: rgb(255, 255, 255);
  font-weight: 700;
}

.status_items h4 {
  font-size: 20px;
  color: rgb(255, 255, 255);
  font-weight: 700;
}

section.petra_numbers {
  margin: 120px 0;
}

.status_item {
  flex-basis: 25%;
  text-align: center;
}

.status_item {
  border-right: 1px solid rgba(255, 255, 255, 0.48);
}

.status_item:last-child {
  border-right: unset;
}

.status_items p span {
  color: rgb(144, 29, 35);
}

.section_slider_sec.petra_faculty_centered {
  background-color: unset;
}

.section_slider_sec.petra_faculty_centered .centered_content_title h2 {
  color: rgb(0, 0, 0);
}

.section_slider_sec.petra_faculty_centered .centered_content_title p {
  color: rgb(0, 0, 0);
}

.section_slider .slick-list {
  padding: 0px !important;
}

.section_slider .slick-list {
  padding: 0px !important;
}

.section_slider_item {
  background-color: rgb(9, 27, 34);
  margin: 0px 10px;
  border-radius: 20px;
  height: 320px !important;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
}

.section_slider_item_content h2 {
  font-size: 20px;
  padding: 0 10px;
  font-weight: 700;
  color: rgb(255, 255, 255);
  padding-top: 7%;
  height: 80px;
  margin: 0;
}

.section_slider_item_content p {
  font-size: 16px;
  font-weight: 400;
  color: rgb(255, 255, 255);
  margin: 30px 30px 0px;
  text-align: justify;
}

.section_slider_item_content {
  text-align: center;
}

.section_slider .slick-prev,
.section_slider .slick-next {
  font-size: 0px;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  padding: 0px;
  transform: translate(0px, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

.section_slider .slick-next {
  right: -65px;
}

.section_slider .slick-prev {
  left: -65px;
}

.section_slider .slick-arrow::before {
  content: "";
  width: 60px;
  height: 56px;
  display: block;
  background-repeat: no-repeat;
}

.section_slider .slick-arrow.slick-next::before {
  background-image: url("/assets/CentersAssets/images/slider_arrow-r.svg");
}

.section_slider .slick-arrow.slick-prev::before {
  background-image: url("/assets/CentersAssets/images/slider_arrow-l.svg");
}

.section_slider .slick-disabled::before {
  background-image: url("/assets/CentersAssets/images/disabled_arrow.svg");
}

.section_slider .slick-arrow.slick-next.slick-disabled::before {
  transform: rotate(0deg);
}
.petra_services_items {
  margin: 30px 0px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.petra_services_items p {
  font-size: 15px;
  font-weight: 400;
  color: rgb(255, 255, 255);
  max-width: 150px;
  text-align: center;
  margin-top: 20px;
}

section.img_card_sec1.img_card_sec.petra_faculty_centered
  .centered_content_title
  h2 {
  color: rgb(0, 0, 0);
}

section.img_card_sec1.img_card_sec.petra_faculty_centered
  .centered_content_title
  p {
  color: rgb(0, 0, 0);
}

.centered_boxes .row {
  justify-content: center;
}

.bg_content_sec {
  background-image: url("/assets/CentersAssets/images/bgitem.png");
  padding: 50px 0px 50px;
  margin-bottom: 0px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.bg_content h2 {
  color: rgb(255, 255, 255);
  font-size: 32px;
}

.bg_content {
  text-align: center;
}

.bg_content p {
  max-width: 1000px;
  font-size: 20px;
  color: rgb(255, 255, 255);
  margin: 40px auto;
  line-height: 40px;
}

.bg_content_links a {
  display: block;
  color: rgb(255, 255, 255);
  font-size: 20px;
  margin-bottom: 10px;
}

.bg_content_links {
  text-align: center;
}

section.bg_content_sec .centered_btn {
  margin-top: 50px;
}

.petra_instructor .centered_content_title h2 {
  color: rgb(0, 0, 0);
}

.petra_instructor .centered_content_title p {
  color: rgb(0, 0, 0);
}

.petra_instructor_items .slick-list {
  padding: 0px !important;
}

.petra_instructor {
  padding: 60px 0px;
}

.petra_instructor.sec_bg {
  background-color: rgb(9, 27, 34);
}

.petra_instructor_items .slick-prev,
.petra_instructor_items .slick-next {
  font-size: 0px;
  line-height: 0;
  position: absolute;
  top: 30%;
  display: block;
  padding: 0px;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

.images_slider .slick-prev,
.images_slider .slick-next {
  font-size: 0px;
  line-height: 0;
  position: absolute;
  top: 45%;
  display: block;
  padding: 0px;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}


.images_slider .slick-next {
  right: 20%;
}

.images_slider .slick-arrow::before {
  content: "";
  width: 60px;
  height: 56px;
  display: block;
  background-repeat: no-repeat;
}

.petra_instructor_items .slick-next {
  left: -100px;
}

.petra_instructor_items .slick-prev {
  right: -100px;
}

.petra_instructor_items .slick-arrow::before {
  content: "";
  width: 60px;
  height: 56px;
  display: block;
  background-repeat: no-repeat;
}
#AllSections .slick-arrow.slick-next::before {
  background-image: url("/assets/CentersAssets/images/slider_arrow-r.svg");
}

#AllSections  .slick-arrow.slick-prev::before {
  background-image: url("/assets/CentersAssets/images/slider_arrow-l.svg");
}

#AllSections .slick-disabled::before {
  background-image: url("/assets/CentersAssets/images/disabled_arrow.svg");
}
#AllSections  .slick-arrow.slick-next.slick-disabled::before {
  transform: rotate(0deg);
}
.sec_bg #AllSections .slick-arrow.slick-next::before {
  background-image: url("/assets/CentersAssets/images/slider_arrow-l-w.svg");
}

.sec_bg #AllSections  .slick-arrow.slick-prev::before {
  background-image: url("/assets/CentersAssets/images/slider_arrow-r-w.svg");
}





.petra_instructor_items .slick-arrow.slick-next::before {
  background-image: url("/assets/CentersAssets/images/slider_arrow-l.svg");
}

.petra_instructor_items .slick-arrow.slick-prev::before {
  background-image: url("/assets/CentersAssets/images/slider_arrow-l.svg");
}

.petra_instructor_items .slick-disabled::before {
  background-image: url("/assets/CentersAssets/images/disabled_arrow.svg");
}

.petra_instructor_items .slick-arrow.slick-next.slick-disabled::before {
  transform: rotate(0deg);
}









.sec_bg .petra_instructor_items .slick-arrow.slick-next::before {
  background-image: url("/assets/CentersAssets/images/slider_arrow-r-w.svg");
}

.sec_bg .petra_instructor_items .slick-arrow.slick-prev::before {
  background-image: url("/assets/CentersAssets/images/slider_arrow-r-w.svg");
}

.sec_bg.petra_instructor .centered_content_title h2 {
  color: rgb(255, 255, 255);
}

.sec_bg.petra_instructor .centered_content_title p {
  color: rgb(255, 255, 255);
}
.section_name p {
  font-size: 18px;
  color: #fff;
  max-width: 900px;
  margin: 30px auto;
}
.section_name p {
  font-size: 18px;
  color: #fff;
  max-width: 900px;
  margin: 30px auto;
}

.links_boxes p {
  max-width: unset;
  font-size: 14px;
  margin: 15px 5px;
  padding: 5px;
  border: 1px solid #fff;
  border-radius: 20px;
}



.responsive_box {
  width: 92%;
  margin: 0 auto;
  position: absolute;
  bottom: 0;
  z-index: 9;
}

.links_boxes p.active {
  background-color: #fff;
  color: #000;
}
span.petra_faculty_desc_content1 a {
  color: #238392 !important;
}
.section_slider_item:hover {
  cursor: pointer;
}
.section_slider_item:hover {
  background-image: url("/assets/CentersAssets/images/section_bg.png");
  background-size: cover;
  background-color: var(--vinaceous);
}
.petra_instructor_items_content p {
  background-color: #fff;
  width: 70%;
  text-align: center;
  margin: 0 auto;
  position: relative;
  top: -15px;
  padding: 10px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 700;
}

.petra_instructor_items_content img {
  display: inline-block !important;
    min-height: 200px;
    max-height: 200px;
    min-width: 200px;
    max-width: 200px;
}

.petra_instructor_items_content {
  margin: 0 20px;
  text-align: center;
}

.sections_projects .centered_content_title h2 {
  color: #000;
}
.sections_projects .centered_content_title p {
  color: #000;
}

.images_slider .centered_btn a {
  background-color: var(--vinaceous);
}

.links_boxes p:hover {
  cursor: pointer;
}
.petra_instructor_items_content:hover {
  cursor: pointer;
}

@media (min-width: 993px) {
  .fast_explore
  {
    display: block !important;
  }
  .petra_faculty_nav_links
  {
    border-top:unset !important;
  }
  .petra_logo
  {
    margin-right: unset !important;
  }
}
@media (min-width: 1200px) {
  div#imgAchieve img
  {
      min-width: 400px;
      max-width: 400px;
      min-height: 300px;
      max-height: 300px;
      object-fit: cover;
      border-radius: 20px;
  }
  h2#AllPageTitle
  {
    font-weight: 600;
  }
  .main_sec_content
  {
    padding-top: unset !important;
    margin-top: 180px;
  }
 
  .social_media {
    width: 300px;
  }

  .testimonial_item img {
    animation: 0.5s ease-out 0s 1 normal forwards running testi_anim1;
  }

  .testimonial_item.testimonial_active img {
    animation: 0.5s ease-out 0s 1 normal forwards running testi_anim;
  }
}

@media (max-width: 768px) {
  .footer_content_links {
    position: unset;
    top: unset;
}
  .main_sec
  {
    height: 260px !important
  }
  #SelectYear
{
  font-size: 18px !important;
}
#ddlYear
{
  font-size: 20px !important;
}
.selected-year
{
  width: 100% !important;
}
  .main_sec
  {
    margin-top: 50px;
  }
  .footer-links-bottom
  {
    width: 100%;
  }
  .footer-links-top
  {
    width: 90%;
  }
  .all_img_cards .img_card_img
  {
    min-height: 180px;
    max-height: 180px;
  }
  #WebPartWPQ1 .petra_accordion_item .accordion-button
  {
    font-size: 15px !important;
  }

  h2#AllPageTitle
  {
    font-size: 30px !important;
  }
  h1#AllPageTitle
  {
    font-size: 24px !important;
  }

  .petra_faculty_header
  {
    background-color: rgb(145 29 35) !important;
  }
  .petra_faculty_nav_links
  {
    display: block !important;
    border-top: unset !important;
  }
  .petra_faculty_nav_links span
  {
    margin-right: unset;
    margin-bottom: 15px;
  }
  #MenuTopLevel1 span
  {
    display: block;
  }
  input#menu_search
  {
    display: none;
  }

  .slider-items li a::after
  {
    content: unset !important;
  }
  .slider-items li a
  {
    max-width: 100% !important;
  }
  .slider-items li
  {
    padding: 0 10px;
    text-align: center;
  }

  .petra_faculty_nav_accessibility {
    margin-right: 0px;
  }

  .petra_faculty_header_slider .carousel-item img {
    width: 100%;
    height: 100%;
    border-radius: 0px 0px 20px 20px;
    object-fit: cover;
  }

  .petra_faculty_nav {
    height: 60px;
    justify-content: space-between;
  }

  .petra_logo {
    margin-right: 7px;
  }

  .faculty_logo_name h1 {
    font-size: 14px;
    max-width: 90px;
    margin-left: 10px;
    padding-top: 10px;
    line-height: 14px;
  }

  .faculty_logo_name img {
    width: 26px;
  }

  .petra_logo img {
    height: 38px;
  }

  .petra_faculty_desc_content p {
    font-size: 16px;
    margin-top: 60px;
  }

  .full_width_bg {
    display: none;
  }

  .petra_faculty_video .faculty_img {
    opacity: 1;
    height: 160px;
    width: 160px;
    border: 2px solid rgb(255, 255, 255);
    border-radius: 20px;
    position: relative;
  }

  .petra_faculty_sections_slider_type a {
    margin: 0px 15px;
  }

  .petra_faculty_name_desc {
    position: relative;
    top: 0px;
    z-index: 0;
  }


  .petra_faculty_details_description .row {
    flex-direction: column-reverse;
  }

  .petra_faculty_header_slider {
    position: relative;
  }

  .petra_faculty_name p {
    font-size: 40px;
    color: rgb(255, 255, 255);
    line-height: 45px;
    font-weight: 700;
  }

  .petra_faculty_name h1 {
    font-size: 40px;
    color: rgb(255, 255, 255);
    line-height: 65px;
    font-weight: 700;
  }

  .petra_faculty_desc {
    display: flex;
    text-align: center;
    margin-top: 0px;
    flex-flow: column-reverse wrap;
  }
  .petra_faculty_accordion
  {
    margin-top: 20px !important;
  }
  .petra_faculty_name {
    text-align: center;
  }

  .petra_faculty_desc_content {
    display: block;
    padding-left: 0px;
    padding-top: 0px;
  }

  .petra_faculty_video .play_img {
    position: absolute;
    left: 42%;
    top: 54px;
    width: 53px;
  }

  .programs_slider_items:nth-child(2n) {
    margin-right: unset;
  }

  .programs_slider {
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
  }

  .programs_slider_items {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;
    margin: 0px 15px 27px 0px;
    border-radius: 14px;
    padding: 20px 23px;
    width: 45%;
    background-color: rgb(255, 255, 255);
  }

  .programs_slider_items h3 {
    font-size: 24px;
    height: 106px;
    max-width: 110px;
    text-align: left;
  }

  .programs_slider_items_links a {
    font-size: 12px;
  }

  .petra_faculty_sections_title h2 {
    font-size: 18px;
    font-weight: 400;
    color: var(--vinaceous);
    line-height: 1;
  }

  .petra_faculty_sections_title {
    line-height: 1;
    background-color: unset;
    height: unset;
    padding: 0px;
    margin-bottom: 0px;
    width: 100%;
  }

  .petra_faculty_sections {
    display: block;
    text-align: center;
    line-height: 1;
  }

  .petra_faculty_single_programs {
    display: none;
  }

  .faculty_instructor_img img {
    width: 180px;
  }

  .faculty_instructor_img {
    text-align: center;
  }

  .petra_faculty_details_description {
    margin-top: 40px;
    background-image: unset;
    padding: 60px 0px;
    background-repeat: no-repeat;
    position: relative;
    background-size: 100% 100%;
  }

  .faculty_instructor_img img {
    border: 2px solid rgb(255, 255, 255);
    border-radius: 50%;
    width: 180px;
  }

  .faculty_instructor_img {
    text-align: center;
    width: 100%;
    z-index: 2;
    position: relative;
  }

  .faculty_caption_icon {
    position: absolute;
    top: -10px;
    right: 30px;
  }

  .faculty_caption_icon img {
    width: 30px;
  }

  .petra_faculty_details_description_box_content {
    text-align: center;
  }

  .petra_faculty_details_description_box_content p {
    font-size: 16px;
    max-width: 310px;
    margin-left: auto;
    margin-right: auto;
    line-height: 30px;
    margin-top: 50px;
    font-weight: 400;
  }

  .petra_faculty_details_description_box_content a {
    font-size: 12px;
  }

  .petra_accordion_item .accordion-button {
    font-size: 16px;
    font-weight: 400;
    padding: 5px 30px;
    height: auto;
    text-align: left;
  }

  .accordion-body {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
  }

  .faculty_tabs {
    display: block;
  }

  .petra_faculty_tabsAN_items {
    margin-right: 0px;
  }

  .petra_faculty_tabs_content a {
    font-size: 16px;
  }

  .petra_faculty_tabs_content span {
    height: 32px;
    padding-top: 5px;
  }

  .petra_faculty_tabs_content {
    border-radius: 16px 16px 0px 0px;
    height: 32px;
    margin: 0px auto;
    width: 70%;
  }

  .petra_faculty_tabs_content .active_tab {
    border-radius: 16px 16px 0px 0px;
  }

  .petra_faculty_tabs_items p {
    font-size: 16px;
    line-height: 20px;
  }

  .petra_faculty_tabs_items h6 {
    font-size: 12px;
  }

  .petra_faculty_tabs_items {
    margin: 35px 0px;
  }

  .petra_faculty_events_tabs_items_btn a {
    padding: 10px;
    font-size: 16px;
    border-radius: 14px;
    height: 45px;
    width: 130px;
  }

  .petra_faculty_events_tabs_items_btn {
    position: unset;
    text-align: center;
  }

  .petra_faculty_tabs_items img {
    margin-right: 15px;
    width: 100px;
  }

  .petra_faculty_tabsEW_items {
    margin-top: 120px;
  }

  .centered_content_title h2 {
    margin-top: 40px;
  }

  .centered_content_title p {
    font-size: 13px;
    padding: 0px;
    font-weight: 400;
    margin-top: 10px;
  }

  .petra_faculty_research .centered_content_box img {
    display: none;
  }

  .centered_content_boxes {
    display: block;
  }

  .centered_content_box_desc p {
    font-size: 16px;
    margin-top: 7px;
    line-height: 22px;
  }

  .centered_content_box_desc {
    padding: 10px 20px;
    max-height: 100px;
    border-radius: 15px 0px 15px 15px;
    position: relative;
  }

  .centered_content_box_desc h6 {
    border-radius: 15px 15px 0px 0px;
    font-size: 12px;
    font-weight: 700;
    color: rgb(255, 255, 255);
    position: absolute;
    top: -27px;
    left: 0px;
    background-color: rgb(107, 95, 117);
    width: 190px;
    padding: 10px 20px 5px 0px;
    line-height: 1;
  }

  .centered_content_boxes span {
    margin-right: 0px;
    margin-bottom: 50px;
    display: block;
  }

  .centered_btn a {
    font-size: 16px;
    border-radius: 14px;
    padding: 10px 5px;
    width: 130px;
    height: 45px;
  }

  .centered_btn {
    text-align: center;
    margin-top: 30px;
  }

  .petra_faculty_honorary_board {
    margin-top: 80px;
  }

  .petra_faculty_centered.petra_faculty_facilities {
    margin-top: 110px;
    overflow: hidden;
  }

  .petra_faculty_facilities .centered_content_title p {
    color: var(--vinaceous);
  }

  .petra_faculty_facilities .centered_content_title p a {
    color: var(--vinaceous);
  }

  .petra_faculty_facilities .centered_content_title h2 {
    color: var(--vinaceous);
  }

  .petra_faculty_facilities .centered_content_boxes span {
    margin: 20px 10px;
  }

  .petra_faculty_facilities .centered_content_box img {
    height: auto;
  }

  .petra_faculty_facilities .centered_content_box.slick-current img {
    height: 380px;
    margin-top: 0px;
    object-fit: cover;
  }

  .petra_faculty_facilities .centered_content_box:hover .facilities_box_layer {
    right: unset;
    left: 20px;
  }

  .facilities_box_layer h3 {
    font-size: 20px;
  }

  .facillities_gallery_items_content h2 {
    font-size: 26px;
    text-decoration: underline;
    font-weight: 700;
  }

  .facillities_gallery_items_content p {
    font-size: 16px;
    line-height: 30px;
  }

  .facillities_gallery_items_single .facillities_gallery_items_content h2 {
    text-decoration: unset;
  }

  .petra_faculty_gallery_list {
    background-image: unset;
    height: unset;
  }

  .petra_faculty_gallery {
    position: relative;
    overflow-x: unset;
    height: unset;
    margin-top: 100px;
    background-image: url("/assets/CentersAssets/images/ins1.png");
    background-repeat: no-repeat;
    background-size: cover;
  }

  .facillities_gallery_items_content p {
    font-size: 16px;
    padding-left: 0px;
  }

  .facillities_gallery_items_content h2 {
    font-size: 26px;
  }

  .facillities_gallery_items_content {
    margin-bottom: 60px;
    text-align: center;
  }

  .petra_faculty_gallery_image {
    display: none;
  }

  .facillities_gallery_items_content a {
    font-size: 16px;
    width: 130px;
    height: 45px;
    border-radius: 14px;
  }

  .facillities_gallery_items_single .facillities_gallery_items_content a {
    padding: 10px 5px;
    margin: 50px 0px;
  }

  .facillities_gallery_items_single .facillities_gallery_items_content p {
    max-width: 100%;
    font-size: 21px;
    font-weight: 100;
    line-height: 40px;
  }

  .visible_section .petra_faculty_gallery_list {
    animation: gallery_list_animate 1s ease-out 0s forwards;
  }
  .visible_section .images_gallery_items .images_gallery_left {
    animation: images_gallery_items_animateL 1s ease-out 0.5s forwards;
    left: -20px;
  }
  .images_gallery_items {
    width: 100%;
    overflow: hidden;
  }
  span.images_gallery_items_centered {
    position: relative;
    z-index: 2;
  }
  @keyframes images_gallery_items_animateL {
    0% {
      left: -100px;
    }
    100% {
      left: 0;
    }
  }
  .visible_section .images_gallery_items .images_gallery_right {
    animation: images_gallery_items_animateR 1s ease-out 0.5s forwards;
    right: -100px;
    left: unset;
  }
  @keyframes images_gallery_items_animateR {
    0% {
      right: -100px;
    }
    100% {
      right: 100px;
    }
  }
  .visible_section .images_gallery_items .images_gallery_top {
    animation: images_gallery_items_animateT 1s ease-out 0.5s forwards;
    top: -100px;
  }
  @keyframes images_gallery_items_animateT {
    0% {
      top: -100px;
    }
    100% {
      top: 0;
    }
  }

  .petra_faculty_sections_slider_type .all_program {
    display: none;
  }

  .images_gallery_items .images_gallery_items_centered img {
    width: 210px;
    height: 160px;
    opacity: 1;
  }

  .images_gallery_items img {
    margin: 0px;
    border-radius: 12px;
    position: relative;
    width: 160px;
    height: 187px;
    left: -50px;
    opacity: 0.25;
  }

  .photo_gallery a {
    padding: 10px 0px;
    border-radius: 16px;
    font-size: 16px;
    width: 150px;
    height: 45px;
  }

  .petra_faculty_achieve .centered_content_title p {
    font-size: 16px;
    margin-top: 75px;
    line-height: 30px;
  }

  .petra_faculty_achieve .centered_image img {
    width: 130px;
  }

  .petra_faculty_centered.petra_faculty_achieve {
    padding: 110px 0px;
  }

  .honorary_board_content h2 {
    font-size: 18px;
  }

  .honorary_board_content p {
    font-size: 12px;
  }

  .phonorary_board_items_content p {
    font-size: 11px;
    max-width: 60px;
    vertical-align: bottom;
  }

  .phonorary_board_items_content {
    margin-right: 0px;
    width: 31.5%;
    margin-bottom: 5px;
    max-height: 50px;
    padding: 15px 10px;
    border-radius: 15px;
  }

  .phonorary_board_items_number {
    font-size: 20px;
    margin-left: 14px;
    vertical-align: middle;
  }

  .honorary_board_items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .testimonial_item_flex_content p {
    font-size: 20px;
    line-height: 33px;
    text-align: center;
    margin-left: 0px;
    margin-top: 0px;
    padding-top: 50px;
  }

  .testimonial_item_content a img {
    margin-right: 10px;
    width: 18px;
  }

  .centered_content_boxes .slick-list {
    margin: 0px -15px;
  }

  .testimonial_slider .slick-list {
    margin: 0px -15px;
  }

  .testimonial_item_content h6 {
    font-size: 12px;
    margin-right: 10%;
  }

  .testimonial_item_content a {
    font-size: 12px;
    margin-top: 25px;
  }

  .petra_faculty_sections_slider_type {
    display: flex;
    border-radius: 16px;
    height: 32px;
    margin: 10px auto 0px;
    width: 50%;
    background-color: rgb(94, 94, 94);
  }

  .petra_faculty_sections_slider_type .active_program_slider {
    background-color: var(--vinaceous);
    border-radius: 14px;
    color: rgb(255, 255, 255) !important;
    font-weight: 700 !important;
  }

  .testimonial_item img {
    width: 80px;
    height: 80px;
  }

  .testimonial_item.testimonial_active img {
    width: 80px;
    height: 80px;
    border-radius: 20px;
    margin: 0px;
  }

  .petra_faculty_testimonials .faculty_caption_icon {
    display: none;
  }

  .testimonial_slider {
    margin-top: 30px;
  }

  .current_testimonial_slider img {
    border-radius: 50%;
    height: 210px;
    width: 210px;
    object-fit: cover;
  }

  .testimonial_item_content {
    margin-top: 20px;
  }

  .current_testimonial_slider {
    display: block;
  }

  

  .current_testimonial_slider {
    text-align: center;
  }

  .footer_icons_items {
    flex-wrap: wrap;
  }

  .footer_icons_items img {
    width: 30px;
  }

  .footer_content_contact {
    font-size: 10px;
    line-height: 19px;
    flex: 1 1 50%;
  }

  .footer_content_contact h3 {
    font-size: 10px;
    margin-bottom: 0px;
  }

  .footer_content_links a {
    font-size: 12px;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 14px;
    padding: 5px;
    display: inline-block;
    margin-bottom: 15px;
    width: 30%;
    text-align: center;
    margin-right: 9px;
  }

  .bottom_footer_content {
    display: block;
  }

  .social_media img {
    margin-right: 5px;
    width: 34px;
  }

  .bottom_footer_other_links div a {
    font-size: 12px;
    display: block;
  }

  .petra_faculty_nav_accessibility img {
    width: 30px;
  }

  .footer_map_image img {
    width: 175px;
    height: 95px;
  }

  .bottom_footer_other_links {
    display: flex;
    flex-wrap: nowrap;
    margin-top: 30px;
  }

  .footer_copyright p {
    font-size: 9px;
  }

  .footer_map {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
  }

  .footer_map_content p {
    font-size: 10px;
    display: inline-block;
    line-height: 1;
    text-align: right;
  }

  .footer_content_links a::before {
    content: unset;
  }

  .footer_content_links {
    margin-top: 20px;
  }

  .bottom_footer_img {
    display: inline-block;
    width: 30%;
    text-align: right;
  }

  .social_media {
    display: inline-block;
    width: 64%;
  }

  .bottom_footer_img img {
    width: 76px;
  }

  .footer_map_content {
    text-align: left;
    line-height: 1;
  }

  .faculty_footer {
    padding: 35px 0px;
  }

  .petra_faculty_nav_accessibility .eye_acc {
    display: none;
  }

  .petra_menu_span .navicon {
    background: transparent;
    display: block;
    height: 4px;
    position: relative;
    transition: background 0.2s ease-out 0s;
    width: 36px;
    margin: 0px;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 2px;
  }

  .petra_menu_span .navicon::before,
  .petra_menu_span .navicon::after {
    background: var(--vinaceous);
  }

  .petra_responsive_menu_icon.petra_menu_opened {
    top: 15px;
    left: 0px;
  }

  .petra_menu_span .navicon::before,
  .petra_menu_span .navicon::after {
    background: transparent;
    border: 1px solid rgb(255, 255, 255);
    content: "";
    display: block;
    height: 4px;
    position: absolute;
    transition: all 0.2s ease-out 0s;
    width: 36px;
    left: -1px;
    border-radius: 2px;
  }

  .petra_menu_span .navicon::before {
    top: 8px;
  }

  .petra_menu_span .navicon::after {
    top: -10px;
  }

  .petra_menu_span
    .petra_responsive_menu_btn:checked
    ~ .petra_responsive_menu_icon
    .navicon {
    background: transparent;
    border: unset;
  }

  .petra_menu_span
    .petra_responsive_menu_btn:checked
    ~ .petra_responsive_menu_icon
    .navicon::before {
    transform: rotate(-45deg);
  }

  .petra_menu_span
    .petra_responsive_menu_btn:checked
    ~ .petra_responsive_menu_icon
    .navicon::after {
    transform: rotate(45deg);
  }

  .petra_menu_span
    .petra_responsive_menu_btn:checked
    ~ .petra_responsive_menu_icon:not(.steps)
    .navicon::before,
  .petra_menu_span
    .petra_responsive_menu_btn:checked
    ~ .petra_responsive_menu_icon:not(.steps)
    .navicon::after {
    top: 0px;
    background-color: rgb(255, 255, 255);
  }

  .petra_menu_span .petra_responsive_menu_icon {
    display: block;
    float: right;
    position: relative;
    top: 5px;
    z-index: 9;
  }

  .faculty_responsive_menu {
    display: none;
  }

  span.petra_menu_span.opened_menu {
    display: inline-block;
    margin: 30px 0px -30px;
    text-align: left;
    width: 100%;
  }

  span.petra_menu_span {
    display: inline-block;
    margin: 7px 0px;
  }

  .petra_site_menu_links {
    display: block;
    height: unset;
    margin-top: 30px;
  }

  .petra_site_menu {
    background-color: unset;
  }

  .petra_site_menu_dropdown_content {
    background-color: unset;
  }

  .faculty_responsive_menu {
    background-color: rgba(0, 0, 0, 0.93);
    top: 0px;
    position: fixed;
    z-index: 9999;
    width: 100%;
    backdrop-filter: blur(5px) opacity(75%);
  }

  .petra_site_menu_links span p {
    height: 45px;
  }

  .petra_site_menu_dropdown_content {
    top: 45px;
    position: unset;
  }

  .petra_faculty_nav_links {
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }

  .petra_faculty_nav_links span a {
    font-size: 16px;
    direction: rtl;
    display: inline-block;

  }

  .petra_site_menu_dropdown_content a {
    border-bottom: unset;
  }

  .petra_site_menu_links span p {
    font-size: 18px;
    text-decoration: underline;
    font-weight: 700;
  }

  .petra_faculty_nav_links {
    border-top: 1px solid rgb(204, 204, 204);
    margin-top: 20px;
  }

  .quick_nav_acc {
    width: 100%;
  }

  .quick_nav {
    position: unset;
    z-index: 999;
    width: 100%;
    top: 0px;
    right: 0px;
    padding: 70px 0px;
    display: none;
  }

  .opened_span {
    position: absolute;
    top: 0px;
    right: 15px;
  }

  .search_input img {
    width: 20px;
  }

  .search_input input {
    width: 100%;
    height: 48px;
    border-radius: 14px;
  }

  .search_btns .discard_btn {
    padding: 7px 40px;
  }

  .search_btns a {
    font-size: 14px;
    border-radius: 14px;
    padding: 10px 40px;
    width: 215px;
    margin: 12px auto;
  }

  .search_screen {
    top: 0px;
  }

  .search_screen_content h2 {
    font-size: 24px;
    line-height: 40px;
    max-width: 300px;
  }

  .petra_faculty_details_description .faculty_caption_icon {
    top: 20%;
    left: 5%;
    display: none;
  }

  .petra_faculty_nav_accessibility svg {
    width: 27px;
  }

  .petra_faculty_header_slider .carousel-indicators button {
    width: 11px;
    height: 11px;
  }

  .petra_faculty_programs {
    margin-top: 60px;
  }

  .petra_faculty_details_description_box {
    display: block;
    position: relative;
    z-index: 2;
  }

  .petra_faculty_news {
    margin-top: 120px;
  }


  .petra_accordion_item .accordion-button::after {
    background-size: 9px 12px;
    height: 12px;
    rotate: 180deg;
  }

  .petra_accordion_item .accordion-button:not(.collapsed)::after {
    width: 12px;
    height: 12px;
  }

  .petra_accordion_item {
    margin-bottom: 10px;
  }

  .petra_faculty_tabsAN_items {
    width: 100%;
    height: unset;
  }

  .petra_faculty_tabsEW_items {
    width: 100%;
    height: unset;
  }

  .petra_faculty_tabs {
    border-bottom: 5px solid var(--vinaceous);
  }

  .petra_faculty_tabs_items_img {
    height: 110px;
    width: 70%;
  }

  .petra_faculty_tabs_items_date {
    bottom: -5px;
    right: 20px;
  }

  .centered_content_title {
    margin-top: unset;
    margin-bottom: 80px;
  }

  .petra_faculty_centered {
    margin-top: unset;
  }

  .petra_faculty_gallery_list {
    padding: 60px 0px;
  }

  .facillities_gallery_items_content h2::before {
    background-size: 24px 21px;
    width: 21px;
    height: 24px;
  }

  .more_contact::before {
    content: unset;
  }

  .petra_faculty_sections_slider_type a {
    text-align: center;
    display: inline-block;
    width: 50%;
    background-color: rgba(71, 20, 20, 0);
    padding-top: 8px;
    height: 32px;
    margin: unset;
    font-size: 12px;
    font-weight: 400;
    text-decoration: unset !important;
  }

  .petra_faculty_sections_slider_type .active_tab {
    background-color: var(--vinaceous);
    border-radius: 20px;
  }

  .search_btns {
    display: flex;
    flex-flow: column-reverse wrap;
    margin-top: 25px;
  }

  .bottom_footer {
    padding: 40px 0px 0px;
  }

  .res_visible_section .animated_layer {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    backdrop-filter: blur(5px) opacity(75%);
    opacity: 0;
  }

  .res_visible_section .animated_layer {
    animation: 0.5s ease-out 0.3s 1 normal forwards running
      animatied_layer_animate;
  }

  .animated_content {
    opacity: 0;
    position: relative;
    z-index: 2;
  }

  .res_visible_section .animated_content {
    animation: 0.8s ease-out 0.6s 1 normal forwards running
      animatied_layer_animate;
  }

  @keyframes animatied_layer_animate {
    0% {
      opacity: 0;
    }

    100% {
      opacity: 1;
    }
  }

  .petra_site_menu_dropdown:hover .petra_site_menu_dropdown_content {
    display: none;
    backdrop-filter: unset;
    position: unset;
    background-color: unset;
  }

  .petra_site_menu_dropdown:hover {
    background-color: unset;
  }

  .petra_site_menu_dropdown_content a {
    color: rgb(255, 255, 255);
    padding: 0px 16px;
    text-decoration: underline;
    display: block;
    font-size: 16px;
    font-weight: 100;
    text-align: left;
  }

  .quick_nav_acc_item .accordion-header button {
    box-shadow: unset;
    font-size: 16px;
    font-weight: 700;
    color: rgb(255, 255, 255);
    background-color: unset;
    text-decoration: unset;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }

  .quick_nav_sublinks ul {
    width: 130%;
    margin: 0 auto;
  }

  .quick_nav_sublinks ul li {
    flex: 1 1 100%;
    margin-bottom: 10px;
    display: block;
    max-width: 170px;
    line-height: 20px;
  }

  .petra_faculty_image_gallery {
    overflow: hidden;
  }

  .eye_acc svg {
    width: 44px;
    height: 29px;
    vertical-align: baseline;
  }

  .faculty_responsive_menu .search_input input {
    width: 100%;
    height: 46px;
    border-radius: 20px;
    padding-left: 0px;
    margin-left: 15px;
  }

  .faculty_responsive_menu .search_input {
    position: relative;
    display: inline-block;
    width: 70%;
  }

  .faculty_responsive_menu .search_input img {
    width: 20px;
    opacity: 0.25;
    left: 25px;
    top: 12px;
  }

  .active_access svg path {
    fill: rgb(255, 255, 255);
  }

  .petra_site_menu_dropdown {
    position: relative;
    width: 70%;
    text-align: center;
    margin: 0px auto;
  }

  .petra_site_menu_dropdown::after {
    content: "";
    background-image: url("/assets/CentersAssets/images/quick_arrow.svg");
    transform: rotate(180deg);
    display: inline-block;
    width: 12px;
    height: 14px;
    background-repeat: no-repeat;
    position: absolute;
    right: 0px;
    top: 18px;
  }

  .petra_site_menu_dropdown.petra_site_menu_dropdown_opened::after {
    background-image: url("/assets/CentersAssets/images/overview_icon.svg");
    transform: rotate(90deg);
  }

  .footer_content_contact p {
    font-size: 10px;
  }

  .footer_map_content {
    margin-right: -30px;
  }

  .petra_faculty_header_slider .carousel-inner {
    height: 100%;
  }

  .petra_faculty_desc_content .petra_faculty_desc_link {
    font-size: 14px;
    height: 45px;
    width: 130px;
    padding-top: 10px;
    margin-top: 40px;
  }

  .petra_faculty_desc_content .petra_faculty_desc_link::before {
    background-size: 8px 10px;
    width: 8px;
    height: 10px;
  }

  .testimonial_item.testimonial_active {
    position: unset;
  }

 

  span.petra_faculty_desc_content1 p {
    font-size: 16px;
    line-height: 28px;
    max-width: unset;
  }

  span.petra_faculty_desc_content1 {
    margin-top: 30px;
  }

  span.petra_faculty_desc_content1 h3 {
    font-size: 22px;
    margin-bottom: 20px;
  }

  span.petra_faculty_desc_content1 {
    margin-top: 30px;
  }

  span.petra_faculty_desc_content1 a {
    display: block;
    text-align: left;
    margin-top: 20px;
    color: rgb(0, 0, 0);
  }

  span.petra_faculty_desc_content1 {
    margin-top: 30px;
    text-align: left;
  }

  span.petra_faculty_desc_content1 a {
    display: block;
    text-align: left;
    margin-top: 20px;
    color: rgb(0, 0, 0);
  }

  .petra_videos {
    padding: 60px 0px;
    text-align: center;
  }

  .petra_videos_small_boxes {
    display: block;
  }

  .petra_videos_items {
    width: 100%;
    margin-left: 0;
  }

  .img_card_img {
    height: 175px;
  }

  section.img_card_sec1.img_card_sec {
    background-color: unset;
    padding-top: unset;
    margin: 80px 0px;
    padding-bottom: 0px;
  }

  .img_card_sec {
    margin-bottom: 60px;
    margin-top: 100px;
    min-height: unset;
    background-color: unset;
    padding-bottom: 60px;
    padding-top: 80px;
  }

  /* .sections_projects_slider .slick-track {
    left: 50px;
  } */

 

  .sections_projects_items {
    border-radius: 20px;
    overflow: hidden;
  }

  .sections_projects_items img {
    width: 100%;
    height: 375px;
  }

  .sections_projects_items_content h2 {
    font-size: 20px;
  }

  .sections_projects_items_content h3 {
    font-size: 16px;
    margin: 10px 0px;
  }

  .sections_projects_items_content p {
    font-size: 16px;
    line-height: 25px;
  }

  .petra_faculty_sections_mange_boxes {
    margin-bottom: 0px;
    margin-right: 25px;
    padding: 30px 15px 20px 40px;
    height: 400px !important;
  }

  .petra_faculty_sections_mange_boxes h3 {
    font-size: 28px;
    margin-bottom: 30px;
  }

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

  .petra_faculty_sections_mange_boxes_links a {
    font-size: 16px;
    margin-bottom: 15px;
  }

  .petra_faculty_sections_slider .slick-track {
    left: 25px;
  }

  .petra_faculty_sections_slider {
    margin: 0px -12px;
  }

  .petra_faculty_header {
  
    width: 100%;
    top: 0px;
    z-index: 999;
    background-color: var(--vinaceous);
  }

  .right_menu {
    width: 100%;
  }

  .section_name {
    left: 0;
  }

  .r_layer {
    width: 100%;
    height: 100%;
    z-index: -1;
  }

  span.petra_side_col {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0px 10px;
  }

 
  .petra_side_col a {
    font-weight: 300;
    flex-basis: 50%;
    margin-bottom: 10px;
  }

  .petra_side_col a::before {
    background-size: 10px 10px;
  }

  .section_specs p {
    width: 105px;
    margin-left: 10px;
    font-size: 14px;
    margin-right: 0px;
  }

  .petra_side_col a {
    font-weight: 300;
    flex-basis: 50%;
    margin-bottom: 10px;
  }

  .petra_faculty_desc_content h3 {
    font-size: 22px;
  }
  .section_name p {
    display: none;
  }

  .links_boxes p {
    display: block;
    margin: 5px;
    padding: 5px;
  }
  .petra_faculty_desc_link::before {
    display: none;
  }

  .status_items {
    background-color: unset;
    flex-wrap: wrap;
  }
  .links_boxes p {
    max-width: unset;
    font-size: 12px;
    margin: 5px;
    padding: 5px;
    border: 1px solid #fff;
    border-radius: 20px;
    display: block;
  }

  .status_item {
    flex-basis: 100%;
    background-color: rgb(9, 27, 34);
    margin: 2px;
    border-radius: 20px;
    padding: 10px;
  }

  .status_items p {
    font-size: 28px;
    margin-bottom: 10px;
  }

  .status_items h4 {
    font-size: 14px;
  }

  span.petra_faculty_details_description_box_content h2 {
    font-size: 26px;
  }
  section.sections_projects {
    margin: 100px 0;
  }
  .section_slider .slick-list {
    margin: 0 -15px;
  }
  .section_slider .slick-track {
    left: -78px;
  }
  .section_slider_item_content h2 {
    font-size: 20px;
  }

  .section_slider_item_content p {
    font-size: 16px;
  }
  .petra_services_items {
    margin: 0 10px;
    flex-basis: 27%;
  }

  .petra_services_items_cont {
    width: 100%;
  }

  .petra_services_items p {
    font-size: 12px;
  }

  .petra_sevices_items_content img {
    width: 100%;
  }

  .section_slider_item {
    height: 260px !important;
  }
  .centered_boxes .row {
    justify-content: flex-start;
  }
  .bg_content_sec {
    padding: 100px 0 50px;
    margin-bottom: 0;
  }
  .bg_content h2 {
    font-size: 24px;
  }
  .centered_content_title h2
  {
    font-size: 24px;
  }
  .bg_content p {
    font-size: 14px;
  }

  .bg_content_links a {
    font-size: 16px;
  }

  .bg_content_sec .centered_btn a {
    width: 200px;
  }
  .petra_instructor_items .slick-list.draggable {
    margin: 0 -15px;
  }
  .petra_instructor_items_content {
    margin: 0 10px;
    text-align: center;
  }

  .images_sliders_item img {
    width: 100%;
    height: 250px;
  }
}

@media (max-width: 360px) {
  .programs_slider_items {
    flex: 1 1 40%;
  }

  .programs_slider_items {
    padding: 20px 12px;
  }

  .footer_content_links a {
    width: 29%;
    padding: 5px 3px;
  }

  .facillities_gallery_items_content p {
    font-size: 15px;
    padding-right: 0px;
    line-height: 26px;
  }
}



.slider-items
{
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slider-items li
{
  padding: 10px 14px;
    width: 100%;
}

.slider-items li a
{
  color: #fff;
  text-decoration: none;
  margin: 0 0px;
  text-align: center;
  position: relative;
  display: block;
  max-width: 100%;
  width: 100%;
}


.links_boxes {
  background: var(--vinaceous);
    padding: 15px 20px 0px;
    margin: 0 40px;
}

.slider-items li a::after
{
  content: '';
  border-left: 1px solid #fff;
  display: inline-table;
  height: 40px;
  position: absolute;
  left: -15px;
  top: -13px;
}











.slider--vertical {
  transform: perspective(30rem) rotateY(25deg);
  transform-origin: center left;

  .slick-slide {
    font-size: 3rem;
    opacity: .3;
    text-transform: uppercase;
    transform: scale(0.6, 0.6);
    transform-origin: center left;
    transition: opacity .1s ease, transform .1s ease;

    &.slick-current,
    &.slick-current-clone-animate {
      opacity: 1;
      transform: scale(1, 1);
    }
  }

  .slick-next {
    margin-top: 2rem * 2;
  }
  .slick-prev {
    margin-bottom: 2rem * 2;
  }
}

.slick-arrow {
  color: #000;
}

.club_centered_boxes2 button.owl-prev
{
  position: absolute;
  left: -10%;
  top: 22%;
}

.club_centered_boxes button.owl-prev
{
  position: absolute;
  left: -10%;
  top: 22%;
}
.club_centered_boxes2 button.owl-next
{
  position: absolute;
  right: -10%;
  top: 22%;
}
.club_centered_boxes button.owl-next
{
  position: absolute;
  right: -10%;
  top: 22%;
}
.club_centered_boxes .owl-nav button span
{
  font-size: 38px;
  width: 56px;
  display: inline-block;
  background-color: #000;
  color: white;
  border-radius: 100%;
  height: 56px;
  line-height: 56px;
}
.club_centered_boxes2 .owl-nav button span
{
  font-size: 38px;
  width: 56px;
  display: inline-block;
  background-color: #000;
  color: white;
  border-radius: 100%;
  height: 56px;
  line-height: 56px;
}
.petra_faculty_header_slider
{
  position: relative;
  margin-top: 20px;
  height: 500px;
}


.no-js .owl-carousel, .owl-carousel.owl-loaded
{
  display: flex !important;
}
.sections_projects_slider button.owl-prev
{
  position: absolute;
  left: 19%;
  top: 41%;
}
.sections_projects_slider button.owl-next
{
  position: absolute;
  right: 19%;
  top: 41%;
}
.sections_projects_slider .owl-nav button span
{
  font-size: 39px;
  width: 56px;
  display: inline-block;
  background-color: #000;
  color: white;
  border-radius: 100%;
  height: 56px;
  line-height: 57px;
}
.sections_projects_slider .slick-track
{
  margin-left: unset !important;
  margin-right: unset !important;
  width: 100% !important;
}
.sections_projects_slider .slick-slide
{
  width: 100% !important;
}

@media (max-width: 1399.98px) {

  .bottom_footer {
    padding: 40px 0px 0px;
}
.footer_icons_items {
  flex-wrap: wrap;
}

.footer_icons_items img {
  width: 30px;
}

.footer_content_contact {
  font-size: 10px;
  line-height: 19px;
  flex: 50%;
}

.footer_content_contact h3 {
  font-size: 10px;
  margin-bottom: 0;
}

.footer_content_links a {
  font-size: 12px;
  border: 1px solid #fff;
  border-radius: 14px;
  padding: 5px;
  display: inline-block;
  margin-bottom: 15px;
  width: 30%;
  text-align: center;
  margin-left: 9px;
}

.footer_content_contact p {
  font-size: 10px;
}

.more_contact:before {
  content: unset;
}

.more_contact a {
  color: #fff !important;

}

.footer_map_content {
  margin-top: 0;
}

.bottom_footer_content {
  display: block;
}

.social_media img {
  margin-left: 5px;
  width: 34px;
}

.bottom_footer_other_links div a {
  font-size: 13px;
  display: block;

}


.footer_map_image img {
  width: 175px;
  height: 95px;
}

.bottom_footer_other_links {
  display: flex;
  flex-wrap: nowrap;
  margin-top: 30px;
}

.footer_copyright p {
  font-size: 9px;
}

.footer_map {
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
}

.footer_map_content p {
  font-size: 10px;
  display: inline-block;
  line-height: 1;
  text-align: right;
}

.footer_content_links a:before {
  content: unset;
}

.footer_content_links {
  margin-top: 0px;
}

.bottom_footer_img {
  display: inline-block;
  width: 30%;
  text-align: right;
}

.social_media {
  display: inline-block;
  width: 64%;
}

.bottom_footer_img img {
  width: 76px;
}

.footer_map_content {
  text-align: left;
  line-height: 1;
}

.faculty_footer {
  padding: 35px 0px;
}



}






@media (min-width: 767.99px) and (max-width: 991.98px) {
   

  
  .footer_icons
  {
      margin-bottom: 30px;
  }
  .footer_content_contact p
  {
      font-size: 13px;
  }
  .footer_content_contact h3
  {
      font-size: 14px;
  }
  .footer_content_contact ul li
  {
      line-height: 20px;
  }
  .footer_content_contact ul
  {
      margin-top: 12px;
  }
  .footer_map
  {
      margin-top: 12px;
  }
  .social_media
  {
      width: 70%;
  }
  .footer-links-bottom
  {
      display: flex;
      align-items: center;
  }
  .footer_copyright p
  {
      font-size: 11px;
      font-weight: 700;
  }
  .bottom_footer_other_links div a
  {
      font-size: 12px;
  }
  .footer-links-top
  {
      display: flex;
      align-items: center;
  }
  .bottom_footer_other_links
  {
      flex-direction: column;
  }
  .footer_content_links
  {
      top: 24px;
  }
  .footer_content_links a
  {
      width: 46.8%;
      font-size: 14px;
  }
  .footer_content {
    display: flex;
}
.footer_icons_items img
{
    width: 35px;
}


}

.footer_copyright p
{
    margin: 0;
}




@media (min-width:993px) and (max-width: 1399.98px) {
    
  .footer-links-top
  {
      display: flex;
      align-items: center;
  }
  .footer-links-bottom
  {
      display: flex;
      align-items: center;
  }
  .footer_content_links a
  {
      width: 46%;
      font-size: 14px;
  }
  .footer_map
  {
      margin-top: 25px;
  }
  .footer_content_contact
  {
      font-size: 12px;
  }

  .footer_icons_items img
  {
      width: 45px;
  }
  .footer_icons
  {
      margin-bottom: 30px;
  }
  .footer_content
  {
      display: flex !important;
  }

  .footer_content_contact h3
  {
      font-size: 18px;
      margin-bottom: 10px;
  }
  .footer_content_contact p
  {
      font-size: 17px;
      margin-bottom: 10px;
  }
  .footer_copyright p
  {
      font-size: 13px;
      font-weight: 100;
  }
  .social_media
  {
      width: 70%;
  }
  .bottom_footer_other_links div a
  {
      font-size: 15px;
  }
  .bottom_footer_other_links
  {
      justify-content: center;
      flex-direction: column;
  }

  .footer_map_content p {
    line-height: 17px;
    display: inline-block;
    font-size: 14px;
}
span.footer_map_image img
{
  margin-top: unset;
}




}







.bottom_footer_other_links div a
{
    text-decoration: none;
}

.carousel-indicators
{
  bottom: 11% !important;
  z-index: 9;
}



.accordion-body div
{
  text-align: justify;
}


@media (min-width: 1400px)
{


  .petra_faculty_header_slider .carousel-item img
  {
    min-height: 500px;
    max-height: 500px;
    object-fit: fill;
  }
  .footer_icons_items img
  {
      width: 50px;
  }
  .faculty_footer
  {
      padding: 30px 0px 75px 0;
  }
  .footer_icons
  {
      margin-bottom: 30px;
  }
  .footer_content_contact h3
  {
      font-size: 18px;
  }
  .footer_content_contact p
  {
      font-size: 18px;
  }
  .footer_content_contact ul
  {
      font-size: 16px;
      margin-top: 18px;
  }
  .footer_content_contact ul li
  {
      line-height: 30px;
  }
  .footer_content_contact
  {
      flex: 50%;
  }
  .footer_content_links
  {
      flex: 50%;
  }
  .footer_content_links a
  {
      width: 90%;
      font-size: 16px;
      padding: 2px 10px 0px 10px;
  }
  .footer_map
  {
      justify-content: space-around;
  }
  span.footer_map_image img
  {
      height: 200px;
      margin-top: 29px;
  }
  .bottom_footer_other_links div a
  {
      margin: 0 7px;
      font-size: 16px;
      font-weight: 400;
  }
  .footer_copyright p
  {
      font-size: 14px;
      font-weight: 100;
  }
  .bottom_footer_img img
  {
      width: 100px;
      height: auto;
  }

  .petra_logo img
  {
    max-height: 80px;
  }
  #AllServices a img
  {
    min-width: 90px;
    max-width: 90px;
    object-fit: cover;
    min-height: 90px;
    max-height: 90px;
  }
  #AllServices a
  {
    min-width: 150px;
    max-width: 150px;
  }
  .petra_instructor_items_content p
  {
    width: 70%;
    padding: 5px;
    font-size: 15px;
    min-height: 59px;
    align-items: center;
    display: flex;
    justify-content: center;
  }
  .faculty_instructor_img img
    {
        width: 240px;
        object-fit: cover;
    }

    span.petra_faculty_desc_content1 p
    {
      margin-right: 20px;
      max-width: 900px;
    }

    .faculty_instructor_img img
    {
      width: 270px;
      object-fit: cover;
      height: 270px;
    }
    #Chairs-img
    {
      text-align: right;
    }
    .visible_section .images_gallery_items .images_gallery_top
    {
      min-height: 275px;
      min-width: 300px;
      max-width: 300px;
      max-height: 275px;
      object-fit: cover;
      box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); /*IHIASAT*/

    }
    .visible_section .images_gallery_items .images_gallery_bottom
    {
      min-height: 275px;
      min-width: 300px;
      max-width: 300px;
      max-height: 275px;
      object-fit: cover;
      box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); /*IHIASAT*/

    }
    .visible_section .images_gallery_items .images_gallery_right
    {
      min-width: 350px;
      max-width: 350px;
      min-height: 400px;
      max-height: 400px;
      object-fit: cover;
      box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); /*IHIASAT*/

    }
    .visible_section .images_gallery_items .images_gallery_left
    {
      min-width: 350px;
      object-fit: cover;
      max-width: 350px;
      min-height: 400px;
      max-height: 400px;
      box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); /*IHIASAT*/

    }
    .images_slider .slick-slide img
    {
      width: 100% !important;
    }
  


}







@media (min-width: 1200px) and (max-width: 1799.98px) 
{
  .sections_projects_slider button.owl-prev
  {
    left: 15%;
  }
  .sections_projects_slider button.owl-next
  {
    right: 15%;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) 
{
  
  .faculty_instructor_img img
  {
      width: 215px;
      min-height: 220px;
      max-height: 220px;
  }
  .petra_faculty_desc
  {
    align-items: center;
  }

  .footer_content_links
  {
      top: 24px;
  }
  .footer_map
  {
      margin-top: 23px;
  }
  .footer_content_links a {
    width: 48%;
    margin-right: 6px;
  }

.footer_content_links a:nth-child(3n) {
    margin-right: 6px;
}

.footer_icons_items img {
    width: 40px;
}

.footer_content_contact {
    font-size: 14px;
    flex: 90%;
}

.footer_content_contact h3 {
    font-size: 17px;
}
.footer_content
{
    display: flex;
}
.footer_map_content {
    max-width: unset;
}

.footer_map_content p {
    font-size: 12px;
}

.footer_map_image {
    width: 100%;
    text-align: start;
}

.footer_map_image a img {
    width: 100%;
}

.footer_copyright p {
    font-size: 11px;
}

.bottom_footer_other_links div a {
    font-size: 14px;
    margin: 0 4px;
    text-decoration: none;
}
.footer_map_content p {
  line-height: 15px;
}

.footer-links-bottom
{
  display: flex;
  align-items: center;
}
.footer-links-top
{
  display: flex;
  align-items: center;
}
.bottom_footer_other_links
{
  flex-direction: column;
}

.petra_faculty_facilities .centered_content_boxes span
{
  display: inline-block;
    max-width: 250px;
    min-width: 250px;
    margin: 20px 10px;
}
  .petra_faculty_facilities .centered_content_box img
  {
    min-height: 250px;
    max-height: 250px;
    min-width: 250px;
    max-width: 250px;
  }
  span.petra_faculty_desc_content1 p
  {
    margin-right: 20px;
    font-size: 15px;
    max-width: 700px;
  }
  .faculty_instructor_img img
  {
      width: 225px;
      height: 225px;
      object-fit: cover;
  }
  .petra_faculty_header_slider
  {
    height: 500px;
  }
  .petra_faculty_header_slider .carousel-inner
  {
    height: 500px;
  }
  .petra_faculty_header_slider .carousel-item img
  {
    height: 500px;
  }


  .faculty_instructor_img img
  {
      width: 200px;
      height: 200px;
      object-fit: cover;
  }

  .faculty_responsive_menu .search_input
  {
    display: none;
  }
  span.petra_menu_span.opened_menu
  {
    position: absolute;
    top: 0px;
    right: 30px;
  }


  .quick_nav_sublinks ul li
  {
    max-width: unset;
    margin-bottom: 0px;
  }
  .quick_nav_sublinks ul
  {
    width: 100%;
    justify-content: center;
  }
  .quick_nav_sublinks ul li a
  {
    width: 100%;
    font-size: 15px;
  }
  .petra_logo img
  {
    height: auto;
  }
  .petra_faculty_nav
  {
    height: auto;
    padding: 5px 0px;
  }
  .petra_faculty_nav_accessibility
  {
    display: flex;
    align-items: center;
  }
  span.petra_menu_span
  {
    top: 0;
    margin: 7px 0 7px 6px;
  }
  .petra_menu_span .petra_responsive_menu_icon
  {
    top: 1px;
  }
  .petra_faculty_header
  {
    padding: 0 10px 0 0;
  }
  .petra_faculty_nav_links span
  {
    margin-left: unset;
  }
  .petra_faculty_nav_links span a
  {
    width: 100%;
    text-align: justify;
    margin: 0;
    padding-right: 15px;
  }
  .petra_faculty_header_slider .carousel-item img
  {
    min-height: 500px;
    max-height: 500px;
    object-fit: cover;
  }
  .petra_faculty_header_slider
  {
    min-height: 500px;
    max-height: 500px;
    object-fit: cover;
  }
  .slider-items li
  {
    padding: 15px 0;
  }
  .slider-items li a
  {
    font-size: 15px;
  }
  .images_slider .images_sliders .slick-track
  {
    left: unset;
  }
  .images_slider .slick-slide img
  {
    width: 100% !important;
    max-width: unset !important;
    min-width: unset !important;
    min-height: 400px !important;
    max-height: 400px !important;
  }
  .images_slider .images_sliders .slick-track
  {
    left: 0 !important;
  }
  .sections_projects_slider .owl-item
  {
    -webkit-filter:unset;
  }
  .sections_projects_items_content
  {
    left:25% ;
  }

  .centered_content_boxes span
  {
    margin-right: unset;
  }
  .petra_faculty_centered.petra_faculty_facilities .centered_content_boxes
  {
    text-align: center;
  }
  .footer_content_links a:nth-child(3n)
  {
    margin-right: 10px;
  padding-left: unset;
  padding-right: unset;
  }
  .social_media img
  {
    margin-right: unset;
    margin-left: 2px;
    width: 37px;
  }
  .footer_content_links a {
    font-size: 12px;
    border: 1px solid #fff;
    padding: 5px 1px;
    width: 44%;
    margin-left: 6px;
}
.faculty_responsive_menu .search_input
    {
      display: none;
    }
    span.petra_menu_span.opened_menu
    {
      position: absolute;
      top: 0px;
      right: 20px;
    }

    .petra_faculty_facilities .centered_content_title p
    {
      color: #000;
      font-size: 15px;
      margin-top: 10px;
    }
    .petra_videos_items
    {
      padding: 0 10px;
    }
    .centered_content_title
    {
      margin-bottom: 30px;
    }

    .centered_btn a
    {
      padding: 10px 35px;
      width: auto;
      height: auto;
    }


    .bg_content_sec .centered_btn a
    {
      width: auto;
    }
    section.petra_numbers
    {
      margin-top: unset;
      margin-bottom: 20px;
    }




    .visible_section .images_gallery_items .images_gallery_left
    {
      min-width: 350px;
      max-width: 350px;
      min-height: 300px;
      max-height: 300px;
      object-fit: cover;
    }
    .visible_section .images_gallery_items .images_gallery_top
    {
      min-width: 350px;
      max-width: 350px;
      min-height: 300px;
      max-height: 300px;
      object-fit: cover;
    }
    .visible_section .images_gallery_items .images_gallery_bottom
    {
      min-width: 350px;
      max-width: 350px;
      min-height: 300px;
      max-height: 300px;
      object-fit: cover;
    }
    .visible_section .images_gallery_items .images_gallery_right
    {
      min-width: 350px;
      max-width: 350px;
      min-height: 300px;
      max-height: 300px;
      object-fit: cover;
    }
  #AllServices a
  {
    margin-right: unset;
  }
  .petra_videos
  {
    margin-top: 30px;
  }

  #AllSections .slick-prev
  {
    left: -70px !important;
  }
  #AllSections .slick-next
  {
    right: -70px !important;
  }
  #AllServices img
  {
    min-height: 90px;
    max-height: 90px;
    margin: 12px
  }
  .petra_instructor_items_content img
  {
    display: inline-block !important;
    min-height: 175px;
    max-height: 175px;
    min-width: 175px;
    max-width: 175px;
  }
  .petra_instructor_items_content a
  {
    width: 100%;
    text-align: center;
    display: block;
  }
  .petra_instructor_items_content p
  {
    font-size: 15px;
    font-weight: 600;
    width: 80%;
  }
  .images_slider .slick-next
  {
    right: 17%;
  }
  .images_slider .slick-prev.slick-arrow
  {
    left: 17%;
  }



}





@media (min-width:993.1px) and (max-width: 1199.98px) {
  div#imgAchieve img
  {
      min-width: 350px;
      max-width: 350px;
      min-height: 350px;
      max-height: 350px;
      object-fit: cover;
  }
  .faculty_instructor_img img
  {
      width: 215px;
      min-height: 220px;
      max-height: 220px;
  }
  .petra_faculty_desc
  {
    align-items: center;
  }

  .footer_content_links
  {
      top: 24px;
  }
  .footer_map
  {
      margin-top: 23px;
  }
  .footer_content_links a {
    width: 48%;
    margin-right: 6px;
}

.footer_content_links a:nth-child(3n) {
    margin-right: 6px;
}

.footer_icons_items img {
    width: 40px;
}

.footer_content_contact {
    font-size: 14px;
    flex: 90%;
}

.footer_content_contact h3 {
    font-size: 17px;
}
.footer_content
{
    display: flex;
}
.footer_map_content {
    max-width: unset;
}

.footer_map_content p {
    font-size: 12px;
}

.footer_map_image {
    width: 100%;
    text-align: start;
}

.footer_map_image a img {
    width: 100%;
}

.footer_copyright p {
    font-size: 11px;
}

.bottom_footer_other_links div a {
    font-size: 14px;
    margin: 0 4px;
    text-decoration: none;
}
.footer_map_content p {
  line-height: 15px;
}

.footer-links-bottom
{
  display: flex;
  align-items: center;
}
.footer-links-top
{
  display: flex;
  align-items: center;
}
.bottom_footer_other_links
{
  flex-direction: column;
}

.petra_faculty_facilities .centered_content_boxes span
{
  display: inline-block;
    max-width: 250px;
    min-width: 250px;
    margin: 20px 4px;
}
  .petra_faculty_facilities .centered_content_box img
  {
    min-height: 250px;
    max-height: 250px;
    min-width: 250px;
    max-width: 250px;
  }
  span.petra_faculty_desc_content1 p
  {
    margin-right: 20px;
    font-size: 15px;
    max-width: 700px;
  }
  .faculty_instructor_img img
  {
      width: 225px;
      height: 225px;
      object-fit: cover;
  }
  .petra_faculty_header_slider
  {
    height: 500px;
  }
  .petra_faculty_header_slider .carousel-inner
  {
    height: 500px;
  }
  .petra_faculty_header_slider .carousel-item img
  {
    height: 500px;
  }


  .faculty_instructor_img img
  {
      width: 200px;
      height: 200px;
      object-fit: cover;
  }

  .faculty_responsive_menu .search_input
  {
    display: none;
  }
  span.petra_menu_span.opened_menu
  {
    position: absolute;
    top: 0px;
    right: 30px;
  }


  .quick_nav_sublinks ul li
  {
    max-width: unset;
    margin-bottom: 0px;
  }
  .quick_nav_sublinks ul
  {
    width: 100%;
    justify-content: center;
  }
  .quick_nav_sublinks ul li a
  {
    width: 100%;
    font-size: 15px;
  }
  .petra_logo img
  {
    height: auto;
  }
  .petra_faculty_nav
  {
    height: auto;
    padding: 5px 0px;
  }
  .petra_faculty_nav_accessibility
  {
    display: flex;
    align-items: center;
  }
  span.petra_menu_span
  {
    top: 0;
    margin: 7px 0 7px 6px;
  }
  .petra_menu_span .petra_responsive_menu_icon
  {
    top: 1px;
  }
  .petra_faculty_header
  {
    padding: 0 10px 0 0;
  }
  .petra_faculty_nav_links span
  {
    margin-left: unset;
  }
  .petra_faculty_nav_links span a
  {
    width: 100%;
    text-align: justify;
    margin: 0;
    padding-right: 15px;
  }
  .petra_faculty_header_slider .carousel-item img
  {
    min-height: 500px;
    max-height: 500px;
    object-fit: cover;
  }
  .petra_faculty_header_slider
  {
    min-height: 500px;
    max-height: 500px;
    object-fit: cover;
  }
  .slider-items li
  {
    padding: 5px;
  }
  .slider-items li a
  {
    font-size: 15px;
  }
  .images_slider .images_sliders .slick-track
  {
    left: unset;
  }
  .images_slider .slick-slide img
  {
    width: 100% !important;
    max-width: unset !important;
    min-width: unset !important;
    min-height: 350px !important;
    max-height: 350px !important;
  }
 
  .sections_projects_slider .owl-item
  {
    -webkit-filter:unset;
  }
  .sections_projects_items_content
  {
    left:25% ;
  }

  .centered_content_boxes span
  {
    margin-right: unset;
  }
  .petra_faculty_centered.petra_faculty_facilities .centered_content_boxes
  {
    text-align: center;
  }
  .footer_content_links a:nth-child(3n)
  {
    margin-right: 10px;
  padding-left: unset;
  padding-right: unset;
  }
  .social_media img
  {
    margin-right: unset;
    margin-left: 2px;
    width: 37px;
  }
  .footer_content_links a {
    font-size: 12px;
    border: 1px solid #fff;
    padding: 5px 1px;
    width: 44%;
    margin-left: 6px;
}
.faculty_responsive_menu .search_input
    {
      display: none;
    }
    span.petra_menu_span.opened_menu
    {
      position: absolute;
      top: 0px;
      right: 20px;
    }

    .petra_faculty_facilities .centered_content_title p
    {
      color: #000;
      font-size: 15px;
      margin-top: 10px;
    }
    .petra_videos_items
    {
      padding: 0 10px;
    }
    .centered_content_title
    {
      margin-bottom: 30px;
    }

    .centered_btn a
    {
      padding: 10px 35px;
      width: auto;
      height: auto;
    }


    .bg_content_sec .centered_btn a
    {
      width: auto;
    }
    section.petra_numbers
    {
      margin-top: unset;
      margin-bottom: 20px;
    }




    .visible_section .images_gallery_items .images_gallery_left
    {
      min-width: 300px;
      max-width: 300px;
      min-height: 250px;
      max-height: 250px;
      object-fit: cover;
    }
    .visible_section .images_gallery_items .images_gallery_top
    {
      min-width: 300px;
      max-width: 300px;
      min-height: 250px;
      max-height: 250px;
      object-fit: cover;
    }
    .visible_section .images_gallery_items .images_gallery_bottom
    {
      min-width: 300px;
      max-width: 300px;
      min-height: 250px;
      max-height: 250px;
      object-fit: cover;
    }
    .visible_section .images_gallery_items .images_gallery_right
    {
      min-width: 300px;
      max-width: 300px;
      min-height: 250px;
      max-height: 250px;
      object-fit: cover;
    }
  #AllServices a
  {
    margin-right: unset;
  }
  .petra_videos
  {
    margin-top: 30px;
  }
  .status_items p
  {
    font-size: 30px;
  }
  .status_items h4
  {
    font-size: 14px;
  }
  #AllSections .slick-prev
  {
    left: -70px !important;
  }
  #AllSections .slick-next
  {
    right: -70px !important;
  }
  #AllServices img
  {
    min-height: 130px;
    max-height: 130px;
    margin: 12px
  }
  .petra_instructor_items_content img
  {
    display: inline-block !important;
    min-height: 175px;
    max-height: 175px;
    min-width: 175px;
    max-width: 175px;
  }
  .petra_instructor_items_content a
  {
    width: 100%;
    text-align: center;
    display: block;
  }
  .petra_instructor_items_content p
  {
    font-size: 15px;
    font-weight: 600;
    width: 80%;
  }
  .images_slider .slick-next
  {
    right: 5%;
  }
  .images_slider .slick-prev.slick-arrow
  {
    left: 5%;
  }




}

@media (min-width: 768.1px) and (max-width: 993px) {
  div#imgAchieve img
  {
      min-width: 300px;
      max-width: 300px;
      min-height: 300px;
      max-height: 300px;
      object-fit: cover;
  }
  .fast_explore
  {
    display: block !important;
  }
  .petra_faculty_nav_links
  {
    border-top:unset !important;
  }
  .petra_logo
  {
    margin-left: unset !important;
  }
  span.petra_menu_span
  {
    top: 6px;
  }
  .petra_menu_span .petra_responsive_menu_icon, .petra_menu_span
  {
    display: inline-block !important;
  }
 span.petra_menu_span.opened_menu {
    display: inline-block;
    margin: 30px 0px -30px;
    text-align: left;
    width: 100%;
  }

  span.petra_menu_span {
    display: inline-block;
    margin: 7px 0px;
  }
  #Menu1 a::after
  {
    content: unset !important;
  }
  #Menu2 a::after
  {
    content: unset !important;
  }
  #Menu3 a::after
  {
    content: unset !important;
  }
  .petra_faculty_nav_links span
  {
    margin-left: unset;
  }
  .petra_faculty_nav_links span a
  {
    display: block;
    text-align: justify;
    margin: 0 0 15px 0 !important;
  }
  #MenuTopLevel1
  {
    margin-left: 20px;
    margin-top: 50px;
  }
  .faculty_responsive_menu
  {
    z-index: 98;
    padding: 20px;
  }
  span.petra_menu_span.opened_menu
  {
    z-index: 999;
  }
  span.petra_menu_span.opened_menu
  {
    top: 10px;
    right: 40px;
  }




  .petra_faculty_desc
  {
    align-items: center;
  }

  .footer_content_links
  {
      top: 24px;
  }
  .footer_map
  {
      margin-top: 23px;
  }
  .footer_content_links a {
    width: 48%;
    margin-right: 6px;
}

.footer_content_links a:nth-child(3n) {
    margin-right: 6px;
}

.footer_icons_items img {
    width: 40px;
}

.footer_content_contact {
    font-size: 14px;
    flex: 90%;
}

.footer_content_contact h3 {
    font-size: 17px;
}
.footer_content
{
    display: flex;
}
.footer_map_content {
    max-width: unset;
}

.footer_map_content p {
    font-size: 12px;
}

.footer_map_image {
    width: 100%;
    text-align: start;
}

.footer_map_image a img {
    width: 100%;
}

.footer_copyright p {
    font-size: 11px;
}

.bottom_footer_other_links div a {
    font-size: 12px;
    margin: 0 4px;
    text-decoration: none;
}
.footer_map_content p {
  line-height: 15px;
}

.footer-links-bottom
{
  display: flex;
  align-items: center;
}
.footer-links-top
{
  display: flex;
  align-items: center;
}
.bottom_footer_other_links
{
  flex-direction: column;
}

.petra_faculty_facilities .centered_content_boxes span
{
  display: inline-block;
    max-width: 350px;
    min-width: 350px;
}
  .petra_faculty_facilities .centered_content_box img
  {
    min-height: 300px;
    max-height: 300px;
  }
  span.petra_faculty_desc_content1 p
  {
    margin-right: 20px;
    font-size: 15px;
    max-width: 700px;
  }
  .faculty_instructor_img img
  {
      width: 225px;
      height: 225px;
      object-fit: cover;
  }
  .petra_faculty_header_slider
  {
    height: 500px;
  }
  .petra_faculty_header_slider .carousel-inner
  {
    height: 500px;
  }
  .petra_faculty_header_slider .carousel-item img
  {
    height: 500px;
    object-fit: cover;
  }


  .faculty_instructor_img img
  {
      width: 200px;
      height: 200px;
      object-fit: cover;
  }

  .faculty_responsive_menu .search_input
  {
    display: none;
  }
  span.petra_menu_span.opened_menu
  {
    position: absolute;
    top: 0px;
    right: 30px;
  }
  span.eye_acc
  {
    display: none;
    position: relative;
    top: 20px;
  }

  .quick_nav_sublinks ul li
  {
    max-width: unset;
    margin-bottom: 0px;
  }
  .quick_nav_sublinks ul
  {
    width: 100%;
    justify-content: center;
  }
  .quick_nav_sublinks ul li a
  {
    width: 100%;
    font-size: 15px;
  }
  .petra_logo img
  {
    width: 100%;
    height: auto;
  }
  .petra_faculty_nav
  {
    height: auto;
    padding: 5px 0px;
  }
  .petra_faculty_nav_accessibility
  {
    display: flex;
    align-items: center;
  }
  span.petra_menu_span
  {
    top: 0;
    margin: 7px 0 7px 6px;
  }
  .petra_menu_span .petra_responsive_menu_icon
  {
    top: 1px;
  }
  .petra_faculty_header
  {
    padding: 0 10px 0 0;
  }
  .petra_faculty_nav_links span
  {
    margin-left: unset;
  }
  .petra_faculty_nav_links span a
  {
    width: 100%;
    text-align: justify;
    margin: 0;
    padding-right: 15px;
  }
  .petra_faculty_header_slider .carousel-item img
  {
    min-height: 500px;
    max-height: 500px;
    object-fit: cover;
  }
  .petra_faculty_header_slider
  {
    min-height: 500px;
    max-height: 500px;
    object-fit: cover;
  }
  .slider-items li
  {
    padding: 5px;
  }
  .slider-items li a
  {
    font-size: 15px;
  }
  .images_slider .images_sliders .slick-track
  {
    left: unset;
  }
  .images_slider .slick-slide img
  {
    max-width: unset !important;
    min-width: unset !important;
    min-height: 400px !important;
    max-height: 400px !important;
  }

  .sections_projects_slider .owl-item
  {
    -webkit-filter:unset;
  }
  .sections_projects_items_content
  {
    left:25% ;
  }

  .centered_content_boxes span
  {
    margin-right: unset;
  }
  .petra_faculty_centered.petra_faculty_facilities .centered_content_boxes
  {
    text-align: center;
  }
  .footer_content_links a:nth-child(3n)
  {
    margin-right: 10px;
  padding-left: unset;
  padding-right: unset;
  }
  .social_media img
  {
    margin-right: unset;
    margin-left: 2px;
    width: 32px;
  }
  .footer_content_links a {
    font-size: 12px;
    border: 1px solid #fff;
    padding: 5px 1px;
    width: 44%;
    margin-left: 6px;
}
.faculty_responsive_menu .search_input
    {
      display: none;
    }
    span.petra_menu_span.opened_menu
    {
      position: absolute;
      top: 0px;
      right: 20px;
    }
    span.eye_acc
    {
      position: relative;
      top: 4px;
    }
    .petra_faculty_facilities .centered_content_title p
    {
      color: #000;
      font-size: 15px;
      margin-top: 10px;
    }
    .petra_videos_items
    {
      padding: 0 10px;
    }
    .centered_content_title
    {
      margin-bottom: 30px;
    }

    .centered_btn a
    {
      padding: 10px 35px;
      width: auto;
      height: auto;
    }


    .bg_content_sec .centered_btn a
    {
      width: auto;
    }
    section.petra_numbers
    {
      margin-top: unset;
      margin-bottom: 20px;
    }





    .visible_section .images_gallery_items {
      animation: unset;
      opacity: 1;
      display: flex;
      flex-direction: column;
  }

  .visible_section .images_gallery_items .images_gallery_left {
      animation: unset;
      right: unset;
      width: 300px;
      height: 250px;
      opacity: 1;
      left: unset;
      object-fit: cover;
  }



  .images_gallery_items .images_gallery_items_centered img {
      width: 300px;
      height: 250px;
      object-fit: cover;
  }

  .visible_section .images_gallery_items .images_gallery_top {
      animation: unset;
      left: unset;
      right: unset;
      top: unset;
  }

  .images_gallery_items img {
      right: unset;
  }

  .visible_section .images_gallery_items .images_gallery_right {
      animation: unset;
      right: unset;
  }

  .images_gallery_items {
      display: block;
  }

  .visible_section .images_gallery_items .images_gallery_bottom {
      animation: unset;
      bottom: unset;
  }

  .images_gallery_items img {
      width: 300px;
      height: 250px;
      opacity: 1;
      object-fit: cover;
  }

  .images_gallery_items .images_gallery_items_centered .images_gallery_bottom {
      height: 250px;
      left: unset;
      right: unset;
  }

  span.images_gallery_items_centered {
      display: flex;
      flex-direction: column;
      margin-top: 25px;
  }
  #AllServices a
  {
    margin-right: unset;
  }
  .petra_videos
  {
    margin-top: 30px;
  }
  .petra_faculty_name_desc1 .petra_faculty_video .faculty_img
  {
     max-height: unset; 
     min-height: unset;
  }
  .status_item
  {
    margin: 2px;
    background: rgb(9, 27, 34);
    border-radius: 20px;
    padding: 5px;
  }
  .status_items
  {
    display: block;
    background-color:unset;
  }

  #AllSections .slick-next
  {
    right: -70px !important;
  }
  #AllSections .slick-prev
  {
    left: -70px !important;
  }
  #AllServices img
  {
    min-height: 130px;
    max-height: 130px;
    margin: 12px;
  }
  .petra_instructor_items_content img
  {
    min-height: 175px;
    max-height: 175px;
    min-width: 175px;
    max-width: 175px;
    display: inline-block !important;
  }
  .petra_instructor_items_content a
  {
    width: 100%;
    text-align: center;
    display: block;
  }
  .petra_instructor_items_content p
  {
    width: 100%;
    padding: 5px;
    font-size: 15px;
    font-weight: 400;
  }
  .images_slider .slick-prev.slick-arrow
  {
    left: 5%;
  }
  .images_slider .slick-next
  {
    right: 5%;
  }



}








#AllServices a
{
   text-decoration: unset !important;
   margin: 0px;
   text-align: center;
}
.petra_faculty_nav_links
{
  display: flex;
  align-items: center;
  justify-content: center;
}

.petra_faculty_nav_links span a::after
{
  content: "";
  display: flex;
  width: 0%;
  height: 1.5px;
  background-color: white;
  transition: width 0.4s;
  position: relative;
  top: 2px;
}
.quick_nav_acc_item .accordion-header button:after
{
  content: '';
  border-bottom: 1px solid rgb(255 255 255 / 25%);
  display: block;
  width: 270px;
  height: 100%;
  padding-bottom: 15px;
  background-image: unset !important;
  transform: none !important;
}

.petra_faculty_nav_links span a:hover::after {
  width: 100%;
}
#AllInstructions a:hover
{
  color: #000 !important;
  text-decoration: none !important;
}
#AllInstructions a
{
  color: #000;
  text-decoration: none;
}

.ms-SPZone.ms-webpart-zone
{
    position: relative;
    z-index: 9999;
}
#MSO_tblPageBody
{
    position: relative;
    z-index: 9999;
}



.s4-wpcell-plain
{
  width: 100%;
    display: grid;
}
div.ms-webpart-cell-vertical-inline-table
{
  display: grid;
}









.images_slider .slick-slide img
{
  width: 100%;
  min-height: 500px;
  max-height: 500px;
  object-fit: cover;
  margin: 0 auto;
  border-radius: 25px;
}


#AllSections .slick-slide img
{
  display: none;
}




#AllSections.sec_bg {
  background-color: rgb(9, 27, 34);
}

#AllSections .slick-prev,
#AllSections .slick-next {
  font-size: 0px;
  line-height: 0;
  position: absolute;
  top: 40%;
  display: block;
  padding: 0px;
  transform: translate(0px, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

#AllSections .slick-next {
  right: -80px;
}

#AllSections .slick-prev {
  left: -80px;
}

#AllSections .slick-arrow::before {
  content: "";
  width: 60px;
  height: 56px;
  display: block;
  background-repeat: no-repeat;
}


.owl-dots
{
  display: none;
}

.number
{
  color: #fff !important;
}


@media (min-width: 576px) and (max-width: 768px) {
  .menu-arrow.rotate {

    left: 46% !important;

  }
  div#imgAchieve img
    {
        min-width: 250px;
        max-width: 250px;
        min-height: 250px;
        max-height: 250px;
        object-fit: cover;
    }
  .menu-arrow
  {
    height: 40px !important;
width: 80px !important;
font-size: 21px !important;
left: -20px !important;
  }
  .menu-list {
    display: none;
    text-align: justify;
    background-color: rgb(60, 58, 58);
    width: 50%;
    padding: 5px 2%;
    position: absolute;
    top: -300px;
    z-index: 99;
    left: 0;
    height: 550px;
    overflow: scroll;
    list-style: none;
}
  .footer_content_contact p
  {
      font-size: 12px;
  }
  .footer_content_contact h3
  {
      font-size: 13px;
  }
  .footer_content_contact ul li
  {
      line-height: 20px;
  }
  .footer_content_contact ul
  {
      margin-top: 10px;
  }
  .footer_icons
  {
      margin-bottom: 25px;
  }
  .social_media img
  {
      margin-left: 3px;
      width: 30px;
  }
  .bottom_footer_other_links div a {
      font-size: 12px;
      max-width: unset;
  }
  .footer_copyright p
  {
      font-size: 10px;
      font-weight: 100;
  }
  .social_media
  {
      width: 70%;
  }


  .petra_instructor_items .slick-next
  {
    left: -50px !important;
  }
  .petra_instructor_items .slick-prev
  {
    right: -50px !important;
  }
  .petra_instructor_items_content img
  {
    max-width: 440px;
  }
  .petra_instructor_items_content a
  {
    display: flex;
    flex-direction: column;
    align-items: center;
  }


  .petra_faculty_centered.petra_faculty_facilities .centered_content_boxes
  {
    display: flex;
  }

  .faculty_instructor_img img
  {
      width: 200px;
      height: 200px;
      object-fit: cover;
  }

  .faculty_responsive_menu .search_input
  {
    display: none;
  }
  span.petra_menu_span.opened_menu
  {
    position: absolute;
    top: 0px;
    right: 30px;
  }
  span.eye_acc
  {
    position: relative;
    top: 20px;
  }

  .quick_nav_sublinks ul li
  {
    max-width: unset;
    margin-bottom: 0px;
  }
  .quick_nav_sublinks ul
  {
    width: 100%;
    justify-content: center;
  }
  .quick_nav_sublinks ul li a
  {
    width: 100%;
    font-size: 15px;
  }
  .petra_logo img
  {
    width: 100%;
    height: auto;
  }
  .petra_faculty_nav
  {
    height: auto;
    padding: 10px 0px;
  }
  .petra_faculty_nav_accessibility
  {
    display: flex;
    align-items: center;
  }
  span.petra_menu_span
  {
    top: 0;
    margin: 7px 0 7px 6px;
  }
  .petra_menu_span .petra_responsive_menu_icon
  {
    top: 1px;
  }
  .petra_faculty_header
  {
    padding: 0 10px 0 0;
  }
  .petra_faculty_nav_links span
  {
    margin-left: unset;
  }
  .petra_faculty_nav_links span a
  {
    width: 100%;
    text-align: justify;
    margin: 0;
    padding-right: 15px;
  }
  .petra_faculty_header_slider .carousel-item img
  {
    min-height: 500px;
    max-height: 500px;
    object-fit: cover;
  }
  .petra_faculty_header_slider
  {
    min-height: 500px;
    max-height: 500px;
    object-fit: cover;
  }
  .slider-items li
  {
    padding: 15px;
  }
  .slider-items li a
  {
    font-size: 15px;
  }
 
  .images_slider .slick-slide img
  {
    width: 80%;
    max-width: unset;
    min-width: unset;
    min-height: unset;
    max-height: unset;
  }
  .sections_projects_slider .owl-item
  {
    -webkit-filter:unset;
  }
  .sections_projects_items_content
  {
    left:25% ;
  }

  .petra_faculty_facilities .centered_content_box img
  {
    min-height: 300px;
    max-height: 300px;
    min-width: 300px;
    max-width: 300px;
  }
  .footer_content_links a:nth-child(3n)
  {
    margin-right: 10px;
  padding-left: unset;
  padding-right: unset;
  }
  .social_media img
  {
    margin-right: unset;
    margin-left: 2px;
    width: 32px;
  }
  .footer_content_links a {
    font-size: 12px;
    border: 1px solid #fff;
    padding: 5px 1px;
    width: 44%;
    margin-left: 6px;
}
.faculty_responsive_menu .search_input
    {
      display: none;
    }
    span.petra_menu_span.opened_menu
    {
      position: absolute;
      top: 0px;
      right: 20px;
    }
    span.eye_acc
    {
      position: relative;
      top: 10px;
    }
    .petra_faculty_facilities .centered_content_title p
    {
      color: #000;
      font-size: 15px;
      margin-top: 10px;
    }
    .petra_videos_items
    {
      padding: 0 10px;
    }
    .centered_content_title
    {
      margin-bottom: 30px;
    }

    .centered_btn a
    {
      padding: 10px 35px;
      width: auto;
      height: auto;
    }


    .bg_content_sec .centered_btn a
    {
      width: auto;
    }
    section.petra_numbers
    {
      margin-top: unset;
      margin-bottom: 20px;
    }





    .visible_section .images_gallery_items {
      animation: unset;
      opacity: 1;
      display: flex;
      flex-direction: column;
  }

  .visible_section .images_gallery_items .images_gallery_left {
      animation: unset;
      right: unset;
      width: 300px;
      height: 250px;
      opacity: 1;
      left: unset;
      object-fit: cover;
  }



  .images_gallery_items .images_gallery_items_centered img {
      width: 300px;
      height: 250px;
      object-fit: cover;
  }

  .visible_section .images_gallery_items .images_gallery_top {
      animation: unset;
      left: unset;
      right: unset;
      top: unset;
  }

  .images_gallery_items img {
      right: unset;
  }

  .visible_section .images_gallery_items .images_gallery_right {
      animation: unset;
      right: unset;
  }

  .images_gallery_items {
      display: block;
  }

  .visible_section .images_gallery_items .images_gallery_bottom {
      animation: unset;
      bottom: unset;
  }

  .images_gallery_items img {
      width: 300px;
      height: 250px;
      opacity: 1;
      object-fit: cover;
  }

  .images_gallery_items .images_gallery_items_centered .images_gallery_bottom {
      height: 250px;
      left: unset;
      right: unset;
  }

  span.images_gallery_items_centered {
      display: flex;
      flex-direction: column;
      margin-top: 25px;
  }
  #AllServices a
  {
    margin-right: unset;
  }
  .petra_videos
  {
    margin-top: 30px;
  }


  .faculty_instructor_img img
    {
        width: 200px;
        height: 200px;
        object-fit: cover;
    }
    .quick_nav_sublinks ul li
    {
      max-width: unset;
      margin-bottom: 0px;
    }
    .quick_nav_sublinks ul
    {
      width: 100%;
      justify-content: center;
    }
    .quick_nav_sublinks ul li a
    {
      width: 100%;
      font-size: 15px;
    }


    #AllServices img
    {
      min-height: 120px;
      max-height: 120px;
      margin: 12px;
    }
    .petra_instructor_items_content img
    {
      display: inline-block !important;
      min-height: 175px;
      max-height: 175px;
      min-width: 175px;
      max-width: 175px;
    }
    .petra_instructor_items_content a
    {
      width: 100%;
      text-align: center;
      display: block;
    }







}






/*

start clubs css

*/

.petra-clubs .club_img
{
  width: 100%;
  height: auto;
}

.petra-clubs .club_img img
{
  width: 100%;
  height: auto;
  border-radius: 20px;
  min-height: 300px;
  max-height: 300px;
  object-fit: cover;
}
.club_card h2
{
  font-size: 19px;
  font-weight: 600;
  color: #1d1b1b;
  text-align: left;
  margin: 0;
  width: 100%;
}
.club_content
{
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  align-items: self-start;
  min-height: 170px;
  max-height: 170px;
  justify-content: space-between;
}

.petra-clubs .centered_btn a
{
  border: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    font-size: 22px;
    font-weight: 400;
    text-decoration: unset;
    border-radius: 20px;
    padding: 10px;
    text-align: center;
    width: 260px;
    height: auto;
    display: inline-block;
    line-height: 1.3;
    background-color: var(--vinaceous);
}
.petra-clubs .centered_content_title h2
{
  color: #000;
}

.petra-clubs .centered_content_title p
{
  color: #000;
}

.petra-clubs .centered_content_title p a:hover
{
  color: #0d6efd !important;
}

.club_content a
{
  text-decoration: none;
  color: #21a4b0;
}

.club_content a:hover
{
  color: #21a4b0 !important;
}

.club_content p
{
  margin: 10px 0;
  text-align: justify;
  direction: ltr;
}

.petra-clubs .centered_btn a:hover
{
  background-color:#fff;
}

.petra-clubs .centered_btn
{
  margin-top: 25px;
}




/*

end clubs css

*/





@media (max-width: 575.98px) {
  div#imgAchieve img
    {
        min-width: 250px;
        max-width: 250px;
        min-height: 250px;
        max-height: 250px;
        object-fit: cover;
    }
  .petra_faculty_centered.petra_faculty_facilities .centered_content_boxes
  {
    text-align: center;
  }
  .faculty_instructor_img img
    {
        width: 200px;
        height: 200px;
        object-fit: cover;
    }

    .faculty_responsive_menu .search_input
    {
      display: none;
    }
    span.petra_menu_span.opened_menu
    {
      position: absolute;
      top: 0px;
      right: 30px;
    }
    span.eye_acc
    {
      position: relative;
      top: 20px;
    }

    .quick_nav_sublinks ul li
    {
      max-width: unset;
      margin-bottom: 0px;
    }
    .quick_nav_sublinks ul
    {
      width: 100%;
      justify-content: center;
    }
    .quick_nav_sublinks ul li a
    {
      width: 100%;
      font-size: 15px;
    }
    .petra_logo img
    {
      width: 100%;
      height: auto;
    }
    .petra_faculty_nav
    {
      height: auto;
      padding: 10px 0px;
    }
    .petra_faculty_nav_accessibility
    {
      display: flex;
      align-items: center;
    }
    span.petra_menu_span
    {
      top: 0;
      margin: 7px 0 7px 6px;
    }
    .petra_menu_span .petra_responsive_menu_icon
    {
      top: 1px;
    }
    .petra_faculty_header
    {
      padding: 0 10px 0 0;
    }
    .petra_faculty_nav_links span
    {
      margin-left: unset;
    }
    .petra_faculty_nav_links span a
    {
      width: 100%;
      text-align: justify;
      margin: 0;
      padding-right: 15px;
    }
    .petra_faculty_header_slider .carousel-item img
    {
      min-height: 400px;
      max-height: 400px;
      object-fit: cover;
    }
    .petra_faculty_header_slider
    {
      min-height: 400px;
      max-height: 400px;
      object-fit: cover;
    }
    .slider-items li
    {
      padding: 0px;
    }
    .slider-items li a
    {
      font-size: 14px;
    }
    .images_slider .images_sliders .slick-track
    {
      left: unset;
    }
    .images_slider .slick-slide img
    {
      width: 95% !important;
      max-width: unset;
      min-width: unset;
      min-height: unset;
      max-height: unset;
    }
    .sections_projects_slider .owl-item
    {
      -webkit-filter:unset;
    }
    .sections_projects_items_content
    {
      left:25% ;
    }

    .petra_faculty_facilities .centered_content_box img
    {
      min-height: 250px;
      max-height: 250px;
      min-width: unset;
      max-width: unset;
    }
    .footer_content_links a:nth-child(3n)
    {
      margin-right: 10px;
    padding-left: unset;
    padding-right: unset;
    }
    .social_media img
    {
      margin-right: unset;
      margin-left: 2px;
      width: 32px;
    }
    .footer_content_links a {
      font-size: 12px;
      border: 1px solid #fff;
      padding: 5px 1px;
      width: 44%;
      margin-left: 6px;
  }
  .faculty_responsive_menu .search_input
      {
        display: none;
      }
      span.petra_menu_span.opened_menu
      {
        position: absolute;
        top: 0px;
        right: 20px;
      }
      span.eye_acc
      {
        position: relative;
        top: 10px;
      }
      .petra_faculty_facilities .centered_content_title p
      {
        color: #000;
        font-size: 15px;
        margin-top: 10px;
      }
      .petra_videos_items
      {
        padding: 0 10px;
      }
      .centered_content_title
      {
        margin-bottom: 30px;
      }

      .centered_btn a
      {
        padding: 10px 35px;
        width: auto;
        height: auto;
      }
      .bg_content_sec .centered_btn a
      {
        width: auto;
      }
      section.petra_numbers
      {
        margin-top: unset;
        margin-bottom: 20px;
      }
      .visible_section .images_gallery_items {
        animation: unset;
        opacity: 1;
        display: flex;
        flex-direction: column;
      }
    .visible_section .images_gallery_items .images_gallery_left {
        animation: unset;
        right: unset;
        width: 200px;
        height: 150px;
        opacity: 1;
        left: unset;
        object-fit: cover;
    }
    .images_gallery_items .images_gallery_items_centered img {
        width: 200px;
        height: 150px;
        object-fit: cover;
    }
    .visible_section .images_gallery_items .images_gallery_top {
        animation: unset;
        left: unset;
        right: unset;
        top: unset;
    }
    .images_gallery_items img {
        right: unset;
    }
    .visible_section .images_gallery_items .images_gallery_right {
        animation: unset;
        right: unset;
    }
    .images_gallery_items {
        display: block;
    }
    .visible_section .images_gallery_items .images_gallery_bottom {
        animation: unset;
        bottom: unset;
    }
    .images_gallery_items img {
        width: 200px;
        height: 150px;
        opacity: 1;
        object-fit: cover;
    }

    .images_gallery_items .images_gallery_items_centered .images_gallery_bottom {
        left: unset;
        right: unset;
    }
    span.images_gallery_items_centered {
        display: flex;
        flex-direction: column;
        margin-top: 25px;
    }
    #AllServices a
    {
      margin-right: unset;
    }
    .petra_videos
    {
      margin-top: 30px;
    }
    .links_boxes
    {
      padding: 15px 10px 0px;
    }
    button.owl-next
    {
      right: -90px;
      top: -20px;
    }
    button.owl-prev
    {
      left: -90px;
      top: -20px;
    }
    .section_name h2
    {
      font-size: 22px;
    }
    #AllServices img
    {
      min-height: 100px;
      max-height: 100px;
      margin: 12px;
    }

    #AllInstructions a
    {
      width: 100%;
      text-align: center;
      display: block;
    }
    #AllInstructions img
    {
      display: inline-block;
      min-height: 150px;
      max-height: 150px;
      min-width: 150px;
      max-width: 150px;
    }
    .petra_instructor_items_content img
    {
      display: inline-block;
      min-height: 150px;
      max-height: 150px;
      min-width: 150px;
      max-width: 150px;
    }
    .petra_instructor_items_content a
    {
      width: 100%;
      text-align: center;
      display: block;
    }
}

section.petra-clubs
{
  margin: 100px 0;
}
#ms-designer-ribbon
{
  z-index: 99999999999;
}
.ms-cui-menu
{
    z-index: 999 !important;
}
.ms-cui-menu
{
  top: 150px !important;
  z-index: 999999999999999999 !important;
  position: fixed !important;
}
#DivPagerSlider button
{
  min-width: 3em;
}
  
  .sections_projects_items img
  {
    width: 100% !important;
    min-height: 500px;
    max-height: 500px;
    object-fit: cover;
    margin: 0 auto;
    border-radius: 25px;
  }

  .aeq
  {
    width: 80%;
    position: relative;
    display: block;
    margin: 0 auto;
  }

  .images_sliders_item.slick-slide
  {
    display: block;
    position: relative;
    border-radius: 20px;
  }

  .images_sliders_item.slick-slide.slick-current.slick-active.slick-center .bg_layer2
  {
    position: unset !important;
    background-color: unset !important;
  }

  .sections_projects_slider .slick-list
  {
    padding: 0 !important;
  }

  .sections_projects_slider.slick-track
  {
    width: 100% !important;
  }
  div#DivAward
  {
    width: 100% !important;
  }





  @media (min-width: 1800px)
  {
    .menu-arrow.rotate {
      left: 19.2% !important;
    
  }

  }



  @media (min-width: 1600.1px) and (max-width: 1800px) 
  {
    .sections_projects_slider button.owl-prev
    {
      left: 18%;
    }
    .sections_projects_slider button.owl-next
    {
      right: 18%;
    }
    .sections_projects_items_content
    {
      top: 15%;
    }
    .sections_projects_items_content h3
    {
      margin: 20px 0px;
      font-size: 15px;
    }
    .sections_projects_items_content p
    {
      font-size: 15px;
    }
  }

  @media (min-width: 1600.1px) 
  {
      .menu-list {
        display: none;
        text-align: justify;
        background-color: rgb(60, 58, 58);
        width: 21%;
        padding: 5px 2%;
        position: absolute;
        top: -300px;
        z-index: 99;
        left: 0;
        height: 550px;
        overflow: scroll;
        list-style: none;
    }
    .menu-arrow.rotate {
 
      left: 19%;
  
    }
  }

  @media (min-width: 1400.1px) and (max-width: 1600px) 
  {
    .centered_content_title p
    {
      font-size: 18px;
      padding: 0 40px;
    }
    .petra_faculty_facilities .centered_content_box img
    {
      min-height: 250px;
      object-fit: cover;
      max-height: 250px;
      min-width: 300px;
      max-width: 300px;
    }
    .petra_faculty_facilities .centered_content_boxes span
    {
      margin-bottom: 15px;
    }
    .centered_content_boxes span
    {
      margin-right: 15px;
    }
    .sections_projects_items img
    {
      min-height: 400px;
      max-height: 400px;
    }
    .images_slider .slick-slide img
    {
      min-height: 400px;
      max-height: 400px;
    }
    .menu-list {
      display: none;
      text-align: justify;
      background-color: rgb(60, 58, 58);
      width: 25%;
      padding: 5px 2%;
      position: absolute;
      top: -300px;
      z-index: 99;
      left: 0;
      height: 550px;
      overflow: scroll;
      list-style: none;
  }

 




  .menu-arrow.rotate {

    left: 22.7%;
    
  }
    .sections_projects_slider button.owl-prev
    {
      left: 18%;
    }
    .sections_projects_slider button.owl-next
    {
      right: 18%;
    }
    .sections_projects_items_content
    {
      top: 15%;
    }
    .sections_projects_items_content h3
    {
      margin: 20px 0px;
      font-size: 15px;
    }
    .sections_projects_items_content p
    {
      font-size: 15px;
    }
    .sections_projects_items_content
    {
      margin: 0 5%;
    }
  }

  @media (min-width: 1200.1px) and (max-width: 1400px) 
  {
    .sections_projects_items_content
    {
      left: 2%;
      top: 5%;
      margin: 0 2%;
    }
    .sections_projects_items img
    {
      min-height: 400px;
      max-height: 400px;
    }
    .sections_projects_items_content h3
    {
      margin: 20px 0px;
      font-size: 15px;
    }
    .sections_projects_items_content h2
    {
      font-size: 24px;
    }
    .menu-list {
      display: none;
      text-align: justify;
      background-color: rgb(60, 58, 58);
      width: 25%;
      padding: 5px 2%;
      position: absolute;
      top: -300px;
      z-index: 99;
      left: 0;
      height: 550px;
      overflow: scroll;
      list-style: none;
  }
  .menu-arrow.rotate {

    left: 22.4%;
  
  }
  }


  @media (min-width: 993.1px) and (max-width: 1200px) 
  {
    .menu-arrow.rotate {
    
      left: 25.6%;
    
    }
    .menu-list {
      display: none;
      text-align: justify;
      background-color: rgb(60, 58, 58);
      width: 29%;
      padding: 5px 2%;
      position: absolute;
      top: -300px;
      z-index: 99;
      left: 0;
      height: 550px;
      overflow: scroll;
      list-style: none;
  }
    .sections_projects_items_content
    {
      left: 2%;
      top: 5%;
      margin: 0 2%;
    }
    .sections_projects_items img
    {
      min-height: 350px;
      max-height: 350px;
    }
    .sections_projects_items_content h3
    {
      margin: 20px 0px;
      font-size: 14px;
      padding: 10px;
      font-weight: 400;
    }
    .sections_projects_items_content h2
    {
      font-size: 24px;
    }
    .sections_projects_items_content p
    {
      font-size: 15px;
    }
    .sections_projects_slider button.owl-prev
    {
      left: 17%;
    }
    .sections_projects_slider button.owl-next
    {
      right: 17%;
    }
    .images_slider .slick-next
    {
      right: 18% !important;
    }
    .images_slider .slick-prev.slick-arrow
    {
      left: 18% !important;
    }
  }







  @media (min-width: 993.1px) and (max-width: 1200px) 
  {
    .sections_projects_items_content
    {
      left: 2%;
      top: 5%;
      margin: 0 2%;
    }
    .sections_projects_items img
    {
      min-height: 350px;
      max-height: 350px;
    }
    .sections_projects_items_content h3
    {
      margin: 20px 0px;
      font-size: 14px;
      padding: 10px;
      font-weight: 400;
    }
    .sections_projects_items_content h2
    {
      font-size: 24px;
    }
    .sections_projects_items_content p
    {
      font-size: 15px;
    }
    .sections_projects_slider button.owl-prev
    {
      left: 17%;
    }
    .sections_projects_slider button.owl-next
    {
      right: 17%;
    }
    .images_slider .slick-next
    {
      right: 18% !important;
    }
    .images_slider .slick-prev.slick-arrow
    {
      left: 18% !important;
    }
  }






  @media (min-width: 768px) and (max-width: 993px) 
  {


    .menu-arrow.rotate {
      
      left: 29.5%;
    
    }
    .menu-list {
      display: none;
      text-align: justify;
      background-color: rgb(60, 58, 58);
      width: 34%;
      padding: 5px 2%;
      position: absolute;
      top: -300px;
      z-index: 99;
      left: 0;
      height: 550px;
      overflow: scroll;
      list-style: none;
  }

    .sections_projects_items_content
    {
      left: 2%;
      top: 5%;
      margin: 0 2%;
    }
    .sections_projects_items img
    {
      min-height: 350px;
      max-height: 350px;
    }
    .sections_projects_items_content h3
    {
      margin: 20px 0px;
      font-size: 14px;
      padding: 10px;
      font-weight: 400;
    }
    .sections_projects_items_content h2
    {
      font-size: 24px;
    }
    .sections_projects_items_content p
    {
      font-size: 15px;
    }
    .sections_projects_slider button.owl-prev
    {
      left: 12%;
    }
    .sections_projects_slider button.owl-next
    {
      right: 12%;
    }
    .images_slider .slick-next
    {
      right: 18% !important;
    }
    .images_slider .slick-prev.slick-arrow
    {
      left: 18% !important;
    }
  }
  .images_slider .slick-next
  {
    rotate: 180deg;
  }

  @media (max-width: 768px) 
  {
    .sections_projects_items_content h3
    {
      font-size: 13px;
      padding: 10px 10px;
      font-weight: 400;
    }
    .sections_projects_items_content h3
    {
      margin: 20px 0;
    }
    .sections_projects_items_content p
    {
      font-size: 15px;
    }
    .images_slider .slick-slide img
    {
      width: 100% !important;
    min-height: 400px !important;
    max-height: 400px !important;
    }
    .sections_projects_items img
    {
      min-height: 400px !important;
      max-height: 400px !important;
    }
    .sections_projects_items_content
    {
      left: 0%;
      top: 10%;
      margin: 0 5%;
    }
    .images_slider .bg_layer2
    {
      display: none;
      position: unset;
    }
  }


  @media (max-width: 576px) 
  {
    .footer_icons_items img
    {
      width: 60px;
      padding: 12px;
    }

    .menu-arrow.rotate {

      left: 85.4% !important;

    }

    .menu-arrow
      {
        height: 35px !important;
    width: 75px !important;
    font-size: 17px !important;
    left: -20px !important;
      }
    .menu-list {
      display: none;
      text-align: justify;
      background-color: rgb(60, 58, 58);
      width: 90%;
      padding: 5px 2%;
      position: absolute;
      top: -300px;
      z-index: 99;
      left: 0;
      height: 550px;
      overflow: scroll;
      list-style: none;
  }
    .aeq
    {
      width: 95%;
      margin: 0;
    }
  }

  .club_card
  {
    width: 95%;
  }

  
 .links_boxes .owl-nav button span
 {
   font-size: 38px;
   width: 56px;
   display: inline-block;
   color: white;
   border-radius: 100%;
   height: 56px;
   line-height: 45px;
 }

 .links_boxes button.owl-next
{
  position: absolute;
  right: -95px;
  top: 0%;
}

.links_boxes button.owl-prev
{
  position: absolute;
  left: -95px;
  top: 0%;
}

  .links_boxes
  {
      display: none;
  }
  .menu-container {
      text-align: right;
      position: fixed;
      z-index: 999;
      left: 0;
      width: 100%;
      top: 55%;
  }
  
  .menu-arrow {
      display: inline-block;
      cursor: pointer;
      padding: 10px;
      background-color: rgb(145 29 35);
      border-radius: 0 0 13% 13%;
      color: #ffff;
      rotate: -90deg;
      height: 45px;
      width: 110px;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      left: -35px;
      font-size: 25px;
  }
  

  
  .menu-list.show {
      display: block;
      list-style: none;
  }
  
  .menu-list li {
      margin-bottom: 5px;
  }
  .menu-list li a{
      text-decoration: none;
      color: #ffff;
      border-bottom: 1px solid;
      width: 100%;
      display: block;
      padding: 10px 0;
      font-size: 14px;
  }
  

  
    .menu-arrow {
      transition: transform 0.3s ease-in-out;
    }
    .menu-list {
  
      transition: transform 0.3s ease-in-out;
    }
  
  
  





  



  .faculty_footer
{
  margin-top: 150px;
}


.images_slider button.slick-prev.slick-arrow
{
  transform: rotate(0deg);
}


.all_img_cards .img_card_content p
{
  max-width: 300px;
}


@media (max-width: 1800px) {
  .all_img_cards .img_card_content p
{
font-size: 14px;
}

}
section.inner_full_body.inner_half_body a:hover
{
  color: #0d6efd ;
}


@media (min-width: 2400px) {
  
  .menu-arrow.rotate
  {
    left: 19.7% !important;
  }
}
@media (min-width: 2000px) {
  
  .menu-arrow.rotate
  {
    left: 19.5% !important;
  }
}


.menu-list::-webkit-scrollbar {
  width: 8px; /* Adjust the width as needed */
  
}

.menu-list::-webkit-scrollbar-track {
background: rgb(60, 58, 58); /* Thumb color on hover */
border-radius: 8px; /* Rounded corners for the thumb */
}



.menu-list::-webkit-scrollbar-corner {
background: rgb(60, 58, 58);/* Change this to black */

}

p#AllPageDesc
{
  color: white;
  font-size: 20px;
}

h2#AllPageTitle
{
  color: white;
    font-size: 50px;
    
}
.main_sec h2#AllPageTitle
{
  text-shadow: #000 2px 2px 1px;
}


.main_sec_content
{
  position: relative;
}

#MobMenuBottom li a:hover
{
  color: #ffff !important;
}

.stuff_sec #AllPageTitle
{
  color: #000 !important;
}

@keyframes bounce {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-5px); /* Adjust the distance of the bounce as needed */
  }
}

.menu-arrow {
  font-size: 24px;
  animation: bounce .7s infinite alternate; /* Apply the bounce animation */
}

.img_card_sec .all_img_cards .img_card_content p
{
  cursor: pointer;
}

.img_card_sec .all_img_cards .img_card_content p:hover
{
  cursor: pointer;
  color: #0d6efd !important;
}
.img_card_sec1
{
  margin-bottom: 100px !important;
}


#LatestAnn .img_card_content a h2:hover
{
  color: #0072c6 !important;
}


h2#H1TitleNews
{
  font-size: 30px;
  font-weight: 400;
  margin: 0px;
  color: white;
}

.right_menu h2
{
  text-shadow: #000 2px 2px 10px;
}
.right_menu p
{
  text-shadow: #000 2px 2px 1px;
}
.main_sec_content
{
  z-index: 10;
}
.petra_faculty_nav_accessibility svg
{
  max-height: 28px;
  max-width: 37px;
}
.petra_faculty_nav_accessibility
{
  direction: rtl;
}
.petra_faculty_nav_accessibility text
{
  font-size: 18px;
    transform: translate(14px, 7px);
}
.petra_faculty_accordion .accordion-body a:hover
{
   color: #0d6efd !important;
}


input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover
{
  background-color: rgb(9 27 34 / 75%) !important;
}
#scrollToTopBtn {
  position: fixed;
  bottom: 20px;
  left: 20px;
  display: none;
  cursor: pointer;
  font-size: 20px;
  background-color: #9d2d2d;
  color: #ffffff;
  border: none;
  padding: 0;
  height: 45px;
  width: 45px;
  text-align: center;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  transition: 1s;
  z-index: 99;
  }

  .quick_nav .accordion-button
  {
    transition: color .0s ease-in-out,background-color .0s ease-in-out,border-color .0s ease-in-out,box-shadow .0s ease-in-out,border-radius .0s ease !important;
  }



  .o365cs-nav-contextMenu
  {
    position: fixed !important;
  }
  .o365cs-nav-contextMenu.o365spo.contextMenuPopup
{
  right: unset !important;
}

.petra_faculty_accordion-color .petra_accordion_item .accordion-button::after
{
  rotate: 0deg !important;
  transform:  unset !important;
  top:  unset !important;
  right: 3px !important;
}

.petra_faculty_accordion-color .petra_accordion_item .accordion-button:not(.collapsed)::after
{
  transform: rotate(-90deg) !important;
}

.newsletter p
{
  margin-top: 10px;
}

.petra_faculty_accordion button
{
  border-radius: 20px !important;
}






#disabled
{
  color: #999999 !important;
}


#calendar {
  border-collapse: collapse;
  width: 90%;
  margin: 0 auto;
}
#calendar button {
  width: 95%;
  padding: 10px;
  text-align: center;
  border-radius: 30px !important;
}
#calendar button
{
  background-color: rgb(145 29 35);
  height: 145px;
  font-size: 24px;
  box-shadow: 0px 0px 10px -4px #000;
  color: #fff;
  font-weight: 600;
}
#ddlYear {
  background: rgb(145 29 35);
  color: #fff;
  margin: 0;
  font-size: 28px;
  border: 0;
}
.selected-year
{
  text-align: center;
  width: 89%;
  margin: 20px auto;
  padding: 25px 0;
  border-radius: 30px;
  box-shadow: 0px 0px 12px -2px #000;
  background: rgb(145 29 35);
}
.selected-year label
{
  font-size: 28px;
  color: #fff;
  margin-right: 10px;
}
.selected-year2
{
  text-align: center;
  width: 1210px;
  margin: 0 auto;
}
#calendar tr {

  height: 160px;
}

.main_sec h1#AllPageTitle 
{
    color: white;
    font-size: 50px;
    text-shadow: #000 2px 2px 1px;
    font-weight: 600;
}














.custom-select {
  position: relative;
  display: inline-block;
}

/* Hide the default arrow */
.custom-select select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
  cursor: pointer; 
  padding-right: 30px; 
}


.custom-select::after {
  content: '\25BC'; 
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  font-size: 1.2em; 
  pointer-events: none; 
  color: #fff;
}


@media (max-width: 390px) {
  #SelectYear
{
  margin-bottom: 10px;
}

}


.img_card_content a h6
{
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: right;
  margin-left: -10px;
  color: #7a7a7a;
}

.img_card_content a h6:hover
{
  color: #0d6efd;
}

.breadcrumb
{
  display: flex !important;
  justify-content: space-between;
  align-items: center;
}

.menu-arrow {
  font-size: 24px;
  animation: bounce .7s infinite alternate; /* Apply the bounce animation */
}
.main-menu::-webkit-scrollbar
{
  width: 8px; 
}
.main-menu::-webkit-scrollbar-thumb {
  background-color: #888;
}
.main-menu::-webkit-scrollbar-thumb:hover {
  background-color: #555; 
}
.main-menu
{
  max-height: 500px;
  overflow: hidden;
  left: 0;
  position: fixed !important;
  top: 50% !important;
  direction: ltr;
  border-radius: 0px 11px 11px 0px;
  box-shadow: 0 0 10px 1px #5e5e5e; /*ihiasat*/
  transition: width 0.3s;
  transform: translateY(-50%);
  
}
.main-menu>ul
{
  max-height: 500px;
  overflow: hidden;
}
.main-menu:hover ul
{
  overflow-y: auto !important;
}
.main-menu>ul::-webkit-scrollbar{
  width:6px;
  height: 8px;
  background-color:#901D23;
  }
  
  .main-menu>ul::-webkit-scrollbar-thumb{
background:#eeecec;
border-radius:5px;
}
.main-menu>ul>li
{
  padding: 3px 0 3px 25px;
  width: 100%;
  display: flex;
  align-items: center;
}
.main-menu li
{
  position: unset;
  width: 375px ;
  min-height: 53px;
    max-height: 53px;
}
.main-menu li a
{
  justify-content: flex-start;
  gap: 2rem;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus, .no-touch .dashboard-page nav.dashboard-menu ul li:hover a, .dashboard-page nav.dashboard-menu ul li.active a
{
  background-color: rgb(218, 216, 216, .3);
}
.main-menu ul li:hover
{
  background-color: rgb(218, 216, 216, .3);
}
.main-menu ul li a:hover
{
  background-color: unset;
}
.main-menu li:hover>a
{
  background-color: unset;
}
#men {
  width: 35px;
  height: 5px;
  background-color: black;
  margin: 6px 0;
}



.burger-menu .burger-icon {
  display: block;
  width: 30px; /* Adjust width as needed */
  height: 2px; /* Adjust height as needed */
  background-color: #fff; /* Adjust color as needed */
}

/* Optional: Style for the top and bottom lines of the burger icon */
.burger-menu .burger-icon::before,
.burger-menu .burger-icon::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-color: inherit; /* Inherit the color from the parent */
  transition: transform 0.3s ease; /* Optional: Add transition effect */
}

/* Optional: Position the pseudo-elements to create the lines of the burger icon */
.burger-menu .burger-icon::before {
  top: -8px; /* Adjust position as needed */
}

.burger-menu .burger-icon::after {
  bottom: -8px; /* Adjust position as needed */
}
.burger-menu .burger-icon::before, .burger-menu .burger-icon::after
{
  position: relative;
}
.ww li:first-child 
{
  padding: 3px 0 3px 14px !important;
}
@media (max-width: 768px) 
{
  .petra_faculty_name_desc1 .petra_faculty_video .faculty_img
  {
    width: fit-content; 
    object-fit: fill;
    border: unset;
  }
  .main-menu>ul
  {
     max-height: 75px;
  }
  .burger-menu::before 
  {
    content: '\25BA'; /* Unicode character for right-pointing arrow */
    display: inline-block;
    color: #fff;
    font-size: 35px; /* Adjust the size as needed */
    line-height: 2; /* Ensure the icon is vertically centered */
    vertical-align: middle; /* Vertically align with any text */
    margin-top: 3px; /* Adjust margin to properly position */
    margin-left: 5px; 
  }

  .burger-icon
  {
    display: none;
  }
  .burger-menu .burger-icon
  {
    display: none !important;
  }
  .burger-menu
  {
    display: none;
  }
  .ww li:first-child
  {
    padding: 3px 0 3px 18px !important;
  }
  .main-menu li
  {
    min-height: 45px;
    max-height: 45px;
  }
  .main-menu li a
  {
    min-height: 45px;
    max-height: 45px;
  }
  .main-menu:hover, nav.main-menu.expanded
  {
    width: 330px !important;
  }
}











.main-menu:hover,
nav.main-menu.expanded {
    width: 250px;
    overflow: visible;
}

.main-menu {
    background: #901D23;
    border-right: 1px solid #e5e5e5;
    position: absolute;
    top: 0;
    bottom: 0;
    height: fit-content;
    width: 60px;
    overflow: hidden;
    -webkit-transition: width .05s linear;
    transition: width .05s linear;
    z-index: 1000;
}

.main-menu>ul {
    padding: 7px 0;
    position: relative;
    margin: unset;
}

.main-menu li {
    position: relative;
    display: block;
}

.main-menu li>a {
    position: relative;
    display: table;
    border-collapse: collapse;
    border-spacing: 0;
    color: #fff;
    font-family: arial;
    font-size: 14px;
    text-decoration: none;
    -webkit-transform: translateZ(0) scale(1, 1);
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
    min-height: 53px;
max-height: 53px;
margin-left: 40px;
}
.main-menu li a:first-child {
  margin-left: unset !important;
}
.main-menu .nav-icon {
    position: relative;
    display: table-cell;
    width: 60px;
    height: 36px;
    text-align: center;
    vertical-align: middle;
    font-size: 18px;
}

.main-menu .nav-text {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    width: 308px;
    font-family: 'Titillium Web', sans-serif;
}

.main-menu>ul.logout {
    position: absolute;
    left: 0;
    bottom: 0;
}

.no-touch .scrollable.hover {
    overflow-y: hidden;
}

.no-touch .scrollable.hover:hover {
    overflow-y: auto;
    overflow: visible;
}

a:hover,
a:focus {
    text-decoration: none;
}

nav {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

nav ul,
nav li {
    outline: 0;
    margin: 0;
    padding: 0;
}

.main-menu li:hover>a,
nav.main-menu li.active>a,
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus,
.no-touch .dashboard-page nav.dashboard-menu ul li:hover a,
.dashboard-page nav.dashboard-menu ul li.active a {
    color: #fff;
}
p#linknumber {
  margin: 0;
  font-size: 15px !important;
  font-weight: bold;
  color: #fff !important;
}
.main-menu:hover, nav.main-menu.expanded
{
  width: 400px;
}
.main-menu a:hover span.nav-text {
  color: #fff !important;
}
span.nav-text:hover{
  color: #fff !important;
}
.has-subnav:hover{
  color: #fff !important;
}

@media (min-width: 768px) 
{
  .main-menu li a:first-child {
    margin-top: 50px;
}
}

.main-menu {
  display: none; /* Hide the menu initially */
}




#allfaculty .accordion-button::after
{
  right: unset !important;
  left: 0;
  transform: rotate(-90deg) !important;
  position: absolute;
}

















.testimonial_item img {
  width: 200px !important;
  height: 210px !important;
  object-fit: cover;
  border-radius: 20px;
}

.testimonial_item img:hover {
  cursor: pointer;
}

.testimonial_item {
  margin: 0 10px;
  filter: grayscale(1);
}

.center .testimonial_item img {
  width: 240px !important;
  height: 310px !important;
  border-radius: 30px;
  margin-left: unset !important;
}

.testimonial_slider .owl-stage {
  display: flex;
  align-items: flex-end;
  padding: 15px 0px;
}

.testimonial_item_flex_content {
  display: flex;
  position: relative;
}

.testimonial_item_flex_content p {
  font-size: 26px;
  font-weight: 400;
  color: #091B22;
  margin-left: 30px;
  margin-top: 30px;
  line-height: 50px;
  text-align: justify;
}

.testimonial_item_content {
  margin-top: 40px;
}

.testimonial_item_content h6 {
  font-size: 17px;
  text-align: right;
  color: #091B22;
  font-weight: 100;
}

.testimonial_item_content a {
  font-size: 18px;
  font-weight: 100;
  text-align: right;
  display: block;
  color: #091B22;
}

.testimonial_item_content a img {
  margin-right: 20px;

}

.center .testimonial_item {
  filter: unset;
  position: relative;
  bottom: -15px;
}

.testimonial_item_flex_content p:after {
  content: '';
  background-image: url("../../images/qou.svg");
  background-repeat: no-repeat;
  width: 22px;
  height: 16px;
  position: relative;
  right: -20px;
  bottom: -5px;
  display: inline-block;
  transform: rotate(180deg);
}

.animated_content {
  position: relative;
  z-index: 9;
}

.testimonial_item_content a:hover {
  color: #091B22 !important;
}
#LatestAnn .img_card_content a h6
{
  bottom: 10px;
  right: 10px;
}

#LatestAnn .img_card_content
{
  position: relative;
}
.petra_faculty_testimonials
{
  padding: 200px 0 0 0 !important;
}

.petra-clubs .owl-carousel .owl-item img
{
  width: 100% !important;
  min-height: 260px;
  max-height: 260px;
  height: 100%; 
  box-shadow: 5px 5px 9px rgba(0, 0, 0, 0.5) /*IHIASAT*/

}
.owl-item.active.center {
  float: left;
}


.section_slider
{
  height: 335px;
}
@media (min-width: 1400px) and (max-width: 1500px) {
.container
{
  max-width: 1250px !important;
}
}

@media (min-width: 1500px) and (max-width: 1600px) {
.container
{
  max-width: 1360px !important;
}



}