/* 
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 */
body{
	overflow-x: hidden;
}
.Icon_Box{height: 320px !important;}
.Icon_Box:hover{background-color: #2E3192;}
.Icon_Box:hover svg path,
.Icon_Box:hover span,
.Icon_Box:hover .elementor-icon-box-description{fill: white;color: white !important;}
 
.product_main_con .product_hover_con {opacity: 0;display: flex;justify-content: end;height: 460px;position: absolute;transition: opacity 0.4s ease;}
.product_tittle_con {transition: opacity 0.3s ease;}
.product_main_con:hover .product_hover_con {opacity: 1;}
.product_main_con:hover .product_tittle_con {opacity: 0;}
 
.box_icon svg {margin-top: 12px;}
.box_gellery img {width: 100%;height: 350px;object-fit: cover;}

 .box_main:hover {background-color: #2E3192 !important;}
.box_main:hover h2,
.box_main:hover p{color: white !important;}
 .box_main:hover .box_number{background-color: #E3E4FF !important;}
.box_main:hover .box_number h5{color: #2E3192 !important;}

.Testimonials_cont:hover {background-color: #2E3192 !important;}
 .Testimonials_cont:hover h4,
.Testimonials_cont:hover em,
.Testimonials_cont:hover .elementor-widget-text-editor  {color: white !important;}

.btn_color:hover {background-color: white;}
.btn_color:hover span,
.btn_color:hover svg path{color: #2E3192 !important;fill: #2E3192 !important;}
	.text_wrap .elementor-icon-list-text {
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: normal;
}

.text_wrap .elementor-icon-list-item a {
    align-items: flex-start;
}

.text_wrap .elementor-icon-list-icon {
    flex-shrink: 0;
}
	
@media (min-width: 1320px) and (max-width: 1519px) {
    .shape img {
        display: none !important;
    }
}
@media (min-width: 1620px) {
    .shape img {
        display: none !important;
        visibility: hidden !important;
    }
}