Blog 6

Blog 6					
/* =====================================================
   RESET
===================================================== */
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}
body{
    font-family:'Poppins',sans-serif;
}
/* =====================================================
   BLOG DETAILS SECTION
===================================================== */
.blog-details-section{
    width:100%;
    padding:40px 20px 60px;
}
/* =====================================================
   CONTAINER
===================================================== */
.blog-details-container{
    max-width:1280px;
    margin:auto;
}
/* =====================================================
   HEADER
===================================================== */
.blog-details-header{
    text-align:center;
    margin-bottom:28px;
}
/* TITLE */
.blog-main-title{
    font-family:'Roboto Slab', serif;
    font-size:30px;
    font-weight:700;
    color:#0b367f;
    margin-bottom:8px;
}
/* SUBTITLE */
.blog-main-subtitle{
    font-size:16px;
    color:#666666;
    line-height:1.6;
}
/* =====================================================
   HERO IMAGE
===================================================== */
.blog-hero-image{
    width:100%;
    overflow:hidden;
    border-radius:4px;
    margin-bottom:18px;
}
/* IMAGE */
.blog-hero-image img{
    width:100%;
    height:420px;
    object-fit:cover;
    display:block;
}
/* =====================================================
   MAIN BLOG TITLE
===================================================== */
.blog-content-title{
    font-family:'Roboto Slab', serif;
    font-size:25px;
    line-height:1.5;
    font-weight:700;
    color:#0b367f;
    margin-bottom:12px;
}
/* =====================================================
   PARAGRAPH
===================================================== */
.blog-paragraph{
    font-size:16px;
    line-height:1.95;
    color:#2f2f2f;
    margin-bottom:28px;
}
/* =====================================================
   CONTENT ROW
===================================================== */
.blog-content-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:22px;
    margin-bottom:24px;
}
/* =====================================================
   IMAGE BOX
===================================================== */
.blog-image-box{
    width:100%;
    overflow:hidden;
    border-radius:4px;
}
/* IMAGE */
.blog-image-box img{
    width:100%;
    height:260px;
    object-fit:cover;
    display:block;
}
/* =====================================================
   TEXT CONTENT
===================================================== */
.blog-side-content{
    width:100%;
}
/* SMALL LABEL */
.blog-small-label{
    font-size:18px;
    color:#444444;
    margin-bottom:8px;
}
/* SIDE TITLE */
.blog-side-title{
    font-family:'Roboto Slab', serif;
    font-size:16px;
    line-height:1.5;
    font-weight:700;
    color:#0b367f;
    margin-bottom:12px;
}
/* =====================================================
   RESPONSIVE
===================================================== */
@media(max-width:991px){
    .blog-content-row{
        grid-template-columns:1fr;
    }
    .blog-image-box img{
        height:320px;
    }
}
@media(max-width:768px){
    .blog-details-section{
        padding:35px 16px 50px;
    }
    .blog-main-title{
        font-size:22px;
    }
    .blog-hero-image img{
        height:300px;
    }
    .blog-content-title,
    .blog-side-title{
        font-size:15px;
    }
    .blog-paragraph{
        font-size:12px;
        line-height:1.9;
    }
}
@media(max-width:480px){
    .blog-hero-image img{
        height:220px;
    }
    .blog-image-box img{
        height:220px;
    }
    .blog-main-title{
        font-size:20px;
    }
}






        
            
                News & Blogs Details
            
            
                Lorem Ipsum is simply dummy text of the printing and typesetting industry.
            
        
            
        
        
            Lorem Ipsum is simply dummy text of the printing and typesetting industry.
        
        
        
            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting.
            
            Lorem Ipsum was originally developed in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
        
        
            
                
            
                    Sponsor
                
                    Lorem Ipsum is simply dummy text of the printing and typesetting industry.
                
                
                    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
                    
                    It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages.
                
        
            
                    Trust
                
                    Lorem Ipsum is simply dummy text of the printing and typesetting industry.
                
                
                    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
                    
                    It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages.
                
            
                
        
            
                
            
                    Trusted
                
                    Lorem Ipsum is simply dummy text of the printing and typesetting industry.
                
                
                    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
                    
                    It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages.
                
		[recent_blogs_carousel]			




        
            
                Get In Touch With WeCare Disability Services
            
            
                We're here to listen, understand your needs, and provide the support you deserve. Reach out today to begin your journey toward a more independent life.
            
            
                    Phone Support
                    1300 932 273
            
                    Email Inquiries
                    hello@wecare.com.au
            
                    Headquarters
                        Level 3, 123 Care Street Melbourne VIC 3000 Australia
            
                    Operational Hours
                        24/7 Operations Room | Admin Mon - Fri (9AM - 6PM)
        
    [contact-form-7 id="c78b66c" title="Contact form"]


/* ============================
   SECTION
============================ */
.contact-section{
    width:100%;
    padding:100px 20px;
    background:
    linear-gradient(to bottom, #ffffff 75%, #e9f8fb 100%);
    font-family:'Inter', sans-serif;
}
/* ============================
   WRAPPER
============================ */
.contact-wrapper{
    max-width:1300px;
    margin:auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    align-items:start;
}
/* ============================
   LEFT
============================ */
.contact-left h2{
    font-family: 'Roboto Slab', serif;
    font-size:30px;
    color:#0B3475;
    font-size:46px;
    line-height:1.25;
    font-weight:600;
    color:#123B7A;
    margin-bottom:20px;
}
.contact-left p{
    font-family: 'Roboto Slab', serif;
    font-size:16px;
    font-weight:400;
    line-height:1.9;
    color:#2F2F2F;
    margin-bottom:45px;
    max-width:520px;
}
/* ============================
   INFO ITEM
============================ */
.contact-info{
    font-family: 'Roboto Slab', serif;
    display:flex;
    align-items:flex-start;
    gap:18px;
    margin-bottom:32px;
}
/* ICON */
.info-icon{
    width:48px;
    height:48px;
    min-width:48px;
    border-radius:12px;
    background:#ECECEC;
    display:flex;
    align-items:center;
    justify-content:center;
}
.info-icon i{
    color:#2B58F3;
    font-size:16px;
}
/* CONTENT */
.info-content h4{
    font-size:18px;
    font-weight:700;
    color:#1C1C1C;
    margin-bottom:6px;
}
.info-content span{
    font-size:14px;
    line-height:1.8;
    color:#666;
}
/* ============================
   RIGHT FORM
============================ */
.contact-right{
    background:#F5F5F5;
    padding:40px;
    border-radius:16px;
}
/* FORM */
.contact-form{
    font-family: 'Roboto Slab', serif;
    display:flex;
    flex-direction:column;
    gap:22px;
}
/* ROW */
.form-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
}
/* GROUP */
.form-group{
    display:flex;
    flex-direction:column;
}
.form-group label{
    font-size:13px;
    font-weight:700;
    color:#1C1C1C;
    margin-bottom:10px;
}
/* INPUT */
.form-group input,
.form-group select,
.form-group textarea{
    width:100%;
    height:54px;
    border:none;
    background:#fff;
    padding:0 18px;
    font-size:14px;
    color:#333;
    outline:none;
    border-radius:0;
    font-family:'Inter', sans-serif;
}
/* TEXTAREA */
.form-group textarea{
    height:120px;
    padding-top:18px;
    resize:none;
}
/* SELECT */
.form-group select{
    cursor:pointer;
}
/* BUTTON */
.submit-btn{
    width:100%;
    height:58px;
    border:none;
    background:#101737;
    color:#fff;
    font-size:15px;
    font-weight:700;
    cursor:pointer;
    transition:.3s ease;
    margin-top:10px;
}
.submit-btn:hover{
    background:#1B2555;
}
/* ============================
   RESPONSIVE
============================ */
@media(max-width:991px){
    .contact-wrapper{
        grid-template-columns:1fr;
        gap:50px;
    }
    .contact-left h2{
        font-size:38px;
    }
}
@media(max-width:768px){
    .contact-section{
        padding:70px 20px;
    }
    .contact-left h2{
        font-size:32px;
    }
    .contact-left p{
        font-size:15px;
    }
    .contact-right{
        padding:28px;
    }
    .form-row{
        grid-template-columns:1fr;
    }
}
@media(max-width:480px){
    .contact-left h2{
        font-size:28px;
        line-height:1.35;
    }
    .contact-right{
        padding:22px;
    }
    .info-content h4{
        font-size:16px;
    }
    .info-content span{
        font-size:13px;
    }
}