/*
* Hero
*/
.hero-regular-contact{
    background-image: url('/img/slider/header-contact.png');
    background-size: cover;
    background-position:center;

    
}

.hero-regular-contact:before {
    content:"";
    position: absolute;
    top:0;left: 0;
    width:100%;height:160px;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    pointer-events: none;
}


.section-contact-1 {
 
    background-image: url('/img/contact-1.png')!important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    opacity:1;
  
    filter:saturate(1);

    background:rgb(255,255,255,0.85);
}

.section-contact-2{
    border-top: 20px solid rgb(241,241,241,1);
    background-image: url('/img/contact-section-2.png');
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: center!important;
    opacity:1;
  
    filter:saturate(1);
}

.section-contact-3 {
    
    background-image: url('/img/contact-3.png')!important;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    background-position: center!important;
    opacity:1;
  
    filter:saturate(1);
    
    background:rgb(255,255,255,0.85);
}

.hero-content{
    width:100%;height:100%;

    display:flex;flex-direction: column;
}

.containerEmpty{
    height:160px;
}

.containerText{
    width:100%;height:calc(100% - 160px);
    display:flex; flex-direction:column;flex-wrap:wrap; 
    align-items: center;justify-content: center; align-items: center;
}

.containerText .mTitle {
    margin-bottom:0.5rem;
    font-size:1.5vw;line-height:1.8vw;
    font-weight:500;
    text-shadow:1px 0px 5px rgb(180,180,180,1);
    color:rgb(255,255,255,0.85);
}

.containerText .sTitle {
    
    font-size:1.2vw;line-height:1.2vw;
    color:rgb(255,255,255,0.85);
    font-family: 'Indie Flower';
}

/*
* Sections elements
*/


.section {
    width:100%;height: 100vh;
    font-size: 2rem;
    text-align: left;

    overflow:hidden;
}

.inner-section{
    width:100%;height:100%;
    padding:0 1vw;
    text-align: left;
}

.inner-section-wrapper{
    width:100vw;height:100vh;
    display:flex; justify-content: space-around;
}

.section-stripe-wrapper{
    width:8.33%;height:100%;
}

.section-1, .section-8, .section-6 {
    background-color: rgb(241,241,241);
}




.secition-1 {
    position: relative;
    overflow: hidden; /* Ensure there's no extra overflow */
    z-index: 2; /* Place above the SVG stripe */
}

.wrapper-contact-1 {
    width:90%;height:100%;
    display:flex;align-items: flex-start;justify-content: center;
}

.stage-contact-1 {
    width:100%;height:70%;
    display:flex;flex-wrap:wrap;align-items: center;justify-content:center;
}


.textContact-1{
    margin:2vw 0;
    width:100%;height:100%;

    display: flex;justify-content: space-around;

    font-family: 'Roboto'!important;
    font-size:1.4vw;
    line-height:2.2vw;
    font-weight: 300;
    text-align: justify;
    /*text-shadow:1px 1px 1px #000;*/

    color:rgb(0,0,0,0.75);
}

.textContact-1-left {
    width:50%;
}

.textContact-1-right {
    width:40%;
}


.wrapper-contact-3 {
    width:90%;height:100%;
    display:flex;align-items: flex-start;justify-content: center;
}

.stage-contact-3 {
    width:100%;height:70%;
    display:flex;flex-wrap:wrap;align-items: center;justify-content:center;
}


/*
* Contact form
*/

.contactFormWrapper{
    width:100%;max-width:100%;
    display:block;
}

.contactForm {
    width:45%;
}

.contact-form-text{
    padding:0 2vw;
    width:45%;
}

.contactForm label {
    font-size:1vw;
    line-height:1.2vw;
    color:rgb(255,255,255,0.9);
    font-weight:300;
}

.contactForm input,
.contactForm  textarea {

    padding: 10px;
    margin-bottom:1rem;
    width: 90%;
    
    display:block;
    
    font-family: 'Roboto', Verdana, Arial, sans-serif;
    font-size:1vw;
    line-height:1.2vw;
    color:rgb(255,255,255,0.85);
    
    border:none;
    border-bottom: 1px solid rgb(255,255,255,0.85)!important;
    background:none;

    /*box-shadow: inset 0 1px 2px rgba(180, 180, 180, 0.1);*/
    transition: border-color 0.3s ease;

}

.contactForm input:focus-visible ,
.contactForm  textarea:focus-visible
{
    outline: none;
}

.contactForm  textarea {
    height:15vw;min-height:280px;
    width: 90%;
    
    resize: none;
}


.button-form-submit{
    margin:1rem;
    width:10vw;height:2rem;

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

    font-size:1vw;
    line-height:1.2vw;
    
    background-size: 210% 100%;
    background-image: linear-gradient(to right, rgb(255, 255, 255,1) 50%, rgb(190,190,190,0.5) 50%);
    background-position: 100% 100%;

    border: 1px solid rgb(255,255,255,0.45);

    box-shadow: -4px 4px 0px rgba(207, 207, 207, 0.62);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);

    transition: background-position 0.5s;
}

.button-form-submit:hover:not(:disabled) {
    cursor: pointer;
    background-position: 0 100%;
    box-shadow: -4px 4px 0px rgb(100 100 100 / 62%);
}


.button-form-submit:disabled{
    border: 1px solid rgb(255,255,255,0.55);
    
    cursor: not-allowed;
    background-image: linear-gradient(to right, rgb(190, 190, 190, 0.5), rgb(190, 190, 190, 0.5));
    box-shadow: -4px 4px 0px rgba(207, 207, 207, 0.62); /* Same as default */
    transition: none; /* Remove animation for disabled state */
    opacity:0.5;
    
}

.container-formmessage {
    font-size:0.9vw;
    line-height:1.2vw;
    color:rgb(156,156,156,0.85);
}


/* Submission handling */

.wrapper-before-submission,
.wrapper-after-submission
{
    margin:3vw auto;width:90%;display:flex;
}


.contactFormSubmitted {
    width:100%;
}

.contactFormSubmitted .cfscHeader{
    padding:0 3vw;
    width:100%;
    display:flex;align-items: center;
}

.contactFormSubmitted .cfscHeader .hImage {
    margin-right:1vw;
}

.contactFormSubmitted  .cfsContent {
    margin-top:1.5rem;
}


.img-contact-form-1 {
    width:8vw;height:auto;
    display:block;
    opacity:0.65;
}

/*Sending animation*/

.wrapper-in-submission {
    width:100%;
}

.wrapper-in-submission .container-sending-animation{
    width:100%;
}


.wrapper-in-submission .container-sending-animation .containerPaperPlane .img-paper-plane {
    width:5vw;min-width:90px;
    height:auto;
    display:block;
}

.containerPpText {
    width:100%;
    text-align: center!important;
}

.containerPaperPlane .img-paper-plane svg {
    width:5vw;min-width:90px;
    height:auto;
    display:block;
}

/* Map */
.map-container {
    position: relative;
    width: 100%;height:20vh;
    
    overflow: hidden;
    border:1px solid rgb(50,50,50,0.75);
}

.gmap_iframe {
    width: 100%;height: 100%;

    position: absolute;
    top: 0;
    left: 0;
    
    opacity:0.85;
    filter: grayscale(95%); 
}

.infoRow {
    margin:1vw 0;
    display:flex;align-items:center;
}

.infoRow .irIcon {
    margin-right:1vw;
    width:2vw;height:2vw;
    display:flex;align-items: center;justify-content: center;
}

.infoRow .irIcon img{
    width:1.9vw;height:auto;
    display:block;
}

.infoRow .irText{
    display:flex;flex-wrap: wrap;
    align-items: center;
}

.infoRow .irText label {
    font-size:0.9vw;
    line-height: 1vw;

    color:rgb(0,0,0,0.55);
}

.infoRow .irText a {
    color:rgb(50,50,50,1);
    text-decoration:none;
}

/*
* India sections
*/
.indiaHeader{
    font-family:'Indie Flower';
    font-size:2vw;
    line-height:1.8vw;
    font-weight:300;
    color:rgba(0, 0, 0, 0.65);
    text-shadow:1px 1px 5px rgb(50,50,50,1);
    transform: rotate(-5deg);
    position:relative;top:-1vw;
}

.indiaHeader-medium {
    font-family:'Indie Flower';
    font-size:1.2vw;
    line-height:1.4vw;
    font-weight:300;
    color:rgba(0, 0, 0, 0.65);
}



/*
* Reel overlays and core
*/

.container-video-section{
    width: 100%; height: 100vh; 
    display: flex; align-items: center; 
    position: relative; overflow: hidden;
}

.container-video-section .wrapperVideo {
    padding:1vw;width:35%;height:90%;
    background:rgb(255,255,255,0.5);
    position:absolute;left:10%;z-index:99;
}

.container-contact-video{
    width: 100%; height: 100%; position: relative; 
    border:1px solid rgb(255,255,255,0.2);

    box-shadow:0px 2px 12px 4px rgb(50,50,50,1);
}

.contact-video-player {
    width: 100%; height: 100%; 
    object-fit: cover; position: absolute; top: 0; left: 0;
}

.m-overlay {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
    background: url('/img/noise.png'); 
    background-position: center;
    background-size: cover;
    opacity: 1; pointer-events: none;

    backdrop-filter: blur(0.5px); 
    border-radius: 1px; 
    
    display: flex; justify-content: center; align-items: center; color: white; font-size: 24px; text-align: center;
  

}

.coffee-box {
    background: url('/img/coffee-box-2.png'); 
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 1; pointer-events: none;

    border:8px solid #ffffff;
    backdrop-filter: blur(0.2px); 
    filter: grayscale(30%);
    /*transform:  skew(10deg, 0deg);*/
}


.container-video-right{
    width:90%;height:35%;
    background-color:rgb(75, 37, 1);
}

.containerCvr {

}

.containerCvr-left {
    
}

.containerCvr-right{

}

/*
* Media queries
*/

@media only screen and (max-width: 480px) {

}

@media only screen and (min-width: 481px) and (max-width: 768px) {

    
}

@media only screen and (max-width:768px){
   

}

@media only screen and (max-width: 1024px) {
    
    .containerText .mTitle{
        font-size:1.3rem;
        line-height:1rem;
    }
    .containerText .sTitle {
        font-size:1rem;
        line-height:1.3rem;
    }

    .containerEmpty{
        display:none;
    }

    /*contact-1*/
    .wrapper-contact-1{
        margin:auto;
    }
    .textContact-1 {
        flex-wrap: wrap;
    }
    .textContact-1-left,
    .textContact-1-right {
        width:100%;
    }
    
    .infoRow .irText label {
        font-size:0.8rem;
        line-height: 1rem;
    }

    .infoRow .irIcon {
        display:none;
    }
   
    .map-container {
        margin:auto;
        width:80%;
    }

    .indiaHeader{
        font-size:1.6rem;
        line-height:1.2rem;
    }

    .indiaHeader-medium {
        font-size:1.3rem;
        line-height:1.2rem;
    }


    /*Bouncing icons*/
    .container-bouncing-icon{
        margin-bottom:2rem;
    }

    .container-bouncing-icon{
        width:2rem;height:2rem;
    }

    .container-bouncing-icon a{
        width:1.5rem;height:1.5rem;
    }

    /*Contact form*/
    .contactForm,
    .contact-form-text {
        width:100%;
    }
    .contactForm label{
        font-size:1rem;
        line-height: 1rem;
    }
    .button-form-submit,
    .contactForm input, .contactForm textarea {
        font-size:1rem;
        line-height: 1rem;
    }
    .container-formmessage{
        font-size:0.9rem;
        line-height: 1rem;
    }

    /*Video section*/
    .container-video-section .wrapperVideo {
        width:100%;height:45%;
        position: relative;
    }

    .container-video-section .wrapperVideo{
        left:2%;
    }

    .containerCvr-left {
        display:none;        
    }

}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
     

}

/* Laptops and desktops */
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
   
   
}

@media only screen and (min-width: 1000px) and (max-width: 1920px) {
    .slide-content {
        margin-top:100px;
    }
   
}

/* Large desktops */
@media only screen and (min-width: 1441px) and (max-width: 2300px) {


}


@media only screen and (min-width: 2331px) {


}