/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.btn_primary,.btn_secondary{
	cursor:pointer;
	text-decoration:none;

}
.btn_primary .btn_text{
	color: var(--e-global-color-text) !important;
}
.btn_primary:hover .btn_text{
	color:#fff !important;
}

.v-scroll {
	-webkit-animation: heroscroll 75s linear infinite;
	animation: heroscroll 75s linear infinite;
}
.type-hero-mockups:nth-child(odd) .v-scroll {
	animation-direction: reverse;
}
@keyframes heroscroll{
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	100% {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
}


.pr_box{
	cursor:pointer;
}
.pr_box:hover{
	background-color: var(--e-global-color-primary) !important;
}

.pr_box:hover .pr_icon_box{
	background-color: var(--e-global-color-secondary) !important;
}
.pr_box:hover h6{
	color:#fff !important;
}

.sr_box{
	cursor:pointer;
	transition: all .4s ease-in-out;

}
.sr_overlay{
	transition: all .4s ease-in-out;
}
.sr_box:hover .sr_overlay{
	transform: translatex(0);
}
/* Blogs Card Css */
.blog_card{
	transition: all .4s ease-in-out;
}
.blog_card:hover .blog_feature_img{
	transform: rotate(-15deg);
}

/* .type-post:nth-child(even) .blog_card_thumb{
background-image: linear-gradient(90deg, #525BA8 18%, #1E1B57 100%) !important;
}
.type-post:nth-child(even) .blog_category h4{
color:#fff !important;
}
.type-post:nth-child(even) .brand_logo_box {
background-image: url('/wp-content/uploads/2025/10/Witztopia.svg') !important;
} */


/* Pop-up Design Css */

.portfolio {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(48%, 1fr));
	gap: 20px;
	max-width: 1300px;
	margin: auto;
	font-family: "Gotham Rounded", Sans-serif;
}

.portfolio-item {
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.portfolio-item img {
	width: 100%;
	display: block;
	transition: transform 0.4s ease;
}

.portfolio-item:hover img {
	transform: scale(1.05);
}

/* Overlay */
.overlay {
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,0.5);
	opacity: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: opacity 0.4s ease, transform 0.4s ease;
	transform: scale(0.8);
}

.portfolio-item:hover .overlay {
	opacity: 1;
	transform: scale(1);
}

.overlay button {
	background: #1E1B5766;
	font-size:12px;
	color: #fff;
	border: none;
	padding: 10px 20px;
	font-weight: bold;
	cursor: pointer;
	border-radius: 100px;
	transition: background 0.3s ease;
	border:1px solid #fff;
}

.overlay button:hover {
	background: #1E1B57bd;
}

/* Popup */
.popup {
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,0.8);
	display: none;
	justify-content: center;
	align-items: center;
	z-index: 999;
}

.popup.active {
	display: flex;
}

.pop-img-box {
	width: 90%;
	margin: auto;
	max-height: 90vh;
	overflow-y: auto;        /* enable vertical scroll */
	overflow-x: hidden;      /* no horizontal scroll */
	text-align: center;
	border-radius: 10px;
	position: relative;

	/* Hide scrollbar (cross-browser) */
	scrollbar-width: none;    /* Firefox */
	-ms-overflow-style: none; /* IE & Edge */
}
.pop-img-box::-webkit-scrollbar {
	display: none; /* Chrome, Safari */
}

.pop-img-box img {
	width: 100%;
	height: auto;
	transform: translateY(0%);
	display: block;
	    max-width: 550px;
}

/* Scroll animation keyframes (real translate movement) */
@keyframes imageScroll {
	0% {
		transform: translateY(0%);
	}
	50% {
		transform: translateY(-65%);
	}
	100% 
	{
		transform: translateY(0%);
	}
}

.scroll-animate {
	
}

.close-btn {
	position: absolute;
	top: 25px;
	right: 30px;
	display:inline-block;
	background-color: var(--e-global-color-secondary);
	background-position: center;
	background-size: contain;
	height:28px;
	width:28px;
	color: #fff;
	cursor: pointer;
	transition: color 0.3s ease;
	z-index: 1000;
}




.val_cell:hover .val_head, .val_cell:hover .val_head *
,.val_cell:hover .val_desc, .val_cell:hover .val_desc *{
	color:#0F172A !important;
}

.val_cell:hover svg *{
	fill:#0F172A !important;
}

/*contact us*/
.contact_submit{
	width:214px !important;
	height:56px !important;
	display:flex;
	flex-direction:row;
	align-items:center:
}

/*
.contact_submit span{
height:fit-content;
display:inline-block;
margin-top:17px;
}

.contact_submit svg{}
*/

.contact_cb_wrap .mf-checkbox-option { width:50% !important;margin-bottom:32px; }

@media screen and (max-width:767px){
	.contact_cb_wrap .mf-checkbox-option { width:100% !important;margin-bottom:32px; }
	
	.pop-img-box {
		width:65%;
	}
	.close-btn {
	top: 18px;
	right: 20px;
	
}
	
}

.contact_msg textarea{ resize:none; }