.contact-info{
list-style:none;
padding:0;
margin:0;
}

.contact-info li{
display:flex;
align-items:flex-start;
margin-bottom:15px;
font-size:15px;
color:#555;
}

.contact-info li i{
color:#0d6efd;
font-size:18px;
margin-right:12px;
margin-top:3px;
width:20px;
}

.contact-info li a{
color:#555;
text-decoration:none;
transition:.3s;
}

.contact-info li a:hover{
color:#0d6efd;
}

.contact-info span{
line-height:1.6;
}

 
    /* Sticky Call Button */
.sticky-call{
position:fixed;
left:20px;
bottom:30px;
background:#0d6efd;
color:#fff;
width:55px;
height:55px;
border-radius:50%;
text-align:center;
line-height:55px;
font-size:22px;
z-index:999;
box-shadow:0 4px 10px rgba(0,0,0,0.3);
transition:0.3s;
}

.sticky-call:hover{
background:#084298;
color:#fff;
transform:scale(1.1);
}

/* Sticky WhatsApp Button */

.sticky-whatsapp{
position:fixed;
right:20px;
bottom:30px;
background:#25D366;
color:#fff;
width:55px;
height:55px;
border-radius:50%;
text-align:center;
line-height:55px;
font-size:26px;
z-index:999;
box-shadow:0 4px 10px rgba(0,0,0,0.3);
transition:0.3s;
}

.sticky-whatsapp:hover{
background:#1ebe5d;
color:#fff;
transform:scale(1.1);
}

/* Mobile Responsive */

@media(max-width:768px){

.sticky-call{
width:50px;
height:50px;
line-height:50px;
font-size:20px;
}

.sticky-whatsapp{
width:50px;
height:50px;
line-height:50px;
font-size:22px;
}

}


/* Top Contact Bar */
.top-contact-bar{
background:#054981;
color:#fff;
padding:6px 0;
font-size:14px;
}

.top-contact-inner{
display:flex;
justify-content:space-between;
align-items:center;
}

.top-contact-bar a{
color:#fff;
text-decoration:none;
margin-right:20px;
font-weight:500;
}

.top-contact-bar a:hover{
color:#ffd700;
}

.top-contact-bar i{
margin-right:5px;
}

/* Mobile Responsive */
@media(max-width:768px){
.top-contact-inner{
flex-direction:column;
text-align:center;
}

.top-contact-bar a{
display:block;
margin:3px 0;
}
}

.sticky-call{
z-index:999 !important;
}

.sticky-whatsapp{
z-index:999 !important;
}

.navbar{
z-index:9999 !important;
position:relative;
}

body.noscroll{
overflow:hidden;
height:100vh;
}

.main-header{
position:sticky;
top:0;
background:#fff;
z-index:9999;
}

.top-contact-bar{
position:relative;
z-index:9999;
}

@media(max-width:991px){

.navbar .dropdown-menu{
display:none;
border:none;
padding-left:15px;
}

.navbar .dropdown-menu.show{
display:block;
}

}

.navbar .dropdown-toggle::after{
transition:.3s;
}

.navbar .dropdown.show .dropdown-toggle::after{
transform:rotate(180deg);
}

@media(max-width:991px){

.navbar .dropdown-menu{
display:none;
}

.navbar .dropdown-menu.show{
display:block;
}

}

@media(max-width:991px){

.nav-item.dropdown.show .dropdown-menu{
display:block;
}

}

/* slider css  */
 /* Banner Slider */
 
 /* Main Banner Full Width Fix */

.w3l-main-banner{
width:100%;
margin:0;
padding:0;
overflow:hidden;

}

.w3l-main-banner .owl-carousel,
.w3l-main-banner .owl-stage-outer,
.w3l-main-banner .owl-stage,
.w3l-main-banner .owl-item{
width:100%;
}



 

/* Remove Container Space */

.w3l-main-banner .container,
.w3l-main-banner .container-fluid{
max-width:100%;
padding:0;
margin:0;
}

/* Banner Images */
/* ===========================
Main Banner
=========================== */
 /* Banner Slider */

.w3l-main-banner{
width:100%;
}

.w3l-main-banner,
.w3l-main-banner .owl-carousel,
.w3l-main-banner .owl-stage-outer,
.w3l-main-banner .owl-stage,
.w3l-main-banner .owl-item,
.banner-slide{
width:100%;
margin:0;
padding:0;
}

.banner-slide{
height:600px;
background-size:cover;
background-position:center;
background-repeat:no-repeat;
filter: brightness(2.0);
}

.banner-slide::before{
content:'';
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.6);
}

.banner-info{
position:relative;
z-index:2;
max-width:600px;
}

.banner-text{
font-size:42px;
font-weight:600;
color:#fff;
}

/* Banner Images */

.banner1{
background:url('../images/banner1.jpg');
}

.banner2{
background:url('../images/banner2.jpg');
}

.banner3{
background:url('../images/banner3.jpg');
}


/* Mobile */

@media(max-width:768px){

.banner-slide{
height:auto;
background-size:contain;
background-color:#0b2c5f;
filter: brightness(2.0);
 
}
.banner-text{
font-size:28px;
}

}
.banner-slide{
min-height:130px;
}
@media (max-width:768px){

.w3l-main-banner,
.banner-slide,
.owl-banner .owl-stage-outer,
.owl-banner .owl-stage,
.owl-banner .owl-item {
   width:100%;
height:auto;
}

}

/* ul list  */
.services-list {
    list-style: none;
    padding: 0;
    margin-top: 20px;
}

.services-list li {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 15px 20px;
    margin-bottom: 15px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
    transition: 0.3s;
}

.services-list li:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

.services-list .icon {
    background: linear-gradient(45deg, #28a745, #00c853);
    color: #fff;
    font-weight: bold;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.services-list h5 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}

.services-list p {
    margin: 3px 0 0;
    font-size: 14px;
    color: #666;
}
/* About  */
.about-title {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 15px;
    position: relative;
}

.about-title::after {
    content: "";
    width: 60px;
    height: 3px;
    background: #007bff;
    position: absolute;
    left: 0;
    bottom: -5px;
}

.about-box {
    background: #ffffff;
    padding: 25px;
    border-radius: 12px;
    line-height: 1.7;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
    font-size: 15px;
    color: #555;
    transition: 0.3s;
}

.about-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.15);
}

.about-box p {
    margin-bottom: 12px;
}

.highlight {
    color: #007bff;
    font-weight: 600;
}

/* popular it */
.section-title {
    font-size: 28px;
    font-weight: 700;
    position: relative;
}

.section-title::after {
    content: "";
    width: 70px;
    height: 3px;
    background: #007bff;
    display: block;
    margin: 10px auto 0;
}

/* Card Design */
.service-card {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
    transition: 0.3s;
}

.service-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.15);
}

/* Image */
.img-box {
    overflow: hidden;
}

.img-box img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    transition: 0.4s;
}

.service-card:hover img {
    transform: scale(1.1);
}

/* Content */
.content {
    padding: 20px;
}

.content h5 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
}

.content p {
    font-size: 14px;
    color: #666;
    margin-bottom: 10px;
}

/* Link */
.content a {
    text-decoration: none;
    color: #007bff;
    font-weight: 500;
    transition: 0.3s;
}

.content a:hover {
    letter-spacing: 1px;
}

/* Responsive */
@media (max-width: 768px) {
    .img-box img {
        height: 150px;
    }
}

/* course home page */
/* Title */
.section-title {
    font-size: 30px;
    font-weight: 700;
    position: relative;
}

.section-title::after {
    content: "";
    width: 80px;
    height: 3px;
    background: linear-gradient(45deg, #007bff, #00c6ff);
    display: block;
    margin: 10px auto;
}

/* Card */
.course-card {
    background: #fff;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    transition: 0.4s;
    position: relative;
}

.course-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}

/* Image */
.course-img {
    position: relative;
    overflow: hidden;
}

.course-img img {
    width: 100%;
    height: 230px;
    object-fit: cover;
    transition: 0.5s;
}

.course-card:hover img {
    transform: scale(1.1);
}

/* Overlay */
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,123,255,0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: 0.4s;
}

.course-card:hover .overlay {
    opacity: 1;
}

.overlay a {
    color: #fff;
    background: #000;
    padding: 10px 20px;
    border-radius: 30px;
    text-decoration: none;
    font-size: 14px;
    transition: 0.3s;
}

.overlay a:hover {
    background: #fff;
    color: #000;
}

/* Content */
.course-content {
    padding: 20px;
    text-align: center;
}

.course-content h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

.course-content p {
    font-size: 14px;
    color: #666;
}

/* Responsive */
@media (max-width: 768px) {
    .course-img img {
        height: 180px;
    }
}


/* new */

/* GLOBAL RESET */
body {
    font-family: 'Poppins', sans-serif;
    background: #f5f7fb;
}

/* SECTION SPACING FIX */
section, .grid-view, .list-view {
    margin-top: 60px;
}

/* TITLE FIX */
.section-title, .about-title {
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
}

.section-title::after, .about-title::after {
    content: "";
    width: 80px;
    height: 3px;
    background: linear-gradient(45deg, #007bff, #00c6ff);
    display: block;
    margin: 10px auto;
}

/* ABOUT BOX FIX */
.about-box {
    background: #fff;
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}

/* SERVICES CARD FIX */
.service-card {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
    transition: 0.3s;
}

.service-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.15);
}

.img-box img {
    width: 100%;
    
    object-fit: cover;
}

.content {
    padding: 20px;
}

.content h5 {
    font-weight: 600;
}

.content a {
    color: #007bff;
    text-decoration: none;
}

/* COURSE CARD FIX */
.course-card {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    transition: 0.3s;
}

.course-card:hover {
    transform: translateY(-10px);
}

.course-img img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}

.course-content {
    padding: 20px;
    text-align: center;
}

/* FIX ROW GAP (BOOTSTRAP ISSUE) */
.row.g-4 {
    margin-left: 0;
    margin-right: 0;
}

.row.g-4 > div {
    padding: 10px;
}

/* NAVBAR FIX */
.main-header {
    background: #fff;
    transition: 0.3s;
}

.main-header.shadow {
    box-shadow: 0 5px 20px rgba(0,0,0,0.1);
}

/* TOP BAR */
.top-contact-bar {
    background: #007bff;
    color: #fff;
    padding: 8px 0;
}

.top-contact-bar a {
    color: #fff;
    margin-right: 15px;
}

/* BUTTON FIX */
.btn, .apply-btn {
    border-radius: 30px;
    padding: 8px 20px;
}

/* STICKY BUTTON FIX */
.sticky-call, .sticky-whatsapp {
    position: fixed;
    right: 20px;
    z-index: 999;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.sticky-call {
     bottom: 20px;
    background: #007bff;
}

.sticky-whatsapp {
    bottom: 20px;
    background: #25D366;
}
body {
    font-family: 'Poppins', sans-serif;
}
.banner-slide {
    
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media(max-width:768px){
    .banner-slide {
        height: 150px;
    }
}
/* faq */

/* Section */
.faq-section {
    background: #f8f9fc;
}

/* Tabs */
.faq-tabs {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.tab-btn {
    background: #fff;
    border: none;
    padding: 12px 15px;
    border-radius: 10px;
    text-align: left;
    cursor: pointer;
    font-weight: 500;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
    transition: 0.3s;
}

.tab-btn.active,
.tab-btn:hover {
    background: #007bff;
    color: #fff;
}

/* Content */
.faq-content {
    display: none;
}

.faq-content.active {
    display: block;
}

/* FAQ Item */
.faq-item {
    background: #fff;
    padding: 15px 20px;
    border-radius: 10px;
    margin-bottom: 15px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
    transition: 0.3s;
}

.faq-item:hover {
    transform: translateY(-3px);
}

.faq-item h5 {
    font-size: 16px;
    font-weight: 600;
}

.faq-item p {
    font-size: 14px;
    color: #666;
    margin-top: 5px;
}

/* testimonial */
/* Background */ 
.testimonial-section {
  background: linear-gradient(135deg, #f5f7fa, #e4ecf7);
}

.section-title {
  font-size: 32px;
  font-weight: 700;
  color: #222;
}

.section-subtitle {
  color: #777;
  font-size: 16px;
}

.testimonial-card {
  background: #fff;
  border-radius: 15px;
  padding: 30px;
  position: relative;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
  transition: 0.4s;
  height: 100%;
}

.testimonial-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}

.quote-icon {
  font-size: 30px;
  color: #0d6efd;
  margin-bottom: 15px;
}

.testimonial-text {
  font-size: 15px;
  color: #555;
  line-height: 1.7;
  margin-bottom: 20px;
}

.testimonial-user {
  display: flex;
  align-items: center;
  gap: 15px;
}

.testimonial-user img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid #0d6efd;
}

.testimonial-user h5 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}

.testimonial-user span {
  font-size: 13px;
  color: #888;
}

/* top header */
.top-bar {
  background: linear-gradient(90deg, #0d6efd, #00c6ff);
  color: #fff;
  font-size: 14px;
  padding: 8px 0;
}

.top-bar-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.top-left a,
.top-right a {
  color: #fff;
  text-decoration: none;
  margin-right: 15px;
  transition: 0.3s;
  font-weight: 500;
}

.top-left i,
.top-right i {
  margin-right: 5px;
}

.top-left a:hover,
.top-right a:hover {
  color: #ffe082;
}

.divider {
  margin-right: 10px;
  opacity: 0.6;
}

/* WhatsApp Button */
.top-right .whatsapp {
  background: #25D366;
  padding: 5px 12px;
  border-radius: 20px;
  font-size: 13px;
}

.top-right .whatsapp:hover {
  background: #1ebe5d;
}

/* Apply Button */
.apply-btn-top {
  background: #fff;
  color: #0d6efd !important;
  padding: 6px 15px;
  border-radius: 20px;
  font-weight: 600;
  margin-left: 10px;
}

.apply-btn-top:hover {
  background: #ff9800;
  color: #fff !important;
}

/* Mobile Responsive */
@media (max-width: 768px) {
  .top-bar-inner {
    flex-direction: column;
    text-align: center;
    gap: 5px;
  }

  .top-left,
  .top-right {
    width: 100%;
  }
}

/* white space remove */
/* Remove top space from About Section */
.w3l-blog {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

#grids5-block {
    padding-top: 0 !important;
}

.w3l-blog .container {
    padding-top: 0 !important;
}

.about-title {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
/* Remove gap between banner and about */
.w3l-main-banner {
    margin-bottom: 0 !important;
}

.w3l-blog {
    margin-top: -30px !important;
}