/*

Theme Name: Ccity Hello Elementor Child

Theme URI: https://github.com/elementor/hello-theme/

Description: Hello Elementor Child is a child theme of Hello Elementor, created by CyberCity 

Author: CyberCity

Author URI: https://cybercity.co.il/

Template: hello-elementor

Version: 1.0.1

Text Domain: cybercity-hello-elementor-child

License: GNU General Public License v3 or later.

License URI: https://www.gnu.org/licenses/gpl-3.0.html

*/

/* */
@import url("../hello-elementor/style.css");


.goldBG, .form-btn-gold button, .gold-a a, .menu-line-gold .elementor-item:after{
    background: linear-gradient(90deg, var(--e-global-color-0607014)  0%, var(--e-global-color-3682610) 50%, var(--e-global-color-0607014)  100%) !important;
}

.bcGoldBG{
    background: linear-gradient(to right, #00000000, #e8b573, #00000000) !important;
}

.btn-33 button{
    width: 33%;
}
.a-33{
    width: 60%;
}

.center-accept .elementor-field-type-acceptance{
    justify-content: center;
}

.white-version .text-color-change a,
.white-version .text-color-change h2{
  color: var(--e-global-color-4859196) !important;
}
.black-version .text-color-change a,
.black-version .text-color-change h2 {
  color: var(--e-global-color-text) !important;
}

.black-version .title-color-change h2{
    color: var(--e-global-color-0607014) !important;
}

.left-arrow svg{
    font-size: 10px;
    padding-top: 2px
}

.agents-areas-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin: 10px 0;
}

.agent-area-btn {
  border: 1px solid var(--e-global-color-bb1ae19);
  min-width: 150px;
  text-align: center;
  background-color: #F4F9FD;
  padding: 5px 10px;
  color: var(--e-global-color-bb1ae19) !important;
  text-decoration: none;
  font-weight: 500;
}
.agent-area-btn::before{
    content: "סניף";
}

.agent-area-btn:hover,
.agent-area-btn.active {
    background: linear-gradient(90deg, #152531 -12.24%, #557F9E 49.9%, #152531 112.05%);
    color: var(--e-global-color-43c4bb5) !important;
    border-color: transparent;
}

.featured-inline-wrap img.featured-inline {
    float: left;
    margin: 10px;
    max-width: 50%;
}

.project_status_pach{
    transform: rotate(-45deg);
    background: linear-gradient(90deg, var(--e-global-color-0607014)  0%, var(--e-global-color-3682610) 50%, var(--e-global-color-0607014)  100%) !important;
}

.project_status_pach_done{
    transform: rotate(-45deg);
    background: var(--e-global-color-bb1ae19) !important;
}

.project_status_pach_done h2{
    color: var(--e-global-color-4859196) !important;
}

.custom-repeter{
    transition: transform 0.3s ease-in-out;
}

.custom-repeter:hover{
    transform: scale(1.05);
}

.custom-repeter i{
    padding: 10px;
    min-width: 50px;
    text-align: center;
}

.custom-repeter .fa{
    color: var(--e-global-color-0607014);
}

.custom-repeter .fa-file-word-o{
    color: #103F91;
}
.custom-repeter .fa-file-pdf-o{
    color: #F40F02;
}

.sentencesForScreen{
    font-family: var(--e-global-typography-537d188-font-family), Sans-serif;
    font-size: var(--e-global-typography-537d188-font-size);
    font-weight: var(--e-global-typography-537d188-font-weight);
    color: var(--e-global-color-4859196);
}

.elementor-widget-n-tabs .e-n-tab-title{
    flex-basis:unset !important;
}
.e-n-tabs-heading button{
    width: calc(16.66% - 10px) !important;
    
}

/* קובע גובה קבוע לאיזור התמונה הראשית */
.jet-woo-product-gallery .jet-woo-product-gallery__image {
    height: 50vh;           /* תחליט גובה – תנסה 200–260px */
    max-height: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

/* התמונה עצמה – שומרת על פרופורציה ולא מצטמקת לרוחב */
.jet-woo-product-gallery .jet-woo-product-gallery__image img {
    width: 100%;
    height: auto;
    object-fit: contain;
}




@media only screen and (max-width: 1024px) {
    .a-33{
        width: 80% !important;
    }  
}


@media only screen and (max-width: 767px) {
    .btn-33 button, .a-33{
        width: 100% !important;
    }
    
    .agent-area-btn {
        flex: 1 1 calc(50% - 10px);
    }  
    
    .featured-inline-wrap img.featured-inline {
        float: left;
        margin: 0px;
        max-width: 100%;
    }
    
    .e-n-tabs-heading button{
        width: 100% !important;

    }
}