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

.e-far-lightbulb {
	fill:#1773cf;
}

.custom-section-three-icon-box {
	font-family: "Work Sans";
    display: flex;
	row-gap: 50px;
    flex-direction: column;
}

.custom-section-three-icon-box .icon-box-container {
	display:flex;
	column-gap:20px;
}

.custom-section-three-icon-box .text-box h2 {
	margin-top:0!important;
	margin-bottom:8px!important;
	line-height:1!important;
	font-size:20px;
	font-weight:700;
}

.custom-section-three-icon-box .icon-container-inner {
	background: #f6f7f8;
    padding: 5px 15px;
    height: fit-content;
    border-radius: 40%;
    vertical-align: middle;
    border: 1px solid #e2e8f0;
}

.custom-vertical-line {
  width: 1px;
  height: 85px;
  background: #dcdcdc;
  margin: auto;
  margin-top: 10px;
}

.custom-section-three-icon-box .icon-container-inner:hover {
    background: #1773cf;
    transition: background 300ms linear;
}

.custom-section-three-icon-box .icon-container-inner:hover svg path {
  stroke: white !important;
  fill: white !important;
  transition: stroke 300ms linear, fill 300ms linear;
}

.custom-home-info-box:hover svg path {
	stroke: #1773cf !important;
  	fill: #1773cf !important;
  	transition: stroke 300ms linear, fill 300ms linear;
}

.custom-home-selected-work {
	
}

  .arrow-icon {
    width: 24px;
    height: 24px;
    stroke: #ffffff;
    transition: stroke 0.3s ease;
    cursor: pointer; /* optional */
  }
  .arrow-icon:hover {
    stroke: #1773CF;
  }

.footer-social-links a {
	margin-bottom: 5px;
	display:inline-block;
}

.footer-email-contact-link a {
    text-decoration: underline;
    text-underline-offset: 16px;
    text-decoration-thickness: 1px;
    text-decoration-color: #78716c;
	display: flex;
    align-items: center;
    gap: 10px;
}

.home-selected-work .gallery-item img , .hero-section-img img  {
  filter: grayscale(100%);
  transition: filter 0.3s ease;
}

.home-selected-work .gallery-item img:hover , .hero-section-img img:hover {
  filter: grayscale(0%);
  transition: filter 0.3s ease;
}

.footer-social-links {
	display: flex;
    flex-direction: column;
    gap: 5px;
}

.footer-section-address , .footer-social-links a {
	color: #a8a29e!important; 
	font-size: 16px; 
	font-weight: 300;
}

.footer-social-links h2 {
	color: #fff; 
	font-weight: bold; 
	font-size: 20px;
}

.home-hero-section-main-heading h2 {
	font-size: 88px; 
	font-weight: 300;
}

.home-hero-section-main-heading span {
	font-weight: 600; 
	color: #64748bcc; 
	font-style: italic;
}

@media screen and (max-width: 767px) {
  .home-hero-section-main-heading h2 {
	font-size: 46px; 
	}
}

.custom-btn-explore-cases span.elementor-button-text {
	text-decoration: underline;
    text-underline-offset: 16px;
    text-decoration-thickness: 1px;
    text-decoration-color: #0F172A;
}

.custom-btn-explore-cases a.elementor-button {
	padding: 10px 20px;
}