iframe {
aspect-ratio: 16 / 9;
width: 100%;
height: auto;
}
.custom-border {
border: 5px solid #1B75BB; /* Thick orange border */
border-radius: 15px; /* Rounded corners */
box-shadow: 6px 4px 10px rgba(0, 0, 0, 0.4); /* Drop shadow */
background-color: #fff;
}
.rounded img {
border-radius: 10px;
box-shadow: 8px 4px 10px rgba(0, 0, 0, 0.4); /* Drop shadow */
}
i {
float: right;
padding-top: 4px;
}
.divimage {
position:relative;
top:0;
left:0;
width:100%;
height:100%;
margin-top: 104px;
background:url(../img/home/Colour-Background-Header.png);
background-repeat:no-repeat;
background-size:cover;
}
.divtext {
position: relative;
top:0;
left:6%;
width:100%;
padding-top:5%;
padding-left:1%;
}
.divimage-1 {
position:relative;
top:0;
left:0;
width:100%;
height:100%;
background:url(../img/home/Colour-Background-Header.png);
background-repeat:no-repeat;
background-size:cover;
}
.divtext-1 {
position: relative;
text-align: center;
width:100%;
padding-top:3%;
padding-bottom: 3%;
}
.divtext-55 {
position: relative;
width:100%;
padding-top:3%;
padding-bottom: 3%;
}
.divimage-2 {
position:relative;
top:0;
left:0;
width:100%;
height:100%;
background:url(../img/home/Pink-Background.png);
background-repeat:repeat;
background-size:cover;
}
.divtext-2 {
position: relative;
color: #fff;
text-align: center;
width:100%;
padding-top:3%;
padding-bottom: 3%;
}
.divimage-33 {
position:relative;
top:0;
left:0;
width:100%;
height:100%;
background:url(../img/home/Colour-Background-Testimonials.png);
background-repeat:repeat;
background-size:cover;
}
.divimage-4 {
background: #109BCE;
background: linear-gradient(180deg, rgba(16, 155, 206, 1) 0%, rgba(46, 56, 146, 1) 100%);
padding: 25px;
border-radius: 10px;
overflow: hidden;
background-clip: padding-box;
}
.divimage-4 p {
color: #fff;
}
.divimage-4 h4 {
color: #fff;
}
.divimage-55 {
background: #109BCE;
background: linear-gradient(180deg, rgba(16, 155, 206, 1) 0%, rgba(46, 56, 146, 1) 100%);
overflow: hidden;
background-clip: padding-box;
}
.divimage-55 p {
color: #fff;
}
.divimage-55 h4 {
color: #fff;
}
.divpost {
position:relative;
height: 100%;
padding: 30px 0;
}
.divtext-3 {
position: absolute;
top: -35%;
margin-left: 76%;
width:100%;
z-index: -1;
}
.text-white {
color: #fff;
}
.ring {
position:relative;
width:75%;
padding-top:0;
margin-right:5%;
padding-bottom: 5%;
}
.text2 {
text-align:left;
font-weight:bold;
font-size: clamp(1.4rem, 3.4vw, 3.4rem);
color:white;
}
.text3 {
text-align: left;
font-size: clamp(1.1rem, 1.4vw, 1.4rem);
color: white;
}
.text-21 {
text-align: center;
font-weight: bold;
font-size: clamp(1.3rem, 3.1vw, 3.1rem);
color:white;
}
.text-31 {
text-align: center;
font-size: clamp(1.1rem, 1.4vw, 1.4rem);
color: white;
}
.page-desc-pink {
color: #C01F59;
font-weight: 700;
font-size: clamp(1.4rem, 1.8vw, 1.8rem);
line-height: 1.2;
}
.page-desc-yellow {
color: #FFCE43;
font-weight: 700;
font-size: clamp(1.4rem, 1.8vw, 1.8rem);
line-height: 1;
}
.page-desc-white{
color: #ffffff;
font-weight: 700;
font-size: clamp(1.4rem, 1.8vw, 1.8rem);
line-height: 1.2;
}
.product-heading {
font-size: 18px;
font-weight: 700;
color: #000;
}
.product-img {
width: 60%;
height: auto;
padding-bottom: 15px;
}
.icon-pos {
position:relative;
width: 50px;
height: 50px;
top:50px;
left:74%;
transform:translate(-50%,-50%)
}
.card-1 {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0,0,0,.125);
border-top-right-radius:16px;
padding:10px;
}
.product-saddow {
padding: 10px 0;
border: 2px solid #fff;
border-radius:16px;
background-color: #fff;
}
.parallax-home {
background-image: url("../img/home/Lightbulb-Paralax.png");
height: 100%;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.boxed-btn-hero {
width: 280px;
padding: 4px 30px 5px 30px ! important;
border-radius: 25px;
border: 1px solid #C01F59;
background-color: #C01F59;
letter-spacing: 1px;
font-size: 1rem;
transition: 0.5s;
color: #fff!important;
cursor: pointer;
}
.boxed-btn-hero:hover {
border: 1px solid #1B76BC;
background-color: #1B76BC;
}
#button1, #button2, #button3, #button4, #button5, #button6, #button7, #button8, #button9, #button10, #button11, #button12, #button13, #button14, #button15, #button16 {
display: inline-block;
}
.boxed-btn-bottom {
width: 280px;
padding: 5px 10px 5px 10px;
border-radius: 25px;
background-color: #fff;
letter-spacing: 1px;
font-size: 1.2rem;
transition: 0.5s;
color: #000;
cursor: pointer;
}
#products p, a {
color: #000;
}
#digital-news {
background:url(../img/home/Blue-Background.png);
}
#digital-news p {
color: #fff;
}
#digital-health-audit p a {
color: #FFCE43 !important;
font-weight: 700;
}
.white {
color: #fff;
font-size: 15px;
padding: 5px;
}
@media (max-width:990px) {
#button4, #button5, #button6 {
display: none;
visibility: hidden;
}
.divimage {
height:60vh;
margin-top: 104px;
background:url(../img/home/Colour-Background-Header.png);
background-repeat:no-repeat;
background-size:200%;
}
.divtext {
width:100%;
padding: 0;
margin-top: 10%;
left: 0px;
}
.ring {
display: none;
}
.text2 {
text-align: center;
justify-content: center;
}
.text3 {
text-align: center;
justify-content: center;
}
}

@media (max-width:500px) {
#button4, #button5, #button6  {
display: none;
visibility: hidden;
}
#button1, #button2, #button3  {
margin-left: auto;
margin-right: auto;
display: block;
}
.divimage {
height:100%;
margin-top: 104px;
background:url(../img/home/Colour-Background-Header.png);
background-repeat:no-repeat;
background-size:cover;
}
.divtext {
width:100%;
padding: 0;
}
.ring {
display: none;
visibility: hidden;
}
.text2 {
text-align: center;
justify-content: center;
}
.text3 {
text-align: center;
justify-content: center;
}
}

.shadow-effect {
background: #fff;
padding: 40px;
border-radius: 6px;
border:1px solid #ECECEC;
box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02);
}
#customers-testimonials .shadow-effect p {
font-family: inherit;
font-size: 17px;
line-height: 1.5;
margin: 0 0 17px 0;
font-weight: 300;
text-align: left;
}
.testimonial-name {
margin: -17px auto 0;
display: table;
width: auto;
background: #3190E7;
padding: 9px 35px;
border-radius: 12px;
text-align: center;
color: #fff;
box-shadow: 0 9px 18px rgba(0,0,0,0.12), 0 5px 7px rgba(0,0,0,0.05);
}
#customers-testimonials .item {
width: 100%;
padding: 20px;
margin-bottom:40px;
opacity: .2;
-webkit-transform: scale3d(0.8, 0.8, 1);
transform: scale3d(0.8, 0.8, 1);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#customers-testimonials .owl-item.active.center .item {
opacity: 1;
-webkit-transform: scale3d(1.0, 1.0, 1);
transform: scale3d(1.0, 1.0, 1);
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot.active span,
#customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span {
background: #FFCE43;
transform: translate3d(0px, -50%, 0px) scale(0.7);
}
#customers-testimonials.owl-carousel .owl-dots{
display: inline-block;
width: 100%;
text-align: center;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot{
display: inline-block;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot span {
background: #FFCE43;
display: inline-block;
height: 20px;
margin: 0 2px 5px;
transform: translate3d(0px, -50%, 0px) scale(0.3);
transform-origin: 50% 50% 0;
transition: all 250ms ease-out 0s;
width: 20px;
}
.overlay-container {
position: relative;
}
.overlay-image {
display: block;
width: 100%;
height: auto;
}
.overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0;
transition: .8s ease;
}
/* Desktop/Laptop hover effect */
.overlay-container:hover .overlay {
opacity: 1;
}
/* Mobile: always show overlay image */
@media (max-width: 768px) {
/* Hide the base image */
.overlay-container > a > img {
display: none;
}

/* Show overlay image permanently */
.overlay {
opacity: 1;
position: relative; /* remove absolute positioning so it flows normally */
}
}

.slider-wrapper {
overflow: hidden;
position: relative;
width: 100%;
}
.slider-wrapper .owl-carousel .owl-stage {
display: flex;
animation: scroll 50s linear infinite;
}
@keyframes scroll {
from {
transform: translateX(0);
}
to {
transform: translateX(-100%);
}
}
.owl-carousel .owl-item img {
width: 100%;
height: auto;
}