/*****sticky menu****/
.template-container {
     overflow: visible !important;
}
.sticky-menu {
    position: sticky;
    top: 135px;
	min-height: 50px;
	background-color:#F2F3F4;
	z-index:1;
	display:flex;
}
.sticky-menu-container{
	max-width: 1200px;
}
ul.related-solutions-menu {
    display: flex;
    list-style: none;
    flex-direction: row;
    font-weight: 500 !important;
    font-size: 15px;
	margin-bottom:0px;
}
li.related-solutions-item {
    margin: 15px 20px;
}
li.related-solutions-item a {
    position: relative;
    text-decoration: none;
}
/*****
li.related-solutions-item a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px; /* Adjust as needed 
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, #50dcff .01%, #28a5ff 62.33%, #0067d3);
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.25s;
}

li.related-solutions-item a:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}
******/
li.related-solutions-item a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -7px; /* Adjust as needed */
    width: 100%;
    height: 2px;
    background: #00416B; 
    transform: scaleX(0);
    transform-origin: center; /* Start the transformation from the center */
    transition: transform 0.25s ease; /* Use an easing function for a smoother transition */
}

li.related-solutions-item a:hover::after {
    transform: scaleX(1); /* Expand the underline to full width on hover */
}






/****solutions page***/
li.related-list h5 {
    text-transform: capitalize !important;
    font-size: 16px;
}
ul.related-listings {
    list-style: none;
}
.slick-prev:before {
  content: "<";
  color: #323130;
		font-size:30px;
		 display: inline-block; /* Ensures the 	transform property works */
 transform: scaleY(2.5); /* Adjust this value to scale vertically */	
}

.slick-next:before {
  content: ">";
  color: #323130;
  font-size:30px;
 display: inline-block; /* Ensures the 	transform property works */
 transform: scaleY(2.5); /* Adjust this value to scale vertically */	
}
.slick-slide img {
    display: block;
    width: 100%;
    height: auto;
}
/**Articles boxes**/
.related-articles-boxes {
    display: flex;
		flex-direction-row;
		gap:5px;
		flex-wrap:wrap;
		padding:10px;
}
.related-articles-box{
		flex:1;		
		padding-right:21px
}
.related-articles-box:not(:first-child){
	padding-left: 15px;
}
.related-articles-box img, .related-solutions-box img {
    margin: 0px;
    margin-bottom: 25px;
    height: 190px;
    width: -webkit-fill-available;
	border-radius:15px;
}
.related-articles-box h4 {
			overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3; 
           line-clamp: 3;
   -webkit-box-orient: vertical;
		font-size:16px;
		line-height:1.5;
		min-height:75px;
}
/**Solutions boxes**/
.related-solutions-boxes {
    display: flex;
		flex-direction-row;
		gap:5px;
		flex-wrap:wrap;
		padding:10px;
}
.related-solutions-box{
		flex:1;
		margin-top: 20px;
		min-width: 175px;
}
.related-solutions-box h4{
		min-height:40px;
		margin-top:10px;
}
.related-solutions-box p {
    line-height: 1.3;
		overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; 
           line-clamp: 2;
   -webkit-box-orient: vertical;
		font-size:15px !important;
		text-align:left;
		
}
/**.related-solutions-box img {
    margin: auto;
    display: block;
	margin-bottom:5px;
	border-radius:15px;
	
}***/
.related-solutions-box:not(:last-child) {
   /* border-right: 1px solid #ccc; /* Adjust line color as needed */
    margin-right: 15px; /* Adjust margin to separate line from flex box */
    padding-right: 21px; /* Adjust padding to separate content from line */
}
.button.clear:not(.hover){
font-size: 16px;
    text-transform: uppercase;
    border-top-left-radius: 28px;
    border-top-right-radius: 28px;
    border-bottom-right-radius: 28px;
    border-bottom-left-radius: 28px;
    border-style: solid;
		background:none;
		color:#004366;
		border-color:#004366;
		text-transform:capitalize;
		font-weight:bold;
		border-width:2px;
		line-height:1;
		padding:10px 25px
}
.button.clear:hover{
		border:none;
		background:#00AEEF;
		color:#ffffff;
}


/*****solutions table******/
table thead {
    background-color: #00416b;
}
#SolutionsTable tr:not(:first-child) td:nth-child(2),
#SolutionsTable tr:not(:first-child) td:nth-child(3),
#SolutionsTable tr:first-child td:nth-child(2),
#SolutionsTable tr:first-child td:nth-child(3) {
    text-align: left;
}
.solutions-table th, .solutions-table th:first-child, .solutions-table th:last-child {
    color: white;
    text-align: center;
    text-transform: capitalize;
    padding: 21px 30px;
    font-size: 1.4em;
}
.solutions-table.shadow-box{
	padding: 0px !Important;
	display:inline-table !important;
}
.solutions-table td:last-child, .solutions-table th:last-child {
    padding-right: 10px !important;
    text-align: left !important;
}
.solutions-table td {
    padding: 20px;
	border: 1px solid #dee2e6;
}
.solutions-table td p {
    text-align: left;
}
.solutions-table td:first-child {
    background: aliceblue;
    color: #00416b;
    font-size: 18px;
    font-weight: 400;
    vertical-align: middle;
	/*padding:1em;*/
}
.solutions-table i {
    display: block;
    padding: 12px;
    font-size: 30px;
}
/*****mobile and tablet styling****/
@media (max-width:960px){
	.sticky-menu {
        top: 83px;
	}
	ul.related-solutions-menu {
    font-size: 15px;
	font-weight:700;
	justify-content:space-evenly;
    }
}
@media (max-width:470px){
	.sticky-menu {
       top:56px; 
	}
	ul.related-solutions-menu {
    font-size: 10px;
	font-weight:700;
	justify-content:space-evenly;
    }
	
		
}
/* Styles for the first column on mobile screens */
@media only screen and (max-width: 600px) {
  
.solutions-table th, .solutions-table th:first-child, .solutions-table th:last-child {
    padding: 21px 20px;
    font-size: 1.0em;
}
.solutions-table td:first-child {
    font-size: 12px;	
    
}
.solutions-table td {
   padding: 10px !important;
}
.solutions-table i {
    padding: 12px;
    font-size: 25px;
}
.solutions-table td p {
    font-size: 10px !important;    
}
.solutions-table ul li {
    font-size: 10px !important;
	text-align:left !important;
}
.solutions-table ul {
    padding: 15px;
}
.feature-benefit-row {
   	column-gap: 1px;
	
}
}