@charset "UTF-8";

@font-face {   
  font-family: "MontserratFull"; 
  src: url("../../assets/fonts/Montserrat-VariableFont_wght.ttf") format("truetype");
  }
@font-face {   
  font-family: "MontserratItalic"; 
  src: url("../../assets/fonts/Montserrat-Italic-VariableFont_wght.ttf") format("truetype");
  }
@font-face {   
  font-family: "NunitoSansItalic"; 
  src: url("../../assets/fonts/NunitoSans-Italic.ttf") format("truetype");
  }
 @font-face {   
  font-family: "NunitoSansFull"; 
  src: url("../../assets/fonts/NunitoSans.ttf") format("truetype");
  }
  
 body {font-family: "NunitoSansFull", "MontserratFull", Helvetica, Arial, sans-serif;}

.vms-top {
background: url(../../assets/images/vms-top.svg) no-repeat top center;
background-size: auto 100%;
width:100%;
min-height:650px;
background-color: #DDE8F5;
}

.value-section {
  background-color: #DDE8F5;
  position: relative;
}


.vms-h1 {color:#143B68; text-align:center; margin-bottom:35px;}
.vms-h2 {color:#143B68; text-align:left; margin-bottom:25px;}
.vms-h2white {color:#ffffff; text-align:left; margin-bottom:25px;}

.vms-value {
background-color:#F79E1d; 
background: url(../assets/images/vms-card.svg) no-repeat top center;
background-size: auto 100%;
margin:2%;
padding: 10px 5% 25px;
min-height: 500px;
}
.vms-value h3 {font-size: 120%; color:#143B68; padding:5% 10%;}
.vms-value p {font-size: 100%; color:#143B68; padding:5% 10%;}
.vms-value img {
height:auto; 
display:block; 
padding:5% 10%; 
width:70%;
}

.vms-action {
background-color:#F79E1d; 
background: url(../../assets/images/vms-card.svg) no-repeat top center;
background-size: 100% 100%;
aspect-ratio: 13 / 15;
margin:2%;
}
.vms-action img {
height:auto; 
display:block; 
padding:5% 10%;
width:100%;
}
.vms-action p {font-size: 135%; color:#143B68; padding:5% 10%;}

.vms-faqs {
background-color:#143B68;
color:#fff;
border-radius:15px;
}

.demo-btn {
background-color:#3066A4; 
color:#fff; 
border-radius:10px; 
padding:15px 50px;
display:block;
margin: 0px auto;
}

.qcard {background-color:#F7F8F9; border: 1px #D3D3D3 solid; margin:35px 15px 15px; padding:25px; border-radius:20px;min-height:300px;}
.q-head {font-size:140%; color:#3066A4; font-weight:bold;}
.a-head {font-size:120%; color:#F79E1b; font-weight:bold;}
.a-head span {color:#000; font-weight:normal;}


.vms-testimonial {
background: url(../../assets/images/vms-faqs-round.svg) no-repeat top center;
background-size: auto 100%;
width:100%;
min-height:350px;
background-color: #143B68;
padding: 250px 0 150px;
}
.testimonial-wrapper::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 10%;
    width: 79.2%;
    height: 92%;
    background-color: color(srgb 0.9764 0.698 0.2864);
    transform: translateY(-50%);
}	
.testimonial-wrapper {
    position: relative; /* Create a positioning context for the orange strip */
    width: 100%; /* Full width of the viewport */
    padding: 30px;
}	

.testimonial-card {
    border: 1px solid #f9f5ea;
    border-radius: 8px;
    padding: 30px;
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    background-color: #f9f5ea;
    height: 290px;
}
.testimonial-card p {
	font-size:105%;
	color: #143B68;
}
.testimonial-badge {
    position: absolute;
    bottom: 15px;
    left: 15px;
    background-color: #0F3664;
    color: white;
    font-size: 105%;
    padding: 5px 10px;
    font-weight: 600;
    border-radius: 30px;
}

.vms-industry {
	background: url(../../assets/images/vms-industries-round.svg) no-repeat bottom center;
	background-size: auto 100%;
	width:100%;
	min-height:350px;
	background-color: #DDE8F5;
	padding: 50px 0 250px;
}
	
.vms-industry img {
	display:block;
	margin:5px auto;
	border-radius:15px;
	width: 100%;
	height: auto;
}
	
.vms-industry p {
	font-size:110%;
	font-weight:bold;
	color:#143C68;
}