/* 
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 */
.page-content a{
	text-decoration: none;
}
header p {
	margin: 0;
}
.money:hover  h3{
    color: white !important;
}
.money:hover p{
    color: white !important;
}
.money .choose-icon:hover img{
    color: white !important;
}
.money .elementor-image-box-img:hover img{
    color: white !important;
}
.choosen-box:hover h3{
	color:white !important;
}
.choosen-box:hover p{
	color:white !important;
}
/* Base styles for the icon */
.elementor-icon-box-icon .elementor-icon {
    color: inherit; /* Ensures the color can be inherited or customized */
    transition: color 0.3s ease, fill 0.3s ease;
}

.elementor-icon-box-icon svg path {
    fill: inherit; /* Makes sure the fill is also customizable */
    transition: fill 0.3s ease;
}

/* Hover effect for the .choosen-box class */
.choose .choosen-box:hover .elementor-icon-box-icon .elementor-icon {
    color: rgb(35, 233, 28) !important; /* Sets the icon's color to blue */
}

.choose .choosen-box:hover .elementor-icon-box-icon svg path {
    fill: white !important; /* Fills the icon with white color */
}

.contact-form {
	background: #ffffff;
	padding: 20px;
	border-radius: 8px;   
}

.contact-form h2 {
	margin-bottom: 15px;
	font-size: 24px;
	color: #333;
	background: #f4f3f8;
}


.contact-data input,
.contact-data textarea {
	width: 100%;
	padding: 10px;
	border: 1px solid #f4f3f8;
	border-radius: 4px;
	outline: none  !important;
	background: #f4f3f8;
}
.contact-data textarea {
	resize: vertical;
	height: 180px;
}
.contact-data input:focus{
  border-color: #19D2E8;
}
.contact-data .submit-button{
	background: #033B52;
	color: #ffffff;
	display: inline-block;
	width: fit-content;
	padding: 16px 30px;
	font-size: 16px;
	font-weight: 400;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	transition: background 0.3s;
}
.contact-data .submit-button:hover {
	background: #19D2E8;
}
.form-container {
	display: flex;
	gap:15px;
}
.message-form{
	border-top-color:#04BDD8 !important;
}
.form-container .contact-data{
	flex: 1;
}
.counter-icon img:hover{
	-webkit-filter:invert(89%) sepia(72%) saturate(0%) hue-rotate(143deg) brightness(101%) contrast(104%);

    filter: grayscale(1) invert(1);
}
.vrpro-posts-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
.vrpro-posts-wrapper .thumbnail img {
    height: 260px;
    object-fit: cover;
    width: 100%;
}
.vrpro-posts-wrapper .title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 8px;
}
.vrpro-posts-wrapper .title a {
    color: #033b52;
    text-decoration: none;
}
.vrpro-posts-wrapper .description {
    color: #7a7a7a;
}
.vrpro-posts-wrapper .readmore {
    background-color: #033b52;
    text-decoration: none;
    color: #FFF;
    padding: 5px 20px;
    height: 35px;
    display: inline-block;
}
.vrpro-post .thumbnail .publish {
    position: absolute;
    left: 15px;
    top: 15px;
    background-color: #00cde5;
    padding: 0px 10px;
    color: #033b52;
}
.vrpro-post .thumbnail {
    position: relative;
}
.get-quote {
	height: 50px;
	width: 100%;
	max-width: 100%;
	display: inline-block;
	border: 2px solid #dfe3e7;
	background-color: #fff;
	font-size: 16px;
	color: #82828a;
	padding: 0 15px;
	border-radius: 5px;
	transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.get-quote:focus {
	border-color: #04BDD8 !important;
	outline: none;
}
.get-quote-button {
	height: 50px;
	background-color: #04BDD8;
	color: #ffffff;
	font-size: 18px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	transition: background-color 0.3s ease, transform 0.2s ease;
}

.get-quote-button:hover {
	background-color: #fff;
	color: #04BDD8;
	transform: scale(1.02);
}

.get-quote-button:active {
	background-color: #028a9f;
	transform: scale(0.98);
}

@media screen and (max-width:767px) {
	header .icon-box-mob-none .elementor-icon-box-content {
		display: none;
	}
	header .icon-box-mob-none .elementor-icon-box-icon {
		margin: 0;
	}
	header .icon-box-mob-none .elementor-icon-box-icon > span {
		display: flex;
	}
	.vrpro-posts-wrapper {
		grid-template-columns: repeat(1, 1fr);
	}

}