:root {
--primary: #642075;
--light: #f8f9fa;
--dark: #212529;
--medium: #d6d6d6;
--text_light: #5f6c7a;
--text_body_md: #2b3035;
}
.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;
-o-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;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.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 img {
height: 35px;
width: auto;
}
.about-card {
border: 1px solid #f1f1f1;
border-radius: 10px;
-webkit-box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 5%);
box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 5%);
padding: 30px 20px;
margin-bottom: 50px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}  .video-container {
overflow: hidden;
position: relative;
max-width: 100%;
height: auto;
padding-bottom: 56.25%;
background-color: var(--light);
border: 0px solid var(--light);
}
.video-container iframe,
.video-container object,
.video-container video,
.video-container embed {
position: absolute;
margin-top: 10px;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .wp-block-embed-youtube {
overflow: hidden;
position: relative;
max-width: 100%;
height: auto;
padding-bottom: 56.25%;
background-color: var(--light);
border: 3px solid var(--light);
}
.wp-block-embed-youtube iframe,
.wp-block-embed-youtube object,
.wp-block-embed-youtube video,
.wp-block-embed-youtube embed {
position: absolute;
margin-top: 10px;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .wp-block-video {
overflow: hidden;
position: relative;
max-width: 100%;
height: auto;
padding-bottom: 56.25%;
background-color: var(--light);
border: 3px solid var(--light);
}
.wp-block-video iframe,
.wp-block-video object,
.wp-block-video video,
.wp-block-video embed {
position: absolute;
margin-top: 10px;
top: 0;
left: 0;
width: 100%;
height: 100%;
}