.front_page_para_div{margin: 40px auto 0px auto;text-align: justify;}


.details_div{background-color:#d1d1d1;height:140px;padding:0px;text-align:center;overflow:hidden;margin-bottom:25px;}

.details_data{color:#dddddd;display:block;transition:transform 1s,background-color 1s;bottom:0px;position:absolute;width:100%;}
.details_div:hover .details_data{background-color:#d1d1d1;color:black;transform:translatey(-10px);}     

.details_data2{color:#dddddd;display:block;transition:transform 1s,background-color 1s;position:absolute;width:100%;}
.details_div:hover .details_data2{background-color:#d1d1d1;color:black;transform:translatey(-250px);}
 
.details_img{width:100%;height:100%;min-height:125px;max-height:140px;transition:transform 1s;position:relative;}
.details_div:hover .details_img{transform:translatey(-40px)}   
   
.details_img2{width:100%;height:100%;min-height:125px;max-height:250px;transition:transform 1s;position:relative;}
.details_div:hover .details_img2{transform:translatey(-250px)}   
   
@media screen and (max-width:768px)
     { 
       .col_on_mob{width:50%;margin:16px auto;}
     }
@media screen and (max-width:392px)
     { 
       .col_on_mob{width:80%;margin:16px auto;}
     }
     
@media screen and (min-width: 991px)  
    { 
     .md_margin{margin:0px 50px 0px 50px;} 
    }
@media screen and (min-width:768px) and (max-width:991px) 
    {
      .md_margin{margin:0px 25px 0px 25px;} 
    }
@media screen and (max-width:768px) 
    {
      .md_margin{margin:10px auto;} 
    }     
@media screen and (max-width:392px)
  {
    .md_margin{margin:16px auto;}
  }
        
/*----------------Marquee Starts Here----------------*/
.marquee {
    width: 100%;
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
}

.marquee span {
    display: inline-block;
    padding-left: 100%;  /* show the marquee just outside the paragraph */
    animation: marquee 25s linear infinite;
}

.marquee > span > a {padding:0px 25px;}

.marquee span:hover {
    animation-play-state: paused
}

/* Make it move */
@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}

/*----------------Marquee Ends Here----------------*/

.pop_up_col{height:400px;margin-top:25px;padding:0px;}        

 @keyframes my_animation{
     0%   {color:#009bad;}
    25%  {color:#df5238;}
    50%  {color:#c01b4d;}
    75%  {color:#7d8212;}
    100% {color:#d18a1f;}
 }
.animate{transition:transform 2s;font-size:25px; animation-name: my_animation;animation-duration: 7s;animation-iteration-count: infinite;margin-top:32%;}   
.prl_animate:hover .animate{transform:rotateZ(360deg);}

.pop_up{background-color:#f1f1f1;width:90%;transition:transform 1s,width 1s,box-shadow 1s;height:400px;margin:auto;box-shadow:10px 10px 10px #e1e1e1;padding-top:25px;overflow:hidden;padding:7px;}
.pop_up:hover{margin:auto;transform:scale(1.1,1.1);box-shadow:0px 10px 10px #a1a1a1;}
.animate_border{width:72px;height:70px;border:1px solid #009bad;margin:auto;border-radius:50%;} 
.rotating_img{width:34%;height:85px;transition:transform 2s;}
.prl_animate:hover .rotating_img{transform:rotatey(360deg);}
.odd_block_color{background-color:#e5e5cb;padding-top:10px;;height:380px;}
.pop_up_title{color:#333339;}
.margin_div{margin-top:50px;}