/* 
 Theme Name:   Hello Elementor Child 
 Theme URI:    https://si.barlowdevelopment.com/case-study/
 Description:  
 Author:       Tracy Barlow
 Author URI:   
 Template:     hello-elementor
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/

.section-boxes::after {
	content: "";
	position: absolute;
	width: 150px;
	height: 217px;
	background: #63BDA4;
	right: 0;
	top: 50px;
}
.section-boxes::before {
	content: "";
	position: absolute;
	width: 100px;
	height: 82px;
	right: 150px;
	top: 267px;
	background: #63BDA4;left: auto;
}
.testimonial-slider .swiper-slide{
	padding: 20px 34px
}
.testimonial-slider .swiper-slide, .testimonial-slider .swiper-slide p {
	font-size: 42px;
	line-height: 54px;
	font-style: italic;
}
.testimonial-slider .swiper-slide h4{
	margin-top: 25px;font-size: 14px;font-weight:700; font-style: normal;margin-bottom: 0;
}
.testimonial-slider .swiper-slide  .elementor-testimonial__title{ font-size: 14px; font-style: normal}
.author-info , .author-info p {
	line-height: 15px !important;
}
.testimonial-slider .swiper-button-next::after, .testimonial-slider .swiper-button-prev::after  , .partner-slider .swiper-button-next::after, .partner-slider .swiper-button-prev::after {
	font-family: swiper-icons;
	font-size: 17px;
}
.testimonial-slider .swiper-button-next, .testimonial-slider .swiper-button-prev , .partner-slider .swiper-button-next, .partner-slider .swiper-button-prev {
	color:#fff
}
.swiperpagi{
	position: absolute;
  top: 50%;
  width: 100%;
}
.testi-box:before {
	background-color: transparent;
	background-image: linear-gradient(180deg, #000000 30%, #63BDA4 100%);
	opacity: 0.69;
	transition: background 0.3s, border-radius 0.3s, opacity 0.3s;content: "";
}
.trusted-sec:before{
	background-color: transparent;
	background-image: linear-gradient(180deg, #000000 30%, #63BDA4 100%);
	opacity: 0.69;
	transition: background 0.3s, border-radius 0.3s, opacity 0.3s; content:"";

}
.trusted-sec .swiper-button-prev, .swiper-rtl .swiper-button-next {
	left: -2px;
	right: auto;
}
.about-boxes::after {
	content: "";
	position: absolute;
	width: 150px;
	height: 217px;
	background: #63BDA4;
	right: 0;
	bottom: 0px;
}
.about-boxes::before {
	content: "";
	position: absolute;
	width: 100px;
	height: 82px;
	right: 150px;
	bottom: -82px;
	background: #63BDA4;
	z-index: 999;
	left: auto;
	top: auto;
}
.inner-about:before {
	background-color: #000000;
	opacity: 0.5;
	transition: background 0.3s, border-radius 0.3s, opacity 0.3s;content:"";
}
.wp_project{
	padding: 120px 0 90px 0;
	background: url(https://sketchinsight.co.uk/wp-content/uploads/2026/07/Banner-Image.jpg);background-position: center center;
  background-size: cover;position: relative;
}
.wp_project h1 {
	font-family: "futura-medium", Sans-serif;
  font-size: 62px;
  font-weight: 500;
  line-height: 82px;
}
.project-content {background: #1E1E1E; padding: 100px 0px 115px 0px}
.wp_left_sec {
	margin-bottom: 20px;
}
.wp_one_info_sec p{
	font-size:21px; font-family: "futura-medium", Sans-serif;  font-weight: 500; line-height: 34px;
}
.can-we-help{
	background-color: #63BDA4;
	padding: 50px 0px 55px 0px; text-align: center
}
.can-we-help h2 {
	font-family: "futura-medium", Sans-serif;
  font-size: 42px;
  font-weight: 500;
  line-height: 55px;
}
.can-we-help a {
	border: 2px solid #fff !important;
	font-size: 22px;
	padding: 12px 24px !important;
	font-family: "futura-medium", Sans-serif;
	m-t: 20px !important;
	margin-top: 20px !important;
}

.portfolio-item a.port-thumb img , .homepage-projects a.port-thumb img{
	display: inline-block;
	width: 100%;
	max-height: 368px;
	object-fit: cover;margin-bottom: 20px;
}
.homepage-projects a.port-thumb img{ max-height: 233px;}
.portfolio-posts  {grid-template-columns: repeat(2,1fr);display: grid;grid-column-gap: 30px;
  grid-row-gap:35px;
}
.homepage-projects {grid-template-columns: repeat(3,1fr);display: grid;grid-column-gap: 30px;
  grid-row-gap:35px;
}
.portfolio-item h3 a , .homepage-projects h3 a{
font-family: "futura-medium", Sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 42px;color:#fff
}
.portfolio-pagination .page-numbers {
	border: 2px solid #000;
	font-size: 18px;
	padding: 5px 8px;
	font-weight: bold;
	color: #000;line-height: 20px;
}
.portfolio-pagination {
	display: flex;
	justify-content: center;
	gap: 15px;
}
.portfolio-pagination .page-numbers.current , .portfolio-pagination .page-numbers:hover{
	background: #000;
	color: #fff;
}
.portfolio-pagination .next.page-numbers ,.portfolio-pagination .prev.page-numbers{
	display: none;
}

.trusted-sec .swiper-pagination.swiper-pagination-clickable  , .new-trusted-sec .swiper-pagination.swiper-pagination-clickable{
	position: absolute;
	bottom: -58px;
}
.trusted-sec  .swiper-pagination-bullet , .new-trusted-sec  .swiper-pagination-bullet {
	width: 6px;
	height: 6px;
	display: inline-block;
	border-radius: 50%;
	background: #000;
	opacity: .2;margin: 0 6px;
}
.trusted-sec .swiper-pagination-bullet-active , .new-trusted-sec .swiper-pagination-bullet-active {
	opacity: 1;
	background: #000;
}
.partner-slider {
	padding: 20px 10px !important;
}
.left-tall-box::after {
	content: "";
	position: absolute;
	width: 150px;
	height: 217px;
	left: -30px;
	top: 100px;
	background: #63BDA4;
}
.testimonial-box::before {
	content: "";
	position: absolute;
	width: 150px;
	height: 147px;
	right: 150px;
	top: 217px;
	background: #63BDA4;
	z-index: 99;left: auto;
}
.testimonial-box::after {
	content: "";
	position: absolute;
	width: 150px;
	height: 217px;
	right: 300px;
	top: 0px;
	background: #63BDA4;
}
.inner-testi:before {
	background-color: transparent;
	background-image: linear-gradient(180deg, #000000 30%, #63BDA4 100%);
	opacity: 0.69;
	transition: background 0.3s, border-radius 0.3s, opacity 0.3s;content:"";
}
.what-sec:before {
	background-color: #000000;
	opacity: 0.25;
	transition: background 0.3s, border-radius 0.3s, opacity 0.3s;content:""
}
.about-boxes.news-sec::before {
	content: "";
	position: absolute;
	width: 100px;
	height: 82px;
	right: 150px;
	bottom: -0px;
	background: #63BDA4;
	z-index: 999;
}
.news-post .hfe-post-image img {
	min-height: 233px;
	object-fit: cover;
}
.portfolio-posts.news-posts {
	grid-template-columns: repeat(3,1fr);
}
.portfolio-item a.port-thumb img {
	min-height: 368px;
	object-fit: cover;
}
#wpcf7-f1023-p27-o1 {
	display: inline-block;
	width: 100%;
}
.wpcf7 input , .wpcf7 textarea {
	padding: 6px 10px;
	height: 38px;
	border: 1px solid #ccc;
	border-radius: 2px;
	font-size: 16px;
}
.wpcf7 textarea {height: 120px;}
.wpcf7 .wpcf7-form-control.wpcf7-submit.has-spinner {
	font-family: "futura-medium", Sans-serif !important;
	font-weight: 500 !important;
	font-size: 22px !important;
	line-height: 29px !important;
	border: none !important;
	color: #FFF !important;
	padding: 12px 34px !important; height: auto !important
}
.wp_case_study {
	margin-top: 40px;
	margin-bottom: 30px;
}
.wp_case_study h1.entry-title {
	font-size: 52px;
	font-weight: 600;
	line-height: 82px;
	color: #000;font-family: Segoe UI;
}
.wp_two_block_sec {
	display: inline-block;
}
.wp_one_info_sec {
	display: block;
	width: 100%;
	float: none;
	font-size: 24px;
	margin: 15px 0px 30px;
}
.wp_table_main {
	border: 1px solid #ddd;
	margin-bottom: 70px;
}
.wp_table_main {
	border: 1px solid #ddd;
	font-size: 21px;
	display: inline-block;
}
.wp_two_block_sec .wp_left_sec {
	width: 50%;
	float: left;
	margin-right: 2%;
}
.wp_right_sec {
	width: 48%;
	float: left;
}
.wp_client_name {
	font-size: 24px;
	font-weight: 500;
	color: #000;
}
.wp_client_name {
	margin-top: -10px;
}
.wp_project_length {
	font-size: 24px;
	font-weight: 500;
	color: #000;
}
.wp_client_name span {
	font-weight: 700;
}
.wp_project_length span {
	font-weight: 700;
}
.type-case_study .wp_one_info_sec p {
	color: #000;
	font-family: Segoe UI;
	font-size: 24px;
}
.wp_table_inner {
	border-bottom: 1px solid #ddd;
	display: flex;
	width: 100%;
}
.wp_table_inner .wp_table_left {
	width: 50%;
	float: left;
	border-right: 1px solid #ddd;
	padding: 20px 30px;
}
.wp_table_inner .wp_table_right {
	width: 50%;
	float: right;
	padding: 20px 30px;
}
.wp_table_main h4 {
	font-weight: 600;
	color: #000;font-family: Segoe UI;
}
.wp_table_inner p {
	color: #000;font-family: Segoe UI;
}
.wp_table_inner ul {
	padding-left: 20px;
}
.wp_table_main  li {
	color: #000;font-family: Segoe UI;
}
@media (max-width:1024px){
	.testimonial-slider .swiper-slide, .testimonial-slider .swiper-slide p {
	font-size: 35px;
	line-height: 45px;
	font-style: italic;
}
.homepage-projects {
	grid-template-columns: repeat(3,1fr);
}
.homepage-projects a.port-thumb img {
	max-height: 153px;
}
.portfolio-item h3 a, .homepage-projects h3 a {
	font-family: "futura-medium", Sans-serif;
	font-size: 28px;
	font-weight: 500;
	line-height: 38px;
	color: #fff;
}
.left-tall-box::after {
	z-index: -1;
}
.testimonial-box::before {
	z-index: 1;
	left: auto;
}
.section-boxes::before {
	z-index: -1;
}
.section-boxes::after {
	display: none;
}
.portfolio-item a.port-thumb img, .homepage-projects a.port-thumb img {
	max-height: 254px;
}

.testimonial-box::before ,.testimonial-box::after  {
	display:none;
}
.portfolio-posts.news-posts {
	grid-template-columns: repeat(2,1fr);
}
.page-id-28 .about-boxes::after {
	content: "";
	position: absolute;
	width: 150px;
	height: 217px;
	background: #63BDA4;
	right: 0;
	bottom: 0px;
}
.single .page-header .entry-title , body:not([class*="elementor-page-"]) .site-main {
	max-width: 98% !important;
}
.hfe-nav-menu__breakpoint-tablet .hfe-active-menu.hfe-active-menu-full-width + .hfe-nav-menu__layout-horizontal, .hfe-nav-menu__breakpoint-tablet .hfe-active-menu.hfe-active-menu-full-width + .hfe-nav-menu__layout-vertical {
	position: absolute;
	z-index: 9;
}
}
@media (max-width: 991px) {
  .wp_case_study h1.entry-title {
    font-size: 32px;
    font-weight: 600;
    line-height: 48px;
  }
}
@media (max-width:767px){
	.testimonial-slider .swiper-slide, .testimonial-slider .swiper-slide p {
	font-size: 18px;
	line-height: 24px;
	font-style: italic;
}
.homepage-projects {
	grid-template-columns: repeat(1,1fr);
}
.about-boxes::after, .about-boxes::before {
	display: none;
}
.portfolio-posts , .portfolio-posts.news-posts {
	grid-template-columns: repeat(1,1fr);
}
.wp_project h1 {
	font-family: "futura-medium", Sans-serif;
	font-size: 28px;
	font-weight: 500;
	line-height: 1.3em;
}
.project-content {
	background: #1E1E1E;
	padding: 50px 30px 50px 30px;
}
.about-boxes::before {
	content: "";
	position: absolute;
	width: 50px;
	height: 50px;
	right: 50px;
	bottom: -50px;
	background: #63BDA4;
	z-index: 999;
}
.about-boxes::after {
	content: "";
	position: absolute;
	width: 50px;
	height: 80px;
	background: #63BDA4;
	right: 0;
	bottom: 0px;
}
.wp_two_block_sec .wp_left_sec {
	width: 100%;
	float: left;
	margin-right: 0;
}
.wp_right_sec {
	width: 100%;
	float: left;
	margin-top: 20px;
}
.wp_table_inner {
	border-bottom: 0px solid #ddd;
	display: block;
	width: 100%;
}
.wp_table_inner .wp_table_left {
	width: 100%;
	float: none;
	border-right: 0px solid #ddd;
	padding: 20px 30px;
	border-bottom: 1px solid #ddd;
	display: inline-block;
}
.wp_table_inner .wp_table_right {
	width: 100%;
	float: right;
	padding: 20px 30px;
	border-bottom: 1px solid #ddd;
}
}