#firstSec {
    display: grid;
    grid-template-columns: 65% 35%;
    height: 32vw;
}


/*************Photo div Starts *************/


.Act_imgContainer {
    width:100%;
    position: relative;
 }
 
 .Act_imgContainer  div { 
    width:100%;
     height: 32vw;
 }

 .inside, .outside {
    width:100%;
     height: 32vw;
    position: absolute;
}
    



/*************Photo div End *************/

/*************Notification div Starts *************/

.Notice_container {
    height: 32vw;
    display: grid;
    grid-template-rows: 64% 36%;
    }

    #div_tillle {
        font-size:1.8vw;
        font-stretch: ultra-expanded;
        text-align:center;
        border-bottom: var(--border-width) solid var(--primary-color);
    }
    
.Notice {
        border-style:ridge;
        padding:0 1vw;
        overflow: hidden;
    }

#marQ {
    height: 24vw;
    visibility: hidden;
}



.Notice p {
    font-size: 1.4vw;
    line-height: 1.3vw;
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;

}




.newInd {
    height:22px;
    width:35px;
    display: inline-block;
    padding-left: 8px;
    padding-top: 4px;
    font-size: 11px;
    font-weight: 1200;
    letter-spacing: 1px;
    clip-path:polygon(40% 0%, 40% 26%, 100% 25%, 100% 74%, 41% 75%, 40% 100%, 0 49%);
    background: #fdec02;
    color:rgb(255, 0, 0);
    transition: 0.5s;
    animation: move 2s alternate infinite ;

}




@keyframes move {
    0% {
        transform: translateX(60px)
    }
    50% {
        transform: translateX(0px);
    }
    100% {
        transform: translateX(60px);
    }
}














.holiday {
    color: rgb(216, 15, 15);
    

}

.organised {
    color: rgb(4, 44, 8);

}

.exam {
    color: rgb(3, 29, 3);
}

/*************Notification div end *************/



.aboutUs {
   
    text-indent: 4vw;
    min-height: auto;
    font-style: oblique;
    font-size: 1.8vw;
    padding-top: 2vw;
    padding-left: 3vw;
 
   
}


/*************PickUp Time div Starts *************/
 
#PickUp {
       position: relative;
       height: auto;
       overflow:hidden;
       margin-bottom: 0;   
    }
    
#tblheading{
    font-size: 1.5vw;
}



#tblPickUp, #holiday, #mismatch {
    position: absolute;
    width: 100%;
    border-style: inset;
}

#tblPickUp {
    visibility: collapse;
    height: 100%;
}
 
#tblPickUp {
    width: 100%;
}


#mismatch {
    visibility:collapse;
    font-size: 2vw;
    text-align: center;
    height: 100%;
}

#holiday {
    visibility: collapse;
    font-size: 2vw;
    height: 100%;
}

table {
    border-collapse: collapse;
    border-radius: 15px;
    width: 100%;  
    height:auto;
}

table,th,td {
    border: 1px solid black;
    text-align: center;
    font-size: 1.2vw;
    height: fit-content;
}
/*************PickUp Time div ends *************/





/*************Main Second Section  Start **************/

#SecondSec {
    padding-top: 3vw;
    padding-bottom:3vw;
    display: grid;
    grid-template-columns: 40% 60%;
    gap: 0.1vw;
    border-style: ridge;
    
}

/*************Main Second Section  Ends **************/






/*************Main third Section  Ends **************/



/*************Main third Section  Ends **************/






@media screen and (max-width: 499px) {
    #firstSec {
        display: grid;
        grid-template-columns: 1fr;
        border-style: none;
    }
    
    #firstSec  div {
      
        display: flow-root;   
    }
    #firstSec  > div {
        border-style: none;
        height: 40vw;
    }
    
    .outside, .inside {
        border-style: none;
        height: 40vw;
    }
    .outside, .inside img{
        border-style: groove;
        width: 100%;
        height: 40vw;
    }
   
    #div_tillle {
        font-size:3.5vw;
    }


    .Notice p {
        font-size: 2.5vw;
        line-height: 2.5vw;
        padding-top: 1vw;
        padding-bottom: 1vw;
    }

    #PickUp {
       
        height: auto;
        overflow: visible;
       
        
     }

     #tblPickUp {
        height: 25vw;
        border-style: inset;
     }


     #tblheading {
        font-size: 3vw;
    }
    

     th,td {
        font-size: 2.5vw;
    }


    #mismatch {
        font-size: 3.5vw;
        text-align: center;
        padding-top: 4vw;
        width: 100%;
        height: 25vw;
        background-color: aqua;
        border-style: inset;
    }
    
    #holiday {
        padding: 10vw 25vw;
        font-size: 3.5vw;
        width: 100%;
        height: 25vw;
        background-color: aqua;
        border-style: inset;
    }




     #SecondSec {
        margin-top: 15px;
        display: grid;
        grid-template-columns: 1fr;
        gap:1vw;
        transform: translateY(60vw);
    }
    

    .aboutUs {
        margin-top: 20px;
        margin-bottom: 20px;
        text-align: center;
        padding: 3vw;
        font-size: 3vw;
    }

   


    .lastSec {
        display: flow-root;
        transform: translateY(60vw);
    }

   


   
    h1 {
        font-size:3.5vw;
    }



    .newInd {
        height:15px;
        width:25px;
        padding-left: 4px;
        padding-top: 2px;
        font-size: 8px;
        font-weight: 1200;
        letter-spacing: 1px;
    }
    



  }

  


  @media screen and (min-width: 500px) and (max-width: 800px) {
    #firstSec {
        display: grid;
        grid-template-columns: 1fr;
    }

    #firstSec > div {
      height: 40vw;
    }
    
    .inside {
        height: 40vw;
    }

    .inside img {
        height: 40vw;
    }

    .Notice_container {
        display: grid;
        grid-template-columns: 60% 40%;
        }

        .Notice_container > div {
            height: 40vw;
        }
    
        #marQ {
        height: 40vw;
        }
   



    #div_tillle {
        font-size:3vw;
    }


    .Notice p {
        font-size: 2vw;
        line-height: 2.5vw;
        padding-top: 1vw;
        padding-bottom: 1vw;
    }

    #PickUp {
        position: relative;
        height: 40vw;
        overflow: visible;
     }

     #tblheading {
        font-size: 2.4vw;
    }
    

    
     th,td {
        font-size: 2vw;
        height:5.6vw;
    }




    #mismatch {
        font-size: 3vw;
        text-align: center;
        width: 100%;
        height: 40vw;
        
    }
    
    #holiday {
        text-align: center;
        width: 100%;
        font-size: 3vw;
        height: 40vw;
    }


     #SecondSec {
        transform: translateY(48vw);
    }


    
    .aboutUs {
        padding-top: 0;
        font-size: 2vw;
        padding-right: 1vw;
    }

  
   


    .lastSec {
        display: flow-root;
        transform: translateY(48vw);
    }

   


   
    h1 {
        font-size:2.5vw;
    }


  }