/*************** GENERAL ********************/
/* @font-face {
    font-family: 'Times New Roman';
    src: url('../font/TimesNewRomanPSMT.eot');
    src: url('../font/TimesNewRomanPSMT.eot?#iefix') format('embedded-opentype'),
        url('../font/TimesNewRomanPSMT.woff2') format('woff2'),
        url('../font/TimesNewRomanPSMT.woff') format('woff'),
        url('../font/TimesNewRomanPSMT.ttf') format('truetype'),
        url('../font/TimesNewRomanPSMT.svg#TimesNewRomanPSMT') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
} */

body, .ltr-blk{font-family: 'Poppins', sans-serif;font-weight: 300;font-size: .85rem;}
.ltr-blk{direction: ltr!important;text-align: left!important;display: inline-block;}
body.rtl, .rtl-blk{font-family: 'Almarai', sans-serif;font-size: 1rem;}
/* body.rtl, .rtl-blk{font-family: 'Times New Roman', sans-serif;font-size: 1rem;} */
*{margin: 0;padding: 0;}
html, body{height:100%;}
html, body, .main-wrapper{width: 100%;max-width: 100%;}
body, .main-wrapper{overflow-x: hidden;}
.main-wrapper{position: relative; min-height: 100%;}

::-webkit-scrollbar {width: 10px;}

html {
    scroll-behavior: smooth;
}

/* General */
a:hover, .btn-link:hover{text-decoration: none;}

.btn.btn-wz-b4:disabled::before, .btn.btn-wz-b4.disabled::before{display: none;}
.btn-wz-b4{position: relative;border-width: 0;overflow: hidden;}
.btn-wz-b4:before{content: '';position: absolute;left:0;right:0;top:51%;bottom:50%;background: rgba(255,255,255,0.1);opacity: 1;}
.btn-wz-b4:hover:before{
    top:0;bottom:0;
    -webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
}
.btn.btn-wz-b4 > *{position: relative;display: inline-block;}

.btn-rounded{border-radius: 50px;padding-left: 1.5rem;padding-right: 1.5rem;}

.text-lg{    font-size: 1.4rem;}
.text-md{    font-size: 1.2rem;}
.text-sm{    font-size: .9rem;}
.text-xs{    font-size: .8rem;}

.font-weight-regular{font-weight: 300;}

.table-sm td, .table-sm th {
    padding: .3rem;
    font-size: .9rem;
}

#header-wrap.header-fixed{
    position: fixed;top:0;left:0;right:0;width:100%;
    background: #fff;
    z-index: 1007;
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
}
#header-wrap.header-fixed .navbar-brand img{height: 40px;}
.interview-details-card .card-header{font-weight: bold;font-size: 1.1rem;}
.info-label{font-weight: bold;font-size: 0.9rem;}
.info-value{margin-bottom: .6rem;}

.card-footer button{text-transform: capitalize;}

/* Loader */
#loader{position: fixed;top:0;right:0;left:0;width: 100vw;height: 100vh;background-color: rgba(255,255,255,1);z-index: 1009;}
.loader-inner{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.loader-inner img{width: 100%;max-width: 200px;max-height: 100%;}
.loader-inner img {
    animation: fadeIn ease 2s infinite;
    -webkit-animation: fadeIn ease 2s infinite;
    -moz-animation: fadeIn ease 2s infinite;
    -o-animation: fadeIn ease 2s infinite;
    -ms-animation: fadeIn ease 2s infinite;
}
@keyframes fadeIn {
    0% {opacity:0.5;}
    50% {opacity:1;}
    100% {opacity:0.5;}
}

@-moz-keyframes fadeIn {
    0% {opacity:0.5;}
    50% {opacity:1;}
    100% {opacity:0.5;}
}

@-webkit-keyframes fadeIn {
    0% {opacity:0.5;}
    50% {opacity:1;}
    100% {opacity:0.5;}
}

@-o-keyframes fadeIn {
    0% {opacity:0.5;}
    50% {opacity:1;}
    100% {opacity:0.5;}
}

@-ms-keyframes fadeIn {
    0% {opacity:0.5;}
    50% {opacity:1;}
    100% {opacity:0.5;}
}
/* TopBar */
#top-bar{font-size: .95rem;padding: 1rem 0 !important;}

.topbar-inner, .topbar-col{display: flex;align-items: center;justify-content: space-between;}
.topbar-col{margin: 0 -1rem;}
.topbar-col > div{padding: 0 .5rem;}
#top-bar a:hover{opacity: 0.5;}
.topbar-col > div i, .topbar-col > div img{margin-right: .4rem;}
.rtl .topbar-col > div i, .rtl .topbar-col > div img{margin-left: .4rem;margin-right: 0;}

#top-bar .topbar-col .dropdown-blk {
    position: relative;
}

#top-bar .topbar-col .dropdown-blk .dropdown-list {
    display: none;
    position: absolute;
    top: 130%;
    border-radius: 2px;
    overflow: hidden;
    min-width: 8rem;
    font-size: 0.85rem;
    background-color: #fff;
    box-shadow: 0 0 4px rgb(0 0 0 / 15%);
    z-index: 1;
}
#top-bar .dropdown-blk .dropdown-list li a {
    padding: 0.5rem 0.4rem;
    display: block;
    border-bottom: 1px solid #f3f3f5;
    text-transform: capitalize;
    position: relative;
    color: #336c9a;
}
/* .topbar-col > div > i, .topbar-col > div > a > i, .topbar-col > div > i, .topbar-col > div > img{margin-right: .4rem;}
.rtl .topbar-col > div > i, .rtl .topbar-col > div > a > i, .rtl .topbar-col > div > img{margin-left: .4rem;margin-right: 0;} */

.apps-blk > div i, .apps-blk > div img{margin-right: .4rem;}
.rtl .apps-blk > div i, .rtl .apps-blk > div img{margin-left: .4rem;margin-right: 0;}
.apps-blk a{display: flex;opacity: 1;}
.apps-blk a:hover{opacity: 0.5;}
.app-ico.app-ico-lg{height: 30px;}
.app-ico.app-ico-sm{height: 20px;}

.lang-sec{display: flex;align-items: center;
    color: #336c9a !important;gap: 10px}
.lang-sec > span{font-size: 0.05rem;padding: 0 .4rem;}
.lang-sec a{display: inline-block;}
#top-bar .lang-sec a[href]{
    color: #336c9a !important;
}

.knet-blk img{height: 30px;border-radius: 3px;}

/*Header*/
.navbar-brand img{height: 70px;}

/* NavBar */
.navbar-nav{flex-grow: 1;justify-content: center;}
.navbar-nav .nav-item{border-right: 1px solid #eee;}
.rtl .navbar-nav .nav-item{border-left: 1px solid #eee;border-right: 0;}
.navbar-nav .nav-item:last-child{border: 0!important}
.navbar-nav .nav-link{text-transform: capitalize;}

.navbar-expand-lg .navbar-nav .nav-link {padding: .1rem 1.5rem;}

/* .navbar-nav{clear: both;}
#navbar-toggler-lnk, #navbar-close-lnk{display:none;padding: 5px 12px;font-size: 13px}
#navbar-close-lnk {color: rgba(255, 255, 255, 0.85);font-size: 35px;float: right;}
.rtl #navbar-close-lnk {float: left;} */

#navbar-toggler-lnk{flex-direction:column;justify-content:flex-end;align-items:flex-end}
#navbar-toggler-lnk span{display:block;height:3px;width:35px;margin-bottom:5px;border-radius:21px;transition:all 1s ease}
#navbar-toggler-lnk span:nth-child(2){width:20px}
#navbar-toggler-lnk span:nth-child(3){width:10px}
#navbar-toggler-lnk:hover span:nth-child(2),
#navbar-toggler-lnk:hover span:nth-child(3){width:35px}
#navbar-toggler-lnk span:last-child{margin:0}
#navbar-toggler-lnk,#navbar-close-lnk{display:none;padding:5px 12px;font-size:13px}
#navbar-toggler-lnk{padding:0;font-size:1.5rem}#navbar-close-lnk{color:rgba(255, 255, 255, 0.9);font-size:35px;float:right}
.rtl #navbar-close-lnk{float:left}

.lang-lnk{border-left:1px solid;padding-left: .9rem}
.rtl .lang-lnk{border-right:1px solid;padding-right: .9rem;border-left:0;padding-left:0}

/* Slider */
#full-slider{position: relative;}
#full-slider .scrollToContent{position: absolute;bottom:10px;z-index: 100;width: 100%;display: flex;justify-content: center;}
#full-slider .scrollToContent img{height: 30px;width: auto;}
#main-slider{text-transform: capitalize;text-align: center;position: relative;}

/* #main-slider .slide-inner{padding-right: 9rem;}
.rtl #main-slider .slide-inner{padding-left: 9rem;padding-right: 0;} */

/* #main-slider h6{font-size: 1.5rem;}
#main-slider h4{font-size: 3rem;}
#main-slider h5{font-size: 2rem;} */

.slide-item, .slide-item > *{position: relative;color:#fff;}
.slide-item{padding: 1rem 0;min-height:calc(100% - 141px);
    display: flex;flex-direction: column;align-items: center;justify-content: center;
    /* padding-top: 3rem; */
}
.slide-item:before{content:'';position: absolute;top:0;left:0;right:0;width: 100%;height:100%;background-color: rgba(0,0,0,0.5);}

#main-slider .owl-nav .owl-prev span,
#main-slider .owl-nav .owl-next span{display: none;}
#main-slider .owl-nav .owl-prev,
#main-slider .owl-nav .owl-next{
    position: absolute;top:50%;margin-top: -15px;
    width:30px;height:30px;background-color: rgba(255,255,255,0.3);color:#fff;
    display: flex;align-items: center;justify-content: center;
    border-radius: 50%;
}
#main-slider .owl-nav .owl-prev:before,
#main-slider .owl-nav .owl-next:before{
    font-family: 'Font Awesome 5 Free';font-weight: 900;
}
#main-slider .owl-nav .owl-prev{left: 15px;}
#main-slider .owl-nav .owl-next{right:15px;}
#main-slider .owl-nav .owl-prev:before{content:'\f104';}
#main-slider .owl-nav .owl-next:before{content:'\f105';}
.rtl #main-slider .owl-nav .owl-prev{right: 15px;left: auto;}
.rtl #main-slider .owl-nav .owl-next{left:15px;right:auto;}
.rtl #main-slider .owl-nav .owl-prev:before{content:'\f105';}
.rtl #main-slider .owl-nav .owl-next:before{content:'\f104';}

/* Content */
#main-content{padding: 3rem 0;margin-bottom: 50px;}
.footer-sticky{margin-bottom: -3rem;}
.header-sticky{margin-top: -3rem;}

/* Headings */
.heading-blk{margin-bottom: 1.5rem;max-width: 500px;position: relative;}
.heading-blk.text-center{margin-left: auto;margin-right: auto;}

/* Pages Tilte */
#pg-tit{padding: 4rem 0;background: url(../images/tit-bg.jpg) no-repeat 50% 50%;background-size: cover;text-align: center;text-transform: capitalize;}
#pg-tit > *{position: relative;}

/* Generals */
.dyn-content ul{list-style-type: none;}
.dyn-content ul li{display: flex;margin-bottom: .4rem;}
.dyn-content ul li:before{content: '\f111';margin-right: 10px;font-family: 'Font Awesome 5 Free';font-weight: 900;font-size: .3rem;position: relative;top: 5px;}
.rtl .dyn-content ul li:before{margin-left: 10px;margin-right: 0;}
.dyn-content p{margin-bottom: .8rem;}

.bgs-blk-container{position: relative;overflow: hidden;}
.bgs-blk{position: absolute;top: 0;width: 100%;height: 100%;left: 0;right: 0;}
.bgs-blk .row, .bgs-blk .row > div{min-height: 100%;}
.bgs-blk img{min-height: 100%;object-fit: cover;}

.greyScale{filter: grayscale(100%);}
.op-15{opacity: 0.15;}
.img-style{border:7px solid #fff;box-shadow: 0 0 10px rgba(0,0,0,0.15);}

.overlay-holder{position: relative;}
.overlay-holder:before{content:'';width:100%;height:100%;position: absolute;top:0;left:0;right:0;display: block;opacity: 0.85;}

.circle-shape-container{position: relative;}
.circle-shape-container:before{
    content:'';
    position: absolute;left: -150px;top:-150px;background-color: transparent;border: 20px solid ;
    width:300px;height:300px;border-radius: 50%;z-index: -1;
}
.rtl .circle-shape-container:before{
    right: -150px;left: auto;
}

.circles-img{position: relative;display: inline-block;}
.circles-img img{width: 350px;height:350px;border-radius: 50%;object-fit: cover;position: relative;}
.circles-img::before, .circles-img::after,
.circles-img-inner:before, .circles-img-inner:after{
    content: '';position: absolute;background-color: transparent;border: 10px solid;border-radius: 50%;
}
.circles-img::before{
    bottom: 20px;
    left: 4px;
    width: 60px;
    height: 60px;
    border-width: 7px;
}
.rtl .circles-img::before{
    right: 4px;left: auto;
}
.circles-img::after{
    bottom: 0;
    right: 0;
    width: 90px;
    height: 90px;
    border-width: 10px;
}
.rtl .circles-img::after{
    left:0;right:auto;
}
.circles-img-inner:before{
    top: 20px;right:20px;width:10px;height:10px;border-width:0;
}
.rtl .circles-img-inner:before{
    left:20px;right:auto;
}
.circles-img-inner:after{
    bottom: -15px;
    left: 60px;width:20px;height:20px;border-width: 3px;
}
.rtl .circles-img-inner:after{
    right: 60px;left:auto;
}

/* HomePage */
/* General Manager Word */
/* #sc-word{background: url(../images/logo1.png) no-repeat right 50%;background-size: auto 60%;} */
#sc-word{position: relative;}
#sc-word:before{
    content:'';
    width:100%;height:100%;position: absolute;left:0;right:0;top:0;opacity: 0.08;
    background: url(../images/logo1.png) no-repeat 0 50%;background-size: auto 60%;}
/* Stages */
#sc-stages{background: url(../images/wave.png) no-repeat 50% 20%;background-size: 100% auto;}

.stage-item, .service-item{text-align:center;height:100%;opacity:1;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 1rem;background: #fff;border-radius: 6px;}
.stage-item:hover{opacity: 0.7;}
.stage-item img{height:90px;width: auto;}
.stage-item span, .service-item span{display: block;margin-top: 1rem;text-transform: capitalize;font-weight: 600;}
.stage-item span{color: #fff;}

#services-blk img{max-width: 60px;margin: 1rem 0 .5rem 0;}
#services-blk h6{font-size: .9rem;text-transform: capitalize;}

#gallery{margin-bottom: -1rem;}
#gallery a{margin-bottom: 1rem;}

/* Services */
#sc-services{background: url(../images/services-bg.png) no-repeat 50% 50%;background-size: cover;}
#sc-services > *{position: relative;}
.service-item{border-radius: 0;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.service-item img{height:60px;width: auto;position: relative;}
.service-icon{position: relative;}
.service-icon::before{content:'';width: 60px;height: 60px;border-radius: 50%;display: block;position: absolute;right: -6px;top:-6px;}
.rtl .service-icon::before{left: -6px;right:auto;}

/* News */
#sc-news:after{content:'';position: absolute;top:0;right:0;left:0;width: 100%;background: url(../images/news-bg.png) no-repeat 50% 50%;background-size: cover;}
#sc-news.overlay-holder:before, #sc-news:after{height:50%;}
#sc-news.overlay-holder:before{z-index: 100;}
#sc-news.overlay-holder:after{z-index: 10;}
#sc-news > *{position: relative;z-index: 1000;}
.news-container{max-width: 600px;margin: 0 auto;height:400px;}
#news-carousel.owl-carousel .owl-stage{display: flex;align-items: stretch;}
#news-carousel.owl-carousel .owl-item{height: inherit;float: none;position: relative;}
#news-carousel.owl-carousel .owl-item.center{height: auto;padding: 1rem 0;}
#news-carousel.owl-carousel .owl-item img{height: 300px;margin-top: 50px;object-fit: cover;}
#news-carousel.owl-carousel .owl-item.center img{height: 400px;box-shadow: 0 0 15px 0px rgba(0,0,0,0.3);object-fit:cover;margin: 0;transition: all 0.5s ease;}
#news-carousel.owl-carousel .owl-item p{position: absolute;bottom:-100%;left:0;right:0;padding:.5rem .7rem;background-color: rgba(0,0,0,0.5);margin: 0;transition: all 0.5s ease;color:#fff;}
#news-carousel.owl-carousel .owl-item.center p{bottom:1rem;}

/* Events */
#calendar {max-width: 900px;margin: 0 auto;background-color: #fff;}
.fc-toolbar.fc-header-toolbar{color: #fff;margin: 0!important;}
.fc-toolbar h2{font-size: 1.1rem;padding-top: 7px;}
.fc-button-group {padding: 0 .2rem;}
.fc-button-group, .fc-today-button {margin-top: 5px!important;margin-bottom: 5px!important;}
.fc-button{background-image: none!important;outline: 0!important;border:0!important;box-shadow: none!important;text-shadow: none!important;}

.fc-title{white-space: normal!important;}

.fc-button{position: relative;border-width: 0;overflow: hidden;}
.fc-button:before{content: '';position: absolute;left:0;right:0;top:51%;bottom:50%;background: rgba(255,255,255,0.6);opacity: 1;z-index: -1;}
.fc-button:hover:before{
    top:0;bottom:0;
    -webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
}
.fc-button > *{position: relative;display: inline-block;}

.fc-button.fc-state-active:before{top:0;bottom:0;}
.fc-button.fc-state-disabled{cursor: default;}
.fc-button.fc-state-disabled::before{display: none!important;}


/* Gallery */
#sc-gallery img{border: 7px solid #fff;}
.owl-dots{margin-top: 1rem;text-align: center;}
.owl-dots button{width:5px;height:5px;margin:0 .2rem;border-radius: 50%;background-color: #000!important;transition: all 0.5s ease;}
.owl-dots button.active{width:30px;border-radius: 3px;}

/* Footer */
#main-footer{
    position: absolute;
    width: 100%;
    bottom: 0;
}
#main-footer a:hover, .copyright-inner a.text-secondary:hover{color:#0c0c0c;}
#main-footer{color: #fff !important;    padding: 0.75rem;}
#footer-wrap, #copyright{position: relative;}
#footer-wrap{padding:2rem 0;}
.footer-brand{display: block;height: 70px;width:auto;}
.footer-brand, .footer-tit{margin-bottom: 2rem;}
.footer-tit{text-transform: capitalize;font-weight: 500;padding-top: 2.7rem;}
.contact-item i{margin-right: .5rem;}
.rtl .contact-item i{margin-left: .5rem;margin-right: 0;}
.copyright-inner{border-top: 1px solid;text-align: center;padding: .4rem 0;text-transform: capitalize;}

/* Contact Page */
.form-container{padding: 2rem;background-color: #fff;box-shadow: 0px 15px 50px rgba(191, 199, 225, 0.5);max-width: 650px;margin: 0 auto 0;position: relative;}
.form-container:before{content:'';position: absolute;right:2rem;top:2rem;width:30px;height:40px;background: url(../images/icons/mail.png) no-repeat right top;background-size: contain;}
.rtl .form-container:before{left:2rem;right:auto;}

/* About Page */
#about-blk1.circle-shape-container:before{margin-top: -3rem;}

/* Stuff */
#stuff-gallery{padding: 0 50px;}
#stuff-gallery .owl-nav .owl-prev span,
#stuff-gallery .owl-nav .owl-next span{display: none;}
#stuff-gallery .owl-nav .owl-prev,
#stuff-gallery .owl-nav .owl-next{
    position: absolute;top:50%;margin-top: -15px;
    width:30px;height:30px;color:#fff;
    display: flex;align-items: center;justify-content: center;
    border-radius: 50%;transition: all 0.5s ease;opacity: 1;
}
#stuff-gallery .owl-nav .owl-prev:hover,
#stuff-gallery .owl-nav .owl-next:hover{
opacity: 0.6;
}
#stuff-gallery .owl-nav .owl-prev:before,
#stuff-gallery .owl-nav .owl-next:before{
    font-family: 'Font Awesome 5 Free';font-weight: 900;
}
#stuff-gallery .owl-nav .owl-prev{left: 15px;}
#stuff-gallery .owl-nav .owl-next{right:15px;}
#stuff-gallery .owl-nav .owl-prev:before{content:'\f104';}
#stuff-gallery .owl-nav .owl-next:before{content:'\f105';}
.rtl #stuff-gallery .owl-nav .owl-prev{right: 15px;left: auto;}
.rtl #stuff-gallery .owl-nav .owl-next{left:15px;right:auto;}
.rtl #stuff-gallery .owl-nav .owl-prev:before{content:'\f105';}
.rtl #stuff-gallery .owl-nav .owl-next:before{content:'\f104';}

/* Tables */
.table td, .table th {
    border-top: 0;
    border-bottom: 1px solid #dee2e6;
}
.table-responsive::-webkit-scrollbar{height: 3px;}

/* Form Tabs */
.form-tabs li{position: relative;text-align:center;margin: 0 .5rem;font-weight: bold;margin-bottom: 1rem;}
.form-tabs li a{border: 1px solid;padding: .5rem 3rem;}
.form-tabs li a:before{
    content: '';
    width: 13px;
    height: 13px;
    top: -5px;
    left: -5px;
    border-radius: 50%;
    background-color: #e2e2e2;
    border: 1px solid;
    position: absolute;
}
.rtl .form-tabs li a:before{right: -5px;left: auto;}

/* Forms */
label{text-transform: capitalize;}
.form-control{border-radius: 30px;font-size: 0.85rem;padding: .7rem 1rem;height:45px!important;}
.form-control::placeholder{text-transform: capitalize;}

textarea.form-control{height:130px!important;resize: none;}

.form-bg img{height: 100%;}
.user-form-container{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);margin-top: -5rem;position: relative;}


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
/* File */
.add-item {text-transform: capitalize;}
.fileInput-wrapper,
.add-item {
    border: 1px dashed;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    min-width: 180px;
    position: relative;transition: all 0.5s ease;
    cursor: pointer;
}
[type="file"] {
    opacity: 0;
    height: 100%;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    white-space: nowrap;
    width: 100%;
    z-index: 100;
}
[type="file"]+label {
    cursor: pointer;
    display: block;
    text-align: center;
    margin: 0;
    padding: 10px;
}

/*Date*/
.dateInput-wrapper {position: relative;}
.dateInput-wrapper::after {
    content: "\f073";
    font-family: "Font Awesome 5 Free";
    font-weight: normal;
    text-decoration: inherit;
    color: #96a4ac;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 10px;
    right: 15px;
}
.rtl .dateInput-wrapper::after {left: 15px;right: auto;padding-left: 0.5em;padding-right: 0;}

/************** Start Wizard **************/
.wizerdform .form-control, .sharp-border-form .form-control{border-radius: 3px;}
.wizerdform fieldset:not(:first-of-type) {
    display: none
}
/*BTNS*/
.wizard-btn:disabled{opacity: 0.25;pointer-events: none;}
.wizard-btn{display: flex;flex-direction: row;justify-content:center;min-width: 210px;max-width: 100%;text-transform: capitalize;}
.wizard-btn.wizard-btn.wizard-btn-prev{flex-direction: row-reverse;}

.wizard-btn:after{font-family: 'Font Awesome 5 Free';font-weight: 900;display: inline-block;transition: all 0.5s ease;}

.wizard-btn.wizard-btn.wizard-btn-prev:after{margin-right: .5rem;}
.wizard-btn.wizard-btn.wizard-btn-prev:hover:after{margin-right: 1rem;}
.wizard-btn.wizard-btn.wizard-btn-nxt:after{margin-left: .5rem;}
.wizard-btn.wizard-btn.wizard-btn-nxt:hover:after{margin-left: 1rem;}

.rtl .wizard-btn.wizard-btn.wizard-btn-prev:after{margin-left: .5rem;margin-right: 0;}
.rtl .wizard-btn.wizard-btn.wizard-btn-prev:hover:after{margin-left: 1rem;margin-right: 0;}
.rtl .wizard-btn.wizard-btn.wizard-btn-nxt:after{margin-right: .5rem;margin-left: 0;}
.rtl .wizard-btn.wizard-btn.wizard-btn-nxt:hover:after{margin-right: 1rem;margin-left: 0;}

.wizard-btn.wizard-btn-prev:after{content:'\f060';}
.wizard-btn.wizard-btn-nxt:after{content:'\f061';}
.rtl .wizard-btn.wizard-btn-prev:after{content:'\f061';}
.rtl .wizard-btn.wizard-btn-nxt:after{content:'\f060';}

@media screen and (max-width:575.98px){
    .wizard-controls{flex-direction: column;align-items: center;}
    .wizard-btn{width: 100%;max-width: 300px;}
}
/************** End Wizard **************/

/*************** RESPONSIVE ********************/
/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 425.98px) {
    .form-tabs li{width: 100%;}
}
@media (max-width: 575.98px) {


}
/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {

}
@media (max-width: 767.98px) {
    #top-bar {font-size: .65rem;}
    .topbar-inner{flex-direction: column;align-items: flex-start;}
    .topbar-inner .topbar-col:first-child{margin-bottom: .2rem;}
    .topbar-col > div {margin: 0 .3rem;}
    .topbar-col > div > i, .topbar-col > div > a > i {margin: 0!important;}

    .top-contact-item{display: none;}
    .service-item, .stage-item{margin-bottom: 1rem;height: auto;}
    #sc-contact .bgs-blk{display: none;}

    .bgs-blk.sm-static{position: static;max-height: 300px;overflow: hidden;margin-bottom: 1rem;}

    .circles-img{margin-bottom: 2rem;}
    .circles-img img {width: 250px;height: 250px;}

}
/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    .circles-img img {width: 300px;height: 300px;}
}


@media (max-width: 991.98px) {
    /* NavBar */
    #navbar-toggler-lnk, #navbar-close-lnk{display:block;}
    .navbar-collapse{display: block!important;position: fixed;top: 0;left:-100%;height: 100%;min-width: 100%;background: rgba(0, 0, 0, 0.9);margin: 0!important;z-index: 1009;overflow-y: auto;}
    .rtl .navbar-collapse{right:-100%;left:auto;}
    .navbar-nav{display: inline-flex;height: 100vh;min-width: 250px;justify-content: initial;padding: 1rem;overflow: auto;}
    .navbar-nav::-webkit-scrollbar{width:3px;}
    .main-nav-dropdown{height: unset;flex-wrap: nowrap;}
    .mob-menu-toggler{display: flex;align-items: center;}
    .navbar{padding: 0;}
    .navbar-nav .nav-item{border:0!important;padding: .5rem 0;font-size: 1.1rem;}
    .navbar-nav .nav-item.active .nav-link:after{display: none!important;}
    .navbar-nav .nav-item.active .nav-link:before{content:'\f0da';display: inline-block;font-family: "Font Awesome 5 Free";font-weight: 900;margin-right:10px;}
    .rtl .navbar-nav .nav-item.active .nav-link:before{content:'\f0d9';margin-left: 10px;margin-right: 0;}


}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
}
/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
}






.loading-wrapper {
    margin: 0 auto;
    width: 100%;
    position: fixed;
    height: 100%;
    padding-top: 15%;
    background: #f5f6fad1;
    z-index: 10000;
}

.loading-wrapper .loading {
    position: absolute;
    width: 180px;
    top: 50%;
    margin-top: -23px;
    text-align: center;
    left: 50%;
    margin-left: -90px;
}

.loading_image {
    width: 10%;
    margin: 0 auto;
    position: absolute;
    top: 40%;
}

.loading-wrapper .loading span {
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 9px;
    margin: 2px;
    position: absolute;
    left: 46px;
    top: 45px;
    background: #103a71;
    animation: loading 1s infinite alternate;
}

.loading-wrapper .loading span:nth-of-type(1) {
    background: #cba876;
    animation-delay: 0.1s;
    left: 59px;
}

.loading-wrapper .loading span:nth-of-type(2) {
    background: #103a71;
    animation-delay: 0.2s;
    left: 73px;
}

.loading-wrapper .loading span:nth-of-type(3) {
    background: #cba876;
    animation-delay: 0.4s;
    left: 87px;
}

.loading-wrapper .loading span:nth-of-type(4) {
    background: #103a71;
    animation-delay: 0.6s;
    left: 101px;
}

.loading-wrapper .img {
    width: 100px;
    height: 50px;
    background: url("http://alwataniyaschool.edu.test/schools/alwataniyaschool_edu/assets/images/logo.png") no-repeat;
    background-size: 100%;
}