@charset "UTF-8";
 :root {
--primary: #642075;
--light: #f8f9fa;
--dark: #212529;
--medium: #d6d6d6;
--text_light: #5f6c7a;
--text_body_md: #2b3035;
--bs-border-color-translucent: rgba(0, 0, 0, 0.175);
}
.carddemo_icon {
background-color: var(--medium);
border-radius: 50%;
padding: 0.5rem;
fill: var(--primary);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.carddemo_griditem {
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.carddemo_griditem:hover {
-webkit-transform: translateY(-0.5rem);
-ms-transform: translateY(-0.5rem);
transform: translateY(-0.5rem);
}
.carddemo_photo {
aspect-ratio: 1/1;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 20%;
object-position: 50% 20%;
}
.cardtypes_photo {
aspect-ratio: 16/9;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 20%;
object-position: 50% 20%;
}
.image-item {
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
border: var(--bs-border-color-translucent);
}
.image-item:hover {
-webkit-transform: translateY(-0.3rem);
-ms-transform: translateY(-0.3rem);
transform: translateY(-0.3rem);
}
.reader-only {
border: 0 !important;
clip: rect(1px, 1px, 1px, 1px) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
height: 1px !important;
overflow: hidden !important;
margin: -1px !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important;
}
.about-card {
border: 1px solid #f1f1f1;
border-radius: 10px;
-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
padding: 30px 20px;
margin-bottom: 50px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.about-card img {
height: 35px;
width: auto;
} .video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 0;
height: 0;
overflow: hidden;
}
.video-container iframe {
margin-top: 10px;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-container object {
margin-top: 10px;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-container embed {
margin-top: 10px;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-container video {
margin-top: 10px;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.flipX {
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1);
}
.hiddenRow {
padding: 0 !important;
}
.list-group-item {
background-color: transparent !important;
border: none;
}