@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap');

body {
  font-family: 'Poppins', sans-serif;
  background: #ffffff;
}

html {
  overflow-x: hidden;
  position: relative;
  min-height: 100%;
}
p {font-weight: 400 !important; font-size: 16px;}
h1 {
  font-size: calc(0.75em + 3.6vmin);
}

h2 {
  font-size: calc(0.75em + 2.4vmin);
  margin-bottom: 25px;
}

h3 {
  font-size: calc(0.8em + 1.8vmin);
}
h4 {
  font-size: calc(0.75em + 1.8vmin);
}
h5 {
  font-size: calc(0.6em + 1.5vmin);
}

h6 {
  font-size: calc(0.6em + 1.3vmin);
}
.font-12 {
  font-size: 12px;
}

.font-14 {
  font-size: 14px;
}

.font-16 {
  font-size: 16px;
}

.font-18 {
  font-size: 18px;
}

.font-20 {
  font-size: 20px;
}

.font-24 {
  font-size: 24px;
}

.font-30 {
  font-size: 30px;
}


.font-40 {
  font-size: 40px;
}

.font-200 {
  font-weight: 200;
}

.font-300 {
  font-weight: 300;
}
.font-400 {
  font-weight: 400;
}

.font-500 {
  font-weight: 500;
}

.font-600 {
  font-weight: 600;
}

.header-title {
  font-size: 16px;
}
.card-title {
  font-size: 16px;
}


.card-price {
  border-radius: 10px !important;
  box-shadow: 0px 0px 15px 0px rgba(168, 168, 168, 0.4) !important;
  margin-top: 15px;
 }
/*.card-price .card-body {min-height: 390px;}*/
.card-price h3.card-title {
  font-size: 20px;
  text-align: center;
  color: #272727;
  font-weight: 500;
  margin-bottom: 25px;
}
.card-price h2 {
  font-size: calc(0.75em + 2.6vmin);
  text-align: center;
  color: #2F3BC0;
  font-weight: 600;
  margin-top: 0 !important;
}
.stick {width: 120px; height: 3px; background: #d30d0d; z-index: 1024; margin: -40px auto 0 auto; position: relative;}

.card-price ul.listview {
  list-style: none;
  padding: 0px 0px 0px 0px;
}
.card-price ul.listview li {
  padding: 0 0 10px 20px;
  position: relative;
  font-size: 13px;
  text-align: left;
  line-height: 20px;
}
.card-price ul.listview li:last-child {padding-bottom: 0;}
.card-price ul.listview li:before {
  content: "\f00c"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  color: #0059AA;
  position: absolute;
  left: 0px;
  top: 0px;
}
.text-primary {color: #0059AA;}



section {margin-top: 40px;margin-bottom: 40px;}

.mylogo {text-align: center;}

.mylogo img  {width: 200px; margin: 20px auto;}

.mainbanner {height: 560px; width: 100%; margin-top: 76px; position: absolute; top: 0; left: 0;}

.mainbanner h1 {color: #fff; text-align: center;}

.mainbanner h4 {color: #fff; font-weight: 200; text-align: center; margin: 15px 0;}


.carousel-item:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
}

.carousel-item {
  margin-top: 76px;
  height: 560px;
}

.carousel-image-0 {
  background: url('../images/banner_home7.jpg');
  background-size: cover;
}
.carousel-image-1 {
  background: url('../images/banner_home_2.jpg');
  background-size: cover;
}

.carousel-image-2 {
  background: url('../images/banner_home3.jpg');
  background-size: cover;
}

.carousel-image-3 {
  background: url('../images/banner_home4.jpg');
  background-size: cover;
}

.navbar-brand img {height: 50px;}

.topmenu {}

.topmenu a.nav-link {font-size: 16px; font-weight: 500; color: #333 !important;}

.topmenu a.nav-link:hover {color: #0059AA !important;}

.topmenu li.active a.nav-link {color: #0059AA !important;}

.topmenu .dropdown-menu {
  margin-top: 0;
  padding: 0;
  width: 260px;
  border:0;box-shadow:0px 10px 50px 0px rgba(0, 0, 0, 0.2);border-radius:0.125rem;-webkit-transition:all 150ms linear;-moz-transition:all 150ms linear;-o-transition:all 150ms linear;-ms-transition:all 150ms linear;transition:all 150ms linear;font-size:14px;
}
.topmenu .dropdown-menu li {border-bottom: 1px solid #e4e4e4;}

.topmenu  .dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0;
  padding: 0;
  width: 260px;
  border:0;box-shadow:0px 10px 50px 0px rgba(0, 0, 0, 0.2);border-radius:0.125rem;-webkit-transition:all 150ms linear;-moz-transition:all 150ms linear;-o-transition:all 150ms linear;-ms-transition:all 150ms linear;transition:all 150ms linear;font-size:14px;
}
.topmenu  .dropdown:hover .dropdown-menu li {border-bottom: 1px solid #e4e4e4;}

.serach { background: rgba(255, 255, 255, 0.3);border-radius: 0px 15px 15px 0px !important;  color: #ffffff; padding-left: 0; border-left: 0px !important;}

.serach::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #cccccc;
}

.serachicon { background: rgba(255, 255, 255, 0.3); border-radius: 15px; border-right: 0px !important;}

.serachicon i.fa {color: #ffffff; border-right: 0;}


/* input[type="text"]:focus {   
  border-color: #ffffff;
  color: #ffffff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0) inset, 0 0 8px rgba(126, 239, 104, 0);
  outline: 0 none;
  background: rgba(255, 255, 255, 0.3);
} */


.serach:focus {
  border-color: #ffffff;
  color: #ffffff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0) inset, 0 0 8px rgba(126, 239, 104, 0);
  outline: 0 none;
  background: rgba(255, 255, 255, 0.3);
}


.banner-content {padding:40px 8px; position: relative;}

.banner-content .left-que {position: absolute; left: 0px; top: 0px;}

.banner-content .right-que {position: absolute; right: 0px; bottom: 0px;}

.banner-bdr {border: 3px solid #f5f5f5; padding:20px 15px;}

.banner-content h3 {font-weight: 300; padding: 20px 35px; text-align: center; position: relative;}


.about-us {padding: 50px 0;}

.about-us p {font-size: 16px;}

.vision-mission {background: url(../images/image2_home.jpg) no-repeat;background-position: left center;  background-size: cover; width: 100%; padding: 50px 0; color: #ffffff; font-weight: 300; font-size: 16px;}


.courses {padding: 50px 0; background:#040203 url(../images/course_bg.jpg) center no-repeat;}

.coursediv {background-position: left center !important;  background-size: cover !important; width: 100%; padding: 50px 0; color: #ffffff; font-weight: 300; font-size: 16px;border-radius: 15px; text-align: center; height: 260px;}

.courses h2 {color: #fff; margin-bottom: 30px; position: relative;}

.coursediv h4 {font-size: calc(0.75em + 1.1vmin) ;}

.coursediv p {text-align: center;}

img.cr-icon {width: 80px; margin-bottom: 15px;} 

.course-radius {border-radius: 15px;}


.whychoose {background: #F6F4F5; padding: 40px;}

.whychoose h2 {padding-top: 20px;}


.whydiv {position: relative; padding: 0px 15px 15px 110px;}

.radius {border-radius: 15px;}

img.why-icon {width: 90px; position: absolute; left: 0; top: 10%;}

#testimonials {text-align: center; color: #fff; padding: 15px 15px 50px 15px;}

#testimonials img.circle {border-radius: 100%;} 

#testimonials h4 {
  color: #fff;
  margin-bottom: 5px;
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
}

#testimonials .carousel-indicators li{padding:0;width:12px;height:12px;border:none;text-indent:0;margin:2px 3px;cursor:pointer;display:inline-block;background:transparent;-webkit-border-radius:100%;border-radius:100%;border:3px solid #fff}
#testimonials .carousel-indicators .active{padding:0;width:12px;height:12px;border:none;text-indent:0;margin:2px 3px;cursor:pointer;display:inline-block;background:#197b9f;-webkit-border-radius:100%;border-radius:100%}


.courses ul.listview {
  list-style: none;
  padding: 15px 15px 15px 15px;
}
.courses ul.listview li {
  padding: 0 0 5px 20px;
  position: relative;
  font-size: 13px;
  text-align: left;
}
.courses ul.listview li:before {
  content: "\f00c"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  color: #0059AA;
  position: absolute;
  left: 0px;
  top: 0px;
}

ul.refund {
  list-style: none;
  padding: 15px 15px 15px 15px;
}
ul.refund li {
  padding: 0 0 10px 20px;
  position: relative;
  text-align: left;
}
ul.refund li:before {
  content: "\f00c"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  color: #0059AA;
  position: absolute;
  left: 0px;
  top: 0px;
}

.modal-header .close {
  margin-top: -2px;
  margin-top: -2px;
  position: absolute;
  top: 0px;
  right: 10px;
  width: 36px;
  height: 36px;
  padding: 0;
  transform: translate(50%,-50%);
  border-radius: 50%;
  background-color: #0059AA!important;
  z-index: 9999;
  color: #fff;
  opacity: 1;
}


.footer {background: #252628; padding-bottom: 15px;}

.getnotify {background: #191A1C; padding: 30px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;}

.getnotify p {color: #A0A0A1; margin-bottom: 0; padding: 15px 0;}

a.notifybtn {background: #47484A; border-radius: 100%; font-size: 20px; width: 50px; height: 50px; text-align: center; display: block; padding:0px 15px; line-height: 50px; float: right; color: #252628;}


.ouremail {background: #1083d4; padding:33px 0px; text-align: center; color: #ffffff;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;}
  .ouremail .fa {font-size: 20px;}
.ouremail p {text-align: center; margin-bottom: 0;}

.ourphone {background: #fdc63e;  padding:33px 0px;text-align: center; color: #000000;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;}
.ourphone .fa {font-size: 20px;}
.ourphone p {text-align: center; margin-bottom: -23px;}

.popular-courese {}
.popular-courese h4 {color: #fff; font-size: calc(0.75em + 1.4vmin);}
h4.footer-title {color: #fff; font-size: calc(0.75em + 1.4vmin);}
.popular-courese a {color: #ccc; text-decoration: none; width: 100%; display: block; line-height: 25px;}
.popular-courese a:hover {color: #fff;}

@media (max-width: 768px) {
  .whydiv {position: relative; padding: 0px 0px 15px 0px;}

  .radius {border-radius: 15px;}
  
  img.why-icon {width: 90px; height: 80px; margin: 0px 0 15px 0; display: block; position: relative;}
}

@media (min-width:768px) and (max-width:1024px){
 
}

/*********************************************************************/
/* Bootstrap 4 Multiple Item Carousel */
/*********************************************************************/
/* medium - display 2  */
@media (min-width: 768px) {
 
  
}

/* large - display 3 */
@media (min-width: 992px) {

}

@media (max-width: 768px) {
  .topmenu .dropdown:hover .dropdown-menu {width: 100%;box-shadow:0px 0px 0px 0px !important}
  .navbar-nav li.nav-item {
     padding-left: 10px;
}
.topmenu {padding: 15px 0;}
 .header-right {display: none;} 
.hiddenxs {display: none;}
.course-circle {margin: 0px auto;}
.global-trainig .one, .global-trainig .two, .global-trainig .three {margin-top: 20px;}
.search-mobile {padding: 10px 25px; margin: 20px auto 10px auto;}
.mobilebg {background: url(../images/banner_home5.jpg) no-repeat;background-position: left center;  background-size: cover;}
.experience .tenplus {font-size: 60px; font-weight: 500;}
}