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

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

.project-cont{ opacity: 0; transform: translateY(10px); transition: opacity 0.7s ease, transform 0.3s ease; overflow:hidden; }
.projects:hover .project-cont{ opacity: 1; transform: translateY(0); }
.project-btn:hover { transition: transform 1.3s ease; transform: rotate(45deg); }
.read-more-text { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; transition: all 0.3s ease; }
.read-more-text.expanded { -webkit-line-clamp: unset; overflow: visible; } 
.read-more-btn { display: inline-block; margin-top: 8px; font-weight: 600; color: #0073aa; cursor: pointer; text-decoration: underline; }
.read-more-wrap a { color: #F4E835 !important; text-decoration:underline !important; }
.services .service-cont { max-height: 0; overflow: hidden; transition: max-height 0.7s ease; }
.services h3{ transition: all 0.5s ease; }
.services:hover .service-cont { max-height: 500px; }
.services:hover h3{ text-align: left; margin-bottom:15px; }
.service-img { position: relative; }
.service-img::after { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.1); z-index: 1; border-top-right-radius: 80px; }
.service-img img { display: block; width: 100%; }
.accordions .ha-ia-content-wrapper { display: block !important; }
.accordions .ha-overlay .ha-ia-content-icon-title, .accordions .ha-overlay .ha-ia-content-description, .accordions .ha-overlay .ha-ia-content-button, 
.accordions .ha-overlay:hover .ha-ia-content-label{ display:none !important; }
.accordions .ha-overlay:hover .ha-ia-content-icon-title, .accordions .ha-overlay:hover .ha-ia-content-description, .accordions .ha-overlay:hover .ha-ia-content-button { display: block !important; } 
.ha-ia-item .ha-ia-content-label { writing-mode: vertical-rl; transform: translate(-50%, -50%) rotate(180deg); text-align: center; white-space: nowrap; position:absolute; top:50%; left:50%; }
.about-bg:after { content: ''; position: absolute; inset: 0; background: rgba(26, 35, 126, 0.05); z-index: -1; bottom:-20px; right:-20px; height:350px; top:auto;  }
.expertise ul{ color:#fff !important; }
.make figure.elementor-image-box-img { background: #fff; border-radius: 100px; }
.make:hover figure.elementor-image-box-img img{ filter: none; background: #fff; border-color:#1A237E; }
.make:hover h3, .make:hover p{ color: #fff !important; }





@media screen and (max-width: 1024px) {
	
.ha-ia-item .ha-ia-content-label {
    writing-mode: horizontal-tb;
    transform: translate(-50%, -50%);
}

@media screen and (max-width: 481px) {
     h1 { font-size: 30px !important; line-height: 34px !important; }
     h2 { font-size: 22px !important; line-height: 30px !important; }
     h4 { font-size: 14px !important; line-height: 18px !important; }
	.about-bg:after { height: 200px; right:0; }
	.img-box .elementor-image-box-wrapper { display: flex; }
		
}