/*.webtext{*/
/*    color:rgb(115, 145, 235)!important;*/
/*}*/

.top2{
  
    background-color: rgb(12, 9, 3);

  
    height: 180px;
    height: auto;
    text-align: center;
     padding: 20px 0px; 
    
    color: thistle;
   
    
}
.imgratiomd{
    height: 15vh;
    width: 100%;

}
.imgratiolg{
    height: 18vh;
    width: 100%;

}
.textposition{
    display: flex;
      justify-content: center;
      align-items: center;
  }
        /* age calculator start */
    .back{
   background-color: aqua; 
   text-align: center;
      height: 100%;

   
  }
  .start{
    margin-top: 10px;
    padding-top: 10px;
  }
    /* age calculator End */


 /* Calculator  */
  .box{

background-color: #95d6dd;
width: 100%;
}
  #result{
    
    height: fit-content;
    width: auto;
    padding: 5px;

  }
  #cresult{
    
    height: fit-content;
    padding: 5px;
    width: auto;
  }
  /* Calculator  */
.flex-menu{
  
    justify-content: flex-start;

}
.flex-element{
  

    background-image:  linear-gradient(rgb(23 132 165),rgb(0, 0, 0));

margin: 8px 2px;
padding: 10px;
padding:10px 5px;
text-align: center;

}
#navbarstyle{
    padding-left: 40px;
}
.textcenter{
    text-align: center;
}
.removeline{
    text-decoration: none;
    
  
}
#navbar{
   
    background-image:  linear-gradient(to left,rgb(109 143 139),rgb(82 132 183));
    

}
#navbar a{
    color: rgb(13, 14, 13);
    color: rgb(255, 255, 255);

}
#navbar a:hover{
    color: white;
}
.jobinfotext{
   
    /*background: rgb(219 47 47);*/
        background: rgb(47 132 219);

 
}
.gogreen{
    
    
    color: rgb(0, 126, 10);
}

.alert1{
  
    color: rgb(255, 0, 0);
   
}
.blue{
   
    color: #0005ab;
}
.blackgreen{
    color: rgb(0, 255, 20);
}
    
a:link{
 
    color: rgb(86, 247, 255);

}
a:visited{
    
    color: rgba(176, 241, 245, 0.993);
    
}
a:hover{
 
  
    color: rgb(231, 90, 97);
    opacity: 8;
}
a:active{

    color: rgb(228, 226, 105);
}
.highlight{
  
    color: fuchsia;
}
.highlightapply{
    color: rgb(129, 8, 129);
    font-weight: bolder;
}



#rowbackcolor{
   
    background-color: rosybrown;

}


#applyhover a:link{
   
    color: rgb(0, 20, 255);
}
#applyhover a:visited{
    color: rgb(3, 3, 3);
}
#applyhover a:hover{
    color: rgb(218, 20, 26);
}
#applyhover a:active{
    
    color: darkslategrey;
}

.vacancyhover a:link{
   
    color: rgb(0, 20, 255);
}
.vacancyhover a:visited{
    color: rgb(3, 3, 3);
}
.vacancyhover a:hover{
    color: rgb(218, 20, 26);
}
.vacancyhover a:active{
    
    color: darkslategrey;
}



.footertext{
    color: rgb(144, 183, 150);
    font-size: xx-large;
}
#footercolor{
   
    background-color:  rgb(53, 53, 53);
    background-color:  rgb(25, 30, 24);
    height:20vh;
    height:fit-content;
    padding: 4vh;

}
.centerplacing{
    text-align: center;
    margin-top: 18px;
margin-bottom: -11px;
}
.topline{
    text-decoration: none;
   
}

.movetotop{

    border: 2px solid red;
background-color: black;
border-radius: 50%;
height:10vh;
width:10vh;
padding: 12px;


}

#mail{
    border: 2px solid rgb(7, 7, 7);
    border-radius: 50%;
     height: 11vh; 
     width: 11vh;
     background-color: rgb(255, 255, 255);
     background-color: rgb(221, 194, 194);

     /* rgb(221 194 194); */
    margin: 8px 1px;
     padding: 10px 2px; 
    
    text-align: center;

}
.post{
border: 2px solid rgb(7, 7, 7);
    border-radius: 50%;
     height: 9vh; 
     width: 9vh;
     background-color: rgb(12, 9, 3);
    margin: 8px 1px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: small;
   
    color: rgb(255, 188, 0);
}

.live{
    justify-content: space-around;
    
   

}
/* new highlight */
.newhighlight{
    animation: design .25s linear infinite;
        color: rgb(238, 5, 5);


}
@keyframes design {
    50% {
        opacity: 0;
    }
}
/* new highlight */


.footercontent{
    text-decoration: none;
    font-size: 12px;
    height:10vh;
    width: 100%;
    /* height:100%; */
    /* border: 5px solid red; */
    background-color: black;
  text-align: center;
  padding: 23px;
  /* margin-top: 18px; */
}
#footerid a:link{
    color:wheat;

}
#footerid a:visited{
    
    color: rgb(255, 255, 255);

}
#footerid a:hover{
    
    color: rgb(0, 255, 157);
    
    opacity: 8;
}
#footerid a:active{
    
    
    color: rgb(255, 188, 0);


}
    .tube{
    border-radius: 17%;
    background-color: red;
    color: whitesmoke;
    padding: 4px;
}
.channel_design{
    text-decoration: none;
}
.channel a:link{
   
    color: #150d93;

}
.channel a:visited{
   
    color: #150d93;
}
.channel a:hover{
    color: rgb(255, 0, 0);
   
}
.channel a:active{
    color: #dfaf10;
}

.channel{
 
    padding: 1rem;
    
    background-color: rgb(140, 211, 221);
   
    font-size: 16px;
    margin-top: 5px;
       margin-bottom: 5px;

    color: rgb(13, 13, 14);
    text-align: center;
    

   
}

@media screen and (max-width: 400px){
  
    .imgratio{
        height: 16vh;
    }

}

@media screen and (min-width: 451px) and (max-width: 700px){

        
    
    .imgratio{
        height: 18vh;
    }

}

@media screen and (min-width: 701px) and (max-width: 1000px){
 
    .imgratio{
        height: 24vh;
    }

}

@media screen and (min-width: 1001px) {

    .imgratio{
        height: 28vh;
    }

}