/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

body{
    /* -----background----- */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(34, 36, 71, 0.582)), to(rgba(49, 56, 155,0))), url(/cherishimage/india/indiaBackground.jpg);
    background: -o-linear-gradient(rgba(34, 36, 71, 0.582), rgba(49, 56, 155,0)), url(/cherishimage/india/indiaBackground.jpg);
    background: linear-gradient(rgba(34, 36, 71, 0.582), rgba(49, 56, 155,0)), url(/cherishimage/india/indiaBackground.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    /* ------background end--- */
}
header{
    width: 100%;
    height: auto;
    /* min-height: 120%; */
    /* -----background----- */
   background: transparent;
    /* ------background end--- */
    }


/* ------------dropdown nav menus start------ */
    .nav-menu{
        /* margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center; */
        width: 100%;
        top: -150vh;
        z-index: 25;
        position: fixed;
        background:-webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,0)),to(rgba(66, 173, 159, 0.459)))  ;
        background:-o-linear-gradient(rgba(0,0,0,0),rgba(66, 173, 159, 0.459))  ;
        background:linear-gradient(rgba(0,0,0,0),rgba(66, 173, 159, 0.459))  ;
        -webkit-backdrop-filter: blur(10px);
                backdrop-filter: blur(10px);
        -webkit-transition: all 700ms ease-out;
        -o-transition: all 700ms ease-out;
        transition: all 700ms ease-out;
    }
    
    
/* ------------dropdown nav menus end------ */

.bottom-col{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
@media(max-width:910px){

    .bottom-col{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    #tag-line{
        text-align: center;
        /* margin-left: 30px;
        margin-bottom: 30px; */
        
        font-size: 2rem;
    }
    .sub-title{
        font-size: 0.5rem;
    }
        
    }
    /* ----------header section end--------- */
        

    main{
        width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    background: -webkit-gradient(linear,left top, left bottom,from(rgba(0, 0, 0, 0.514)),to(#333333));
    background: -o-linear-gradient(rgba(0, 0, 0, 0.514),#333333);
    background: linear-gradient(rgba(0, 0, 0, 0.514),#333333);
    }
    main h1{
        background: rgba(0, 0, 0,0.3);
        border: white solid 2px ;
        border-radius: 5%;
        padding: .2em;
        text-shadow: black 1px 1px 5px, rgba(255, 255, 0, 0.658) 1px 1px 2px;
    }
    main h1:hover{
        background: rgba(0, 0, 0,0.8);
        border-color:#ffc007 ;
    }
    .main-link{
        text-decoration: none;
    }
    .image{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        color: white;
        
        height: 25em;
      
    }
    .image:hover{
        color:#ffc007 ;
    }

.image-east{
    width: 45%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(209, 170, 207, 0.418)), to(rgba(39, 39, 39, 0.1))), url(/cherishimage/india/east/1.jpg);
    background: -o-linear-gradient(rgba(209, 170, 207, 0.418), rgba(39, 39, 39, 0.1)), url(/cherishimage/india/east/1.jpg);
    background: linear-gradient(rgba(209, 170, 207, 0.418), rgba(39, 39, 39, 0.1)), url(/cherishimage/india/east/1.jpg);  
    background-size: cover;
    background-repeat: no-repeat;
    background-position:center;

    -webkit-transition:  600ms ease-in-out;

    -o-transition:  600ms ease-in-out;

    transition:  600ms ease-in-out;
}
.image-east:hover{
    background:  -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0, 0.2)), to(rgba(0,0,0,0.2))), url(/cherishimage/india/east/1.jpg);
    background:  -o-linear-gradient(rgba(0,0,0, 0.2), rgba(0,0,0,0.2)), url(/cherishimage/india/east/1.jpg);
    background:  linear-gradient(rgba(0,0,0, 0.2), rgba(0,0,0,0.2)), url(/cherishimage/india/east/1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position:center;
    
    
}
.image-west{  
    width: 45%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(25, 173, 124, 0.253)), to(rgba(0, 0, 0, 0.521))), url(/cherishimage/india/west/west.jfif);
    background: -o-linear-gradient(rgba(25, 173, 124, 0.253), rgba(0, 0, 0, 0.521)), url(/cherishimage/india/west/west.jfif);
    background: linear-gradient(rgba(25, 173, 124, 0.253), rgba(0, 0, 0, 0.521)), url(/cherishimage/india/west/west.jfif); 
    background-size: cover;
    background-repeat: no-repeat;
    background-position:center;
    -webkit-transition:  600ms ease-in-out;
    -o-transition:  600ms ease-in-out;
    transition:  600ms ease-in-out;

}
.image-west:hover{
    background:   -webkit-gradient(linear, left top, left bottom, from(rgba(34, 36, 71, 0.582)), to(rgba(49, 56, 155,0))), url(/cherishimage/india/west/west.jfif);
    background:   -o-linear-gradient(rgba(34, 36, 71, 0.582), rgba(49, 56, 155,0)), url(/cherishimage/india/west/west.jfif);
    background:   linear-gradient(rgba(34, 36, 71, 0.582), rgba(49, 56, 155,0)), url(/cherishimage/india/west/west.jfif); 
    background-size: cover;
    background-repeat: no-repeat;
    background-position:center;
    
    
}
.image-south{
    width: 55%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(202, 169, 21, 0.247)), to(rgba(49, 56, 155,0))), url(/cherishimage/india/south/south.jfif);
    background: -o-linear-gradient(rgba(202, 169, 21, 0.247), rgba(49, 56, 155,0)), url(/cherishimage/india/south/south.jfif);
    background: linear-gradient(rgba(202, 169, 21, 0.247), rgba(49, 56, 155,0)), url(/cherishimage/india/south/south.jfif);
    background-size: cover;
    background-repeat: no-repeat;
    background-position:center;
    -webkit-transition:  600ms ease-in-out;
    -o-transition:  600ms ease-in-out;
    transition:  600ms ease-in-out;
}
.image-south:hover{
    background:  -webkit-gradient(linear, left top, left bottom, from(rgba(34, 36, 71, 0.582)), to(rgba(49, 56, 155,0))), url(/cherishimage/india/south/south.jfif);
    background:  -o-linear-gradient(rgba(34, 36, 71, 0.582), rgba(49, 56, 155,0)), url(/cherishimage/india/south/south.jfif);
    background:  linear-gradient(rgba(34, 36, 71, 0.582), rgba(49, 56, 155,0)), url(/cherishimage/india/south/south.jfif);
    background-size: cover;
    background-repeat: no-repeat;
    background-position:center;
    
}
.image-north{
    width: 55%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(144, 209, 40, 0.1)), to(rgba(144, 209, 40,0.1))), url(/cherishimage/india/north/north.jfif);
    background: -o-linear-gradient(rgba(144, 209, 40, 0.1), rgba(144, 209, 40,0.1)), url(/cherishimage/india/north/north.jfif);
    background: linear-gradient(rgba(144, 209, 40, 0.1), rgba(144, 209, 40,0.1)), url(/cherishimage/india/north/north.jfif);
    background-size: cover;
    background-repeat: no-repeat;
    background-position:center;
    -webkit-transition:  600ms ease-in-out;
    -o-transition:  600ms ease-in-out;
    transition:  600ms ease-in-out;
    
}
.image-north:hover{
    background:  -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0,0,0,0.3))), url(/cherishimage/india/north/north.jfif);
    background:  -o-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0,0,0,0.3)), url(/cherishimage/india/north/north.jfif);
    background:  linear-gradient(rgba(0, 0, 0, 0.2), rgba(0,0,0,0.3)), url(/cherishimage/india/north/north.jfif);
    background-size: cover;
    background-repeat: no-repeat;
    background-position:center;
    
}

@media(max-width:710px){
    main{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .image{
        width: 100%;
        height: 20em;
    }
}
/* ------------Main Section end------------- */
.line{    
    margin: 0;
    width: 100%;
    height: 2.5px;
background:-webkit-gradient(linear, right top, left top, from(#333333),color-stop(#ffc007),to(#333333));
background:-o-linear-gradient(right, #333333,#ffc007,#333333);
background:linear-gradient(to left, #333333,#ffc007,#333333);
}

    
   
    /* --------info-end------- */
/*     
    .line2{    
        margin: 0;
        width: 2.5px;
        height: 40vh;
       background:-webkit-gradient( linear,left top, left bottom,from(#333333),color-stop(#ffc007),to(#333333));
       background:-o-linear-gradient( #333333,#ffc007,#333333);
       background:linear-gradient( #333333,#ffc007,#333333);
    } */
    /* -----form start----- */