body{font-family: 'Poppins', sans-serif; font-weight: 400; color: #071c35; background: #fff; font-size:16px; }
*{ transition: all ease-in-out 0.2s; outline: 0px;}

img{ max-width: 100%;}
.navbar-brand { position: relative; z-index: 6;}
.navbar-brand img{ max-width:150px;}

header{ background:#fff; padding:15px 0;}
.call{ padding-left:15px; margin-left: 30px; position: relative; color: #1b2948; font-size: 18px; font-weight: 500; text-transform: uppercase; display: inline-block; text-align: left; border-left: 1px solid #ccc;}

.call a{ display: inline-block; color: #ff3033; }



.seconday-info{ margin: 0px; padding: 0px; text-align: right; position: relative; z-index: 6;}
.seconday-info li{display: inline-block; padding: 0 15px;}
.seconday-info li a{display: inline-block; color: #a67868;}
.seconday-info li a i{ color: #d43c07;}
.navbar-brand span{ display: inline-block; position: relative;}
.navbar{ padding: 0 50px;}
.navbar-brand strong{ font-size: 28px; color:#6b2e19; font-weight:800;}
.navbar-light .navbar-nav .nav-link {
    color: #1b2948;
    font-weight:500;
    font-size: 15px;
    position: relative;
    padding-left: 12px; padding-right:12px;
}
.navbar-light .navbar-nav .nav-link::before{content:""; width: 0px; position: absolute; left: 100%; right: 100%; top: 0px; height: 1px; margin: 0 auto; transition: all ease-in-out 0.5s; }
.navbar-light .navbar-nav .nav-link:hover::before,.navbar-light .navbar-nav .active .nav-link::before  {content:""; width:auto; top: 0px; left:5px; right:5px; height:2px; margin: 0 auto; background: #ff3033; }
.navbar-light .navbar-nav .nav-link:hover{ color: #ff3033;}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {    color: #1b2948;}
.login-register{ color:#ff3033 !important;}



.signupbtn{ margin-left:85px;}
.social-link-top li a{ font-size: 24px !important; padding: 0px 5px !important;}

.carousel-control-next, .carousel-control-prev {
    width:auto !important;
    opacity:1 !important;
}

.carousel-control-next{ right:30px;}
.carousel-control-prev{ left:30px;}
.carousel-control-prev-icon,.carousel-control-next-icon{ background: none;}
.carousel-control-prev-icon:before{content:"\f104"; display: inline-block; font-size: 18px; font-family: "FontAwesome";}
.carousel-control-next-icon:before{content:"\f105"; display: inline-block; font-size: 18px; font-family: "FontAwesome";}
.carousel-inner{ position: static;}


/*global*/

.btn{ border-radius: 50px; padding:10px 35px; letter-spacing: 1.5px; box-shadow: 0px 10px 30px 0px #c2d4f6;}
.btn-sm{ padding: 5px 10px ;}
.btn-success{ background: #1ebb76; }

.btn-dark{ background: #2b3c63; }

.btn-warning{ color: #fff; background: #f5ae04;}
 h2{ position: relative; font-size:30px; font-weight: 600;  color: #071c35;}
  .content-space{ padding-top:30px; padding-bottom:50px;}
   .content-spaces{ padding-top:30px;}
.project-listing{ position: relative;}
.project-listing .card-body{ color: #fff; position: absolute; left: 0px; text-align: center; bottom: 0px; right: 0px;
     background: rgba(0,0,0,0.7);}
     .project-listing .card-body h3{ font-size:20px;}
     .project-listing .card-body p{ font-size: 13px; margin: 0px;}
     .project-listing  img{ max-height: 350px; object-fit: cover; width: 100%;}


.project-listing .card-body a{ color: #fff; text-decoration: none;}
.project-listing .card-body a:hover{color:#e5b77b}

.section-seprator{ margin:30px  0;}
.section-seprator:after{ content: ""; display: block; margin: 15px auto; height: 2px; width: 300px; background:#e5b77b ;}

.text-dark{ color: #2b3c63;}
.text-green{ color: #ff3033;}
/*banner*/

.banner{ background: #071c35; position: relative; }
.banner .arrow-bottom{ position: absolute; left:0; right: 0px; bottom: -17px; text-align: center; z-index: 5;}
.banner:before{content: ""; height:12px; background: #0070ba; position: absolute; z-index: 3; right: 0px; left: 46%;  border-radius: 15px 0 0 15px; top:-6px;}
/*.banner .big-banner{ max-height:calc(100vh - 150px); width: 100%; object-fit: cover;}*/
.carousel-item{ position: static;}


/*footer*/
footer {background:#24b772;z-index:8; position:relative; padding:50px 0 }

.footercolume h3 {font-size: 24px;color: #ffd544; margin-bottom:30px;}
.footercolume p {color:#fff;}
.footercolume .input-group-addon {
	background: rgba(255,255,255,0.5);
	border: 0px;
	color: #fff;
	line-height: 34px;
	padding-right: 5px;
}
.footercolume .form-control{background:#fff; height: 50px; border:0px;  color:#000;}
.footercolume .input-group-addon i{color:#fff;}
.footerrow{ background:#1c1d53; padding:10px; color:#fff}
.footer-social{ margin:0px; padding:0px; text-align:right;}
.footer-social li a{ color: #fff;}
.footer-social li{display:inline-block; font-size:18px;}
.aboutus {
    background: #fff;
    padding:50px;
    z-index: 9;
    position: relative;
    margin-top: -110px;
    margin-bottom: 50px;
}

.footercolume  h3{ font-size:18px;  color:#fff;}
.footercolume  p{  color:#fff; font-size:14px;}
.footercolume  ul{ margin:0px; padding:0px;}
.footercolume  ul li{ list-style:none; font-size:15px; padding:5px 0; color:#fff;}
.footercolume  ul li a{color:#fff;}
.footercolume i{ color:#febf0f; width:25px;}


.footercolume select{ max-width:200px; margin-bottom:10px; border-radius:0px; display:inline-block; padding:15px; height:auto; -webkit-appearance:none;-moz-appearance: none; appearance: none; background:#fff url(../images/icon_select_arrow.png)no-repeat right 10px center}

.social-link{ margin: 0px 0 50px 0; padding: 0px;}
.social-link li{display: inline-block; list-style: none; margin:0 5px}
.social-link li a{color: #423eaf; font-size:16px; text-decoration: none;}
.take-me-top{ position: absolute; right: 0px; top:-45px; width: 60px; height: 60px; background: #e1001c; color: #fff; border-radius: 100%; display: inline-block; text-align: center; line-height:60px;}
.copyright p{ margin: 10px 0; color:#fff; font-size: 14px;}

.search-text a{color:#071c35; text-decoration: none;}
.phonen-column{ text-align: right}
.footer-bottom {color: #6f6f85;}
.footer-bottom a{color: #6f6f85; text-decoration: none;font-size: 14px;}
.takeme-up {
    position: fixed;
    right: 15px;
    bottom: 50px;
    z-index: 9;
}
.takeme-up .fa {
    display: inline-block;
    cursor: pointer;
    box-shadow: 0 0 25px rgb(0 0 0 / 30%);
    width: 35px;
    height: 35px;
    text-align: center;
    color: #333;
    background: #fff;
    line-height: 35px;
    font-size: 20px;
    border-radius: 100%;
}
/*all project page*/


.inner-banner{ position: relative;}
.inner-banner h2{ position: absolute; text-align: center; left: 0px; right: 0px; top: 50%; transform: translateY(-50%);}
.inner-banner h2 span{ display: inline-block; padding: 10px 40px; border-radius:30px; color: #fff; }
.detail-column ul{ margin: 0px; padding: 0px; list-style: none;}
.detail-column ul li{ padding: 10px 0; border-top: 1px solid rgb(218, 198, 198); display: flex; align-items: center; justify-content: space-between;}
.details-project .project-listing{ margin-top: -80px;}
.detail-column{ padding-top:50px;}
.bg-light-orange{ background: #f7f2ec;}
.location-details{ padding-left: 100px;}



.contact-detail{ background: #fff; padding: 50px; border-left: 5px solid #ff2d2d;}
.contact-detail ul{ margin: 0px; padding: 0px;}

.contact-detail ul li{ list-style: none; margin: 15px 0;}
.get-touch a{ display: block;}
.get-touch li{ padding: 0 0 15px 30px !important; position: relative;}
.get-touch li .fa{ position: absolute; left: 0px;}


.footercolume  .input-group-text {
    color: #fff;
    background-color: #377dff;
    border: 1px solid #377dff;
}

.footercolume  .input-group-text i{ color: #fff;}


.quick-links-section{ background: #071c35; padding:30px 50px; }
.inner-quick{ border-top: 5px solid #e5b77b; padding:20px 15px;}
.quick-links-section h2{ color: #fff; margin-top:40px; margin-bottom:20px;}

.nav-tabs {
    border-bottom: 1px solid rgba(255,255,255,0.2);
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #e5b77b;
    background-color:transparent;
    border-color: transparent transparent #e5b77b;
}
.nav-tabs .nav-link { border-bottom: 2px solid transparent; border-top-left-radius: .25rem;border-top-right-radius: .25rem; color: #ccc;}
.keyblock{ border: 1px solid transparent; margin:30px 0 15px 0; background: #f4f6fa; border-radius: 5px; padding: 30px 20px; text-align: center;}
.keyblock h3{ font-size: 16px;}
.keyblock i{ font-size: 34px; margin-bottom: 10px; color: #ff3033;}
.keyblock p{ font-size: 12px; margin-bottom: 0px; padding: 0px;}
.keyblock:hover{border: 1px solid #ff3033;}
.spacer-100{ height: 100px;}
.popular-courses-tab.nav-tabs .nav-item.show .nav-link, .popular-courses-tab.nav-tabs .nav-link.active {
    color: #1eba75;
    background-color: transparent;
    border-color: transparent transparent #1eba75;
}

.popular-courses-tab.nav-tabs .nav-link {
    color: #7f8185; padding-left: 0px; padding-right: 0px; margin-right:20px;
}
.rating-box .fa{color: #efaf33; font-size: 16px;}
.subject-box{ box-shadow: 0 0 15px rgba(173,180,195,0.5); border: 1px solid #d7deeb; margin-bottom:30px; position: relative;}
.subject-box h3{ color: #2b3c63; font-size: 24px; font-weight:600;}
.subject-box p{ color: #6d7380; font-size: 14px;}
.pricebox{ color: #2b3c63; }
.pricebox del{ color:#ccc}
.pos-rel{ position: relative;}
.subject-box .btn-right{ display: inline-block; padding: 10px 20px; position: absolute; right:0; bottom: 0px;  background: #1eba75; color: #fff; text-decoration: none;}

.testimonial-section{ background: #ff3033 url(../images/map.png) no-repeat; background-size:cover;  padding: 100px 0 0 0}
.testimonial-section:after{ content:""; height: 200px; background: #fff; width: 100%; display: block; margin-top: -50px;}
.testimonial-block{ background: #fff; border-radius: 8px; padding: 30px; box-shadow: 0 0 5px #ccc; }
.testimonial-block img{ border-radius: 100%;;}

.testimonial-block .media img{ width: 65px; height: 65px;}
.testimonial-section h2,.testimonial-section p{ color: #fff;}
.testimonial-block .media{ margin-top: 15px;}
.testimonial-block .media h5{ font-size: 16px;}
.testimonial-section  p{ color: #fff; font-size: 14px; margin: 30px 0;}
.testimonial-block p{ color:#616178; margin: 0px;}
.testimonial-block h3{ font-size:20px; margin-bottom:8px;}

.learn-from-extpert{ background: #293a61; padding:80px;}
.learn-from-extpert h2{text-align: center; color: #fff; margin-bottom: 30px;}
.learn-from-extpert p{text-align: center; color: #acb7c2;}

.teacher-item{ text-align: center;}
.teacher-item h3{color: #fff; font-size:24px;}
.teacher-item p{color: #fff; font-size: 16px;  font-style: italic;}

.teacher-item figure{ display: inline-block;
    z-index: 2;
    position: relative;
    top: 0;
    -webkit-transition: all ease .3s;
    -ms-transition: all ease .3s;
    transition: all ease .3s;
}
.teacher-item figure img{  border-radius: 100px; height: 150px; width: 150px; position: relative; z-index: 2;}


.teacher-item:hover .light-circle {
    left:5px;
}

.teacher-item:hover .triangle{
    right: -10px;
}

.owl-nav{text-align: center;}
.owl-nav button{outline: 0px;}
.owl-nav button span{ font-size: 34px;}
.skillbox{box-shadow: 0px 15px 30px 0px rgb(167 184 214 / 35%);
    margin: 20px 0 50px 0;    border: 1px solid white;
    border-radius: 14px;
    padding: 12px 0px 24px 50px;
}
.skillbox p{ font-size: 13px; line-height: 23px; color: #757589;}
.skillbox h3{ font-size: 24px; font-weight: 600;}


.success-goal{background:#f1f3f7; padding: 30px 50px 0 50px; border-radius:8px; margin: 15px 0;}

.success-goal h3{ font-size: 24px; font-weight: 600; margin-bottom: 15px;}
.success-goal  p{ font-size: 13px; line-height: 23px; color: #757589; margin-bottom:20px;}




.full-form-area {
    min-height: 100vh;
    min-width: 100vw;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .form-login-signup-box {
    border-radius: 5px;
    border: 1px solid #ccc;
    box-shadow: 0 0 100px #ccc;
    max-width: 50%;
    flex: 0 0 50%;
  }
  .left-login {
    background: #1a3656;
    padding:100px 50px;
  }
  .left-login h3 {
    margin: 25px 0;
    color: #f1970a;
    margin-top: 15px;
    border-top: 1px solid #ccc;
    padding-top: 30px;
  }
  .left-login p {
    color: #ffff;
  }
  .left-login .bottom {
    opacity: 0.1;
  }
  .contact-form.loginform {
    padding: 30px 50px;
  }
  .contact-form .form-control {
    min-height: 45px;
  }
  .contact-form.loginform {
    padding: 0 40px;
  }
  .align-btn-bottom {
    padding-bottom: 100px;
    position: relative;
  }
  .align-btn-bottom .bottom-row {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
  }
  .btn-by-default .inside-detail {
    position: static;
  }
  .list-view .align-btn-bottom {
    padding-bottom: 0;
  }

  .inner-banner {
    position: relative;
    background: url(../images/inner-contact-banner.jpg) no-repeat;
    min-height: 300px;
    background-size: cover;
}
.inner-banner h1 {
    position: absolute;
    left: 0;
    text-align: center;
    right: 0;
    top: 50%; font-size: 40px;  z-index: 5;
    transform: translateY(-50%);
}

.inner-banner:after{content: ""; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; background: rgba(245, 136, 136, 0.7);}

.contact-detail {
    background-color: #f1f4f5;
    border-radius: 5px;
    padding: 30px;
}

.contact-detail .action-column {
    padding-left: 50px;
}
.contact-detail .action-column {
    margin: 15px 0 30px 0;
}
.contact-detail .action-column .fa {
    color: #ff2d2d;
    background: 0 0;
    font-size: 40px;
}
.action-column {
    position: relative;
}
.contact-detail .action-column span {
    font-size: 18px;
    font-weight: 500;
    color: #3a6079;
    display: block;
}

.contact-detail .action-column a {
    color: #7a7874;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
}
.action-column .fa {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #ff2d2d;
    display: inline-block;
    width: 35px;
    height: 35px;
    text-align: center;
    color: #3a6079;
    line-height: 35px;
    font-size: 20px;
    border-radius: 3px;
}
.social li{ display: inline-block;}


/*faq*/

.h1, h1 {
	font-size: 2rem;
}
.accordion .btn{ box-shadow: none;}
.accordion button[aria-expanded="true"]{  background:#ff3033!important; color: #fff;}
.accordion button{ border-radius:0px; color:#223250; padding:15px;text-decoration: none;}
.accordion button:hover{ color:#223250;text-decoration: none;}
.accordion .card-header{ padding:0px}
.accordion .btn{ position: relative;}
.accordion .btn .fa{ position: absolute; right: 10px; top: 50%; transform: translateY(-50%);}
.accordion .btn[aria-expanded="true"] .fa:before{ content: "\f106"; font-family: "FontAwesome";}