/*
Theme Name: Brooklyn Child
Theme URI: http://www.unitedthemes.com
Description: Creative Portfolio
Version: 4.9.5
Author: United Themes
Author URI: http://www.unitedthemes.com
Template: brooklyn
*/

.home #header-section.ut-primary-custom-skin {
	background-color: rgb(255, 255, 255) !important;
}

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

.service_row, .case-study-row {
	display: flex;
	flex-wrap: wrap;
	justify-content: center; 
	align-items: stretch;
}

.service_row .service-col {
	flex: 33.33%;
	padding: 10px;
	max-width: 33.33%;
	height: inherit;
	display: flex;
}

@media (min-width: 768px) and (max-width: 1024px) {
	.service_row .service-col {
		flex: 50%;
		padding: 15px;
		max-width: 50%;
		height: inherit;
	}

}

@media (max-width: 767px) {
	.service_row .service-col {
		flex: 100%;
		padding: 20px;
		max-width: 100%;
	}
}

.single_service_box {
	padding: 20px;
	border: 1px solid #acacac;
	display: block;
/* 	border-radius: 5px; */
	overflow: hidden !important;
	position: relative;
}

.single_service_box .service-data {
	color: #000 !important;	
}

.single_service_box .service-top {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.single_service_box .service-top > * {
	display: inline-block;
}

.single_service_box .service-icon {
	width: auto;
	margin-right: 20px;
/* 	border: 1px solid #ccc; */
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	position: relative;
}

.single_service_box .service-icon img {
	max-width: 100%;
	height: 120px;
	object-fit: contain;
/* 	padding: 10px; */
}

.single_service_box .service-title {
	margin: 5px 0 !important;
	font-size: 24px;
}

.single_service_box .sub-heading {
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
	margin-bottom: 7px;
}

@keyframes slideLeft {
	from {
		margin-left: -10%;
	  }
	  to {
		margin-left: 0%;
	  }
}

/* .single_service_box:hover:after {
	content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 10px;
    background: #000000b3;
    left: 10px;
    border-radius: 10px;
    z-index: -1;
	animation: slideLeft 0.3s ease-in-out;
} */

.single_service_box:hover {
	box-shadow: 8px 8px 2px #000;
	transition: 0.3s ease-in-out;
}

.case-study-row .cs-col {
	flex: 50%;
	padding: 25px;
	max-width: 50%;
	height: inherit;
	display: flex;
}

@media (max-width: 768px) {
	.case-study-row .cs-col {
		flex: 100%;
		max-width: 100%;
		padding: 20px;
	}
}

.single-case-study {
	border: 1px solid #acacac;
	display: block;
	border-radius: 5px;
	width: 100% !important;
	position: relative;
}

.case-study-img {
	width: 100% !important;
	height: 320px;
	overflow: hidden !important;
}

.case-study-img img {
	width: 100%;
	height: 320px !important;
	object-fit: cover;
}

.single-case-study:hover .case-study-img img {
	transform: rotate(-5deg) scale(1.18);
	transition: 0.3s ease-in-out !important;
}

.single-case-study .case-data {
	padding: 20px 20px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.single-case-study .cs_excerpt{
	padding: 20px;
}

.single-case-study .case-data h3 {
	margin: 0 !important;
}

.single-case-study .read-more-btn {
	padding: 10px;
	border-radius: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 45px;
	-webkit-transition: width 0.3s ease-in-out;
    -moz-transition: width 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
}

.single-case-study .read-more-btn .btn-text {
	width: 0 !important;
	display: none;
	overflow: hidden !important;
	white-space: nowrap;
	-webkit-transition: width 0.3s ease-in-out;
    -moz-transition: width 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
}

.single-case-study .read-more-btn .btn-icon {
	background: #fff;
	height: 25px;
	width: 25px;
	border-radius: 50%;
	display: inline-block;
	-webkit-transition: width 0.3s ease-in-out;
    -moz-transition: width 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
}

.single-case-study .read-more-btn .btn-icon i {
	color: #000;
}

.single-case-study:hover .read-more-btn .btn-text {
	width: 100% !important;
	animation: slideLeft 0.5s ease-in-out;
	display: inline-block;
}

.single-case-study:hover .read-more-btn {
	width: 170px;
}

.single-case-study:hover .read-more-btn .btn-icon {
	width: 30px !important;
}

.single-case-study .categories {
	position: absolute;
	max-width: 50%;
	top: 10px;
	right: 10px;
	left: auto;
	z-index: 1;
}

.single-case-study .categories .cat {
	margin-right: 8px;
	margin-bottom: 5px;
	padding: 5px 8px;
	background: #fff;
	border-radius: 3px;
	display: inline-block;
	box-shadow: 0 0 5px #ddd;
}

@media (max-width: 768px) {
	.footer .ut-footer-area-content{
      padding-bottom: 0px !important;
      padding-top: 0px !important;
	}
	
	.hero-title {
		font-size: 45px !important;
	}
}
	

.single.single-service .entry-content > .vc_row.vc_row-fluid, .single.single-service .vc_section > .vc_row.vc_row-fluid {
	padding-left: 281.5px !important;
	padding-right: 281.5px !important;
	padding-top: 0px !important;
}

@media (min-width: 1025px) and (max-width: 1300px) {
	.single.single-service .entry-content > .vc_row.vc_row-fluid, .single.single-service .vc_section > .vc_row.vc_row-fluid {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
}

.custom-icon-box {
	padding: 15px !important;
	/*border: 1px solid #ccc !important;*/
	display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	transition: 0.3s ease-in-out;
	cursor: pointer;
}
/*
.custom-icon-box:hover {
	box-shadow: 3px 5px 10px #ccc;
}

.custom-icon-box:hover .ut-highlight-icon {
	background: #6b6bfc !important;
}

.custom-icon-box:hover .ut-highlight-icon:after {
	box-shadow: 0 0 0 4px #6b6bfc !important;
}
*/
.custom-icon-wrapper .vc_column-inner {
	height: 100% !important;
}

.custom-icon-wrapper .vc_column-inner > .wpb_wrapper{
	display: flex !important;
	height: inherit !important;
}

.custom-icon-wrapper .vc_column-inner > .wpb_wrapper > .wpb_content_element {
	display: flex !important;
/* 	height: inherit !important; */
}

.single-service .main-content-background , .single-case-study .main-content-background {
	padding-top: 0 !important;
}

#header-section.ut-secondary-custom-skin .grid-container {
	background: #fff !important;
}

.tnp.tnp-subscription {
	margin: 0 auto !important;
	text-align: center !important;
}

.tnp.tnp-subscription label {
	font-size: 18px !important;
}

.tnp-subscription input {
	font-family: "Poppins" !important;
}

.tnp-field-button {
	display: flex !important;
	justify-content: center !important;
}

.tnp-email {
	margin: 20px 0 !important;
}

.tnp-field-button .tnp-submit {
	background: #2948ff !important;
	padding: 10px 45px !important;
}
.newsetter h2 {
	color: #fff !important;
	
}
.newsetter p {
	color: #fff !important;
	font-size: 18px;
	
}
.design-process {
	
	border-radius: 50% !important;
	height: 200px;
	
}
.design-process:before {
    content: '';
    width: 250px;
    height: 250px;
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
}
.design-process .ut-animated-image-item {
	 position: absolute;
    z-index: 3;
    top: 74px;
    left: 50%;
	Width: 100%;
    transform: translateX(-50%);
}
.design-process-1:before{
background: linear-gradient(45deg, rgba(200,231,252,0) 0%, rgba(200,231,252,0.7567401960784313) 100%) !important;
	
}

.design-process-2:before{
	background: linear-gradient(45deg, rgba(130,231,164,0) 0%, rgba(130,231,164,0.75) 100%) !important;
}
.design-process-3:before{
	background: linear-gradient(45deg, rgba(219,167,179,0) 0%, rgba(219,167,179,0.7483368347338936) 100%) !important;
}
.design-process-4:before{
	background: linear-gradient(45deg, rgba(72,223,233,0) 0%, rgba(72,223,233,0.75) 100%) !important;
}
.design-process-5:before{
	background: linear-gradient(45deg, rgba(250,224,127,0) 0%, rgba(250,224,127,0.75) 100%) !important;
}
.design-process-6:before{
	background: linear-gradient(45deg, rgba(204,161,206,0.00043767507002800965) 0%, rgba(204,161,206,0.75) 100%) !important;
}
@media (max-width: 768px){
	.design-process .vc_icon_element-inner{
		left: 32%;
	}
}

.testimonial .single-item-wrapper .profile-img-wrapper{
	width: 100px !important;
}
.testimonial h3{
	text-align: left !important;
	color: #000000 !important;
	font-weight: bold !important;
}
.testimonial .author-bio{
	text-align: left !important;
	color: #00000094
	font-weight: bold !important;
}
.testimonial .tss-wrapper .tss-carousel3 .item-content-wrapper {
    background: #f8f8f800 !important;
	padding: 0px !important;
	color: #00000094 !important;
}
.testimonial .tss-wrapper .tss-carousel3 .item-content-wrapper:before{
	content: '' !important;
}
.service_section{
	z-index: 4 !important;
}

@media (min-width: 1024px) {
	.single.single-case-study .cs-content p, .single.single-case-study .cs-content li {
		font-size: 18px !important;
	}
	
	.single.single-case-study .cs-content h2 {
		font-size: 38px !important;
	}
}

.hero-subtitle {
	display: block;
	font-size: 50px;
	color: #fff;
	margin-top: 40px;
}

@media (max-width: 1024px) {
	.design-process {
		height: 170px !important;
	}
	
	.design-process:before {
		width: 170px;
		height: 170px;
	}
	
	.design-process .ut-animated-image-item {
		top: 35px !important;
	}
	.custom-hero-bg {
		background-size: cover !important;
	}
}

.testimonial .single-item-wrapper {
	padding: 30px;
    background: #f3f3fe;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
	flex-direction: column;
	text-align: center;
}

.testimonial .single-item-wrapper .author-name {
	color: #5252fa !important;
}

.hover-color-img img {
	filter: grayscale(100%);
}

.hover-color-img:hover img {
	filter: none !important;
	transition: 0.3s ease-in-out;
}

@keyframes zoom-out {
	from {
		background-size: 100% auto;
	}
	to {
		background-size: 108% auto;
	}
}