/*
Theme Name: Connectium
Author: TejWebStudio
Author URI: http://tejwebstudio.com/
Description: The Connectium theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: connectium
*/

/**
 * 1.0 Reset
 *
 * Modified from Normalize.css to provide cross-browser consistency and a smart
 * default styling of HTML elements.
 *
 * @see http://git.io/normalize
 * ----------------------------------------------------------------------------
 */
@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Text:wght@400;500&display=swap');
/*
body,
html {
	margin: 0px;
	padding: 0px;
}

ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

.navbar-desktop {}

.navbar-desktop ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	width: 100%;
	justify-content: end;
	align-items: center;
}

.navbar-desktop ul li {
	margin: 0px 12px;
}

.navbar-desktop ul li a {
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 21px;
	letter-spacing: 0.01em;
	color: #3D4E66;
	font-family: 'Red Hat Text', sans-serif;
}

.request-quote a {
	background: #00AE3B;
	color: #fff !important;
	padding: 10px 20px;
	border-radius: 100px;
	width: 194px;
	height: 51px;
	text-align: center;
	line-height: 180% !important;
	letter-spacing: 0.01em !important;
	display: block;
	border: 1px solid transparent;
	transition-timing-function: linear;
	transition-duration: 400ms;
}

.request-quote a:hover {
	text-decoration: none;
	border: 1px solid #00AE3B;
	color: #00AE3B !important;
	background: transparent;
}

.head-main {
	padding: 24px 0px;
	background: #fff;
	z-index: 99;
	position: relative;
	box-shadow: 0px 24px 40px rgba(61, 78, 102, 0.08);

}

.callus-mobile {
	margin-left: 12px;
	border-left: 1px solid #2656A6;
}

.callus-mobile a {
	padding-left: 12px;
}

.callus-mobile a:hover {
	transform: inherit;
}

.request-quote:before {
	display: none;
}

.common-header {
	background: #fff;
	position: relative;
}

.common-header:after {
	content: '';
	background: url(images/shadow-web.png) no-repeat top center;
	width: 662px;
	height: 79px;
	display: block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -40px;
	max-width: 100%;
}

.footer-section {
	background: #2C3D55;
	color: #fff;
	padding: 62px 0%;
}

.social-list {
	padding: 0;
	list-style: none;
	margin: 15px 0px 0px 0px;
	display: inline-block;
	width: 100%;
}

.social-list li {
	display: inline-block;
	margin-right: 5px;
}

.social-list li a {
	display: block;
}

.footer-title {

	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 150%;


	letter-spacing: 0.01em;
	text-transform: capitalize;


	color: #66CF8A;
}

.our-services p {
	font-family: 'Red Hat Text', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 150%;
	letter-spacing: 0.01em;
	color: #FFFFFF;
	margin: 0;
}

.useful-links ul {
	padding: 0;
	list-style: none;
	margin: 0px;
}

.useful-links ul li a {
	font-family: 'Red Hat Text';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 150%;
	

	letter-spacing: 0.01em;



	color: #DADBDD;
}

.find-us address {
	max-width: 270px;
	font-family: 'Red Hat Text';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 150%;


	letter-spacing: 0.01em;



	color: #DADBDD;
}

.find-us address strong {
	font-weight: 400;
}

.footer-contact {
	display: inline-block;
	width: 100%;
}

.footer-contact li {
	display: inline-block;


}

.footer-contact li a {
	font-family: 'Red Hat Text', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 21px;
	letter-spacing: 0.01em;
	color: #FFFFFF;
	display: block;
	background: #00AE3B;
	border-radius: 100px;
	padding: 15px 32px;
	border: 1px solid transparent;
	transition-timing-function: linear;
	transition-duration: 400ms;
}

.footer-contact li a:hover {
	text-decoration: none;
	border: 1px solid #00AE3B;
	color: #00AE3B !important;
	background: #fff;
}

.footer-phone a {
	padding: 0px 10px;
}

.footer-email a {
	padding: 0px 15px;
}

@media screen and (max-width:767px) {
	.footer-contact li a {
		padding: 15px 10px;
	}

	.our-services p {
		font-size: 14px;
		line-height: 23px;
	}

	.footer-section .col-12 {
		margin-bottom: 10px;
	}

	.footer-contact li {
		display: inherit;
		background: #00AE3B;
		border-radius: 100px;
		padding: 0px 17px;
		max-width: 240px;
		margin: 0px auto 10px auto;

	}
}

.mobilemenu {
	padding: 0;
	position: relative;
}

.close-btn {
	float: right;
	margin-top: 23px;
	margin-right: 30px;
}

.mobile-topmenu #primary-menu {
	clear: both;
	padding: 20px 40px;
}

.mobile-topmenu #primary-menu li {
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.mobile-topmenu #primary-menu li:before {
	content: '';
}

.mobile-topmenu #primary-menu li a {
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: 26px;
	letter-spacing: 0.01em;
	color: #2C3D55;
	font-family: 'Red Hat Text', sans-serif;
	display: block;
}

.mobile-topmenu .request-quote a {
	font-size: 16px !important;
}

.custom-logo {
	max-width: 100%;
	height: auto;
}

.home .entry-header {
	display: none;
}

.home #testimonials-sliders {
	background: transparent;
	background: transparent;
	padding-left: 100px;
}

.home #testimonials-sliders .wpb_wrapper {
	max-width: 525px;
}

.sp-testimonial-free-section .slick-prev,
.sp-testimonial-free-section .slick-next {
	bottom: -160px;
}

.sp-testimonial-free-wrapper,
.slick-list {
	overflow: inherit !important;
}

.googlerating {
	z-index: 999;
}

.sp-testimonial-free-section .slick-prev,
.sp-testimonial-free-section .slick-next {
	bottom: -200px;
	margin-top: -14px;
	font-size: 20px;
	line-height: 32px;
	display: block;
	width: 32px;
	height: 32px;
	padding: 0;
	cursor: pointer;
	outline: none;
	position: absolute;
	text-align: center;
	z-index: 22;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	top: inherit !important;
}

.sp-testimonial-free-section .slick-next {
	right: 43% !important;
	transform: translateX(-43%) !important;
	border: none !important;
	color: #fff !important;
	background: none !important;
}

.sp-testimonial-free-section .slick-prev {
	left: 50% !important;
	transform: translateX(-50%) !important;
	border: none !important;
	color: #fff !important;
	background: none !important;
}

.wpsm_count-icon {
	display: none !important;
}

#wpsm_counter_b_row_85 .wpsm_counterbox {
	margin-top: 00px !important;
}

#error-message p {
	text-align: center;
	color: red;
}

.wpsm_count-title {
	display: none;
}

.wpsm_counterbox {
	text-align: left !important;
}

.wpsm_counterbox {
	margin: 0px !important;
}

.blogdtl-section h2 {}

.blog-data-section .user-image img {
	width: auto;
}

#home-blog .owl-nav {
	display: none;
}

.menu-service-menu-container li a {
	font-family: 'Red Hat Text';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 150%;

	letter-spacing: 0.01em;

	color: #DADBDD;
}

.menu-service-menu-container li a br {
	display: none;
}

.service-image-hover {
	height: 100% !important;
	z-index: 99;
	position: relative;
}

.blog-listing-section .thumbnail-img:before {
	content: '';
	background: rgb(44 61 85 / 50%);
	position: absolute;
	height: 100%;
	width: 100%;
	border-top-left-radius: 40px;
	border-top-right-radius: 40px;
	left: 0;
}

.blog-listing-section .thumbnail-img:hover:before {
	display: none;
}

.feature-image-box .feature-thumbnail-img:before {
	content: '';
	background: rgb(44 61 85 / 50%);
	position: absolute;
	height: 100%;
	width: 100%;
	border-top-left-radius: 40px;
	border-bottom-left-radius: 40px;
}

.feature-image-box .feature-thumbnail-img:hover:before {
	display: none;
}


#home-blog .image-box .thumbnail-img:hover:before {
	display: none;
}

@keyframes float {
	0% {
		transform: translatey(0px);
	}

	50% {
		transform: translatey(-20px);
	}

	100% {
		transform: translatey(0px);
	}
}

@keyframes up-down {
	from {
		transform: translatey(0px);
	}

	to {
		transform: translatey(-20px);
	}
}

.image-hoveranimation img {
	animation: float 5s ease-in-out infinite;
}

.about-imghover img {
	animation: up-down 1.4s infinite ease-in-out alternate;
}

@keyframes handfloat {
	0% {
		transform: translatey(0px);
	}

	50% {
		transform: translatey(-20px);
	}

	100% {
		transform: translatey(0px);
	}
}


.Meet-the-team-section::before,
.Meet-the-team-section::after {
	animation: handfloat 6s ease-in-out infinite;
}

.we-specialise-section:after {
	animation: handfloat 6s ease-in-out infinite;
}

.related-servicelist .after-light-blue-bg .small-box ul li {
	padding-left: 1rem;
}

.home .service-box-right .data-text {
	min-height: 72px;
	margin-top: 0;
}

.home .service-box-right ul {
	margin-bottom: 0 !important;
}

.page-id-7 .service-box-right .data-text {
	min-height: auto;
}

.page-id-7 .services-box-section .service-box-right ul {
	min-height: auto;
}

.single-service .service-singledetail p {
	font-size: 20px;
	line-height: 30px;
}

.single-service .service-list li {
	line-height: 35px;
}

#recommened-blog .blog-box-bottom {
	padding: 0px 20px 20px 20px;
	height: auto !important;
}

#recommened-blog .blog-box-bottom .gray-button {
	position: inherit !important;
}



.google-homepage_rating {
	background: url(https://connectium.co.uk/wp-content/uploads/2023/05/ratingbg.png) no-repeat top center;
	padding: 94px 0px;
	background-size: cover;
}

@media screen and (min-width:2000px) {
	.we-specialise-section {
		background-size: 100%;
		padding-bottom: 0px;
		height: 898px;
	}
}

@media screen and (min-width:2560px) {
	.we-specialise-section {
		height: 1133px;
	}

	.banner-left-box {
		padding: 10rem 0 360px 80px;
	}
}

.vc_custom_1685073338774 {
	padding: 0;
}

.Services-to-section .our-owl-carousels.owl-carouselsss.owl-theme {
	display: flex;
	justify-content: center;
	gap: 24px;
}

.Services-to-section .carousel-items {
	max-width: 327px;
}

.videoinfo {
	height: 100%;
	width: 100%;
	object-position: 2px 2px;
}


.menu-service-menu-container {
	max-width: 159px;
}*/