/* for logo  */

.site-logo img{

    /* height: 100px ; */

    /* width: 85%; */

    width: 100%;
    height: 116px;
}



/* header background */

.header-two .header-top {

    /* background: rgb(120,164,244);

    /* background: linear-gradient(359deg, rgba(9,84,186,1) 21%, rgba(61,187,213,1) 63%, rgba(246,251,255,1) 94%); */

    line-height: 1px; 

    background: rgb(0,164,255);

background: linear-gradient(229deg, rgb(103 62 255) 0%, rgb(40 21 110) 37%);



}



.header-two ul.sub-menu{

    background: rgb(0,164,255);

    background: background: linear-gradient(229deg, rgb(44 23 118) 0%, rgb(77 45 194) 37%);

    

}



.header-two .cta-butons a{

    background:  rgb(65 30 170);

}



.fa {

    display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}





/* our project */

.blob-btn{

 color:beige;

}

.service_item-00{
background: linear-gradient(229deg, rgb(92 55 230) 0%, rgb(40 21 110) 37%);
padding: 30px 20px 30px 30px
}

/* footer */



.copyright-area {

    background: #202020;

    padding: 15px 0;

}

.copyright-text p {

    margin: 0;

    font-size: 16px;

    color: #fff!important;

}

/* Responsive */





@media (min-width: 320px) and (max-width: 480px){

    .site-logo img {

        /* height: 55px; */

        width: 90%;

    }

}





/* media   */



.singel-course{

    background-color: #fff;

    border-radius: 5px;

    overflow: hidden;

}

.singel-course > .thum{

    position: relative;

}

.singel-course .thum .image{

    overflow: hidden;

}

.singel-course .thum .image img{

    width: 100%;

    -webkit-transition: all 0.4s linear;

    transition: all 0.4s linear;

}

.singel-course:hover .thum .image img{

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

}



.singel-course .thum .price{

    position: absolute;

    right: 60px;

    bottom: -24px;

}

.singel-course .thum .price span{

    font-size: 14px;

    color: white;

    font-family: 'Montserrat', sans-serif;

    font-weight: 700;

    width: 55px;

    height: 55px;

    line-height: 55px;

    border-radius: 50%;

    background-color:#1c046bd1;

    text-align: center;

}

.singel-course .thum .price span i {

    font-size: 20px;

}

.singel-course .cont{

   /* padding-top: 28px;

    padding-bottom: 34px;

    padding-left: 30px;

    padding-right: 30px;*/

    padding: 20px;

    background-color: #d2d2d2;

}

.singel-course .cont > ul{

    display: inline-block;

    margin-right: 10px;

}

.singel-course .cont ul li{

    display: inline-block;

    margin: 1px;

}

.singel-course .cont ul li > i{

    font-size: 13px;

    color: #ffc600;

}



.singel-course .cont span{

    font-size: 13px;

    color: #000;

}

.singel-course .cont h4{

    font-weight: 600;

    font-size: 24px;

    color: #000;

    padding-top: 15px;

    padding-bottom: 15px;

    -webkit-transition: all 0.4s linear;

    transition: all 0.4s linear;

}

.singel-course .cont h4:hover{

    color: #ffc600;

}



.singel-course .course-teacher{

    border-top: 1px solid #e0e0e0;

    padding-top: 20px;

    overflow: hidden;

}

.singel-course .course-teacher > .thum{

    display: inline-block;

}

.singel-course .course-teacher > .thum img{

    border-radius: 50%;

    width: 40px;

    height: 40px;

}

.singel-course .course-teacher .name {

	display: inline-block;

	margin-left: 10px;

	position: relative;

	bottom: 13px;

}

.singel-course .course-teacher .name a h6{

    font-size: 15px;

    color: #24486e;

    -webkit-transition: all 0.4s linear;

    transition: all 0.4s linear;

}

.singel-course .course-teacher .name a:hover h6{

    color: #ffc600;

}



.singel-course .course-teacher .admin{

    display: inline-block;

    float: right;

    overflow: hidden;

}

.singel-course .course-teacher .admin ul {

	margin-top: 8px;

}

.singel-course .course-teacher .admin ul li{

    margin-right: 20px;

}

.singel-course .course-teacher .admin ul li:last-child{

    margin-right: 0;

}

.singel-course .course-teacher .admin ul li a{

    font-size: 15px;

    color: #8a8a8a;

    -webkit-transition: all 0.4s linear;

    transition: all 0.4s linear;

}

.singel-course .course-teacher .admin ul li a:hover{

    color: #ffc600;

}



.singel-course .course-teacher .admin ul li a span{

    color: #8a8a8a;

    margin-left: 3px;

}



.course-slied{}

.course-slied .slick-arrow {

	position: absolute;

	top: -125px;

	right: 0;

}

.course-slied .prev.slick-arrow{

    left: auto;

    right: 50px;

}

.course-slied .slick-arrow i{

    width: 40px;

    height: 40px;

    line-height: 36px;

    border-radius: 5px;

    color: #000;

    border: 2px solid #aaaaaa;

    font-size: 18px;

    text-align: center;

    cursor: pointer;

    -webkit-transition: all 0.4s linear;

    transition: all 0.4s linear;

}



.course-slied .slick-arrow:hover i{

    border-color: #291570;

        background: #291570;

}

.ontop{
    width: 40px;
    height: 40px;
    position: fixed;
    right: 50px;
    background: #2b1774;
    bottom: 20px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    padding: 8px;
    cursor: pointer;
    border-radius: 5px;
    transition: .4s;
}

.slider-area:hover.slider-area span.prev.slick-arrow {
    opacity: 1;
    transition: .5s;
}
.slider-area span.prev.slick-arrow {
    position: absolute;
    left: 10px;
    /* top: 50%; */
    top: 31%;
    z-index: 999;
    width: 45px;
    height: 45px;
    background: #411eaa;
    text-align: center;
    padding: 11px 0;
    cursor: pointer;
    color: #fff;
    opacity: 0;
    transition: .4s;
    border-radius: 4px;

    }

    .slider-area span.next.slick-arrow {
    position: absolute;
    right: 10px;
    /* top: 50%; */
    top: 31%;
    z-index: 999;
    width: 45px;
    opacity: 0;
    height: 45px;
    background: #29166f;
    text-align: center;
    padding: 11px 0;
    cursor: pointer;
    color: #fff;
    transition: .4s;
    border-radius: 4px;
    transition: .5s;
}

    .box h3{
        font-weight: 600;
        text-align: center;
    }
    .box h5{
        line-height: 1.5;
        font-weight: 600;
        text-align: ju;
    }

    .box{
        text-align: justify;
    }
    .box p{
        text-align: justify;
        line-height: 1.5;
    }
    .box ol li{
        font-size: 17px!important;
        line-height: 2!important;
        color: black!important;
    }
    .box1 img{
        padding-bottom: 10px!important;
    }
    .box-img{
        width: 100%;
        height: 180px!important;
    }
    .box1{
        display: flex;
        padding-bottom: 30px;
    }
    .head{
        text-align: center!important;
    }

.pt-10{
    padding-top: 10px;
}
.pt-20{
    padding-top: 20px;
}
.pt-30{
    padding-top: 30px;
}
.pt-40{
    padding-top: 40px;
}
.pt-50{
    padding-top: 50px;
}
.pb-10{
    padding-bottom: 10px;
}
.pb-20{
    padding-bottom: 20px;
}
.pb-30{
    padding-bottom: 30px;
}
.pb-40{
    padding-bottom: 40px;
}
.pb-50{
    padding-bottom: 50px;
}



            @media only screen and (max-width: 768px){
                .box ol{
                    padding-right: 30px!important;
                }
                .box ol li{
                    line-height: 1.5;
                }
                .box{
                    padding-top: 30px;
                }
                .box1{
                    display: block;
                    padding-bottom: 30px;
                }
                .elementor-3646 .elementor-element.elementor-element-5ace84d .image-layout {
                    height: 190px;
                }
                .site-logo img {
                    width: 100%!important;
                    height: 60px!important;
                }
                .elementor-3646 .elementor-element.elementor-element-5ace84d .single-slider {
                     height: 0px; 
                    padding: 100px 0px;
                }
            }