@font-face{font-family:Montserrat;src:url(../fonts/Montserrat-Regular.ttf) format('truetype');font-weight:400;font-style:normal}
@font-face{font-family:Montserrat-Medium;src:url(../fonts/Montserrat-Medium.ttf) format('truetype');font-weight:600;font-style:normal}
@font-face{font-family:Montserrat-Bold;src:url(../fonts/Montserrat-Bold.ttf) format('truetype');font-weight:700;font-style:normal}
body{font-family:Montserrat}
.header { background-color: #ae0f0a; color: white; }
.text-white.nav-link, .text-dark.nav-link {text-transform: uppercase;}
.text-dark.nav-link.apply_now {background: #ffb30f;border-radius: 30px;font-weight: 800;}
.navbar-toggler {border: none; }
.navbar-toggler:focus {box-shadow: none;}
.navbar-toggler-icon {background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzMCAzMCc+PHBhdGggc3Ryb2tlPScjZmZmZmZmJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1taXRlcmxpbWl0PScxMCcgc3Ryb2tlLXdpZHRoPSc0JyBkPSdNNCA3aDIyTTQgMTVoMjJNNCAyM2gyMicvPjwvc3ZnPg==); background-color: transparent; width: 30px; height: 30px; }
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link { color: #fff; }
.menu-item { color: white; text-decoration: none; }
.menu-item:hover { text-decoration: underline; }

.main_slider_section .item {position: relative;}
.slider_content {position: absolute;bottom: 0;padding: 20px 40px 20px 14%;}
.slider_content h2 {color: #fff;font-family: Montserrat-Bold;font-size: 54px;text-transform: uppercase;}
.slider_content h2 span {color: #fcbf00;}
.slider_content p{color: #fff;font-size: 34px;line-height: 42px;}
.program_details h3 span{color: #f1d613;font-weight: 800;font-size: 22px;}

.scrolled{background: #b3161c;position: fixed;top: 0;right: 0;left: 0;z-index: 1030;}

.main_slider_section .item {height: 750px;width: 100%;background-size: cover;}
.main_slider_section .owl-prev span, .main_slider_section .owl-next span {background: #76040a;padding: 10px 15px;color: #fff;font-size: 25px;}
.admission {width: 55%;margin: 0 auto;}
.owl_carousel_section {width: 58%;}

.admission-form {background-color: #f8f9fa; padding: 20px; border-radius: 5px; }
.main_slider_section {background-size: cover;padding: 5rem 0;background-image: url('../images/form_bg.jpeg');position: relative;z-index: 99;}
#application-form {background: #b3161c75;color: #fff;padding: 20px;text-align: center;border-radius: 20px 20px 0 0;font-size: 40px;text-transform: uppercase;
  font-family: Montserrat-Bold;}
.admission_form {padding: 55px 30px;color: #fff;border-radius: 0 0 20px 20px;background: #c52e2e61;}
.applyArabicName {direction: rtl; }
.apply_arabic_name {margin: 0 0 15px; }
.apply_arabic_name p {margin: 0; }
.apply-btn {width: 280px;background: #00000094;text-transform: uppercase;font-size: 31px;border: #000;display: block;margin: 0 auto;}
.program_apply {width: 50%;text-align: center;text-decoration: none;font-size: 30px;min-width: 300px;}
.programs .item a {position: absolute;top: 40%;left: 30%;color: #fff;text-decoration: none;font-size: 20px;text-transform: uppercase;font-family: Montserrat-Bold;padding: 10px 15px;border: 1px solid #fff;}
.admission_form input, .admission_form select {border: 2px solid #e0e0e0;border-radius:5px;height: 50px;font-family: Montserrat-Medium;}
.admission_form input::placeholder {color: #000;font-family: Montserrat-Medium;}
.admission_form .select_placeholder {background: #fff;color: #000;width: 100%;}
.admission_form p {text-transform: uppercase;font-size: 14px;}
.radiobtnsection label{font-size: 20px;}
.main_slider_section .owl-nav {position: absolute; bottom: 0; right: 0; }
.top_section { background-color: #aa030c; padding: 20px 0; color: #fff; }
.top_section h2 {font-size: 40px; text-transform: uppercase; font-family: Montserrat-Bold; margin: 0; }

.about_section {background: #76040a;}
.about_section h2 {text-transform: uppercase;font-family: Montserrat-Bold;font-size: 50px;}
.about_section_content p {font-size: 24px;}

.about_image {display: flex;flex-direction: column;gap: 16px;}
.uv-single-item-wrap {display: flex;flex-direction: column;}
.uv-single-item {position: relative;will-change: transform;transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);transform-style: preserve-3d;}
.uv-thumbnail-wrap {position: relative;overflow: hidden;border-radius: 20px;text-align: center;}
.uv-thumbnail-wrap img {width: 100%;height: auto;display: block;object-fit: cover;}
.uv-thumbnail-title {position: absolute;bottom: 0;left: 0;right: 0;color: #fff;text-align: center;padding: 10px;margin: 0;}


.about_image {position: relative;}
.about_section h3 {position: absolute;bottom: 30px;color: #fff;font-size: 25px;font-family: Montserrat-Bold;left: 40px;}

.quotes {position: relative;}
.quotes p {color: #fff;font-size: 40px;padding: 0 0 0 60px;}
.quotes::before {background: url(../images/quotes.png);width: 39px;height: 33px;position: absolute;top: 0;content: "";background-repeat:no-repeat; }

.programs h2 {text-transform: uppercase;font-family: Montserrat-Bold;}
.programs .nav-tabs .nav-link.active { color: #76040a; border: none; border-bottom: 2px solid #76040a; }
.programs .nav-tabs .nav-link { color: #000; font-size: 16px; font-family: Montserrat-Bold; border: none; padding: 0; min-height: 60px; align-items: center; display: flex; justify-content: center;text-transform: uppercase;width: 100%; text-align: center; }
.programs .nav-tabs {display: flex; flex-wrap: nowrap; border: none; }
.programs .nav-item {flex: 1;}
.programs .nav-tabs .nav-link:hover {border: none; border-bottom: 2px solid #ae0f0a;color: #ae0f0a;}

.program_details {position: absolute;bottom: 0;color: #fff;padding: 15px;z-index: 9;}
.programs .item:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);border-radius: 10px;}
.program_details h3 {font-size: 20px;}
.programs .item img {border-radius: 10px;}
.program_highlights ul {margin: 0;}
.programs .owl-carousel .owl-nav button.owl-prev, .programs .owl-carousel button.owl-next { background: rgba(118, 4, 10, 0.9); color: #fff; border: none;padding: 15px;font-size: 40px; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; cursor: pointer; position: absolute; top: 50%; }

.programs .owl-carousel .owl-nav button.owl-prev {left: -75px;}
.programs .owl-carousel .owl-nav button.owl-next {right: -75px;}
.partnership_section {background: #f4f4f4;}

.partnership_section h2 { text-transform: uppercase; font-size: 50px; font-family: Montserrat-Bold; }
.qs_ranking p { margin: 0; font-size: 20px; color: #fff; text-transform: uppercase; }
.qs_ranking_section { background: #e89614; padding: 15px 0; gap: 10px; align-items: center; }
.qs_img { background: #fff; }
.qs_ranking strong { font-size: 40px; color: #fff; line-height: 40px; }

.video_section {background: url(../images/video_bg.jpg);}
.video_section h2 {font-size: 50px;font-family: Montserrat-Bold;}
.video_section span {color: #ffc820;}
.video_small {max-height: 490px;overflow-y: scroll;}
.line {border-bottom: 4px solid #ffc820;width: 70px;}

.social-links { position: fixed; top: 50vh; right: 0; z-index: 999; width: 55px; transition: all .3s ease-in-out; }
.vh-40 { top: 40vh !important; }
.social-links ul li a { background: #ae0f0a; color: #fff; padding: 15px 5px; position: relative; right: 0; width: 100%; display: flex; flex-direction: column; align-items: center; gap: 2px; text-decoration: none; transition: none; }
.social-links ul li a:hover { background: linear-gradient(41deg, #087e8b 30%, #0a65a4 100%); color: #fff; }
.social-links ul li a span { font-size: 10px; line-height: 12px; font-weight: 400; text-align: center; }

.yt-embed {position:relative;overflow:hidden;display:inline-block;border-radius: 10px;border: 2px solid #fff;margin-bottom: 15px;}
.yt-embed:hover {cursor:pointer;}
.yt-embed img {max-width:100%;height:auto;display:block;object-fit: cover; width: 100%;}
.embed-container iframe, .embed-container object, .embed-container embed {position: absolute;top:0;left:0;width:100%;height:100%;}
.play {margin: auto;position: absolute;left:0;right:0;top:0;bottom:0;text-align: center;width: 120px;height: 120px;}
.play1 {margin: auto;position: absolute;left:0;right:0;top:0;bottom:0;text-align: center;width: 50px;height: 50px;}

.footbot {background: #ae0f0a;color: #fff;text-transform: capitalize;padding: 10px;}
.footbot p {margin-bottom:0;}
.footer_section_seperator {border-right: 1px solid #8b8888;}
.footbot .follow_btn {display: flex;align-items: center;}

.featured-bet-wrapper {background: #b8161c;position: fixed;bottom: 0;left: 0;right: 0;margin: 0 auto;max-width: 500px;display: none;padding: 0;z-index: 9;}
.feat-bet-content {width: 100%;display: flex;padding: 10px;justify-content: space-between;align-items: center;}
.darkfooter {display: block !important;}
.featured-bet-wrapper h4 a {color: #fff;padding: 17px 0;font-size: 30px;text-transform: uppercase;margin: 0;font-weight: 800;display: inline-block;text-decoration: none;}
.featured-bet-wrapper h4 {margin: 0;}

.corporate_section .owl-carousel {position: relative;}
.corporate_section .owl-carousel .owl-nav button.owl-prev, .corporate_section .owl-carousel .owl-nav button.owl-next {margin-left: 0;height: 40px;font-size: 30px;width: 30px;line-height: 40px;}
.corporate_section .owl-carousel .owl-nav button.owl-prev {margin-left: -30px;font-size: 80px;}
.corporate_section .owl-carousel .owl-nav button.owl-next{margin-right: -30px;font-size: 80px;}
.corporate_section .owl-theme .owl-nav [class*="owl-"]:hover {background:none}
.corporate_section .owl-carousel .owl-next {height: 40px;margin-top: -20px;position: absolute;top: 50%;}
.corporate_section .owl-carousel .owl-prev {height: 40px;margin-top: -20px;position: absolute;top: 50%;}
.corporate_section .owl-carousel .owl-prev {left: -10px;}
.corporate_section .owl-carousel .owl-next {right: -10px;}

.admission_form .form-check-input[type="radio"] {height: 20px;width: 20px;margin-right: 10px;margin-top: 6px;}
.radiobtnsection td, .radiobtnsection tr {display: flex;gap: 10px;align-items: center;}
.radiobtnsection tr {gap: 30px;}

@media(max-width:1399px){
.slider_content h2 {font-size: 30px;}
.programs .nav-tabs .nav-link {font-size: 14px;}
.main_slider_section .item {background-position: bottom !important;}

.video_small {max-height: 420px;}
.programs .owl-carousel .owl-nav button.owl-prev {left: -40px;}
.programs .owl-carousel .owl-nav button.owl-next {right: -40px;}
}

@media(max-width:1199px){
.programs .nav-tabs .nav-link {font-size: 12px;}
.footbot p {font-size: 12px;}
.text-dark.nav-link.apply_now{padding: 10px;}

.programs .item a {top: 38%;font-size: 14px;padding: 7px 11px;}
.program_details h3 {font-size: 15px;}
.program_details h3 span {font-size: 18px;}
.qs_ranking p {font-size: 12px;}
.qs_ranking strong {font-size: 16px;}
.top_section h2 {font-size: 22px;}
.partnership_section h2, .video_section h2, .top_section.corporate_section h2 {font-size: 36px;}
.about_section h2 {font-size: 32px;}
.quotes p {font-size: 20px;}
.about_section_content p {font-size: 15px;}
.admission_form p {font-size: 11px;}
.form-control, .admission_form input, .admission_form select {padding: .375rem .3rem;font-size: 0.8rem;}
.video_small {max-height: 355px;}
}

@media(max-width:992px){
.programs .owl-carousel .owl-nav button.owl-prev {left: -45px;}
.programs .owl-carousel .owl-nav button.owl-next {right: -45px;}
.video_small {max-height: 260px;}
}
@media(max-width:786px){
.top_section h2 {font-size: 25px;margin-bottom: 15px;text-align: center;}
.about_section h2 {font-size: 30px;}
.quotes p {font-size: 20px;font-weight: 600;}
.about_section_content p {font-size: 18px;}
.uv-thumbnail-wrap {margin-bottom: 15px;}
.corporate_section .owl-carousel .owl-nav button.owl-prev, .corporate_section .owl-carousel .owl-nav button.owl-next {background: #c4c4c4;}
.corporate_section .owl-carousel .owl-nav button.owl-prev {margin-left: 0px;font-size: 50px;}
.corporate_section .owl-carousel .owl-nav button.owl-next{margin-right: 0px;font-size: 50px;}
.corporate_section .owl-theme .owl-nav [class*="owl-"]:hover {background:#000}
.programs .nav-tabs {overflow-y: scroll;gap: 25px;}
.video_section h2 {font-size: 30px;}
.admission, .owl_carousel_section {width: 100%;}
.main_slider_section .item {height: 450px;}
.slider_content {padding: 5%;}
.slider_content p {font-size: 22px;line-height: 30px;}
.partnership_section h2, .video_section h2, .top_section.corporate_section h2{ font-size: 25px;}
.footbot {padding: 9px 0 80px;}
.footbot .follow_btn {display: block;}
.footbot p {font-size: 11px;display: block;text-align: center;margin-bottom: 12px;}
.text-dark.nav-link.apply_now{padding: 10px;}
.programs .owl-carousel .owl-nav button.owl-prev {left: -15px;}
.programs .owl-carousel .owl-nav button.owl-next {right: -15px;}
.video_small {max-height: unset;margin: 0 auto;display: flex;flex-direction: column;}
.programs .owl-carousel .owl-nav button.owl-prev, .programs .owl-carousel button.owl-next {top: 43%;}
.main_slider_section {padding: 0;}
.admission_form {padding: 20px;}
.radiobtnsection label {font-size: 12px;}
.footbot {padding: 10px 0;}
#application-form {font-size: 32px;}
}