.res-txt-cl{
	color: #808080 !important;
	font-size: 18px;
	font-weight: bold;
}
.rv-col-1{
	background-color: gray;
	border-radius: 1%;
}
.rv-col-2{
	
}
.rv-left-dsgn{
	font-size: 15px;
	font-weight: 2px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.rv-pi{
	color: black;
	font-size: 18px;
}
.rv-check{
	font-family: system-ui, sans-serif;
  	font-size: 2rem;
  	font-weight: bold;
  	line-height: 1.1;
}
@media screen and (max-width: 600px) {
  .--hide-mb{
    display: none !important;
  }
  .mb-ot{
    margin-top: -25px !important;
  }

  .title_message {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }
  .tesda-md{
   
    margin-bottom:250px !important;

  }
  .rtciligan-md{
  	position: relative !important;
    bottom: 105px;
    left: 0px;
  }
  .trans-md{
 	 position: relative !important;
	 bottom: 205px !important;
	 right: -120px !important;
	 
  }
  .link1-md{
  	 position: relative !important;
    bottom: 170px;
    left: -120px;
  }
  .link2-md{
  	   position: relative !important;
    bottom: 335px;
    left: 80px;
  }
  
  .footer-gasa{
     position: relative !important;
     bottom: 300px;
     align-content: center;
  }
  .ft-ht{
  	background-color: gray !important;
  	height: 480px !important;
  	overflow-y:hidden !important;
  }
 .--section-hdr-hidden-xs{
  display: none !important;
 }
 .--hidden{
  display: none !important;
 }
 .float-sm
 {
  float: right !important;
 }
.--wd
{
  width: 200px;
}
}
.ftr-wht {
	color: #ffffff !important;
	
}
.bc-design {
  border-radius: 50% 50% 30% 70% / 21% 5% 95% 79% ;
  word-break: break-all !important;
  width: 100%;
  height: 450px;
  background: #5f8ee394 !important;
  background: -webkit-linear-gradient(to bottom right,
      #f6c102,
      #ffe496);
  background: linear-gradient(to bottom right,
      #f6c102,
      #ffe496);
}
.error-rev{
  color: #4285f4 !important;
}



.card-transition{
  transition: all 0.2s ease;
  cursor: pointer;
}
.card-transition:hover{
  box-shadow: 5px 6px 6px 2px #e9ecef;
  transform: scale(1.1);
}

@font-face {
  font-family: 'averta-bold';
  src: url("../font/averta-extrabold.otf") format("opentype");
}
@font-face {
  font-family: 'averta-normal';
  src: url("../font/averta-normal.otf") format("opentype");
}
.--avt-bold{
  font-family: 'averta-bold';
  font-size: 35px;
}
.--avt-normal{
  font-family: 'averta-normal';
}
.--avt-fs6{
  font-family: 'averta-normal';
  font-size: 12px;
}
.--avt-fs5{
  font-family: 'averta-normal';
  font-size: 15px;
}
.--avt-fs4{
  font-family: 'averta-normal';
  font-size: 20px;
}
.--avt-fs3{
  font-family: 'averta-normal';
  font-size: 25px;
}
.--avt-fs2{
  font-family: 'averta-normal';
  font-size: 30px;
}
.--avt-fs1{
  font-family: 'averta-normal';
  font-size: 35px;
}
.--txt-r
{
  float: left !important;
}
.--fs25
{
  font-size: 25px;
}
.--fs15
{
  font-size: 15px;
}
.--fs20
{
  font-size: 20px;
}
.--center
{
  align-items: center;
  justify-content: center;
}
.--theme-color{
  background-color: #0038a8;
}
.--blue-color{
  color: #0000ff;
}
.--blue-title{
  color:#1835a6;
}
.--white-color{
  color: #ffffff;
}
.--light-bg-color{
  color: #f6f6f6;
}
.--yellow-btn{
  color: #f8c825;
}
.--cp-ft{
  color: #191919;
}
.--section-hdr{
  height: 50px !important;
}
@media screen and (max-width: 390px) {
  .--hide-mobile {
    display: none !important;
  }
  .tesda-logo{
    margin-left:100px !important;
  }
  .align-wh-mb{
    margin-left: -20px !important;
    /* display: none !important; */
  }
  .line-height{
    line-height: 1;
  }
  
}
@media screen and (min-width: 768px) {
  .--hide-dsk {
    display: none !important;
  }
  .--section-hdr-hidden-md{
    display: none !important;
  }
  .--hidden-md{
    display: none !important;
  }
  .--wd-int{
    width:1200px !important;
    
  }
  .mnu{
   right: 0 !important;
  }
  .align-wh-dsk{
    margin-left: 50px;
  }
}

.--color-bb{
  background-color: #202937 !important;
}
.d-none{
  display: none !important;
}

.sticky-quick-links {
  position: fixed;
  background: linear-gradient(to bottom, #0038a8, #2f80f1);
  width: 35px;
  height: 120px;
  top: 350px;
  right:0;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 6px #000;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  cursor: pointer;
  z-index: 999 !important;
}
.quick-links{
  writing-mode: vertical-rl;
  text-orientation: mixed;
  color:white;
  -webkit-transform: rotate(180deg);
  font-weight:bold;
}


.gsc-control-cse {
  background-color: #0038a8 !important;
  border: 0 !important;
  margin-top: -20px !important;
  border-radius: 2px;
  overflow: hidden;
  height: 60px !important;
  border-radius: 50px !important;

}
form.gsc-search-box,
table.gsc-search-box {
  margin-bottom: 0 !important;
  
}
.gcse-search-box {
  border: 0 !important;
  background: #387deb !important;
}
.gcse-search-box-tools .gcse-search-box .gcse-input {
  padding-right: 0 !important;
  
}
#gs_tti50 {
  padding: 6px 0 !important;
}
#gsc-i-id1 {
  color: #000 !important;
  text-indent: 0 !important;
  font-size: 14px !important;
  line-height: 1 !important;
  background: none !important;
}
#gsc-i-id1::-webkit-input-placeholder {
  color: #000 !important;
}
#gsc-i-id1::-as-input-placeholder {
  color: #fff;
}
#gsc-i-id1::-moz-placeholder {
  color: #fff;
  opacity: 1;
}
#gsc-i-id1::-moz-placeholder {
  color: #fff;
  opacity: 1;
}
.gsib_b {
  display: none !important;
}
.gsc-search-button-v2 {
 
  display: none;
}
.gsib_a{
  height: 45px !important;
  margin-top: -5px !important;
}
#gsc-i-id1,.gsc-input{
  height: 45px !important;
  margin-top: -5px !important;
}


#load_animation{
  width: 100%;
  height: 100vh;
  font-size: 4rem ;
  background-color: #fff;
  z-index: 500;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
}
.animation {
  position: absolute;
  top: 50%;
  left: 50%;
  border: 3px solid rgb(0, 0, 0);
  border-radius: 50%;
  box-sizing: content-box;
  padding: 10px;
  transform: translate(-50% , -50%) ;
  opacity: .5;
  animation: spinner 3s infinite;
  transition: .5s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@keyframes spinner {
  50% {
    transform: translate(-50% , -50%) ;
    border: 2px solid rgba(0, 0, 0, 0.178);
    padding: 30px;
  }
  100% {
    opacity: 1;
    transform:translate(-50% , -50%) rotate(360deg);
    border: 3px solid rgba(0, 0, 0, 0);
    padding: 17rem;
    color: green;
  }

}