.top-bar {background: linear-gradient(90deg, #0f172a, #1e293b);color: #fff;font-size: 14px;position: relative;z-index: 99;}
.top-link {color: rgba(255,255,255,0.85);text-decoration: none;display: flex;align-items: center;gap: 8px;transition: all .3s ease;}
.top-link i {width: 32px;height: 32px;background: rgba(255,255,255,0.12);border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.top-link:hover {color: #38bdf8;transform: translateY(-2px);}
.social-icons {display: flex;justify-content: end;gap: 10px;color: #fff;}
.social-icons a {width: 28px;height: 28px;background: rgba(255,255,255,0.12);color: #fff;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;transition: all .3s ease;backdrop-filter: blur(10px);}
.social-icons a:hover {background: #38bdf8;color: #fff;transform: translateY(-4px);box-shadow: 0 8px 20px rgba(56,189,248,.4);}
@media(max-width:768px){.social-icons{justify-content:center;margin-top:10px;}}
/*===== All Button Style =====*/
.main-btn {display: inline-block;font-weight: 500;text-align: center;white-space: nowrap;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border: 1px solid #ffc600;padding: 0 35px;font-size: 16px;font-family: 'Montserrat', sans-serif;font-weight: 700;line-height: 50px;border-radius: 5px;color: #07294d;cursor: pointer;position: relative;overflow: hidden;z-index: 5;-webkit-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out;background-color: #ffc600;}
.main-btn:hover{color: #ffc600;border-color: #07294d;background-color: #07294d;}
.site-navigation {background: linear-gradient(135deg, #0d6efd, #6610f2);}
.navbar-nav .nav-link {color: #fff !important;font-weight: 500;padding: 10px 18px !important;border-radius: 10px;transition: all 0.3s ease;}
.navbar-nav .nav-link:hover, .navbar-nav .nav-link.active {background: rgba(255,255,255,0.15);transform: translateY(-2px);color: #fff !important;}
.btn {transition: 0.3s;}
.btn:hover {transform: translateY(-2px);box-shadow: 0 8px 20px rgba(0,0,0,0.2);}
.navbar-toggler:focus {box-shadow: none;}
.admission-card{border:none;border-radius:25px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.08);}
.form-header{background:linear-gradient(135deg,#0d6efd,#6610f2);padding:30px;}
.form-header h2{color:#fff;font-weight:700;margin:0;}
.section-title{font-size:18px;font-weight:600;color:#0d6efd;margin-bottom:20px;border-left:5px solid #0d6efd;padding-left:12px;}
.form-control, .form-select{border-radius:12px;min-height:50px;border:1px solid #dfe3ea;}
.form-control:focus, .form-select:focus{box-shadow:none;border-color:#0d6efd;}
label{font-weight:600;margin-bottom:8px;}
.photo-box{border:2px dashed #cfd4dc;border-radius:15px;padding:30px;text-align:center;background:#fafafa;transition:.3s;}
.photo-box:hover{border-color:#0d6efd;background:#f0f6ff;}
.table{border-radius:15px;overflow:hidden;}
.table thead{background:#0d6efd;color:#fff;}
.btn-submit{padding:14px 50px;border-radius:50px;font-size:18px;font-weight:600;}
.course-card{position: relative;overflow: hidden;border-radius: 20px;box-shadow: 0 10px 30px rgba(0,0,0,.15);transition: .5s;cursor: pointer;}
.course-img{width:100%;height:300px;object-fit:cover;transition: .6s;}
.course-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.85),rgba(0,0,0,.2));
display:flex;flex-direction:column;justify-content:end;align-items:center;padding:30px;color:#fff;transition:.5s;}
.course-overlay h4{font-weight:700;font-size:28px;transform:translateY(20px);transition:.5s;}
.course-overlay .btn{opacity:0;transform:translateY(30px);transition:.5s;border-radius:30px;}
.course-card:hover{transform:translateY(-10px);}
.course-card:hover .course-img{transform:scale(1.1);}
.course-card:hover .btn{opacity:1;transform:translateY(0);}
.course-card:hover h4{transform:translateY(0);}
/* Section Heading */
h1{font-weight:800;letter-spacing:1px;}
.course-section{
    background: #f8fafc;
    padding: 70px 0;
}

.course-title{
    font-size: 38px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 50px;
}

.course-card{
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    height: 350px;
    box-shadow: 0 10px 30px rgba(0,0,0,.12);
    transition: all .4s ease;
}

.course-card img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition: all .6s ease;
}

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

.course-overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: linear-gradient(
        to top,
        rgba(0,0,0,.85),
        rgba(0,0,0,.2)
    );
}

.course-content{
    position:absolute;
    bottom:25px;
    left:25px;
    right:25px;
    z-index:2;
}

.course-content h3{
    color:#fff;
    font-size:28px;
    font-weight:700;
    margin-bottom:15px;
}

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

.course-btn{
    display:inline-block;
    padding:10px 25px;
    background:#ffffff;
    color:#0d6efd;
    border-radius:50px;
    text-decoration:none;
    font-weight:600;
    transition:.3s;
}

.course-btn:hover{
    background:#0d6efd;
    color:#fff;
    transform:translateY(-3px);
}

.course-card:hover{
    transform: translateY(-10px);
}
    .course-banner {
        background: linear-gradient(135deg, #0d6efd, #6610f2);
        padding: 60px 20px;
        border-radius: 20px;
        color: #fff;
        margin-bottom: 30px;
    }

    .course-img {
        border-radius: 20px;
        overflow: hidden;
        box-shadow: 0px 10px 30px rgba(0,0,0,0.15);
    }

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

    .info-card {
        border: none;
        border-radius: 20px;
        box-shadow: 0px 5px 20px rgba(0,0,0,0.08);
    }

    .enroll-card {
        border: none;
        border-radius: 20px;
        box-shadow: 0px 10px 30px rgba(0,0,0,0.1);
        position: sticky;
        top: 20px;
    }

    .form-control,
    .form-select {
        border-radius: 12px;
        padding: 12px;
    }

    .btn-enroll {
        background: linear-gradient(45deg,#0d6efd,#6610f2);
        border: none;
        border-radius: 12px;
        padding: 12px;
        width: 100%;
        font-weight: 600;
    }

    .table thead {
        background: #0d6efd;
        color: white;
    }

    .table {
        border-radius: 15px;
        overflow: hidden;
    }

/*===== All Section Title Style =====*/
.section-title h5{color: #07294d;position: relative;padding-bottom: 12px;}
.section-title h5::before{content: '';position: absolute;width: 35px;height: 2px;background-color: #ffc600;bottom: 0;left: 0;}
.section-title h2{font-size: 48px;color: #000;padding-top: 10px;}
@-webkit-keyframes rubixcube1{20%{ top:16px; left:32px;}30%{ top:32px; left:32px; }40%{ top:32px; left:32px; }50%{ top:32px; left:32px; }60%{ top:32px; left:32px; }70%{ top:32px; left:32px; }80%{ top:32px; left:32px; }90%{ top:32px; left:32px; }100%{ top:32px; left:16px; }}
@keyframes rubixcube1{20%{ top:16px; left:32px;}30%{ top:32px; left:32px; }40%{ top:32px; left:32px; }50%{ top:32px; left:32px; }60%{ top:32px; left:32px; }70%{ top:32px; left:32px; }80%{ top:32px; left:32px; }90%{ top:32px; left:32px; }100%{ top:32px; left:16px; }}
@-webkit-keyframes rubixcube2{30%{ left:16px;}40%{ left:32px;}50%{ left:32px;}60%{ left:32px;}70%{ left:32px;}80%{ left:32px;}90%{ left:32px;}100%{ left:32px;}}
@keyframes rubixcube2{30%{ left:16px;}40%{ left:32px;}50%{ left:32px;}60%{ left:32px;}70%{ left:32px;}80%{ left:32px;}90%{ left:32px;}100%{ left:32px;}}
@-webkit-keyframes rubixcube3{30%{ top:0px;}40%{ top:0px;}50%{ top:16px;}60%{ top:16px;}70%{ top:16px;}80%{ top:16px;}90%{ top:16px;}100%{ top:16px;}}
@keyframes rubixcube3{30%{ top:0px;}40%{ top:0px;}50%{ top:16px;}60%{ top:16px;}70%{ top:16px;}80%{ top:16px;}90%{ top:16px;}100%{ top:16px;}}
@-webkit-keyframes rubixcube4{50%{ left:0px;}60%{ left:16px;}70%{ left:16px;}80%{ left:16px;}90%{ left:16px;}100%{ left:16px;}}
@keyframes rubixcube4{50%{ left:0px;}60%{ left:16px;}70%{ left:16px;}80%{ left:16px;}90%{ left:16px;}100%{ left:16px;}}
@-webkit-keyframes rubixcube5{60%{ top:16px;}70%{ top:0px;}80%{ top:0px;}90%{ top:0px;}100%{ top:0px;}}
@keyframes rubixcube5{60%{ top:16px;}70%{ top:0px;}80%{ top:0px;}90%{ top:0px;}100%{ top:0px;}}
@-webkit-keyframes rubixcube6{70%{ top:32px;}80%{ top:16px;}90%{ top:16px;}100%{ top:16px;}}
@keyframes rubixcube6{70%{ top:32px;}80%{ top:16px;}90%{ top:16px;}100%{ top:16px;}}
@-webkit-keyframes rubixcube7{80%{ left:16px;}90%{ left:0px;}100%{ left:0px;}}
@keyframes rubixcube7{80%{ left:16px;}90%{ left:0px;}100%{ left:0px;}}
.support-button .support {display: -moz-flex;display: -ms-flex;display: -o-flex;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;margin-top: 7px;}
.support-button .support .cont{margin-left: 15px;margin-top: -2px;}
.support-button .support .cont p{font-size: 13px;color: #8a8a8a;line-height: 18px}
.support-button .support .cont span{font-size: 18px;color: #07294d;font-family: 'Montserrat', sans-serif;font-weight: 700;}
.support-button .button{margin-left: 60px;}
/*===== SEARCH BOX =====*/
.search-box{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(7, 41, 77, 0.5);z-index: 999;display: none;}
.closebtn {position: absolute;top: 20px;right: 50px;cursor: pointer;width: 30px;height: 25px;}
.closebtn span{width: 30px;height: 2px;background-color: #fff;position: relative;display: block;}
.closebtn span:nth-of-type(1) {-webkit-transform: rotate(45deg);transform: rotate(45deg);top: 11px;}
.closebtn span:nth-of-type(2){-webkit-transform: rotate(-45deg);transform: rotate(-45deg);top: 9px;}
.search-box .serach-form input {width: 50%;height: 50px;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);background-color: #fff;border: 2px solid #07294d;color: #07294d;padding-left: 20px;border-radius: 50px;}
.search-box .serach-form button {position: absolute;top: 50%;left: 72%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);padding: 0;border: 0;background-color: transparent;color: #07294d;cursor: pointer;font-size: 16px;}
/*=====================================================
    3. SLIDER css
======================================================*/
.single-slider{padding-bottom: 300px;}
.slider-cont{position: relative;z-index: 5;}
.slider-cont h1{font-size: 60px;font-family: 'Montserrat', sans-serif;font-weight: 700;color: #fff;padding-bottom: 25px;}
.slider-cont p{font-size: 18px;color: #fff;font-weight: 600;padding-bottom: 50px;}
.slider-cont ul li{display: inline-block;margin-right: 15px;}
.slider-cont ul li:last-child{margin-right: 0;}
.slider-active .slick-arrow{font-size: 50px;position: absolute;top: 50%;left: 0;color: #fff;cursor: pointer;z-index: 5;opacity: 0;visibility: hidden;-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.slider-active .next.slick-arrow {left: auto;right: 0;}
.slider-active:hover .slick-arrow{left: 30px;opacity: 1;visibility: visible;}
.slider-active:hover .next.slick-arrow {left: auto;right: 30px;}
/*===== Index-2 =====*/
.slider-2 .slider-cont h1 {padding-bottom: 40px;}
.slider-2.single-slider{padding-top: 230px;padding-bottom: 250px;}
/*===== Index-3 =====*/
#slider-part-3{position: relative;padding-top: 220px;padding-bottom: 120px;}
#slider-part-3::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.4);}
.slider-cont-3{position: relative;z-index: 5;background-color: rgba(7, 41, 77, 0.8);padding: 70px 100px 80px;}
.slider-cont-3 h2{color: #fff;font-size: 48px;padding-bottom: 8px;}
.slider-cont-3 span{font-size: 24px;color: #fff;}
.slider-search{background-color: #fff;border-radius: 5px;}
.slider-search .nice-select {width: 100%;height: 55px;line-height: 55px;border-top-right-radius: 0;border-bottom-right-radius: 0;border: 0;}
.slider-search .nice-select span {font-size: 16px;font-family: 'Poppins', sans-serif;color: #07294d;font-weight: 400;}
.slider-search .nice-select .list {width: 100%;border-radius: 0;margin: 0;}
.slider-search .nice-select::after {border-bottom: 0;border-right: 8px solid #07294d;border-top: 8px solid transparent;height: 0px;margin-top: -4px;width: 0px;}
.slider-search input{width: 100%;height: 55px;border: 0;border-left: 1px solid #a8a8a8;padding-left: 25px;font-size: 16px;font-family: 'Poppins', sans-serif;color: #8a8a8a;}
.slider-search .main-btn {line-height: 53px;width: 100%;padding: 0;}
.slider-search .main-btn:hover{border-color: #07294d;}
.singel-slider-feature{display: -moz-flex;display: -ms-flex;display: -o-flex;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.singel-slider-feature .cont{padding-left: 30px;}
.singel-slider-feature .cont h3{color: #fff;padding-bottom: 3px;margin-top: -3px;font-size: 24px;}
.singel-slider-feature .cont span{color: #fff;font-size: 15px;}
/*=====================================================
    4. CATEGORY css
======================================================*/
.color-1{background-color: #4886ff;}
.color-2{background-color: #b5d56a;}
.color-3{background-color: #ff6f6f;}
.category{background-color: #07294d;border-radius: 10px;margin-top: -150px;position: relative;z-index: 5;}
.category-text h2{font-size: 36px;color: #fff;padding: 0 50px;}
.singel-category {padding: 20px 0;border-radius: 5px;display: block;}
.singel-category .icon{display: inline-block;}
.singel-category .cont {display: block;}
.singel-category .cont span{color: #fff;font-size: 18px;padding-top: 15px;font-family: 'Montserrat', sans-serif;font-weight: 700;}
.category-slied a{display: block;}
.category-slied .slick-arrow {position: absolute;top: 50%;right: -50px;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.category-slied .prev.slick-arrow{right: auto;left: -50px;}
.category-slied .slick-arrow i{width: 35px;height: 35px;line-height: 35px;border-radius: 50%;background-color: #557495;text-align: center;font-size: 24px;color: #fff;cursor: pointer;-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.category-slied .slick-arrow i:hover{background-color: #ffc600;}
/*=====================================================
    6. APPLY css
======================================================*/
.apply{margin-top: -100px;position: relative;}
.apply-color-1{background-color: #07294d;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.apply-color-2{background-color: #092e56;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.apply .apply-cont {padding: 45px 50px 50px;}
.apply .apply-cont h3{font-size: 30px;color: #fff;padding-bottom: 15px;}
.apply .apply-cont p{color: #fff;padding-bottom: 45px;}
.apply .apply-cont .main-btn:hover{border-color: #ffc600;}
/*=====================================================
    7. COURSE css
======================================================*/
.singel-course{background-color: #fff;border-radius: 5px;overflow: hidden;}
.singel-course > .thum{position: relative;}
.singel-course .thum .image{overflow: hidden;}
.singel-course .thum .image img{width: 100%;-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.singel-course:hover .thum .image img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.singel-course .thum .price{position: absolute;right: 60px;bottom: -24px;}
.singel-course .thum .price span{font-size: 14px;color: #07294d;font-family: 'Montserrat', sans-serif;font-weight: 700;width: 55px;height: 55px;line-height: 55px;border-radius: 50%;background-color: #ffc600;text-align: center;}
.singel-course .cont{padding-top: 28px;padding-bottom: 34px;padding-left: 30px;padding-right: 30px;}
.singel-course .cont > ul{display: inline-block;margin-right: 10px;}
.singel-course .cont ul li{display: inline-block;margin: 1px;}
.singel-course .cont ul li > i{font-size: 13px;color: #ffc600;}
.singel-course .cont span{font-size: 13px;color: #000;}
.singel-course .cont h4{font-weight: 600;font-size: 24px;color: #000;padding-top: 15px;padding-bottom: 40px;-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.singel-course .cont h4:hover{color: #ffc600;}
.singel-course .course-teacher{border-top: 1px solid #e0e0e0;padding-top: 20px;overflow: hidden;}
.singel-course .course-teacher > .thum{display: inline-block;}
.singel-course .course-teacher > .thum img{border-radius: 50%;width: 40px;height: 40px;}
.singel-course .course-teacher .name {display: inline-block;margin-left: 10px;position: relative;bottom: 13px;}
.singel-course .course-teacher .name a h6{font-size: 15px;color: #24486e;-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.singel-course .course-teacher .name a:hover h6{color: #ffc600;}
.singel-course .course-teacher .admin{display: inline-block;overflow: hidden;}
.singel-course .course-teacher .admin ul {margin-top: 8px;}
.singel-course .course-teacher .admin ul li{margin-right: 20px;}
.singel-course .course-teacher .admin ul li:last-child{margin-right: 0;}
.singel-course .course-teacher .admin ul li a{font-size: 15px;color: #8a8a8a;-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.singel-course .course-teacher .admin ul li a:hover{color: #ffc600;}
.singel-course .course-teacher .admin ul li a span{color: #8a8a8a;margin-left: 3px;}
.course-slied .slick-arrow {position: absolute;top: -125px;right: 0;}
.course-slied .prev.slick-arrow{left: auto;right: 50px;}
.course-slied .slick-arrow i{width: 40px;height: 40px;line-height: 36px;border-radius: 5px;color: #000;border: 2px solid #aaaaaa;font-size: 18px;text-align: center;cursor: pointer;-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.course-slied .slick-arrow:hover i{border-color: #ffc600;background-color: #ffc600;}
/*=====================================================
    8. VIDEO FEATURES css
======================================================*/
#video-feature{position: relative;}
.feature-bg{position: absolute;top: 0;right: 0;width: 50%;height: 100%;background-color: rgba(7, 41, 77, 0.9);}
.video{padding-left: 80px;}
.video i{width: 120px;height: 120px;line-height: 120px;text-align: center;font-size: 24px;background-color: #ffc600;color: #07294d;border-radius: 50%;}
.feature{position: relative;z-index: 5;}
.feature .feature-title h3{font-size: 36px;color: #fff;padding-bottom: 15px;}
.feature ul li .singel-feature{padding-top: 55px;overflow: hidden;}
.feature ul li .singel-feature .icon{overflow: hidden;display: inline-block;padding-right: 30px;}
.feature ul li .singel-feature .cont {width: 78%;float: left;overflow: hidden;}
.feature ul li .singel-feature .cont h4{font-size: 24px;color: #fff;padding-bottom: 15px;}
.feature ul li .singel-feature .cont p{color: #fff;}
.category-form {border-radius: 5px;overflow: hidden;-webkit-box-shadow: 0px 0px 75px 0px rgba(0,0,0,0.1);box-shadow: 0px 0px 75px 0px rgba(0,0,0,0.1);margin-top: -154px;}
.category-form .form-title{background-color: #07294d;padding-top: 35px;padding-bottom: 40px;}
.category-form .form-title h3{color: #ffc600;font-size: 36px;}
.category-form .form-title span{font-size: 24px;color: #fff;font-family: 'Montserrat', sans-serif;}
.category-form .main-form{padding-top: 20px;padding-left: 40px;padding-right: 40px;padding-bottom: 40px;background-color: #fff;}
.category-form .main-form .singel-form{margin-top: 20px;}
.category-form .main-form .singel-form input{width: 100%;height: 60px;padding: 0 30px;font-size: 15px;color: #8a8a8a;border: 1px solid #a1a1a1;border-radius: 5px;}
.category-form .main-form .singel-form .main-btn{width: 100%;line-height: 60px;margin-top: 20px;}
/*=====================================================
    23. COURSE SINGEl PAGE css
======================================================*/
.hover {overflow: hidden;position: relative;padding-bottom: 60%;}
.hover-overlay {width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 90;transition: all 0.4s;}
.hover img {width: 100%;position: absolute;top: 0;left: 0;transition: all 0.3s;}
.hover-content {position: relative;z-index: 99;}
.hover-1 img {width: 105%;position: absolute;top: 0;left: -5%;transition: all 0.3s;}
.hover-1-content {position: absolute;bottom: 0;left: 0;z-index: 99;transition: all 0.4s;}
.hover-1 .hover-overlay {background: rgba(0, 0, 0, 0.5);}
.hover-1-description {transform: translateY(0.5rem);transition: all 0.4s;opacity: 0;}
.hover-1:hover .hover-1-content {bottom: 2rem;}
.hover-1:hover .hover-1-description {opacity: 1;transform: none;}
.hover-1:hover img {left: 0;}
.hover-1:hover .hover-overlay {opacity: 0;}
.course_btn {display: inline-block;padding: 6px 30px;border: 1px solid #fff;border-radius: 100px;margin-top: 20px;color: #fefefe;transition: all .3s;}
.course_btn:hover {background: #ef7b00;color: #fff;}
.news_section{ border:1px solid #0059A8;}
.news_section>h5 {font-size: 24px;text-align: center;background: #0059A8;padding: 10px 20px;text-transform:uppercase;color: #FFF;}
.news_section marquee{ height:390px;padding:10px;font-size:13px;}
.news_section marquee p{ margin-bottom:5px;border-bottom:1px dotted #ddd}
.bookbutton{padding: 5px;position: fixed;display: flex;bottom:80px;right: -10px;color: #fff;border-radius: 3px;z-index: 1;}
.bookbutton img{height: 200px; width:100%;}
.modern-footer {
    background: linear-gradient(180deg,#f8fbff,#eef4ff);
    border-top: 1px solid #e5eaf5;
    color: #555;
}

.footer-box {
    background: #fff;
    padding: 30px;
    border-radius: 18px;
    height: 100%;
    box-shadow: 0 8px 30px rgba(0,0,0,0.05);
    transition: .3s;
}

.footer-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 35px rgba(0,0,0,0.08);
}

.footer-box h4 {
    color: #1e3a8a;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 25px;
    position: relative;
}

.footer-box h4::after {
    content: "";
    width: 55px;
    height: 3px;
    background: #2563eb;
    position: absolute;
    left: 0;
    bottom: -10px;
    border-radius: 10px;
}

.footer-links {
    padding: 0;
    margin: 0;
    list-style: none;
}

.footer-links li {
    margin-bottom: 12px;
}

.footer-links li a {
    color: #555;
    text-decoration: none;
    transition: .3s;
    display: inline-block;
}

.footer-links li a:hover {
    color: #2563eb;
    padding-left: 8px;
}

.contact-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 18px;
}

.contact-item i {
    color: #2563eb;
    font-size: 18px;
    margin-top: 3px;
}

.footer-social a {
    width: 45px;
    height: 45px;
    background: #edf4ff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: 10px;
    color: #2563eb;
    font-size: 18px;
    transition: .3s;
    text-decoration: none;
}

.footer-social a:hover {
    background: #2563eb;
    color: #fff;
    transform: translateY(-4px);
}

.footer-bottom {
    border-top: 1px solid #dbe4f0;
    padding: 20px 0;
    background: rgba(255,255,255,0.7);
    font-size: 15px;
}

.footer-bottom a {
    color: #2563eb;
    font-weight: 600;
    text-decoration: none;
}

#back-to-top {
    right: 25px;
    bottom: 25px;
}

#back-to-top .btn {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    box-shadow: 0 5px 15px rgba(0,0,0,.15);
}