/*---------------------------------------------------------
Navigator
---------------------------------------------------------*/
.divsection{
    padding:0.2rem 9%; margin-bottom:30px; border:0px solid red; display:block;  
}

.service .navymenu-slider .box {
   /* margin:0.15rem 0;*/
    margin:0.15rem 0;
    position: relative;
    overflow: hidden;
    border: var(--border); 
    text-align: center;   
	border-radius: 10px; font-size: 1.25rem; padding-top:5px; padding-bottom:5px; 
	height:3.5rem;  /* determine the height*/
	background-color: #f3f3f3;  border:1px solid #D6D6D6; font-weight:900; 
}


.service .navymenu-slider .box:hover {
   border:var(--border-hover); 
   box-shadow: 0 .5rem 1rem rgba(0,0,0,.1); background-color: #069;
   color:#FFF; cursor:pointer; !Important       
}
 
.service .navymenu-slider .box .subbox { 
  	display: block;  font-size: 1.25rem; padding-top:10px; 
	height:100%; width:100%;
	 border:1px solid red;; 
}


@media (max-width:768px){
	.service .navymenu-slider .box {
		border:var(--border3);
	}
	
}

@media (max-width:450px){
	.service .navymenu-slider .box{
		border:var(--gray-dark);  
	}
}


@media (max-width:420px){
.divsection{
    padding:0.1rem 2% 1rem 2%; /*margin-bottom:20px; */
}

.service .navymenu-slider .box{
	border:var(--border5); 
}

.service .navymenu-slider .box .subbox { 
  	font-size: 1.15rem; padding:5px; 
}
}


/*---------------------------------------------------------
Agency Link
---------------------------------------------------------*/
.agency-link {
    padding:0.2rem 9%; margin-bottom:5px; border:0px solid red; display:block; font-size:1.75rem; 
}

.agency-link a:hover {
    font-weight:bold; cursor:pointer;
}



/*---------------------------------------------------------
Navigator
---------------------------------------------------------*/
.divsection2{
    padding:0.2rem 9%; margin-top:-30px; margin-bottom:30px; border:0px solid red; display:block;  
}

.agencylink .agencymenu-slider .box {
    position: relative;
    overflow: hidden;
    text-align: center;   
	 font-size: 1.5rem; padding:3px; 
	height:3rem;  border-right:2px solid #D6D6D6; color: #069; 
}
 
.agencylink .agencymenu-slider .box:hover {
   border:var(--border-hover); 
   box-shadow: 0 .5rem 1rem rgba(0,0,0,.1); background-color: #069;
   color:#FFF; cursor:pointer; !Important       
}


@media (max-width:768px){
}

@media (max-width:450px){
}


@media (max-width:420px){
.divsection2{
    padding:0.1rem 2%; margin-bottom:20px; 
}
}