/*===== All Button Style =====*/
.main-btn {display: inline-block;font-weight: 500;text-align: center;white-space: nowrap;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border: 1px solid #ffc600;padding: 0 35px;font-size: 16px;font-family: 'Montserrat', sans-serif;font-weight: 700;line-height: 50px;border-radius: 5px;color: #07294d;cursor: pointer;position: relative;overflow: hidden;z-index: 5;-webkit-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out;background-color: #ffc600;}
.main-btn:hover{color: #ffc600;border-color: #07294d;background-color: #07294d;}
/*===== All Section Title Style =====*/
.section-title{}.section-title h5{color: #07294d;position: relative;padding-bottom: 12px;}
.section-title h5::before{content: '';position: absolute;width: 35px;height: 2px;background-color: #ffc600;bottom: 0;left: 0;}
.section-title h2{font-size: 48px;color: #000;padding-top: 10px;}
@-webkit-keyframes rubixcube1{20%{ top:16px; left:32px;}30%{ top:32px; left:32px; }40%{ top:32px; left:32px; }50%{ top:32px; left:32px; }60%{ top:32px; left:32px; }70%{ top:32px; left:32px; }80%{ top:32px; left:32px; }90%{ top:32px; left:32px; }100%{ top:32px; left:16px; }}
@keyframes rubixcube1{20%{ top:16px; left:32px;}30%{ top:32px; left:32px; }40%{ top:32px; left:32px; }50%{ top:32px; left:32px; }60%{ top:32px; left:32px; }70%{ top:32px; left:32px; }80%{ top:32px; left:32px; }90%{ top:32px; left:32px; }100%{ top:32px; left:16px; }}
@-webkit-keyframes rubixcube2{30%{ left:16px;}40%{ left:32px;}50%{ left:32px;}60%{ left:32px;}70%{ left:32px;}80%{ left:32px;}90%{ left:32px;}100%{ left:32px;}}
@keyframes rubixcube2{30%{ left:16px;}40%{ left:32px;}50%{ left:32px;}60%{ left:32px;}70%{ left:32px;}80%{ left:32px;}90%{ left:32px;}100%{ left:32px;}}
@-webkit-keyframes rubixcube3{30%{ top:0px;}40%{ top:0px;}50%{ top:16px;}60%{ top:16px;}70%{ top:16px;}80%{ top:16px;}90%{ top:16px;}100%{ top:16px;}}
@keyframes rubixcube3{30%{ top:0px;}40%{ top:0px;}50%{ top:16px;}60%{ top:16px;}70%{ top:16px;}80%{ top:16px;}90%{ top:16px;}100%{ top:16px;}}
@-webkit-keyframes rubixcube4{50%{ left:0px;}60%{ left:16px;}70%{ left:16px;}80%{ left:16px;}90%{ left:16px;}100%{ left:16px;}}
@keyframes rubixcube4{50%{ left:0px;}60%{ left:16px;}70%{ left:16px;}80%{ left:16px;}90%{ left:16px;}100%{ left:16px;}}
@-webkit-keyframes rubixcube5{60%{ top:16px;}70%{ top:0px;}80%{ top:0px;}90%{ top:0px;}100%{ top:0px;}}
@keyframes rubixcube5{60%{ top:16px;}70%{ top:0px;}80%{ top:0px;}90%{ top:0px;}100%{ top:0px;}}
@-webkit-keyframes rubixcube6{70%{ top:32px;}80%{ top:16px;}90%{ top:16px;}100%{ top:16px;}}
@keyframes rubixcube6{70%{ top:32px;}80%{ top:16px;}90%{ top:16px;}100%{ top:16px;}}
@-webkit-keyframes rubixcube7{80%{ left:16px;}90%{ left:0px;}100%{ left:0px;}}
@keyframes rubixcube7{80%{ left:16px;}90%{ left:0px;}100%{ left:0px;}}
.support-button{}.support-button .support {display: -moz-flex;display: -ms-flex;display: -o-flex;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;margin-top: 7px;}
.support-button .support .icon{}.support-button .support .cont{margin-left: 15px;margin-top: -2px;}
.support-button .support .cont p{font-size: 13px;color: #8a8a8a;line-height: 18px}
.support-button .support .cont span{font-size: 18px;color: #07294d;font-family: 'Montserrat', sans-serif;font-weight: 700;}
.support-button .button{margin-left: 60px;}
/*===== SEARCH BOX =====*/
.search-box{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(7, 41, 77, 0.5);z-index: 999;display: none;}
.closebtn {position: absolute;top: 20px;right: 50px;cursor: pointer;width: 30px;height: 25px;}
.closebtn span{width: 30px;height: 2px;background-color: #fff;position: relative;display: block;}
.closebtn span:nth-of-type(1) {-webkit-transform: rotate(45deg);transform: rotate(45deg);top: 11px;}
.closebtn span:nth-of-type(2){-webkit-transform: rotate(-45deg);transform: rotate(-45deg);top: 9px;}
.search-box .serach-form input {width: 50%;height: 50px;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);background-color: #fff;border: 2px solid #07294d;color: #07294d;padding-left: 20px;border-radius: 50px;}
.search-box .serach-form button {position: absolute;top: 50%;left: 72%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);padding: 0;border: 0;background-color: transparent;color: #07294d;cursor: pointer;font-size: 16px;}
/*=====================================================
    3. SLIDER css
======================================================*/
.single-slider{padding-bottom: 300px;}
.slider-cont{position: relative;z-index: 5;}
.slider-cont h1{font-size: 60px;font-family: 'Montserrat', sans-serif;font-weight: 700;color: #fff;padding-bottom: 25px;}
.slider-cont p{font-size: 18px;color: #fff;font-weight: 600;padding-bottom: 50px;}
.slider-cont ul {}.slider-cont ul li{display: inline-block;margin-right: 15px;}
.slider-cont ul li:last-child{margin-right: 0;}
.slider-active .slick-arrow{font-size: 50px;position: absolute;top: 50%;left: 0;color: #fff;cursor: pointer;z-index: 5;opacity: 0;visibility: hidden;-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.slider-active .next.slick-arrow {left: auto;right: 0;}
.slider-active:hover .slick-arrow{left: 30px;opacity: 1;visibility: visible;}
.slider-active:hover .next.slick-arrow {left: auto;right: 30px;}
/*===== Index-2 =====*/
.slider-2 .slider-cont h1 {padding-bottom: 40px;}
.slider-2.single-slider{padding-top: 230px;padding-bottom: 250px;}
/*===== Index-3 =====*/
#slider-part-3{position: relative;padding-top: 220px;padding-bottom: 120px;}
#slider-part-3::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.4);}
.slider-cont-3{position: relative;z-index: 5;background-color: rgba(7, 41, 77, 0.8);padding: 70px 100px 80px;}
.slider-cont-3 h2{color: #fff;font-size: 48px;padding-bottom: 8px;}
.slider-cont-3 span{font-size: 24px;color: #fff;}
.slider-search{background-color: #fff;border-radius: 5px;}
.slider-search .nice-select {width: 100%;height: 55px;line-height: 55px;border-top-right-radius: 0;border-bottom-right-radius: 0;border: 0;}
.slider-search .nice-select span {font-size: 16px;font-family: 'Poppins', sans-serif;color: #07294d;font-weight: 400;}
.slider-search .nice-select .list {width: 100%;border-radius: 0;margin: 0;}
.slider-search .nice-select::after {border-bottom: 0;border-right: 8px solid #07294d;border-top: 8px solid transparent;height: 0px;margin-top: -4px;width: 0px;}
.slider-search input{width: 100%;height: 55px;border: 0;border-left: 1px solid #a8a8a8;padding-left: 25px;font-size: 16px;font-family: 'Poppins', sans-serif;color: #8a8a8a;}
.slider-search .main-btn {line-height: 53px;width: 100%;padding: 0;}
.slider-search .main-btn:hover{border-color: #07294d;}
.slider-feature{}.singel-slider-feature{display: -moz-flex;display: -ms-flex;display: -o-flex;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.singel-slider-feature .icon{}.singel-slider-feature .cont{padding-left: 30px;}
.singel-slider-feature .cont h3{color: #fff;padding-bottom: 3px;margin-top: -3px;font-size: 24px;}
.singel-slider-feature .cont span{color: #fff;font-size: 15px;}
/*=====================================================
    4. CATEGORY css
======================================================*/
.color-1{background-color: #4886ff;}
.color-2{background-color: #b5d56a;}
.color-3{background-color: #ff6f6f;}
.category{background-color: #07294d;border-radius: 10px;margin-top: -150px;position: relative;z-index: 5;}
.category-text{}.category-text h2{font-size: 36px;color: #fff;padding: 0 50px;}
.singel-category {padding: 20px 0;border-radius: 5px;display: block;}
.singel-category .icon{display: inline-block;}
.singel-category .cont {display: block;}
.singel-category .cont span{color: #fff;font-size: 18px;padding-top: 15px;font-family: 'Montserrat', sans-serif;font-weight: 700;}
.category-slied{}.category-slied a{display: block;}
.category-slied .slick-arrow {position: absolute;top: 50%;right: -50px;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.category-slied .prev.slick-arrow{right: auto;left: -50px;}
.category-slied .slick-arrow i{width: 35px;height: 35px;line-height: 35px;border-radius: 50%;background-color: #557495;text-align: center;font-size: 24px;color: #fff;cursor: pointer;-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.category-slied .slick-arrow i:hover{background-color: #ffc600;}
/*=====================================================
    6. APPLY css
======================================================*/
.apply{margin-top: -100px;position: relative;}
.apply-color-1{background-color: #07294d;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.apply-color-2{background-color: #092e56;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.apply .apply-cont {padding: 45px 50px 50px;}
.apply .apply-cont h3{font-size: 30px;color: #fff;padding-bottom: 15px;}
.apply .apply-cont p{color: #fff;padding-bottom: 45px;}
.apply .apply-cont .main-btn:hover{border-color: #ffc600;}
/*=====================================================
    7. COURSE css
======================================================*/
.singel-course{background-color: #fff;border-radius: 5px;overflow: hidden;}
.singel-course > .thum{position: relative;}
.singel-course .thum .image{overflow: hidden;}
.singel-course .thum .image img{width: 100%;-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.singel-course:hover .thum .image img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.singel-course .thum .price{position: absolute;right: 60px;ottom: -24px;}
.singel-course .thum .price span{font-size: 14px;color: #07294d;font-family: 'Montserrat', sans-serif;font-weight: 700;width: 55px;height: 55px;line-height: 55px;border-radius: 50%;background-color: #ffc600;text-align: center;}
.singel-course .cont{padding-top: 28px;padding-bottom: 34px;padding-left: 30px;padding-right: 30px;}
.singel-course .cont > ul{display: inline-block;margin-right: 10px;}
.singel-course .cont ul li{display: inline-block;margin: 1px;}
.singel-course .cont ul li > i{font-size: 13px;color: #ffc600;}
.singel-course .cont span{font-size: 13px;color: #000;}
.singel-course .cont h4{font-weight: 600;font-size: 24px;color: #000;padding-top: 15px;padding-bottom: 40px;-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.singel-course .cont h4:hover{color: #ffc600;}
.singel-course .course-teacher{border-top: 1px solid #e0e0e0;padding-top: 20px;overflow: hidden;}
.singel-course .course-teacher > .thum{display: inline-block;}
.singel-course .course-teacher > .thum img{border-radius: 50%;width: 40px;height: 40px;}
.singel-course .course-teacher .name {display: inline-block;margin-left: 10px;position: relative;bottom: 13px;}
.singel-course .course-teacher .name a h6{font-size: 15px;color: #24486e;-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.singel-course .course-teacher .name a:hover h6{color: #ffc600;}
.singel-course .course-teacher .admin{display: inline-block;float: right;overflow: hidden;}
.singel-course .course-teacher .admin ul {margin-top: 8px;}
.singel-course .course-teacher .admin ul li{margin-right: 20px;}
.singel-course .course-teacher .admin ul li:last-child{margin-right: 0;}
.singel-course .course-teacher .admin ul li a{font-size: 15px;color: #8a8a8a;-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.singel-course .course-teacher .admin ul li a:hover{color: #ffc600;}
.singel-course .course-teacher .admin ul li a span{color: #8a8a8a;margin-left: 3px;}
.course-slied{}.course-slied .slick-arrow {position: absolute;top: -125px;right: 0;}
.course-slied .prev.slick-arrow{left: auto;right: 50px;}
.course-slied .slick-arrow i{width: 40px;height: 40px;line-height: 36px;border-radius: 5px;color: #000;border: 2px solid #aaaaaa;font-size: 18px;text-align: center;cursor: pointer;-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.course-slied .slick-arrow:hover i{border-color: #ffc600;background-color: #ffc600;}
/*=====================================================
    8. VIDEO FEATURES css
======================================================*/
#video-feature{position: relative;}
.feature-bg{position: absolute;top: 0;right: 0;width: 50%;height: 100%;background-color: rgba(7, 41, 77, 0.9);}
.video{padding-left: 80px;}
.video i{width: 120px;height: 120px;line-height: 120px;text-align: center;font-size: 24px;background-color: #ffc600;color: #07294d;border-radius: 50%;}
.feature{position: relative;z-index: 5;}
.feature .feature-title{}.feature .feature-title h3{font-size: 36px;color: #fff;padding-bottom: 15px;}
.feature ul li .singel-feature{padding-top: 55px;overflow: hidden;}
.feature ul li .singel-feature .icon{float: left;overflow: hidden;display: inline-block;padding-right: 30px;}
.feature ul li .singel-feature .cont {width: 78%;float: left;overflow: hidden;}
.feature ul li .singel-feature .cont h4{font-size: 24px;color: #fff;padding-bottom: 15px;}
.feature ul li .singel-feature .cont p{color: #fff;}
.category-form {border-radius: 5px;overflow: hidden;-webkit-box-shadow: 0px 0px 75px 0px rgba(0,0,0,0.1);box-shadow: 0px 0px 75px 0px rgba(0,0,0,0.1);margin-top: -154px;}
.category-form .form-title{background-color: #07294d;padding-top: 35px;padding-bottom: 40px;}
.category-form .form-title h3{color: #ffc600;font-size: 36px;}
.category-form .form-title span{font-size: 24px;color: #fff;font-family: 'Montserrat', sans-serif;}
.category-form .main-form{padding-top: 20px;padding-left: 40px;padding-right: 40px;padding-bottom: 40px;background-color: #fff;}
.category-form .main-form .singel-form{margin-top: 20px;}
.category-form .main-form .singel-form input{width: 100%;height: 60px;padding: 0 30px;font-size: 15px;color: #8a8a8a;border: 1px solid #a1a1a1;border-radius: 5px;}
.category-form .main-form .singel-form .main-btn{width: 100%;line-height: 60px;margin-top: 20px;}
/*=====================================================
    23. COURSE SINGEl PAGE css
======================================================*/
.hover {overflow: hidden;position: relative;padding-bottom: 60%;}
.hover-overlay {width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 90;transition: all 0.4s;}
.hover img {width: 100%;position: absolute;top: 0;left: 0;transition: all 0.3s;}
.hover-content {position: relative;z-index: 99;}
.hover-1 img {width: 105%;position: absolute;top: 0;left: -5%;transition: all 0.3s;}
.hover-1-content {position: absolute;bottom: 0;left: 0;z-index: 99;transition: all 0.4s;}
.hover-1 .hover-overlay {background: rgba(0, 0, 0, 0.5);}
.hover-1-description {transform: translateY(0.5rem);transition: all 0.4s;opacity: 0;}
.hover-1:hover .hover-1-content {bottom: 2rem;}
.hover-1:hover .hover-1-description {opacity: 1;transform: none;}
.hover-1:hover img {left: 0;}
.hover-1:hover .hover-overlay {opacity: 0;}
.course_btn {display: inline-block;padding: 6px 30px;border: 1px solid #fff;border-radius: 100px;margin-top: 20px;color: #fefefe;transition: all .3s;}
.course_btn:hover {background: #ef7b00;color: #fff;}
.news_section{ border:1px solid #0059A8;}
.news_section>h5 {font-size: 24px;text-align: center;background: #0059A8;padding: 10px 20px;text-transform:uppercase;color: #FFF;}
.news_section marquee{ height:390px;padding:10px;font-size:13px;}
.news_section marquee p{ margin-bottom:5px;border-bottom:1px dotted #ddd}
.bookbutton{padding: 5px;position: fixed;display: flex;bottom:80px;right: -10px;color: #fff;border-radius: 3px;z-index: 1;}
.bookbutton img{height: 200px; width:100%;}