:root{--main-color:#2f8128;--sec-color:#122c28;--bg-color:#00307e;--hover-color:#dc1e2b}@font-face{font-family:'medium';src:url(//hvschool.edu.sa/wp-content/themes/warf-school/assets/css/../fonts/Tajawal-Medium.ttf)}@font-face{font-family:'bold';src:url(//hvschool.edu.sa/wp-content/themes/warf-school/assets/css/../fonts/Tajawal-Bold.ttf)}@font-face{font-family:'Bahij_bold';src:url(//hvschool.edu.sa/wp-content/themes/warf-school/assets/css/../fonts/Bahij_TheSansArabic-Bold.ttf)}@font-face{font-family:'SemiBold';src:url(//hvschool.edu.sa/wp-content/themes/warf-school/assets/css/../fonts/Bahij_TheSansArabic-SemiBold.ttf)}@font-face{font-family:'light';src:url(//hvschool.edu.sa/wp-content/themes/warf-school/assets/css/../fonts/Tajawal-Light.ttf)}@font-face{font-family:'Roboto-Regular';src:url(//hvschool.edu.sa/wp-content/themes/warf-school/assets/css/../fonts/Roboto-Regular.ttf)}@font-face{font-family:'Bahij_TheSansArabic';src:url(//hvschool.edu.sa/wp-content/themes/warf-school/assets/css/../fonts/Bahij_TheSansArabic-Light.ttf)}@font-face{font-family:'Greta-Arabic-AR-LT';src:url(//hvschool.edu.sa/wp-content/themes/warf-school/assets/css/../fonts/Greta-Arabic-AR-LT.ttf)}body{direction:rtl;text-align:start;font-family:'Bahij_TheSansArabic'}.wpcf7 input[type=url],.wpcf7 input[type=email],.wpcf7 input[type=tel]{direction:rtl !important}.owl-carousel{direction:ltr}button:focus{border:none;outline:none}input:focus{outline:none}ul{list-style:none;padding:0;margin:0}a,a:hover{text-decoration:none}.middle-nav{background-image:url(//hvschool.edu.sa/wp-content/themes/warf-school/assets/css/../images/bg-header.png);background-size:cover;padding:16px 0}.left-header{display:flex;align-items:center;justify-content:space-between}.search-menu{display:flex;align-items:center;justify-content:end;width:100%;gap:30px}.logo{height:37px}.logo img{height:100%;object-fit:contain;max-width:96%}.nice-select{width:100%;margin-bottom:15px;text-align:right !important;padding-left:30px;padding-right:18px;border:1px solid #dadada;border-radius:2px;float:none}.nice-select:after{left:12px;right:auto;border-bottom:2px solid #bfbebe;border-right:2px solid #bfbebe}.nice-select .option{text-align:right;padding-left:29px;padding-right:18px}.nice-select .list{width:100%}.nice-select:after{width:8px;height:8px}.right-tobheader ul{display:flex;align-items:center;justify-content:start;gap:30px}.right-tobheader a i{padding-inline-end:10px}.left-topheader{text-align:end}.left-topheader a{width:30px;height:30px;border:1px solid #fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-inline-start:5px}.topbar{padding:10px;background-color:#8eaedc;background-image:url(//hvschool.edu.sa/wp-content/themes/warf-school/assets/css/../images/bg-topheader.png);background-size:cover}.right-tobheader ul li a{font-family:'Roboto-Regular'}.topbar a{transition:all .3s;color:#fff}.topbar .row{align-items:center}.mob-num{display:inline-block;direction:ltr}.lang a{color:#000;transition:all .3s;font-family:'Greta-Arabic-AR-LT';font-family:'Bahij_bold';text-transform:uppercase;font-weight:500;font-size:16px;line-height:18px}.topbar .lang a:hover{color:#1cade8}.mynav .nav-link{color:#000;transition:all .3s;padding:0;margin-inline-end:13px;font-size:16px;text-transform:capitalize;font-weight:300}.mynav .nav-link:before{position:absolute;width:6.4px;height:7.6px;background-image:url(//hvschool.edu.sa/wp-content/themes/warf-school/assets/css/../images/Rectangle%204.svg);bottom:-22px;left:50%;transform:translateX(-50%);transition:all .4s;opacity:0}.mynav .nav-link:hover:before,.mynav li.current-menu-item .nav-link:before{bottom:0;opacity:1}.mynav .sub-menu .nav-link:before{display:none}.mynav .sub-menu .nav-link:after{position:absolute;content:"\f104";font-family:"font awesome 5 pro";top:7px;left:0;color:#000}.mynav .nav-link:hover,li.has-child>a:hover:after,.mynav li.current-menu-item .nav-link{color:#033f2d}.marquee p{position:relative}.marquee p:before{position:absolute;content:'';width:16px;height:16px;background-image:url(//hvschool.edu.sa/wp-content/themes/warf-school/assets/css/../images/Group.svg);background-size:contain;right:-26.6px;top:50%;transform:translateY(-50%);transition:all .4s}li.menu-item-has-children{position:relative;margin-inline-end:12px}ul.sub-menu{display:block;opacity:0;height:0;position:absolute;top:100%;right:0;min-width:222px;background:var(--sec-color);box-shadow:0px 0px 30px rgba(0,0,0,.15);border-radius:5px;padding:10px 14px;z-index:999999;margin-top:0;transform:translateY(-12px);transition:all .4s;visibility:hidden;background:#fff;box-shadow:0px 4px 14px rgba(0,0,0,.15);border-radius:5px}.sub-menu:before{position:absolute;content:'';width:17px;height:17px;top:-5px;right:36px;background:#fff;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}li.menu-item-has-children:hover .sub-menu{opacity:1;height:auto;transform:translateY(0);visibility:visible;z-index:99999999}.mynav .sub-menu a{color:#8eaedc;font-size:15px;padding:12px 14px;display:inline-block;width:100%}.mynav .sub-menu .nav-link{color:#fff;margin-inline-end:0;padding:6px 0;transition:all .4s;font-weight:300;font-size:15px;line-height:24px}.sub-menu a:hover,.mynav .sub-menu .nav-link:hover{color:#fff;color:var(--sec-color) !important}li.has-child a,li.menu-item-has-children>a{position:relative}li.has-child>a:after,li.menu-item-has-children>a:after{position:absolute;content:'\f107';font-family:'font awesome 5 pro';top:12px;left:-10px;color:#000}li.menu-item-has-children>a:hover:after{color:var(--sec-color)}.sidebar li.has-child>a:after{top:7px;left:1px;color:#fff}ul.sub-menu li{margin-inline-end:0;border-bottom:1px solid rgba(237,237,237,1)}.sidebar .sub-menu{display:none;opacity:1;visibility:visible;height:auto;position:relative;min-width:unset;width:100%;border-radius:0;padding:16px 0;transform:translateY(0px)}.left-tobheader{display:flex;align-items:center;justify-content:flex-end}.left-tobheader .lang{margin-right:30px}.sidebar .left-bar{display:none}.topbar a:hover{color:#263b8a}.mynav .row{align-items:center;position:relative}.search-btn i{transition:all .7s;font-size:22px;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.mynav .nav-link{position:relative;padding-block:10px}.mynav .nav-link.active:after{position:absolute;width:18px;height:4px;background-color:#2f8128;bottom:-8px;right:0}.navbar-menu{display:flex;align-items:center}.navbar{padding:0}.request a{background:#dc1e2b 0% 0% no-repeat padding-box;box-shadow:0px 3px 16px #ffffff29;border-radius:2px;color:#fff;min-width:144px;padding:10px 14px;text-align:center;display:inline-block;font-size:15px;font-family:'bold';transition:all .3s}.request a:hover{background-color:var(--sec-color)}.site-search{display:table;width:100%;height:100%;background:#fff;position:fixed;top:0;left:0;z-index:-1;opacity:0;padding:12px;transition:opacity .5s ease .25s,z-index 0s ease .75s;-webkit-transition:opacity .5s ease .25s,z-index 0s ease .75s}.site-search.open{z-index:99999999;opacity:1;transition:opacity .5s,z-index 0s;-webkit-transition:opacity .5s,z-index 0s}.site-search.open .woocommerce-product-search,.site-search.open .search-form{margin-top:-25px;opacity:1;transition:margin-top .5s,opacity .5s;-webkit-transition:margin-top .5s,opacity .5s}.site-search .widget_product_search,.site-search .widget_search{position:relative;padding-top:0}.site-search .woocommerce-product-search,.site-search .widget_search .search-form{border:none;width:50%;margin-top:300px;position:fixed;top:50%;left:50%;display:block;padding-top:0;opacity:0;transition:margin-top .5s,opacity .5s;-webkit-transition:margin-top .5s,opacity .5s;transform:translateX(-50%);z-index:9}.site-search .woocommerce-product-search label,.site-search .widget_search .search-form label{display:none;clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute !important;width:1px;word-wrap:normal !important;transform:translateX(10%)}.site-search .woocommerce-product-search .search-field,.site-search .widget_search .search-form .search-field{color:var(--bg-color);background:0 0;border:none;border-bottom:3px solid #000;font-size:20px;padding:15px 0;height:auto;margin:0;outline:none !important;display:block;width:100%;box-sizing:border-box;transition:all .15s linear;-webkit-appearance:none;border-radius:0;box-shadow:inset 0 0 0 transparent;color:#000;padding-inline-end:50px}.site-search .woocommerce-product-search input[type=submit],.site-search .widget_search .search-form input[type=submit]{top:10px;right:15px;padding-top:0 !important;background:0 0 !important;font-size:0;min-width:0;padding:0 !important;z-index:4;position:absolute;font-weight:400;text-transform:uppercase;text-align:center;width:40px;height:40px;line-height:40px;overflow:hidden;cursor:pointer;color:#000;-webkit-transition:all .3s;transition:all .3s}.site-search .woocommerce-product-search button{position:absolute;left:0;top:15px;font-size:20px;background:0 0 !important;border:none !important;box-shadow:none !important;color:#000;padding:0}.site-search .woocommerce-product-search .search-field::placeholder{color:#000}.searchForm .btnSearch{box-shadow:none !important;color:#000;padding:0;text-align:center;font-size:18px;border-radius:50%;cursor:pointer;width:36.09px;height:36.09px;display:inline-block;border:1px solid rgba(108,108,108,.2);display:flex;align-items:center;justify-content:center}.searchForm .btnSearch i{transition:all .6s;color:#000;font-weight:900}.site-search-close{position:absolute;right:0;left:0;top:0;bottom:0}.site-search .close-side i{position:absolute;width:30px;height:30px;border:1px solid #000;border-radius:50%;color:#000;display:flex;align-items:center;justify-content:center;cursor:pointer;top:20px;left:20px;z-index:9}.navbar-toggler i{color:#fff;font-size:25px}.responsive-menu{padding:10px 0 0}.responsive-menu .right-tobheader ul{justify-content:space-between;gap:10px}.responsive-menu .right-tobheader ul li a{font-size:14px;color:#fff}.responsive-menu .logo{height:64px;padding:13px 0;text-align:center}.responsive-menu .lang a{color:#fff}.responsive-menu .search-menu{justify-content:space-between}.responsive-menu .mobile-menu .btnSearch i{font-weight:900;font-size:16px;line-height:16px;color:#fff}.responsive-menu span.btnSearch{width:36.09px;height:36.09px;border:1px solid rgba(108,108,108,.2);display:flex;align-items:center;justify-content:center;border-radius:50%}.responsive-menu .mobile-menu{display:flex;align-items:center}.responsive-menu .search-menu{background-color:var(--sec-color);padding:8px 14px}.responsive-menu .right-tobheader{background-color:#8eaedc;background-image:url(//hvschool.edu.sa/wp-content/themes/warf-school/assets/css/../images/bg-topheader.png);padding:4px 5px}.responsive-menu .lang{margin-inline-start:14px;color:var(--bg-color);text-transform:capitalize;font-weight:700}.sidebar{position:fixed;top:0;right:-350px;height:100%;width:350px;background-color:var(--sec-color);z-index:999;padding:20px 0;z-index:999999;transition:all .7s;box-shadow:0px 0px 20px #00000029;padding:0;overflow:scroll}.sidebar-width{right:0}.close-side{position:absolute;z-index:9999;width:30px;height:30px;left:0}.sidebar .close-side i{cursor:pointer;width:38px;height:38px;color:#000;font-size:25px;display:flex;align-items:center;justify-content:center;margin-bottom:0}.sidebar .side-content{padding-top:0;margin-top:0}.close-overlay{position:fixed;width:100%;height:100%;background-color:var(--sec-color);opacity:.6;top:0;left:0;right:0;bottom:0;z-index:99;display:none}.close-overlay.open-overlay{display:block}.sidebar .side-content ul li{position:relative;width:100%;transition:all .5s;border-bottom:1px solid #173c37}.sidebar .side-content ul li:hover a:after{color:#fff}.sidebar .side-content ul li a{color:#fff;display:inline-block;padding:14px;position:relative;transition:all .6s}.sidebar .contact-buttons{justify-content:center;margin-top:60px}.mynav{padding:40px 0 32px}.slider-home .slider-img{position:relative;height:100%}.bread-img{position:absolute;width:100%;height:100%}.bread-img img{width:100%;height:100%;object-fit:cover}.home-slider .item,.breadcrumb-sec,.breadcrumb-section{position:relative}.home-slider .item:after,.breadcrumb-sec:after{position:absolute;content:'';top:0;left:0;right:0;width:100%;height:100%;background:rgba(255,255,255,16%)}.home-slider .item:before,.breadcrumb-sec:before{position:absolute;content:'';bottom:0;right:0;left:0}.breadcrumb-sec:before{background-image:url(//hvschool.edu.sa/wp-content/themes/warf-school/assets/css/../images/breadcrumb-after.png);background-size:cover;background-position:bottom}.breadcrumb-section:after{position:absolute;content:'';top:0;left:0;width:100%;height:100%;z-index:1;background:#122C2899}.slider-home .slider-img:before{position:absolute;content:'';top:0;left:0;width:100%;height:100%;z-index:1;background:#122C2899}.carousel-info{position:absolute;z-index:2;color:#fff;text-align:center;bottom:140px;transform:translateX(-50%);visibility:hidden;transition:all 1s ease-in;padding:20px 10px;left:50%;width:61%;max-width:58%;margin:auto}.slider .owl-item.active .carousel-info{transform:translateY(-60px) translateX(-50%);opacity:1;visibility:visible}.carousel-info h2{margin-bottom:8px;color:#a6e446;font-weight:500;font-family:'SemiBold';font-size:50px;line-height:81.7px}.carousel-info p{color:#fff;font-weight:500;font-size:18px;line-height:28px}.carousel-info .slider-title{display:flex;align-items:center;justify-content:center}.slider-title .img{height:150px;width:109px}.slider-title .img img{max-width:100%;max-height:100%}.home-slider .owl-carousel,.sponser-slider{direction:ltr}.slider-home .owl-item .slider-img{height:613px}.slider.home-slider{min-height:300px}.slider-home .owl-item .slider-img img{height:100%;object-fit:cover}.card-slider.owl-theme .owl-nav .owl-next,.card-slider.owl-theme .owl-nav .owl-prev,.exam-slider.owl-theme .owl-nav .owl-prev,.exam-slider.owl-theme .owl-nav .owl-next,.slider-home.owl-theme .owl-nav .owl-prev,.slider-home.owl-theme .owl-nav .owl-next,.activities-slider.owl-theme .owl-nav .owl-next,.activities-slider.owl-theme .owl-nav .owl-prev{margin-top:0;position:absolute;top:50%;transform:translateY(-50%);font-size:23px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:rgb(255 255 255/30%);color:#dc1e2b;width:62px;height:62px;transition:all .3s}.slider-home.owl-theme .owl-nav .owl-prev,.slider-home.owl-theme .owl-nav .owl-next,.activities-slider.owl-theme .owl-nav .owl-prev,.activities-slider.owl-theme .owl-nav .owl-next{width:62px;height:62px;background:#fff;color:#122c28}.slider-home.owl-theme .owl-nav .owl-prev{left:40px;opacity:50%}.slider-home.owl-theme .owl-nav .owl-next{right:40px}.activities-slider.owl-theme .owl-nav .owl-next,.activities-slider.owl-theme .owl-nav .owl-prev{top:40%;font-size:18px}.activities-slider.owl-theme .owl-nav .owl-prev{left:80px;opacity:50%}.activities-slider.owl-theme .owl-nav .owl-next{right:80px}.card-slider.owl-theme .owl-nav .owl-prev,.exam-slider.owl-theme .owl-nav .owl-prev{left:-70px}.card-slider.owl-theme .owl-nav .owl-next,.exam-slider.owl-theme .owl-nav .owl-next{right:-70px}.card-slider.owl-theme .owl-nav .owl-prev,.card-slider.owl-theme .owl-nav .owl-next,.exam-slider.owl-theme .owl-nav .owl-prev,.exam-slider.owl-theme .owl-nav .owl-next{top:42%;transform:translateY(-50%);background:#fff;color:#000;font-size:17px;font-weight:900}.exam-slider.owl-theme .owl-nav .owl-prev,.exam-slider.owl-theme .owl-nav .owl-next{top:50%}.card-slider.owl-theme .owl-nav .owl-prev:hover,.card-slider.owl-theme .owl-nav .owl-next:hover,.exam-slider.owl-theme .owl-nav .owl-prev:hover,.exam-slider.owl-theme .owl-nav .owl-next:hover{background:var(--sec-color);color:#fff}.read-more a,.read-more button{display:inline-block;padding:10px 20px;min-width:137px;color:#fff;transition:all .3s;text-align:center;background:#122c28;border-radius:4px;font-family:'SemiBold';border:none;outline:none;position:relative;z-index:2;text-transform:capitalize;font-weight:500;font-size:15px}.read-more a:after,.read-more button:after,.more-btn a:after{position:absolute;content:'';width:100%;height:100%;background-color:#e2f3bf;top:0;left:0;border-radius:3px;transition:all .3s;transform:scale(0);opacity:0;z-index:-1}.read-more button{font-family:'Bahij_bold';display:flex;align-items:center;justify-content:center;gap:10px;margin-top:32px}.read-more a:hover:after,.read-more button:hover:after,.more-btn a:hover:after{transform:scale(1);opacity:1}.read-more a:hover,.read-more button:hover,.more-btn a:hover{color:#000}.read-more{margin-top:0}.slider-home.owl-theme .owl-dots{margin-top:10px;position:absolute;bottom:37px;left:50%;transform:translateX(-50%)}.slider-home.owl-theme .owl-dots .owl-dot.active span,.slider-home.owl-theme .owl-dots .owl-dot:hover span{background:#fff}.slider-home.owl-theme .owl-dots .owl-dot span{position:relative;background:#fff}.slider-home.owl-theme .owl-dots .owl-dot span:after{position:absolute;content:'';width:16px;height:16px;border:1px solid #fff;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .3s;opacity:0}.slider-home.owl-theme .owl-dots .owl-dot.active span:after,.slider-home.owl-theme .owl-dots .owl-dot:hover span:after{opacity:1}.marqee-data{display:flex;align-items:center;background:#fff 0% 0% no-repeat padding-box;width:100%;padding:17.4px 19.5px 14.7px;box-shadow:0px 0px 30px 0px #00000026;border-radius:8px;margin-top:19px}.marqee-data .maq-title{background:#e2f3bf;display:flex;justify-content:center;align-items:center;margin:0;color:#033f2d;position:relative;font-weight:600;font-size:17px;line-height:29px;width:72.54px;height:42.82px;margin-inline-end:15px;border-radius:8px;font-family:'SemiBold'}.marqee-data .maq-title:after{position:absolute;content:''}.marqee-data marquee ul{display:flex;margin:0 15px;transition:none}.marqee-data marquee{height:100%;transition:none}.marqee-data marquee ul li{margin:15px 0;transition:none}.marquee{overflow:hidden;direction:ltr}.marquee-inner{width:calc(100% - 99px);overflow:hidden}.marquee .js-marquee-wrapper{display:flex}.js-marquee{display:flex;height:100%;align-items:center;margin-inline:4px !important}.marquee p{margin-bottom:0;font-weight:500;font-size:16px;line-height:29px;color:#6d6d6d;direction:rtl}.Marqee-sec{padding:0 0 30px;z-index:3}.about{position:relative}.animate-group img{position:absolute}.animate-group .shape-1{left:12%;top:25%;display:none}.animate-group .shape-2{right:37%;bottom:10%}.animate-group .shape-3{left:27%;top:35%;display:none}.animate-group .shape-4{top:4%;right:30%}.animate-group .shape-5{bottom:21%;left:40%}.animate-group .shape-6{top:70px;right:45%}.animate-group .shape-7{left:24%;top:3%}.animate-group .shape-8{right:55%;top:18%}.animate-group .rotate{animation:rotate 60s infinite}.animate-group .move-1{animation:move-1 30s infinite linear}.animate-group .move-2{animation:move-2 30s infinite linear}@keyframes move-1{0%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(-100px,30px,30px) rotate(360deg)}100%{transform:translate3d(0,0,0) rotate(0)}}@keyframes move-2{0%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(100px,30px,30px) rotate(360deg)}100%{transform:translate3d(0,0,0) rotate(0)}}@keyframes rotate{0%{transform:rotateZ(0)}100%{transform:rotateZ(3600deg)}}.about-info span{color:#12313e;position:relative;padding-inline-start:14px;margin-bottom:37px}.about span:before{position:absolute;content:'';width:10px;height:10px;border-radius:50%;top:3px;right:0;background-color:#8eaedc}.about.about-page:before{display:none}.about-img{background-position:center;background-repeat:no-repeat;position:relative}.about-talaa{position:relative;padding-top:60px;overflow:visible}.about-page .about-img{position:relative;height:512px}.about-img img{width:100%;height:100%;max-width:100%;object-fit:cover}.section-title{text-align:center}.section-title h4{color:#000;margin-bottom:10px;text-transform:capitalize;padding-inline-start:0;position:relative;display:inline-block;font-weight:500;font-family:'SemiBold';font-size:34px;line-height:56px}.section-title h4:before,.footer-links h4:before{position:absolute;content:'';width:24.33px;height:29.19px;top:50%;transform:translateY(-50%);right:0;background-image:url(//hvschool.edu.sa/wp-content/themes/warf-school/assets/css/../images/Rectangle%204%20(1).svg');
/*background-size: cover;*/
}
.footer-links h4::before{
    width: 9.23px;
    height: 11.08px;
}
.about-info h4 {
  font-weight: 600;
font-size: 36px;
line-height: 55px;
    margin-bottom: 24px;
    color: var(--sec-color);
}

.about-info p {
    color: #12313E;
    line-height: 27px;
}


/* end about section */
/* ------------------------------------------------------- */
/* Start products section */

.nav.nav-pills {
    margin-bottom: 50px;
    justify-content: center;
}
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #000;
    background: transparent;
    border-bottom: 4px solid #A6E446;
    line-height: 30px;
}
.nav-pills .nav-link {
  
    background: #FFFFFF 0% 0% no-repeat padding-box;
    transition: all 0.3s;
    text-align: center;
    padding: 8px 16px;
    text-transform:capitalize;
    font-weight: 500;
     font-family: 'SemiBold';
    font-size: 19px;
    line-height: 31px;
    color: #000000;
    border-bottom: 1.19px solid #D4D4D4;
    border-radius: 0;
}
.all-prod .request {
    text-align: center;
    margin-top: 50px;
}


/* ---------------------------------------- */
/* Start videos  section */
.video-section{
    background-color: #E2F3BF;
    padding: 57px 0 64px;
}
.stages-activities{
background-color: #E2F3BF;
    padding: 82px 0;
    position:relative;
}
.video-item{
    margin-bottom: 10px;
    border-radius: 5px;
    border-radius: 0px 0px 5px 5px;
    transition: all 0.3s;
}
.video-item:hover{
}
.video-item img{
    width: 100%;
}
.video-item p{
    color: #000;
    font-weight: 500;
       font-family: 'SemiBold';
    font-size: 22px;
    line-height: 34px;
    margin-bottom:0;
    /* min-height: 69px; */
}
.video-item .more{
    text-align: center;
}
 .video-item .more a,.more a{
position: relative;
padding-inline-end: 24px;
text-transform:capitalize;
}
.video-item .more a::after,.more a::after {
    position: absolute;
    content: '\f177';
    font-family: 'font awesome 5 pro';
    top: 0px;
    left: 0px;
    color: #12313E;
    font-size: 18px;
    transition: all 0.3s;
}
.video-item:hover .more a,.video-item:hover .more a::after{
    color: var(--sec-color);
}
.new-slider.owl-carousel .owl-stage .owl-item.active~.owl-item.active~.owl-item.active .new-item {
    opacity: 0.2;
}
.more-btn{
    text-align: center;
    /* margin-top: 40px; */
}
.more-btn a{
display: inline-block;
    min-width: 170px;
    text-align: center;
    padding: 12px;
    background: var(--sec-color);
    border-radius: 4px;
    color: #fff;
    position: relative;
    z-index: 2;
    text-transform: capitalize;
    font-weight: 500;
       font-family: 'SemiBold';
    font-size: 15px;
    line-height: 24px;
}
.stages-activities .more-btn a{
    min-width: 292px;
}
.video-item .ser-img{
    overflow: hidden;
    height: 294px;
    border-radius: 7.23799px 7.23799px 0px 0px;
}
.video-item .ser-img img{
    height: 100%;
    transition: all 1s;
    object-fit:cover;
    border-radius: 7.23799px 7.23799px 0px 0px;
}
.video-item:hover .ser-img img {
    transform: scale(1.1);
}
 .ser-img a{
    display: inline-block;
    width: 100%;
    height: 100%;
    position: relative;
}
 .services-page .ser-img a::after{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 0%;
    z-index: 1;
    transition: all 0.3s;
    opacity: 0;
    /*transform: scale(0);*/
    z-index: 1;
    /*background: linear-gradient(90deg, rgba(142, 174, 220, 0) 0%, #8EAEDC 100%);*/
}

.services-page .video-item:hover .ser-img a::after{
    /*opacity: 0.49;*/
    transform: scale(1);
    height:100%;
}
.tweets-section .video-item .video-item-info{
background-color: rgba(240, 240, 240, 1);
}
.tweets-section .video-item:hover .video-item-info{
    background-color: #fff;
}
.tweets-section{
    padding-bottom: 0;
}
.video-item-info{
    text-align: center;
    padding: 13px 8px 25px;
    direction: rtl;
    border-radius: 0px 0px 2px 2px;
}
/* ----------------------------------------------- */
/* Start team-slider section */
.team-item {
    border: 1px solid #CDF097;
    border-radius: 8px;
}
.team-item .img {
    /*background-image: url(//hvschool.edu.sa/wp-content/themes/warf-school/assets/css/../images/Frame.png);*/
    overflow: hidden;
    height: 245.62px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.team-item .img img{
   max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    object-position: center;
    margin: auto;
    position: relative;
    z-index: 2;
}
.team-item .team-details {
    position: relative;
    min-height: 74px;
    padding: 29px 12px 37.6px;
    text-align: center;
    z-index: 99;
    transition: all 0.3s;
    /*border: 1.32325px solid #ECECEC;*/
}
.team-item .team-details h3 {
    color: #000;
    margin: 0 0 3px;
    font-weight: 600;
    font-size: 24px;
    line-height: 38px;
     transition: all 0.3s;
}
.team-item .team-details span {font-weight: 300;font-size: 16px;line-height: 28px;
text-align: center;color: #4B4B4B;
    /*min-height: 56px;*/
    display: inline-block;
}
.team-item::after{
    /*transition: all .5s;*/
    /*content: "";*/
    /*position: absolute;*/
    /*right: 0;*/
    /*left: 0;*/
    /*margin: auto;*/
    /*bottom: -5px;*/
    /*width: 87px;*/
    /*height: 7px;*/
    /*border-radius: 10px;*/
    /*z-index: -1;*/
}
.owl-item.active  .team-item::after{
    background-color: #8EAEDC;
}
.owl-item.active  + .owl-item  .team-item::after{
    background-color: #12313E;
}
.owl-item.active  + .owl-item.active +  .owl-item .team-item::after{
    background-color: #A12E38;
}
.owl-item.active  + .owl-item.active + .owl-item.active +  .owl-item  .team-item::after{
    background-color: #A69675;
}

.team-slider  .owl-item , .exam-slider .owl-item{
    opacity: 0.2;
}
.team-slider  .owl-item.active,.exam-slider .owl-item.active{
    opacity: 1;
}

.team-item:hover .team-details h3{
    color:var(--sec-color);
}
/* Start educational-stages section */
section {
    padding: 80px 0;
    overflow: hidden;
}

section.educational-stages {
    /*background-image: linear-gradient(to right, rgb(142 174 220 / 38%) 100%, white 0), url(//hvschool.edu.sa/wp-content/themes/warf-school/assets/css/../images/img1.png);*/
     background-image:  url(//hvschool.edu.sa/wp-content/themes/warf-school/assets/css/../images/img1.png);
    background-size: cover;
    background-position: center;
position: relative;
padding-bottom: 72px;
padding-top: 66px;
}
section.educational-stages::after{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #8EAEDC61;
}
section.educational-stages .container{
    position: relative;
    z-index: 3;
}
.educational-stages .section-title{
    margin-bottom: 59px;
}
.educational-stages .section-title h4{
    color: #fff;
    margin-bottom: 20px;
}
.section-title h6{
    text-align: center;
    color: #fff;
}
.stage-block .img {
    height: 231px;
    overflow: hidden;
    border-radius: 10px 10px 0px 0px;
}
.stage-block .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.stage-block .details h3 {
    font-size: 18px;
    color: #000;
    font-family: 'bold';
    margin: 0;
    padding: 24px 0 10px;
    transition: all 0.3s;
}
.stage-block {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 16px #77737329;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 15px;
    padding: 16px;
    display: block;
    text-align: center;
    border: 2px solid transparent;
    transition: all 0.3s;
}
.stage-block:hover {
 border-color: #A12E38;
}
.stage-block:hover  .details h3{
    color: #A12E38;
}
/* --------------------------------------------- */
/* End stages-activities section */

.exam-slider .item .img{
    height: 372px;
}
.exam-slider .item .img img{
    height: 100%;
}
/* *******   counter     *********** */
.counter-item {
    direction: ltr;
    color: #fff;
    font-size: 24px;
    line-height: 43px;
    margin: 14px 0 19px;
    font-family: 'bold';
    text-align: center;
}
.count-block{
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 28px 22px;
   
}
.count-block .details{
    text-align: center;
}
.count-block .details h6{
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 27px;
}
.counter-info h3{
    color: #fff;
    font-family: 'bold';
    font-size: 32px;
    margin-bottom: 60px;
}
.count-block .img{
    width: 56px;
height: 54px;
    max-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(//hvschool.edu.sa/wp-content/themes/warf-school/assets/css/../images/mask.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    transition: all 0.3s;
}
.count-block .img img{
    height: auto;
    max-height:49px;
}
.count-block:hover .img{
    background-image: url(//hvschool.edu.sa/wp-content/themes/warf-school/assets/css/../images/mask-2.png);   
}
/* ------------------------------------------ */
/* Start exam-slider section */

.exam-item{
    transition: all 0.3s;
    position: relative;
    padding: 41px 16px 31px;
}
.exam-item:hover{
    border:1px solid  #122C28;
}
.exam-item{
  position: relative;
}
.exam-item::after{
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid #fff;
  border-radius: 8px;
}
.exam-item:hover:after{
  border: 1px solid #122C28;
}
.exam-item .exam-img{
    /* height: 481px; */
}
.exam-item .exam-img img{
    height: 100%;
}
.exam-item .item-info{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 74%;
    background-color:
    rgb(142 174 220 / 72%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition: all 0.3s;
    opacity: 0;
    height: 0;
}
.exam-item:hover .item-info{
    height: 89%;
    opacity: 1;
}
.exam-item .item-info h4{
color: #000000;
font-size: 16px;
font-family: 'bold';
}
.exam-item .item-info .icons i{
font-size: 25px;
}
/* ------------------------------------------ */


/* *************Start footer section*********** */
/* ------------------------------------- */
section.exam-sch {
    margin-bottom: 67.89px;
}

footer {background-size: cover;background-position: center;/*padding-top: 67.89px;*/position: relative;padding-bottom: 0px;}

footer .container{
    position: relative;
    z-index: 2;
}
span.key{
    display: inline-block;
    width: 145px;
}
span.mobile{
    display: inline-block;
    direction: ltr;
}
.footer-links li{
    margin-bottom: 10px;
}
.f-contact-links .footer-links li,
 .col-lg-4:nth-child(2) .footer-links li {
    margin-bottom: 17px;
}
.footer-links li i{
    padding-inline-end: 15px;
    color: #033F2D;
    font-weight: 400;
font-size: 16.1415px;
line-height: 16px;
}
footer a {
    color: #000;
    transition: all 0.3s;
}

footer a:hover , .footer-links li:hover{
    color:#033F2D;
}
.footer-items ul{
    display: flex;
    flex-wrap: wrap;
}
.footer-items ul li{
    width: 49%;
    margin-bottom: 5px;
}

.footer-links li a{
    position: relative;
    padding-inline-start: 12px;
    color: #272525;
}
.footer-links li a::before{
    position: absolute;
    content: '\f104';
    font-family: 'font awesome 5 pro';
    top: 1px;
    right: 0;
    color: #033F2D;
}
.footer-links h4 {
    margin-bottom: 21px;
    position:relative;
    font-weight: 500;
       font-family: 'SemiBold';
    font-size: 18px;
    line-height: 28px;
    color: #000000;
    /*padding-inline-start: 18px;*/
}
.footer-logo {
    text-align: center;
}
.footer-logo .img{
   height: 160px;
    margin-bottom: 37px;
}
.footer-logo .img img{
    height: 100%;
    width:100%;
}
.footer-logo span{
    font-size: 20px;
}
 .footer-soch-icone{
    margin-top: 18px;
    display: flex;
        justify-content: center;
    align-items: center;
}
.footer-soch-icone a {
    color: #033F2D;
    width: 25.65px;
    height: 25.65px;
    border: 1px solid #033F2D;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 13px;
    margin-inline-end: 10px;
    font-weight: 400;
    font-size: 15.636px;
    line-height: 16px;
}
.footer-links li:last-of-type{
    margin-bottom: 0 !important;
}
/* bottom footer */
.copy-right {
    padding: 10px 0 8px;
    /*border-top: 1.15297px solid #E3E3E3;*/
    margin-top: 12px;
    position: relative;
    z-index: 9;
    background: #122C28;
}

.ryad-logo {
    height: 65px;
    margin-top: -32px;
    position: relative;
    top: 5px;
    margin-left: -20px;
}

.copy-right .row {
    align-items: center;
}

.comp-rights {
    text-align: end;
}

.copy-right p {
   font-weight: 300;
font-size: 15.45px;
line-height: 33px;
color:#fff;
    margin-bottom: 0;
}
/* ******************************* */


/* Start about page */
.breadcrumb-sec {
    background-size: cover;
    background-position: center;
    height: 390px;
}

.breadcrumb-info {
    position: relative;
    z-index: 3;
}

.breadcrumb-sec::after {
    bottom: 0;
}

.breadcrumb-section {
    position: relative;
    width: 100%;
    height: 100%;
    padding-top: 150px;
}
.breadcrumb-section {position:relative;background: transparent;}

.breadcrumb-info h2 {
    margin-bottom: 8px;
    text-transform:capitalize;
    color: #fff;
    text-align:center;
   font-family: 'Bahij_bold';
    font-size: 42px;
    line-height: 66px;
}

.breadcrumb-section a {
    color: #fff;
     font-family: 'SemiBold';
    font-size: 16px;
    line-height: 28px;
}
 .breadcrumb-sec::before{
     /* opacity: 16%; */
 }
.breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    padding: 0;
}
.breadcrumb-item+.breadcrumb-item {
    padding-left: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
}

.breadcrumb-item.active {
    color: #fff;
    font-weight: 500;
      font-family: 'SemiBold';
    font-size: 16px;
    line-height: 28px;
}

.breadcrumb-item+.breadcrumb-item::before {
    padding-left: 6px;
    content: "/";
    color: #fff;
    padding-right: 6px;
}

.about-page  .about-info .about-btn{
    margin-top: 166px;
}
.about-item{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 11px 17px #8EAEDC24;
    border-radius: 0;
    text-align: center;
    padding: 51px 14px 27px;
    color: #12313E;
    transition: all 0.3s;
    position: relative;
    z-index: 2;
    overflow: hidden;
    box-shadow: 0px 11px 8.5px rgba(142, 174, 220, 0.141176);
}
.about-item::after,
.contact-details li:after{
    position: absolute;
    content: '';
    width: 30px;
    height: 30px;
    background-color: var(--sec-color);
    border-radius: 50%;
    bottom: -30px;
    left: -30px;
    transition: all 0.5s;
  transform: scale(0);
}
.about-item:hover{
    color:#fff;
}
.about-item:hover::after,
.contact-details li:hover::after{
transform: scale(40);
}
.about-item h4{
    font-size: 20px;
    margin-bottom: 28.75px;
    position: relative;
    z-index: 2;
    font-weight: 600;
    font-size: 20px;
    line-height: 33px;
    text-align: center;
   
  
}
.about-item p{
    margin-bottom: 0;
    min-height: 107px;
    position: relative;
    z-index: 2;
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
   
}
.about-item:hover{
    color: #fff;
}
.about-page .col-lg-4{
    padding: 0px 8.2px;
}
.about-page .col-lg-4:nth-child(2){
    animation-delay: 0.3s;
}
.about-page .col-lg-4:nth-child(3){
    animation-delay: 0.9s;
}
.about-page .col-lg-4:nth-child(4){
    animation-delay: 1.2s;
}
.about-info h6{
    font-size: 18px;
    color: #12313E;
    font-family: 'medium';
    padding-inline-end: 30px;
    line-height: 29px;
}
/* -------------------------------- */
p{
    line-height: 27px;
}

a {
    color: inherit;
}

/* -----------------------------------  services-page page   ---------------------- */
.service-item{
    margin-bottom: 18px;
}
.service-item a{
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;

}
.service-item .img{

height: 287px;
}
.service-item .img img{
    width: 100%;
    height: 100%;
    border: 1px solid #8EAEDC1A;
    border-radius: 5px;
}
.service-item a::before{
    position: absolute;
    content: '\f00e';
    font-family: 'Font Awesome 5 Pro';
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 9999;
    font-size: 30px;
    color: #fff;
    transition: all 0.6s;
    opacity: 0; 
}
.service-item a:hover::before{
    opacity: 1;
}
.service-item a::after{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: all 0.6s;
    opacity: 0;
    transform: scale(0);
    background:#101010;
    z-index: 1;
}

.service-item:hover  a::after{
    opacity: 52%;
    transform: scale(1);
}
.services-page .col-lg-4,
.videos-page .col-lg-3{
    padding: 0 8px;
}
.videos-page .video-item{
    border-color: #F0F0F0;
}
/* Pagination */
.pagination{
    justify-content: center;
    margin-top: 32px;
}
.page-link {
    color: #645F5F;
    background-color: #fff;
    border: 1px solid rgb(112 112 112 / 13%);
    font-size: 16px;
    padding: 10px 16px;
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #D0BFAB;
    border-color: var(--sec-color);
    border-color: transparent;
    background-color: var(--sec-color);
}
.page-item .page-link,
.page-item:last-child .page-link,
.page-item:first-child .page-link { 
    border-radius: 0;
}
.page-item:last-child .page-link,
.page-item:first-child .page-link{
    background-color: var(--sec-color);
    color: #fff;
    padding-inline: 20px;
    
}
.page-item:last-child .page-link{
    border-radius: 10px 0 0 10px;
    background-color: transparent;
    color: var(--sec-color);
}
.page-item:first-child .page-link{
    border-radius: 0 10px 10px 0;
}
li.page-item {
    margin-inline:0;
}
.page-link:hover {
    z-index: 2;
    color: #fff;
    text-decoration: none;
    background-color: var(--sec-color);
    border-color: var(--sec-color);
}
.page-link:focus {
    box-shadow: none;
}
/*  --------------------------------- booking  page   --------------------------------- */
.contact-form{
    width: 80%;
}
.contact-form label{
  font-weight: 500;
font-size: 16px;
line-height: 25px;

color: #12313E;
    width: 100%;
    margin-bottom: 10px;
}
.contact-form form input, .contact-form form textarea ,.contact-form form select{
    width: 100%;
    padding: 10px;
    background: #fff;
    border: 1px solid #DADADA;
    color: #12313E;
    border-radius: 2px;
    transition: all 0.3s;
    font-weight: 500;
font-size: 16px;
line-height: 25px;
border: 1px solid #DADADA;
filter: drop-shadow(0px 3px 8px rgba(0, 0, 0, 0.0784314));
border-radius: 2px;
}
.contact-form input::placeholder, .contact-form textarea,.contact-form select::placeholder{
    color: #12313E;
opacity: 0.54;
}
.contact-form form input:focus, .contact-form form textarea:focus ,.contact-form form select:focus{
border: 1px solid #8EAEDC;
filter: drop-shadow(0px 3px 8px rgba(0, 0, 0, 0.0784314));
border-radius: 2px;
}
.download a{
    display: inline-block;
    text-align: center;
    background-color: var(--sec-color);
    padding: 10px;
    color: #fff;
    text-align: center;
    min-width: 269px;
    border-radius: 5px;
}
.bookng-detail .img{
    height: 718px;
    margin-top: 67px;
}
.bookng-detail .img img{
    max-width: 100%;
  height: 100%;
  object-fit: cover;
}
.bookng-detail h5,.contact-form h5,
.registration-info h5,.primary-notes h5{
    color:#000;
    font-size: 18px;
    margin-bottom: 22px;
}
.form-group.student-data{
padding-top: 44px;
margin-top: 45.5px;
border-top: 1px solid #E6E6E6;
}
/* ------------------------  registarationpage  ----------------------- */
.registration-info h5,.primary-notes h5{font-weight: 600;font-size: 18px;line-height: 42px;color: var(--sec-color);}
.registration-info ul{
    list-style: arabic-indic;
    list-style-position: inside;
    padding-inline-start: 24px;
}
.registration-info ul li
,.primary-notes ul li,.primary-notes p
{color: rgb(18 49 62 / 54%);font-weight: 500;font-size: 16px;line-height: 28px;}
.registration-info ul li p{
    margin-bottom:0;
    height: 0;
}
.primary-notes {
margin-top: 42px;
color: #12313E;
}
.primary-notes p{
    margin-bottom: 0;
}
.primary-notes p,.primary-notes ul{
    padding-inline-start: 24px;  
}
section.reges-and-accss{
    padding-top:100px;
}
/* ------------------------------------------------- */
.tweets-section.tweets-page{
    padding-bottom: 70px;
}
/* -----------------------------------   single new   ------------------------ */
.sidebar-event{background: #FFFFFF 0% 0% no-repeat padding-box;padding: 29px 22px 36px;border-radius: 10px;box-shadow: 0px 10px 18px rgba(166, 166, 166, 0.121569);}

.sidebar-event ul li{
    margin-bottom: 32px;
}
.video-data img{
    width: 100%;
    height: 267px;
    object-fit: cover;
    border: 1px solid #EFEFEF;
    filter: drop-shadow(0px 10px 18px rgba(166, 166, 166, 0.121569));
    border-radius: 5px;
}
.video-data {
    position: relative;
}
.video-icone {
    width: 50px;
    height: 50px;
    background-color: rgb(255 255 255 / 10%);
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 999;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.160784);
}

.video-icone::after {
    position: absolute;
    content: '\f04b';
    font-family: 'Font Awesome 5 Pro';
    font-weight: bold;
    color: var(--sec-color);
    font-size: 16px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(255 255 255 / 90%);
}

.video-icone::before {
    position: absolute;
    content: '';
    width: 65px;
    height: 65px;
    margin: auto;
    border-radius: 50%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /* background-color: #fff; */
    opacity: 0.7;
    animation: movecir 1s infinite linear;
}

@keyframes movecir {
    0% {
        transform: scale(0.5);
        opacity: 1;
    }

    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}
.event-detail .img{
    width: 100%;
  height: 398.05px;
}
.event-detail .img img{
    width: 100%;
    height: 100%;
    object-fit:cover;
    border: 1px solid #EFEFEF;
border-radius: 5px 5px 0px 0px;

}
.event-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 34px 0 30.9px;
}
.event-title h6,.sidebar-event h4,.about-event p strong{
    margin-bottom: 0;
    color: var(--sec-color);
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
}
.sidebar-event h4{
    margin-bottom: 39px;
}
.event-title p{
    margin-bottom: 0;
    display:flex;
    align-items:center;
}

.event-title p i{
    color: var(--sec-color);
    margin-inline-end: 10px;
    font-weight: 400;
    font-size: 24px;
    line-height: 32px;
}
.event-title p span{
    font-weight: 500;
font-size: 16px;
line-height: 28px;
color: #000000;
}
.about-event p{
    color: #707070;
    margin-bottom: 16px;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
}
.about-event ul li{
    margin-bottom: 18px;
    color: #707070;
    position: relative;
    padding-inline-start: 32px;
}

.about-event ul li::before{
    position: absolute;
    content: '\f04b';
    font-family: 'font awesome 5 pro';
    transform: scaleX(-1);
    font-weight: 600;
    top: 4px;
    right: 0;
    color: var(--sec-color);
    font-size: 12px;
}
/* -------------------------------------------------------- */
.map iframe{
    width: 100%;
    height: 433px;
    border-radius: 5px;
    margin-top: 70px;
}
.contact-details{
    height: 100%;
}
.contact-details ul{
    display: flex;
    flex-wrap: wrap;
    /* gap: 17px; */
    justify-content: space-between;
}
.contact-details ul li{
    display: flex;
    flex-direction: column;
    width: 48%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 11px rgba(142, 174, 220, 0.129412);
    border-radius: 7px;
    opacity: 1;
    justify-content: center;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s;
}
.contact-details li:nth-last-child(2){
    /*margin-bottom: 0;*/
}
.contact-details li:last-of-type{
    margin-bottom: 0;
}
.contact-details ul li a,.contact-details ul li{
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 11px 17px;
}
.contact-details ul li a i,.contact-details ul li i{
    font-size: 42px;
    color: var(--sec-color);
 
}
.contact-details ul li  span,
.contact-details ul li  i,
.contact-details ul li a{
    transition: all 0.3s;
    position: relative;
    z-index: 2;
}
.contact-details ul li:hover i,
.contact-details ul li:hover span{
    color: #fff;
}
.contact-details ul li a span:first-of-type,
.contact-details ul li span:first-of-type{
    font-family: 'medium';
    display: inline-block;
    margin: 8px 0 17px;
}
.contact-details ul li a span:last-of-type,
.contact-details ul li span:last-of-type{
    font-family: 'light';
}
.contact-page .read-more{

    margin-top: 0;
}
.contact-page .read-more button{
    margin-top: 10px;
}
.contact-page .contact-form h5{
    font-weight: 600;
font-size: 24px;
line-height: 42px;
text-transform: capitalize;

color: #533E1E;
}
.contact-page .contact-form{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 11px rgba(142, 174, 220, 0.129412);
    border-radius: 7px;
    padding: 69px 58px 72px;
    width: 100%;
    height: 100%;
}
/* -------------------------  finacial policy page  ----------------------- */
.policy-info{
    padding-inline-end: 120px;
}
table{
    border-radius: 5px;

}
.withdrawal-table thead{
    background: #8EAEDC;
}
.withdrawal-table .table th,.fees .table thead th {
    border-top: none;
    border-bottom:none;
    background: var(--sec-color);
}
.withdrawal-table .table thead th{
    border-bottom: none;
    font-weight: 500;
    font-size: 25.2252px;
    line-height: 66px;
}
.withdrawal-table .table td{
    background-color: rgb(182 155 113 / 35%);
    border-bottom: 1px solid #fff;
    border-top: none !important;
    font-weight: 300;
    font-size: 25.2252px;
    line-height: 66px;
}
.withdrawal-table .table tr:not(:last-of-type){
    /* border-bottom: 1px solid #fff; */
    padding: 0;
}
.withdrawal-table .table td:last-of-type,.table thead th:last-of-type{
     text-align: center; 
}


.withdrawal-table .table tr:last-child td:last-child {
    border-bottom-left-radius: 7.8px;
}
.withdrawal-table .table tbody tr:last-child th:first-child{
    border-bottom-right-radius: 5px;
}
.withdrawal-table .table thead tr:first-child th:last-of-type {
    border-top-left-radius: 7.8px;
}
.withdrawal-table .table thead tr:first-child th:first-child{
    border-top-right-radius: 7.8px;
}
.withdrawal-table .table tr:last-child td:first-child {
    border-bottom-right-radius: 7.8px;
}
.fees .table tr:last-child td:last-child {
    border-bottom-left-radius: 5px;
}

.fees .table thead tr:first-child th:last-of-type {
    border-top-left-radius: 5px;
}
.fees .table thead tr:first-child th:first-child{
    border-top-right-radius: 5px;
}
.fees .table tr:last-child td:first-child {
    border-bottom-right-radius: 5px;
}
.policy-info h4{
    color: var(--sec-color);
    margin-bottom: 19px;
    font-weight: 600;
    font-size: 18px;
    line-height: 42px;
}

.topbar .header-soch-iaone a:hover i.fab.fa-facebook-f {
    color: #1877f2 ;
}
.topbar .header-soch-iaone a:hover  i.fab.fa-youtube {
    color: #ff0000 ;
}
.topbar .header-soch-iaone a:hover i.fab.fa-twitter{
    color: #1da1f2 ;

}
.topbar .header-soch-iaone a:hover i.fab.fa-instagram{
    color: #405de6;
}
.topbar .header-soch-iaone a:hover i.fab.fa-snapchat{
    color:#fffc00;
}

.reward-page{
    width:60%;
    margin:40px auto;
    box-shadow: 0px 39px 27px #8EAEDC24;
border: 1px solid #8EAEDC;
border-radius: 5px;
padding:80px 20px;
}
.reward-page h2{
    color: #0C668C;
    font-size:24px;
    font-family:'bold';
    text-align:center;
    text-transform: capitalize;
}

.text-faq h5, .career-form>h5{
    color: var(--sec-color);
    font-weight: 600;
    font-size: 24px;
    line-height: 42px;
    margin-bottom: 32px;
}

.text-faq .text-top p {
    color: #000000;
    font-size: 16px;
    line-height: 26px;
    margin: 20px 0 0;
    font-weight: 300;
}

 .card-header {
    background: #fff;
    border: none;
    padding: 0;
    border-radius: 6px !important;
}

 .card {
    border: none;
    margin: 15px 0;
    border-radius: 0;
}

 .card-header .btn {
    display: flex;
    padding:10px 15px;
    width: 100%;
    padding-inline-end: 50px;
    position: relative;
    background: transparent;
    font-size: 22px;
    border-radius: 0;
    overflow: hidden;
    text-decoration: none;
    color: #000000;
    border: 1px solid #CFCFCF;
}

 .card-header .btn::after {
    color: #000;
    content: "\f067";
    position: absolute;
    left: 20px;
    font-family: 'font awesome 5 pro';
    /* font-weight: bold; */
    top: 0;
    bottom: 0;
    height: 100%;
    display: flex;
    align-items: center;
}

 .card-header .btn[aria-expanded=true] {
    background: var(--main-color);
    color: #fff;
}

 .card-header .btn[aria-expanded=true]::after {
    color: #fff;
}

 .card-body {
    border: 1px solid var(--sec-color);
    border-radius: 0;
    border-top: 0;
    padding-top: 6px;
    background: var(--sec-color);
    font-weight: 300;
    font-size: 16px;
    line-height: 34px;
    color: #fff;
    padding-top:0;
}

 .card-header .btn[aria-expanded=true]::after {
    content: "\f068";
}

.text-rotate {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.text-rotate h3 {
    margin: 0;
    writing-mode: vertical-rl;
    transform: scale(-1);
    color: #E4DEFF;
    font-size: 127px;
    line-height: 127px;
}


 .card-header .btn[aria-expanded=true] {
    background: transparent;
    color: #fff;
    background-color: var(--sec-color);
    border: 1px solid var(--sec-color);
    border-bottom: none;
    border-radius: 0;
    font-weight: 300;
    font-size: 22px;
    line-height: 34px;
}
 .card-header .btn[aria-expanded=true]::after {
    content: "\f068";
}
 .card-header .btn[aria-expanded=true]::after {
    color: #fff;
}
.card-body p {
    margin-bottom: 0;
}

.input-group.upload span.uplod
{
  position: absolute;
  left: 12px;
  top: 8px;
  background-color: #fff;
  padding: 3px 20px;
  color: #0A1C37;
  font-size: 15px;
  width: 89px;
  box-shadow: 0px 3px 6px #00000008;
  border: 1px solid #EBEBEB;
  border-radius: 7px;
  text-align: center;
  display: inline-block;
  z-index:3;
}
.btn:focus {
    outline: 0;
    box-shadow: none;
}
.input-group.upload{
    position: relative;
    }
    
    .form-group.name input{
    width: 100%;
    padding: 7px 0;
    }
    .form-control:disabled, .form-control[readonly] {
    background-color: transparent;
    width: 100%;
    padding-block: 21px;
    }


.withdrawal-table .table tr td:first-of-type{
    background-color: #B9E164;
    /*color:#fff;*/
    text-align: center;
    font-weight: 400;
    font-size: 25.2252px;
    line-height: 66px;
}
ul.policy-list {
    /* list-style: disc; */
    /*list-style-position: inside;*/
    padding-inline-start: 28px;
}
ul.policy-list li{
    margin-bottom:12px;
}
section.about .row{
    /*align-items:center;*/
}
.owl-theme .owl-nav {
    margin-top: 0;
}


   @media (max-width:768px) {
 .card-header .btn::after {
    left: 10px;
 }
}
#big_image img {
    height: 457px;
    object-fit: cover;
}
#thumbs_gallary .img {
    height: 98.89px;
    width: 100%;
    margin-inline: 2px;
    /* margin-top: 16px; */
}
#thumbs_gallary .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#big_image .b-img{position: relative;margin-bottom: 34px;}
#thumbs_gallary .img{
  position: relative;  
}
#big_image .b-img::after,
#thumbs_gallary .img::after{
    position: absolute;
    content: '';
    width: 100%;
    height: 42px;
    bottom: 0;
    left: 0;
    background-image: url(//hvschool.edu.sa/wp-content/themes/warf-school/assets/css/../images/bigImage-after.png);
    background-position: bottom;
}
#thumbs_gallary .img::after{
    background-image: url(//hvschool.edu.sa/wp-content/themes/warf-school/assets/css/../images/Layer%201111.png);
    height: 14px;
    background-size: cover;
    background-repeat: no-repeat;
}
#thumbs_gallary .img::before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #D9D9D9;
    /*background-image: url(//hvschool.edu.sa/wp-content/themes/warf-school/assets/css/../images/Rectangle%2045.png);*/
    transition: all 0.3s;
    opacity: 10%;
    }
/*-------------------------------------------------------------  */
.about-i-talaa{
    
}

.about-i-talaa .more a{
    font-weight: 600;
    font-size: 16px;
    line-height: 35px;
    color: #122C28;
    padding-inline-end: 32px;
}
.about-i-talaa .more a::after {
    width: 22px;
    height: 22px;
    border: 1px solid var(--sec-color);
    border-radius: 50%;
    color: var(--sec-color);
    font-weight: 900;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 3px;
}
.about-i-talaa .v-title{
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}
.about-i-talaa .v-title .img{
    width: 50px;
    height: 50px;
    border: 1px solid #122C28;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-inline-end: 9px;
}
.about-i-talaa .v-title .img img{
    max-height: 22px;
    max-width: 100%;
}
.about-i-talaa .v-title .img h5{
    
}

.vission-item .v-title p{
    
}

.about-i-talaa .vission-item{
    margin-bottom: 20px;
    
/* or 181% */
}

.about-i-talaa .section-title h4{
    font-weight: 500;
    font-family: 'SemiBold';
    font-size: 36px;
    line-height: 59px;
    color: #000;
  
}
.about-i-talaa .section-title {
    text-align: start;
}
.about-i-talaa .v-title h5 {
    font-weight: 500;
       font-family: 'SemiBold';
    font-size: 24px;
    line-height: 39px;
    color: #000000;
    margin-bottom: 0;
}

.about-i-talaa .v-title p {
    font-weight: 300;
    font-size: 16px;
    line-height: 29px;
    color: #4B4B4B;
}

.about-i-talaa .vission-item p {
    font-weight: 300;
    font-size: 16px;
    line-height: 29px;
    color: #4B4B4B;
}

.about-info.about-i-talaa .more {
    margin-bottom: 57.8px;
}

.about-info.about-i-talaa .read-more{
    margin-top:38px;
}

.section-title p {
    font-weight: 500;
    font-family: 'SemiBold';
    font-size: 16px;
    line-height: 29px;
    margin-bottom: 34px;
}
.team-item .img{
    position: relative;
    padding: 15px;
}
.team-item .img::after{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    /*background-color: rgb(255 255 255  / 60%);*/
    top: 0;
    left: 0;
       transition: all 0.3s;
}

.team-item:hover .img::after{
    background-color: rgb(255 255 255  / 70%);
}
.exam-item .exam-img::before,
.team-item .img::before{
    position: absolute;
    content: '';
    width: 100%;
    height: 0px;
    bottom: 0;
    left: 0;
     /*background-image: url(//hvschool.edu.sa/wp-content/themes/warf-school/assets/css/../images/bigImage-after.png); */
    z-index:3;
}
.exam-item .exam-img{
    position: relative;
}


.activities-slider.owl-carousel  .owl-item{
    opacity: 0.2;
}
.activities-slider.owl-carousel  .owl-item.active  +   .owl-item {
    opacity: 1;
}
.activities-slider.owl-carousel  .owl-item.active  + .owl-item.active +  .owl-item   {
    opacity: 1;
}
.activities-slider.owl-carousel  .owl-item.active  + .owl-item.active + .owl-item.active +  .owl-item {
    opacity: 1;
}
.activities-slider.owl-carousel  .owl-item.active  + .owl-item.active + .owl-item.active +  .owl-item.active +  .owl-item  {
    opacity: 1;
}
.activities-slider.owl-carousel  .owl-item.active  + .owl-item.active + .owl-item.active +  .owl-item.active + .owl-item.active +  .owl-item  {
    opacity: 0.2;
}



.activities-slider .video-item .ser-img {
    height: 229.5px;
    border-radius: 0;
}

.activities-slider .video-item .ser-img img {
    border-radius: 8px 8px 0 0;
}

.activities-slider.owl-theme .owl-nav .owl-next:hover,
.activities-slider.owl-theme .owl-nav .owl-prev:hover {
    background: var(--sec-color);
    color: #fff;
}

.activities-slider .video-item{
    margin-bottom:38.67px;
}

.activities-slider.owl-theme .owl-dots .owl-dot span {
    margin: 12px 4px;
    background: transparent;
    width: 17.75px;
    height: 17.75px;
    border: 1.5px solid rgb(18 44 40 / 50%);
     position: relative;
}
.activities-slider.owl-theme .owl-dots .owl-dot.active span, 
.activities-slider.owl-theme .owl-dots .owl-dot:hover span {
    border-color: var(--sec-color);
    background:#033F2D;
}
.activities-slider.owl-theme .owl-dots .owl-dot span::after{
    position: absolute;
    content: '';
    width: 9.2px;
    height: 9.2px;
    background: var(--sec-color);
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: 0;
}
.activities-slider.owl-theme .owl-dots .owl-dot.active span::after, 
.activities-slider.owl-theme .owl-dots .owl-dot:hover span::after{
    opacity: 1;
   
}


section.medals {
    padding: 93px 0 100px;
}

.exam-slider .item {
    padding-bottom: 10px;
    margin-bottom: 43px;
}

section.exam-sch {
   /* background-image: url(//hvschool.edu.sa/wp-content/themes/warf-school/assets/css/../images/exams-bg-img.png);*/
   /*mix-blend-mode: luminosity;*/
}
section.exam-sch{
    position: relative;
    padding: 93px 0 100px;
}



.exam-item .exam-img a{
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
}

.exam-item .exam-img a::after{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    /*background: rgb(248 241 231 / 12%);*/
    top: 0;
    left: 0;
}

footer tr td:first-of-type {
    background-color: #fff;
    text-align: start;
}

footer td {
    background-color: #fff;
    border-bottom: 1px solid #D2D2D2;
}

footer .nav.nav-pills {
    margin-bottom: 0px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #033F2D;
    align-items: center;
}
.footer-links li.nav-item:last-of-type {
    margin-bottom: 10px !important;
}
footer .table td, footer .table th {
    border-top: none;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #272525;
    padding: 5px 0px 2px;
    text-align: center;
}

.footer-links ul.nav.nav-pills li a::before {
    display: none;
}

footer .nav-pills .nav-link {
    font-weight: 600;
    font-size: 14.7647px;
    line-height: 23px;
    color: #000000;
    border-bottom: none;
    padding: 0 0 0px;
}

footer .table tr td:last-of-type {
    text-align: end !important;
}

 footer tr:last-of-type td {border-bottom: none;}
.f-contact-links .footer-links li a::before{
    display:none;
}
.f-contact-links .footer-links li a{
    padding-inline-start:0;
}
.footer-links .nav-pills .nav-link{
    position: relative;
}
.footer-links .nav-pills .nav-link::after{
    position: absolute;
    content: '';
    width: 0%;
    height: 4px;
    border-bottom: 4.75px solid var(--sec-color);
    bottom: -14px;
    right: 0;
    transition: all 0.4s;
}


.footer-links .nav-pills .nav-link:hover::after {
    width: 100%;
}
.footer-links .nav-pills .nav-link.active::after,
.footer-links .nav-pills .show>.nav-link::after {
    width: 100%;
}

footer tr:last-of-type td {
    border-bottom: none;
}

i.fal.fa-phone-plus {
    transform: scaleX(-1);
    padding-inline-end: 0;
    padding-inline-start: 15px;
}
.footer-data .col-lg-4:nth-child(2){
    padding-inline-start: 64px;
}
li.menu-item-has-children>a:hover::before{
    display:none;
}

header.pages {
    /*position: relative;*/
    /*top: unset;*/
    /*left: unset;*/

}
@media (min-width: 1400px){
.container{
    max-width: 1320px;
}
}


.exam-item .exam-img .img {
width: 225.02px;
    height: 88.12px;
    margin: auto;
    margin-bottom: 35px;
}

.exam-item .exam-img .img img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.exam-item .item-title {
    text-align: center;
    margin-bottom: 22px;
}

.exam-item .item-title h6 {color:#141413;font-weight: 500;font-size: 10px;line-height: 16px;margin-bottom: 2px;    font-family: 'Bahij_bold';}

.exam-item tr td:first-of-type {
    background-color: #fff;
}

.exam-item td {
    background-color: #fff;
}
.exam-item{
position: relative;
    z-index: 2;
    border: 1px solid #CDF097;
    border-radius: 8px;
}
.exam-slider .item{
   position: relative;  
}



.exam-items ul li .examItem {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 11px 14px;
    border: 1px solid #B9E164;
    border-radius: 19.7998px;
    font-weight: 500;
      font-family: 'SemiBold';
    font-size: 10px;
    line-height: 16px;
    color: #656565;
    border-top: none;
}

.exam-items ul li:first-of-type .examItem {
    background: #E2F3BF;
    color: #033F2D;
    font-weight: 500;
       font-family: 'SemiBold';
    font-size: 10px;
    line-height: 16px;
}

.exam-slider .item:hover::before {
    background: #fff;
    opacity: 50%;
}


.footer-soch-icone a i{
    color: #033F2D;
}
.footer-soch-icone a:hover {
    transform: translateY(-6px);
}
a:hover i.fab.fa-facebook-f {
  color: #1877f2;
}

 a:hover i.fab.fa-youtube {
  color: #ff0000;
}

 a:hover i.fab.fa-twitter {
  color: #1da1f2;
}

 a:hover i.fab.fa-instagram {
  color: #405de6;
}
a:hover .fa-linkedin{
  color: #0077B5;
}
a:hover .fab.fa-snapchat{
  color: #fffC00;
}
label.input-group-btn {
    height: 0;
}

.card-header .btn {
    text-transform: capitalize;
}

.mynav ul.sub-menu .nav-link:hover,
.mynav li.current-menu-item ul.sub-menu .nav-link {
    color: #fff;
}
.mynav .sub-menu .nav-link {
    color: #000 !important;
}
.container-fluid {
    padding: 0;
}

/*--------------------------  datepicker -----------------------------------------  */
 .ui-datepicker {
  background-color: #fff;
  box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.3);
  display: none;
  padding: 1em;
  z-index: 9 !important;
  direction:ltr;
}

.ui-datepicker-calendar a {
  color: inherit;
  text-decoration: none;
}

.ui-datepicker-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1em;
}

.ui-datepicker-prev,
.ui-datepicker-next {
  cursor: pointer;
}

.ui-datepicker-next {
  order: 1;
}

.ui-datepicker-prev .ui-icon,
.ui-datepicker-next .ui-icon {
  background-image: url("https://cdn.rawgit.com/marcobiedermann/playground/3027274a/ui/datepicker/jquery-ui-datepicker/dist/assets/images/datepicker-arrows.svg");
  background-repeat: no-repeat;
  background-size: 300%;
  display: inline-block;
  height: 1em;
  overflow: hidden;
  text-indent: -999px;
  width: 1em;
}

.ui-datepicker-prev:hover .ui-icon-circle-triangle-w {
  background-position: -1em 0;
}

.ui-datepicker-prev.ui-state-disabled .ui-icon-circle-triangle-w {
  background-position: -2em 0;
}

.ui-datepicker-next .ui-icon-circle-triangle-e {
  background-position: 0 -1em;
}

.ui-datepicker-next:hover .ui-icon-circle-triangle-e {
  background-position: -1em -1em;
}

.ui-datepicker-nextui-state-disabled .ui-icon-circle-triangle-e {
  background-position: -2em -1em;
}

.ui-datepicker-title {
  font-size: 1.5rem;
  font-weight: 700;
}

.ui-datepicker-calendar td,
.ui-datepicker-calendar th {
  text-align: center;
}

.ui-datepicker-calendar td a,
.ui-datepicker-calendar td span {
  background-color: #f6f6f6;
  display: block;
  padding: 0.5em 1em;
}

.ui-datepicker-calendar .ui-datepicker-unselectable {
  color: #c8c8ca;
}

.ui-datepicker-calendar .ui-datepicker-today a,
.ui-datepicker-calendar .ui-datepicker-today span {
  color: var(--sec-color);
  font-weight: 700;
}

.ui-datepicker-calendar .ui-datepicker-current-day a {
  background-color: var(--sec-color);
  color: #fff;
  font-weight: 700;
}

.ui-datepicker-buttonpane {
  margin-top: 1em;
}

.ui-datepicker-buttonpane button {
  background-color: #484a4e;
  color: #fff;
  font-size: 0.75rem;
  padding: 0.25em 0.5em;
}

.ui-datepicker-buttonpane button + button {
  margin-left: 0.5em;
}

/*-----------------------------------  career page ---------------------------   */
   .form-group.position   input[type=radio]{
    -webkit-appearance: none;
    appearance: none;
    padding:  0 !important;
    width: 0 !important;
    border:none;
}
.form-group.position input[type=radio] + label{
    position: relative;
    padding: 0 26px;
    color: #5a4343;
     margin-bottom:0;
}
.form-group {
    margin-bottom: 16.5px;
}
.form-group.position input[type=radio] + label::before{
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    top: 0;
    right: 0;
    border: 1px solid #707070;
    opacity: 24%;
    background-color: #fff;
    border-radius: 50%;
}
.form-group.position  input[type=radio]:checked + label::after{
    position: absolute;
    content: '';
    /* font-family: 'font awesome 5 pro'; */
    width: 10px;
    height: 10px;
    top: 5px;
    right: 5px;
    background: #000;
    border-radius: 50%;
}
.form-group.position input[type=radio]:not(:checked):hover + label::after{
 opacity: 0.3;
}
.form-group.position{
 display: flex;
 flex-wrap: wrap;
}
.form-group.position .item{
width: 50%;
line-height: 0px;
    margin-bottom: 7px;
}
.input-group.upload {
    margin-bottom: 36px;
    position: relative;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #fff;
    opacity: 1;
    padding: 12px 10px;
    height: 47px;
    border-radius: 5px !important;
}

.career-page .input-group.upload span.uplod {
    position: absolute;
    right: -12px;
    top: 39px;
    color: #1E1E1E;
    /* opacity: 80%; */
    font-size: 24px;
    width: 100%;
    text-align: end;
    display: inline-block;
    z-index: 9;
    /*height: 0px;*/
    background: transparent;
    border-bottom: none;
    box-shadow: none;
    border: none;
}

label.input-group-btn {
    background-color: #F4F7F9;
    margin-bottom: 0;
    height: 0;
}
.input-group.upload label {
    display: block;
    width: 100%;
}
.form-group.date {
    position: relative;
}

.form-group.date i {
    position: absolute;
    top: 50px;
    left: 14px;
}
.input-group.upload span.uplod span {
    width: 123.2px;
    height: 32.89px;
    background: #D9D9D9;
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
/*-------------------------------------------------------------------------*/

.booking-page .row,.withdrawal-method-page .row{
    justify-content:center;
}
section.booking-page .contact-form {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 0px 44px rgba(182, 155, 113, 0.2);
    border-radius: 26px;
    padding: 44px 208px;
}

section.booking-page .contact-form h5 {
    font-weight: 600;
    font-size: 18px;
    line-height: 42px;
    color: var(--sec-color);
    margin-bottom: 31px;
}

section.booking-page .contact-form form input:focus {
    border: 1px solid var(--sec-color);
}
section.withdrawal-method-page {
    padding: 94.7px 0 130px;
}
.fees .table thead th {
    font-weight: 500;
    font-size: 16px;
    line-height: 42px;
}

.fees td {
    font-weight: 500;
    font-size: 16px;
    line-height: 42px;
    background-color: rgb(182 155 113 / 35%);
    border-bottom: 1px solid #fff;
    border-top: none !important;
}

.table td, .table th {
    vertical-align: middle;
}

.fees tr td:first-of-type {
    font-weight: 400;
    font-size: 16px;
    line-height: 42px;
    background-color: var(--sec-color);
    text-align:center;
}
.table td, .table th {
    padding: 5px 0.75rem;
}
.policy-info p {
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: rgb(18 49 62 / 54%);
    color: rgb(18 49 62);
    margin-bottom: 16px;
}
ul.policy-list li{
     color: rgb(18 49 62);
}
section.financial-page {
    padding: 104px 0 140px;
}
.table{
    color:#000;
}
.fees .table td:last-of-type,.fees .table thead th:last-of-type {
    text-align: start;
}
.fixed-icone {
    position: fixed;
    bottom: 10px;
    left: 40px;
    z-index: 99;
    animation: updown-i 4s infinite ease-in-out;
    width: 48px;
    height: 187.83px;
    box-shadow: 0px 4.17px 4.17px 0px #D8D8D840;
    background: rgb(255 255 255 / 70%);
    border: 1.04px solid #E7E7E7;
    border-radius: 8px;
    text-align: center;
    padding: 12px 0;
}
@keyframes updown-i{
    0%,100%{
        transform: translateY(-12px);
    }
    50%{
        transform: translateY(12px);
    }
}
.fixed-icone a {
    /* background-image: url(//hvschool.edu.sa/wp-content/themes/warf-school/assets/css/../images/Ellipse%20130.png); */
    /* background-image: url(//hvschool.edu.sa/wp-content/themes/warf-school/assets/css/../images/Ellipse%20130.svg); */
    align-items: center;
    display: flex;
    justify-content: center;
    height: 27px;
    width: 27px;
    border: 1px solid #033F2D;
    border-radius: 50%;
}
.fixed-icone a i {
    color: #033F2D;
    font-size: 16px;
    font-weight: 900;
}
.footer-fixed-icone {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

/*----------------------------------  reward page----------------------------- */
.reward-item{
    background: rgba(182, 155, 113, 0.07);
    border: 1px solid #F0F0F0;
    border-radius: 5px;
    margin-bottom: 32px;
    padding: 12.6px 10.7px 11.3px;
     transition: all 0.4s;
}
.reward-item a{
    display: flex;
    align-items: center;
}
.reward-item .reward-img{
    width: 265.92px;
    height: 168.16px;
    border-radius: 5px;
    overflow:hidden;
}

.reward-item .reward-img img{
    width: 100%;
    height: 100%;
    border-radius: 5px;
    transition: all 0.6s;
}
.reward-item:hover .reward-img img{
transform: scale(1.1);
}
.reward-item:hover{
border: 1px solid var(--sec-color);
box-shadow: 0px 19px 20px rgba(182, 155, 113, 0.14);
}
.reward-item .reward-details{
    width: calc(100% - 280px);
    padding-inline-start: 17px;
}

.reward-item .reward-details h5{
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    color: #020202;
      transition: all 0.3s;
}
.reward-item:hover .reward-details h5{
    color:var(--sec-color);
}
.reward-item .reward-details span{
    position: relative;
    display: inline-block;
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    color: #12313E;
    padding-inline-end: 12px;
}

.reward-item .reward-details span::after{
        position: absolute;
        content: "\f177";
        font-family: 'font awesome 5 pro';
        top: 5px;
        left: -10px;
        font-weight: 400;
        font-size: 18px;
        line-height: 18px;
        color: #12313E;
}

section.new-reward-page{
    padding:97.5px 0 85px;
}
.page-item:first-child .page-link {
    /* border-radius: 0px 10px; */
}
.page-item:last-child .page-link {
    color: #8EAEDC;
    /* border-radius: 10px 0px; */
    color: var(--sec-color);
}
.page-link {
    width: 47px;
    height: 47px;
    align-items: center;
    justify-content: center;
    display: flex;
}
.single-event .about-event p img {
    height: 210px;
    width: 33%;
    object-fit: cover;
    margin-bottom: 4px;
}

.new-reward-page .col-lg-6{
    padding: 0 11.5px;
}

.School-regulations-page .more-btn{
    text-align: start;
}

/*--------------------  services page -----------------------  */

section.services-page .col-lg-3 {
    padding: 0 9px;
}

.services-page .video-item p {
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    color: #020202;
    margin-bottom:16px;
}

.services-page .video-item {
    background: rgba(182, 155, 113, 0.07);
    border: 1px solid #F0F0F0;
    border-radius: 5px;
    transition: all 0.3s;
    margin-bottom: 32px;
}

.services-page .video-item:hover {
    background: #FFFFFF;
    border: 1px solid var(--sec-color);
    box-shadow: 0px 19px 20px rgba(182, 155, 113, 0.14);
}

.services-page .video-item .ser-img img {
    border-radius: 5px 5px 0 0;
}

.services-page .video-item:hover .ser-img img {
    transform: scale(1.1);
}

.services-page .video-item .ser-img{
    height:280px;
    border-radius: 5px 5px 0 0;
}

section.contact-page.career-page .contact-form {
    box-shadow: none;
    padding: 0px 0px 10px;
}
section.contact-page {
    padding: 124px 0 121px;
}
ul.sub-menu li:last-of-type {
    border-bottom: none;
}

section.booking-page .input-group.upload span.uplod {
    box-shadow: none;
    border: none;
    width: auto;
    font-size: 0;
}

section.booking-page .input-group.upload span.uplod:after {
    position: absolute;
    content: '\f093';
    font-family: 'Font Awesome 5 Pro';
    top: 3px;
    left: 3px;
    color: #000;
    font-size: 15px;
}






section.about.about-page.school-grade .about-img {
    padding-bottom: 40px;
    margin-bottom: 32px;
    height: 380px;
}

section.about.about-page.school-grade .about-info {
    width: 80%;
    margin: auto;
    text-align: center;
}

section.about.about-page.school-grade {
    padding-top: 97px;
}
.sidebar .side-content ul li .sub-menu a {
    color: #000;
}

footer .table tr td:nth-child(2) {
    text-align: start;
}
footer tr td:first-of-type {
    width: 100px;
}

h1,h2,h3,h4,h5,h6,.section-title p,.breadcrumb-item,.video-item p,
.sidebar .side-content ul li a , .contact-form label,.nice-select .option{
    text-transform:capitalize;
}


section.tweets-section.tweets-page .video-item p {
    font-size: 16px;
}
section.tweets-section.tweets-page .video-item {
    border: 1px solid rgba(240, 240, 240, 1);
  
    transition: all 0.3s;
}
.tweets-section .video-item .video-item-info{
     background: rgba(182, 155, 113, 0.07);
 
}
section.tweets-section.tweets-page .video-item:hover{
    border-color:rgba(182, 155, 113, 1);
box-shadow: 0px 19px 20px 0px rgba(182, 155, 113, 0.14);
}
.exam-item .exam-img a::after {
    z-index: -1;
   
}
.exam-items ul li .examItem span {
    width: 66px;
    text-align: center;
  
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output, 
.wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form .wpcf7-response-output{
    width: 100%;
    margin-inline-end: 0;
    margin-inline-start: 0;
}
.wpcf7 form .wpcf7-response-output {
    margin: 2em 0em 1em !important;
}

.carousel-info p {
    margin-bottom: 0px;
}
.exam-item .item-title h6 {
    font-size: 12px;
}
.about-item {
    min-height: 390px;
}

.withdrawal-table .table thead th {
    font-size: 19px;
}
.card-header .btn,.card-header .btn[aria-expanded=true] {
    font-weight: 600;
}
.mynav .col-lg-8.col-12 {
    padding: 0;
}


li.menu-item-has-children {
    margin-inline-end: 7px;
}
.marquee p::before {
    right: -8px;
}
.marquee p {
    padding-inline-end: 12px;
    padding-inline-start: 12px;
}

@media (max-width: 768px){
li.has-child>a::after, li.menu-item-has-children>a::after {
    left: -1px;
}
}
section.exam-sch.exam-table-page::after{
    display:none;
}
.search-menu {
    gap: 20px;
}

.about-img.yt_link a,.video-item .ser-img  a{
        display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
}
.about-img.yt_link a::after ,.video-item .ser-img  a::after{
    content: "\f04b";
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    right: 0;
    left: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    background:var(--sec-color);
    color: #fff;
    margin: auto;
    top: 0;
    bottom: 0;
    /*opacity: .8;*/
    font-weight: bold;
    font-size: 20px;
    transition: all .5s;
}

.policy-info-disc {
    padding-inline-start: 28px;
    margin-bottom: 25px;
}

.policy-info .Non-compliance-with-the-payment h4 {
    color: #000;
}

.fees .table thead th {
font-weight: 500;
font-size: 15px;
line-height: 25px;
padding-top: 15px;
padding-bottom: 15px;
}

.activities-slider .video-item .ser-img a::after{
  display:none;  
}

.img-search-btn{
  position: absolute;
    width: 41px;
    height: 39px;
    top: 50%;
     opacity: 0; 
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(255 255 255 / 85%);
    color: var(--sec-color);
    border-radius: 10px;
    z-index: 9;
    transition: all 0.4s;
    font-weight: 900;
}


.activities-slider .video-item:hover .img-search-btn{
 opacity: 1;
}

section.about.about-page.school-grade .about-img {
    height: 480px;
}

.mynav .col-lg-3.col-12 {
    /*padding-inline-end: 0;*/
}


.about-info > p {
    height: 80px;
    overflow: hidden;
}

#big_image img{
    height:667px;
}
.about-info.about-i-talaa .more {
    margin-bottom: 37.8px;
}

.withdrawal-table .table td {

    font-weight: 500;
    font-size: 15px;
    line-height: 25px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.marquee p a:hover{
    color: #6D6D6D;
    color:var(--sec-color);
}
.fees .table thead tr:first-child th:first-child {
    text-align: center;
}


.marqee-data .maq-title {
    font-weight: 500;
}
.slider-home .slider-img::after{
    /*bottom: 87px;*/
}

.activities-slider .video-item .ser-img {
    height: 190px;
}

.mynav .sub-menu .nav-link::after{
    display:none;
}

.about_iamges .thumb{
    display:none;
}

.home-slider .item::before, .breadcrumb-sec::before,
.home-slider .item::after, .breadcrumb-sec::after{
    display:none;  
}
.section-title h4::before, .footer-links h4::before {
    display: none;
}

.about_Img {
    height: 630px;
}

.about_Img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 16px;
}

.carousel-info .read-more a {
    min-width: 263px;
}

header .container-fluid {
    padding: 0 27px;
}

section.dmission_sec .row {
    background-color: #122C28;
    border-radius: 8px;
    margin:0;
  
}

section.dmission_sec .row a {
    color: #fff;
    text-align: center;
}

.register-item h5 {
    font-size: 18px;
    font-family: 'SemiBold';
    margin-bottom:0;
}
section.dmission_sec .row .col-lg-2 {
    padding: 0;
}
.register-item .reg-img {
    height: 63px;
    margin-bottom: 38px;
}

.register-item .reg-img img {
    /* max-height: 100%; */
    max-width: 100%;
    object-fit: contain;
}

.register-item {
    padding: 31px 0 15px;
    border-bottom: 7px solid #CDF097;
}

section.dmission_sec .row .col-lg-2:first-of-type .register-item {
border-color: #CDF097;
border-radius: 0 8px 8px 0;
}

section.dmission_sec .row .col-lg-2:nth-child(2) .register-item{
  border-color: #E2F3BF;
}

section.dmission_sec .row .col-lg-2:nth-child(3) .register-item{
  border-color: #F3F89C;
}

section.dmission_sec .row .col-lg-2:nth-child(4) .register-item{
border-color: #CDF097;
}

section.dmission_sec .row .col-lg-2:nth-child(5) .register-item{
  border-color: #E2F3BF;
  }

section.dmission_sec .row .col-lg-2:last-of-type .register-item{
border-color: #F3F89C;
border-radius:  8px 0px 0px 8px;
}

section.dmission_sec {
    padding-top: 38px;
}


.video-section{
  position: relative;
}

.video-section::after,.video-section::before,.stages-activities::after,.stages-activities::before{
  position: absolute;
  content: '';width:49%;height:100%;background-size:cover}.video-section:before,.stages-activities:before{left:0;top:0;background-image:url(//hvschool.edu.sa/wp-content/themes/warf-school/assets/css/../images/vid-sec-aft.png)}.video-section:after,.stages-activities:after{right:0;top:0;background-image:url(//hvschool.edu.sa/wp-content/themes/warf-school/assets/css/../images/vid-sec-bef.png)}.more-btn a:after{background-color:#f3f89c}.container{position:relative;z-index:2}section.exam-sch .more-btn a{min-width:262px}footer .nav-pills .nav-link.active,footer .nav-pills .show>.nav-link{border:none;line-height:normal}.exam-item:hover .exam-items ul li:first-of-type .examItem{background:#b9e164}.withdrawal-table .table td{background-color:#e2f3bf}.withdrawal-table .table tr td:first-of-type{background-color:#cdf097}.services-page .video-item{background:rgb(226 243 191/50%);border-color:rgb(205 240 151/50%)}.services-page .video-item:hover{box-shadow:0px 0px 30px 0px #00000026}.reward-item{background:rgb(226 243 191/50%);border-color:rgb(205 240 151/50%)}.reward-item:hover{box-shadow:0px 0px 30px 0px #00000026}@media (max-width:768px){.fixed-icone{left:6px}}.card-slider.owl-theme .owl-nav .owl-next{right:-26px}.card-slider.owl-theme .owl-nav .owl-prev{left:-67px}.withdrawal-table .table th,.fees .table thead th,.fees .table thead th,.fees tr td:first-of-type{color:#fff}button.ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all{display:none}.team-slider.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span,.exam-slider.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:var(--sec-color)}.team-slider.owl-theme .owl-dots .owl-dot span,.exam-slider.owl-theme .owl-dots .owl-dot span{background:#b9e164}.item{margin:0 3px}.activities-slider .video-item .ser-img{border-radius:8px 8px 0 0}.animate-group{display:none}.side-content .logo{background-color:#fff;padding:12px 16px;height:85px}.home-slider .item{margin:0}.carousel-info .read-more{margin-top:32px}.financial-page.study_page .row{justify-content:center}.team-item .team-details h4{font-size:18px;min-height:unset}.team-item .team-details h4 span{min-height:unset}.input-group.upload span.uplod{top:41px;padding:0;border-radius:0;width:89px}.input-group.upload span.uplod span{width:87px}