/*==========================================
  UTKARSH GROWTH CONSULTANCY
  Premium Consultancy Website
  Author : SG WebApp Techniques Pvt Ltd
==========================================*/

/*==============================
GOOGLE FONT VARIABLES
==============================*/

:root{

    --primary:#B8860B;
    --primary-light:#D6B25E;
    --secondary:#A8C686;
    --accent:#A9D6E5;

    --cream:#FFFDF8;
    --soft:#FAF5EB;
    --white:#ffffff;

    --heading:#8C5A06;
    --text:#5B5448;

    --border:#EAD9B3;

    --shadow:0 15px 40px rgba(184,134,11,.08);

    --radius:18px;

    --transition:.4s ease;

}

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

*{

    margin:0;
    padding:0;
    box-sizing:border-box;

}

html{

    scroll-behavior:smooth;

}


body{

    font-family:'Poppins',sans-serif;

    background:var(--cream);

    color:var(--text);

    line-height:1.8;

    overflow-x:hidden;

}

img{

    width:100%;

    display:block;

}

.logo img{
    width:170px;
    height:auto;
    display:block;
}

a{

    text-decoration:none;

}

ul{

    list-style:none;

}

.container{

    width:90%;

    max-width:1280px;

    margin:auto;

}

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

h1,h2,h3,h4,h5{

    font-family:'Cormorant Garamond',serif;

    color:var(--heading);

    font-weight:700;

}

h1{

    font-size:68px;

    line-height:1.1;

}

h2{

    font-size:48px;

    margin-bottom:20px;

}

h3{

    font-size:30px;

}

p{

    font-size:17px;

    color:var(--text);

}

.section-title{

    text-align:center;

    margin-bottom:70px;

}

.section-title span{

    display:inline-block;

    color:var(--primary);

    letter-spacing:3px;

    font-weight:600;

    text-transform:uppercase;

    margin-bottom:15px;

}

section{

    padding:100px 0;

}

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

.header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(255,255,255,0.96);
    backdrop-filter: blur(12px);
    box-shadow: 0 4px 20px rgba(0,0,0,.05);
    z-index: 999;
}

.header .container{
    max-width: 1280px;
    margin: auto;
    padding: 0 40px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Logo */

.logo{
    flex-shrink: 0;
}


/* Navbar */

.navbar{
    flex: 1;
    display: flex;
    justify-content: center;
}

.navbar ul{
    display: flex;
    align-items: center;
    gap: 45px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.navbar ul li a{
    font-size: 17px;
    font-weight: 500;
    color: #6d4c0d;
    transition: .3s;
    text-decoration: none;
}

.navbar a{

    font-size:20px;
    font-weight:500;
    color:var(--heading);
    transition:.3s;

}

.navbar a:hover{

    color:var(--primary);

}

.navbar a.active{

    color:var(--primary);

}

.navbar ul li a:hover,
.navbar ul li a.active{
    color: #B8860B;
}

/* Button */

.btn-primary{
    background: linear-gradient(135deg,#C89A18,#B8860B);
    color: #fff;
    padding: 14px 30px;
    border-radius: 50px;
    font-weight: 600;
    text-decoration: none;
    transition: .3s;
    white-space: nowrap;
}

.btn-primary:hover{
    transform: translateY(-3px);
    box-shadow: 0 12px 25px rgba(184,134,11,.25);
}

/* Page content below fixed header */

body{
    padding-top: 90px;
}

/*==============================
PAGE BANNER
==============================*/

/*==============================
PAGE BANNER
==============================*/

.page-banner{
    margin-top:10px;
    padding:20px 0;      /* Height kam */
    background:#FFF7E5;
    text-align:center;
    border-bottom:1px solid #ead9b3;
}

.page-banner h1{
    font-size:52px;
    margin-bottom:8px;
    line-height:1;
}

.page-banner p{
    font-size:18px;
    margin:0;
}

/* Mobile */

@media(max-width:768px){

.page-banner{
    margin-top:80px;
    padding:45px 20px;
}

.page-banner h1{
    font-size:42px;
}

.page-banner p{
    font-size:16px;
}

}

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

.about-page{

    padding:20px 0;
    background:#FFFDF8;

}

.about-grid{

    display:grid;
    grid-template-columns:48% 52%;
    gap:70px;
    align-items:center;

}

/* Left Image */

.about-image{

    position:relative;
    overflow:hidden;
    border-radius:25px;
    box-shadow:0 25px 60px rgba(184,134,11,.12);

}

.about-image img{

    width:100%;
    height:520px;
    object-fit:cover;
    display:block;
    transition:.5s;

}

.about-image:hover img{

    transform:scale(1.05);

}

/* Right Content */

.about-content{

    padding-left:15px;

}

.section-subtitle{

    display:inline-block;
    color:#B8860B;
    letter-spacing:4px;
    text-transform:uppercase;
    font-size:14px;
    font-weight:600;
    margin-bottom:15px;

}

.vision-section{
    padding:100px 0;
    background:#FFF8EC;
}

.section-title{
    text-align:center;
    max-width:850px;
    margin:0 auto 70px;
}

.section-title span{
    display:inline-block;
    color:var(--primary);
    font-weight:700;
    letter-spacing:3px;
    margin-bottom:18px;
    text-transform:uppercase;
}

.section-title h2{
    font-size:52px;
    color:var(--heading);
    margin-bottom:25px;
}

.section-title p{
    font-size:18px;
    line-height:1.9;
    color:var(--text);
}

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

.vision-box{
    background:#fff;
    padding:40px 35px;
    border-radius:20px;
    border:1px solid rgba(184,134,11,.15);
    transition:.35s;
}

.vision-box:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(0,0,0,.08);
}

.vision-box i{
    width:70px;
    height:70px;
    border-radius:50%;
    background:#FFF3DA;
    color:var(--primary);
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:28px;
    margin-bottom:25px;
}

.vision-box h3{
    font-size:30px;
    color:var(--heading);
    margin-bottom:18px;
}

.vision-box p{
    font-size:17px;
    line-height:1.9;
    color:var(--text);
}

.services-hero,
.services-intro{
    padding:90px 0;
    background:#FFF8EC;
    text-align:center;
}

.services-hero{
    border-bottom:1px solid rgba(184,134,11,.15);
}

.services-hero .container,
.services-intro .container{
    max-width:950px;
}

.section-subtitle{
    display:inline-block;
    padding:12px 24px;
    background:#FFF2D7;
    color:var(--primary);
    font-weight:700;
    letter-spacing:2px;
    border-radius:40px;
    margin-bottom:25px;
    text-transform:uppercase;
}

.services-hero h1,
.services-intro h2{
    font-size:64px;
    line-height:1.2;
    color:var(--heading);
    margin-bottom:28px;
}

.services-hero p,
.services-intro p{
    font-size:20px;
    line-height:1.9;
    color:var(--text);
    max-width:900px;
    margin:0 auto;
}
.about-content h2{

    font-size:50px;
    line-height:1.2;
    margin-bottom:25px;

}

.about-content p{

    margin-bottom:22px;
    font-size:17px;
    color:#5B5448;
    line-height:1.9;

}

/* Premium Button */

.about-btn{

    display:inline-block;
    margin-top:15px;
    padding:15px 35px;
    background:#B8860B;
    color:#fff;
    border-radius:50px;
    transition:.4s;

}

.about-btn:hover{

    background:#8C5A06;
    transform:translateY(-4px);

}

/* Mobile */

@media(max-width:992px){

.about-grid{

    grid-template-columns:1fr;
    gap:40px;

}

.about-image img{

    height:380px;

}

.about-content{

    padding-left:0;
    text-align:center;

}

.about-content h2{

    font-size:38px;

}

}

.why-about{
    padding:80px 0;
    background:#FFF8EC;
}

.why-about .container{
    display:grid;
    grid-template-columns:1.1fr 0.9fr;
    gap:70px;
    align-items:center;
}

.why-about .left h2{
    font-size:52px;
    color:var(--heading);
    margin-bottom:25px;
}

.why-about .left p{
    font-size:18px;
    line-height:1.9;
    margin-bottom:30px;
    color:var(--text);
}

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

.why-about ul li{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:18px;
    font-size:18px;
    color:var(--heading);
}

.why-about ul li i{
    color:var(--primary);
    font-size:18px;
}

.why-about .right{
    display:flex;
    justify-content:flex-end;
}

.why-about .right img{
    width:100%;
    max-width:520px;
    height:550px;
    object-fit:cover;
    border-radius:25px;
    box-shadow:0 20px 50px rgba(0,0,0,.12);
}
/*==============================
HEADER
==============================*/

header{

    position:fixed;

    top:0;

    left:0;

    width:100%;

    z-index:999;

    backdrop-filter:blur(20px);

    background:rgba(255,255,255,.82);

    border-bottom:1px solid rgba(184,134,11,.12);

}

.nav-container{

    display:flex;

    justify-content:space-between;

    align-items:center;

    height:90px;

}

.logo{

    display:flex;
    align-items:center;
    gap:4px;

}

.logo img{

    width:clamp(170px, 18vw, 210px);
    height:clamp(170px, 18vw, 210px);
    object-fit:contain;
    margin:0;
    padding:0;
    position:relative;
    top:7px;

}

.logo-text{

    display:flex;
    flex-direction:column;

}

.logo-text h4{

    font-size:28px;
    color:var(--heading);
    margin:0;
    line-height:1.2;

}

.logo-text p{

    font-size:13px;
    color:#777;
    margin-top:4px;

}

/*================ WHY CHOOSE ================*/



.section-heading{
    text-align:center;
    max-width:850px;
    margin:0 auto 70px;
}

.section-heading span{
    display:inline-block;
    padding:8px 22px;
    background:#FFF1D2;
    color:#C58A00;
    border-radius:50px;
    font-size:14px;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:18px;
}

.section-heading h2{
    font-size:48px;
    color:#8B5A00;
    margin-bottom:20px;
    line-height:1.2;
}

.section-heading p{
    font-size:19px;
    color:#666;
    line-height:1.9;
}

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

.why-card{
    background:#fff;
    padding:40px 30px;
    border-radius:20px;
    text-align:center;
    border:1px solid rgba(184,134,11,.15);
    transition:.4s;
}

.why-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 45px rgba(0,0,0,.08);
    border-color:#C58A00;
}

.why-card i{
    width:75px;
    height:75px;
    border-radius:50%;
    background:#FFF2D7;
    color:#C58A00;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:30px;
    margin:0 auto 25px;
}

.why-card h3{
    font-size:24px;
    color:#8B5A00;
    margin-bottom:15px;
}

.why-card p{
    font-size:17px;
    line-height:1.8;
    color:#555;
}

/* =========================================
   CONTACT SECTION
========================================= */

.contact-section {

    background: #fff8e8;

    padding: 20px 20px 100px;

}

/* =========================================
   GROWTH CTA SECTION
========================================= */

.growth-cta {

    width: 100%;

    background: #fff8e8;

    border-bottom: 1px solid rgba(184, 134, 11, 0.15);

    padding: 50px 20px 80px;

}


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

.growth-cta-content {

    max-width: 1000px;

    margin: 0 auto;

    text-align: center;

}


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

.growth-cta-content h2 {

    font-family: Georgia, "Times New Roman", serif;

    font-size: 48px;

    line-height: 1.25;

    font-weight: 700;

    color: #9a6505;

    margin: 0 0 28px;

}


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

.growth-cta-content p {

    margin: 0 0 24px;

    font-size: 18px;

    line-height: 1.6;

    color: #555555;

}


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

.growth-cta-btn {

    display: inline-block;

    color: #6a1b9a;

    font-size: 17px;

    font-weight: 500;

    text-decoration: none;

    transition: all 0.3s ease;

}


.growth-cta-btn:hover {

    color: #4a126b;

    text-decoration: underline;

}



/* =========================================
   MOBILE
========================================= */

@media (max-width: 768px) {

    .growth-cta {

        padding: 75px 20px 65px;

    }


    .growth-cta-content h2 {

        font-size: 36px;

        line-height: 1.3;

        margin-bottom: 20px;

    }


    .growth-cta-content p {

        font-size: 16px;

        margin-bottom: 20px;

    }


    .growth-cta-btn {

        font-size: 16px;

    }

}



/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .growth-cta {

        padding: 60px 18px;

    }


    .growth-cta-content h2 {

        font-size: 30px;

    }


    .growth-cta-content p {

        font-size: 15px;

    }

}
/* =========================================
   CONTACT HEADING
========================================= */

.contact-heading {

    text-align: center;

    max-width: 850px;

    margin: 0 auto;

    padding: 0 0 115px;

}


.contact-heading h2 {

    font-family: Georgia, "Times New Roman", serif;

    font-size: 52px;

    line-height: 1.2;

    font-weight: 700;

    color: #b8860b;

    margin: 0 0 25px;

}


.contact-heading p {

    max-width: 760px;

    margin: 0 auto;

    font-size: 18px;

    line-height: 1.6;

    color: #263238;

}



/* =========================================
   CONTACT CONTAINER
========================================= */

.contact-container {

    max-width: 1150px;

    margin: 0 auto;

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 80px;

    align-items: start;

}



/* =========================================
   CONTACT INFORMATION
========================================= */

.contact-info {

    padding-top: 5px;

}


.contact-info h3 {

    font-size: 32px;

    line-height: 1.3;

    font-weight: 700;

    color: #b8860b;

    margin: 0 0 25px;

}


.contact-description {

    max-width: 570px;

    font-size: 17px;

    line-height: 1.7;

    color: #263238;

    margin: 0 0 35px;

}



/* =========================================
   CONTACT DETAILS
========================================= */

.contact-details {

    display: flex;

    flex-direction: column;

    gap: 25px;

}


.contact-detail h4 {

    font-size: 19px;

    font-weight: 700;

    color: #b8860b;

    margin: 0 0 4px;

}


.contact-detail p {

    font-size: 17px;

    line-height: 1.55;

    color: #263238;

    margin: 0;

}



/* =========================================
   CONTACT FORM BOX
========================================= */

.contact-form-box {

    background: #ffffff;

    padding: 35px;

    border-radius: 15px;

    border: 1px solid rgba(212, 175, 55, 0.35);

    box-shadow:
        0 12px 25px rgba(70, 55, 20, 0.10);

}


.contact-form-box h3 {

    font-size: 27px;

    line-height: 1.3;

    font-weight: 700;

    color: #b8860b;

    margin: 0 0 25px;

}



/* =========================================
   FORM
========================================= */

.contact-form {

    width: 100%;

}


.form-group {

    margin-bottom: 16px;

}


.form-group input,
.form-group textarea {

    width: 100%;

    display: block;

    padding: 15px 14px;

    border: 1px solid #dfe2e6;

    border-radius: 9px;

    background: #ffffff;

    color: #333333;

    font-family: inherit;

    font-size: 16px;

    outline: none;

    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease;

}


.form-group input {

    height: 52px;

}


.form-group textarea {

    min-height: 150px;

    resize: vertical;

}



/* =========================================
   INPUT FOCUS
========================================= */

.form-group input:focus,
.form-group textarea:focus {

    border-color: #b8860b;

    box-shadow:
        0 0 0 3px rgba(184, 134, 11, 0.10);

}


.form-group input::placeholder,
.form-group textarea::placeholder {

    color: #9aa4b5;

}



/* =========================================
   SUBMIT BUTTON
========================================= */

.contact-submit-btn {

    display: inline-block;

    border: none;

    background: #b8860b;

    color: #ffffff;

    padding: 14px 30px;

    border-radius: 9px;

    font-family: inherit;

    font-size: 16px;

    font-weight: 700;

    cursor: pointer;

    transition:
        background 0.3s ease,
        transform 0.3s ease,
        box-shadow 0.3s ease;

}


.contact-submit-btn:hover {

    background: #996f00;

    transform: translateY(-2px);

    box-shadow:
        0 8px 18px rgba(184, 134, 11, 0.25);

}



/* =========================================
   TABLET
========================================= */

@media (max-width: 900px) {

    .contact-container {

        grid-template-columns: 1fr;

        max-width: 700px;

        gap: 50px;

    }


    .contact-heading {

        padding-bottom: 70px;

    }


    .contact-info {

        text-align: center;

    }


    .contact-description {

        margin-left: auto;

        margin-right: auto;

    }


    .contact-details {

        text-align: left;

        max-width: 500px;

        margin: 0 auto;

    }

}



/* =========================================
   MOBILE
========================================= */

@media (max-width: 600px) {

    .contact-section {

        padding: 0 16px 70px;

    }


    .contact-heading {

        padding-bottom: 50px;

    }


    .contact-heading h2 {

        font-size: 38px;

        margin-bottom: 18px;

    }


    .contact-heading p {

        font-size: 16px;

    }


    .contact-container {

        gap: 40px;

    }


    .contact-info h3 {

        font-size: 28px;

    }


    .contact-description {

        font-size: 16px;

    }


    .contact-detail h4 {

        font-size: 18px;

    }


    .contact-detail p {

        font-size: 16px;

    }


    .contact-form-box {

        padding: 25px 20px;

        border-radius: 12px;

    }


    .contact-form-box h3 {

        font-size: 24px;

    }


    .contact-submit-btn {

        width: 100%;

    }

}
/* =========================================
   PRICING SECTION
========================================= */

.pricing-section {
    background: #fff8e8;
    padding: 30px 20px 30px;
}


/* ---------- Heading ---------- */

.pricing-heading {
    text-align: center;
    max-width: 850px;
    margin: 0 auto 70px;
}

.pricing-heading h2 {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 52px;
    line-height: 1.2;
    color: #b8860b;
    margin: 0 0 25px;
}

.pricing-heading p {
    margin: 0;
    font-size: 18px;
    line-height: 1.7;
    color: #555;
}


/* ---------- Cards Wrapper ---------- */

.pricing-cards {
    max-width: 1150px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: repeat(3, 1fr);

    gap: 30px;

    align-items: stretch;
}


/* ---------- Individual Card ---------- */

.pricing-card {
    position: relative;

    background: #ffffff;

    border: 1px solid rgba(184, 134, 11, 0.25);

    border-radius: 16px;

    padding: 40px 32px;

    text-align: center;

    box-shadow: 0 10px 30px rgba(80, 60, 20, 0.10);

    transition: all 0.3s ease;
}

.pricing-card:hover {
    transform: translateY(-8px);

    box-shadow:
        0 18px 40px rgba(80, 60, 20, 0.16);
}


/* ---------- Featured Card ---------- */

.pricing-featured {
    border: 2px solid #b8860b;

    transform: translateY(-10px);
}

.pricing-featured:hover {
    transform: translateY(-18px);
}


/* ---------- Popular Label ---------- */

.popular-label {
    position: absolute;

    top: 0;
    left: 50%;

    transform: translateX(-50%);

    background: #b8860b;
    color: #ffffff;

    padding: 8px 22px;

    border-radius: 0 0 10px 10px;

    font-size: 13px;
    font-weight: 700;

    white-space: nowrap;
}


/* ---------- Card Heading ---------- */

.pricing-card h3 {
    font-family: Georgia, "Times New Roman", serif;

    font-size: 28px;

    color: #a06f08;

    margin: 0 0 20px;
}

.pricing-featured h3 {
    margin-top: 20px;
}


/* ---------- Price ---------- */

.pricing-price {
    font-size: 38px;

    font-weight: 700;

    color: #444;

    margin-bottom: 30px;
}

.pricing-custom {
    color: #a06f08;
    font-size: 34px;
}


/* ---------- Features ---------- */

.pricing-features {
    list-style: none;

    padding: 0;
    margin: 0 0 35px;

    text-align: left;
}

.pricing-features li {
    font-size: 16px;

    color: #333;

    line-height: 1.6;

    margin-bottom: 14px;

    padding-left: 5px;
}


/* ---------- Button ---------- */

.pricing-btn {
    display: inline-block;

    width: 100%;

    padding: 14px 25px;

    background: #b8860b;

    color: #ffffff;

    border-radius: 8px;

    font-size: 16px;

    font-weight: 600;

    text-align: center;

    transition: all 0.3s ease;
}

.pricing-btn:hover {
    background: #946b05;

    transform: translateY(-2px);

    box-shadow: 0 8px 18px rgba(184, 134, 11, 0.25);
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 900px) {

    .pricing-cards {
        grid-template-columns: repeat(2, 1fr);
        max-width: 750px;
    }

    .pricing-featured {
        transform: none;
    }

    .pricing-featured:hover {
        transform: translateY(-8px);
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 600px) {

    .pricing-section {
        padding: 60px 20px 70px;
    }

    .pricing-heading {
        margin-bottom: 45px;
    }

    .pricing-heading h2 {
        font-size: 38px;
    }

    .pricing-heading p {
        font-size: 16px;
    }

    .pricing-cards {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .pricing-featured {
        transform: none;
    }

    .pricing-featured:hover {
        transform: translateY(-8px);
    }

    .pricing-card {
        padding: 35px 25px;
    }

}

/* Responsive */

@media(max-width:992px){

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

    .section-heading h2{
        font-size:38px;
    }

}

@media(max-width:768px){

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

    .section-heading h2{
        font-size:30px;
    }

}

.why-choose{
    padding:30px 0;
    background:#fffaf0;
}

.why-choose .container{
    max-width:1200px;
    margin:auto;
    padding:0 20px;
}

.section-heading{
    text-align:center;
    max-width:850px;
    margin:0 auto 70px;
}

.section-heading span{
    color:#c69214;
    font-weight:700;
    letter-spacing:3px;
    font-size:14px;
    display:block;
    margin-bottom:15px;
}

.section-heading h2{
    font-size:46px;
    color:#8c5a00;
    margin-bottom:20px;
    font-family:Georgia,serif;
}

.section-heading p{
    font-size:18px;
    color:#666;
    line-height:1.9;
}

.why-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:30px;
}

.why-card{
    background:#fff;
    padding:40px 30px;
    border-radius:18px;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
    transition:.35s;
    text-align:center;
    border:1px solid #f2dfb4;
}

.why-card:hover{
    transform:translateY(-10px);
    box-shadow:0 18px 45px rgba(184,134,11,.18);
}

.why-card i{
    width:75px;
    height:75px;
    line-height:75px;
    border-radius:50%;
    background:#fff5d8;
    color:#b8860b;
    font-size:30px;
    margin-bottom:25px;
}

.why-card h3{
    color:#8c5a00;
    margin-bottom:18px;
    font-size:24px;
}

.why-card p{
    color:#666;
    line-height:1.8;
    font-size:16px;
}

.logo h2{

    font-size:34px;

    margin-bottom:0;

}

.logo span{

    color:var(--primary);

    font-size:13px;

    display:block;

    margin-top:4px;

}

nav ul{

    display:flex;

    gap:40px;

}

nav ul li a{

    color:var(--heading);

    font-weight:500;

    transition:var(--transition);

}

nav ul li a:hover{

    color:var(--primary-light);

}

.active{

    color:var(--primary);

}

.btn-nav{

    background:linear-gradient(135deg,var(--accent),var(--secondary));

    padding:14px 30px;

    border-radius:50px;

    color:#fff;

    font-weight:600;

    transition:var(--transition);

}

.btn-nav:hover{

    transform:translateY(-4px);

    box-shadow:var(--shadow);

}

.menu-btn{

    display:none;

    font-size:30px;

    color:var(--primary);

    cursor:pointer;

}

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

.hero{

    padding-top:40px;

    background:

    radial-gradient(circle at top right,#FFF8E8 0%,transparent 45%),

    radial-gradient(circle at bottom left,#F5FFE7 0%,transparent 40%),

    var(--cream);

}

.hero-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:70px;

    align-items:center;

}

.hero-tag{

    display:inline-block;

    padding:10px 22px;

    background:#FFF4D6;

    color:var(--primary);

    border-radius:40px;

    font-size:14px;

    margin-bottom:25px;

}

.hero h1{

    margin-bottom:30px;

}

.hero p{

    font-size:18px;

    margin-bottom:35px;

}

.hero-buttons{

    display:flex;

    gap:20px;

    flex-wrap:wrap;

}

.primary-btn{

    padding:18px 38px;

    background:linear-gradient(135deg,#A9D6E5,#A8C686);

    color:white;

    border-radius:50px;

    font-weight:600;

    transition:var(--transition);

}

.primary-btn:hover{

    transform:translateY(-6px);

    box-shadow:var(--shadow);

}

.secondary-btn{

    padding:18px 38px;

    border:2px solid var(--primary);

    color:var(--primary);

    border-radius:50px;

    transition:.4s;

}

.secondary-btn:hover{

    background:var(--primary);

    color:#fff;

}

.hero-image{

    position:relative;

}

.hero-image img{

    border-radius:25px;

    box-shadow:var(--shadow);

}

/*==============================
INTRO
==============================*/
/* ================= WHY SERVICES ================= */

.why-services{
    padding:100px 0;
    background:#FFF8EC;
}

.why-services .container{
    display:grid;
    grid-template-columns:1.05fr 0.95fr;
    align-items:center;
    gap:70px;
}

/* Left Image */

.why-left{
    width:100%;
}

.why-left img{
    width:100%;
    height:620px;
    object-fit:cover;
    display:block;
    border-radius:25px;
    box-shadow:0 20px 50px rgba(0,0,0,.12);
}

/* Right Content */

.why-right span{
    display:inline-block;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
    color:#C58A00;
    text-transform:uppercase;
    margin-bottom:18px;
}

.why-right h2{
    font-size:52px;
    line-height:1.18;
    color:#8B5A00;
    margin-bottom:25px;
}

.why-right p{
    font-size:19px;
    line-height:1.9;
    color:#555;
    margin-bottom:35px;
    max-width:95%;
}

/* Features */

.why-list{
    display:grid;
    grid-template-columns:1fr;
    gap:18px;
}

.why-list div{
    display:flex;
    align-items:center;
    gap:15px;
    font-size:19px;
    font-weight:500;
    color:#333;
}

.why-list i{
    width:34px;
    height:34px;
    border-radius:50%;
    background:#FFF2D7;
    color:#C58A00;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    flex-shrink:0;
}

/* Responsive */

@media(max-width:992px){

    .why-services .container{
        grid-template-columns:1fr;
        gap:45px;
    }

    .why-left{
        order:1;
    }

    .why-right{
        order:2;
        text-align:center;
    }

    .why-right p{
        max-width:100%;
    }

    .why-left img{
        height:420px;
    }

    .why-list div{
        justify-content:center;
    }

    .why-right h2{
        font-size:38px;
    }
}

@media(max-width:576px){

    .why-services{
        padding:70px 0;
    }

    .why-left img{
        height:300px;
    }

    .why-right h2{
        font-size:30px;
    }

    .why-right p{
        font-size:17px;
    }

    .why-list div{
        font-size:17px;
    }
}
.intro{

    background:var(--white);

}

.intro .section-title{

    margin-bottom:30px;

}

.intro p{

    max-width:900px;

    margin:auto;

    text-align:center;

    font-size:18px;

}

/*==================================================
DELIVERY FRAMEWORK
==================================================*/

.delivery-framework{
    background:linear-gradient(135deg,#FFFDF8 0%,#FFF8EA 100%);
    overflow:hidden;
}

.framework-title{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:28px;
    margin-bottom:58px;
}

.framework-title span{
    width:min(18vw,210px);
    height:1px;
    background:linear-gradient(90deg,transparent,#C58A00);
}

.framework-title span:last-child{
    background:linear-gradient(90deg,#C58A00,transparent);
}

.framework-title h2{
    color:var(--heading);
    font-size:clamp(32px,3.4vw,48px);
    line-height:1;
    margin:0;
    text-align:center;
    text-transform:uppercase;
}

.framework-steps{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    align-items:start;
    position:relative;
}

.framework-step{
    text-align:center;
    position:relative;
    z-index:1;
}

.framework-icon{
    width:132px;
    height:132px;
    margin:0 auto 25px;
    border-radius:50%;
    display:grid;
    place-items:center;
    color:#52683A;
    background:linear-gradient(145deg,#EDF0D7,#E2E8C3);
    border:1px solid rgba(139,90,0,.08);
    box-shadow:0 12px 28px rgba(139,90,0,.09);
    transition:transform .35s ease,box-shadow .35s ease;
}

.framework-icon-blue{
    color:#5B759B;
    background:linear-gradient(145deg,#E9EFF7,#D9E4F1);
}

.framework-icon i{
    font-size:50px;
}

.framework-step h3{
    color:var(--heading);
    font-size:30px;
    margin:0 0 12px;
}

.framework-step p{
    max-width:190px;
    margin:0 auto;
    color:var(--text);
    font-size:16px;
    line-height:1.75;
}

.framework-arrow{
    position:absolute;
    top:58px;
    color:#B67A16;
    font-size:30px;
    z-index:2;
    animation:framework-arrow-pulse 1.8s ease-in-out infinite;
}

.framework-arrow:nth-of-type(1){left:18%;}
.framework-arrow:nth-of-type(2){left:38%; animation-delay:.2s;}
.framework-arrow:nth-of-type(3){left:58%; animation-delay:.4s;}
.framework-arrow:nth-of-type(4){left:78%; animation-delay:.6s;}

.framework-step:hover .framework-icon{
    transform:translateY(-8px) scale(1.05);
    box-shadow:0 18px 36px rgba(139,90,0,.17);
}

@keyframes framework-arrow-pulse{
    0%,100%{transform:translateX(0); opacity:.65;}
    50%{transform:translateX(7px); opacity:1;}
}

@media (max-width:992px){
    .framework-steps{
        grid-template-columns:repeat(3,minmax(0,1fr));
        row-gap:48px;
    }

    .framework-arrow{display:none;}
}

@media (max-width:600px){
    .framework-title{gap:14px; margin-bottom:40px;}
    .framework-title span{width:40px;}
    .framework-title h2{font-size:30px;}
    .framework-steps{grid-template-columns:1fr; gap:34px;}
    .framework-step{display:grid; grid-template-columns:94px 1fr; column-gap:20px; text-align:left; align-items:center;}
    .framework-icon{width:94px; height:94px; margin:0; grid-row:span 2;}
    .framework-icon i{font-size:35px;}
    .framework-step h3{font-size:27px; margin:0 0 4px;}
    .framework-step p{max-width:none; margin:0; font-size:15px;}
}

/*==============================
WHY CHOOSE US
==============================*/

.why-us{

    background:var(--soft);

}

.why-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:35px;

}

.why-card{

    background:white;

    padding:45px;

    border-radius:20px;

    text-align:center;

    transition:.4s;

    border:1px solid var(--border);

}

.why-card:hover{

    transform:translateY(-12px);

    box-shadow:var(--shadow);

}

.why-card i{

    width:80px;

    height:80px;

    line-height:80px;

    border-radius:50%;

    background:#FFF3D5;

    color:var(--primary);

    font-size:34px;

    margin-bottom:25px;

}

.why-card h3{

    margin-bottom:18px;

}

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

.services-preview{

    background:var(--cream);

}

.services-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:35px;

}

.service-card{

    background:#fff;

    padding:40px 35px;

    border-radius:22px;

    border:1px solid var(--border);

    transition:all .4s ease;

    position:relative;

    overflow:hidden;

}

.service-card::before{

    content:"";

    position:absolute;

    width:120px;

    height:120px;

    border-radius:50%;

    background:rgba(214,178,94,.08);

    top:-40px;

    right:-40px;

}

.service-card:hover{

    transform:translateY(-12px);

    box-shadow:var(--shadow);

}

.service-card .icon{

    width:75px;

    height:75px;

    background:#FFF4D8;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:25px;

}

.service-card .icon i{

    font-size:32px;

    color:var(--primary);

}

.service-card h3{

    margin-bottom:18px;

}

.service-card p{

    margin-bottom:25px;

}

.service-card a{

    color:var(--primary);

    font-weight:600;

    transition:.3s;

}

.service-card a i{

    margin-left:8px;

    transition:.3s;

}

.service-card:hover a i{

    transform:translateX(8px);

}

/*==================================================
MENTORING LEVELS
==================================================*/

.levels{

    background:var(--soft);

}

.levels-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:35px;

}

.level-card{

    background:white;

    border-radius:24px;

    padding:50px;

    text-align:center;

    border:1px solid var(--border);

    transition:.4s;

    position:relative;

}

.level-card span{

    display:inline-block;

    color:var(--primary);

    font-size:14px;

    letter-spacing:3px;

    margin-bottom:20px;

    text-transform:uppercase;

}

.level-card h3{

    margin-bottom:20px;

}

.level-card:hover{

    transform:translateY(-10px);

    box-shadow:var(--shadow);

}

.level-card.active{

    background:linear-gradient(145deg,#FFF7E4,#FFFFFF);

    border:2px solid var(--primary-light);

    transform:scale(1.03);

}

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

.process{

    background:var(--cream);

}

.process-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:30px;

}

.step{

    background:white;

    padding:40px;

    border-radius:20px;

    text-align:center;

    border:1px solid var(--border);

    transition:.4s;

    position:relative;

}

.step:hover{

    transform:translateY(-12px);

    box-shadow:var(--shadow);

}

.step span{

    width:65px;

    height:65px;

    border-radius:50%;

    background:#FFF2CC;

    color:var(--primary);

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:22px;

    font-weight:bold;

    margin:0 auto 25px;

}

.step h3{

    margin-bottom:18px;

}

/*==================================================
COUNTER SECTION
==================================================*/

.counter{

    background:linear-gradient(135deg,#FFF7E8,#F8FFF2);

}

.counter-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:30px;

}

.count-box{

    background:white;

    text-align:center;

    border-radius:22px;

    padding:45px;

    border:1px solid var(--border);

    transition:.4s;

}

.count-box:hover{

    transform:translateY(-8px);

    box-shadow:var(--shadow);

}

.count-box h2{

    color:var(--primary);

    font-size:52px;

    margin-bottom:12px;

}

.count-box p{

    font-weight:500;

}

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

.cta{

    background:linear-gradient(135deg,#FFF6DF,#F7FFF3);

    text-align:center;

}

.cta h2{

    max-width:900px;

    margin:0 auto 25px;

}

.cta p{

    max-width:700px;

    margin:0 auto 40px;

    font-size:18px;

}

.cta .primary-btn{

    display:inline-block;

}

/*==================================================
COMMON CARD ANIMATION
==================================================*/

.service-card,
.level-card,
.step,
.count-box,
.why-card{

    transition:all .4s ease;

}

.service-card:hover,
.level-card:hover,
.step:hover,
.count-box:hover,
.why-card:hover{

    transform:translateY(-10px);

    box-shadow:
    0 20px 50px rgba(184,134,11,.10);

}

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

.services-preview{

    background:var(--cream);

}

.services-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:35px;

}

.service-card{

    background:#fff;

    padding:40px 35px;

    border-radius:22px;

    border:1px solid var(--border);

    transition:all .4s ease;

    position:relative;

    overflow:hidden;

}

.service-card::before{

    content:"";

    position:absolute;

    width:120px;

    height:120px;

    border-radius:50%;

    background:rgba(214,178,94,.08);

    top:-40px;

    right:-40px;

}

.service-card:hover{

    transform:translateY(-12px);

    box-shadow:var(--shadow);

}

.service-card .icon{

    width:75px;

    height:75px;

    background:#FFF4D8;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:25px;

}

.service-card .icon i{

    font-size:32px;

    color:var(--primary);

}

.service-card h3{

    margin-bottom:18px;

}

.service-card p{

    margin-bottom:25px;

}

.service-card a{

    color:var(--primary);

    font-weight:600;

    transition:.3s;

}

.service-card a i{

    margin-left:8px;

    transition:.3s;

}

.service-card:hover a i{

    transform:translateX(8px);

}

/*==================================================
MENTORING LEVELS
==================================================*/

.levels{

    background:var(--soft);

}

.levels-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:35px;

}

.level-card{

    background:white;

    border-radius:24px;

    padding:50px;

    text-align:center;

    border:1px solid var(--border);

    transition:.4s;

    position:relative;

}

.level-card span{

    display:inline-block;

    color:var(--primary);

    font-size:14px;

    letter-spacing:3px;

    margin-bottom:20px;

    text-transform:uppercase;

}

.level-card h3{

    margin-bottom:20px;

}

.level-card:hover{

    transform:translateY(-10px);

    box-shadow:var(--shadow);

}

.level-card.active{

    background:linear-gradient(145deg,#FFF7E4,#FFFFFF);

    border:2px solid var(--primary-light);

    transform:scale(1.03);

}

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

.process{

    background:var(--cream);

}

.process-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:30px;

}

.step{

    background:white;

    padding:40px;

    border-radius:20px;

    text-align:center;

    border:1px solid var(--border);

    transition:.4s;

    position:relative;

}

.step:hover{

    transform:translateY(-12px);

    box-shadow:var(--shadow);

}

.step span{

    width:65px;

    height:65px;

    border-radius:50%;

    background:#FFF2CC;

    color:var(--primary);

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:22px;

    font-weight:bold;

    margin:0 auto 25px;

}

.step h3{

    margin-bottom:18px;

}

/*==================================================
COUNTER SECTION
==================================================*/

.counter{

    background:linear-gradient(135deg,#FFF7E8,#F8FFF2);

}

.counter-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:30px;

}

.count-box{

    background:white;

    text-align:center;

    border-radius:22px;

    padding:45px;

    border:1px solid var(--border);

    transition:.4s;

}

.count-box:hover{

    transform:translateY(-8px);

    box-shadow:var(--shadow);

}

.count-box h2{

    color:var(--primary);

    font-size:52px;

    margin-bottom:12px;

}

.count-box p{

    font-weight:500;

}

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

.cta{

    background:linear-gradient(135deg,#FFF6DF,#F7FFF3);

    text-align:center;

}

.cta h2{

    max-width:900px;

    margin:0 auto 25px;

}

.cta p{

    max-width:700px;

    margin:0 auto 40px;

    font-size:18px;

}

.cta .primary-btn{

    display:inline-block;

}

/*==================================================
COMMON CARD ANIMATION
==================================================*/

.service-card,
.level-card,
.step,
.count-box,
.why-card{

    transition:all .4s ease;

}

.service-card:hover,
.level-card:hover,
.step:hover,
.count-box:hover,
.why-card:hover{

    transform:translateY(-10px);

    box-shadow:
    0 20px 50px rgba(184,134,11,.10);

}

/*==================================================
SECTION SPACING IMPROVEMENT
==================================================*/

.services-preview,
.levels,
.process,
.counter,
.cta{

    position:relative;

}

.services-preview::after,
.process::after{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:100%;

    height:1px;

    background:linear-gradient(to right,
    transparent,
    rgba(184,134,11,.25),
    transparent);

}

/*==================================================
TESTIMONIALS SECTION
==================================================*/

.testimonials{

    background:var(--white);

}

.testimonial-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:35px;

}

.testimonial-card{

    background:#fff;

    border:1px solid var(--border);

    border-radius:22px;

    padding:40px;

    transition:all .4s ease;

    position:relative;

}

.testimonial-card:hover{

    transform:translateY(-10px);

    box-shadow:var(--shadow);

}

.quote{

    width:65px;

    height:65px;

    border-radius:50%;

    background:#FFF2D8;

    display:flex;

    justify-content:center;

    align-items:center;

    margin-bottom:25px;

}

.quote i{

    color:var(--primary);

    font-size:28px;

}

.testimonial-card p{

    margin-bottom:25px;

}

.testimonial-card h4{

    color:var(--heading);

}

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

.faq{

    background:var(--soft);

}

.faq-wrapper{

    max-width:900px;

    margin:auto;

}

.faq-item{

    background:#fff;

    border:1px solid var(--border);

    border-radius:18px;

    margin-bottom:20px;

    overflow:hidden;

}

.faq-question{

    width:100%;

    background:none;

    border:none;

    padding:22px 30px;

    font-size:18px;

    font-weight:600;

    color:var(--heading);

    display:flex;

    justify-content:space-between;

    align-items:center;

    cursor:pointer;

    font-family:'Poppins',sans-serif;

}

.faq-question i{

    color:var(--primary);

    transition:.3s;

}

.faq-answer{

    display:none;

    padding:0 30px 25px;

}

.faq-item.active .faq-answer{

    display:block;

}

.faq-item.active .faq-question i{

    transform:rotate(45deg);

}

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

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

.footer{
    background:#FFF8EC;
    border-top:1px solid #eadfc8;
    padding:60px 0 0;
}

.footer .container{
    max-width:1300px;
    margin:auto;
    padding:0 30px 50px;

    display:grid;
    grid-template-columns:1.5fr 1fr 1fr 1.2fr;
    gap:60px;
    align-items:start;
}

/* LEFT */

.footer-logo{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    max-width:320px;
}

.footer-logo img{
    width: 220px;
    max-width:100%;
    height:auto;
    display:block;
    object-fit:contain;
}

.footer-logo h3{
    font-size:34px;
    color:var(--heading);
    margin-bottom:18px;
}

.footer-logo p{
    max-width:320px;
    line-height:1.9;
    color:#555;
    font-size:17px;
}

/* HEADING */

.footer h4{
    font-size:22px;
    color:var(--heading);
    margin-bottom:22px;
}

/* LINKS */

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

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

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

.footer-links a:hover{
    color:var(--primary);
    padding-left:8px;
}

/* CONTACT */

.footer-contact p{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:18px;
    color:#555;
    font-size:17px;
}

.footer-contact i{
    color:var(--primary);
    width:20px;
    text-align:center;
}

/* SOCIAL */

.social-icons{
    display:flex;
    gap:15px;
    margin-top:25px;
}

.social-icons a{
    width:46px;
    height:46px;

    border-radius:50%;
    background:#FFF3DA;

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

    color:var(--primary);

    transition:.35s;
}

.social-icons a:hover{
    background:var(--primary);
    color:#fff;
    transform:translateY(-4px);
}

/* COPYRIGHT */

.copyright{
    border-top:1px solid #eadfc8;
    text-align:center;
    padding:22px 20px;
    color:#666;
    font-size:15px;
}

/*==================================================
WHATSAPP BUTTON
==================================================*/

.whatsapp-float{

    position:fixed;

    right:25px;

    bottom:25px;

    width:60px;

    height:60px;

    border-radius:50%;

    background:#25D366;

    color:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:28px;

    z-index:999;

    box-shadow:0 10px 30px rgba(37,211,102,.35);

    transition:.4s;

}

.whatsapp-float:hover{

    transform:scale(1.1);

}

/*==================================================
SCROLL TO TOP
==================================================*/

#scrollTop{

    position:fixed;

    right:25px;

    bottom:100px;

    width:52px;

    height:52px;

    border:none;

    border-radius:50%;

    background:var(--primary);

    color:#fff;

    cursor:pointer;

    display:none;

    z-index:998;

    transition:.4s;

}

#scrollTop:hover{

    background:var(--primary-light);

}

/*==================================================
SCROLLBAR
==================================================*/

::-webkit-scrollbar{

    width:10px;

}

::-webkit-scrollbar-track{

    background:#FFF8E8;

}

::-webkit-scrollbar-thumb{

    background:var(--primary-light);

    border-radius:10px;

}

::-webkit-scrollbar-thumb:hover{

    background:var(--primary);

}

/*==================================================
UTILITY CLASSES
==================================================*/

.text-center{

    text-align:center;

}

.mt-30{

    margin-top:30px;

}

.mt-50{

    margin-top:50px;

}

.mb-30{

    margin-bottom:30px;

}

.mb-50{

    margin-bottom:50px;

}

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

.fade-up{

    opacity:0;

    transform:translateY(40px);

    transition:all .8s ease;

}

.fade-up.show{

    opacity:1;

    transform:translateY(0);

}

.zoom{

    transition:.4s;

}

.zoom:hover{

    transform:scale(1.04);

}

.shadow-hover{

    transition:.4s;

}

.shadow-hover:hover{

    box-shadow:0 25px 60px rgba(184,134,11,.15);

}
/* Global Styling */

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


body {
    font-family: "Inter", Arial, sans-serif;
    background: #fff8e7;
    color: #333;
}



/* Smooth Scroll */

html {
    scroll-behavior: smooth;
}



/* Headings */

h1, h2, h3 {
    letter-spacing: 0.5px;
}



/* Gold Theme */

.gold-text {
    color: #b8860b;
}


.gold-bg {
    background: #b8860b;
}




/* Buttons */

.btn-primary {

    background: #b8860b;
    color: white;
    padding: 12px 30px;
    border-radius: 8px;
    display: inline-block;
    transition: 0.3s;
}


.btn-primary:hover {

    background: #996f00;
    transform: translateY(-2px);

}





/* Cards */


.card {

    background: white;
    border-radius: 15px;
    padding: 30px;
    border: 1px solid rgba(184,134,11,0.3);
    box-shadow: 0px 8px 25px rgba(0,0,0,0.08);
    transition: 0.3s;

}



.card:hover {

    transform: translateY(-8px);

}






/* Section Spacing */

section {

    padding-top: 70px;
    padding-bottom: 70px;

}







/* Contact Form */


input,
textarea {

    width:100%;
    padding:14px;
    border:1px solid #ddd;
    border-radius:8px;
    outline:none;

}


input:focus,
textarea:focus {

    border-color:#b8860b;

}






/* Footer */


footer {

    background:#fff8e7;
    color:#555;

}







/* Mobile Responsive */


@media(max-width:768px){


nav {

    display:none;

}


header {

    padding:20px;

}



h1 {

    font-size:20px;

}


h2 {

    font-size:32px!important;

}



section {

    padding:40px 20px;

}


}