*,body{margin:0;padding:0}
/* body{font-family:Nunito,sans-serif!important} */
body {
    font-family: 'Inter', sans-serif !important;
}

h1, h2, h3, h4, h5 {
    font-family: 'Poppins', sans-serif !important;
}

.social-icons a {
    display: inline-block;
    margin: 0 6px;
    color: #fff;
    font-size: 16px;
    transition: all 0.3s ease;
}

.social-icons a:hover {
    color: #be0204; /* or your brand color */
    transform: translateY(-3px);
}

.footer-logo {
    max-width: 150px !important;
    height: auto;
}

/* Section */
.blog-section {
    background: #fff;
}

/* Headings */
.section-title {
    color: #be0204;
}

.section-subtitle {
    color: #212529;
}

/* Card */
.blog-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #eee;
    transition: all 0.3s ease;
    height: 100%;
}

.blog-card img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.blog-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

/* Text */
.blog-card h5 {
    color: #212529;
}

.blog-card p {
    color: #212529;
    opacity: 0.8;
}

/* Read More Button Style */
.read-more {
    display: inline-block;
    margin-top: 8px;
    color: #be0204;
    font-weight: 600;
    text-decoration: none;
    position: relative;
}

.read-more::after {
    content: '';
    position: absolute;
    width: 0%;
    height: 2px;
    background: #be0204;
    left: 0;
    bottom: -2px;
    transition: 0.3s;
}

.read-more:hover::after {
    width: 100%;
}

/* Mobile */
@media (max-width: 576px) {
    .blog-card img {
        height: 180px;
    }

    .section-title {
        font-size: 24px;
    }
}

/* Tablet */
@media (min-width: 577px) and (max-width: 991px) {
    .blog-card img {
        height: 190px;
    }
}

.blog-detail {
    background: #fff;
}

/* Title */
.blog-title {
    color: #be0204;
    font-weight: 700;
    line-height: 1.3;
}

/* Meta */
.blog-meta {
    color: #212529;
    opacity: 0.7;
    font-size: 14px;
    margin-top: 10px;
}

/* Content */
.blog-content {
    margin-top: 20px;
}

.blog-content p {
    color: #212529;
    line-height: 1.8;
    font-size: 16px;
    margin-bottom: 15px;
}

.blog-content h2 {
    margin-top: 30px;
    font-size: 22px;
    color: #212529;
    font-weight: 600;
}

.blog-content ul {
    padding-left: 20px;
    margin-bottom: 15px;
}

.blog-content li {
    margin-bottom: 8px;
}

/* Blockquote */
.blog-content blockquote {
    border-left: 4px solid #be0204;
    padding-left: 15px;
    margin: 25px 0;
    font-style: italic;
    color: #555;
}

/* Highlight Line */
.highlight-line {
    color: #be0204;
    text-align: center;
    margin-top: 30px;
    font-weight: 700;
}

/* Tags */
.tag {
    display: inline-block;
    background: rgba(190,2,4,0.1);
    color: #be0204;
    padding: 6px 14px;
    margin: 5px;
    border-radius: 20px;
    font-size: 13px;
}

/* Image */
.blog-detail img {
    width: 100%;
    border-radius: 10px;
}

/* Responsive */
@media (max-width: 768px) {
    .blog-title {
        font-size: 24px;
    }

    .blog-content h2 {
        font-size: 20px;
    }

    .blog-content p {
        font-size: 15px;
    }
}

a.btn.btn-primary{padding:10px 20px;border-radius:50px;background:#be0204;border:2px solid #be0204;transition:.5s ease all;font-weight:600}
a.btn.btn-primary:hover{color:#be0204;background:0 0;border:2px solid #be0204}
a.navbar-brand img{height:80px}
button.navbar-toggler i{color:#fff;font-size:25px}
section.commen-sec h2{font-size:35px;margin-bottom:20px}
section.commen-sec .container{background:#bbb7b724}
img.icon-img{height:55px;width:auto;margin:20px 0}
.content-info{padding:0 50px}
section.commen-sec .col-md-6{padding:0}
header#header{background:#4a4949}
header#header a{font-size:18px;color:#fff;margin:0 10px;transition:.5s ease all}
header#header ul li:hover a{color:#ff5050; transform: translateY(-3px);}
header#header ul li a.nav-link.active{color:#ff5050!important}
ul.navbar-nav{margin-left:auto;margin-right:0}
.hero{background-image:url(../imgs/banner2.jpg);background-size:cover;background-position:center;color:#fff;text-align:center;padding:200px 0;position:relative}
.hero h1{font-size:4rem;margin-bottom:20px}
.hero p{font-size:1.5rem}
.welcome_msg h1{font-size:45px;margin:20px 0;font-weight:600;color:#ce0306}
.welcome_msg{padding:50px 0;text-align:center}
.content-sec h1{font-size:45px;margin:20px 0;font-weight:600;color:#ce0306;margin-top:50px}
.content-sec h2{font-size:25px;font-weight:500;color:#222;text-align:left;margin-top:30px}
.content-sec h3{font-size:25px;font-weight:500;color:#222;text-align:left;margin-top:30px}
.content-sec p{font-size:16px;font-weight:400;color:#222;text-align:left}
footer.footer-sec a{color:#fff;text-decoration:none}
.welcome_msg p{font-size:20px}
.get-in-touch h3{font-size:50px}
.get-in-touch{padding:30px 0;margin-top:60px;background:#be0204;color:#fff}
a.btn.btn-primary.float-tight{background:0 0;color:#fff;font-weight:600;border:2px solid #fff;float:right;transition:.5s ease all}
a.btn.btn-primary.float-tight:hover{background:#302e2e;color:#fff;font-weight:600;border:2px solid #302e2e;float:right}
section.contact-us{margin-top:50px}
.form-area input{height:50px}
.form-area textarea{height:150px}
button.btn.btn-primary{width:100%;color:#fff;background:#be0204;border:2px solid #be0204;padding:7px 20px;font-size:20px;border-radius:50px;transition:.5s ease all}
.contact-item{display:flex;margin:30px 0}
.contact-item a,.contact-item p{font-size:16px;color:#222;font-weight:500;text-decoration:none;margin:10px}
.icon-info{margin:0 10px;font-size:30px}
.quick-contact-btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #b90001;
    color: #fff;
    font-size: 24px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    line-height: 60px;
    cursor: pointer;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    transition: background 0.3s;
    z-index: 1050;
    animation: pulse 2s infinite;
}
@keyframes pulse {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.7);
    }
    70% {
        transform: scale(1.1);
        box-shadow: 0 0 0 20px rgba(0,123,255, 0);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(0,123,255, 0);
    }
}
.quick-contact-btn:hover {
    background: #0056b3;
}
@media screen and (max-width:1200px){
header#header a{font-size:16px;margin:0 5px}
}
@media(max-width:992px){
div.navbar-collapse{position:fixed;top:0;left:-300px;width:300px;height:100vh;background:#302e2e;z-index:999;padding:30px;transition:.5s ease all}
.navbar-collapse.collapse.show{left:0}
section.commen-sec h2{font-size:26px;margin-bottom:15px}
img.icon-img{height:45px}
.welcome_msg h1{font-size:35px}
.welcome_msg p{font-size:16px}
.get-in-touch h3{font-size:30px}
.content-sec h1{font-size:35px;margin-top:30px}
.content-sec h2,.content-sec h3{font-size:25px}
.content-sec p,.content-sec ul li{font-size:15px}
a.navbar-brand img{height:50px}
}
@media screen and (max-width:768px){
.content-info{padding:20px}
.welcome_msg h1{font-size:30px}
.welcome_msg p{font-size:16px}
.get-in-touch h3{font-size:26px}
.content-sec ul li,div#contact p{font-size:15px}
section.commen-sec{text-align:center}
.d-flex.banner-btn-group{display:flex!important;justify-content:center}
.content-sec h1{font-size:30px}
.content-sec h2,.content-sec h3{font-size:20px;margin-top:10px}
.content-sec p,.content-sec ul li{font-size:14px}
}
@media(max-width:576px){
a.btn.btn-primary.float-tight{float:none}
div#contact{text-align:center}
.content-sec h1{font-size:28px}
.content-sec h2,.content-sec h3{font-size:18px;margin-top:10px}
.content-sec p,.content-sec ul li{font-size:14px}
}