.elementor-34 .elementor-element.elementor-element-bc5ae34{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-77df8a7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-0a744f5 *//* ==========================================================
LABEL : ALEKHYA_CONTACT_PAGE_CSS
SECTION : CONTACT US
VERSION : V1
PART : 2 OF 4
NAMESPACE : alekhya-contact-
ACTION : APPEND ONLY
========================================================== */


/* ==========================================================
01. PAGE ROOT
========================================================== */

.alekhya-contact-page{

    --alekhya-contact-cream:#F8F3E2;
    --alekhya-contact-red:#80221E;
    --alekhya-contact-bronze:#AD7C59;
    --alekhya-contact-dark:#241A16;
    --alekhya-contact-muted:#756A63;

    position:relative;

    width:100%;

    overflow:hidden;

    isolation:isolate;

    background:
        var(--alekhya-contact-cream);

    color:
        var(--alekhya-contact-dark);

}


/* ==========================================================
02. HERO
========================================================== */

.alekhya-contact-hero{

    position:relative;

    min-height:54vh;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:150px 7% 105px;

    background:
        var(--alekhya-contact-cream);

}


/* ==========================================================
03. HERO TEXTURE
========================================================== */

.alekhya-contact-hero::before{

    content:"";

    position:absolute;

    inset:0;

    pointer-events:none;

    opacity:.26;

    background-image:

        radial-gradient(
            rgba(128,34,30,.12) .7px,
            transparent .7px
        );

    background-size:8px 8px;

    mask-image:
        linear-gradient(
            to bottom,
            black,
            transparent 82%
        );

}


/* ==========================================================
04. HERO INNER
========================================================== */

.alekhya-contact-hero-inner{

    position:relative;

    z-index:2;

    width:min(100%,1000px);

    text-align:center;

}


/* ==========================================================
05. KICKER
========================================================== */

.alekhya-contact-kicker{

    display:block;

    margin-bottom:24px;

    font-family:
        Montserrat,
        Arial,
        sans-serif;

    font-size:10px;

    font-weight:600;

    letter-spacing:5px;

    line-height:1.5;

    text-transform:uppercase;

    color:
        var(--alekhya-contact-red);

}


/* ==========================================================
06. HERO TITLE
========================================================== */

.alekhya-contact-title{

    margin:0;

    font-family:
        "Higuen Elegant Serif",
        "Higuen",
        "Times New Roman",
        serif;

    font-size:
        clamp(68px,9vw,125px);

    font-weight:400;

    line-height:.92;

    letter-spacing:-2.5px;

    color:
        var(--alekhya-contact-red);

}


/* ==========================================================
07. HERO RULE
========================================================== */

.alekhya-contact-hero-rule{

    width:90px;

    height:1px;

    margin:34px auto 26px;

    background:
        var(--alekhya-contact-bronze);

}


/* ==========================================================
08. HERO INTRO
========================================================== */

.alekhya-contact-intro{

    width:min(100%,590px);

    margin:0 auto;

    font-family:
        Montserrat,
        Arial,
        sans-serif;

    font-size:14px;

    line-height:1.9;

    letter-spacing:.1px;

    color:
        var(--alekhya-contact-muted);

}


/* ==========================================================
09. MAIN
========================================================== */

.alekhya-contact-main{

    width:min(
        calc(100% - 14%),
        1180px
    );

    margin:0 auto;

}


/* ==========================================================
10. SECTION LABEL
========================================================== */

.alekhya-contact-section-label{

    display:block;

    margin-bottom:25px;

    font-family:
        Montserrat,
        Arial,
        sans-serif;

    font-size:9px;

    font-weight:700;

    letter-spacing:3px;

    line-height:1.5;

    text-transform:uppercase;

    color:
        var(--alekhya-contact-bronze);

}


/* ==========================================================
11. CONTACT INFORMATION
========================================================== */

.alekhya-contact-information{

    display:grid;

    grid-template-columns:
        minmax(0,.9fr)
        minmax(0,1.1fr);

    gap:100px;

    padding:85px 0 110px;

    border-top:
        1px solid
        rgba(128,34,30,.20);

}


/* ==========================================================
12. EDITORIAL HEADING
========================================================== */

.alekhya-contact-editorial h2{

    margin:0 0 28px;

    font-family:
        "Higuen Elegant Serif",
        "Higuen",
        "Times New Roman",
        serif;

    font-size:
        clamp(46px,5vw,68px);

    font-weight:400;

    line-height:1.02;

    letter-spacing:-1px;

    color:
        var(--alekhya-contact-red);

}


/* ==========================================================
13. EDITORIAL PARAGRAPH
========================================================== */

.alekhya-contact-editorial p{

    width:min(100%,440px);

    margin:0;

    font-family:
        Montserrat,
        Arial,
        sans-serif;

    font-size:14px;

    line-height:1.95;

    color:
        var(--alekhya-contact-muted);

}


/* ==========================================================
14. DETAILS
========================================================== */

.alekhya-contact-details{

    display:flex;

    flex-direction:column;

}


/* ==========================================================
15. DETAIL CARD
========================================================== */

.alekhya-contact-detail{

    position:relative;

    display:grid;

    grid-template-columns:55px 1fr 35px;

    align-items:center;

    gap:20px;

    min-height:110px;

    padding:20px 0;

    border-top:
        1px solid
        rgba(128,34,30,.18);

    text-decoration:none;

    color:
        var(--alekhya-contact-dark);

    transition:
        padding .45s
        cubic-bezier(.22,.61,.36,1);

}


.alekhya-contact-detail:last-child{

    border-bottom:
        1px solid
        rgba(128,34,30,.18);

}


/* ==========================================================
16. DETAIL NUMBER
========================================================== */

.alekhya-contact-detail-number{

    font-family:
        "Higuen Elegant Serif",
        "Times New Roman",
        serif;

    font-size:25px;

    line-height:1;

    color:
        var(--alekhya-contact-bronze);

}


/* ==========================================================
17. DETAIL CONTENT
========================================================== */

.alekhya-contact-detail-content{

    display:flex;

    flex-direction:column;

    gap:8px;

}


/* ==========================================================
18. DETAIL LABEL
========================================================== */

.alekhya-contact-detail-label{

    font-family:
        Montserrat,
        Arial,
        sans-serif;

    font-size:9px;

    font-weight:700;

    letter-spacing:2.5px;

    text-transform:uppercase;

    color:
        var(--alekhya-contact-muted);

}


/* ==========================================================
19. DETAIL VALUE
========================================================== */

.alekhya-contact-detail-value{

    font-family:
        "Philosopher",
        Georgia,
        serif;

    font-size:18px;

    line-height:1.4;

    color:
        var(--alekhya-contact-dark);

}


/* ==========================================================
20. DETAIL ARROW
========================================================== */

.alekhya-contact-detail-arrow{

    display:flex;

    align-items:center;

    justify-content:center;

    width:32px;

    height:32px;

    border:
        1px solid
        rgba(128,34,30,.25);

    border-radius:50%;

    font-family:Arial,sans-serif;

    font-size:14px;

    color:
        var(--alekhya-contact-red);

    transition:
        background .4s ease,
        color .4s ease,
        transform .4s
        cubic-bezier(.22,.61,.36,1);

}


/* ==========================================================
21. DETAIL HOVER
========================================================== */

.alekhya-contact-detail:hover{

    padding-left:14px;

}


.alekhya-contact-detail:hover
.alekhya-contact-detail-arrow{

    background:
        var(--alekhya-contact-red);

    color:
        var(--alekhya-contact-cream);

    transform:
        rotate(45deg);

}


/* ==========================================================
22. ENQUIRY
========================================================== */

.alekhya-contact-enquiry{

    display:grid;

    grid-template-columns:
        .75fr
        1.25fr;

    gap:100px;

    padding:105px 0;

    border-top:
        1px solid
        rgba(128,34,30,.20);

}


/* ==========================================================
23. ENQUIRY HEADING
========================================================== */

.alekhya-contact-enquiry-heading h2{

    margin:0;

    font-family:
        "Higuen Elegant Serif",
        "Higuen",
        "Times New Roman",
        serif;

    font-size:
        clamp(46px,5vw,68px);

    font-weight:400;

    line-height:1.02;

    letter-spacing:-1px;

    color:
        var(--alekhya-contact-red);

}


/* ==========================================================
24. FORM
========================================================== */

.alekhya-contact-form{

    display:flex;

    flex-direction:column;

}


/* ==========================================================
25. FIELD
========================================================== */

.alekhya-contact-field{

    position:relative;

    margin-bottom:34px;

}


/* ==========================================================
26. LABEL
========================================================== */

.alekhya-contact-field label{

    display:block;

    margin-bottom:12px;

    font-family:
        Montserrat,
        Arial,
        sans-serif;

    font-size:9px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    color:
        var(--alekhya-contact-muted);

}


/* ==========================================================
27. INPUTS
========================================================== */

.alekhya-contact-field input,
.alekhya-contact-field textarea{

    display:block;

    width:100%;

    box-sizing:border-box;

    padding:13px 0;

    border:0;

    border-bottom:
        1px solid
        rgba(128,34,30,.28);

    border-radius:0;

    outline:none;

    background:transparent;

    font-family:
        Montserrat,
        Arial,
        sans-serif;

    font-size:14px;

    line-height:1.7;

    color:
        var(--alekhya-contact-dark);

    transition:
        border-color .35s ease;

}


.alekhya-contact-field textarea{

    min-height:120px;

    resize:vertical;

}


/* ==========================================================
28. PLACEHOLDER
========================================================== */

.alekhya-contact-field input::placeholder,
.alekhya-contact-field textarea::placeholder{

    color:
        rgba(117,106,99,.55);

}


/* ==========================================================
29. INPUT FOCUS
========================================================== */

.alekhya-contact-field input:focus,
.alekhya-contact-field textarea:focus{

    border-bottom-color:
        var(--alekhya-contact-red);

}


/* ==========================================================
30. SUBMIT BUTTON
========================================================== */

.alekhya-contact-submit{

    align-self:flex-start;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:35px;

    min-width:205px;

    padding:17px 24px;

    border:1px solid
        var(--alekhya-contact-red);

    border-radius:0;

    background:
        var(--alekhya-contact-red);

    font-family:
        Montserrat,
        Arial,
        sans-serif;

    font-size:10px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    color:
        var(--alekhya-contact-cream);

    cursor:pointer;

    transition:
        background .4s ease,
        color .4s ease,
        gap .45s
        cubic-bezier(.22,.61,.36,1);

}


.alekhya-contact-submit:hover{

    gap:46px;

    background:
        transparent;

    color:
        var(--alekhya-contact-red);

}


/* ==========================================================
31. SUBMIT ARROW
========================================================== */

.alekhya-contact-submit-arrow{

    font-family:Arial,sans-serif;

    font-size:17px;

    font-weight:300;

}


/* ==========================================================
32. FORM NOTE
========================================================== */

.alekhya-contact-form-note{

    max-width:470px;

    margin:20px 0 0;

    font-family:
        Montserrat,
        Arial,
        sans-serif;

    font-size:9px;

    line-height:1.7;

    color:
        var(--alekhya-contact-muted);

}


/* ==========================================================
33. LOCATION
========================================================== */

.alekhya-contact-location{

    display:grid;

    grid-template-columns:
        .65fr
        1.35fr;

    gap:75px;

    align-items:stretch;

    padding:105px 0;

    border-top:
        1px solid
        rgba(128,34,30,.20);

}


/* ==========================================================
34. LOCATION HEADING
========================================================== */

.alekhya-contact-location-heading{

    display:flex;

    flex-direction:column;

    align-items:flex-start;

    justify-content:center;

}


.alekhya-contact-location-heading h2{

    margin:0;

    font-family:
        "Higuen Elegant Serif",
        "Higuen",
        "Times New Roman",
        serif;

    font-size:
        clamp(52px,5.5vw,76px);

    font-weight:400;

    line-height:.98;

    letter-spacing:-1px;

    color:
        var(--alekhya-contact-red);

}


/* ==========================================================
35. MAP LINK
========================================================== */

.alekhya-contact-map-link{

    display:inline-flex;

    align-items:center;

    gap:22px;

    margin-top:38px;

    padding-bottom:12px;

    border-bottom:
        1px solid
        var(--alekhya-contact-bronze);

    font-family:
        Montserrat,
        Arial,
        sans-serif;

    font-size:9px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    text-decoration:none;

    color:
        var(--alekhya-contact-red);

    transition:
        gap .4s
        cubic-bezier(.22,.61,.36,1);

}


.alekhya-contact-map-link:hover{

    gap:32px;

}


/* ==========================================================
36. MAP
========================================================== */

.alekhya-contact-map{

    position:relative;

    min-height:470px;

    overflow:hidden;

    background:
        #DDD7C8;

}


.alekhya-contact-map iframe{

    display:block;

    width:100%;

    height:100%;

    min-height:470px;

    border:0;

    filter:
        grayscale(100%)
        sepia(15%);

}


/* ==========================================================
37. CLOSING
========================================================== */

.alekhya-contact-closing{

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    padding:110px 0 130px;

    border-top:
        1px solid
        rgba(128,34,30,.20);

    text-align:center;

}


.alekhya-contact-closing-line{

    width:45px;

    height:1px;

    margin-bottom:30px;

    background:
        var(--alekhya-contact-bronze);

}


.alekhya-contact-closing p{

    margin:0;

    font-family:
        "Higuen Elegant Serif",
        "Higuen",
        "Times New Roman",
        serif;

    font-size:
        clamp(38px,4vw,58px);

    line-height:1.05;

    color:
        var(--alekhya-contact-red);

}


.alekhya-contact-closing-brand{

    margin-top:35px;

    font-family:
        Montserrat,
        Arial,
        sans-serif;

    font-size:9px;

    font-weight:700;

    letter-spacing:5px;

    color:
        var(--alekhya-contact-muted);

}


/* ==========================================================
38. REVEAL FOUNDATION
========================================================== */

.alekhya-contact-reveal{

    opacity:0;

    transform:translateY(28px);

}


/* ==========================================================
39. REVEALED
========================================================== */

.alekhya-contact-reveal.is-visible{

    opacity:1;

    transform:translateY(0);

    transition:
        opacity .8s ease,
        transform .8s
        cubic-bezier(.22,.61,.36,1);

}


/* ==========================================================
END OF PART 2
NEXT : RESPONSIVE CSS
========================================================== */

/* ==========================================================
LABEL : ALEKHYA_CONTACT_PAGE_CSS
SECTION : CONTACT US
VERSION : V1
PART : 3 OF 4
NAMESPACE : alekhya-contact-
ACTION : APPEND ONLY
========================================================== */


/* ==========================================================
40. TABLET
========================================================== */

@media (max-width:1024px){

    /* ------------------------------------------------------
    HERO
    ------------------------------------------------------- */

    .alekhya-contact-hero{

        min-height:45vh;

        padding:
            125px
            6%
            85px;

    }


    .alekhya-contact-title{

        font-size:
            clamp(
                58px,
                9vw,
                95px
            );

    }


    /* ------------------------------------------------------
    MAIN
    ------------------------------------------------------- */

    .alekhya-contact-main{

        width:88%;

    }


    /* ------------------------------------------------------
    CONTACT INFORMATION
    ------------------------------------------------------- */

    .alekhya-contact-information{

        grid-template-columns:
            1fr 1.15fr;

        gap:55px;

        padding:
            70px 0
            90px;

    }


    .alekhya-contact-editorial h2{

        font-size:
            clamp(
                42px,
                5.5vw,
                58px
            );

    }


    /* ------------------------------------------------------
    ENQUIRY
    ------------------------------------------------------- */

    .alekhya-contact-enquiry{

        grid-template-columns:
            .8fr
            1.2fr;

        gap:55px;

        padding:
            85px 0;

    }


    .alekhya-contact-enquiry-heading h2{

        font-size:
            clamp(
                42px,
                5.5vw,
                58px
            );

    }


    /* ------------------------------------------------------
    LOCATION
    ------------------------------------------------------- */

    .alekhya-contact-location{

        grid-template-columns:
            .75fr
            1.25fr;

        gap:45px;

        padding:
            85px 0;

    }


    .alekhya-contact-location-heading h2{

        font-size:
            clamp(
                48px,
                6vw,
                65px
            );

    }


    .alekhya-contact-map,
    .alekhya-contact-map iframe{

        min-height:400px;

    }

}


/* ==========================================================
41. MOBILE
========================================================== */

@media (max-width:767px){

    /* ------------------------------------------------------
    PAGE
    ------------------------------------------------------- */

    .alekhya-contact-page{

        width:100%;

    }


    /* ------------------------------------------------------
    HERO
    ------------------------------------------------------- */

    .alekhya-contact-hero{

        min-height:auto;

        padding:
            115px
            7%
            75px;

    }


    .alekhya-contact-kicker{

        margin-bottom:18px;

        font-size:8px;

        letter-spacing:3.5px;

    }


    .alekhya-contact-title{

        font-size:
            clamp(
                48px,
                14vw,
                68px
            );

        letter-spacing:-1px;

    }


    .alekhya-contact-hero-rule{

        width:65px;

        margin:
            25px auto
            20px;

    }


    .alekhya-contact-intro{

        width:90%;

        font-size:12px;

        line-height:1.85;

    }


    /* ------------------------------------------------------
    MAIN
    ------------------------------------------------------- */

    .alekhya-contact-main{

        width:86%;

    }


    /* ------------------------------------------------------
    SECTION LABEL
    ------------------------------------------------------- */

    .alekhya-contact-section-label{

        margin-bottom:20px;

        font-size:8px;

        letter-spacing:2.5px;

    }


    /* ------------------------------------------------------
    INFORMATION
    ------------------------------------------------------- */

    .alekhya-contact-information{

        display:block;

        padding:
            55px 0
            70px;

    }


    .alekhya-contact-editorial h2{

        margin-bottom:22px;

        font-size:
            clamp(
                40px,
                11vw,
                52px
            );

        letter-spacing:-.5px;

    }


    .alekhya-contact-editorial p{

        width:100%;

        font-size:12.5px;

        line-height:1.85;

    }


    /* ------------------------------------------------------
    DETAILS
    ------------------------------------------------------- */

    .alekhya-contact-details{

        margin-top:50px;

    }


    .alekhya-contact-detail{

        grid-template-columns:
            38px 1fr 30px;

        gap:14px;

        min-height:90px;

        padding:16px 0;

    }


    .alekhya-contact-detail:hover{

        padding-left:0;

    }


    .alekhya-contact-detail-number{

        font-size:21px;

    }


    .alekhya-contact-detail-label{

        font-size:8px;

        letter-spacing:2px;

    }


    .alekhya-contact-detail-value{

        font-size:15px;

        line-height:1.45;

        word-break:break-word;

    }


    .alekhya-contact-detail-arrow{

        width:27px;

        height:27px;

        font-size:12px;

    }


    /* ------------------------------------------------------
    ENQUIRY
    ------------------------------------------------------- */

    .alekhya-contact-enquiry{

        display:block;

        padding:
            65px 0
            70px;

    }


    .alekhya-contact-enquiry-heading h2{

        font-size:
            clamp(
                40px,
                11vw,
                52px
            );

    }


    .alekhya-contact-form-wrap{

        margin-top:50px;

    }


    /* ------------------------------------------------------
    FORM
    ------------------------------------------------------- */

    .alekhya-contact-field{

        margin-bottom:28px;

    }


    .alekhya-contact-field label{

        margin-bottom:9px;

        font-size:8px;

        letter-spacing:1.7px;

    }


    .alekhya-contact-field input,
    .alekhya-contact-field textarea{

        padding:11px 0;

        font-size:13px;

    }


    .alekhya-contact-field textarea{

        min-height:105px;

    }


    /* ------------------------------------------------------
    BUTTON
    ------------------------------------------------------- */

    .alekhya-contact-submit{

        width:100%;

        min-width:0;

        padding:16px 20px;

        justify-content:space-between;

        font-size:9px;

        letter-spacing:1.8px;

    }


    .alekhya-contact-submit:hover{

        gap:35px;

    }


    .alekhya-contact-form-note{

        font-size:8px;

        line-height:1.7;

    }


    /* ------------------------------------------------------
    LOCATION
    ------------------------------------------------------- */

    .alekhya-contact-location{

        display:flex;

        flex-direction:column;

        gap:45px;

        padding:
            65px 0
            70px;

    }


    .alekhya-contact-location-heading h2{

        font-size:
            clamp(
                46px,
                12vw,
                60px
            );

    }


    .alekhya-contact-map-link{

        margin-top:28px;

        font-size:8px;

        letter-spacing:1.7px;

    }


    /* ------------------------------------------------------
    MAP
    ------------------------------------------------------- */

    .alekhya-contact-map{

        width:100%;

        min-height:340px;

    }


    .alekhya-contact-map iframe{

        min-height:340px;

    }


    /* ------------------------------------------------------
    CLOSING
    ------------------------------------------------------- */

    .alekhya-contact-closing{

        padding:
            80px 0
            95px;

    }


    .alekhya-contact-closing p{

        font-size:
            clamp(
                35px,
                10vw,
                48px
            );

    }


    .alekhya-contact-closing-brand{

        margin-top:28px;

        font-size:7px;

        letter-spacing:4px;

    }

}


/* ==========================================================
42. SMALL MOBILE
========================================================== */

@media (max-width:420px){

    .alekhya-contact-hero{

        padding-top:105px;

    }


    .alekhya-contact-title{

        font-size:45px;

    }


    .alekhya-contact-main{

        width:88%;

    }


    .alekhya-contact-editorial h2{

        font-size:37px;

    }


    .alekhya-contact-enquiry-heading h2{

        font-size:37px;

    }


    .alekhya-contact-location-heading h2{

        font-size:43px;

    }


    .alekhya-contact-map,
    .alekhya-contact-map iframe{

        min-height:300px;

    }


    .alekhya-contact-closing p{

        font-size:32px;

    }

}


/* ==========================================================
43. VERY SMALL MOBILE
========================================================== */

@media (max-width:360px){

    .alekhya-contact-title{

        font-size:40px;

    }


    .alekhya-contact-intro{

        font-size:11.5px;

    }


    .alekhya-contact-editorial h2,
    .alekhya-contact-enquiry-heading h2{

        font-size:34px;

    }


    .alekhya-contact-location-heading h2{

        font-size:40px;

    }


    .alekhya-contact-detail-value{

        font-size:14px;

    }

}


/* ==========================================================
44. MOBILE LANDSCAPE
========================================================== */

@media (
    max-width:900px
)
and (
    orientation:landscape
){

    .alekhya-contact-hero{

        padding:
            100px
            8%
            65px;

    }


    .alekhya-contact-title{

        font-size:60px;

    }

}


/* ==========================================================
END OF PART 3

NEXT :
JAVASCRIPT — SCROLL REVEAL + FORM HANDLING
========================================================== *//* End custom CSS */