
#paraGrid li .textWrap h3{font-weight: 700}
#strapLine{opacity: 0.8}

@media only screen and (min-width: 1120px) {#paraGrid.threeIcons .imgWrap span.bgImg {   height: 60px; width: 60px;  }}


.home #carousel {margin-top: 60px;}
.home #carousel  li span.bgImg { 
height: 85px; margin-bottom: 10px;
background-size: contain; 
border-radius: 0px;
border: 0px solid white; 
}

.home #carousel h5 {
font-size: 1.1em;
margin: 10px auto;
font-weight: 600;
opacity: 1;
color: #9a577a;
}

@media only screen and (min-width: 1120px)  {
.home #content, .testimonials #content , .testimonialText {width: 900px; margin: 0 auto}
/*#content p, .testimonialText p{  text-align: justify;  text-justify: inter-word;}*/
}/*screen*/
/*#content p, .testimonialText p{  text-align: center}*/
.pageContent ul.tickList, ul.tickList {  margin: 20px 0px; /*font-size: 13.2px;*/}

#carousel .textWrap a.moreLink, #carousel a.moreLink{ border-radius: 99px}

.hasBanners #navMain ul li a:hover ,   #navMain ul li a:hover{text-decoration: underline}

/*#content  ul li ,	#paraGrid.alternate li .textWrap li, #paraGrid.alternateRounded li .textWrap li {display: list-item;  list-style: disc; margin:5px 0; } CLASH WITH IMAGE SLIDERS */

.landscape .imgWrap{ border-radius:6px;}


@media only screen and (max-width: 1120px)   {#content  ul li ,	#paraGrid.alternate li .textWrap li, #paraGrid.alternateRounded li .textWrap li { background-position: left  6px; } }

#content  ul.faqList li {	display: list-item;  list-style: none; background: none; padding-left: 0;}		 

#aboutQualifications{
	clear: both;
	border: 0px solid #9a577a;
	width: fit-content;
	margin: 30px auto 40px auto;
	padding: 20px 40px;
	border-radius: 10px;
	background-color: #9a577a;
	background-image: url(../images/about-qualifications.png); background-size: 50px auto; background-position: 98.5% 4%;;
}
#aboutQualifications * {color: #fff; font-size: 14.6px}
#aboutQualifications strong{font-size: 24px; padding-bottom: 10px; display: block; text-align: center}

#wordCloudHeadline{ text-align: center; margin: 10px auto; }

#wordCloudTags {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap:  6px 10px; 
margin: 0 auto 20px ;
}

#wordCloudTags span {
display: inline-block;
/*background: #fff;*/
text-align: center;
color: #1e293b;
border: 1px solid #e2e8f0;
border-radius: 9999px;
padding: 7px 14px;
font-size: 13.7px;
box-shadow: 0 1px 4px rgba(0,0,0,0.05);
transition: all 0.25s ease;
cursor: default;
font-weight: 400;z-index: 1
}

#wordCloudTags span:hover, #wordCloudTags span.active {
color: #fff; 
border: 1px solid transparent;
transform: scale(1.05);
box-shadow: 0 4px 10px rgba(37,99,235,0.25);
transition: background  1.5s; z-index: 99
}
#wordCloudTags span:hover{ background: #222}
/*#test{color:#006699}*/

 
/*.companyGrid {
  display: grid; margin: 20px auto ;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px;
  text-align: center;
}

 .companyGrid div {
  padding: 10px 12px;
  background: #fafafa;
  border: 1px solid #ececec;
  border-radius:10px;
  font-size: 13.7px;text-align: center;
  font-weight: 500;
  color: #1a1a1a;
  transition: all 0.25s ease;
  letter-spacing: 0.1px;
}

.companyGrid div:hover {
/*  background: #9a577a; color: #fff;
  border-color: #9a577a;
  transform: translateY(-3px);
  box-shadow: 0 8px 18px rgba(0,0,0,0.08);* /
}*/


#companyGrid { display:flex;margin:20px auto; width:100%;flex-wrap: wrap; flex-direction:row; justify-content: center;}
#companyGrid div{font-size: 14.2px; font-weight: 400; text-align: center ;border: 1px solid #e1e1e1; padding:  10px  10px ; border-radius: 10px;  width: 24.5%; margin: 0.25%; background: #fafafa}
#companyGrid div strong{ color: #222; font-size: 19px;}
@media only screen and (max-width: 1120px)   {#companyGrid div{width: 48%; margin: 0.5%; } }

#cvFees { display:flex;margin:20px auto; width:100%;flex-wrap: wrap; flex-direction:row; }
#cvFees p {font-size: 16px; border: 1px solid #e1e1e1; padding:  20px  10px ; border-radius: 16px;  width: 49.2%; background: #fafafa}
#cvFees p strong{ color: #222; font-size: 19px;}

.buttonFullLinkGray, a.buttonFullLinkGray, #content p a.buttonFullLinkGray{ display: block;border-radius: 99px; line-height: 30px; font-size: 13.6px;margin-top: 20px; clear: both; background-color: #555;}
.buttonFullLinkGray:hover, a.buttonFullLinkGray:hover, #content p a.buttonFullLinkGray:hover{ background: #000}

.testimonials #trustPilotLink, .testimonials #trustPilotLink:hover{ border-radius: 99px; padding: 8px 35px 8px 42px;  border: 3px solid #fff; background-image: url("../images/trustPilotLink.png"); background-position: 8px 50%;  background-size: 28px; text-decoration: none;display: block; width: fit-content; color: #fff; background-color: #333; font-size: 14.2px; font-weight: 600}
.testimonials #trustPilotLink:hover{ background-color: #000;}


#accreditations .accredImg {border-radius: 99px; margin-left: 10px; margin-right: 10px;}
#accreditations{ margin: 0 auto  0px auto; padding: 0}
#accreditations p{ margin-bottom: 40px;}
#accreditations p strong{ display: block}
