/* ----------------navigation bar start---------------- */
	.d-bg-color{background: #37804e;}
	.d-bg-color2{background: #7f4344;}
	.d-color{color: #37804e;}
	.d-color2{color: #7f4344;}

.cw_top_header .cw_top_menus ul li a{
color:#fff;
font-size: 15px;
}
/*home page features section start bar start*/

.homeFeatureSection .crm-help-points {
    padding: 20px 10px;
    text-align: center;
}
.homeFeatureSection .crm-help-points .figure {
    position: relative;
    max-width: 140px;
    margin: 0 auto;
    padding: 30px;
}
.homeFeatureSection .crm-help-points .figure img {
    display: block;
    width: 100%;
}
.heading-page .heading {
    font-size: 260%;
    text-transform: uppercase;
    color: #482399;
    font-weight: 700;
}
.page_title_white{
    color:#fff;
}
.page_title{
    color:#1d4fc8;
}

#about-us{width:100%;overflow-x:hidden}
.homeFeatureSection{
background: #eee;
}
#features .crm-help-points{transition: all .8s ease-in-out; border:1px solid #bbb; box-shadow:0px 0px 5px #bbb; margin-bottom:20px}
.homeFeatureSection .crm-help-points .header,
.homeFeatureSection .crm-help-points .header a{
    color: #333;
}
.homeFeatureSection .crm-help-points .header a{
/*color:#fff;*/
}
.homeFeatureSection .crm-help-points .contant{
    display:none;
}
.homeFeatureSection .crm-help-points .header {
    /*color:#fff;*/
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
    font-family: "Poppins", Arial, sans-serif;
    font-size: 165%;
    font-weight: 600;
    position: relative;
    padding-bottom: 20px;
}
.homeFeatureSection .crm-help-points:hover {
background-color: #fff;border-radius: 10px;box-shadow: 0px 0px 5px #aaa;
}
.homeFeatureSection .crm-help-points:hover .header,
.homeFeatureSection .crm-help-points:hover .contant,
.homeFeatureSection .crm-help-points:hover .header a{
    color: #482399;
    text-decoration: none;
}
#dashboard .crm-help-points:hover .header,
#dashboard .crm-help-points:hover .contant,
#dashboard .crm-help-points:hover .header a{
    color: #222;
    text-decoration: none;
}
.homeFeatureSection .crm-help-points.even .figure:before {
    background: url(/public/assets/images/public/icon-bg-1.svg) no-repeat center center;
   }
   .homeFeatureSection .crm-help-points.odd .figure:before {
       height: 100px;
       background: url(/public/assets/images/public/icon-bg-2.svg) no-repeat center center;
   }
.homeFeatureSection .crm-help-points .header:before {
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
    content: "";
    background-color: #d5dee2;
    width: 100px;
    height: 3px;
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin-left: -50px;
}
.homeFeatureSection .crm-help-points .header:after {
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
    content: "";
    background-color: #d5dee2;
    width: 40px;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -20px;
}
.homeFeatureSection .crm-help-points:hover .header:before {
    background-color: #482399;
    width: 40px;
    left: 50%;
    bottom: 10px;
    margin-left: -20px;
  }
  .homeFeatureSection .crm-help-points:hover .header:after {
    background-color: #482399;
    width: 100px;
    left: 50%;
    margin-left: -50px;
  }

.homeFeatureSection .crm-help-points .figure img {
    display: block;
    width: 100%;
    height:80px;
}
.homeFeatureSection .crm-help-points .figure {
}
.homeFeatureSection .crm-help-points .figure .icon {
    display: block;
    font-size: 4em;
    height: 100px;
    width: 100px;
    color: #eee;
    border: 2px solid #eee;
    padding: 13px;
    border-radius: 50%;
}
/*home page features section end*/

/*home page search bar start*/
.features-card {
    margin: 30px auto;
    display: block;
    position: relative;
    padding-left: 120px;
    min-height: 184px;
}
.features-card img {
    display: block;
    width: 50px;
    margin: 0 auto;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -25px;
}
.features-card .features-content {
    border-left: 2px solid #482399;
    padding-left: 30px;
}
#public_search_ber_box{
  
}
#public_search_ber_box .search_wrapper{
    display: block;
    margin: 0 auto;
    padding:20px 0;
}

#public_search_ber_box .search_wrapper .search_input::placeholder{display: block;opacity: 1;}
#public_search_ber_box .search_wrapper .search_input {
    display: block;
    opacity: 1;
    font-weight: 800;
    letter-spacing: .2px;
    height: 100%;
    outline: none;
    margin-top: 6px;
    color: #555;
    border-radius: 5px!important;
    padding: 10px 15px 10px 36px;
    border: 2px solid #262261;
    box-shadow: none;
    width: 100%;
}

#why_choose_us{background:#fff;width:100%;overflow-x:hidden}
#why_choose_us h3{color:#262261}
#why_choose_us ul{color:#3a33a3}

#most-popular-artical{}

.artical_box .section_header{}
.artical_box figure img:hover{opacity: .8;}
.artical_box .artical_title a{color:#262261;font-size: 1.1rem;line-height:20px ;font-weight: 700;padding: 0;}
.artical_box .artical_content{line-height: 20px; margin-top: 10px;text-align: justify;}
@media (min-width:510px){
    #collapsibleNavbar{margin-left: 20%;}
#public_search_ber_box .search_wrapper{
width: 80%;
}
#public_search_ber_box .search_wrapper .search_heading{
   font-size: 3.4em;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0;
    text-shadow: 1px 1px 2px #00adee;
    color: #262261;
}
.row{
    margin:0px;
}
}

#snapshot{
    background: #1d4fc8;
}
 #mostPopularArtical{
    background: #f7f7f7;
} 
 #mostPopularArtical .artical_box{
    background: #fff;
    padding:10px 10px 20px 10px;
    overflow:hidden;
    box-shadow:0px 0px 5px #ccc;
    border-radius:10px;
    margin-bottom:20px;
} 

 #mostPopularArtical .artical_box img{
     transition:all .7s;
    border-radius:10px;
    opacity: 1;
    object-fit: fill;
    min-height: 220px;
} 
#mostPopularArtical .artical_box img:hover{
    transform:scale(1.1);
}
@media (max-width:510px){
#public_search_ber_box .search_wrapper{
width: 90%;
}
#public_search_ber_box .search_wrapper .search_heading{
 font-size:2em;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0;
    text-shadow: 1px 1px 2px #00adee;
    color: #262261;
}
}
/* --------------slider start-------------- */
#cwschoolmanagerbanner {
    margin-top: -2px;
    position: relative;height:700px;background: url(https://classmee.com/public/assets/images/public/cwdefaultbanner3.jpg) rgb(71, 35, 153);
    /* background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(rgb(137, 35, 171)), to(rgb(71, 35, 153)));*/
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
#cwschoolmanagerbanner .overlay{
    padding-bottom: 30px;
    height: 100%;
    width: 100%;
    /*background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba(153, 37, 191, 0.76)), to(rgba(71, 35, 153, 0.96)));*/
    background:#e4ebf3ee;
}


#landing_page{
    padding-top: 57px;
}
#landing_page .heading{
text-align: center;
}
#landing_page .heading h1{
border-bottom: 2px double #222;
padding: 2px 20px;
display: inline;
}

nav.navbar{
    box-shadow: 0px 0px 5px #000;
    width:100%;
}
  .navbar-nav .nav-link {
    margin: 0px 10px;
    font-size: 20px;
    font-weight:500;
    color:#fff;
}
/* home page start */

#plans{
    padding: 40px 0px;
    color:#fff;
}
#plans .cwsm_plan{
    box-shadow: 1px 1px 14px #b1bbca;
    text-align: center;
    border-bottom: 6px dotted #001f3e
}
#plans .cwsm_plan ul li{
    padding: 10px;
    font-size: 17px;
    border-bottom: 1px solid;
}
#plans .cwsm_plan .plan-heading{

}
#tabSection{
    
}
#tabSection ul{
padding: 0;
background-color: #ccc;
border-radius: 20px;
overflow: hidden;
}
#tabSection ul li{
width: 33.3%;
}
#tabSection h1{
    font-size: 4rem;
    font-weight: 800;
}
#tabSection .contents{font-size: 1.5rem;}
#tabSection .btn{border-radius: 20px; padding: 10px 20px;}
#tabSection ul li button{width: 100%;color: #48239a;}
#tabSection ul li button.active{background-color: #48239a;color: #fff;}
/* home page end */
#login_page{
    background-color: #eee;
    padding-top: 6%;
    padding-bottom: 30px;
}
#login_page .login_box{
    position: relative;
}
#login_page .login_box .card{
    border-radius: 5px;
}

#login_page .login_box input[type="text"],#login_page .login_box input[type="date"],#login_page .login_box input[type="password"],#login_page .login_box input[type="email"]{
    border: 0px;
    height: 30px;
    box-shadow: none;
    border-bottom: 1px solid #aaa;
}
#login_page .login_box select{  border: 0px;
    height: 40px;
    box-shadow: none;
    border-bottom: 1px solid #aaa;
}
#reset_password .reset_box{
    position: relative;
}
#reset_password .reset_box .reset_box_icon .fa{
    font-size: 3em;
    margin-left: -10%;
    border: 4px solid;
    border-radius: 100%;
    padding: 20px;
}

#reset_password .reset_box input[type="password"], .reset_box input[type="email"]{
    border: 0px;
    height: 30px;
    box-shadow: none;
    border-bottom: 1px solid #aaa;
}

#login_page .login_box label{
color: #777674;
}
#login_page .login_box .back_btn{
    position: absolute;
    top: 10px;
    left: 20px;
}
#login_page .login_box  .loggersigninBtn{
    background-color: #0062cc!important;
}
#login_page .login_box .card{
    box-shadow: 1px 1px 14px #b1bbca;
    border-radius: 5px!important;
    overflow: hidden;
}
#login_page .login_box .login-lock_icon{

}
#login_page .login_box .login-lock_icon .fa{
    font-size: 3em;
    border: 4px solid;
    border-radius: 100%;
    padding: 20px;
    min-width: 88px;
    width: 88px;
}
#reset_password{
    padding-top: 100px;
}

/* *******registration page start****** */
.heading{
    margin-bottom:50px;
}

#registration_page{
    background-color: #eee;
}

#registration_page .registration_box{
    padding: 0px 0px 40px 0px;
    position: relative;
    background-color: #fff;
}
#registration_page .registration_box input[type="text"],#registration_page .registration_box input[type="date"],#registration_page .registration_box input[type="password"],#registration_page .registration_box input[type="email"],#registration_page .registration_box select,#registration_page .registration_box input[type="number"]{
    border: 0px;
    height: 30px;
    box-shadow: none;
    border-bottom: 1px solid #aaa;
}
#registration_page .registration_box label{
    color: #777674;
    padding-bottom: 0px;
    margin-bottom:0px;
    }

#registration_page .registration_box .back_btn{
    position: absolute;
    top: 10px;
    left: 20px;
}
#registration_page .registration_box .signup-lock_icon .fa{
    font-size: 3em;
    border: 4px solid;
    border-radius: 100%;
    padding: 20px;
    min-width: 88px;
        width: 88px;
}
#registration_page .registration_box{
    border-radius:5px;
    box-shadow: 1px 1px 14px #b1bbca;
}
   input, select:focus{
        box-shadow: none;
        background-color: transform;
    }
      #message{
       position: fixed;
       min-width: 150px;
       min-height: 80px;
       display: none;
       z-index: 999;
       top: 5%;
       opacity: 0.8;
       right: 5%;
       padding: 5px;
       height: auto;
       width: 220px;
       border-radius: 10px;
       box-shadow: -1px 5px 7px #DE6262;
          transition: all .5s;
     }
        #message:hover{
            opacity: 1;
        }
        /* register page start */
        @-webkit-keyframes mover {
            0% { transform: translateY(0); }
            100% { transform: translateY(-20px); }
        }
        @keyframes mover {
            0% { transform: translateY(0); }
            100% { transform: translateY(-20px); }
        }

        .register .register-form{
            padding: 10%;
            margin-top: 10%;
        }
        .btnRegister{
            float: right;
            margin-top: 10%;
            border: none;
            border-radius: 1.5rem;
            padding: 2%;
            background: #0062cc;
            color: #fff;
            font-weight: 600;
            width: 50%;
            cursor: pointer;
        }
        .register .nav-tabs{
            margin-top: 3%;
            border: none;
            background: #0062cc;
            border-radius: 1.5rem;
            width: 28%;
            float: right;
        }
        .register .nav-tabs .nav-link{
            padding: 2%;
            height: 34px;
            font-weight: 600;
            color: #fff;
            border-top-right-radius: 1.5rem;
            border-bottom-right-radius: 1.5rem;
        }
        .register .nav-tabs .nav-link:hover{
            border: none;
        }
        .register .nav-tabs .nav-link.active{
            width: 100px;
            color: #0062cc;
            border: 2px solid #0062cc;
            border-top-left-radius: 1.5rem;
            border-bottom-left-radius: 1.5rem;
        }
        .register-heading{
            text-align: center;
            margin-top: 8%;
            margin-bottom: -15%;
            color: #495057;
        }
.popup_message{
    position: fixed;
    border-radius: 10px;
    box-shadow: 0px 0px 5px;
    right: 10px;
    bottom: 20px;
    z-index: 99;
    height: 500px;
    max-width: 400px;
    min-width: 398px;
    transition: all 2s;
    background: linear-gradient(to bottom, #7f0999,#5b2286, rgb(72 35 154));
}
.popup_message .header .close_btn:hover{color: #fff; font-size: 1.2em;}
.popup_message .header .close_btn{
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 5px;
    color: #FFF;
}

        .footer-shadow {
            background: #262261;
            height: 40px;
        }
        .footer-shadow .shadow{
            transform: skewY(1.7deg);
            transform-origin: 100%;
           height: 70px;
    background: #262261;
        }

    @media(min-width: 740px){
         .footer_jumbotron{
           padding:60px 0px;
    }
    .butter_register_btn{
            width: 200px;
    }
    }
    @media(max-width: 739px){
    .footer_jumbotron{
           padding:30px 0px;
    }
        }
    .butter_register_btn{
        margin-top:20px;
          box-shadow: 0 1px 4px 0 rgba(255,90,95,.3);
            line-height: 50px;
            transition: all .3s ease;
            background:rgba(255,255,255,.2);
            color:white;
        }
        .butter_register_btn:hover{
            background:rgba(255,255,255);
            color:rgb(29 182 240);
        }

    #footer{border-top: 0px solid #48239a;padding-top: 30px;}
    #footer .footer__heading{
        color: #fff;
        font-size:18px;
    font-weight: 700;
    margin-bottom: 25px;
    }
    #footer .cwName{
        color: #ff9625;
    text-shadow: 0px 0px 2px #040403;
    font-weight: 900;
    }
    #footer .cwName span{
        color: #faa31f;
    text-shadow: 0px 0px 2px #505050;
    }
    #footer ul{list-style-type:circle;color:#faa31f;line-height: 30px;}
    #footer ul li a{color: #b5b2b2;text-decoration: none;}
    #footer ul li a:hover{color: #f7f7f7;}
    #footer .newsletter .newsletter__title{}
    #footer .newsletter .newsletter__contents{}
    #footer .newsletter .newsletter__form{display: flex;}
    #footer .newsletter input{width: 80%;border: 0px;}
    #footer .newsletter button{width: 20%;}

    .cw_copyright{
        border-top: 1px solid #555;
        margin-top: 10px;
    }