
/*@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200.
.700&display=swap');*/

/*body{margin: 0;
font-family: "Oswald", sans-serif;}*/


.header-top{padding: 9px 0 10px 0;
position: relative;
background: #116E63;
z-index: 1;
}

.head-item{display: flex;
justify-content: space-between;
align-items: center;}

.social-icon{position: relative;
right: -40px;}

.social-icon a{
display: inline-flex;
justify-content: center;
align-items: center;
width: 35px;
height: 35px;
color: #ffffff;
font-size:15px;
line-height:15px;
margin:5px;
border-radius:50%;
background:#116E63;

}

.social-icon a i{font-weight: 400;
}

.social-icon span{color: white;
font-weight: 500;}


.head-left .contact ul li{display:flex;
gap:10px;
border-right:1px solid rgba(255, 255, 255, .2);
padding-right: 20px;
}

.head-left .contact ul{margin: 0;
padding: 0;}

.head-left .contact li{list-style: none;}

.head-left .contact a{color: #FDA31B;
text-decoration: none;
display: inline-block;
}

.head-left .contact .sv{margin-right:8px}

.head-left .contact a span{
color: white;
font-weight:500;
}

.header-top:before{position: absolute;
left: 0;
top: 0;
bottom: -1px;
content: "";
width: 30%;
background:#FDA31B;
z-index: -1;}

.navbar-brand{width: 170px;}
.navbar-brand img{width: 100%;}

.nav-sec ul{padding: 0;
margin: 0;}

.nav-sec ul li a{text-decoration: none;
color: black;
margin:10px;
font-size: 18px;
font-weight: 500;
line-height: 30px;}


.form-sec{display: flex;
justify-content: space-between;
align-items: center;
gap:30px;
}

.form-sec .btn1{margin-right:-10px;
font-size: 23px;
border: none;
background: none;
}

.form-sec .btn1 a{color:black; }

.form-sec .btn2 a{text-decoration: none;
color: white;}



.form-sec .btn2 a i{margin-right:5px;}

.form-sec .btn2:hover{background:#116E63;
transition: all .5s ease-in-out;}

.navbar{padding: 17px 0;}



.carousel-item img{height:700px;
object-fit: cover;}

.banner-sec{position: relative;}

.{position: absolute;
left:0;
top:10%;
text-align: left;
width: 100%;
}


.bnr-cnt h5{
text-align:left;
font-size: 25px;
color: #FDA31B;
letter-spacing: 6px;

}

.bnr-cnt h5 .svg-inline--fa{margin-right: 10px;}

.banner-content h2{font-size:63px;
font-weight:800;
margin: 20px 0;

}

.banner-content p{font-size: 18px;
font-weight: 400;
line-height: 30px;
margin-bottom: 20px;}

.banner-content span{color:#FDA31B;}

.bnr-cnt{width:50%;}

.banner-content .explore{background:#FDA31B;
border-radius:50px 50px 50px 0;
padding:14px 20px;
border:none;
}

.banner-content .explore-item{font-size: 14px;
letter-spacing: 1px;
color:white;
font-weight: 400;
}


.banner-content .lrn-item{font-size: 14px;
letter-spacing: 1px;
color:black;
font-weight: 400;}

.banner-content .learn{background:white;
border-radius:50px 50px 50px 0;
padding:14px 20px;
border:none;
}

.banner-content .learn a {color:black;
margin-left: 5px;
display: inline-block;
}


.banner-content .explore a{color:white;
margin-left:5px;
display: inline-block;}



.feature-sec{margin-top: -150px;
margin-left:100px;}


.feature-item{width:80px;
height:80px;
line-height: 65px;
border-radius: 50%;
background: #116E63;
font-size: 60px;
margin-bottom: 25px;
}

.feature-item img{width:48px;
margin-left: 14px;
filter: brightness(0) invert(1);}

.feature-content{text-align: left;}

.feature-content p{margin: 0;}

.feature-content h4{font-size: 22px;
font-weight: 600;
margin-bottom: 10px;}

.feature-main{padding: 20px 25px;
background: white;
border-radius: 50px 50px 50px 0;
box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
z-index: 1;
position: relative;
}

.feature-main span{position: absolute;
right: 30px;
top: 0;
font-size: 50px;
font-weight: 800;
color: #116E63;
}

.about-main{display: flex;
justify-content: space-between;
align-items: center;
gap: 30px;}

.about-sec{margin-top:60px;}

.about-item{width:280px;
height: auto;}

.about-item img{width: 100%;
border-radius: 80px 80px 0 80px;}

.about-item-right-content span{font-size: 18px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 4px;
color:#FDA31B;
border-bottom:2px solid #FDA31B; }


.about-item-right-content h4{font-size: 50px;
font-weight: 800;
text-transform: capitalize;}

.about-item-right-content p{color: grey;
font-size: 18px;
font-weight: 400;}


.about-item-right-content .sp15{font-size: 50px;
font-weight: 800;
color:#FDA31B; 
border-bottom: 0;
text-transform: capitalize;}


.ab-item-image{width: 70px;
height: 70px;
line-height: 58px;
text-align: center;
margin-bottom: 12px;
background:#FDA31B;
border-radius:50px;
font-size:45px;
color:#116E63;
box-shadow:-5px 5px 0 rgb(17, 110, 99, 0.09) }

.ab-item-image img{width:45px;
  filter: brightness(0) invert(1);
}

.ab-item-content h2{font-size: 22px;
margin-bottom: 5px;
font-weight: 600;}

.ab-item-content p{margin: 0;
}

.ab-item-main{display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;}


.ab-sec img{width: 100%;
height: 100%;}


.ab-sec{width: 90px;
height: 90px;
background: white;
border-radius: 50%;}

.about-content{width:300px;
height:120px;
margin-top: 20px;
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
background:#FDA31B;
padding: 15px 20px 15px 15px;
color: white;
border-radius: 50px 50px 50px 0;
box-shadow: 0 0 40px 5px rgb(0 0 0 / 10%);}


.parallax-window {
    min-height: 400px;
    background: transparent;
}
/*.parallax-window img{position: fixed;}*/


body {

  background: rgba(black, .05);
}
#counter{
  background: rgba(black, .05);
  padding: 25px;
  width: 800px;
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  li{
    flex: 1;
    text-align: center;
    font-size: 50px;
    list-style: none;
  }
  span.percent:after {
    content: "%";
    display: inline-block;
  }
}




.course-main .crs-sp{font-size:18px;
letter-spacing:4px;
color: #FDA31B;
font-weight: 700;
text-transform: uppercase;
position: relative;}

.course-main h3{font-size:50px;
font-weight:700;
color: black;
text-transform: capitalize;}

.course-main span{color:#FDA31B;
}

.course-main p{margin-top: 18px;
}

.course-details{background: white;
border-radius: 50px 50px 50px 0;
box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
padding:10px;
margin:15px;}


.course-img img{width:320px;
height: auto;
margin:20px;
border-radius: 40px 40px 40px 0;
}

.course-meta{display: flex;
justify-content: space-between;
align-items: center;}


.course-meta-right{color: #FDA31B;}

.course-meta-right span{font-size: 18px;
font-weight: 600;}

.course-meta-left span{color:#FDA31B; 
}

.course-meta-left .sp5{color:grey;
margin: 0;
font-size: 17px;
font-weight:500;}


.course-content{margin-left: 20px;}


.course-content1{margin-top: 20px;
}


.course-content1 a{color: black;
text-decoration: none;
display: inline-block;
font-weight:600;}


.course-content1 p{font-size: 17px;
font-weight:400;
color: grey;
}


.course-btm{display: flex;
justify-content: space-between;
align-items: center;
margin-bottom:10px;
margin-top:16px;}

.course-btm-left span{color: #FDA31B;}

.course-btm-left .sp6{color:grey;
font-size: 17px;
font-weight: 500;
margin-left: 2px;}


.course-btm-right{background:#FDA31B;
color: white;
border-radius: 50px 50px 50px 0;
padding: 1px 10px;
font-weight: 500;
}


.box2{width: 95%;
height: 1px;
background: grey;
opacity: 0.3;
}



.video-sec{margin-top: 60px;}


.video-content span{font-size: 18px;
font-weight: 700;
letter-spacing: 4px;
color: #FDA31B;
text-transform: uppercase;
border-bottom: 2px solid #FDA31B;;
}

.video-content h5{font-size: 47px;
font-weight: 800;
text-transform: capitalize;
margin-top: 10px;
}

.video-content .sp8{color: #FDA31B;
font-size:47px;
font-weight: 800;
text-transform: capitalize;
border-bottom: 0;}

.video-content  p{font-size: 18px;}



.video-image img{width: 100%;
height:350px;
object-fit: cover;
border-radius:70px 70px 70px 0;
}

.vd-cnt{width:72%;}

.video-content a{font-size: 14px;
color: white;
padding: 14px 20px;
background: #FDA31B;
text-transform: uppercase;
border-radius: 50px 50px 50px 0;
text-decoration: none;
letter-spacing: 1px;
font-weight: 600;}


.teacher-content span{color:#FDA31B;
font-size:18px;
font-weight:700;
text-transform:uppercase;
letter-spacing:4px;
border-bottom:2px solid #FDA31B; 
}


.teacher-sec{margin-top:70px;}

.teacher-content h3{font-size:49px;
font-weight:800;
text-transform: capitalize;
margin-top: 10px;
}


.teacher-content .sp10{font-size:49px;
font-weight:800;
text-transform: capitalize;
color: #FDA31B;
border-bottom: 0;}



.teacher-content p{margin-top: 15px;}


.teacher-main{margin-top: 40px;}

.teacher-main-item img{width: 100%;
border-radius: 50px 50px 50px 0;}


.tch-cnt{background: white;
padding: 15px;
border-radius: 60px 60px 60px 0;
box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);}

.teacher-main-content h4{font-size: 22px;
font-weight: 600;
margin-top:6px;
margin-bottom:6px;
text-transform: capitalize;
}

.teacher-main-content h4 a{text-decoration: none;
color: black;}


.teacher-main-content span{font-size: 13px;
font-weight:600;
color: #116E63;
text-transform: uppercase;
letter-spacing: 2px;}

.expert-sec{background: #012758;
margin-top: 60px;}

.expert-content{margin-top: 30px;}

.expert-content span{font-size: 18px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 4px;
color:  #FDA31B; 
border-bottom: 2px solid  #FDA31B;
margin-top: 10px;
}

.expert-content h6{color: white;
font-size: 49px;
font-weight:700;
text-transform: capitalize;
margin-top: 10px;
}
.expert-content .sp11{color:#FDA31B;
font-size: 49px;
font-weight:700;
border-bottom: 0;
text-transform: capitalize;
}

.expert-content  p{color: white;
font-size: 17px;
margin:20px 0 0;}


.exp-main{display: flex;
justify-content: space-between;
align-items: center;
background: white;
border-radius: 50px 50px 50px 0;
gap: 10px;
box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
padding: 10px 15px 10px 0;
}

.exp-tech{margin-top: 30px;}

.exp-item img{width:45px;
filter: brightness(0) invert(1);}


.exp-item{width: 80px;
height: 80px;
line-height: 75px;
background: #FDA31B;
border-radius: 50px 50px 50px 0;
padding-right: 12px;
text-align: right;
}

.exp-content h3{font-size: 21px;
font-weight:700;}


.exp-content p{color: grey;
font-weight: 450;}


.expert-image img{width:100%;height:auto;
border-radius: 30% 0 30% 30%;
}


.expert-image{position: relative;
margin:30px 0 30px 50px;}

.expert-image:before{position: absolute;
left: -15px;
bottom: -15px;
width: 100%;
height: 100%;
content: "";
border: 5px solid #FDA31B;
border-radius: 30% 0 30% 30%;
}

.gallery-sec{margin-top: 50px;}


.gallery-content span{color: #FDA31B;
font-size: 18px;
font-weight: 700;
letter-spacing: 4px;
text-transform: uppercase;
border-bottom: 2px solid #FDA31B;}

.gallery-content h2{font-size:49px;
font-weight: 800;
text-transform: capitalize;
}

.gallery-content .sp12{color:#FDA31B; 
font-size: 49px;
font-weight:700;
text-transform: capitalize;
border-bottom: 0;}

.gallery-content p{margin-top: 15px;
}

.gallery-items{margin-top: 40px;}

.gallery-images img{width: 100%;
border-radius: 50px 50px 50px 0;}











/**destop 1200**/


/**laptop 1024**/

@media (max-width:1199px){
  .container{width: 1000px;}
  
}

/**tab 768**/

@media(max-width:1023px){
  .container{width: 700px;}
  .header-top{display: none;}

  .navbar-brand img{width: 134px;}
  .bnr-cnt h5 {font-size:20px;}

  .banner-content h2{font-size:30px;
  line-height: 30px;}

  .banner-content p{font-size:20px;}

  .carousel-item img{
  height: 300px;}

  .feature-sec{margin-top:-20px;
    margin-bottom: 0;}

  .course-img img{width: 100%;
    height:200px;
    object-fit: cover;
    margin-left: 5px;
    margin-top: 2px;}

    .video-content h5,.video-content .sp8{font-size: 60px;}
    .video-image{margin-top: 20px;}


}

/**mobile landscape 480**/

@media(max-width:767px){
  .container{width: 450px;}

  .navbar-brand img{width: 134px;}

.social-icon a,.social-icon span{display: none;}
.head-item,.header-top{display: none;}

.carousel-item img{
height:auto;}

.bnr-cnt h5{font-size: 18px;

}
.banner-content h2{font-size:50px;}

.feature-main{  }

.navbar-nav {
    text-align: center;}

.course-main .crs-sp{font-size: 18px;
text-align: center;}

}

/**mobile portait 320**/

@media(max-width:479px){
  .container{width: 300px;}
  


}


