/*
Theme Name: Phoenix Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: phoenix
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Phoenix is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.7.1778586311
Updated: 2026-05-12 11:45:11

*/


.inputwrap {display: flex; gap: 20px;}
.inputwrap div {width: 50%;}
.formbtn {position: relative; margin-top: 30px;}
.formbtn p {margin-bottom: 0px;}
.formbtn .wpcf7-spinner {position: absolute; top: 10px;}
.wpcf7-response-output {background-color: #fff; text-align: center; font-family: "Lora", Sans-serif; font-size: 16px;   font-weight: 400; text-transform: none; font-style: italic; line-height: 1.3;}
.wpcf7-form textarea {font-family: "Lora", Sans-serif; font-size: 18px; font-weight: 400; text-transform: none; font-style: italic; line-height: 1.3; border-radius: 30px !important;}
.imgbox .elementor-image-box-img {width: 105px; height: 105px; border-radius: 100px; display: flex !important; align-items: center; justify-content: center; margin: auto !important; background-image: linear-gradient(220deg, #3B95DA 0%, #B33CD5 100%); padding: 10px;}
.imgbox .elementor-image-box-title {margin-top: 20px;}
.hoverboxwrap {position: relative;}
.hoverbox {
    transform: translateY(46%);
    transition: transform 0.5s ease-in-out;
}
.hoverbox::before {background-image: linear-gradient(220deg, #fff 0%, #fff 100%) !important; opacity: 1 !important;}
.hoverboxwrap:hover .hoverbox::before {background-image: linear-gradient(220deg, #3B95DA 0%, #B33CD5 100%) !important;  opacity: 0.8 !important;}
.hoverboxwrap h4 {color: #000 !important;}
.hoverboxwrap:hover h4 {color: #fff !important;}
.hoverboxwrap:hover .elementor-image-box-img {background-image: linear-gradient(220deg, #fff 0%, #fff 100%) !important;}
.hoverboxwrap .elementor-image-box-img img {filter: brightness(0) saturate(100%) invert(100%) sepia(4%) saturate(17%) hue-rotate(179deg) brightness(108%) contrast(104%);}
.hoverboxwrap:hover .elementor-image-box-img img {filter: brightness(0) saturate(100%) invert(51%) sepia(62%) saturate(5155%) hue-rotate(276deg) brightness(88%) contrast(104%);}
/* .hoverbox {transition: all 0.5s ease; height: 37%;} */
.hoverboxwrap:hover .hoverbox{transform: translateY(0);}
.hoverboxwrap:hover .imgbox{transform: translateY(-15px);}
.hoverboxwrap:hover .hoverbox p{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.bannerimg img {-webkit-mask-size: 100% 100% !important;}
.textgradient .elementor-heading-title {
	background: linear-gradient(
        90deg,
        #fff 0%,
        #fff 50%,
        #2edcfe 100%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.bannerbg::before {background-position: fixed !important;}
.boxcontain .e-con-inner {margin-right: 0px;}


@media only screen and (min-width: 768px) and (max-width: 1024px) {
.hoverbox {position: inherit !important;}
.hoverbox {transform: translateY(0%);}
.hoverboxwrap p {color: #000 !important;}
.imgbox .elementor-image-box-img {width: 90px; height: 90px; padding: 15px;}
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
.wpcf7-form textarea {font-size: 15px;}	
.inputwrap {gap: 10px;}
.hoverbox {position: inherit !important;}
.hoverbox {transform: translateY(0%);}
.hoverboxwrap p {color: #000 !important;}
.boxcontain .e-con-inner {margin-right: auto;}
.bannerimg img {-webkit-mask-image: none !important;}
}