/* Section Tag */
.section-tag {
    color: #ff3b30;
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.section-heading {
    font-size: 46px;
    font-weight: 600;
    color: #002964;
    margin: 15px 0;
    line-height: 1.3;
}

.section-heading span {
    color: #ff3b30;
}

/* ====================================
Refrigerator Freezer Banner
====================================*/

 .freezer-banner-section{

    padding:90px 0;

    min-height:700px;

    display:flex;

    align-items:center;

    position:relative;

    overflow:hidden;

background-image: url('/assets/images/Medical-Products/banner-image.png');

    background-size:cover;

    background-position:center right;

    background-repeat:no-repeat;

}

/* Decorative Circle */
 
.freezer-banner-section::before{

    content:"";

    width:420px;

    height:420px;

    background:#ff3b3008;

    border-radius:50%;

    position:absolute;

    top:-180px;

    left:-180px;

}

/* Content */

 .freezer-banner-section .banner-content-wrapper{

    position:relative;

    z-index:2;

}

.freezer-banner-section .banner-sub-heading{

    display:inline-block;

    font-size:14px;

    font-weight:700;

    color:#ff3b30;

    letter-spacing:1px;

    text-transform:uppercase;

    margin-bottom:18px;

}

.freezer-banner-section .banner-heading{

    font-size:56px;

    line-height:1.25;

    font-weight:600;

    color:#002964;

    margin-bottom:25px;

}

.freezer-banner-section .banner-heading span{

    color:#ff3b30;

}

.freezer-banner-section .banner-content{

    max-width:610px;

    font-size:18px;

    color:#646F88;

    line-height:1.8;

    margin-bottom:40px;

} 

/* Buttons */

.freezer-banner-section .banner-buttons{

    display:flex;

    gap:16px;

    margin-bottom:45px;

}

.freezer-banner-section .banner-buttons a{

    padding:15px 28px;

    border-radius:5px;

    text-decoration:none;  

    font-size:15px;

    font-weight:600;

    transition:.3s;
    

}

.freezer-banner-section .explore-btn{

    background:#ff3b30;

    color:#fff;

}

.freezer-banner-section .explore-btn:hover{

    background:#e02a20;

}

.freezer-banner-section .quote-btn{

    border:1px solid #ff3b30;

    color:#ff3b30;

    background:#fff;

}

.freezer-banner-section .quote-btn:hover{

    background:#ff3b30;

    color:#fff;

} 

/* Feature Boxes */

 .banner-features{

    display:flex;

    flex-wrap:wrap;

    gap:18px;

}

.banner-features .feature-box{

    display:flex;

    align-items:center;

    gap:12px;

    padding:14px 20px;

    background:#fff;

    border:1px solid #E5EBF5;

    border-radius:10px;

    transition:.35s;

}

.banner-features .feature-box:hover{

    transform:translateY(-6px);

    border-color:#002964;

    box-shadow:0 18px 40px rgba(6,46,130,.08);

}

.banner-features .feature-box i{

    color:#ff3b30;

    font-size:18px;

}

.banner-features .feature-box span{

    font-size:15px;

    color:#002964;

    font-weight:500;

}

/* Responsive */

@media(max-width:991px){

.freezer-banner-section{

min-height:auto;

padding:80px 0;

background-position:center;

}

.freezer-banner-section .banner-heading{

font-size:42px;

}

.banner-features{

flex-direction:column;

}

.banner-features .feature-box{

width:100%;

}

.banner-buttons{

flex-wrap:wrap;

}

} 

.medical-resource-section{
    padding:80px 0;
    background:#f7faff;
}


.section-title{
    text-align:center;
    margin-bottom:40px;
}


.section-title h2{
    font-size:38px;
    color:#002964;
    font-weight:600;
}


.section-title h2 span{
    color:#ff3b30;
}


.second-title{
    margin-top:60px;
}


.medical-grid{

    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;

}



.medical-card{

    background:#fff;
    padding:25px;
    border-radius:16px;
    display:flex;
    align-items:center;
    gap:20px;

    border:1px solid #e6edf7;

    box-shadow:
    0 10px 30px rgba(0,41,100,.08);

    transition:.3s;

}



.medical-card:hover{

    transform:translateY(-8px);

    box-shadow:
    0 20px 45px rgba(0,41,100,.15);

}



.card-icon{

    min-width:60px;
    height:60px;

    border-radius:50%;

    background:#002964;

    color:#fff;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:24px;

}



.medical-card:hover .card-icon{

    background:#ff3b30;

}



.medical-card p{

    margin:0;

    color:#555;

    line-height:1.7;

}



.medical-card a{

    color:#002964;

    font-size:14px;

    text-decoration:underline;

}



.medical-card strong{

    display:inline;

    color:#111;

    font-size:16px;

}



@media(max-width:767px){

    .medical-grid{

        grid-template-columns:1fr;

    }


    .section-title h2{

        font-size:30px;

    }

}

.cta-section .cta-box {
    height: 450px;
    margin: auto;
    background: radial-gradient(circle at top left, #0d3c8d 0%, transparent 45%), linear-gradient(135deg, #041d49, #062e82);
    border-radius: 30px;
    padding: 80px;
    text-align: center;
    position: relative;
    overflow: hidden;
    box-shadow: 0 30px 80px rgba(6, 46, 130, .18);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* glow */

.cta-section .cta-box::before {
    content: "";
    width: 400px;
    height: 400px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .08);
    position: absolute;
    top: -180px;
    left: -150px;
}

.cta-section .cta-box::after {
    content: "";
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .05);
    position: absolute;
    bottom: -140px;
    right: -120px;
}

.cta-section .cta-box>* {
    position: relative;
    z-index: 2;
}

.cta-section .cta-box p {
    color: rgba(255, 255, 255, .85);
    max-width: 650px;
    margin: 0 auto 40px;
}

.cta-section .cta-box .cta-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.cta-section .cta-box .cta-buttons .primary-btn {
    background: #fff;
    color: #002964;
    padding: 14px 24px;
    text-decoration: none;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    transition: .35s;
}

.cta-section .cta-box .cta-buttons .primary-btn:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, .25);
}

.cta-section .cta-box .cta-buttons .secondary-btn {
    background: #ff3b30;
    color: #fff;
    padding: 14px 24px;
    text-decoration: none;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    transition: .35s;
}

.cta-section .cta-box .cta-buttons .secondary-btn:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, .25);
}

/*========================
FOOTER
========================*/

.footer {
    background:
        linear-gradient(135deg, #031a3d, #062e82);
    color: white;
    position: relative;
    overflow: hidden;
    padding-top: 60px;
}

.footer .footer-top-shape {
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    line-height: 0;
}

.footer .footer-top-shape svg {
    width: 100%;
    height: 90px;
    display: block;
}

/* Newsletter */

.footer .newsletter-box {
    background: rgba(255, 255, 255, .08);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 20px;
    padding: 45px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 80px;
    gap: 40px;
}

.footer .newsletter-box h3 {
    font-size: 34px;
    margin-bottom: 12px;
}

.footer .newsletter-box p {
    color: #d8e5ff;
    margin: 0;
}

.footer .newsletter-box form {
    display: flex;
    gap: 15px;
}

.footer .newsletter-box input {
    width: 320px;
    padding: 16px;
    border: none;
    border-radius: 8px;
    outline: none;
}

.footer .newsletter-box button {
    padding: 16px 28px;
    background: #ff3b30;
    border: none;
    color: #fff;
    border-radius: 8px;
    cursor: pointer;
    transition: .3s;
}

.footer .newsletter-box button:hover {
    transform: translateY(-4px);
}

/* Grid */
.footer .footer-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1.3fr;
    gap: 60px;
    padding-bottom: 70px;
}

.footer .footer-grid .footer-logo {
    width: 180px;
    margin-bottom: 25px;
}

.footer .footer-grid .footer-about {
    line-height: 1.8;
    color: #d5def3;
    max-width: 360px;
}

/* Titles */

.footer .footer-grid h4 {
    font-size: 22px;
    margin-bottom: 25px;
    position: relative;
}

.footer .footer-grid h4::after {
    content: "";
    width: 45px;
    height: 2px;
    background: #ff3b30;
    display: block;
    margin-top: 12px;
}

/* Lists */

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

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

.footer .footer-grid ul a {
    text-decoration: none;
    color: #d5def3;
    transition: .3s;
}

.footer .footer-grid ul a:hover {
    padding-left: 8px;
    color: #fff;
}

/* Contact */

.footer .footer-grid .contact-list li {
    color: #d5def3;
}

/* Social */

.footer .footer-grid .social-icons {
    display: flex;
    gap: 15px;
    margin-top: 30px;
}

.footer .footer-grid .social-icons a {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, .08);
    color: #fff;
    text-decoration: none;
    transition: .35s;
}

.footer .footer-grid .social-icons a:hover {
    background: #ff3b30;
    transform: translateY(-6px);
}

/* Bottom */

.footer .footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, .12);
    padding: 28px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.footer .footer-bottom p {
    margin: 0;
    color: #cfdaf5;
}

.footer .footer-bottom div {
    display: flex;
    gap: 30px;
}

.footer .footer-bottom a {
    color: #cfdaf5;
    text-decoration: none;
    transition: .3s;
}

.footer .footer-bottom a:hover {
    color: #fff;
}