@import url('https://fonts.googleapis.com/css?family=Nixie+One|Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Open Sans', sans-serif;
    background: #f5f5f5;
    line-height: 1.8;
}

/* Banner Styles */
.banner, .banner1, .banner2, .banner3, .banner4, .banner5, .banner6 {
    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
    padding: 30px 0;
}

.banner2 {
    background: linear-gradient(135deg, #8e44ad 0%, #9b59b6 100%);
}

.banner3 {
    background: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
}

.banner4 {
    background: linear-gradient(135deg, #1abc9c 0%, #16a085 100%);
}

.banner5 {
    background: linear-gradient(135deg, #e67e22 0%, #d35400 100%);
}

.banner6 {
    background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);
}

.header {
    padding: 20px 0;
}

.logo h1 {
    color: #fff;
    font-family: 'Nixie One', cursive;
    font-size: 24px;
    font-weight: bold;
    margin: 0;
}

.logo h1 a {
    color: #fff;
    text-decoration: none;
}

.logo h1 a:hover {
    color: #f39c12;
}

.details {
    text-align: right;
}

.social ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.social ul li {
    display: inline-block;
    margin-left: 10px;
}

.social ul li a {
    width: 40px;
    height: 40px;
    display: block;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    color: #fff;
}

.social ul li a:hover {
    background: #f39c12;
}

/* Navigation */
.top-nav {
    background: rgba(0, 0, 0, 0.3);
    margin-top: 20px;
}

.nav.navbar-nav li a {
    color: #fff;
    font-size: 16px;
    padding: 15px 20px;
    transition: all 0.3s ease;
}

.nav.navbar-nav li a:hover,
.nav.navbar-nav li a.active {
    background: #f39c12;
    color: #fff;
}

/* Banner Bottom */
.banner-bottom {
    padding: 60px 0;
}

.bann-para h2 {
    color: #fff;
    font-size: 36px;
    margin-bottom: 20px;
}

.bann-para p {
    color: rgba(255, 255, 255, 0.8);
    font-size: 18px;
}

/* Welcome Section */
.welcome {
    padding: 60px 0;
    background: #fff;
}

.wel-main {
    margin-top: 30px;
}

.wel-top h1 {
    color: #2c3e50;
    font-size: 32px;
    text-align: center;
    margin-bottom: 30px;
}

.wel-block {
    margin-bottom: 30px;
}

.wel-text h4 {
    color: #3498db;
    font-size: 22px;
    margin-bottom: 15px;
}

.wel-text p {
    color: #666;
    font-size: 15px;
    line-height: 1.8;
}

.wel-text p strong {
    color: #2c3e50;
}

.wel-img img {
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* Testimonial */
.testimo {
    padding: 60px 0;
    background: #ecf0f1;
    text-align: center;
}

.testimo-main h3 {
    color: #2c3e50;
    font-size: 28px;
    margin-bottom: 20px;
}

.testimo-main p {
    color: #666;
    font-size: 16px;
}

/* Admission */
.admission {
    padding: 60px 0;
    background: #fff;
}

.admission-top h3 {
    color: #2c3e50;
    font-size: 28px;
    text-align: center;
    margin-bottom: 40px;
}

.admission-left {
    text-align: center;
    padding: 20px;
    background: #f8f9fa;
    border-radius: 8px;
    margin-bottom: 20px;
}

.admission-left p {
    color: #666;
    font-size: 15px;
}

.admission-left h4 {
    color: #3498db;
    margin-top: 15px;
}

/* Course Section */
.course {
    padding: 60px 0;
    background: #2c3e50;
}

.course-left {
    background: url('../images/banner.jpg') no-repeat center center;
    background-size: cover;
    min-height: 300px;
}

.course-right {
    padding: 40px;
}

.course-right h3 {
    color: #fff;
    font-size: 28px;
    margin-bottom: 20px;
}

.course-right p {
    color: rgba(255, 255, 255, 0.8);
    font-size: 16px;
    margin-bottom: 15px;
}

/* Footer */
.footer {
    padding: 60px 0;
    background: #1a1a1a;
}

.footer-grid h4 {
    color: #f39c12;
    font-size: 22px;
    margin-bottom: 20px;
}

.footer-grid h4 a {
    color: #f39c12;
    text-decoration: none;
}

.footer-grid p {
    color: #999;
    font-size: 14px;
    margin-bottom: 20px;
}

.footer-grid h3 {
    color: #fff;
    font-size: 18px;
    margin-bottom: 20px;
}

.footer-grid ul {
    list-style: none;
    padding: 0;
}

.footer-grid ul li {
    margin-bottom: 10px;
}

.footer-grid ul li a {
    color: #999;
    text-decoration: none;
    font-size: 14px;
}

.footer-grid ul li a:hover {
    color: #f39c12;
}

.footer-address li {
    color: #999;
    font-size: 14px;
    margin-bottom: 10px;
}

.footer-address li a {
    color: #3498db;
}

.newsletter input[type="email"] {
    width: 70%;
    padding: 10px;
    border: none;
    border-radius: 4px;
    margin-right: 5px;
}

.newsletter input[type="submit"] {
    padding: 10px 20px;
    background: #f39c12;
    border: none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
}

.footer-copy {
    padding: 20px 0;
    background: #000;
    text-align: center;
}

.footer-copy p {
    color: #666;
    font-size: 14px;
}

.footer-copy p a {
    color: #f39c12;
    text-decoration: none;
}

/* Service Page */
.service-daima, .about-daihuai, .gallery-daisheng, .contact-daimu, .shortcodes-zhuyun {
    padding: 60px 0;
    background: #fff;
}

.ser-top, .daihuai-top, .gallery-top, .contact-top, .shortcodes-top {
    text-align: center;
    margin-bottom: 40px;
}

.ser-top h1, .daihuai-top h1, .gallery-top h1, .contact-top h1, .shortcodes-top h1 {
    color: #2c3e50;
    font-size: 32px;
    margin-bottom: 20px;
}

.ser-top p, .gallery-top p, .contact-top p, .shortcodes-top p {
    color: #666;
    font-size: 16px;
}

.daima-content, .daihuai-main, .gallery-grids, .contact-bottom, .shortcodes-main {
    margin-top: 30px;
}

.daima-left, .daihuai-content, .daisheng-left, .contact-left, .zhuyun-left {
    padding-right: 30px;
}

.daima-left p, .daihuai-content p, .daisheng-left p, .contact-left p, .zhuyun-left p {
    color: #666;
    font-size: 15px;
    line-height: 1.8;
    margin-bottom: 15px;
}

.daima-left p strong, .daihuai-content p strong, .daisheng-left p strong, .contact-left p strong, .zhuyun-left p strong {
    color: #3498db;
}

.daima-right, .zhuyun-right {
    padding-left: 30px;
}

.daima-img img, .zhuyun-img img {
    width: 100%;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}

.daima-features h3, .daihuai-features h3, .zhuyun-contact h3 {
    color: #2c3e50;
    font-size: 20px;
    margin-bottom: 15px;
}

.daima-features ul, .zhuyun-contact ul {
    list-style: none;
    padding: 0;
}

.daima-features ul li, .zhuyun-contact ul li {
    color: #666;
    font-size: 14px;
    margin-bottom: 10px;
    padding-left: 20px;
    position: relative;
}

.daima-features ul li:before, .zhuyun-contact ul li:before {
    content: '\f00c';
    font-family: 'Glyphicons Halflings';
    position: absolute;
    left: 0;
    color: #27ae60;
}

.daima-products, .daihuai-features, .zhuyun-products, .zhuyun-info {
    margin-top: 40px;
}

.daima-products h3, .daihuai-features h3, .zhuyun-products h3, .zhuyun-info h3 {
    color: #2c3e50;
    font-size: 24px;
    text-align: center;
    margin-bottom: 30px;
}

.product-item, .feature-box, .product-box, .info-box {
    text-align: center;
    padding: 20px;
    background: #f8f9fa;
    border-radius: 8px;
    margin-bottom: 20px;
}

.product-item img, .gallery-grid img {
    width: 100%;
    border-radius: 8px;
    margin-bottom: 15px;
}

.product-item h4, .feature-box h4, .product-box h4, .info-box h4 {
    color: #2c3e50;
    font-size: 18px;
    margin-bottom: 10px;
}

.product-item p, .feature-box p, .product-box p, .info-box p {
    color: #666;
    font-size: 14px;
}

.feature-icon, .product-icon {
    width: 60px;
    height: 60px;
    background: #3498db;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px;
    color: #fff;
    font-size: 24px;
}

.feature-item {
    text-align: center;
    padding: 15px;
}

.feature-item i {
    font-size: 32px;
    color: #f39c12;
    margin-bottom: 10px;
}

.feature-item p {
    color: #666;
    font-size: 14px;
}

.daihuai-img img {
    width: 100%;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.daihuai-content h3 a {
    color: #2c3e50;
    text-decoration: none;
}

.daihuai-content h3 a:hover {
    color: #3498db;
}

.daihuai-info {
    margin-top: 40px;
}

.info-left, .info-right {
    padding: 20px;
    background: #f8f9fa;
    border-radius: 8px;
}

.info-left h3, .info-right h3 {
    color: #2c3e50;
    font-size: 20px;
    margin-bottom: 15px;
}

.info-left ul, .info-right ul {
    list-style: none;
    padding: 0;
}

.info-left ul li, .info-right ul li {
    color: #666;
    font-size: 14px;
    margin-bottom: 10px;
    padding-left: 20px;
    position: relative;
}

.info-left ul li:before, .info-right ul li:before {
    content: '\f0da';
    font-family: 'Glyphicons Halflings';
    position: absolute;
    left: 0;
    color: #3498db;
}

.gallery-grid-info {
    margin-bottom: 20px;
}

.gallery-p {
    padding: 15px;
    background: #f8f9fa;
    border-radius: 0 0 8px 8px;
}

.gallery-p h4 {
    color: #2c3e50;
    font-size: 18px;
    margin-bottom: 10px;
}

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

.daisheng-contact, .daisheng-cert {
    padding: 20px;
    background: #f8f9fa;
    border-radius: 8px;
    margin-bottom: 20px;
}

.daisheng-contact h3, .daisheng-cert h3 {
    color: #2c3e50;
    font-size: 18px;
    margin-bottom: 15px;
}

.daisheng-contact p, .daisheng-cert p {
    color: #666;
    font-size: 14px;
    margin-bottom: 15px;
}

.daisheng-contact ul {
    list-style: none;
    padding: 0;
}

.daisheng-contact ul li {
    color: #666;
    font-size: 14px;
    margin-bottom: 10px;
}

.contact-form {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 20px;
}

.contact-form h3 {
    color: #2c3e50;
    font-size: 18px;
    margin-bottom: 15px;
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form textarea {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.contact-form textarea {
    height: 100px;
}

.contact-form input[type="submit"] {
    width: 100%;
    padding: 12px;
    background: #3498db;
    border: none;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}

.contact-form input[type="submit"]:hover {
    background: #2980b9;
}

.contact-info {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
}

.contact-info h3 {
    color: #2c3e50;
    font-size: 18px;
    margin-bottom: 15px;
}

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

.contact-info ul li {
    color: #666;
    font-size: 14px;
    margin-bottom: 10px;
}

.zhuyun-section {
    margin-bottom: 30px;
}

.zhuyun-section h3 {
    color: #2c3e50;
    font-size: 22px;
    margin-bottom: 15px;
}

.zhuyun-section ul {
    list-style: none;
    padding: 0;
}

.zhuyun-section ul li {
    color: #666;
    font-size: 15px;
    margin-bottom: 10px;
    padding-left: 20px;
    position: relative;
}

.zhuyun-section ul li:before {
    content: '\f00c';
    font-family: 'Glyphicons Halflings';
    position: absolute;
    left: 0;
    color: #27ae60;
}

/* Responsive */
@media (max-width: 768px) {
    .logo h1 {
        font-size: 18px;
        text-align: center;
    }
    
    .top-nav {
        position: relative;
    }
    
    .navbar-header {
        float: none;
        display: block;
        text-align: right;
        padding: 10px 0;
    }
    
    .navbar-toggle {
        display: block !important;
        border: 1px solid #fff;
        margin-right: 0;
        float: right;
    }
    
    .navbar-toggle .icon-bar {
        background-color: #fff;
    }
    
    #navbar {
        float: none;
        width: 100%;
        background: rgba(0, 0, 0, 0.8);
    }
    
    .nav.navbar-nav {
        float: none;
        margin: 0;
    }
    
    .nav.navbar-nav li {
        float: none;
        display: block;
    }
    
    .nav.navbar-nav li a {
        padding: 12px 15px;
        font-size: 14px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    
    .nav.navbar-nav li:last-child a {
        border-bottom: none;
    }
    
    .bann-para h2 {
        font-size: 24px;
    }
    
    .wel-top h1, .ser-top h1, .daihuai-top h1, .gallery-top h1, .contact-top h1, .shortcodes-top h1 {
        font-size: 24px;
    }
    
    .daima-left, .daima-right, .daihuai-content, .daisheng-left, .daisheng-right, .contact-left, .contact-right, .zhuyun-left, .zhuyun-right {
        padding: 0;
    }
}