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


    /* -------------Header Section start-------- */
    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/east/east.jpg);
    background: -o-linear-gradient(rgba(34, 36, 71, 0.582), rgba(49, 56, 155,0)), url(/cherishimage/india/east/east.jpg);
    background: linear-gradient(rgba(34, 36, 71, 0.582), rgba(49, 56, 155,0)), url(/cherishimage/india/east/east.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    /* ------background end--- */
    }
    header{
        width: 100%;
        min-height: 130%;
        background: transparent;
        }
    
    
    /* ------------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(56, 173, 56, 0.459)))  ;
            background:-o-linear-gradient(rgba(0,0,0,0),rgba(56, 173, 56, 0.459))  ;
            background:linear-gradient(rgba(0,0,0,0),rgba(56, 173, 56, 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;
        }
         /* -------------------------------------- */
         .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;
            }
                
            }
            /* --------Main Section start-------------------- */
    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-darj{
        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/darjeeling/1.jfif);
        background: -o-linear-gradient(rgba(209, 170, 207, 0.418), rgba(39, 39, 39, 0.1)), url(/cherishimage/india/east/darjeeling/1.jfif);
        background: linear-gradient(rgba(209, 170, 207, 0.418), rgba(39, 39, 39, 0.1)), url(/cherishimage/india/east/darjeeling/1.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-darj: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/darjeeling/1.jfif);
        background:  -o-linear-gradient(rgba(0,0,0, 0.2), rgba(0,0,0,0.2)), url(/cherishimage/india/east/darjeeling/1.jfif);
        background:  linear-gradient(rgba(0,0,0, 0.2), rgba(0,0,0,0.2)), url(/cherishimage/india/east/darjeeling/1.jfif);
        background-size: cover;
        background-repeat: no-repeat;
        background-position:center;
        
        
    }
    .image-kolk{  
        width: 55%;
        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/east/kolkata/1.jfif);
        background: -o-linear-gradient(rgba(25, 173, 124, 0.253), rgba(0, 0, 0, 0.521)), url(/cherishimage/india/east/kolkata/1.jfif);
        background: linear-gradient(rgba(25, 173, 124, 0.253), rgba(0, 0, 0, 0.521)), url(/cherishimage/india/east/kolkata/1.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-kolk: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/east/kolkata/1.jfif);
        background:   -o-linear-gradient(rgba(34, 36, 71, 0.582), rgba(49, 56, 155,0)), url(/cherishimage/india/east/kolkata/1.jfif);
        background:   linear-gradient(rgba(34, 36, 71, 0.582), rgba(49, 56, 155,0)), url(/cherishimage/india/east/kolkata/1.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----- */