/* ===================================== Import Less ================================== */
@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');

/* ===================================== Basic CSS ==================================== */
* {
  margin: 0px;
  padding: 0px;
  list-style: none; 
  font-family: 'Raleway', sans-serif;}

img {
  max-width: 100%; }

a {
  text-decoration: none;
  outline: none;
  color: #444; }

a:hover {
  color: #444; }

ul {
  margin-bottom: 0;
  padding-left: 0; }

a:hover,
a:focus,
input,
textarea {
  text-decoration: none;
  outline: none; }

.center {
  text-align: center; }

.left {
  text-align: left; }

.right {
  text-align: right; }

.cp {
  cursor: pointer; }

html, body {
  height: 100%; }

p {
  margin-bottom: 0px;
  width: 100%; }

.no-padding {
  padding: 0px; }

.no-margin {
  margin: 0px; }

.hid {
  display: none; }

.top-mar {
  margin-top: 15px; }

.h-100 {
  height: 100%; }

::placeholder {
  color: #747f8a !important;
  font-size: 13px;
  opacity: .5 !important; }

.container-fluid {
  padding: 0px; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Open Sans", sans-serif;
  color: #545454; }

strong {
  font-family: "Open Sans", sans-serif; }

body {
  background-color: #f1f1f145 !important;
  font-family: "Open Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  color: #6A6A6A;
  overflow-x: hidden; }

.session-title {padding: 20px; margin: 0px;}
  .session-title h2 {
    width: 100%;
    text-align: center;
    font-family: "Open Sans", sans-serif;
    font-weight: 600; }
  .session-title p {
    max-width: 850px;
    text-align: center;
    float: none;
    margin: auto; }
  .session-title span {
    float: right;
    font-style: italic; }

.inner-title {
  padding: 20px;
  padding-left: 0px;
  margin: 0px;
  margin-bottom: 10px;
  padding-bottom: 0px;
  border-bottom: 1px solid #ccccccc4;
  display: block;
  padding-right: 0px; }
  .inner-title h2 {
    width: 100%;
    text-align: center;
    font-size: 1rem;
    font-weight: 600;
    text-align: left;
    border-bottom: 1px solid #863dd9;
    padding-bottom: 10px;
    margin-bottom: 0px;
    width: 300px; }
  .inner-title p {
    width: 100%;
    text-align: center; }
  .inner-title .btn {
    float: right;
    margin-top: -38px;
    font-weight: 600;
    font-size: .8rem; }

.page-nav {
  padding: 40px;
  text-align: center;
  padding-top: 165px;
  background-color: #eaeaea; }

.page-nav ul {float: none; margin: auto;}
@media screen and (max-width: 576px) {.page-nav {padding-top: 200px;} }
@media screen and (max-width: 356px) {.page-nav {padding-top: 200px;} }
  .page-nav h2 {
    font-size: 30px;
    width: 100%;
    font-weight: 600;
    color: #444; }

@media screen and (max-width: 600px) {.page-nav h2 {font-size: 26px;} }
.page-nav ul li {
  float: left;
  margin-right: 10px;
  margin-top: 10px;
  font-size: 16px; }

.page-nav ul li i {width: 30px; text-align: center; color: #444;}
.page-nav ul li a {color: #444;}
.btn-success {background-color: #005ca1; border-color: #005ca1;}
.btn-success:hover {
  background-color: #005ca1 !important;
  border-color: #005ca1 !important; }

.btn-success:active {
  background-color: #005ca1 !important;
  border-color: #005ca1 !important; }
.btn-success:focus {
  background-color: #005ca1 !important;
  border-color: #005ca1 !important;
  box-shadow: none !important; }

.btn-primary {background-color: #6655e8; border-color: #6655e8;}
.btn-primary:hover {
  background-color: #6655e8 !important;
  border-color: #6655e8 !important;}
.btn-primary:active {
  background-color: #6655e8 !important;
  border-color: #6655e8 !important;}
.btn-primary:focus {
  background-color: #6655e8 !important;
  border-color: #6655e8 !important;
  box-shadow: none !important;}

.btn {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  border-radius: 2px; }

.form-control:focus {box-shadow: none !important; border: 2px solid  #863dd9;}
.btn-light {background-color: #FFF; color: #3F3F3F;}
.collapse.show {display: block !important;}
.form-control:focus {
  box-shadow: none;
  border: 2px solid #863dd9 !important; }

.form-control {background-color: #F8F8F8; margin-bottom: 20px;}
.form-control:focus {background-color: #FFF; border-color: #CCC;}

.container {max-width: 1170px;}
@media screen and (max-width: 575px) {.container {padding: 10px 15px;} }

/* =================== Header Style Starts Here =================== */

.goog-logo-link {display:none !important;}
.goog-te-gadget{color: transparent !important;}
.translate{margin-top: 8px;}

.logo{margin-top: 22px;}
.logo a h6{font-weight: 600; color: #005ca1;}

header {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  background-color: #FFF;
  position: absolute;
  width: 100%;
  z-index: 99;}

header .header-top {background-color: #242c42; }
header .header-top .col-det .ulleft li {
  float: left;
  padding: 12px;
  color: #d3d7ce;
  font-size: .85rem;
  font-weight: 600; }

header .header-top .col-det .ulleft li i {margin-right: 5px; color: #86bc42;}
header .header-top .col-det .ulleft li span {margin-left: 15px;}
header .header-top .col-det .ulright {float: right;}
header .header-top .col-det .ulright li {
  float: left;
  padding: 10px 7px;
  color: #d3d7ce;
  font-size: 1rem;
  font-weight: 600; }

header .header-top .col-det .ulright li i {margin-right: 5px;}
header .header-top .col-det .ulright li span {margin-left: 15px;}
header .header-bottom {padding: 6px;}
header .header-bottom img {margin-top: 8px;}
@media screen and (max-width: 991px) {
  header .header-bottom img {padding: 5px; margin-top: 0px; max-width: 230px;} 
}

.navbar{padding: 5px 1rem;}
header .nav-col .navbar-nav {width: 100%;}
header .nav-col .navbar-nav li {padding: 4px 8px; font-weight: 700;}
header .nav-col .navbar-nav li a {color: rgba(0, 0, 0, 0.6) !important;}
header .nav-col .navbar-nav li a.active {color: #005ca1 !important;}
header .nav-col .navbar-nav .nav-btn {float: right;}
@media screen and (max-width: 767px) {.navbar {padding: 0px;} }

.navbar-toggler {position: absolute; right: 0px; top: -40px;}
@media screen and (max-width: 767px) {.navbar-toggler {top: -50px;} }
.scroll-to-fixed-fixed {
  background-color: #FFF;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }

.scroll-to-fixed-fixed {padding: 5px !important;}

/* =================== Slider Style Starts Here =================== */

.slider-detail {padding-top: 115px;}
@media screen and (max-width: 992px) {
  .slider-detail {padding-top: 131px;}
  .slider-detail .container {padding: 0px;} 
}
@media screen and (max-width: 767px) {.slider-detail {padding-top: 116px;} }
@media screen and (max-width: 576px) {.slider-detail {padding-top: 156px;} }

.slider-detail .carousel-caption {text-align: left; bottom: 180px;}
@media screen and (max-width: 991px) {
  .slider-detail .carousel-caption {bottom: 10px;}
  .slider-detail .carousel-caption h5 {font-size: 28px;} 
}

@media screen and (max-width: 800px) {
  .slider-detail .carousel-caption h5 {font-size: 18px;} 
}

.slider-detail .carousel-caption h5 { 
  font-size: 44px;
  margin-left: -40px;
  font-weight: 600;
  color: #ffffff;}
.slider-detail .carousel-caption p {
  margin-left: -40px;
  font-weight: 600;
  margin-top: 20px;
  font-size: 16px;
  color: #fff; }
.slider-detail .vbh {margin-left: -40px;}
.slider-detail .vbh .btn {
  padding: 10px 30px;
  margin-top: 40px;
  font-weight: 600;
  font-size: 18px; }
.slider-detail .vdg-cur {color: #ffffff;}
.slider-detail .fvgb {color: #ffffff;}


/* =================== About Us Starts Here =================== */

.about-us-logo{
  width: 170px; 
  display: block; 
  margin-left: auto; 
  margin-right: auto;
  padding-bottom: 25px;}

.excellent-img{width: 140px; margin: -60px 0 0 40px;}
.director h6 span{color: #005ca1; font-weight: 600;}
.director h6{line-height: 27px;}

@media screen and (max-width: 522px) {
  .excellent-img{width: 140px;  display: block;  margin: 0 auto;}
}


/* =================== know thw faculty Starts Here =================== */

.about-company {padding: 50px; background-color: #fff;}
@media screen and (max-width: 940px) {.about-company {padding: 30px 10px;} }
.about-company .detail {margin-top: 20px;}
.about-company .detail h3 {font-weight: 600; font-size: 1.8rem;}
.about-company .detail p {font-size: .95rem; text-align: justify; font-weight: 500;}
.about-company .imag {padding: 10px;}
.about-company .imag img {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  background-color: #FFF;
  padding: 5px; }


/* =================== Vission Starts Here =================== */

.vision{padding: 40px 0 60px 0;}
.vision-img{padding: 10px;}


/* =================== Counselling Starts Here =================== */
.counselling{padding: 50px; background-color: #fff;}
.session-img{width: 420px; margin-left: 25px; padding: 10px;}

.scholarship{padding: 50px;}
.scholarship-img{
  width: 500px; 
  padding: 10px; 
  border-top-left-radius: 50px;
  border-bottom-right-radius: 50px;}

.rewards{padding: 50px; background-color: #fff;}
.rewards-img{
  width: 450px; 
  padding: 10px; 
  border-top-right-radius: 50px;
  border-bottom-left-radius: 50px;}

@media screen and (max-width: 575px) {
  .counselling, .scholarship, .rewards{padding: 20px 10px;}  
  .counselling h5, .scholarship h5, .rewards h5{
    font-size: 17px; margin: 15px 0;} 

}


/* =================== Courses Starts Here =================== */

.cources {padding: 50px; background-color: #fff;}
@media screen and (max-width: 940px) {.cources {padding: 30px 10px;} }

.cources .cord-div .cours-card {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  border-radius: 2px;
  background-color: #FFF;
  margin-bottom: 30px; }
.cources .cord-div .cours-card .cours-name {
  background-color: #005ca1;
  padding: 25px 10px; }
.cources .cord-div .cours-card .cours-name h2 {
  text-align: center;
  font-size: 1.5rem;
  color: #FFF;
  font-weight: 700;
  margin-bottom: 0px; }

.cources .cord-div .cours-card .course-detail {padding: 20px; text-align: center;}
.cources .cord-div .cours-card .course-detail h5 {
  text-align: center;
  font-weight: 600;
  font-size: 1rem; }
.cources .cord-div .cours-card .course-detail .star {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px; }
  
.cources .cord-div .cours-card .course-detail .star i {
  font-size: .8rem; 
  color: #f89d13;}

.cources .cord-div .cours-card .course-detail p {font-size: .85rem;}
.cources .cord-div .cours-card .course-detail button {margin-top: 20px;}


/* =================== Keyfeatures Starts Here =================== */

.key-feature {padding: 50px;}
@media screen and (max-width: 940px) {.key-feature {padding: 30px 10px;} }

.key-feature .session-title {padding-top: 10px;}
.key-feature .key-cover {
  padding: 15px;
  border: 1px solid #cccccc85;
  text-align: center;
  margin-bottom: 60px;
  margin-top: 20px;
  background-color: #005ca1;
  border-radius: 8px; 
  transition: ease-in-out 0.5s;}

.key-feature .key-cover i {
  padding: 13px;
  color: #005ca1;;
  border: 6px solid #005ca1;
  border-radius: 30px;
  width: 60px;
  height: 60px;
  text-align: center;
  margin-bottom: 20px;
  margin-top: -45px;
  position: absolute;
  margin-left: -30px;
  background-color: #FFF;
  font-size: 22px; }

.key-feature .key-cover h4 {
  font-size: 1.2rem;
  text-align: center;
  margin-top: 35px;
  margin-bottom: 15px;
  font-weight: 600;
  color: #FFF; }

.key-feature .key-cover p {
  font-size: .95rem;
  font-weight: 400;
  text-align: center;
  padding: 0px 22px;
  margin-bottom: 20px;
  color: #FFF; }

.key-feature .key-cover:hover {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  background-color: #FFF;
  color: #444; 
  transition: ease-in-out 0.5s;}

.key-feature .key-cover:hover h4 {color: #444;}
.key-feature .key-cover:hover p {color: #444;}


/* =================== Our Team Starts Here =================== */

.our-team {padding: 50px; background-color: #fff;}
@media screen and (max-width: 940px) {.our-team {padding: 30px 10px;} }
.our-team .team-row {margin-top: 20px;}
.our-team .team-row .single-usr {
  box-shadow: 0 2px 6px 0 rgba(218, 218, 253, 0.65), 0 2px 6px 0 rgba(206, 206, 238, 0.54);
  margin-bottom: 20px;}

.our-team .team-row .single-usr img {width: 100%;}
.our-team .team-row .single-usr .det-o {padding: 20px; background-color: #1bbc9b;}
.our-team .team-row .single-usr .det-o h4 {color: #FFF; margin-bottom: 0px;}
.our-team .team-row .single-usr .det-o i {color: #FFF;}

/*====================================== Blog Style ====================================*/

.blog {padding: 50px; background-color: #FFF;}
@media screen and (max-width: 990px) {.blog {padding: 50px 10px;} }
@media screen and (max-width: 1199px) {.blog .container {max-width: 100%;} }
.blog .blog-singe {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  border-radius: 2px;
  background-color: #FFF;
  margin-bottom: 30px; }

.blog .blog-singe img {width: 100%;}
.blog .blog-singe .blog-img-tab {padding: 0px;}
.blog .blog-singe .blog-content-tab {padding: 15px;}
.blog .blog-singe .blog-content-tab h2 {font-size: 19px;}
.blog .blog-singe .blog-content-tab i {margin-right: 10px; font-size: 12px;}
.blog .blog-singe .blog-content-tab i small {margin-left: 5px; font-size: 100%;}
.blog .blog-singe .blog-content-tab .blog-desic {
  margin-top: 8px;
  font-size: 12px;
  text-indent: 20px;
  margin-bottom: 10px; }

.blog .blog-singe .blog-content-tab a {color: #06b2b6; font-size: 12px;}
.blog .blog-singe .blog-content-tab a i {margin-left: 15px; font-size: 13px;}
.blog-new-page {background-color: #FFF;}

/* =================== Contact US Starts Here =================== */

.contact-rooo .pr-0 {padding-right: 0px;}
.contact-rooo .cont-row {margin-top: 10px;}
.contact-rooo .cont-row .col-sm-3 {padding-right: 0px;}
.contact-rooo .cont-row .col-sm-3 span {float: right;}

.serv p{margin: 30px 0;}

/* =================== Footer Starts Here =================== */

footer {padding: 50px; background-color: #222; color: #FFF;}
@media screen and (max-width: 940px) {footer {padding: 30px 10px;} }
footer h2 {
  font-size: 1.2rem;
  margin-top: 20px;
  margin-bottom: 20px;
  color: #FFF;
  font-weight: 600;}
    
footer .about {font-size: .85rem;}
footer .about p {font-size: .95rem; margin-bottom: 20px;}
footer .about .foot-address {display: flex;}
footer .about .foot-address .icon {padding: 20px 10px;}
footer .about .foot-address .addet {font-size: .9rem; margin: 15px 0;}
footer .fotblog .blohjb {margin-bottom: 10px;}
footer .fotblog .blohjb p {font-size: .9rem;}
footer .fotblog .blohjb span {font-size: .9rem;}
footer .glink ul li {padding: 10px;}
footer .glink ul li i {margin-right: 10px;}
footer .glink ul li a {color: #FFF; transition: ease-in-out 0.5s;}
footer .glink ul li a:hover {letter-spacing: 2px; transition: ease-in-out 0.5s;}

footer .tags .foot-address .addet a{color: #fff;}
footer .tags .foot-address .addet{padding: 8px 0; margin-bottom: 8px;}

.copy {
  padding: 20px;
  background-color: #2E2E2E;
  color: #FFF;
  font-size: .8rem; }

.copy a {color: #FFF;}
.copy span {float: right;}
.copy span i {margin-right: 20px; font-size: 16px; transition: ease-in-out0.5s;}
.copy span i:hover {color: #005ca1; transition: ease-in-out0.5s;}



/* ============================ Gallery CSS ======================== */

.photo-gallery {color:#313437; background-color:#fff;}
.photo-gallery p {color:#7d8285;}
.photo-gallery h2 {font-weight:bold; margin-bottom:40px; padding-top:40px; color:inherit;}
@media (max-width:767px) {
  .photo-gallery h2 {margin-bottom:25px; padding-top:25px; font-size:24px;}
}

.photo-gallery .intro {font-size:16px; max-width:600px; margin: 20px auto 40px;}
.photo-gallery .intro p {margin-bottom:0;}
.photo-gallery .photos {padding-bottom:20px;}
.photo-gallery .item {padding-bottom:30px;}
.photo-gallery .item img{border-radius: 10px;}


/* ============================ Testimonials CSS ======================== */


.testimonials{padding: 50px 0; background-color: #005ca1;}
.owl-carousel .owl-item {transition: all 0.3s ease-in-out}
.owl-carousel .owl-item .card {padding: 20px; position: relative}
.owl-carousel .owl-stage-outer {overflow-y: auto !important; padding-bottom: 40px;}
.owl-carousel .owl-item img {height: 150px; object-fit: cover; border-radius: 6px;}
.owl-carousel .owl-item .card .name {
  position: absolute;
  bottom: -18px;
  left: 25%;
  color: #101c81;
  font-size: 1.1rem;
  font-weight: 600;
  background-color: aquamarine;
  padding: 0.3rem 0.4rem;
  border-radius: 5px;
  box-shadow: 2px 3px 15px #3c405a
}

.owl-carousel .owl-item .card {
  opacity: 0.2;
  transform: scale3d(0.8, 0.8, 0.8);
  transition: all 0.3s ease-in-out;}

.owl-carousel .owl-item.active.center .card {opacity: 1; transform: scale3d(1, 1, 1)}
.owl-carousel .owl-dots {display: inline-block; width: 100%; text-align: center;}
.owl-theme .owl-dots .owl-dot span {
  height: 20px;
  background: #2a6ba3 !important;
  border-radius: 2px !important;
  opacity: 0.8;}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  height: 13px;
  width: 13px;
  opacity: 1;
  transform: translateY(2px);
  background: #83b8e7 !important
}

@media(min-width: 480.6px) and (max-width: 575.5px) {
  .owl-carousel .owl-item .card .name {left: 24%;}
}

@media(max-width: 360px) {
  .owl-carousel .owl-item .card .name {left: 30%;}
}

/* ============================ Responsive Style CSS ======================== */

@media screen and (max-width: 991px) {
  .we-are-making .text-part {text-align: center;}
  .we-are-making .text-part .count .count-sing {margin-bottom: 20px;}
  .headwe-nav .container {padding: 10px;}
  header .headwe-nav .nav-div .navbar-nav .nav-item .nav-link {
    padding: 10px;
    border-right: 0px; } 
}

@media screen and (max-width: 767px) { 
  .about-company .imag img{
    margin-top: 20px;
    width: 50%;
    display: block; 
    margin-left: auto; 
    margin-right: auto;}
}

@media screen and (max-width: 576px) {
  .about-us-logo{width: 100px;}
  .excellent-img{width: 110px; margin: -60px 0 0 10px;}
  .about-company .imag img{margin-top: 20px;}

  .session-img{margin-left: 0;}

  .visitors{text-align: center;}
  .copy {text-align: center;}
  .copy span{display: block; text-align: center; float: none; margin-top: 10px;}
}

@media screen and (max-width: 415px) {
  .logo{margin-top: 10px;}
  .slider-detail {padding-top: 142px;}
  .navbar-toggler:not(:disabled):not(.disabled){margin-top: 12px;}
  
  .excellent-img{margin: 0;}
  .about-company .imag img{margin-top: 20px;}

  .session-img{margin-left: 0;}
}


/*# sourceMappingURL=style.css.map */