#qx-section-562 { padding-top : 80px; padding-right : 0px; padding-bottom : 80px; padding-left : 0px; background-image : url("https://www.bpc.edu.sa/images//academia/main_site/banners/organo.jpg"); background-size : cover; background-position : center; background-repeat : no-repeat; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-section-562-background-overlay {  } #qx-section-562:hover .qx-section-562-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-562 { padding-top : 40px; padding-right : 0px; padding-bottom : 40px; padding-left : 0px;  }  } @media (max-width: 767px) { #qx-section-562 { padding-top : 60px; padding-right : 0px; padding-bottom : 40px; padding-left : 0px;  }  } #qx-row-55 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-55-background-overlay {  } #qx-row-55:hover .qx-row-55-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-55 {  }  } @media (max-width: 767px) { #qx-row-55 {  }  } #qx-column-216 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-216 { flex: 100%; max-width: 100%; } .qx-column-216-background-overlay {  } #qx-column-216:hover .qx-column-216-background-overlay {  } #qx-column-216 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-216 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-216 > .qx-col-wrap {  } #qx-column-216 { flex: 100%; max-width: 100%; }  } @media (max-width: 767px) { #qx-column-216 > .qx-col-wrap {  } #qx-column-216 { flex: 100%; max-width: 100%; }  } #qx-advanced-heading-89311 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-advanced-heading-89311 h2 span { font-weight : 200; background-color : #222; background-clip : text; -webkit-background-clip : text; color : transparent;  } #qx-advanced-heading-89311 h2 { margin-top : 0px; margin-right : 0px; margin-bottom : 0px; margin-left : 0px; padding-top : 70px; padding-right : 0px; padding-bottom : 0px; padding-left : 0px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-advanced-heading-89311 h2:hover span { background-clip : text; -webkit-background-clip : text; color : transparent;  } #qx-advanced-heading-89311 .adv-heading-cont .before-text { color : rgba(179 ,  165,  171, 1); transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-advanced-heading-89311 .adv-heading-cont .center-text { color : rgba(137 ,  187,  230, 1); transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-advanced-heading-89311 .adv-heading-cont .after-text { color : rgba(222 ,  179,  228, 1); transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-advanced-heading-89311 .bg-text { font-size : 88px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-advanced-heading-89311 {  } #qx-advanced-heading-89311 h2 {  } #qx-advanced-heading-89311 .adv-heading-cont .before-text {  } #qx-advanced-heading-89311 .adv-heading-cont .center-text {  } #qx-advanced-heading-89311 .adv-heading-cont .after-text {  } #qx-advanced-heading-89311 .bg-text {  }  } @media (max-width: 767px) { #qx-advanced-heading-89311 {  } #qx-advanced-heading-89311 h2 {  } #qx-advanced-heading-89311 .adv-heading-cont .before-text {  } #qx-advanced-heading-89311 .adv-heading-cont .center-text {  } #qx-advanced-heading-89311 .adv-heading-cont .after-text {  } #qx-advanced-heading-89311 .bg-text {  }  } #qx-section-85328 { padding-top : 80px; padding-right : 0px; padding-bottom : 80px; padding-left : 0px; background : radial-gradient(at center center, rgba(233 ,  229,  229, 1) 0%,rgba(134 ,  130,  130, 1) 100%); transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-section-85328-background-overlay {  } #qx-section-85328:hover .qx-section-85328-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-85328 { padding-top : 40px; padding-right : 0px; padding-bottom : 40px; padding-left : 0px;  }  } @media (max-width: 767px) { #qx-section-85328 { padding-top : 20px; padding-right : 0px; padding-bottom : 20px; padding-left : 0px;  }  } #qx-row-19331 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-19331-background-overlay {  } #qx-row-19331:hover .qx-row-19331-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-19331 {  }  } @media (max-width: 767px) { #qx-row-19331 {  }  } #qx-column-68334 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-68334 { flex: 100%; max-width: 100%; } .qx-column-68334-background-overlay {  } #qx-column-68334:hover .qx-column-68334-background-overlay {  } #qx-column-68334 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-68334 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-68334 > .qx-col-wrap {  } #qx-column-68334 { flex: 100%; max-width: 100%; }  } @media (max-width: 767px) { #qx-column-68334 > .qx-col-wrap {  } #qx-column-68334 { flex: 100%; max-width: 100%; }  } #qx-animated-headline-6570 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : center;  } #qx-animated-headline-6570 .qx-element-headline--style-highlight svg path {  } #qx-animated-headline-6570 .qx-element__before-text, .qx-element__after-text { font-weight : 900;  } #qx-animated-headline-6570 .qx-element-headline-dynamic-wrapper span, #qx-animated-headline-6570 .qx-element-headline-dynamic-wrapper b {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-animated-headline-6570 {  }  } @media (max-width: 767px) { #qx-animated-headline-6570 {  }  } #qx-section-50513 { padding-top : 80px; padding-right : 0px; padding-bottom : 0px; padding-left : 0px; background-color : rgba(243 ,  242,  242, 1); transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-section-50513-background-overlay {  } #qx-section-50513:hover .qx-section-50513-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-50513 { padding-top : 40px; padding-right : 0px; padding-bottom : 40px; padding-left : 0px;  }  } @media (max-width: 767px) { #qx-section-50513 { padding-top : 20px; padding-right : 0px; padding-bottom : 20px; padding-left : 0px;  }  } #qx-row-14516 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-14516-background-overlay {  } #qx-row-14516:hover .qx-row-14516-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-14516 {  }  } @media (max-width: 767px) { #qx-row-14516 {  }  } #qx-column-52517 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-52517 { flex: 100%; max-width: 100%; } .qx-column-52517-background-overlay {  } #qx-column-52517:hover .qx-column-52517-background-overlay {  } #qx-column-52517 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-52517 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-52517 > .qx-col-wrap {  } #qx-column-52517 { flex: 100%; max-width: 100%; }  } @media (max-width: 767px) { #qx-column-52517 > .qx-col-wrap {  } #qx-column-52517 { flex: 100%; max-width: 100%; }  } #qx-media-carousel-91521 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-media-carousel-91521 .qx-panel-wrapper { position : relative; overflow : hidden;  } #qx-media-carousel-91521 .qx-element-media-carousel__wrapper .qx-slider-items { margin-left : -15px;  } #qx-media-carousel-91521 .qx-element-media-carousel__wrapper .qx-slider-items li { padding-left : 15px; min-width : 1px;  } #qx-media-carousel-91521 .qx-card-body {  } #qx-media-carousel-91521 .qx-card { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-media-carousel-91521 figure { display : block; max-width : 100%;  } #qx-media-carousel-91521 .qx-overlay-default { background : rgba(0, 0, 0, 0.4);  } #qx-media-carousel-91521 figure img { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-media-carousel-91521 .qx-slider-items li img { object-fit : cover; overflow : hidden;  } #qx-media-carousel-91521 .qx-panel-wrapper .qx-panel { z-index : 2;  } #qx-media-carousel-91521 .qx-media-carousel-title { color : rgba(0, 0, 0, 1);  } #qx-media-carousel-91521 .qx-media-carousel-caption { color : rgba(0, 0, 0, 1);  } #qx-media-carousel-91521 .qx-icon * { color : rgba(102, 102, 102, 0.6); width : 25px; height : 25px;  } #qx-media-carousel-91521 .qx-dotnav li * { background-color : rgba(238, 238, 238, 1); width : 15px; height : 15px;  } #qx-media-carousel-91521 .qx-dotnav li.qx-active * { background-color : rgba(102, 102, 102, 0.6);  } #qx-media-carousel-91521 .qx-dotnav li { padding-left : 12px; margin-top : 25px;  } #qx-media-carousel-91521 .bar-navigation .qx-barnav-horizontal { display : flex; flex-wrap : wrap; list-style : none; margin-left : -12px;  } #qx-media-carousel-91521 .bar-navigation .qx-barnav-horizontal li { padding-left : 12px;  } #qx-media-carousel-91521 .bar-navigation .qx-barnav-horizontal li:first-child { padding-left : 0;  } #qx-media-carousel-91521 .bar-navigation .qx-barnav-horizontal li a { background-color : rgba(238, 238, 238, 1); text-indent : 100%; overflow : hidden; display : block; box-sizing : border-box; white-space : nowrap; background-color : rgba(238, 238, 238, 1); width : 25px; height : 5px;  } #qx-media-carousel-91521 .bar-navigation .qx-barnav-vertical { display : inline; list-style : none;  } #qx-media-carousel-91521 .bar-navigation .qx-barnav-vertical li a { background-color : rgba(238, 238, 238, 1); text-indent : 100%; overflow : hidden; display : block; box-sizing : border-box; white-space : nowrap; background-color : rgba(238, 238, 238, 1); height : 25px; width : 5px;  } #qx-media-carousel-91521 .bar-navigation .qx-barnav-vertical li:first-child { padding-top : 0;  } #qx-media-carousel-91521 .bar-navigation .qx-barnav-vertical li { padding-top : 12px;  } #qx-media-carousel-91521 .bar-navigation .qx-barnav li.qx-active a { background-color : rgba(102, 102, 102, 0.6);  } #qx-media-carousel-91521 .qx-element-media-carousel__wrapper { position : relative;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-media-carousel-91521 {  } #qx-media-carousel-91521 .qx-card-body {  } #qx-media-carousel-91521 .qx-card {  }  } @media (max-width: 767px) { #qx-media-carousel-91521 {  } #qx-media-carousel-91521 .qx-card-body {  } #qx-media-carousel-91521 .qx-card {  }  } #qx-section-78479 { padding-top : 80px; padding-right : 0px; padding-bottom : 80px; padding-left : 0px; background-image : url("https://www.bpc.edu.sa/images//academia/background/action-bg.jpg"); background-size : cover; background-position : center; background-repeat : no-repeat; background-attachment : fixed; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-section-78479-background-overlay {  } #qx-section-78479:hover .qx-section-78479-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-78479 { padding-top : 40px; padding-right : 0px; padding-bottom : 40px; padding-left : 0px;  }  } @media (max-width: 767px) { #qx-section-78479 { padding-top : 20px; padding-right : 0px; padding-bottom : 20px; padding-left : 0px;  }  } #qx-row-99482 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-99482-background-overlay {  } #qx-row-99482:hover .qx-row-99482-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-99482 {  }  } @media (max-width: 767px) { #qx-row-99482 {  }  } #qx-column-56483 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-56483 { flex: 100%; max-width: 100%; } .qx-column-56483-background-overlay {  } #qx-column-56483:hover .qx-column-56483-background-overlay {  } #qx-column-56483 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-56483 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-56483 > .qx-col-wrap {  } #qx-column-56483 { flex: 100%; max-width: 100%; }  } @media (max-width: 767px) { #qx-column-56483 > .qx-col-wrap {  } #qx-column-56483 { flex: 100%; max-width: 100%; }  } #qx-advanced-heading-8558 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-advanced-heading-8558 .qx-element-advanced-heading__wrapper { text-align : left;  } #qx-advanced-heading-8558 h2 span {  } #qx-advanced-heading-8558 h2 { margin-top : 0px; margin-right : 0px; margin-bottom : 0px; margin-left : 0px; padding-top : 70px; padding-right : 0px; padding-bottom : 0px; padding-left : 0px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-advanced-heading-8558 .adv-heading-cont .before-text { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-advanced-heading-8558 .adv-heading-cont .center-text { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-advanced-heading-8558 .adv-heading-cont .after-text { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-advanced-heading-8558 .bg-text { color : rgba(182 ,  48,  25, 1); font-size : 70px; text-shadow : rgba(0, 123, 255, 1) -3px 1px 0px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-advanced-heading-8558 {  } #qx-advanced-heading-8558 h2 {  } #qx-advanced-heading-8558 .adv-heading-cont .before-text {  } #qx-advanced-heading-8558 .adv-heading-cont .center-text {  } #qx-advanced-heading-8558 .adv-heading-cont .after-text {  } #qx-advanced-heading-8558 .bg-text {  }  } @media (max-width: 767px) { #qx-advanced-heading-8558 {  } #qx-advanced-heading-8558 h2 {  } #qx-advanced-heading-8558 .adv-heading-cont .before-text {  } #qx-advanced-heading-8558 .adv-heading-cont .center-text {  } #qx-advanced-heading-8558 .adv-heading-cont .after-text {  } #qx-advanced-heading-8558 .bg-text {  }  } #qx-text-78132 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; font-family : Calistoga; font-size : 22px; text-transform : capitalize; color : rgba(15 ,  40,  66, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-78132 {  }  } @media (max-width: 767px) { #qx-text-78132 {  }  } #qx-button-15211 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : right;  } #qx-button-15211 .qx-btn { border-style : solid;  } #qx-button-15211 .qx-btn:hover {  } #qx-button-15211 .qx-btn:hover i {  } #qx-button-15211 * {  } #qx-button-15211 a svg,#qx-button-15211 a i { margin-right : 30px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-button-15211 {  } #qx-button-15211 .qx-btn {  }  } @media (max-width: 767px) { #qx-button-15211 {  } #qx-button-15211 .qx-btn {  }  }