@charset "utf-8";
/* CSS Document */


.menu{
  
  margin-top:10px;
  
}
.bottomholder {
	background-color: #2d3e50;
}

.footerholder {
	background-color: #86BC42;
}

.topheader {
	background-color: #e7ecf2;
	min-height:35px;
}

.bottomholder {
	
	background-color:#014a99;
	border-top: 3px solid #f9e7cf;
    padding-top:25px;
    padding-bottom:45px;
}

.footerholder{
 background-color:#00438a;
 min-height:45px;
}

.why{
   background-color: #014a99;
   min-height:35px;
  color:#FFF;
  padding-top:25px;
  padding-bottom:45px;
}

.footerleft{
  color:#FFF;
  
}

.tab1{
  color:#000;
  background-color: #146acc; 
  
}

tab1 h4:hover{
  color:#fff;
}

tab2 h4:hover{
  color:#fff;
}


tab3 h4:hover{
  color:#fff;
}


tab4 h4:hover{
  color:#fff;
}

.tab1:hover{
  color:#fff;
  background-color: #146acc;
  transition:all 0.3s ease;
  
 
}


.tab2{
 color:#000;
  background-color: #146acc; 
}

.tab2:hover{
  color:#fff;
  background-color: #146acc;
  transition:all 0.3s ease;
 
}

.tab3{
  color:#000;
  background-color: #146acc; 
}

.tab3:hover{
  color:#fff;
  background-color: #146acc;
  transition:all 0.3s ease;
 
}

.tab4{
  color:#000;
  background-color: #146acc; 
}

.tab4:hover{
  color:#fff;
  background-color: #146acc;
  transition:all 0.3s ease;
 
}


.tab5{
  background-color:#00458f;
  min-height:250px;
}

.bottom{
  color:#FFF;
  
}

.ht{
  
  background-color: #e7ecf2;
  padding:10px;
}

.mod{
   border-bottom: 1px solid #d8d8d8;
}





.sgk-hover{ display:grid; grid-template-columns:1fr 1fr; gap:16px; max-width:700px; margin:0 auto; font-family:Arial, sans-serif; }
.sgk-hover-item{ background:#fff; box-shadow:0 4px 20px rgba(0,0,0,0.06); border-radius:6px; padding:18px 20px; display:flex; align-items:center; gap:12px; cursor:pointer; transition:all 0.3s ease; }
.sgk-hover-item .tick-box{ width:32px; height:32px; min-width:32px; border-radius:5px; display:flex; align-items:center; justify-content:center; font-size:18px; font-weight:bold; background:#EFF1F7; color:#1A2A5A; transition:all 0.3s ease; }
.sgk-hover-item .txt{ font-size:18px; font-weight:700; color:#1A2A5A; }

/* First One Active - /
.sgk-hover-item.active .tick-box{ background:#4A5CD4; color:#fff; }

/* Hover ಮಾಡಿದಾಗ -  */
.sgk-hover-item:hover{ transform:translateY(-3px); box-shadow:0 10px 25px rgba(74,92,212,0.15); }
.sgk-hover-item:hover .tick-box{ background:#4A5CD4; color:#fff; }

@media(max-width:600px){ .sgk-hover{ grid-template-columns:1fr; } }





@media only screen and (max-width: 600px) {
  
  
  .tab1:hover{
  color:#fff;
  background-color: #146acc;
  transition:all 0.3s ease;
    text-decoration :none;
  
 
}



.tab2:hover{
  color:#fff;
  background-color: #146acc;
  transition:all 0.3s ease;
 text-decoration :none;
}



.tab3:hover{
  color:#fff;
  background-color: #146acc;
  transition:all 0.3s ease;
 text-decoration :none;
}



.tab4:hover{
  color:#fff;
  background-color: #146acc;
  transition:all 0.3s ease;
 text-decoration :none;
}