/*
* 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/north/north.jfif);
           background: -o-linear-gradient(rgba(34, 36, 71, 0.582), rgba(49, 56, 155,0)), url(/cherishimage/india/north/north.jfif);
           background: linear-gradient(rgba(34, 36, 71, 0.582), rgba(49, 56, 155,0)), url(/cherishimage/india/north/north.jfif);
           background-size: cover;
           background-repeat: no-repeat;
           background-position: center;
           /* ------background end--- */

    }
    header{
        width: 100%;
        min-height: 120%;
      background: transparent;
        }
    /* ---------- Main NAV BAR------- */
    
       
    
    /* ------------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(196, 127, 49, 0.459)))  ;
            background:-o-linear-gradient(rgba(0,0,0,0),rgba(196, 127, 49, 0.459))  ;
            background:linear-gradient(rgba(0,0,0,0),rgba(196, 127, 49, 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-agra{
        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/north/agra/1.jfif);
        background: -o-linear-gradient(rgba(209, 170, 207, 0.418), rgba(39, 39, 39, 0.1)), url(/cherishimage/india/north/agra/1.jfif);
        background: linear-gradient(rgba(209, 170, 207, 0.418), rgba(39, 39, 39, 0.1)), url(/cherishimage/india/north/agra/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-agra: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/north/agra/1.jfif);
        background:  -o-linear-gradient(rgba(0,0,0, 0.2), rgba(0,0,0,0.2)), url(/cherishimage/india/north/agra/1.jfif);
        background:  linear-gradient(rgba(0,0,0, 0.2), rgba(0,0,0,0.2)), url(/cherishimage/india/north/agra/1.jfif);
        background-size: cover;
        background-repeat: no-repeat;
        background-position:center;
        
        
    }


    .image-delhi{  
        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/north/delhi/1.jfif);
        background: -o-linear-gradient(rgba(25, 173, 124, 0.253), rgba(0, 0, 0, 0.521)), url(/cherishimage/india/north/delhi/1.jfif);
        background: linear-gradient(rgba(25, 173, 124, 0.253), rgba(0, 0, 0, 0.521)), url(/cherishimage/india/north/delhi/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-delhi: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/north/delhi/1.jfif);
        background:   -o-linear-gradient(rgba(34, 36, 71, 0.582), rgba(49, 56, 155,0)), url(/cherishimage/india/north/delhi/1.jfif);
        background:   linear-gradient(rgba(34, 36, 71, 0.582), rgba(49, 56, 155,0)), url(/cherishimage/india/north/delhi/1.jfif); 
        background-size: cover;
        background-repeat: no-repeat;
        background-position:center;
        
        
    }


    .image-hp{
        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/north/himachal/1.jfif);
        background: -o-linear-gradient(rgba(202, 169, 21, 0.247), rgba(49, 56, 155,0)), url(/cherishimage/india/north/himachal/1.jfif);
        background: linear-gradient(rgba(202, 169, 21, 0.247), rgba(49, 56, 155,0)), url(/cherishimage/india/north/himachal/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-hp: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/north/himachal/1.jfif);
        background:  -o-linear-gradient(rgba(34, 36, 71, 0.582), rgba(49, 56, 155,0)), url(/cherishimage/india/north/himachal/1.jfif);
        background:  linear-gradient(rgba(34, 36, 71, 0.582), rgba(49, 56, 155,0)), url(/cherishimage/india/north/himachal/1.jfif);
        background-size: cover;
        background-repeat: no-repeat;
        background-position:center;
        
    }


    .image-kashmir{
        width: 45%;
        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/kashmir/1.jfif);
        background: -o-linear-gradient(rgba(144, 209, 40, 0.1), rgba(144, 209, 40,0.1)), url(/cherishimage/india/north/kashmir/1.jfif);
        background: linear-gradient(rgba(144, 209, 40, 0.1), rgba(144, 209, 40,0.1)), url(/cherishimage/india/north/kashmir/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-kashmir: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/kashmir/1.jfif);
        background:  -o-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0,0,0,0.3)), url(/cherishimage/india/north/kashmir/1.jfif);
        background:  linear-gradient(rgba(0, 0, 0, 0.2), rgba(0,0,0,0.3)), url(/cherishimage/india/north/kashmir/1.jfif);
        background-size: cover;
        background-repeat: no-repeat;
        background-position:center;
        
    }


    .image-leh{
        width: 45%;
        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/leh/1.jfif);
        background: -o-linear-gradient(rgba(144, 209, 40, 0.1), rgba(144, 209, 40,0.1)), url(/cherishimage/india/north/leh/1.jfif);
        background: linear-gradient(rgba(144, 209, 40, 0.1), rgba(144, 209, 40,0.1)), url(/cherishimage/india/north/leh/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-leh: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/leh/1.jfif);
        background:  -o-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0,0,0,0.3)), url(/cherishimage/india/north/leh/1.jfif);
        background:  linear-gradient(rgba(0, 0, 0, 0.2), rgba(0,0,0,0.3)), url(/cherishimage/india/north/leh/1.jfif);
        background-size: cover;
        background-repeat: no-repeat;
        background-position:center;
        
    } 
    
    
    .image-raj{
        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/rajasthan/1.jfif);
        background: -o-linear-gradient(rgba(144, 209, 40, 0.1), rgba(144, 209, 40,0.1)), url(/cherishimage/india/north/rajasthan/1.jfif);
        background: linear-gradient(rgba(144, 209, 40, 0.1), rgba(144, 209, 40,0.1)), url(/cherishimage/india/north/rajasthan/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-raj: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/rajasthan/1.jfif);
        background:  -o-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0,0,0,0.3)), url(/cherishimage/india/north/rajasthan/1.jfif);
        background:  linear-gradient(rgba(0, 0, 0, 0.2), rgba(0,0,0,0.3)), url(/cherishimage/india/north/rajasthan/1.jfif);
        background-size: cover;
        background-repeat: no-repeat;
        background-position:center;
        
    }  
    
    
    .image-uk{
        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/uttrakhand/1.jfif);
        background: -o-linear-gradient(rgba(144, 209, 40, 0.1), rgba(144, 209, 40,0.1)), url(/cherishimage/india/north/uttrakhand/1.jfif);
        background: linear-gradient(rgba(144, 209, 40, 0.1), rgba(144, 209, 40,0.1)), url(/cherishimage/india/north/uttrakhand/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-uk: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/uttrakhand/1.jfif);
        background:  -o-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0,0,0,0.3)), url(/cherishimage/india/north/uttrakhand/1.jfif);
        background:  linear-gradient(rgba(0, 0, 0, 0.2), rgba(0,0,0,0.3)), url(/cherishimage/india/north/uttrakhand/1.jfif);
        background-size: cover;
        background-repeat: no-repeat;
        background-position:center;
        
    }
    
    
    .image-varanasi{
        width: 45%;
        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/varanasi/1.jfif);
        background: -o-linear-gradient(rgba(144, 209, 40, 0.1), rgba(144, 209, 40,0.1)), url(/cherishimage/india/north/varanasi/1.jfif);
        background: linear-gradient(rgba(144, 209, 40, 0.1), rgba(144, 209, 40,0.1)), url(/cherishimage/india/north/varanasi/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-varanasi: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/varanasi/1.jfif);
        background:  -o-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0,0,0,0.3)), url(/cherishimage/india/north/varanasi/1.jfif);
        background:  linear-gradient(rgba(0, 0, 0, 0.2), rgba(0,0,0,0.3)), url(/cherishimage/india/north/varanasi/1.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);
    }
        
       
/*         
        .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);
        }
       */