@import 'https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600&display=swap';
*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: jost,sans-serif;
box-sizing: border-box;
}
.loader {
height: 20px;
width: 250px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.swiper-slide img {
width: 100%;
}
.loader--dot {
animation-name: loader;
animation-timing-function: ease-in-out;
animation-duration: 3s;
animation-iteration-count: infinite;
height: 20px;
width: 20px;
border-radius: 100%;
background-color: #000;
position: absolute;
border: 2px solid #fff;
}
.loader--dot:first-child {
background-color: #8cc759;
animation-delay: .5s;
}
.loader--dot:nth-child(2) {
background-color: #8c6daf;
animation-delay: .4s;
}
.loader--dot:nth-child(3) {
background-color: #ef5d74;
animation-delay: .3s;
}
.loader--dot:nth-child(4) {
background-color: #f9a74b;
animation-delay: .2s;
}
.loader--dot:nth-child(5) {
background-color: #60beeb;
animation-delay: .1s;
}
.loader--dot:nth-child(6) {
background-color: #fbef5a;
animation-delay: 0s;
}
.loader--text {
position: absolute;
top: 200%;
left: 0;
right: 0;
width: 4rem;
margin: auto;
}
.loader--text:after {
content: "Loading";
font-weight: 700;
animation-name: loading-text;
animation-duration: 3s;
color: #fff;
animation-iteration-count: infinite;
}
@keyframes loader {
15% {
transform: translateX(0);
}
45% {
transform: translateX(230px);
}
65% {
transform: translateX(230px);
}
95% {
transform: translateX(0);
}
}
@keyframes loading-text {
0% {
content: "Loading";
}
25% {
content: "Loading.";
}
50% {
content: "Loading..";
}
75% {
content: "Loading...";
}
}
.preloader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99999;
background: #097081;
}
p,li,a,button,span,h5,h6,h3,h1,h2,h4 {
font-family: jost,sans-serif;
}
.bg-light {
background-color: #fff!important;
padding: 10px 0;
}
#navbarnav {
justify-content: center;
padding: 0 0 0 120px;
}
.navbar-brand img {
width: 100%;
}
.nav-item {
font-family: jost;
padding: 0 0 0 40px;
font-size: 21px;
font-weight: 500;
}
.navbar-collapse button {
color: #fff;
margin: 0 -80px 0 42px;
background: #ce7c2a;
padding: 12px 25px;
border-radius: 30px;
border: 0;
font-size: 21px;
font-weight: 500;
}
.navbar-collapse button:hover {
color: #fff;
background: #173b67;
}
.nav-item a {
color: #000;
text-decoration: none;
font-size: 18px;
}
.nav-item a:hover {
color: #ce7c2a;
}
header.header {
position: relative;
padding: 0 0 3px;
}
section.header {
float: left;
width: 100%;
}
.col-sm-3.headerright {
position: relative;
top: 0;
left: -37px;
right: 0;
}
.header-part2 li {
list-style: none;
float: left;
padding: 12px 11px 0 21px;
font-size: 20px;
}
.header-part2 a {
color: #000;
text-decoration: none;
font-weight: 500;
}
.header-part2 a span {
color: #ffb739;
}
.header-part2 {
padding: 18px 0 0 18px;
position: absolute;
}
.header-part3 {
padding: 15px;
border: 1px dashed #000;
width: 80px;
height: 80px;
text-align: center;
display: inline-block;
border-radius: 50%;
}
ul.navbar-nav {
padding: 0 0 0 32px;
}
.midsec {
position: absolute;
right: 0;
width: 60%;
top: 3px;
}
.midarrow {
position: absolute;
border-radius: 65%;
width: 45px;
height: 45px;
background-color: #374b67;
padding: 9px;
right: 42%;
bottom: -23px;
}
.button a:hover {
background-color: #354965;
color: #fff;
}
.joinus1 a:hover {
background-color: #354965;
color: #fff;
}
.courses2 a:hover {
background-color: #354965;
color: #fff;
}
.articles2 a:hover {
background-color: #ffb739;
color: #fff!important;
}
input[type=submit]:hover {
background-color: #ffb739;
color: #fff;
}
.icons a:hover {
color: #fff;
background-color: #ffb739;
}
.headright {
position: absolute;
width: 10%;
padding: 16px 25px 17px;
background-color: #ffb739;
right: -202px;
}
.midarrow img {
width: -webkit-fill-available;
}
.header-part3 img {
width: 100%;
background-color: #ffb739;
padding: 0;
margin: 0!important;
display: inline-flex;
}
.w3-content {
max-width: 100%!important;
}
.mySlides {
display: none;
}
.header-part1 img {
width: 100%;
padding: 21px 52px 0 0;
}
.vl {
border-left: 2px solid #ffb739;
height: 65px;
position: absolute;
left: 17%;
margin-left: -3px;
top: 1px;
}
.section1 {
background-image: url(../images/banner.png);
background-repeat: no-repeat;
background-position: center;
padding: 62px 0 103px 0;
background-size: cover;
}
.platform h5 {
color: #ffb739;
}
.platform span {
color: #fff;
font-size: 18px;
}
.platform h2 {
color: #fff;
font-size: 40px;
}
.getstarted {
padding: 15px 30px;
border: solid;
width: 50%;
border-radius: 34px;
border-color: #ffb739;
margin: 28px 0 0;
color: #fff;
font-size: 22px;
float: left;
}
.getstarted:hover {
background-color: #ffb739;
color: #000;
}
.courses2 img {
width: 22%;
transform: rotate(326deg);
padding: 14px 0 11px 13px;
}
.getstarted a {
color: #fff;
}
select#star {
padding: 13px 37px 13px 20px;
border-radius: 6px;
}
input#mname {
padding: 10px 100px 10px 7px;
border-radius: 6px;
border: none;
background-color: #00000012;
margin: 12px 40px 20px 1px;
}
input#fname {
padding: 10px 100px 10px 7px;
border-radius: 6px;
border: none;
background-color: #00000012;
margin: 0;
}
.bg-light {
background: #fff!important;
}
.swiper-slide {
padding: 0em 0;
}
.content-slider {
}
.swiper-slide {
background-size: cover;
background-position: top center;
}
.platform {
padding: 0;
display: inline-block;
}
.filter2 select#price {
padding: 12px 84px 15px 17px;
border-radius: 6px;
}
.section2 {
float: left;
width: 100%;
background-color: #1c3b66;
}
.platform {
}
.learnmore3 {
border-radius: 50%;
height: 70px;
width: 70px;
position: absolute;
display: flex;
top: 64px;
justify-content: center;
left: 29px;
align-items: center;
background-color: #ffb739;
}
.imagecircle {
width: 50%;
}
.learnmore1 {
padding: 0 0 0 83px;
color: #fff;
}
.learnmore {
padding: 65px 1px 60px 10px;
}
.learnmore1 a {
color: #ffb739;
padding: 0 0 0 21px;
}
.onlinelearning {
padding: 100px 0 0 0;
}
.onlinelearning h6 {
color: #ffb739;
padding: 2px 0 18px;
}
.onlinelearning1 img {
width: 64%;
padding: 44px 0 0;
float: right;
}
.button {
padding: 47px 0 0 0;
}
.button a {
color: #efeeee;
background-color: #3e7e33;
padding: 10px 17px;
border-radius: 10px;
text-decoration: none;
}
.bottom-right {
position: absolute;
bottom: 12px;
right: -75px;
background-color: wheat;
padding: 10px 8px 10px 7px;
width: 40%;
border-radius: 6px;
}
.learnmore1 span {
padding: 0 0 0 18px;
display: block;
}
.learnmore1 h5 {
padding: 0 0 0 20px;
}
.bottom-right img {
width: 22%;
float: left;
padding: 5px;
background-color: #1c3b66;
border-radius: 6px;
}
.bottom-right span {
display: flex;
padding: 0 0 0 23px;
}
.top-left {
position: absolute;
top: 109px;
left: 82px;
background-color: wheat;
padding: 10px 1px 11px 6px;
width: 41%;
border-radius: 6px;
}
.top-left img {
width: 22%;
float: left;
padding: 0 2px;
background-color: #1c3b66;
border-radius: 6px;
}
.onlinelearning2 {
background-image: url(../images/vector.png);
background-position: left;
background-repeat: no-repeat;
background-size: cover;
width: 50%;
height: 307px;
}
.top-left span {
display: flex;
padding: 0 0 0 23px;
}
footer.footersection {
background: #0b7a35;
background-size: cover;
float: left;
width: 100%;
}
.footer1 {
color: #fff;
}
.footer1 input#myEmail {
}
.footer1 {
text-align: center;
color: #fff;
width: 50%;
padding: 2px 0 40px 0;
margin: auto;
}
.po-r {
position: relative;
}
.po-r input {
padding: 10px;
width: 100%;
position: relative;
border: none;
height: 50px;
}
.po-r button {
background-color: #ffb739;
padding: 8px;
position: absolute;
right: 0;
border: none;
width: 61px;
height: 50px;
}
.footer1 img {
height: 34px;
}
.footer1 h5 {
padding: 55px 0 30px;
}
.footer2 h4 {
color: #fffbf5;
padding: 0 0 35px 0;
}
hr {
padding: 0 0 0 2px;
background-color: #f9f3f3;
float: left;
height: 2px;
width: 100%;
}
.footer2 {
padding: 62px 0 0;
}
.footer2 li {
list-style: none;
padding: 0 0 15px 0;
}
p {
font-size: 17px;
}
.footer2 a:hover {
color: #fff;
text-decoration: none;
}
.footer2 a {
color: #fffdfd;
}
.footer2 span {
color: #fbf8f8!important;
padding: 0 0 0 37px;
position: absolute;
}
.footer2 img {
width: 13%;
}
.footerpart li {
padding: 2px 0 32px 0;
display: grid;
}
.courses {
width: 100%;
float: left;
padding: 110px 0 42px;
background-color: #f0f0f0;
}
.courses2 a {
color: #000;
text-decoration: none;
background-color: #ffb739;
border-radius: 6px;
padding: 16px 17px;
position: relative;
font-size: 20px;
right: -23px;
}
.courses1 h5 {
color: #ffb739;
padding: 0 0 15px;
font-size: 17px;
}
.works img {
width: 80%;
}
.work-img {
background-color: #ffb739;
padding: 3px 5px;
border-radius: 6px;
width: 44%;
display: inline-table;
}
.works {
background-color: #ffb7396b;
text-align: center;
padding: 35px 40px 44px;
border-radius: 6px;
}
.works h4 {
padding: 15px 0 5px;
font-size: 19px;
}
.howitworks h2 {
text-align: center;
padding: 18px 0 28px;
}
.works span {
padding: 0 12px;
display: block;
font-size: 12px;
}
#demoslide5 .active::after {
display: none;
}
#demoslide4 .active::after {
display: none;
}
.howitworks {
}
.client {
padding: 10px 0 90px;
}
.client h2 {
padding: 0 0 41px;
}
.testimonial {
padding: 0 0 50px;
}
button.tablink {
outline: none;
}
.client1 {
background-color: #f7f7f7;
padding: 26px 40px 15px 30px;
border-left: solid;
border-color: #ffb739;
}
.client1 img {
width: 20%!important;
}
.owl-prev {
outline: none!important;
}
.owl-next {
outline: none!important;
}
.imgset img {
display: block!important;
float: left;
border-radius: 50%;
width: 13%!important;
}
.bestschool h6 {
border-left: solid;
margin: 0 2px 0 -11px;
padding: 0 0 0 9px;
border-color: #ffb739;
height: 26px;
}
.imgset span {
padding: 0 0 3px 15px;
position: absolute;
}
.client1 h4 {
padding: 14px 0 0;
color: #0000008c;
}
.imgset {
padding: 16px 7px 63px 23px;
background-color: #f7f7f7;
}
.webdesign img {
width: 100%;
padding: 0 0 17px;
}
.imgsize img {
width: 10%;
padding: 4px 0 4px 5px;
}
.imgsize {
padding: 12px 0 0 0;
display: flex;
}
.imgsize span {
padding: 5px 0 1px 5px;
font-size: 13px;
}
.imgsize1 {
padding: 0 0 0 40px;
}
.imgsize1 img {
width: 22%;
padding: 0 2px 0 4px;
}
.imgsize1 span {
padding: 3px 0 0;
}
.jhonharry ul {
display: flex;
padding: 0;
}
.jhonharry span {
background-color: #ffb739;
position: absolute;
padding: 15px 14px 3px 16px;
width: 62px;
right: 0;
}
.jhonharry li.movingimg {
width: 20%;
padding: 8px 1px 8px 6px;
background-color: #162d4edb;
}
.movingimg img {
width: 100%;
padding: 3px 0 4px;
border-radius: 58%;
}
li.movingimg {
width: 20%;
padding: 8px 1px 8px 6px;
background-color: #162d4edb;
}
li.movingimg1 {
padding: 19px 2px 2px 10px;
color: #fff;
}
.jhonharry li {
list-style: none;
}
.webdesign span b a {
display: -webkit-box!important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
white-space: normal;
overflow: hidden;
}
.jhonharry {
padding: 0;
background: #193051;
margin-top: 15px;
position: relative;
}
.joinus {
padding: 60px 0;
position: relative;
}
.bestschool img {
width: 100%;
}
.joinus1 {
width: 100%;
position: absolute;
display: grid;
padding: 60px 0 200px 150px;
left: 0;
right: 0;
}
.joinus2 img {
width: 23%;
position: absolute;
top: 315px;
left: -76px;
}
.joinus1 h5 {
color: #fff;
font-size: 15px;
}
.joinus1 a {
padding: 15px 8px 15px 27px;
background-color: #fff;
width: 23%;
color: #000;
border-radius: 6px;
text-decoration: none;
}
.section3 {
padding: 0 0 70px;
}
.webdesign {
background-color: #f0f0f0;
}
.joinus:before {
content: "";
right: 0;
width: 70%;
position: absolute;
background-color: #ffb739;
top: 0;
bottom: 0;
}
.blog_articles {
text-align: center;
width: 100%;
}
.blog_section {
background-color: #0000001a;
}
.joinus1 span {
padding: 22px 0 38px;
}
.header-part1 {
padding: 0 0 6px;
}
.bottom-left {
position: absolute;
bottom: 36px;
left: -39px;
background-color: #fff;
border-radius: 6px;
font-size: 12px;
width: 50%;
box-shadow: 5px 5px 5px 5px #00000029;
padding: 9px 0 8px 11px;
}
.top-right {
position: absolute;
top: 38px;
right: -70px;
background-color: #fff;
width: 50%;
border-radius: 6px;
padding: 6px 0 6px 9px;
font-size: 12px;
}

.offer-section h1{
   color: #163A24;
   font-weight: bold;

}
.offer-section h2{
    position: relative;
   

}
.offer-section h2::after{
   position: absolute;
   content: "";
   width: 120px;
   height: 5px;
   background-color: #3C8726;
   bottom: -8px;
   left: 40%;
   border-radius: 20px;
   transition: all 0.3s ease-in-out;
}
.offer-section h2:hover::after{
   left: 50%;
   transition: all 0.3s ease-in-out;

}
.offer-section .card{
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.offer-section .card:hover{
    transform: translateY(-8px); 
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.offer-section .card .card-img {
   overflow: hidden;
}
.offer-section .card .card-img img{
   overflow: hidden;
    transition: all 0.3s ease-in-out;

}
.offer-section .card:hover img{
    transition: all 0.3s ease-in-out;
   transform: scale(1.2);
}
.offer-section .card p{
    color: #000000bd;
    height: 105px;
    overflow-y: auto;
}

.offer-section .card p::-webkit-scrollbar {
    width: 3px;  
}

.offer-section .card p::-webkit-scrollbar-track {
    background: #f1f1f1;  
    border-radius: 10px;
}   

.offer-section .card p::-webkit-scrollbar-thumb {
    background: #457D22;      
    border-radius: 10px;
}

.offer-section .card p::-webkit-scrollbar-thumb:hover {
    background: #69b13c; 
}

.aboutus {
background-image: url(../images/subbanner.png);
/* padding: 60px 0; */
background-repeat: no-repeat;
background-size: cover;
position: relative;
width: 100%;
height: 159px;
}
.aboutus:before {
content: "";
background: rgb(0 0 0/69%);
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
width: 100%;
height: 100%;
}
.about {
width: 100%;
text-align: center;
color: #fff;
position: relative;
/* padding: 81px 0; */
}
.about span {
color: #ffb739;
border-left: solid;
padding: 0 0 0 10px;
}
.about p {
word-spacing: 4px;
padding: 10px 0 0;
}
.about h2 {
padding: 21px 0 0;
font-size: 50px;
}
.aboutedulab {
padding: 70px 0 150px;
position: relative;
}
.aboutedulab1:before {
content: "";
position: absolute;
background-color: #ffb739;
top: -21px;
bottom: 0;
right: 2px;
width: 43%;
height: 241px;
}
.blackspace:before {
content: "";
background-color: #090935c4;
top: 313px;
left: -22px;
right: 2px;
width: 44%;
height: 241px;
}
.blackspace {
position: relative;
z-index: -1;
}
.aboutedulab img {
/* position: absolute; */
}
.aboutedulab2 h2 {
padding: 0 0 20px;
}
.aboutedulab2 h5 {
color: #ffb739;
font-size: 15px;
padding: 0 0 10px;
}
.aboutedulab2 p {
color: #323131;
}
.aboutedulab2 {
position: relative;
}
.about-sec-2 {
background-image: url(../images/video-bg.png);
background-repeat: no-repeat;
background-size: cover;
background-position: bottom;
position: relative;
height: 396px;
width: 100%;
margin: 10px 0 5px;
position: relative;
}
.about-sec-2 img {
position: absolute;
top: 0;
left: 0;
width: 77px;
right: 0;
bottom: 0;
margin: auto;
cursor: pointer;
}
.bestreasons {
background-color: #0000000d;
padding: 30px 0 35px;
}
.bestreasons img {
border-radius: 20px;
}
.about-sec-2 video {
width: 904px;
position: absolute;
height: 363px;
}
video {
width: 100%;
}
.bestreasons h5 {
color: #ffb739;
font-size: 16px;
padding: 4px 0 4px 0;
}
.bestreasons h2 {
    color: #d18500;
}

.bestteacher {
text-align: center;
padding: 60px 0 65px;
}
.pro-teacher img {
width: 100%;
}
.pro-teacher1 {
position: absolute;
background-color: #faf5f5;
top: 73%;
left: 23px;
padding: 15px 34px;
font-size: 14px;
}
.pro-teacher {
position: relative;
padding: 40px 0 0;
}
.bestteacher h5 {
color: #ffb739;
font-size: 15px;
padding: 0 0 15px;
}
.pro-teacher1 span {
color: #000000bd;
border-bottom: solid #ffb739;
padding: 0 0 13px;
}
.bestteacher h2 {
padding: 0 0 9px;
}
.bestteacher span {
color: #000000bd;
}
.pro-teacher1 h4 {
font-size: 20px;
}
.filter {
width: 100%;
background-color: #24518f;
padding: 60px 0;
}
select#cars {
padding: 13px 37px 13px 20px;
border-radius: 6px;
}
.nav-item span {
color: #ffb739;
}
.filter span {
color: #fff;
font-size: 33px;
padding: 3px 0 0 6px;
position: relative;
top: 6px;
}
.filter_form {
position: absolute;
width: 56%;
}
.filter img {
width: 46%;
}
.articles {
background-color: #0000001a;
width: 100%;
text-align: center;
padding: 20px 0 45px;
}
.articles1 img {
width: 100%;
}
select#language {
padding: 13px 37px 13px 20px;
border-radius: 6px;
}
.articles1 {
background-color: #fff;
position: relative;
padding: 5px 5px 57px;
text-align: left;
margin: 0 0 26px;
}
.copy ul {
margin: 0;
padding: 0 0 0 0;
float: left;
width: 50%;
}
.review_form {
padding: 35px 2px 0 94px;
margin: 33px 0 0;
box-shadow: 0 4px 8px 0 rgb(0 0 0/20%),0 6px 20px 0 rgb(0 0 0/19%);
}
.copy {
color: #bbb5b5;
width: 100%;
display: flex;
}
.footer2 ul {
padding-left: 0;
}
.copy span {
float: right;
}
.copy_text {
width: 50%;
float: right;
clear: right;
display: inline-block;
text-align: right;
}
.copy li {
list-style: none;
display: inline-block;
padding: 0 7px 9px 0;
}
.copy li a {
padding: 5px;
margin-right: 10px;
width: 45px;
height: 45px;
float: left;
text-align: center;
line-height: 38px;
}
.articles2 a {
display: block;
background-color: #48648a;
color: #fff!important;
padding: 4px 5px;
width: 27%;
position: absolute;
left: 13px;
border-radius: 6px;
top: 89%;
}
.owl-nav.disabled:hover {
border: none!important;
}
.blog_articles h5 {
color: #ffb739;
}
.art_ciles {
padding: 87px 0 4px;
}
.blog_art1 {
padding: 0 0 26px;
}
.blog_art {
padding: 23px 0 0;
}
.articles1 a {
text-decoration: none;
color: #000;
}
.blog-text span {
padding: 0 0;
display: block;
}
.blog-text {
padding: 15px 7px 3px;
}
.articles h5 {
color: #ffb739;
font-size: 15px;
padding: 55px 0 4px;
}
.articles span {
color: #000000b0;
}
.website_access {
color: #fff;
width: 100%;
padding: 35px 0 0;
}
.website_access li {
list-style: none;
float: left;
padding: 14px 12px 0 0;
}
.website_access span {
color: darkgrey;
}
.website_access a {
background-color: #ffb739;
padding: 9px 9px 12px;
border-radius: 6px;
color: #000;
text-decoration: none;
}
.lesson {
display: flex;
padding: 25px 0 0 1px;
margin: 0 0;
}
.website_access img {
width: 21%;
}
.imgsmall {
width: 29%;
}
.website_access1 {
background-color: #fff;
position: relative;
display: grid;
text-align: center;
border-radius: 6px;
padding: 12px 0 0;
}
.clearfix {
padding: 0;
text-align: center;
width: auto;
float: none;
display: inline-block;
margin-bottom: 0;
}
.clearfix li {
list-style: none;
padding: 13px 0 0 12px;
}
.social-icon li a {
width: 40px;
height: 40px;
display: block;
line-height: 35px;
padding: 2px;
}
.website_access1 span {
padding: 8px 0 11px;
display: grid;
}
.fa.fa {
font-size: 20px;
}
.social-icon {
background-color: #ffb739;
border-radius: 6px;
}
.pinterest-change-co {
padding: 5px 5px 4px;
background-color: #bf0505;
border-radius: 6px;
color: #fff;
}
.twitter-change-co {
padding: 5px 5px 4px;
background-color: #00bfff;
border-radius: 6px;
color: #fff;
}
.linkedin-change-co {
padding: 5px 5px 4px;
background-color: #4682b4;
border-radius: 6px;
color: #fff;
}
.tablink {
background-color: #55555526;
color: #000;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
font-size: 17px;
width: 25%;
}
.tablink:hover {
background-color: #777777a6;
color: #ffb739;
border-bottom: solid;
}
.tabcontent {
display: none;
padding: 100px 20px;
height: 100%;
}
.img_adjust img {
width: 100%;
padding: 11px 0 29px;
}
.tabbing p {
color: #000000bd;
}
.tabbing {
padding: 60px 0 0;
position: relative;
}
.pricing_table1 li {
list-style: none;
float: left;
width: 50%;
color: #000000ba;
}
.pricing_table1 i.fa.fa {
padding: 0 13px 0 0;
}
.pricing_table1 {
box-shadow: 1px 7px 5px 5px #00000026;
position: relative;
}
.webdesign a {
text-decoration: none;
color: #000;
}
.facebook-change-co {
font-size: 18px;
background-color: #245b8a;
color: #fff;
padding: 5px 7px 2px;
border-radius: 6px;
}
.price_tag {
background-color: #ffb739;
padding: 15px;
color: #fff;
}
.icons {
padding: 33px 0 0;
}
.pricing_table1 span {
font-size: 15px;
background-color: red;
position: absolute;
right: 18px;
top: 17px;
padding: 4px;
}
.icons hr {
width: 78%;
background-color: #0000001a;
}
.icons a {
position: relative;
display: inline-flex;
background-color: #466289;
width: 100%;
padding: 15px 0 15px 136px;
color: #fff;
margin: 20px 0 0;
text-decoration: none;
}
.web_design h2 {
padding: 45px 0 35px;
}
.data_eng img {
width: 100%;
padding: 27px 0 40px;
}
.footer2 h4 {
position: relative;
}
.footer2 h4:after {
content: "";
display: block;
background: #ffb739;
width: 90px;
height: 2px;
left: 0;
bottom: 24px;
position: absolute;
}
.data_eng span {
background-color: #ffb739;
padding: 30px 32px 30px 0;
color: #fff;
font-size: 21px;
margin: 5px 0 20px;
}
.home_slide .owl-nav.disabled {
display: flex!important;
position: absolute;
right: 0;
bottom: 0;
top: 75%;
}
.data_eng span p {
border-left: solid blue;
padding: 0 4px 0 30px;
color: #fff;
}
.data_eng p {
color: #000000ab;
padding: 6px 0;
}
.owl-nav.disabled {
display: flex!important;
position: absolute;
top: 0;
right: 0;
}
.disabled img {
width: 40px;
background-color: #466289;
margin: 0 0 0 20px;
padding: 4px 6px 4px 5px;
}
.disabled img:hover {
background-color: #ffb739;
}
.img_radius img {
width: -webkit-fill-available;
}
.img_radius {
width: 150px;
height: 150px;
overflow: hidden;
border-radius: 50%;
margin: auto;
}
.pricing_table1 del {
font-size: 19px;
color: #0000009c;
}
.articles h2 {
padding: 20px 0 0 3px;
font-size: 43px;
}
.articles_head h2 {
padding: 20px 0 0 3px;
font-size: 43px;
position: absolute;
}
.owl-nav.disabled {
padding: 24px 0 0;
}
.popup {
position: relative;
display: inline-block;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.popup .popuptext {
visibility: hidden;
width: 160px;
background-color: #555;
color: #fff;
text-align: center;
border-radius: 6px;
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
}
.popup .popuptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #555 transparent transparent transparent;
}
.popup .show {
visibility: visible;
-webkit-animation: fadeIn 1s;
animation: fadeIn 1s;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.contact_form {
padding: 70px 0 50px;
background-color: #00000012;
}
.contact_form h3 {
width: 100%;
display: block;
padding: 15px;
}
.side_form input {
padding: 15px;
border-radius: 6px;
border: none;
background-color: #f5f5f5;
margin-bottom: 20px;
float: left;
width: 100%;
}
.side_form textarea {
padding: 15px;
width: 100%;
border-radius: 6px;
border: none;
background-color: #f5f5f5;
color: #7a6d69;
}
.side_form {
background-color: #fff;
padding: 20px;
position: relative;
}
input[type=submit]:hover {
background-color: #ffb739;
color: #fff;
}
.learnmore1 a:hover {
color: #fff;
}
.top-left img:hover {
background-color: #ffb739;
}
.bottom-right img:hover {
background-color: #ffb739;
}
.side_form input[type=submit] {
width: 100%;
background-color: #466289;
color: #fff;
border: none;
padding: 10px 0;
margin: 10px 0;
}
.getintouch {
background-color: #fff;
padding: 20px 5px 15px;
border-radius: 6px;
}
.reachus li {
list-style: none;
position: relative;
display: flex;
padding: 8px 0 22px 1px;
}
.reachus img {
width: 56px;
position: relative;
padding: 5px 7px;
}
.reviews {
margin: 2rem auto;
display: flex;
flex-wrap: wrap;
}
.review {
margin: 0 1rem;
min-width: 300px;
flex: 1;
}
.head-review {
margin: 1.75rem auto;
width: 150px;
height: 150px;
}
.head-review img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
box-shadow: 0 10px 25px rgba(0,0,0,.25);
}
.body-review {
background-color: #eee;
padding: 2.5rem;
border-radius: 12px;
box-shadow: 0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
}
.name-review {
font-size: 1.5rem;
color: #323232;
margin-bottom: .25rem;
}
.place-review {
color: violet;
font-style: italic;
}
.rating {
color: #fdb42a;
margin: 1rem 0;
}
.desc-review {
line-height: 1.5rem;
letter-spacing: 1px;
color: #969696;
}
@media(max-width:678px) {
.review {
margin-top: 1.5rem;
}
}
.credit a {
text-decoration: none;
color: #fff;
}
.accordion {
background-color: #eee;
color: #444;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
transition: .4s;
margin: 0 0 20px;
border-bottom: solid #ffb739;
}
.active,.accordion:hover {
outline: none;
}
.accordion:hover {
background-color: #ccc;
outline: none;
}
.accordion:after {
content: '\002B';
color: #777;
font-weight: 700;
float: right;
margin-left: 5px;
}
.active:after {
content: "\2212";
}
.panel {
padding: 0 18px;
background-color: #fff;
max-height: 0;
overflow: hidden;
transition: max-height .2s ease-out;
}
.reachus {
display: flex;
padding: 10px 10px 0;
}
.reach-text span {
display: block;
padding: 2px 2px 4px 1px;
}
.touch {
padding: 4px 22px;
}
.map iframe {
width: 100%;
}
.copy li a:hover,.social-icon li a:hover {
color: #fff;
}
.browse-course {
background-image: url(../images/b-bg.png);
background-repeat: no-repeat;
padding: 60px;
background-position: center;
}
.course-dis {
margin-left: 13px;
}
.course-dis h6 {
text-align: center;
}
.browse-course h6 {
font-size: 15px;
margin-top: 11px;
}
.about-edu h6 {
color: #ffb739;
}
.about-edu {
padding: 50px 0;
}
.about-edu {
padding: 50px 0 15px;
}
.about-edu h2 {
padding: 0 0 10px;
}
.course-detail {
/* display: inline-flex; */
}
.c-imgsize img {
width: 9%;
padding: 1px 5px 4px 0;
}
.c-imgsize {
display: flex;
padding-top: 15px;
}
.c-imgsize1 {
padding: 0 0 0 14px;
}
.course-img img {
width: 100%;
}
.c-imgsize1 img {
width: 28%;
padding: 0 2px 3px 18px;
}
.button1 {
padding: 29px 0 0 0;
}
.button1 a:hover {
background-color: #354965;
color: #fff;
}
.button1 a {
color: #000;
background-color: #00d37f;
padding: 12px 25px;
border-radius: 10px;
text-decoration: none;
}
.course-img-home img {
margin-left: 104px;
}
.home2-courses {
width: 100%;
/* background-color: #f0f0f0; */
}
.course-det {
background-color: #f0f0f0;
box-shadow: rgb(62 126 51) 3px 1px 12px;
}
.event-courses {
width: 100%;
background-color: #f0f0f0;
}
.col-sm-6.cd {
margin-bottom: 30px;
}
.event-img {
text-align: right;
}
.event-detail {
margin-top: 30px;
}
.event-date {
margin-top: 30px;
}
.event-date span {
margin-left: 30px;
color: #ffb739;
font-size: 27px;
font-weight: 800;
}
.event-imgsize img {
padding: 0 15px 4px 0;
}
.event-imgsize {
display: flex;
padding-top: 15px;
}
.event-imgsize1 {
padding-left: 50px;
}
.Upcoming-event {
background-color: #f0f0f0;
}
.c-design{
display: flex;
justify-content: center;
margin: 10px;
}
.c-design a {
font-size: 24px;
color: #3c7d38;
text-shadow: 0px 2px 2px rgb(177 166 158 / 26%);
}
.event-detail a {
color: #000;
text-decoration: none;
}
.test-home2 {
background-image: url(../images/test-bg.png);
background-repeat: no-repeat;
background-size: cover;
height: 610px;
}
.test-home2-detl {
padding: 40px 0 50px;
}
.student-say h2 {
color: #ffb739;
text-align: center;
margin-top: 3em;
}
.about-img img {
width: 100%;
}
.event-img img {
width: 60%;
}
@media(max-width: 767px){
.resimg{
width: 100% !important;
}
.susum{
width: 233px !important;
position: relative !important;
top: 6px !important;
margin-left: -14px !important;
}
.mynone{
display: none;
}
.facilities{
   padding: 10px 10px 60px 10px !important;
}
.facilities .card-container .facilities-card {
    width: 172px !important;
    padding: 5px !important;

}
.facilities .card-container .facilities-card .title h5{
    font-size: 14px !important;

}
.facilities .card-container .facilities-card .pera p{
    font-size: 12px !important;

}
.facilities .card-container {
    gap: 10px !important;
}
.testimonial{
    height: 270px !important;
    padding: 10px 30px !important;
}
.testimonial-container{
    width: 100% !important;
    margin-top: 30px !important;
}

}
/* facilities section   */

.facilities{
    width: 100%;
   background-image: url(css/back.jpg);
   margin: 0;
   padding: 10px 50px 60px 50px;
   display: flex;
   justify-content: center;
   box-sizing: border-box;
   overflow: hidden;
}
.facilities .card-container{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}
.facilities .card-container .facilities-card{
    width: 320px;
    background-color: #FF5757;
    padding: 5px;
    border-radius: 10px;
    color: white;
}
.facilities .card-container .facilities-card:nth-child(2){
    background-color: #00BF62;
}
.facilities .card-container .facilities-card:nth-child(3){
    background-color: #0B2AB6;
}
.facilities .card-container .facilities-card:nth-child(4){
    background-color: #BF37E1;
}
.facilities .card-container .facilities-card:nth-child(5){
    background-color: #0A5B0E;
}
.facilities .card-container .facilities-card:nth-child(6){
    background-color: #017562;
}
.facilities .card-container .facilities-card:nth-child(7){
    background-color: #950B61;
}
.facilities .card-container .facilities-card:nth-child(8){
    background-color: #8068F0;
}
.facilities .card-container .facilities-card:nth-child(9){
    background-color: #00BF08;
}
.facilities .card-container .facilities-card:nth-child(10){
    background-color: #EF3737;
}
.facilities .card-container .facilities-card:nth-child(11){
    background-color: #C49E0B;
}
.facilities .card-container .facilities-card:nth-child(12){
    background-color: #5B76EF;
}
.facilities .card-container .facilities-card:nth-child(13){
    background-color: #EF3737;
}
.facilities .card-container .facilities-card:nth-child(14){
    background-color: #8068F0;
}
.facilities .card-container .facilities-card:nth-child(15){
    background-color: #C49E0B;
}
.facilities .card-container .facilities-card:nth-child(16){
    background-color: #ED387F;
}
.facilities .card-container .facilities-card:nth-child(17){
    background-color: #FF914C;
}
.facilities .card-container .facilities-card:nth-child(18){
    background-color: #BF37E1;
}
.facilities .card-container .facilities-card:nth-child(19){
    background-color: #00BF08;
}
.facilities .card-container .facilities-card:nth-child(20){
    background-color: #950B61;
}

.facilities .card-container .facilities-card .card-img{
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}
.facilities .card-container .facilities-card .title{
    margin-top: 10px;
}
.facilities .card-container .facilities-card .pera{
    display: flex;
    text-align: center;
}
.facilities .card-container .facilities-card:hover .card-img img{
    width: 100%;
    transition: all 0.3s ease-in-out;
}
.facilities .card-container .facilities-card:hover .card-img img{
    transform: scale(1.2);

}
.facilities .card-container .facilities-card .card-img img{
    width: 100%;
}

.facilities-heading h2{
    padding: 10px ;
    background-color: #5CE1E6;
    font-family: "Recoleta-SemiBold", Georgia, serif !important;
    font-size: 40px !important;
    color: #163A24;
    font-weight: bold;
    margin-top: 20px;
}



/* counter section   */


.counter-count {
      text-align: center;
      padding: 20px;
      background: #f4f4f4;
      border-radius: 10px;
      box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    }

    .counter-count .count {
      font-size: 50px;
      font-weight: bold;
      color: #2c3e50;
      display: block;
    }

    .counter-count .title {
      font-size: 20px;
      color: #555;
      margin-top: 10px;
    }