/* ====================================
   BLUR HOUR PRIVATE LIMITED - STYLE.CSS
==================================== */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');

:root{
    --black:#000000;
    --white:#ffffff;
    --gray:#888888;
    --light-gray:#f4f4f4;
    --border:#e5e5e5;

    --container:1400px;
    --transition:.4s ease;
}

/* =====================
RESET
===================== */

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

html{
    scroll-behavior:smooth;
}

body{
    font-family:'Montserrat',sans-serif;
    background:#fff;
    color:#000;
    overflow-x:hidden;
    line-height:1.6;
}
.footer_logo img {
    max-width: 180px;
    width: 100%;
}
img{
    width:100%;
    display:block;
}

a{
    text-decoration:none;
}

ul{
    list-style:none;
}

.container{
    width:100%;
    max-width:var(--container);
    margin:auto;
    padding:0 40px;
}

/* =====================
TYPOGRAPHY
===================== */

h1{
    font-family:'Montserrat',sans-serif;
    font-weight:800;
    letter-spacing:-4px;
}

h2{
    font-family:'Montserrat',sans-serif;
    font-weight:700;
    letter-spacing:-2px;
}

h3{
    font-family:'Montserrat',sans-serif;
    font-weight:600;
}

p{
    font-weight:400;
}

.section-heading{
    margin-bottom:80px;
}

.section-heading span{
    display:block;
    font-size:12px;
    letter-spacing:5px;
    font-weight:600;
    color:#888;
    margin-bottom:20px;
}

.section-heading h2{
    font-size:64px;
    line-height:1;
}

/* =====================
HEADER
===================== */

.header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:999;
    background:rgba(0,0,0,.7);
    backdrop-filter:blur(15px);
}

.navbar{
    height:90px;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.logo img{
    width:180px;
}

.nav-menu ul{
    display:flex;
    gap:40px;
}

.nav-menu a{
    color:#fff;
    font-size:13px;
    font-weight:500;
    letter-spacing:1.5px;
    text-transform:uppercase;
    transition:.3s;
}

.nav-menu a:hover{
    opacity:.6;
}

.nav-btn{
    border:1px solid #fff;
    color:#fff;
    padding:14px 28px;
    font-size:13px;
    font-weight:600;
    transition:.3s;
}

.nav-btn:hover{
    background:#fff;
    color:#000;
}

.menu-toggle{
    display:none;
}

/* =====================
HERO
===================== */

.hero{
    position:relative;
    height:100vh;
    overflow:hidden;
}

.hero-image{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
}

.hero-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.55);
}

.hero-content{
    position:relative;
    z-index:2;
    color:#fff;
    max-width:850px;
    width: 100%;
    padding-top: 80px;
}

.hero-tag{
    display:inline-block;
    border:1px solid rgba(255,255,255,.2);
    padding:12px 20px;
    margin-bottom:30px;
    font-size:12px;
    letter-spacing:3px;
}

.hero h1{
    font-size:64px;
    line-height:1.2;
    margin-bottom:30px;
}

.hero p{
    font-size:20px;
    max-width:650px;
    color:#ddd;
    margin-bottom:40px;
}

.hero-buttons{
    display:flex;
    gap:20px;
}

.btn-primary{
    background:#fff;
    color:#000;
    padding:18px 34px;
    font-weight:600;
}

.btn-secondary{
    border:1px solid #fff;
    color:#fff;
    padding:18px 34px;
}

/* =====================
COMMON SECTION
===================== */

section{
    padding:80px  0;
}

/* =====================
FEATURED EXPERIENCE
===================== */

.experience-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.experience-card{
    position:relative;
    overflow:hidden;
}

.experience-card img{
    height:560px;
    object-fit:cover;
    transition:.8s;
}

.experience-card:hover img{
    transform:scale(1.08);
}

.experience-content{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    padding:30px;
    color:#fff;
    background:linear-gradient(transparent,rgba(0,0,0,.95));
}

.experience-content h3{
    font-size:30px;
    margin-bottom:10px;
}

/* =====================
ABOUT
===================== */

.about-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:120px;
}

.about-left h2{
    font-size:80px;
    line-height:.95;
    margin-top:20px;
}

.about-right{
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.about-right p{
    font-size:22px;
    color:#444;
    margin-bottom:25px;
}

/* =====================
SERVICES
===================== */

.services-section{
    background:#000;
    color:#fff;
}

.services-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.service-card{
    min-height:260px;
    border:1px solid rgba(255,255,255,.1);
    padding:35px;
    display:flex;
    align-items:flex-end;
    transition:.4s;
}

.service-card:hover{
    background:#fff;
    color:#000;
}

.service-card h3{
    font-size:30px;
}

/* =====================
SHOWCASE
===================== */

.showcase-section{
    display:grid;
    grid-template-columns:55% 45%;
    padding:0;
}

.showcase-image img{
    height:100%;
    object-fit:cover;
}

.showcase-content{
    padding:100px;
    display:flex;
    justify-content:center;
    flex-direction:column;
}

.showcase-content span{
    font-size:12px;
    letter-spacing:4px;
    color:#777;
}

.showcase-content h2{
    font-size:100px;
    margin:20px 0;
}

.showcase-content p{
    font-size:20px;
    margin-bottom:35px;
}

.showcase-content a{
    color:#000;
    font-weight:600;
    border-bottom:1px solid #000;
    width:max-content;
}

/* =====================
GALLERY
===================== */

.gallery-grid{
    columns:4;
    column-gap:20px;
}

.gallery-grid img{
    margin-bottom:20px;
    transition:.5s;
}

.gallery-grid img:hover{
    transform:translateY(-5px);
}

/* =====================
TAALRAQS
===================== */

.taalraqs-section{
    height:90vh;
    position:relative;
    padding:0;
}

.taalraqs-section img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.taalraqs-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.55);
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding-left:10%;
    color:#fff;
}

.taalraqs-overlay h2{
    font-size:110px;
    max-width:900px;
}

/* =====================
RAPIDX
===================== */

.rapidx-section{
    background:#000;
    color:#fff;
}

.rapidx-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:120px;
}

.rapidx-content h2{
    font-size:100px;
    margin:20px 0;
}

.rapidx-features{
    display:grid;
    gap:20px;
}

.rapidx-features div{
    padding:35px;
    border:1px solid rgba(255,255,255,.1);
    font-size:22px;
}

/* =====================
STATS
===================== */

.stats-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    text-align:center;
}

.stat h3{
    font-size:90px;
    font-weight:800;
}

.stat p{
    color:#777;
}

/* =====================
PARTNERS
===================== */

.partners-slider{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:50px;
    align-items:center;
}

.partners-slider img{
    filter:grayscale(100%);
    opacity:.7;
}

/* =====================
CTA
===================== */

.cta-section{
    background:#000;
    color:#fff;
    text-align:center;
}

.cta-section h2{
    font-size:72px;
    line-height:1.05;
    max-width:1000px;
    margin:auto auto 40px;
}

.cta-section a{
    display:inline-block;
    background:#fff;
    color:#000;
    padding:18px 40px;
    font-weight:700;
}

/* =====================
FAQ
===================== */
.faq-item{
    border-bottom:1px solid rgba(255,255,255,.1);
    padding:25px 0;
}

.faq-question{

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

    cursor:pointer;

    font-size:22px;
    font-weight:600;

}

.faq-icon{

    font-size:30px;
    transition:.4s ease;

}

.faq-answer{

    max-height:0;
    overflow:hidden;

    opacity:0;

    transition:
    max-height .5s ease,
    opacity .4s ease,
    padding .4s ease;

    padding-top:0;

}

.faq-answer p{

    color:#999;
    line-height:1.8;
    padding-right:30px;

}

.faq-item.active .faq-answer{

    max-height:300px;
    opacity:1;
    padding-top:20px;

}

.faq-item.active .faq-icon{

    transform:rotate(45deg);

}

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

.footer {
    background: #111;
    color: #fff;
    padding: 80px 0 30px 0px;
}

.footer-grid{
    display:grid;
    grid-template-columns:2fr 1fr 1fr;
    gap:60px;
}

.footer h4{
    margin-bottom:20px;
}

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

.footer a{
    color:#aaa;
}

.footer p{
    color:#aaa;
    margin-top:20px;
    max-width:400px;
}

.copyright{
    border-top:1px solid rgba(255,255,255,.1);
    margin-top:60px;
    padding-top:30px;
    text-align:center;
    color:#777;
}






/* ======================
SCROLL ANIMATIONS
====================== */

.fade-up{

    opacity:0;
    transform:translateY(40px);

    transition:all .8s ease;

}

.fade-up.show{

    opacity:1;
    transform:translateY(0);

}

/* FAQ */

.faq-item{

    position:relative;
    transition:.3s;

}

.faq-item::after {
    content: "+";
    position: absolute;
    right: 0;
    font-size: 33px;
    top: 25%;
}

.faq-item.active::after{

    content:"−";
    top: 15%;
}

/* services page css start  */
/* ==================================
   SERVICES PAGE
================================== */

/* HERO */

.services-hero{
    position:relative;
    height:100vh;
    overflow:hidden;
}

.services-hero img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.services-hero-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.55);

    display:flex;
    flex-direction:column;
    justify-content:center;

    padding-left:8%;
    color:#fff;
}

.services-hero-overlay span{
    font-size:12px;
    letter-spacing:5px;
    font-weight:600;
}

.services-hero-overlay h1{
    font-size:64px;
    line-height:1.2;
    max-width:850px;
    margin:25px 0;
}

.services-hero-overlay p{
    font-size:18px;
    color:#ddd;
}

/* ==========================
INTRO
========================== */

.services-intro{
    padding:140px 0 0;
}

.services-intro-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:120px;
}

.services-intro span{
    font-size:12px;
    letter-spacing:4px;
    color:#777;
}

.services-intro h2{
    font-size:80px;
    line-height:.95;
    margin-top:20px;
}

.services-intro p{
    font-size:24px;
    color:#444;
    line-height:1.8;
}

/* ==========================
SERVICE BLOCK
========================== */

.service-block{
    display:grid;
    grid-template-columns:55% 45%;
    align-items:center;
}

.service-block.reverse{
    grid-template-columns:45% 55%;
}

.service-block.reverse .service-content{
    order:1;
}

.service-block.reverse .service-image{
    order:2;
}

.service-image img{
    width:100%;
    height:850px;
    object-fit:cover;
}

.service-content{
    padding:100px;
}

.service-content span{
    display:block;
    font-size:14px;
    font-weight:700;
    color:#999;
    margin-bottom:20px;
}

.service-content h2{
    font-size:90px;
    line-height:.95;
    margin-bottom:30px;
}

.service-content p{
    font-size:20px;
    color:#444;
    margin-bottom:40px;
}

.service-content ul{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
}

.service-content li{
    border:1px solid #ddd;
    padding:14px 22px;
    font-size:14px;
    font-weight:500;
}

/* ==========================
EXCLUSIVE IPS
========================== */

.exclusive-ips{
    padding:150px 0;
    background:#000;
    color:#fff;
}

.exclusive-ips .section-heading{
    text-align:center;
    margin-bottom:80px;
}

.exclusive-ips .section-heading p{
    max-width:700px;
    margin:auto;
    color:#bbb;
    margin-top:20px;
}

.ips-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.ip-card{
    position:relative;
    overflow:hidden;
    background:#111;
}

.ip-card img{
    width:100%;
    height:450px;
    object-fit:cover;
    transition:.8s;
}

.ip-card:hover img{
    transform:scale(1.08);
}

.ip-content{
    padding:30px;
}

.ip-content h3{
    font-size:28px;
    margin-bottom:15px;
}

.ip-content p{
    color:#aaa;
    line-height:1.8;
}

/* ==========================
RAPIDX
========================== */

.rapidx-services{
    padding:150px 0;
}

.rapidx-services-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:120px;
}

.rapidx-services span{
    font-size:12px;
    letter-spacing:4px;
    color:#888;
}

.rapidx-services h2{
    font-size:100px;
    margin-top:20px;
    margin-bottom:20px;
}

.rapidx-services p{
    font-size:20px;
    color:#444;
}

.feature-box{
    border:1px solid #ddd;
    padding:35px;
    margin-bottom:20px;
    font-size:20px;
    transition:.3s;
}

.feature-box:hover{
    background:#000;
    color:#fff;
}

/* ==========================
WHY BLUR HOUR PRIVATE LIMITED
========================== */

.why-BLUR HOUR PRIVATE LIMITED{
    background:#f8f8f8;
    padding:150px 0;
}

.why-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.why-grid div{
    background:#fff;
    padding:60px;
    min-height:220px;
    display:flex;
    align-items:flex-end;
    transition:.3s;
}

.why-grid div:hover{
    background:#000;
    color:#fff;
}

.why-grid h3{
    font-size:32px;
    line-height:1.2;
}

/* ==========================
PROCESS
========================== */

.process{
    padding:150px 0;
}

.process-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

.process-grid div{
    border-top:2px solid #000;
    padding-top:30px;
}

.process-grid span{
    font-size:14px;
    color:#999;
}

.process-grid h3{
    font-size:38px;
    margin-top:15px;
}

/* ==========================
CTA
========================== */

.services-cta{
    background:#000;
    color:#fff;
    text-align:center;
    padding:160px 0;
}

.services-cta h2{
    font-size:72px;
    line-height:1.05;
    max-width:1000px;
    margin:auto auto 40px;
}

.services-cta a{
    display:inline-block;
    background:#fff;
    color:#000;
    padding:18px 40px;
    font-weight:700;
    transition:.3s;
}

.services-cta a:hover{
    background:#ddd;
}

/* ==========================
ANIMATION
========================== */

.ip-card,
.service-block,
.feature-box,
.why-grid div,
.process-grid div{
    transition:.4s;
}

/* ==========================
LUXURY DETAILS
========================== */

.service-content h2,
.services-intro h2,
.rapidx-services h2{
    letter-spacing:-3px;
}

.ip-content h3,
.why-grid h3{
    letter-spacing:-1px;
}



/* privacy policy page start */
/* ==================================
   BLUR HOUR PRIVATE LIMITED LEGAL PAGES
   Privacy Policy
   Terms & Conditions
================================== */

/* HERO */

.legal-hero{
    position:relative;
    height:70vh;
    overflow:hidden;
}

.legal-hero img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.legal-overlay{
    position:absolute;
    inset:0;

    background:rgba(0,0,0,.55);

    display:flex;
    flex-direction:column;
    justify-content:center;

    padding-left:8%;

    color:#fff;
}

.legal-overlay span{
    font-size:12px;
    font-weight:600;
    letter-spacing:5px;
    text-transform:uppercase;
}

.legal-overlay h1{
    font-size:110px;
    line-height:.92;
    margin-top:20px;
    max-width:800px;
}

/* ==========================
CONTENT
========================== */

.legal-content{
    padding:140px 0;
    background:#fff;
}

.legal-wrapper{
    max-width:900px;
    margin:auto;
}

.legal-intro{
    margin-bottom:80px;
}

.legal-intro p{
    font-size:24px;
    line-height:1.9;
    color:#333;
    font-weight:400;
}

/* ==========================
LEGAL BLOCK
========================== */

.legal-block{
    margin-bottom:80px;
    border-bottom:1px solid #efefef;
    padding-bottom:50px;
}

.legal-block:last-child{
    border-bottom:none;
    margin-bottom:0;
}

.legal-block h2{
    font-size:42px;
    line-height:1.1;
    margin-bottom:25px;
    letter-spacing:-1px;
}

.legal-block p{
    font-size:18px;
    line-height:1.9;
    color:#555;
}

.legal-block ul{
    margin-top:25px;
    padding-left:20px;
}

.legal-block li{
    font-size:18px;
    line-height:1.9;
    color:#555;
    margin-bottom:12px;
    list-style:disc;
}

/* ==========================
CTA
========================== */

.legal-cta{
    background:#000;
    color:#fff;
    text-align:center;
    padding:140px 0;
}

.legal-cta h2{
    font-size:72px;
    line-height:1.05;
    max-width:700px;
    margin:auto;
    margin-bottom:40px;
}

.legal-cta a{
    display:inline-block;
    background:#fff;
    color:#000;
    padding:18px 40px;
    font-weight:700;
    transition:.3s;
}

.legal-cta a:hover{
    background:#ddd;
}

/* ==========================
READABILITY ENHANCEMENT
========================== */

.legal-block p,
.legal-block li{
    max-width:850px;
}

.legal-content strong{
    color:#000;
    font-weight:700;
}

.legal-content a{
    color:#000;
    border-bottom:1px solid #000;
}

/* ==========================
SCROLL ANIMATION
========================== */

.legal-block{
    transition:.4s ease;
}

/* contact us css start */
/* ==================================
   BLUR HOUR PRIVATE LIMITED CONTACT PAGE
================================== */

/* HERO */

.contact-hero{
    position:relative;
    height:100vh;
    overflow:hidden;
}

.contact-hero img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.contact-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.60);

    display:flex;
    flex-direction:column;
    justify-content:center;

    padding-left:8%;

    color:#fff;
}

.contact-overlay span{
    font-size:12px;
    letter-spacing:5px;
    font-weight:600;
}

.contact-overlay h1{
    font-size:110px;
    line-height:.9;
    letter-spacing:-4px;
    max-width:900px;
    margin:25px 0;
}

.contact-overlay p{
    font-size:20px;
    color:#ddd;
}

/* ==========================
INTRO
========================== */

.contact-intro{
    padding:140px 0;
}

.contact-intro-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:120px;
}

.contact-intro span{
    font-size:12px;
    letter-spacing:5px;
    color:#777;
}

.contact-intro h2{
    font-size:80px;
    line-height:.95;
    margin-top:20px;
}

.contact-intro p{
    font-size:22px;
    color:#444;
    margin-bottom:25px;
    line-height:1.8;
}

/* ==========================
CONTACT MAIN
========================== */

.contact-main{
    padding-bottom:150px;
}

.contact-grid{
    display:grid;
    grid-template-columns:40% 60%;
    gap:80px;
}

.contact-info{
    padding-right:30px;
}

.contact-item{
    margin-bottom:50px;
}

.contact-item span{
    display:block;
    font-size:12px;
    letter-spacing:3px;
    color:#888;
    margin-bottom:12px;
}

.contact-item h3{
    font-size:28px;
    font-weight:600;
    line-height:1.4;
}

.contact-form-wrap{
    background:#f8f8f8;
    padding:60px;
}

.form-heading span{
    font-size:12px;
    letter-spacing:4px;
    color:#777;
}

.form-heading h2{
    font-size:60px;
    line-height:1;
    margin:20px 0 40px;
}

.contact-form{
    display:flex;
    flex-direction:column;
    gap:20px;
}

.contact-form input,
.contact-form select,
.contact-form textarea{

    width:100%;

    border:none;
    border-bottom:1px solid #ddd;

    background:transparent;

    padding:18px 0;

    font-size:16px;
    font-family:'Montserrat',sans-serif;

    outline:none;

}

.contact-form textarea{
    resize:none;
}

.contact-form button{

    width:max-content;

    background:#000;
    color:#fff;

    border:none;

    padding:18px 40px;

    font-weight:700;

    cursor:pointer;

    transition:.3s;

    margin-top:10px;

}

.contact-form button:hover{

    background:#222;

}

/* ==========================
WHY BLUR HOUR PRIVATE LIMITED
========================== */

.partner-section{
    padding:150px 0;
    background:#000;
    color:#fff;
}

.partner-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.partner-card{
    border:1px solid rgba(255,255,255,.08);
    padding:40px;
    min-height:260px;

    display:flex;
    flex-direction:column;
    justify-content:flex-end;

    transition:.3s;
}

.partner-card:hover{
    background:#fff;
    color:#000;
}

.partner-card h3{
    font-size:30px;
    margin-bottom:15px;
}

.partner-card p{
    color:inherit;
}

/* ==========================
IPS SECTION
========================== */

.contact-ips{
    padding:140px 0;
}

.ip-tags{
    display:flex;
    flex-wrap:wrap;
    gap:20px;
}

.ip-tags span{

    border:1px solid #ddd;

    padding:18px 30px;

    font-size:15px;
    font-weight:500;

    transition:.3s;

}

.ip-tags span:hover{

    background:#000;
    color:#fff;

}

/* ==========================
SOCIAL
========================== */

.social-connect{
    padding:140px 0;
    background:#f7f7f7;
    text-align:center;
}

.social-connect span{
    display:block;
    font-size:12px;
    letter-spacing:5px;
    color:#777;
    margin-bottom:40px;
}

.social-links{
    display:flex;
    justify-content:center;
    gap:60px;
    flex-wrap:wrap;
}

.social-links a{

    font-size:42px;

    color:#000;

    font-weight:700;

    transition:.3s;

}

.social-links a:hover{
    opacity:.4;
}

/* ==========================
FAQ
========================== */

.contact-faq{
    padding:150px 0;
}

.contact-faq .section-heading{
    margin-bottom:60px;
}

.faq-list{
    max-width:1000px;
    margin:auto;
}

.faq-item{

    padding:35px 0;

    border-bottom:1px solid #e5e5e5;

    font-size:24px;

    font-weight:500;

    position:relative;

}

.faq-item::after{

    content:"+";

    position:absolute;

    right:0;

    font-size:32px;

}

/* ==========================
CTA
========================== */

.contact-cta{

    background:#000;
    color:#fff;

    text-align:center;

    padding:180px 0;

}

.contact-cta span{

    display:block;

    font-size:12px;

    letter-spacing:5px;

    margin-bottom:20px;

}

.contact-cta h2{

    font-size:80px;

    line-height:1;

    max-width:1000px;

    margin:auto auto 40px;

}

.contact-cta a{

    display:inline-block;

    background:#fff;

    color:#000;

    padding:18px 45px;

    font-weight:700;

    transition:.3s;

}

.contact-cta a:hover{

    background:#ddd;

}

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

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

/* ==========================
RESPONSIVE
========================== */

@media(max-width:1200px){

    .contact-overlay h1{
        font-size:90px;
    }

    .partner-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:1024px){

    .contact-intro-grid,
    .contact-grid{
        grid-template-columns:1fr;
        gap:60px;
    }

    .contact-form-wrap{
        padding:40px;
    }

}

@media(max-width:768px){

    .contact-overlay{
        padding:30px;
    }

    .contact-overlay h1{
        font-size:60px;
    }

    .contact-intro h2{
        font-size:52px;
    }

    .form-heading h2{
        font-size:42px;
    }

    .partner-grid{
        grid-template-columns:1fr;
    }

    .social-links a{
        font-size:30px;
    }

    .contact-cta h2{
        font-size:46px;
    }

}

@media(max-width:576px){

    .contact-hero{
        height:85vh;
    }

    .contact-overlay h1{
        font-size:44px;
        letter-spacing:-2px;
    }

    .contact-overlay p{
        font-size:16px;
    }

    .contact-intro{
        padding:90px 0;
    }

    .contact-intro h2{
        font-size:40px;
    }

    .contact-item h3{
        font-size:20px;
    }

    .contact-form-wrap{
        padding:25px;
    }

    .form-heading h2{
        font-size:34px;
    }

    .social-links{
        flex-direction:column;
        gap:25px;
    }

    .social-links a{
        font-size:24px;
    }

    .faq-item{
        font-size:18px;
        padding:25px 0;
    }

    .contact-cta{
        padding:100px 0;
    }

    .contact-cta h2{
        font-size:34px;
    }

}
/* contact us css end */