body{font-family: 'Roboto', sans-serif; background-color: #FAFBFE; color: #3C4858; padding-top: 90px; }

.Roboto{font-family: 'Roboto', sans-serif;}
/*.Bodoni{font-family: 'Bodoni Moda', serif;}*/

h1{font-size: 55px; font-weight: 600}
h2{font-size: 40px; font-weight: 600}
h3{font-size: 29px; font-weight: 600}
h4{font-size: 20px; font-weight: 600}
h5{font-size: 18px; font-weight: 600;}
p{font-size: 15px; font-weight:normal;}

.shadow1{-webkit-box-shadow: 0px 10px 10px -8px rgba(0, 0, 0, 0.2); box-shadow: 0px 10px 10px -8px rgba(0, 0, 0, 0.2);}
.shadow2{-webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1);}

.br-5{border-radius: 5px;}
.br-10{border-radius: 10px;}
.br-15{border-radius: 15px;}
.br-25{border-radius: 25px;}

.white-bg{background-color: #ffffff;}
.darkgreen{background-color: #1F8040;}
.lightgreen{background-color: #4FBA68;}

.whitecol{color: #ffffff !important}
.darkbluecol{color: #29166F !important}
.darkgreencol{color: #1F8040 !important}
.graycol{color: #999999 !important;}
/*.greencol{color: #7ece4c !important;}*/
/*.lightgreencol{color: #a9dd88 !important;}*/

.lbr{border-right: #575656 solid 1px;}
.carousel-caption {
    position: initial;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #0a1a29;
    text-align: center;
}
.features .carousel-control-prev{background-color: #1F8040; opacity: 1; width: 45px; height: 45px; right: 65px !important; left: inherit; top: -55px; border-radius: 3px;}
.features .carousel-control-next{background-color: #1F8040; opacity: 1; width: 45px; height: 45px; right: 15px !important; left: inherit; top: -55px; border-radius: 3px;}
.form-control-label {color: #3c4858; font-size: .875rem; font-weight: 500; }
/*Don't forget to add Font Awesome CSS : "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css"*/
  input[type="text"] { width: 100%; border: 1px solid #e0e6ed; border-radius: 5px; margin: 8px 0; outline: none; padding: 10px; box-sizing: border-box; transition: 0.3s; font-size: 14px;}
  input[type="text"]:focus { border-color: dodgerBlue; box-shadow: 0 0 8px 0 dodgerBlue;}
  .inputWithIcon input[type="text"] { padding-left: 40px; }
  .inputWithIcon {position: relative; }
  .inputWithIcon i { position: absolute; left: 0; top: 8px; padding: 9px 8px; color: #aaa; transition: 0.3s; }
  .inputWithIcon input[type="text"]:focus + i { color: dodgerBlue; }
  .inputWithIcon.inputIconBg i { /* background-color: #aaa; */ color: #e0e6ed; padding: 14px 10px; border-radius: 4px 0 0 4px; font-size: 25px; }
  /* .inputWithIcon.inputIconBg input[type="text"]:focus + i { color: #fff; background-color: dodgerBlue;} */
  
.features{position: relative;}
.features .featurs-box{display: block; background-color: #FAFBFE; padding: 20px 20px; -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1); height: 270px;}
.features .featurs-box span{background-color: #ffffff; display: block; border-radius: 50%; width: 140px; height: 140px; margin: auto; text-align: center; line-height: 140px;}
.features .featurs-box span img{width: 90px; height: auto;}
.features .featurs-box h4{color: #3C4858; font-size: 20px; font-weight: 500 !important; text-align: center; margin-top: 30px;}

.features .carousel-inner{height: inherit; padding: 5px 0px;}

.advance-features{position: relative; 
/*    background-image: url(../images/img_right.png); */
    background-repeat: no-repeat; background-position: bottom right; background-color: #FBFBFB; padding: 50px 0px;}
.advance-features ul{list-style: none; padding: 0px; margin: 0px;}
.advance-features ul li{ width: 48%; background-color: #ffffff; display: block; float: left; margin: 5% 2% 5% 0%; padding: 20px; border-radius: 5px; -webkit-box-shadow: 0px 0px 5px 7px rgb(0 0 0 / 10%); box-shadow: 0px 0px 5px 2px rgb(0 0 0 / 5%); font-size: 22px; text-align: center; line-height: 35px; height: 200px; /* line-height: 200px; */ display: flex; justify-content: center; align-items: center;}
.advance-features ul li:last-child{margin-right: 0px;}
.advance-features ul li:hover{background-color: #4FBA68; color: #ffffff;}

.shapeup {margin-bottom: 0; margin-top: -100px;}

@include media-breakpoint-up(xxl) {
  .shapeup {margin-bottom:-305px;}
}
@include media-breakpoint-up(xl) {
  .shapeup {
    margin-bottom:-200px;
  }
  
}
.shapedown{
  margin-bottom: 0;
}

.shapedown1{
    margin-top: -150px;
}

@include media-breakpoint-up(xxl) {
  .shapedown, .shapedown1 {
    margin-top:-280px;
  }
  
}

@include media-breakpoint-up(lg) {
  .shapedown, .shapedown1 {
    margin-top:-176px;
  }
  
}

.tailor-made{position: relative;}
.tailor-made .content{position: absolute; top: 30%; margin: auto; width: 100%; color: #ffffff;}
.tailor-made .content span{display: block; background-color: #ffffff; height: 8px; width: 130px; margin: -20px auto 20px; border-radius: 20px; clear: both;}
.tailor-made .content p{font-size: 20px; text-align: center; font-weight: normal;}
.tailor-made .content form button{font-size: 25px; padding: 10px 20px; border-radius: 5px; min-width: 300px; margin-top: 20px;}
.testimonial{position: relative; 
/*    background-image: url(../images/testimonial-bg.png); */
    background-repeat: no-repeat; background-position: center center; background-color: #FBFBFB; padding: 00px 0px 80px; margin-top: -50px !important;}
.testimonial .testimonial-copy{ padding: 30px; 
/*    background-color: #ffffff; */
/*    -webkit-box-shadow: 0px 0px 15px 2px rgba(120, 84, 247, 0.1); box-shadow: 0px 0px 15px 2px rgba(120, 84, 247, 0.1); margin: auto; */
    display: flex; justify-content: center; align-items: center; border-radius: 5px; height: auto;}

.testimonial .testimonial-copy h3{color: #94A2B3; font-size: 20px; font-weight: 400; line-height: 40px; text-align: center;}
/*
.testimonial .testimonial-copy .carousel-control-prev{background-color: #fff; opacity: 1; width: 45px; height: 45px; right: 50px !important; left: inherit; top: 320px; border-radius: 3px; color: #94A2B3}
.testimonial .testimonial-copy .carousel-control-next{background-color: #fff; opacity: 1; width: 45px; height: 45px; right: 0px !important; left: inherit; top: 320px; border-radius: 3px; color: #94A2B3}
*/



.testimonial .testimonial-copy .features {
    position: relative;
}

.testimonial .testimonial-copy .features .featurs-box {
    display: block;
    background-color: #FAFBFE;
    padding: 0px 0px 20px;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1);
    height: auto;
}

.testimonial .testimonial-copy .features .featurs-box span {
    background-color: #ffffff;
    display: block;
    border-radius: 50%;
    width: 100%;
    height: auto;
    margin: auto;
    text-align: center;
/*    line-height: 140px;*/
}

.testimonial .testimonial-copy .features .featurs-box span img {
    width: 100%;
    height: auto;
}

.testimonial .testimonial-copy .features .featurs-box h4 {
    color: #3C4858;
    font-size: 20px;
    font-weight: 500 !important;
    text-align: center;
    padding: 0 20px;
    margin-top: 30px;
}

.testimonial .testimonial-copy .features .carousel-inner {
    height: inherit;
    padding: 5px 0px;
}

.teacher{position: relative; background-image: url(../images/teacher.png); background-size: 100%; background-position: center center; background-color: #1F8040; padding: 50px 0px; }
.teacher h3 {display: inline-block; position: relative;}
.teacher h3:before {position: absolute; content: ''; height: 4px; bottom: -5px; margin: 0 auto; /* left: 0; */ right: 0; width: 20%; background: #fff; border-radius: 10px;}
.teacher ul{list-style: none; padding: 0px; margin: 0px;}
.teacher ul li{font-size: 18px; display: flex; margin-bottom: 15px;}
.teacher ul li .fa{font-size: 20px; font-weight: normal; margin-right: 10px; margin-top: 5px;}

.tutorial-advantage{position: relative; background-image: url(../images/courses.jpeg); background-repeat: no-repeat; background-position: bottom left; background-color: #ffffff; padding:80px 0px; }
.tutorial-advantage ul{list-style: none; padding: 0px; margin: 0px;}
.tutorial-advantage ul li{font-size: 24px; display: flex; margin-bottom: 10px;}
.tutorial-advantage ul li .fa{font-size: 25px; font-weight: normal; margin-right: 10px; margin-top: 5px;}


.protection{position: relative; background-image: url(../images/Protection.png); background-repeat: no-repeat; background-position: center center; background-color: #020C1C; padding:80px 0px; }
.protection ul{list-style: none; padding: 0px; margin: 0px;}
.protection ul li{font-size: 26px; display: flex; margin-bottom: 10px; width: 32%; float: left; background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(224,230,237,1) 100%); margin-right: 1%; padding: 20px; height: 200px; justify-content: center; align-items: center; font-family: 'Bodoni Moda', serif; text-align: center; font-weight: bold; color: #3C4858; border-radius: 5px;}

.protection ul li:hover{background: rgb(24,66,123); background: linear-gradient(180deg, rgba(24,66,123,1) 0%, rgba(16,36,79,1) 100%); color: #ffffff;}

.communicate{position: relative; padding:0px 0px; }
.communicate .copy{ position: relative; 
/*    background-image: url(../images/courses.jpeg); */
    background-repeat: no-repeat; background-position: center left; margin: -150px auto 0px; width: 100%;}
.communicate ul{list-style: none; padding: 0px; margin: 0px;}
.communicate ul li{width: 48%; background-color: #ffffff; display: block; float: left; margin: 5% 2% 5% 0%; padding: 20px; border-radius: 5px; -webkit-box-shadow: 0px 0px 5px 7px rgb(0 0 0 / 10%); box-shadow: 0px 0px 5px 2px rgb(0 0 0 / 5%); font-size: 25px; text-align: center; line-height: 35px; height: 200px; color: #3C4858; /* line-height: 200px;  display: flex; justify-content: center; align-items: center;*/}
.communicate ul li .fa{ font-size: 40px; font-weight: normal; margin: 20px auto; /* margin-top: 5px; */ color: #1F8040; display: block;}
.communicate ul li:hover, .communicate ul li:hover .fa{background-color: #4FBA68; color: #ffffff;}

.actionbutton{position: relative; padding: 20px 0px;}
.actionbutton ul{list-style: none; padding: 0px; margin: 0px;}
.actionbutton ul li {float: left; display: block; width: 48%; margin-right: 2%;}
.actionbutton ul li a{background-color: #F59B28; color: #ffffff; transition: ease all 0.5s; /* width: 100%; */ padding: 10px; display: block; width: 90%; margin: auto; border-radius: 25px; font-size: 20px; text-align: center; font-weight: 600; text-decoration: none; text-transform: capitalize;}
.actionbutton ul li a:hover{background-color: #30004A; color: #ffffff;}



footer{position: relative; }
footer .footerleft{ position: relative;}
footer .footerleft p{font-size: 15px;}
footer .footerright ul{list-style: none; padding: 0px; margin: 0px;}
footer .footerright ul li{float: left; display: block; width: 50%; font-size: 16px;}
footer .footerright ul li a{ color: #3C4858;}
footer .footerright ul li a:hover{ color: #1F8040;}
footer .footerright .socialmedia{margin-top: 20px;}
footer .footerright .socialmedia .fa{font-size: 30px; color: #1F8040; margin-right: 5px;}
footer .footerright .socialmedia .fa:hover{ color: #3C4858;}

  /*
    code by Iatek LLC 2018 - CC 2.0 License - Attribution required
    code customized by Azmind.com
*/
@media (min-width: 768px) and (max-width: 991px) {
    /* Show 4th slide on md if col-md-4*/
    .features .carousel-inner .active.col-md-4.carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -33.3333%;  /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
}
@media (min-width: 576px) and (max-width: 768px) {
    /* Show 3rd slide on sm if col-sm-6*/
    .features .carousel-inner .active.col-sm-6.carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -50%;  /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }


    
    
}
@media (min-width: 576px) {
    .features .carousel-item {
        margin-right: 0;
    }
    /* show 2 items */
    .features .carousel-inner .active + .carousel-item {
        display: block;
    }
    .features .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .features .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item {
        transition: none;
    }
    .features .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }
    /* left or forward direction */
    .features .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .features .carousel-item-next.carousel-item-left + .carousel-item,
    .features .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* farthest right hidden item must be also positioned for animations */
    .features .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    /* right or prev direction */
    .features .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .features .carousel-item-prev.carousel-item-right + .carousel-item,
    .features .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
    
}
/* MD */
@media (min-width: 768px) {
    /* show 3rd of 3 item slide */
    .features .carousel-inner .active + .carousel-item + .carousel-item {
        display: block;
    }
    .features .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
        transition: none;
    }
    .features .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }
    /* left or forward direction */
    .features .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* right or prev direction */
    .features  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}
/* LG */
@media (min-width: 991px) {
    /* show 4th item */
    .features .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
        display: block;
    }
    .features .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }
    /* Show 5th slide on lg if col-lg-3 */
    .features  .carousel-inner .active.col-lg-3.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%;  /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
    /* left or forward direction */
    .features .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* right or prev direction //t - previous slide direction last item animation fix */
    .features .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}


@media (min-width: 350px) and (max-width: 991px) {
    h1{font-size: 35px;}
    
    .testimonial .testimonial-copy{width: 100%;}
/*    .carousel-item{display: block;}*/
    .advance-features{margin-bottom: 50px;}
    .advance-features ul li{width: 100%; height: auto;}
    .tailor-made .content{position: relative;}
    .testimonial{padding: 50px 0px;}
    .tutorial-advantage, .advance-features, .communicate .copy{background: none;}
    .protection{margin-bottom: 100px;}
    .protection ul li{width: 100%; height: auto;}
    .communicate .copy{margin: -50px auto 70px;}
    .communicate ul li{width: 100%; height: auto;}
    footer .footerright{padding-top:  30px; border-top: #e6e6e6 solid 1px;}
    footer .footerright .socialmedia{text-align: center;}
    .features .carousel-control-next{ right: 0px !IMPORTANT; top: 105px}
    .features .carousel-control-prev{ left: 0px; top: 105px}
    footer{text-align: center; margin-bottom: 80px;}
    .actionbutton{position: fixed; bottom: 0px; padding: 20px 0px; z-index: 10; margin-bottom: 0px !important; width: 100%;}
.actionbutton ul li { float: left; display: block; width: 49%; margin-right: 2%;}
.actionbutton ul li a{font-size: 14px; width: 100%;}
.actionbutton ul li:last-child{margin-right: 0px;}
}

