/* 
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 */


.gradiant-text-style h6 { background: linear-gradient(90deg, #155DFC, #7F22FE) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent; }
.gradiant-text-style h1 span { background: linear-gradient(90deg, #155DFC, #7F22FE); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.play-icon-style { transform: translate(-50%, -50%); }

/* icon-box-style */    
.icon-box-style .elementor-icon-box-wrapper .elementor-icon-box-title, .number-box-style .elementor-icon-box-wrapper .elementor-icon-box-content .elementor-icon-box-title, .Institutional-icon-box-style-01 .elementor-icon-box-wrapper .elementor-icon-box-content .elementor-icon-box-title, .Institutional-icon-box-style-02 .elementor-icon-box-wrapper .elementor-icon-box-content .elementor-icon-box-title { margin: 0px; }
.icon-box-style .elementor-icon-box-wrapper .elementor-icon-box-icon .elementor-icon, .number-box-style .elementor-icon-box-wrapper .elementor-icon-box-icon .elementor-icon { background: linear-gradient(315deg, #DBEAFE 0%, #EDE9FE 100%); }
.Institutional-icon-box-style-01 .elementor-icon-box-wrapper .elementor-icon-box-icon .elementor-icon { background: linear-gradient(315deg, #EDE9FE 0%, #DDD6FF 100%); }
.Institutional-icon-box-style-02 .elementor-icon-box-wrapper .elementor-icon-box-icon .elementor-icon { background: linear-gradient(315deg, #F3E8FF 0%, #E9D4FF 100%); }
.number-box-style .elementor-icon-box-wrapper { justify-content: flex-end; gap: 10px !important; }
.number-box-style .elementor-icon-box-wrapper .elementor-icon-box-content { flex-grow: initial; width: 20%; }
.number-box-style .elementor-icon-box-wrapper .elementor-icon-box-content .elementor-icon-box-title span { opacity: 0.3; background: linear-gradient(315deg, #155DFC 0%, #7F22FE 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent; }
/* icon-box-style */

/* table-style */
.comparison-table { width: 100%; float: left; margin: 0px; border: none; font-family: Arial, Helvetica, system-ui, sans-serif; background: #fff; }
.comparison-table tr th { border: none !important; }
.comparison-table th, .comparison-table td { background: #fff !important; width: 33.333%; padding: 16px; text-align: center; border: none; color: #101828; font-weight: 500; }
.comparison-table thead th { text-align: center; }
.comparison-table td:first-child { text-align: left; border: none; }
.comparison-table thead th { font-weight: 400; color: #6b7280; border: none; }
.comparison-table .highlight { background: linear-gradient(90deg, #EFF6FF 0%, #F5F3FF 100%) !important; color: #2563eb; }
.comparison-table .check { background-color: #E5E7EB !important; }
/* table-style */

/* contact form style */
.wpcf7 { width: 100%; }
.wpcf7 .wpcf7-form .row { display: flex; flex-wrap: wrap; justify-content: center; }
.wpcf7 .wpcf7-form .col-6 { width: 50%; }
.wpcf7 .wpcf7-form .col-12 { width: 100%; position: relative; }
.wpcf7 .wpcf7-form .col-12 p, .wpcf7 .wpcf7-form .col-6 p { position: relative; width: 100%; }
.wpcf7 .wpcf7-form .recaptcha-style { display: flex; justify-content: center; align-items: center; }
.wpcf7 .wpcf7-form .btn-style { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.wpcf7 .wpcf7-form .form-row .wpcf7-form-control-wrap input { width: 100%; padding-left: 10px; height: 60px; color: #848484; background-color: #fff; outline: none; border: 1px solid #D8D8D8 !important; border-radius: 8px;}
.wpcf7 .wpcf7-form .form-row textarea.wpcf7-form-control { height: 140px; background-color: #fff; color: #848484; outline: none; padding: 10px; border-radius: 8px !important; border: 1px solid #D8D8D8 !important; }
.wpcf7 .wpcf7-form .btn-style p { display: flex; justify-content: center; position: relative; margin: 0px !important; }
.wpcf7 .wpcf7-form .form-row .wpcf7-form-control.form-btn { background-color: #7F22FE; color: #fff; font-size: 16px; border: 1px solid #E5E7EB; border-radius: 16px; width: 100%; padding: 15px 30px; }
.wpcf7 .wpcf7-form .form-row .wpcf7-form-control.form-btn:hover { color: #fff; }
/* .wpcf7 .wpcf7-form .form-row .wpcf7-not-valid-tip { margin-top: 15px; } */
.wpcf7 .wpcf7-form .form-row .wpcf7-spinner { position: absolute; top: 50%;; transform: translatey(-50%); right: 0px; background-color: #011c2b; }
.wpcf7 .wpcf7-form .wpcf7-response-output { width: 100%; color: #384afd; border-color: #228b49 !important; float: left; text-align: center; font-size: 14px; margin-top: 15px !important; border-radius: 10px; margin: 0; padding: 10px; }
/* contact form style */

@media only screen and (max-width: 991px) {
    .number-box-style .elementor-icon-box-wrapper { gap: 20px !important; }
}

@media only screen and (max-width: 767px) {
    .number-box-style .elementor-icon-box-wrapper { gap: 10px !important; }
    .number-box-style .elementor-icon-box-wrapper .elementor-icon-box-content { width: 10%; }
/* 	.wpcf7 .wpcf7-form .form-row .wpcf7-form-control-wrap input { height: 40px; } */
	.wpcf7 .wpcf7-form .form-row textarea.wpcf7-form-control { height: 100px; }
	.wpcf7 .wpcf7-form .btn-style p { margin-top: 10px; }
	.wpcf7 .wpcf7-form .btn-style { width: 100%; }
}