@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


/*=========table of content start

    Template Name: Edubit
    Template URI: https://theme.bitspecksolutions.com/html-template/edubit

    Author: Bitspeck Solutions
    Author URI: http://bitspeck.com/

==========================

CSS 

===========================

*Common CSS

==============================


preloader


===============================
home page::

1. Header section
2. Banner section
3. Promo section
4. About us section
5. Why Our platform section
6. Course Materials section
7. Course Slider section
8. Count section
9. Upcoming Event section
10. Our Mission section
11. Video section
12. Job Impect Area section
12. Blog section
13. Become Contributor & Sponser
14. Subscribe Section
15. Footer section

=================================

Others Pages

==================================

=================================

Index Page

==================================

==============table of content end*/


/*====================================
 global area - start
====================================*/
*{
  padding: 0;
  margin: 0;  
  outline: 0px;
  scroll-behavior: smooth;
}

html {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: visible;
}

body {
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5rem;
  width: 100%;
  overflow-x: hidden;
  background-color: #f4f1ff8f;
}

html, body, .wrapper {
  height: 100%;
  width: 100%;
}

h1, h2, h3, h4, h5, h6 {
  color: #473939;
  font-weight: bold;
  line-height: 2.3rem;
  font-family: 'Poppins', sans-serif;
}

img {
  border: none;
  outline: none;
  max-width: 100%;
}

label {
  display: inline-block;
  font-weight: normal;
  margin-bottom: 5px;
  max-width: 100%;
}

a img,
button,
iframe {
  border: none;
  text-decoration: none !important;
}

p {
  color: #6c6c6c;
  line-height: 1.5rem;
  text-transform: none;
  font-weight: 400;
  margin-bottom: 20px;
}

input:focus, textarea:focus, 
select:focus {
  outline: none;
  box-shadow: inherit;
  -webkit-box-shadow: inherit;
  -moz-box-shadow: inherit;
  -ms-box-shadow: inherit;
  -o-box-shadow: inherit;
}

ul,li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

a, a:active, a:focus, a:hover {
  outline: none;
  text-decoration: none;
}

b, strong {
  font-weight: 900;
  line-height: 2;
}

 .btn.focus, 
 .btn:active:focus, 
 .btn:active:hover, 
 .btn:focus, 
 .btn:hover {
  outline: 0;
}

input {
  border: 1px solid #e7e7e7;
  border-radius: inherit;
  box-shadow: inherit;
  -webkit-box-shadow: inherit;
  -moz-box-shadow: inherit;
  -ms-box-shadow: inherit;
  -o-box-shadow: inherit;
  min-height: 50px;
}

/*====================================
 global area - end
====================================*/

/*start preloader css*/


#preloader {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  position: fixed;
  overflow: visible;
  background: #fff url('../image/preloder.gif') no-repeat center center;
  animation: loader 5s infinite ease;
}

/*end preloader css*/

/*====================================
 common css - start
====================================*/

section{
    padding: 100px 0px;
 }
.owl-carousel .owl-nav button:focus{
    outline: none !important;
 }
.owl-theme .owl-dots button:focus{
    outline: none !important;
 }
.section-tittle h3 {
  position: relative;
  color: #3f3a64;
}
.section-tittle small {
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 600;
  display: block;
  line-height: .8;
  letter-spacing: 4px;
  margin-bottom: 15px;
  position: relative;
  color: #000000;
}
.section-tittle .bottom-style{
  height: 10px;
  width: 10px;
  background: transparent;
  border: 2px solid #3d4352;
  border-radius: 50px;
  display: inline-block;
  margin-bottom: 40px;
}
.section-tittle p{
  margin-bottom: 50px;
}

/*==================================
         Common Css End
====================================*/

 
/*====================================
         header - start
====================================*/

.header_top_area{
  background: #3d4352;
  padding: 10px;
}
.header_wrapper ul li{
  color: #ffffff;
  margin-right: 20px;
}
.header_wrapper ul li i{
  margin-right: 10px;
}
.header_social{
  margin-right: 9%;
}
.header_social a{
  margin-right: 15px;
  color: #ffffff;
}
.sticky-header:before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  content: '';
  position: absolute;
  background-color: transparent;
}
.sticky-header.stuck:before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  position: absolute;
  box-shadow: 0 2px 6px 1px rgba(48, 48, 48, 0.1);
  -webkit-box-shadow: 0 2px 6px 1px rgba(48, 48, 48, 0.1);
  -moz-box-shadow: 0 2px 6px 1px rgba(48, 48, 48, 0.1);
  -ms-box-shadow: 0 2px 6px 1px rgba(48, 48, 48, 0.1);
  -o-box-shadow: 0 2px 6px 1px rgba(48, 48, 48, 0.1);
  background-color: #00142e;
  transition: all 0.5s ease-in-out !important;
  -webkit-transition: all 0.5s ease-in-out !important;
  -moz-transition: all 0.5s ease-in-out !important;
  -o-transition: all 0.5s ease-in-out !important;
}
.display-none{
  display: none;
  transition: opacity 1s ease-out !important;
  -webkit-transition: opacity 1s ease-out !important;
  -moz-transition: opacity 1s ease-out !important;
  -o-transition: opacity 1s ease-out !important;
  opacity: 0;
}

/*menu css start*/

.sticky-header{
  width: 100%;
  z-index: 999;
  position: fixed;
}
.navbar-nav .nav-item .nav-link{
  font-weight: 500;
}
.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: 1rem;
  padding-left: 1rem;
}
.menu-sticky {
  background: #ffffff;
  box-shadow: 31px -14px #000000;
}
.nav-item{
  position: relative;
}
.search_icon a i{
  font-size: 18px;
  padding: 10px 10px;
}
.navbar-collapse .navbar-nav .nav-item a{
  color: #3f3a64;
}
.navbar .navbar-collapse .navbar-nav li.active a,
.navbar .navbar-collapse .navbar-nav li a:hover {
  background: transparent;
  color: #3b18c6;
}
.navbar .navbar-collapse .navbar-nav li a:before {
  position: absolute;
  content: '';
  left: 8px;
  bottom: 0;
  right: 50%;
  height: 1px;
  background: #ffffff;
  visibility: hidden;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  z-index: 1;
}
.nav-logo a img{
  width: 70%;
}
.navbar .navbar-collapse .navbar-nav li.active a:before,
.navbar .navbar-collapse .navbar-nav li a:hover:before {
  visibility: visible;
  right: 0;
  max-width: 50%;
}
.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item:before{
  display: none;
}
.navbar-expand-lg .navbar-nav .dropdown-menu a{
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  color: #3f3a64!important;
  border-bottom: 1px solid #f1f1f1 !important;
}
.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item:hover{
  background-color: #3b18c6;
  color: #ffffff !important;
}
.navbar-expand-lg .navbar-nav .dropdown-menu{
  left: -50px;
}
.dropdown:hover .dropdown-menu{
  display: block;
}
.dropdown-menu{
  transition: all 0.5s ease-in-out;
}
.dropdown-menu .dropdown-item{
  font-size: 14px;
}
.dropdown-toggle::after {
  display: none;
}

/*====================================
           header - end
====================================*/

/*====================================
          banner - start
====================================*/
.banner_heading h1{
  font-family: 'Poppins';
  font-weight: bold;
  color: #3f3a64;
  line-height: 56px;
  margin-bottom: 26px;
}
.banner_heading p{
  font-family: 'poppins';
  font-weight: normal;
  font-size: 15px;
  margin-bottom: 40px;
}
.banner_image img{
  float: left;
  position: relative;
  width: 100% !important;
  height: 100% !important; 
}
.banner_heading{
  position: absolute;
  bottom: 32%;
  left: 24%;
}
.banner_heading h1{
  color: #0b0bcc;
}
.banner-another img{
  width: 80%;
}
.banner-another{
  position: absolute;
  bottom: -10%;
}
.banner-another img {
  width: 80% !important;
}
#banner { 
  left: 0px; 
  top: 0px; 
  position: relative; 
} 
.banner_heading {
  bottom: 130px;
  line-height: 2;
}
.button_content .btn1{
  padding: 15px 30px;
  margin: 0px;
  background-color: #3b18c6;
}
.button_content .btn2{
  padding: 15px 30px;
  margin-left: 15px;
}
.button_content .btn2 {
  color: #000;
  background-color: rgba(0, 0, 0, 0.021);
  border: 1px solid rgba(44, 43, 43, 0.37);
}
.button_content a{
  background:#3f3a64;
  padding: 15px 30px;
  margin-right: 15px;
  border: 1px solid #0b0bcc;
  border-radius: 5px;
  color: #ffffff;
  transition: all 0.5s ease-in-out;
  font-weight: 600;
}
.button_content a:hover {
  background: rgb(0 0 0 / 0%);
  color: rgb(0 0 0);
  border: 1px solid rgba(44, 43, 43, 0.37);
}

/*==============================
         banner - End
===============================*/

/* ==============================
        promo course
================================= */
#bit-course-category{
  padding: 150px 0px 100px;
}
.category-content .hvrbox {
  border-radius: 4px;
}
.hvrbox {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 100%;
  height: auto;
  margin-bottom: -8px;
}
.category-content .hvrbox img {
  object-fit: cover;
  position: relative;
  width: 100%;
  max-height: 410px;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
.hvrbox-text{
  position: absolute;
  bottom: 5%;
  left: 5%;
  border-radius: 4px;
  background-color: #3b18c6;
  padding: 15px 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.hvrbox-text2{
  position: absolute;
  bottom: 5%;
  left: 5%;
  background-color: #3b18c6;
  padding: 5px 15px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.hvrbox .hvrbox-layer_top {
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  padding: 15px;
  background: rgb(2,0,36);
  background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(2,0,32,0.7147233893557423) 8%, rgba(2,0,25,0.5634628851540616) 22%, rgba(1,0,15,0.5186449579831933) 40%, rgba(0,0,6,0.3449754901960784) 56%, rgba(0,0,0,0.12648809523809523) 68%);
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
}
.category-content{
  margin-bottom: 22px;
}
.category-content .hvrbox-layer_top a{
  display: block;
  font-size: 24px;
  font-weight: 500;
  color: #fff;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}

.category-content .hvrbox-text h5 {
  font-size: 17px;
  font-weight: 200;
  color: #fff;
  margin-bottom: 0px;
  line-height: 2rem;
}
.category-content .hvrbox-text2 a{
  font-size: 14px;
  color: #fff;
  display: inline-block;
  font-weight: 500;
}
 .hvrbox:hover img{ transform: scale(1.2) ; 
  -webkit-transform: scale(1.2) ; 
  -moz-transform: scale(1.2) ; 
  -ms-transform: scale(1.2) ; 
  -o-transform: scale(1.2) ;
} 
.hvrbox-text2 h5 {
  color: #fff;
  font-weight: 200;
  font-size: 12px;
  margin-bottom: 0px;
  line-height: 1.5rem;
}
/* singel category */
.category-feature{
  margin-top: 50px;
}
.single-feature {
  text-align: center;
}
.single-feature a{
  position: relative;
  display: inline-block;
  height: auto;
  width: auto;
  background: #3b18c6;
  font-size: 14px;
  font-weight: 600;
  padding: 7px 28px;
  margin-top: 35px;
  border-radius: 3px;
  text-transform: capitalize;
  color: #fff;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  box-shadow: rgb(0 0 0 / 15%) 0px 5px 8px;
}
.single-feature a::before {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 0%;
}
.single-feature a:hover {
  background-color: #b1b2b34f;
  color: rgb(0, 0, 0);
  border: 1px solid #9494948a;
}

.single-feature svg path {
  margin-bottom: 15px;
  fill: #0b0bcc!important;
  stroke: #0b0bcc!important;
}
/* ==============================
        category course end
================================= */

/*===============================
        About Us - start
=================================*/
.aboutus-section {
  padding: 90px 0;
}
.aboutus-title {
  font-size: 30px;
  letter-spacing: 0;
  line-height: 32px;
  margin: 0 0 39px;
  padding: 0 0 11px;
  position: relative;
  text-transform: uppercase;
  color: #000;
}
.aboutus-title::after {
  background: #fdb801 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 54px;
}
.aboutus-text {
  color: #606060;
  font-size: 14px;
  line-height: 22px;
}

.about_item li{
  display: flex;
  align-items: center;
}

.feature .feature-box .iconset {
  background: #fff none repeat scroll 0 0;
  float: left;
  position: relative;
  width: 18%;
}

.feature .feature-box .iconset::after {
  background: #fdb801 none repeat scroll 0 0;
  content: "";
  height: 150%;
  left: 43%;
  position: absolute;
  top: 100%;
  width: 1px;
}
.feature .feature-box .feature-content h4 {
  color: #0f0f0f;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 22px;
  margin: 0 0 5px;
}
.section-tittle h3{
  color: #3b18c6;
  margin-bottom: 20px;
}
.section-tittle p small{
  font-weight: 600;
  color: #3b18c6;
}
.aboutus h3{
  color: #3b18c6;
  margin-bottom: 20px;
}
.common-title h2{
  color: #3b18c6;
}
.common-title h3 small{
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 600;
  display: block;
  line-height: .8;
  letter-spacing: 4px;
  margin-bottom: 15px;
  color: #000000e1;
}
.aboutus p{
  margin-bottom: 20px;
}

.about-contant ul{
  line-height: 4;
  margin-bottom: 30px;
}
.about-contant .about_item i{
  font-size: 35px;
  color:#3b18c6;
  margin-right: 10px;
}
.aboutus-banner img{
  border-radius: 5px;
}
.about_para small{
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 600;
  display: block;
  line-height: .8;
  letter-spacing: 4px;
  margin-bottom: 15px;
  color: #3f3a64;
}
.about_para h4{
  color: #3b18c6;
  margin-bottom: 20px;
  font-size: 28px;
}
.about_para q{
  font-size: 16px;
  font-style: italic;
}
.about-pera-2{
  margin-top: 10px;
}
.aboutus-more:hover{
  color: #ffffff;
}
.about_item li svg path{
  fill: #0b0bcc;
}

.about_btn a{
  display: inline-block;
  background: #3b18c6;
  border: 1px solid #0b0bcc;
  font-size: 14px;
  font-weight: 600;
  padding: 7px 28px;
  border-radius: 3px;
  text-transform: capitalize;
  color: #fff;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  box-shadow: 0 10px 25px 0 rgb(46 61 73 / 15%);
}
.about_btn a:hover{
  background-color: #b1b2b34f;
  color: rgb(0, 0, 0);
  border: 1px solid #9494948a;
}

/*==================================
        About Us - End
====================================*/

/*==============================
      Why our platform 
================================*/

.bit-platform-head small{
  color: ;
}
.text-color {
  color: #fff
}
.platform-slide .slick-slide {
  width: 100%!important;
  height: 100%;
  min-height: 0px;
  float: none;
}
.slider-content img {
  height: 400px
}
#bit-platform{
  position: relative;
  z-index: 1;
  background-image: url(../image/bit-platform.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
}
.main-platform {
  background-color: #fff;
  padding: 25px;
  border-radius: 5px;
  max-width: 630px;
}
.inner-heading{
  font-size: 20px;
  font-weight: 500;
}
.main-platform .carousel{
  width: 100%;
  height: 100%;
  padding-bottom: 0px;
}
.btn-slide {
  padding: 8px 15px;
  height: 40px;
  width: 125px;
  background-color: #3b18c6;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.btn-slide a{
  color: #fff;
}
/*==============================
    Why platform better  End
================================*/

/* =============================
    Course Materials
================================= */
.mate-svg-icon svg{
  padding: 20px;
  width: 100px;
  height: 100px;
}
.main-course-mate {
  background-color: #3b18c6;
  color: #fff;
  padding: 20px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
.main-course-mate:hover{
  transform: translateY(-20px);
  -webkit-transform: translateY(-20px);
  -moz-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  -o-transform: translateY(-20px);
}
.mate-text h4{
  color: #d2fff7;
  font-weight: 500;
}
.mate-text span{
  color: #d2fff7;
}
.btn-meta a{
  position: absolute;
  transform: translateY(-200%);
  z-index: 1;
  -webkit-transform: translateY(-200%);
  -moz-transform: translateY(-200%);
  -ms-transform: translateY(-200%);
  -o-transform: translateY(-200%);
} 
.btn-meta a {
  transition: .5s;
  transition: var(--transition);
  display: inline-block;
  padding: 10px 25px 12px 20px;
  position: relative;
  background-color: #b9b9b9;
  color: #000;
  border: 1px solid #fafafa;
  border-radius: 3px;
  font-size: 14.5px;
  font-weight: 700;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}
.btn-meta a:hover {
  background-color: #3b18c6;
  color: #fff;
}
.btn-meta a .svg {
  left: 20px;
  position: absolute;
  transform-origin: left center;
}
.mate-svg-icon svg path{
  fill: #ffffff;
}

/* =============================
    Course Materials - ned
================================= */

/*=====================================
         Courses slider Section
======================================*/

.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel{
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
  overflow: hidden;
  position: relative;
  width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item img{
  max-width: 100%;
}
.owl-carousel .item {
  padding: 0 15px;
}
.owl-carousel .owl-item{
  float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
  cursor: pointer;
}
.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
  cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility:    hidden;
  -ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

#main-item-slider .customNavigation, #demo2 .customNavigation {
  top: 50%;
  position: absolute;
  width: 100%;
  left: 0px;
  margin-top: -40px;
}

.img-date {
  position: relative;
}
.user-blog .owl-theme .owl-controls .owl-page span {
  width: 17px;
  height: 17px;
  background: #454343;
  opacity: 1;
}
.user-blog .owl-theme .owl-controls .owl-page.active span, .user-blog .owl-theme .owl-controls.clickable .owl-page:hover span {
  background: #82b53f;
}
.course-another img{
  width: 50px!important;
  height: 50px;
  position: relative;
}
.course-another {
  position: absolute;
  top: 86%;
  padding: 0px 15px;
  z-index: 9;
}
.course-content-details{
  padding: 10px 0px;
}
.course_content{
  padding: 0px 40px 0px 0px;
}
.course-another h6{
  color: #ffff;
  line-height: 1rem;
}
.course-title h3 a{
  color: #3b18c6;
  font-size: 23px;
  padding-bottom: 10px;
}
.Course-img-overlay{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(0deg,
  rgba(0,0,0,0.6923144257703081) 7%,
  rgba(0,0,0,0.6222864145658263) 16%,
  rgba(0,0,0,0.5494572829131652) 25%,
  rgba(0,0,0,0.47102591036414565) 35%,
  rgba(0,0,0,0.40379901960784315) 46%,
  rgba(0,0,0,0.3309698879551821) 55%,
  rgba(0,0,0,0.2805497198879552) 64%,
  rgba(0,0,0,0.23012955182072825) 75%,
  rgba(0,0,0,0.11528361344537819) 89%);
  z-index: 9;
  opacity: 1;
}
.course-another span{
  color: rgb(169, 190, 187);
}
.course-title {
  padding: 0px 0px 10px;
  border-bottom: 1px solid #00000012;
}
.course-rating .total-rating{
  line-height: 1rem;
}
.course-rating{
  align-items: center;
}
.course-rating i{
  color: #f2b827;
}
.course-plan{
  padding: 10px 0px 0px;
}
.course-plan ul{
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 0;
  margin-left: 0px;
  margin-right: -7px;
}
.course-price a{
  align-items: center;
  background-color: #3b18c6;
  color: #fff;
  padding: 7px 25px 6px 25px;
  border-radius: 3px;
  font-size: 15px;
  font-weight: 400;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
.course-price a:hover {
  background-color: #243c4f;
}
.course-price{
  margin-top: 20px;
}
.course-price span{
  padding: 10px 0px 0px; 
}
.course
.course-text{
  line-height: 0;
  margin-bottom: 0px;
}
.course-text h6{
  font-weight: 400;
}

.blog-items {
  width: 90%;
  margin: 0px auto;
  margin-top: 0px
}
.course-dtails {
  margin: 20px
}
.Course-img .slick-slide img {
  width: 100%;
}
.Course-img{
  position: relative;
}
.course-slider-grid:hover .top-item{
  background-color: #3b18c6;
  color: #fff;
}
.top-item{
  position: absolute;
  top: 6%;
  padding: 2px 10px;
  height: 28px;
  width: auto;
  border-radius: 9px;
  z-index: 9;
  left: 5%;
  background-color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
.courses-content h3 {
  margin-bottom: 20px;
  line-height: 1.5;
  font-size: 20px;
  font-weight: 500;
}
.Course-contant:hover .Course-img-overlay{
   opacity: 1;
}
.Course-details{
  background-color: rgba(69, 90, 100, 0.08);
  padding: 20px;
}
.Course-details p{
  color: #5a5a5a;
  margin-bottom: 20px;
  text-align: left;
}
.Course-details2 {
  background-color: #ffffff;  
}   
.Course-details h4{
  font-size: 22px;
  font-weight: bold;
  color: #3d4352;
  line-height: 1.9rem;
  padding: 12px 0px 6px;
  margin-bottom: 0px;
}
.Course-details span{
  color: #8b8b8b;
}
.Course-details .blog_btn:hover{
  letter-spacing: 2px;
}
.Course-details .Course_btn span{
  margin-left: 5px;
}
.col-blog{
  margin-bottom: 30px;
}
.Course-details .span_item{
  margin-left: 80px;
  color: #3b18c6;
}
.Course-details a {
  background: #3b18c6;
  border: none;
  padding: 10px 23px;
  margin-right: 170px;
  border-radius: 5px;
  color: #ffffff;
  transition: all 0.5s ease-in-out;
}
.Course-details a:hover{
  background: #3f3a64;
  color: #dee0e0;
} 

/*====================================
      courses Section-End
======================================*/

/*==================================
        Counter Section
====================================*/
#bit-counter-section{
  background: #3b18c6;
}  
.overlay-counter{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: rgb(55 147 156 / 55%);
  z-index: -1;
}
.counter-section i {
  display: block;
  margin: 0 0 10px
}
.counter-section h3{
  color: #ffffff;
}
.counter-section span.counter {
  font-size: 40px;
  color: #dad0f9d1;
  font-weight: bold;
  line-height: 60px;
  display: block;
  letter-spacing: 2px;
 }
.counter-title {
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 0px;
  color: #dad0f9d1;
}
.counter-icon {
  top: 25px;
  position: relative
}
.counter-style2 .counter-title {
  letter-spacing: 0.55px;
  float: left
}
.counter-style2 span.counter {
  letter-spacing: 0.55px;
  float: left;
  margin-right: 10px
}
.counter-style2 i {
  float: right;
  line-height: 26px;
  margin: 0 10px 0 0
}
.counter-subheadline span {
  float: right
}
.medium-icon {
  font-size: 40px !important;
  margin-bottom: 15px !important
}

/*===================================
      Counter Section-End
=====================================*/
/*===================================
          Upcoming Event
=====================================*/
.event_contentd{
  margin: 0px;
}
.event_image{
  position: relative;
  margin-right: 50px;
}
.event_content{
  background:#ffffff;
  width: 330px;
  position: absolute;
  top: 120px;
  left: 125px;
  padding:20px;
}
.event_content h4{
  color: #3d4352;
  margin-bottom: 0px;
}
.event_content ul{
  margin-bottom: 20px;
}
.event_content ul li{
  color: #8c89a2;
  padding-right: 10px;
}
.event_content p{
  margin-bottom: 20px;
}
.event1,
.event2,
.event3,
.event4{
  padding: 0px 65px;
}
.event_image{
  width: 80%;
  height: 360px;
  margin-bottom: 30px;
}
.event_content a {
  color: #3b18c6;
  font-weight: bold;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  letter-spacing: 1px;
  word-spacing: 2px;
}
.event_content::before{
  content: '';
  height: 50%;
  width: 50%;
  right: -5px;
  bottom: -5px;
  position: absolute;
  background-color: #3b18c6;
  z-index: -1;
}
.col-event{
  margin-bottom: 30px;
}
.event_content a:hover{
  letter-spacing: 3px;
  height: 8px;
  width: auto;
}

/*===================================
           Upcoming Event end
====================================*/
/*====================================
      Our mission - start
====================================*/

.mission-title p small{
  color: #3b18c6;
  font-weight: 600;
  font-size: 17px;
}
.miss-img img{
  width: 100%;
}
.miss-img{
  padding-right: 40px;
}
.mission-title .choose-header h3 {
  color: #3d4352;
  margin-bottom: 20px;
}
.mission-title p {
  padding: 0px 0px;
  color: #5a5a5a;
  text-align: left;
  margin-bottom: 0px;
}
.mission_item {
  margin-bottom: 10px;
  background: #ffffff;
  padding: 15px;
  transition: all 0.5s ease-in-out;
}
.mission_item:hover{
  box-shadow: 0px 5px 5px 0px #e7e7e7;
}
.mission_item .miss-icon{
  float: left;
  width: 40px;
  height: 40px;
  border: 1px solid #3b18c6;
  border-radius: 500px;
  padding: 7px 17px;
  margin-right: 15px;
}
.mission_item .miss-icon i{
  font-size: 32px;
  color: #3b18c6;
}
.mission_item h5{
  display: block;
  font-size: 20px;
  letter-spacing: .5px;
  text-transform: capitalize;
  color: #3f3a64;
  margin: 0 auto;
  padding: 0px 0px 00px;
  margin-left: 45px;
  text-align:-webkit-auto ;
}
.mission_item p{
  padding: 0px 0px 0px;
  color: #5a5a5a;
  margin-left: 56px;
  text-align: left;
  margin-bottom: 0px;
}

/*====================================
      Our Mission - end
====================================*/

#bit-reservation{
  background-image: url(../image/bg-register.jpg);
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.bit-offer-title h1{
  text-align: center;
  margin-top: 20px;
  color: #bbdcff;
  font-size: 50px;
  letter-spacing: 4px;
}
.get-offer-content {
  letter-spacing: 2px;
}
.get-offer-content h2{
  font-size: 40px;
  line-height: 60px;
  color: #fff;
}

.parallax-bg{
  width: 100%;
  margin: 0 auto;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: repeat-y;
  background-position: top center;
  position: relative;
}
.text-theme-colored {
  color: #0b0bcc !important;
}
.layer-overlay.overlay-theme-colored-9::before {
  background-color: rgb(59 24 198 / 86%);
}
.layer-overlay::before {
  background: rgba(17, 17, 17, 0.5) none repeat scroll 0 0;
  content: " ";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
.form-items {
  background-color: #fff !important;
  padding: 20px!important;
}
/* -------register now end-------- */

.form-group .submit-btn{
  background-color: #404fd6;
}
.form-group .submit-btn:hover {
  background-color: #4e4949a6;
  border: 1px solid #9e9b9b;
}

/*===================================
          Vedio section
=======================================*/

.vedio_image{
  padding: 20px;
  position: relative;
}

.vedio_shape{
  width: 330px;
  position: absolute;
  top: -37px;
  left: 123px;
  padding: 10px 20px;
  z-index: -1;
  margin-bottom: 0px;
}
.vedio_shape-2 {
  width: 330px;
  position: absolute;
  bottom: -34px;
  right: 126px;
  padding: 10px 20px;
  z-index: -1;
  margin-bottom: 0px;
}
.vedio_image i{
  font-size: 50px;
  left: 46%;
  position: absolute;
  top: 36%;
  border: 2px solid #fff;
  color: white;
  border-radius: 71px;
  height: 21%;
  width: 9%;
  padding: 23px;
  cursor: pointer;
}
.vedio_image img{
  position: relative;
}
.watch-us-overlay{
  position: absolute;
  width: 56.5%;
  height: auto;
  top: 20px;
  right: 0px;
  bottom: 20px;
  left: 241px;
  background-color: rgba(0,0,0,0.5);
}
/*====================================
        vedio setion - end
=======================================*/
/* =====================================
            job impect area 
====================================== */
#bit-job-impact-area {
  position: relative;
  z-index: 1;
  background-image: url(../image/area-background.png);
  background-size: cover;
  background-repeat: no-repeat;
  height: 60%;
  background-color: var(--mainColor);
}
#bit-job-impact-area:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 40%;
  z-index: -1;
  background-color: #fff;
}
#bit-job-impact-area .main-area {
  position: relative;
  left: 0%;
  bottom: 20px;
}
.area-svg-icon svg{
  padding: 20px;
  width: 100px;
  height: 100px;
}

.area-content {
  background-color: #f7f7f7;
  color: #000;
  padding: 15px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
.area-content:hover{
  background-color: #3b18c6;
}
.area-content:hover h4{
  color: #fff;
}
.area-content:hover p{
  color: rgb(241, 241, 241);
}
.area-content:hover .area-svg-icon svg path{
  fill: #ffffff;
}
.offer-area,
.offer-pera{
  color: #fff;
}
.area-text h4{
  color: #3b18c6;
  font-weight: 600;
}
.area-svg-icon svg path{
  fill: #3b18c6;
}
.area-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -9;
  background-color: #0d445569;
}

/* =====================================
        offer area - end 
 ====================================== */
/*======================================
             News blog 
=========================================*/

.blog-img{
  position: relative;
}
.blog-contant:hover .blog-img-overlay{
   opacity: 1;
}
.blog-details{
  background-color: #ffffff;
  padding: 20px;
  box-shadow: 0px 0px 3px 2px #f1f1f1;
}
.blog-details p{
  color: #5a5a5a;
  margin-bottom: 20px;
  text-align: left;
}
.blog_pera p{
  margin-bottom: 40px;
}
.blog-details h4{
  font-size: 22px;
  font-weight: bold;
  color: #3f3a64;
  line-height: 1.9rem;
  padding: 10px 0px 20px;
  margin-bottom: 0px;
}
.blog-details span{
  color: #8b8b8b;
}
.blog-details .blog_btn{
  font-size: 14px;
  letter-spacing: .5px;
  color: #424242;
  display: block;
  font-weight: 700;
  transition: all 0.5s ease-in-out;
}
.blog-details .blog_btn:hover{
  letter-spacing: 2px;
}
.blog-details .blog_btn span{
  margin-left: 5px;
}
.col-blog{
  margin-bottom: 30px;
}
.blog-section .blog1{
  padding: 40px;
}
.blog_icon{
  display: inline-block;
}
.blog-details2{
  position: absolute;
  bottom: 0%;
  width: 94%;
  padding: 22px;
  color: white;
}
.blog-details2 h4{
  color: white;
}
.blog-img_2{
  width: 100%;
}
.view_text{
  text-align: left;
}
.blog_icon ul li{
  font-size: 12px;
  margin-right: 20px;
  color: #8c89a2;
}
.blog-details2 small{
  color: #ffffff !important;
  font-size: 14px;
}
.blog-details2 .blog_icon ul li{
  color: #ffffff;
}
.blog-details small{
  color: #8c89a2;
  font-size: 14px;
}

/*=======================================
           News blog - end
=========================================*/

/* ======================================
       Become Contributor & sponser
========================================= */

.common-item-1 {
  padding: 165px 130px 115px;
  height: 100%;
  width: 100%;
}
.common-item-2{
  padding: 130px 130px 130px;
  height: 100%;
  width: 100%;
}
.conributor-content{
  background-color: #3b18c6;
}
.sponser-content{
  background-color: #fff;
}
.conributor-content h2{
  color: #fff;
}
.sponser-content h2{
  color: #000;
}
.conributor-content p{
  color: rgba(252, 252, 252, 0.671);
}
/* button hover css */
.contributor-btn a{
  display: inline-block;
  background: #e7e7e7cb;
  border: 1px solid #9494948a;
  font-size: 14px;
  font-weight: 600;
  padding: 7px 28px;
  border-radius: 3px;
  text-transform: capitalize;
  color: rgb(0, 0, 0);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  box-shadow: 0 10px 25px 0 rgb(46 61 73 / 15%);
}
.contributor-btn a:hover{
  background-color: #a1b1f83a;
  color: rgb(202, 202, 202);
  border: 1px solid #9494948a;
}
.sponser-btn a{
  display: inline-block;
  background: #3b18c6;
  border: 1px solid #0b0bcc;
  font-size: 14px;
  font-weight: 600;
  padding: 7px 28px;
  border-radius: 3px;
  text-transform: capitalize;
  color: #fff;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  box-shadow: 0 10px 25px 0 rgb(46 61 73 / 15%);
}
.sponser-btn a:hover{
  background-color: #b1b2b34f;
  color: rgb(0, 0, 0);
  border: 1px solid #9494948a;
}
.contributor-img, 
.contributor-img img {
  height: 100%;
  max-width: 100%!important;
  max-height: 100%!important;
  object-fit: cover;
}

/* ======================================
       Become Contributor & sponser end
========================================= */

/*=======================================
             Subscribe
==========================================*/

#subscribe-now{
  position: relative;
  background-color: #6259fb24;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.overlay-subscribe{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: rgb(55 147 156 / 55%);
  z-index: -1;
}
.newsletter .content {
  max-width: 650px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 2; 
}
.newsletter .content h2 {
  color: #243c4f;
  margin-bottom: 40px; }
  .newsletter .content .form-control {
  height: 50px;
  border-color: #ffffff;
  border-radius:0;
}
.newsletter .content.form-control:focus {
  box-shadow: none;
  border: 2px solid #243c4f;
}
.newsletter .content .btn {
  min-height: 50px; 
  border-radius:0;
  background: #243c4f;
  color: #fff;
  font-weight:600;
}
.subscribe-btn {
  color: white;
  background-color:#3b18c6;
  display: inline-block;
  font-weight: 400;
  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 transparent;
  padding: 0.375rem 1.25rem;
  font-size: 1rem;
  line-height: 2.5;
  border-radius: 0.25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.email-content{
  justify-content: center;
}
.subscribe-box{
  border: 1px solid #f1f1f1;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.subscribe-btn{
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

/*=========================================
          Subscribe - end
===========================================*/
/*====================================
        footer- start
====================================*/
#footer-top-section{
  background-image: url(../image/pattern.png);
  background-size: cover;
  background-attachment: inherit;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;  
  background-position: center;
}
.overlay-footer{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #3b18c6ed;
  z-index: -1;
}
.footer-text{
  font-size: 28px;
  margin-bottom: 20px;
  color: #ffffff;
  font-weight: 600;
  line-height: 1.9rem;
}
.footer-about img{
  margin-bottom: 10px;
  width: 70%;
}
.footer-about p{
  color: #919294;
  text-align: left;
}
.footer-about ul li:hover a i{
  color: #000;
}
.footer-service ul li:hover a{
  color: #d6d6d6;
}
.footer-about ul li a i{
  font-size: 18px;
  color: #fff;
  background-color: rgb(45, 60, 191);
  border: none;
  padding: 12px;
  width: 40px;
  height: 40px;
  border-radius: 25px;
}
.footer-service ul li a{
  color: #d0ddff9e;
  font-size: 17px;
}
.footer-service ul li{
  margin-bottom: 10px;
}
.footer-about h5{
  color: #fff;
}
.media-body a h5{
  color: #ffffffbf;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.7rem !important;
}
.media-body h3{
  color: #ffffffbf;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.7rem !important;
}
.media-body span{
  color: #8c89a2;
}
.footer-contact p{
  color: #ffffffbf;
  margin-bottom: 10px;
}
.footer-contact ul li{
  color: #ffffffbf;
}
.footer-contact ul li i{
  color: #ffffffbf;
}
.footer-bottom-text{
  padding: 20px 0px;
  background: #5225ffe3;
}
.footer-bottom-text p{
  color: #a4a5a9e3;
  text-align: center;
}
footer .scrollToTop {
  position: fixed;
  width: 50px;
  height: 50px;
  right: 25px;
  bottom: 6px;
  background-color: #fdfdfd;
  border-radius: 50px;
  padding: 6px 16px;
  z-index: 999;
  border: 1px solid #4726c8;
}
footer .scrollToTop i {
  color: #0b0bcc;
  font-size: 30px;
}

.footer-about ul .facebook  a i{
  background-color: dodgerblue;
}
.footer-about ul .linkedin a i{
  background-color: #2E7F91;
}
.footer-about ul .instagram a i{
  background-color: #C40300;
}
.footer-about  ul .twitter a i{
  background-color: #22E8FF;
}

/*===============================
       footer section - end
=================================*/

/*===================================
           Others Pages
===================================*/

#page-breadcrumb {
  height: 300px;
  position: relative;
  background-image: url(../image/breadcam-image.png);
  z-index: 1;
  background-size: cover;
  background-position: center;
}
.common-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(110,159,238,1) 43%, rgba(113,237,114,1) 62%);
  z-index: 0;
}
.breadcrumb-menu {
  color: #ffffff;
  position: absolute;
  top: 62%;
  left: 27%;
  transform: translate(-50%, -50%);
  text-transform: capitalize;
  text-align: center;
  padding-top: 40px;
}
.breadcrumb-menu ul li svg {
  height: 20px;
  padding: 8px 0px 0px 0px;
  width: 25px;
}
.breadcrumb-menu h3 {
  text-align: left;
  font-size: 34px;
  font-weight: bold;
  text-transform: capitalize;
  color: #ffffff;
  margin-bottom: 15px;
}
.breadcrumb-menu .breadcrumb {
  background-color: transparent;
  border-style: none;
  border-radius: 0px;
  padding: 0;
}
.breadcrumb>li {
  display: inline-block;
}
.breadcrumb li svg path{
  fill: #f7f7f7;
}
.breadcrumb .active a{
  color: #c4c4c4 !important;
}
.breadcrumb li a{
  color: #ffffff;
}
.archive_item ul li i{
  color: #a4c8c5;
}
.breadcrumb li a i{
  font-size: 20px;
}
#about-section{
  background-color:white;
}
.about_para h5{
  color: #3b18c6;
}

/* ----------------------- */
/* about details */
#bit-avarage-count{
  padding: 0px 0px 80px;
}

/*vedio demo start*/

.video-area-content{
  background-image: url(../image/valu_image.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
  height: 100%;
  display: flex;
}
.video-area-content2 {
  width: 60%;
  height: 420px;
  display: inline-block;
}
.vedio-image{
  position: relative;
}
.vedio-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0px;
  background: rgba(0,0,0,0.5);
  text-align: center;
  align-items: center;
  justify-content: center;
  display: flex;
}
.video-icon a i{
  font-size: 30px;
  padding: 14px 20px;
  color: #ffffff;
}
.video-icon {
  width: 60px;
  height: 60px;
  background-color: #259ed9;
  border-radius: 500px;
  display: inline-block;
}
.video-icon2{
    transform: translateY(130%);
}
.vedio-overlay h4{
  font-size: 30px;
  color: #ffffff;
  margin-bottom: 20px;
}


.video {
  width: 100%;
  height: 400px;
  margin: auto;
  display: block;
  border: none;
}
.popup-btn, .close-btn {
  background-color: transparent;
}
.video-popup {
  display: none;
  width: 100%;
  height: 100vh;
  margin: auto;
  position: fixed;
  top: 0;
  boxshadow: 10px 10px 10px 10px black;
  z-index: 999;
}
.popup-bg {
  background: rgba(0,0,0,0.8);
  width: 100%;
  height: 100vh;
  position: absolute;
}
.popup-content {
  background: black;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 800px;
  height: auto;
}

/*vedio demo end*/


.button {
   background: #3299bb;
   color: white;
   font-family: Arial;
   padding: 10px;
   border-radius: 5px;
   position: relative;
   top: 10px;
   left: 10px;
   cursor: pointer;
   box-shadow: 0px 3px 10px black;
}

.button:active {
   top: 12px; 
   box-shadow: 0px 2px 10px black;
}

.button:hover {
   background: #3999ee; 
}

div.video {
   width: 420px;
   height: 315px;
   display: none;
   position: absolute;


}
div.video-wrapper {
   z-index: 1;
   background: rgba(0,0,0,.5);
   position: absolute;
   display: none;
   width: 100%;
   height: 100%;
   top: 0px;
   left: 0px;
}

#video-area {
    background-image: url("../image/vedio-image.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 130px 0;
    position: relative;
    z-index: 1;
}

#video-area:after {
    background-color: rgba(14,77,142,0.3);
    content: "";
    left: 0;
    opacity: 0.65;
    top: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: -1;
}

.video-icon {
    background-color: #ffffff;
    border-radius: 50%;
    color: #ffffff;
    display: block;
    font-size: 30px;
    height: 115px;
    line-height: 115px;
    margin: auto;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 115px;
    padding: 0px 50px;
}

.video-icon i {
  color: #3b18c6;
}

.video-block .videos {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 100%;
    height: 250px;
    left: 50%;
    opacity: 0;
    margin-left: -125px;
    margin-top: -125px;
    position: absolute;
    top: 50%;
    width: 250px;
}


/*Video Area Button*/

.video-block .videos {
    -webkit-animation-delay: 0;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: waves;
    animation-name: waves;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.video-block .wave-1 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.video-block .wave-2 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.video-block .wave-3 {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}

@-webkit-keyframes videos {
    0% {
        -webkit-transform: scale(0.2, 0.2);
        transform: scale(0.2, 0.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    50% {
        opacity: 0.9;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    }
    100% {
        -webkit-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}

@keyframes waves {
    0% {
        -webkit-transform: scale(0.2, 0.2);
        transform: scale(0.2, 0.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    50% {
        opacity: 0.9;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    }
    100% {
        -webkit-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}


/*vedio demo end*/
/*----------about counter--------*/

.counter-det {
  margin: 5px;
  padding: 20px 10px;
  background-color: #681bbb12;
  transition: .3s linear all;
}
.counter-det:hover{
  box-shadow: 4px 4px 20px #DADADA;
  transition: .3s linear all;
}
.card-counter{
  display: flex;
}
.counter-content{
  padding-top: 10px;
  padding-left: 10px;
}
.counter-content .count-numbers{
  font-size: 36px;
  font-weight: 700;
  padding-bottom: 10px;
}
.counter-content .count-name{
  font-size: 18px;
} 
.card-counter svg {
  width: 100px;
  padding: 0px 0px 15px;
}
.card-counter svg path{
  fill: #3b18c6;
}

/*--------about counter - end---------*/

.status h6{
  color:#3b18c6 ;
}

/*-------Progress bar -------------*/

.about-value-text .first-pera{
  margin-bottom: 20px;
}
.about-value-text .second-pera{
  margin-bottom: 40px;
}
.progress-bar-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.progress-bar-content .card{
  background: transparent;
  width: calc(25% - 8px);
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-direction: column;
  border: none;
}
.progress-bar-content .card .circle{
  position: relative;
  height: 150px;
  width: 150px;
  border-radius: 50%;
  cursor: default;
}
.progress-bar-content .card .text{
  font-size: 20px;
  font-weight: 500;
  margin-top: 20px;
}
.progress-bar-content .card .circle .box,
.progress-bar-content .card .circle .box span{
  position: absolute;
  top: 50%;
  left: 50%;
}
.progress-bar-content .card .circle .box{
  height: 100%;
  width: 100%;
  background: #fff;
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(0.8);
  transition: all 0.2s;
}
.progress-bar-content .card .circle:hover .box{
  transform: translate(-50%, -50%) scale(0.91);
}
.progress-bar-content .circle .box span{
  font-size: 38px;
  font-family: sans-serif;
  font-weight: 600;
  transform: translate(-45%, -45%);
  transition: all 0.1s;
}
.progress-bar-content .card .circle:hover .box span{
  transform: translate(-45%, -45%) scale(1.09);
}
.progress-bar .card .text{
  font-size: 20px;
  font-weight: 600;
}
@media(max-width: 753px){
  .progress-bar-content{
    max-width: 700px;
  }
  .progress-bar-content .card{
    width: calc(50% - 20px);
    margin-bottom: 20px;
  }
}
@media(max-width: 505px){
  .progress-bar-content{
    max-width: 500px;
  }
  .progress-bar-content .card{
    width: 100%;
  }
}
/*-------progress bar - end------*/


/*---------Our teacher ---------*/
.bit-istractor {
  list-style: none;
  padding: 0;
  margin: 100px 0;
}
.bit-istractor {
  border: 1px solid #eeeeee;
  width: 100%;
  height: auto;
  display: inline-block;
  margin: 0 20px;
  transition: all 0.5s ease-in-out;
}
.mentor-content{
  text-align: center !important;
  padding-bottom: 30px;
  border-bottom: 1px solid #eeeeee;;
}
.mentor-content h5{
  font-weight: 400;
}
.mentor-content span{
  border: 1px solid #3b18c683;
  padding: 5px;
}
.bit-istractor  img {
  margin-top: 5px;
  transition: all 0.5s ease-in-out;
}
.bit-istractor .transition2 {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  height: 500px;
  width: 250px;
  background: #3b18c6;
  display: block;
  position: absolute;
  bottom: -300px;
  transition: all 0.5s ease-in-out;
}
.social a img{
  border: 1px solid;
  width: 29px;
  border-radius: 50%;
  padding: 10%;
  transition: all0.5s ease-in-out;
  -webkit-transition: all0.5s ease-in-out;
  -moz-transition: all0.5s ease-in-out;
  -ms-transition: all0.5s ease-in-out;
  -o-transition: all0.5s ease-in-out;
}

.bit-istractor .transition2 {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  bottom: -380px;
}

.bit-istractor .wrapper {
  text-align: center !important;
  overflow: hidden;
  position: relative;
  width: 352px;
  height: 400px;
  padding: 20px;
}
.transition a svg path{
  fill: #3b18c6;
}
.bit-istractor  h3 {
  margin-top: 25px;
  color: #3b18c6;
}

.bit-istractor .social {
  list-style: none;
  text-align: center;
  margin: 0px 0 0 0;
  padding: 17px 0px 0px;
}
.bit-istractor .social li {
  opacity: 0;
  padding: 8px 7px;
  display: inline-block;
  transition: all 0.5s ease-in-out;
}
.bit-istractor .social li {
  opacity: 0.9;
}
.bit-istractor .social li a {
  cursor: pointer;
  display: block;
  opacity: 1;
  transition: all 0.5s ease-in-out;
}
.bit-istractor .social li a {
  opacity: 0.5;
  margin-top: 0px;
}
.bit-istractor .social li a {
  -webkit-animation: social-show 0.5s 1;
  -moz-animation: social-show 0.5s 1;
  -o-animation: social-show 0.5s 1;
  animation: social-show 0.5s 1;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
}
.bit-istractor .social li img {
  width: 24px;
}

@keyframes social-show {
from {
  margin-top: 140px;
}
to {
  margin-top: 0px;
}
}
 
@keyframes social-show {
 from {
margin-top: 140px;
}
to {
  margin-top: 0px;
}
}

@keyframes social-show {
 from {
margin-top: 140px;
}
to {
  margin-top: 0px;
}
}

@keyframes social-show {
 from {
margin-top: 140px;
}
to {
  margin-top: 0px;
}
}

/*---------our teacher - end----*/

/*-----Testimonial-------*/
.carousel-inner {
  position: relative;
  width: 100%!important;
  overflow: hidden;
}
.carousel-control-next,
.carousel-control-prev{
  width: 50px!important;
}
.testimonial {
  min-height: 375px;
  position: relative;
  background: url(../image/testimonial-section-bg.png);
  padding-top: 50px;
  padding-bottom: 50px;
  background-position: center;
  background-size: cover;
} 
.tesimonial-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(246,241,241,0.5718662464985995) 0%, rgba(237,239,244,0.7847514005602241) 0%, rgb(61 70 168 / 21%) 18%, rgb(59 80 157 / 35%) 27%, rgb(57 75 167 / 32%) 34%, rgb(58 73 150 / 65%) 49%, rgb(34 49 207 / 52%) 83%, rgb(0 22 255 / 44%) 97%);
  z-index: 0;
}
#testimonial4 .carousel-inner:hover{
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
#testimonial4 .carousel-inner:active{
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
#testimonial4 .carousel-inner .item{
  overflow: hidden;
}
.testimonial4_indicators .carousel-indicators{
  left: 0;
  margin: 0;
  width: 100%;
  font-size: 0;
  height: 20px;
  bottom: 15px;
  padding: 0 5px;
  cursor: e-resize;
  overflow-x: auto;
  overflow-y: hidden;
  position: absolute;
  text-align: center;
  white-space: nowrap;
}
.testimonial4_indicators .carousel-indicators li{
  padding: 0;
  width: 14px;
  height: 14px;
  border: none;
  text-indent: 0;
  margin: 2px 3px;
  cursor: pointer;
  display: inline-block;
  background: #ffffff;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.testimonial4_indicators .carousel-indicators .active{
  padding: 0;
  width: 14px;
  height: 14px;
  border: none;
  margin: 2px 3px;
  background-color: #9dd3af;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.testimonial4_indicators .carousel-indicators::-webkit-scrollbar{
  height: 3px;
}
.testimonial4_indicators .carousel-indicators::-webkit-scrollbar-thumb{
  background: #eeeeee;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.testimonial4_control_button .carousel-control{
  top: 175px;
  opacity: 1;
  width: 40px;
  bottom: auto;
  height: 40px;
  font-size: 10px;
  cursor: pointer;
  font-weight: 700;
  overflow: hidden;
  line-height: 38px;
  text-shadow: none;
  text-align: center;
  position: absolute;
  background: transparent;
  border: 2px solid #ffffff;
  text-transform: uppercase;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.6s cubic-bezier(0.3,1,0,1);
  transition: all 0.6s cubic-bezier(0.3,1,0,1);
}
.testimonial4_control_button .carousel-control.left{
  left: 7%;
  top: 50%;
  right: auto;
}
.testimonial4_control_button .carousel-control.right{
  right: 7%;
  top: 50%;
  left: auto;
}
.testimonial4_control_button .carousel-control.left:hover,
.testimonial4_control_button .carousel-control.right:hover{
  color: #000;
  background: #fff;
  border: 2px solid #fff;
}
.testimonial4_header{
  top: 0;
  left: 0;
  bottom: 0;
  width: 550px;
  display: block;
  margin: 30px auto;
  text-align: center;
  position: relative;
}
.testimonial4_header h4{
  color: #ffffff;
  font-size: 30px;
  font-weight: 600;
  position: relative;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.testimonial4_slide{
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 70%;
  margin: auto;
  padding: 20px;
  position: relative;
  text-align: center;
}
.testimonial4_slide img {
  top: 0;
  left: 0;
  right: 0;
  width: 136px;
  height: 136px;
  margin: auto;
  display: block;
  color: #f2f2f2;
  font-size: 18px;
  line-height: 46px;
  text-align: center;
  position: relative;
  border-radius: 50%;
  box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
  -o-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
  -webkit-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
}
.testimonial4_slide p {
  color: #c7c7c7;
  font-size: 19px;
  line-height: 1.5;
  font-weight: 400;
  margin: 20px 0 20px 0;
}
.testimonial4_slide span{
  color: rgba(218, 214, 214, 0.863)!important;
}
.testimonial4_slide h4 {
  color: #ffffff;
  font-size: 22px;
  margin: 15px 0px 0px;
}
.rating-student small{
  margin-left: 6px;
  color: rgb(170, 163, 163);
}
.testimonial .carousel {
  padding-bottom:50px;
}
.testimonial .carousel-control-next-icon, .testimonial .carousel-control-prev-icon {
  width: 45px;
  height: 35px;
  justify-content: space-between;
}

/*----------------------------------
      testimonial - end
--------------------------------------*/

/*------- frequently question start------- */

.pd-2,
.pd-r-2,
.pd-l-2,
.pd-t-2,
.pd-b-2{
  padding-right:2%;
}
div[data-toggle="collapse"]{
  border: 1px solid rgb(213 214 214 / 34%);
  width: 100%;
  cursor: pointer;
  background-color: #3b18c6;
  color: #fff;
  padding: 1%;
  font-size: 20px;
  padding: 18px;
}
.faq_image img{
  width: 85%;
}
.collapsed i {
  font-size: 30px;
  color: teal;
}
.fa-chevron-down:before {
  content: "\f078";
  color: #fff;
}
.fa-chevron-up:before {
  content: "\f077";
  color: #fff;
}

/*-----frequently question - end-----*/


/*--------Gallery--------*/

.portfolio-title .bottom-style{
  margin: 0px 10px 15px 10px;
}
.portfolio-details{
  border-radius: 10px;
  position: relative;
}
.portfolio-btn{
  margin-left: 50%;
  transform: translateX(-50%);
  background: #b89841;
  color: #ffffff;
}
.portfolio-contant{
  text-align: center;
  margin-top: 55%;
  transform: translateY(-50%);
  justify-content: center;
  display: flex;
  background-color: #ffffff;
  padding: 15px 20px;
  border-radius: 500px;
  display: inline-block;
}
.portfolio-contant i{
  color: rgb(21, 47, 191);
}
.port-overlay::before {
  background: rgba(21, 61, 191, 0.5);
  content: "";
  height: 100%;
  left: 0;
  opacity: .7;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.port-overlay{
  opacity: 0;
  position: absolute;
  transform: scale(0);
  transition: all .3s ease 0s;
  visibility: hidden;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  text-align: center;
}
.portfolio-details:hover .port-overlay{
  opacity: 1;
  visibility: visible;
  z-index: 1;
  transform: scale(1);
}
.portfolio-btn:hover{
  color: #ffffff;
}
.nav-pills li a{
  background: none !important;
  color: #3d4352;
  font-weight: 600;
}
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color: #3b18c6;
  border: 1px solid;
}

/*------gallery- end-------*/

/*-----------brand - start------------*/

#brand-section{
  padding: 0px 0px 80px; 
}
.client .owl-item img {
  display: block;
  width: 70%;
}
.client .client-img{
  display: flex;
  justify-content: center;
  padding: 0px 20px;
  filter: grayscale(100%);
  opacity: 0.4;
}
.client .owl-nav .owl-prev{
  position: absolute;
  left: -5%;
  top: 20px;
  width: 40px;
  height: 40px;
  border: 1px solid #3b18c6 !important;
  transition: all 0.5s ease-in-out;
}
.client .owl-nav .owl-prev:hover{
  background: #3b18c6; !important;
  cursor: pointer;
}
.client .owl-nav .owl-prev span{
  color: #3b18c6 !important;
  font-size: 32px;
  transition: all 0.5s ease-in-out;
}
.client .owl-nav .owl-prev:hover span{
  color: #fff !important;
}
.client .owl-nav .owl-next{
  position: absolute;
  right: -5%;
  top: 20px;
  width: 40px;
  height: 40px;
  border: 1px solid #3b18c6 !important;
  transition: all 0.5s ease-in-out;
}
.client .owl-nav .owl-next:hover{
  background: #3b18c6 !important;
  cursor: pointer;
}
.client .owl-nav .owl-next span{
  color: #3b18c6 !important;
  font-size: 32px;
  transition: all 0.5s ease-in-out;
}
.client .owl-nav .owl-next:hover span{
  color: #ffffff !important;
}

/*--------brand- end--------*/

/*--------course----------*/

#subscribe-now{
  z-index: -2;
}
.page ul{
  margin-top: 30px;
  justify-content: center;
}

/*----course details----*/
.Course-details .media-body h5{
  color: #000;
}
.span_item ul{
  display: flex;
}
.span_item h5{
  margin-bottom: 0px;
}
.span_item ul li{
  padding: 0px 30px;
  padding-left: 0px;
}
.span_item p{
  margin-top: 10px;
  margin-bottom: 10px;
}
.media-body span{
  font-weight: 400;
}
.side_item h4{
  margin-bottom: 20px;
  font-weight: 600;
  color: #3f3a64;
}
.course_details .media-body h5{
  color: #3f3a64;
  font-weight: 600;
}
.side_item ul{
  display: inline-flex;
  border-bottom: 1px dashed #ccc;
}
.course_content ul li{
  padding: 5px 0px 5px;
}
.side_item ul:hover li{
  color: #3b18c6;
  cursor: pointer;
}
.question{
  margin-top: 5%;
}
.question h4{
  margin-bottom: 20px;
}
.course-btn{
  padding-left: 15px;
}
.courses_details-2 h3 {
  padding: 10px 0px 20px;
  margin-bottom: 0px;
}
.details-btn {
  color: white;
  background-color: #3b18c6;
  display: inline-block;
  font-weight: 400;
  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 transparent;
  padding: 0.375rem 1.25rem;
  font-size: 11px;
  line-height: 2;
  border-radius: 0.25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.dtils-title h4{
  font-size: 20px;
  margin-bottom: 0px;
  font-weight: 400;
}
.dtils-title h3{
  font-size: 25px;
  color: #0b0bcc;
}
.d-rating{
  padding: 6px 0px 6px;
}
.right_side_item span,
.side_content span{
  color: #0b0bcc;
}
.span_item ul li span{
  font-size: 17px;
}

/*----course details- end ----*/

/* -----course grid------ */
select {
  background-color: white;
  border: thin solid blue;
  border-radius: 4px;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  padding: 0.5em 3.5em 0.5em 1em;
  width: 100%;
  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}

/* arrows */

select.classic {
  background-image:
  linear-gradient(45deg, transparent 50%, blue 50%),
  linear-gradient(135deg, blue 50%, transparent 50%);
  background-position:calc(100% - 20px) calc(1em + 2px),
  calc(100% - 15px) calc(1em + 2px),100% 0;
  background-size:5px 5px,5px 5px,2.5em 2.5em;
  background-repeat: no-repeat;
}

select.classic:focus {
  background-image:
  linear-gradient(45deg, white 50%, transparent 50%),
  linear-gradient(135deg, transparent 50%, white 50%),
  linear-gradient(to right, gray, gray);
  background-position:
  calc(100% - 15px) 1em,
  calc(100% - 20px) 1em,
  100% 0;
  background-size:5px 5px,5px 5px,2.5em 2.5em;
  background-repeat: no-repeat;
  border-color: grey;
  outline: 0;
}
.overlay-course {
  position: relative; 
}
.grid-course-overlay{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(32, 58, 173, 0.5);
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  opacity: 0;
}
.grid-course-overlay h4{
  padding-top: 50%;
  color: #fff;
}
.grid-course-item:hover .grid-course-overlay{
  opacity: 1;
}
.course-grid span{
  color: #0b0bcc;
}
.courses-details-grid{
  margin-top: 30px;
}
.grid-course-text h4{
  font-weight: 400;
}
.grid-side {
  margin-bottom: 34px;
}
.grid_catagory ul li {
  list-style: none;
  transition: all 0.4s ease;
  margin-bottom: 15px;
  border: 1px solid #E3E3E3;
  border-radius: 5px;
  padding: 11px 12px 11px 0;
  position: relative;
}
.grid_catagory ul li a {
  position: relative;
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: var(--heading-color);
  padding-left: 20px;
}
.grid_catagory ul li a i {
  padding-right: 10px;
  font-size: 16px;
  color: var(--heading-color);
  position: absolute;
  right: 0;
  top: 6px;
}
.grid_catagory ul {
  padding-left: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.grid_catagory ul li a:hover {
  color: #0b0bcc;
}
/* Lavel */
.single-checkbox {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 7px;
  padding-bottom: 7px;
  cursor: pointer;
  font-size: 16px;
  color: var(--heading-color);
  -webkit-user-select: none;
  user-select: none;
  border-bottom: 1px solid #E3E3E3;
}
.single-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.single-checkbox input:checked ~ .checkmark {
  background-color: #0b0bcc;
}
.single-checkbox .checkmark {
  position: absolute;
  top: 6px;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: rgb(139 132 132 / 25%);
}
.single-checkbox input:checked ~ .checkmark:after {
  display: block;
}
.single-checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 5px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 1px 1px 0;
  transform: rotate(45deg);
}
.grid-cmnt-btn{
  background-color: #3b18c6;
  color: #ffffff;
}
.grid-cmnt-btn:focus{
  box-shadow: none;
}
/*---------service------*/

.serv_img img{
  width: 20%;
}
.serv-icon{
  padding: 15px 25px 15px 0px;
}
.serv-icon svg path{
  fill: #3b18c6;
}

/*------notice content-----*/

.notice_content{
  background-color:#3b18c6;
  border-radius: 5px;
  padding: 25px;
  margin: 20px;
}
.notice_content h3{
  margin-bottom: 0px;
  color: #fff;
}
.notice_content p{
  color: #fff;
  margin-bottom: 0px;
}
.notice_item{
  border: 1px solid #3b18c6;
  border-radius: 5px;
  padding: 0px;
}
.notice-pera {
  padding: 15px;
  margin: 17px;
}
.read_btn{
  align-items: center;
}
.notice-btn a{
  color: #fff;
}
.notice-btn{
  border: none;
  padding: 8px 25px;
  background-color: #;
  background-color: #3b18c6;
  border-radius: 5px;
}
.notice-btn a:active{
  background-color: transparent;
}

/*-------blog-------*/

.blog_image{
  position: relative;
}
.event_content{
  margin: 0px;
}
.page-link{
  color:#3b18c6;
  background-color: #fff;
}
.page-link:hover {
  color: #fafafa;
  text-decoration: none;
  background-color: #3b18c6;
  border-color: #dee2e6;
}
.blog_content {
  background: rgb(244,244,246);
  position: absolute;
  padding: 15px 30px;
  top: 161px;
  width: 80%;
  left: 10%;
  height: 50%;
  border-radius: 5px;
  transition: all 0.5s ease-in-out;
}
.blog_image:hover .blog_content{
  background-color: #3b18c6 ;
  transition: all 0.5s ease-in-out;
} 
.blog_image:hover .blog_content h6 {
  color: #fff;
  transition: all 0.5s ease-in-out;
}
.blog_image:hover .span_btwn ul li{
  color: #fff;
  transition: all 0.5s ease-in-out;
}
.blog_content h6{
  color: #3f3a64;
  text-align: center;
  font-weight: 500;
  margin-top: 20px;
  line-height: 140%;
}
.blog_content a{
  color:#3b18c6;
  font-weight: bold;
}
.col-blogpage{
  margin-bottom: 80px;
}
.span_btwn ul li{
  color: #8c89a2;
}
.blog_item input{
  width: 100%;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-clip: padding-box;
  border: 1px solid #f1f1f1;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.blog_item span{
  padding: 13px 15px;
  font-size: 22px;
  background-color: #3b18c6;
  color: #fff;
}
.right_side_item{
  margin-top: 30px;
  font-size: 14px;
}
.blog-body h5{
  color: #000;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.7rem !important;
}
.blog-body h5,
.blog-body h3{
  color: #3a3f64;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.7rem !important;
}
.blog-body span{
    color: #8c89a2;
}

/*______paginaation____*/

.pagination{
  justify-content: center;
}

/*-----tags-----*/

.tags_item{
  color:#48453d; 
  margin-top:30px;
  overflow:hidden;
} 
.block-title{
  color: #48453d; 
  margin-bottom:0px; 
  font-size:18px; 
  margin-top: 0px; 
  font-weight:700; 
  text-transform:uppercase;
}
.tags a{
  background-color: rgb(255 255 255);
  padding: 10px;
  color: #3a3f64;
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 11px;
  border-radius: 2px;
  margin-bottom: 5px;
  margin-right: 2px;
  text-decoration: none;
  border: 1px solid #dad3d3a6;
}
.tags a:hover{
  background-color:#3b18c6;
  color: #fff;
}
.right_side_item h4,
.side_content h4,
.item-content-block h4{
  color: #3a3f64;
  margin-bottom: 20px;
}

/*--- notice details ---*/

.notice-content-details .contant{
  padding-top: 20px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #eee;
}
.notice-content-details .contant h2{
  color: #3a3f64;
  font-weight: 600;
  font-size: 31px;
  margin-bottom: 0px;
  padding-bottom: 10px;
}
.notice-content-details .contant ul{
  padding-bottom: 20px;
}
.notice-content-details .contant ul li{
  margin-right: 10px;
}
.notice-content-details .contant ul li i{
  font-size: 18px;
  color: #0b0bcc;
}
.notice-content-details .contant ul li span{
  font-size: 12px;
  color: #6f6f6f;
}
.notice-content-details .contant .p1{
  margin-bottom: 20px;
}
.notice-content-details .contant .p2{
  margin-bottom: 0px;
}
.notice-content-details .contant blockquote{
  background-color: #400fca;
  padding: 20px;
  color: #ffffff;
  font-size: 16px;
  font-style: italic;
}
.media .blog-body h5 a{
  color: #3a3f64;
} 

/*---blog details---*/
.archive_content ul li i{
  padding-top: 5px;
}
.archive_content ul .archive-text{
  padding-left: 10px;
}
.archive_content{
  border: 1px solid #0c2cf145;
  margin-top: 30px;
  padding: 30px;
}
.archive_content ul{
  cursor: pointer;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
.archive_content ul:hover {
  margin-left: 5px;
}
.blg-pera{
  padding-left: 15px;
}
.bg_pera{
  background-color: #3b18c6 ;
  color: #fff;
  padding: 15px;
}
.course-det-title{
  margin-bottom: 10px;
}
.btn-post-comment {
  background-color: #3b18c6;
  color: #ffffff;
}

/*---Contact---*/

.contact-details{ 
  box-shadow: 0px 4px 15px -9px rgb(0 0 0 / 50%);
  padding: 30px 20px;
}
.contact-details p{
  margin-bottom: 0px;
}
.contact-btn .btn-block{
  padding: 0px 20px;
}
.contact-details svg path{
  fill: #0b0bcc;
}

.btn-primary:hover {
  color: #fff;
  background-color: #3f3a64;
  border: none;
}
.contact_img img{
  width: 90%;
}
.contact-h5 h5{
  color:#3b18c6 ;
}
.contact-btn .reset-btn {
  color: #3d58b99e;
  background-color: #e9f3ee6b;
  display: inline-block;
  cursor: pointer;
  font-weight: 400;
  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 #0000001f;
  padding: 0px 20px;
  font-size: 1rem;
  line-height: 2.5;
  border-radius: 0.25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.contact-btn .reset-btn:focus{
  outline: none;
}
.col-servs{
  margin-bottom: 48px;
}
.question .course-btn .reset-btn{
  display: none;
}
.blog-reset {
  display: none;
}
.get-offer-content p{
  color: #dddddd;
}
.styled-select select{
  height: 50px !important;
}

/*-------contact end ---------*/

/*========================================

 ========index page - start

=========================================*/


.indexlink{
  background: #f26522;
  color: #fff !important;
}
.image-container span img {
  height: auto;
  max-width: 50%;
}
.features-item{
  background-color: #eee;
  padding: 30px;
}
.features-item .title-text{
  font-size: 18px;
  margin-top: 16px;
}
#preview-section .section-tittle::before{
  content: '';
  position: absolute;
  width: 80px;
  height: 2px;
  background-color: #f26522;
}
.image-container a img{
  position: relative;
}
.overlay-preview{
  position: absolute;
  top: 0;
  left: 15px;
  right: 15px;
  bottom: 0;
  background-color: rgba(32, 58, 173, 0.5);
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
.overlay-preview:hover{
  background-color: rgba(34, 32, 173, 0.8);
  cursor: pointer;
}
.overlay-preview .title-text{
  color: #fff !important;
  align-items: center;
  font-size: 20px;
  transform: translateY(231px);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
} 
.overlay-preview:hover .title-text{
  font-size: 26px;
  font-weight: 700;
}
.banner-content-preview{
  transform: translateY(500px);
}
.preview-h1{
  color: #fff;
  background: none !important;
}
.preview-item-img{
  height: 80vh;
}
.preview-desc p{
  color: #fff;
}
.preview-button{
  background-color: #ffffff;
  padding: 10px 15px;
  display: inline-block;
  border-radius: 50px;
}
.preview-button a{
  color: #3b18c6;
}
.preview-button a i{
  margin-left: 5px;
  color: #3b18c6;
}
#preview-banner-section{
  background-color: #3b18c6;
}
.preview-menu-sticky {
  background: #ffffff;
  border-bottom: 1px solid #15417e;
}
.preview-content{
  padding-top: 215px;
}
.indexmenusticky{
  border-bottom: 1px solid #f1f1f11c;
}
.preview-item .image-container img{
  width: 350px;
  height: auto;
}

.register_section {
  background-color: #777AF2;
}
.register_content h2 {
  color: #ffffff;
  font-size: 48px;
  margin-bottom: 30px;
}
.register_content h6 {
  font-size: 41px;
  font-weight: 700;
  line-height: 48px;
}
.indexmenusticky .navbar-collapse{
  justify-content: center;
} span img {
  height: auto;
  max-width: 50%;
}
.features-item{
  background-color: #eee;
  padding: 30px;
}
.features-item .title-text{
  font-size: 18px;
  margin-top: 16px;
}
#preview-section .section-tittle::before{
  content: '';
  position: absolute;
  width: 80px;
  height: 2px;
  background-color: #f26522;
}
.image-container a img{
  position: relative;
}
.overlay-preview{
  position: absolute;
  top: 0;
  left: 15px;
  right: 15px;
  bottom: 0;
  background-color: rgba(32,173,150,0.5);
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
.overlay-preview:hover{
  background-color: rgba(32,173,150,0.8);
  cursor: pointer;
}
.overlay-preview .title-text{
  color: #fff !important;
  align-items: center;
  font-size: 20px;
  transform: translateY(231px);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
} 
.overlay-preview:hover .title-text{
  font-size: 26px;
  font-weight: 700;
}
.banner-content-preview{
   transform: translateY(500px);
}
.preview-h1{
  color: #fff;
  background: none !important;
}
.preview-item-img{
  height: 80vh;
}
.preview-desc p{
  color: #fff;
}
.preview-button{
  background-color: #ffffff;
  padding: 10px 15px;
  display: inline-block;
  border-radius: 50px;
}
.preview-button a{
  color: #3b18c6;
}
.preview-button a i{
  margin-left: 5px;
  color: #3b18c6;
}
#preview-banner-section{
  background-color: #3b18c6;
}
.preview-menu-sticky {
  background: #ffffff;
  border-bottom: 1px solid #15417e;
}
.preview-content{
  padding-top: 215px;
}
.indexmenusticky{
  border-bottom: 1px solid #f1f1f11c;
}
.preview-item .image-container img{
  width: 350px;
  height: auto;
}
.register_section {
  background-image: url(../image/re_banner3.png);
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  background-position: center;
}
.register_section {
  background-color: #777AF2;
}
.register_content h2 {
  color: #ffffff;
  font-size: 48px;
  margin-bottom: 30px;
}
.register_content h6 {
  font-size: 41px;
  font-weight: 700;
  line-height: 48px;
}
.indexmenusticky .navbar-collapse{
  justify-content: center;
}

#contact-page{
  padding: 100px 0px 0px;
}

/*========================================

 ========index page - start

=========================================*/

.indexlink{
  background: #f26522;
  color: #fff !important;
}
.image-container span img {
    height: auto;
    max-width: 50%;
}
.features-item{
  background-color: #f8f7ff;
  padding: 30px;
}
.features-item .title-text{
  font-size: 18px;
  margin-top: 16px;
}
#preview-section .section-tittle::before{
  content: '';
  position: absolute;
  width: 80px;
  height: 2px;
  background-color: #f26522;
}
.image-container a img{
  position: relative;
}
.overlay-preview{
  position: absolute;
  top: 0;
  left: 15px;
  right: 15px;
  bottom: 0;
  background-color: rgba(59,24,198,0.5);
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
.overlay-preview:hover{
  background-color: rgba(59,24,198,0.8);
  cursor: pointer;
}
.overlay-preview .title-text{
  color: #fff !important;
  align-items: center;
  font-size: 20px;
  font-weight: 500;
  transform: translateY(231px);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
} 
.overlay-preview:hover .title-text{
  font-size: 26px;
  font-weight: 700;
}
.banner-content-preview{
   transform: translateY(500px);
}
.preview-h1{
  color: #fff;
  background: none !important;
}
.preview-item-img{
  height: 70vh;
}
.preview-desc p{
  color: #fff;
  font-size: 17px;
  font-weight: 300;
}
.preview-button{
  background-color: #ffffff;
  padding: 10px 15px;
  display: inline-block;
  border-radius: 50px;
}
.preview-button a{
  color: #3b18c6;
}
.preview-button a i{
  margin-left: 5px;
  color: #3b18c6;
}
#preview-banner-section{
  background-color: #3b18c6;
}
.preview-menu-sticky {
  background: #ffffff;
  border-bottom: 1px solid #3b18c6;
}

.preview-content{
  padding-top: 215px;
}
.indexmenusticky{
  border-bottom: 1px solid #f1f1f11c;
}
.preview-item .image-container img{
  width: 350px;
  height: auto;
}
.register_section {
    background-color: #3b18c6d9;
}
.register_content h2 {
    color: #ffffff;
    font-size: 48px;
    margin-bottom: 30px;
}
.register_content h6 {
    font-size: 41px;
    font-weight: 700;
    line-height: 48px;
    color: #efefef;
}
.indexmenusticky .navbar-collapse{
  justify-content: center;
}
.indexmenusticky .navbar-nav .nav-item .nav-link{
  padding: 10px 10px;
}