/*-----------------------------------------------------ABOUTUS------------------------------------------START--------------------------------------------------*/
#SS63-574 h1{
	position:absolute;
}
#SS63-574 p{
	margin-top:10px;
	padding:10px 30px 10px 10px;
	font-size:19px;	
	color:#696969;
	line-height: 1.7em;
	font-family:helvetica-w01-light,helvetica-w02-light,sans-serif;
	letter-spacing: 0.04em;
	margin-bottom:0rem !important;
}
#CCSS63-574-1240-1342{
	top:200px;
	left:10%;
	animation-name: example;
	animation-duration: 1s;  
}
#CCSS63-554-1241-1343{
	top:200px;
	left:40%;
	animation-name: example;
	animation-duration: 1s;  
}
#CCSS63-554-1242-1344{
	top:200px;
	left:75%;
	animation-name: example;
	animation-duration: 1s;  
}
@keyframes example {
  from {top: 0px;}
  to {top: 200px;}
}
.aboutus .card{
	position:relative;
	margin-top: -18vh;
	left:39%;
	width:50%;
	background-color:#F5F5F5;
	border-radius:0;
	border:none;
	z-index: 100;
}
@media screen and (max-width: 768px) {
  .aboutus .card {
    margin-top: 5vh;         /* Remove negative margin */
    left: 0;                 /* Reset left alignment */
    width: 90%;              /* Use most of the screen width */
    margin-left: auto;       /* Center the card */
    margin-right: auto;
  }
}
.aboutus .card-title{
	color:rgb(26,43,109);
	border-bottom:5px solid none;
	padding:10px 20px 20px 20px;
	font-size:28px;
	letter-spacing: normal;
	line-height: 1em;
	min-height: 54px;
}
.aboutus .card-body{
	padding:20px;
	font-family:sans-serif;
	/*box-shadow: 0 4px 8px 4px rgba(0, 0, 0, 0.2);*/
	box-shadow:-0.79px 0.62px 4px 0px rgba(0,0,0,0.6),0 1px 4px rgba(0,0,0,.6);
}
.aboutus .card-footer{
	background-color:white !important;
	border:0px solid white !important;
	padding:0 0 0 0  !important;
	/*box-shadow: 0 4px 8px 4px rgba(0, 0, 0, 0.2);
	box-shadow:-0.79px 0.62px 4px 0px rgba(0,0,0,0.6),0 1px 4px rgba(0,0,0,.6);*/
	display:none;
}
.card-footer button{
	padding:10px;
	top:0px;
}
.card-footer .Left{
	border:1px solid  rgb(255,119,0);
	font-size:21px;
	background-color:white;
	padding:11px 15px 12px 15px;
}
.card-footer .Right{
	border:1px solid rgb(26,43,109);
	background-color:rgb(255,119,0);
	color:white;
	font-size:23px;
	width:25%;
	font-family:avenir-lt-w01_85-heavy1475544,avenir-lt-w05_85-heavy,sans-serif;
}
@keyframes slideInFromRight {
  0% {
    transform: translateX(40%);
  }
  100% {
    transform: translateX(0);
  }
}

.aboutus .card{  
  /* This section calls the slideInFromLeft animation we defined above */
  animation: 1s ease-out 0s 1 slideInFromRight;
}

@keyframes border_anim {
	0%{
		width: 0%;
	}
	100%{
		width: 100%;
	}
}
.aboutus .card-title{
	position: relative;
	
}

.aboutus .card-title:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	border-bottom: solid 3px rgb(255,119,0);
	animation: border_anim 2s linear forwards;
}
.aboutus .carousel-indicators button{
	background-color:orange !important;
	width:3px !important;
	height:30px !important;
}

.aboutus .carousel-indicators{
	display:grid !important;
	margin-left:98% !important;
	margin-bottom:10rem !important;
}

.row{
	 --bs-gutter-x: 0.5rem !important;
}