.elementor-308 .elementor-element.elementor-element-a4dd96a:not(.elementor-motion-effects-element-type-background), .elementor-308 .elementor-element.elementor-element-a4dd96a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #D7D7D921 0%, var( --e-global-color-accent ) 100%);}.elementor-308 .elementor-element.elementor-element-a4dd96a > .elementor-container{max-width:1440px;}.elementor-308 .elementor-element.elementor-element-a4dd96a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-308 .elementor-element.elementor-element-a4dd96a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-308 .elementor-element.elementor-element-13b2159 > .elementor-container{max-width:1440px;}.elementor-308 .elementor-element.elementor-element-13b2159{margin-top:1%;margin-bottom:0%;}.elementor-308 .elementor-element.elementor-element-26b8c49:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-308 .elementor-element.elementor-element-26b8c49 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-49baa71 );background-image:url("https://gloalo.com/wp-content/uploads/2025/05/1.png");background-position:center center;background-size:cover;}.elementor-bc-flex-widget .elementor-308 .elementor-element.elementor-element-26b8c49.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-308 .elementor-element.elementor-element-26b8c49.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-308 .elementor-element.elementor-element-26b8c49 > .elementor-element-populated, .elementor-308 .elementor-element.elementor-element-26b8c49 > .elementor-element-populated > .elementor-background-overlay, .elementor-308 .elementor-element.elementor-element-26b8c49 > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-308 .elementor-element.elementor-element-26b8c49 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:8em 0em 8em 0em;}.elementor-308 .elementor-element.elementor-element-26b8c49 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-308 .elementor-element.elementor-element-f23006a{--spacer-size:140px;}.elementor-308 .elementor-element.elementor-element-3eb81b1:not(.elementor-motion-effects-element-type-background), .elementor-308 .elementor-element.elementor-element-3eb81b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-308 .elementor-element.elementor-element-3eb81b1{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:3em 1em 02em 1em;}.elementor-308 .elementor-element.elementor-element-3eb81b1 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-308 .elementor-element.elementor-element-35458c8 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:10px;}.elementor-308 .elementor-element.elementor-element-32ce727{text-align:center;}.elementor-308 .elementor-element.elementor-element-32ce727 .elementor-heading-title{font-family:var( --e-global-typography-cf3deda-font-family ), Sans-serif;font-size:var( --e-global-typography-cf3deda-font-size );font-weight:var( --e-global-typography-cf3deda-font-weight );text-transform:var( --e-global-typography-cf3deda-text-transform );font-style:var( --e-global-typography-cf3deda-font-style );text-decoration:var( --e-global-typography-cf3deda-text-decoration );color:var( --e-global-color-primary );}.elementor-308 .elementor-element.elementor-element-a7bba38{padding:2em 0em 0em 0em;}.elementor-308 .elementor-element.elementor-element-f83d161.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-308 .elementor-element.elementor-element-f83d161 > .elementor-element-populated >  .elementor-background-overlay{opacity:0.49;}.elementor-308 .elementor-element.elementor-element-f83d161 > .elementor-element-populated{border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-ff1a31f );transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:2% 2% 2% 2%;--e-column-margin-right:2%;--e-column-margin-left:2%;}.elementor-308 .elementor-element.elementor-element-f83d161 > .elementor-element-populated, .elementor-308 .elementor-element.elementor-element-f83d161 > .elementor-element-populated > .elementor-background-overlay, .elementor-308 .elementor-element.elementor-element-f83d161 > .elementor-background-slideshow{border-radius:5px 5px 5px 5px;}.elementor-308 .elementor-element.elementor-element-f83d161 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-308 .elementor-element.elementor-element-6ace8c6 img{border-radius:15px 15px 15px 15px;}.elementor-308 .elementor-element.elementor-element-61a9a5e{text-align:center;font-family:"Montserrat", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-308 .elementor-element.elementor-element-c59f319.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-308 .elementor-element.elementor-element-c59f319 > .elementor-element-populated >  .elementor-background-overlay{opacity:0.49;}.elementor-308 .elementor-element.elementor-element-c59f319 > .elementor-element-populated{border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-ff1a31f );transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:2% 2% 2% 2%;--e-column-margin-right:2%;--e-column-margin-left:2%;}.elementor-308 .elementor-element.elementor-element-c59f319 > .elementor-element-populated, .elementor-308 .elementor-element.elementor-element-c59f319 > .elementor-element-populated > .elementor-background-overlay, .elementor-308 .elementor-element.elementor-element-c59f319 > .elementor-background-slideshow{border-radius:5px 5px 5px 5px;}.elementor-308 .elementor-element.elementor-element-c59f319 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-308 .elementor-element.elementor-element-de057ab img{border-radius:15px 15px 15px 15px;}.elementor-308 .elementor-element.elementor-element-625a197{text-align:center;font-family:"Montserrat", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-308 .elementor-element.elementor-element-9c5351c.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-308 .elementor-element.elementor-element-9c5351c > .elementor-element-populated >  .elementor-background-overlay{opacity:0.49;}.elementor-308 .elementor-element.elementor-element-9c5351c > .elementor-element-populated{border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-ff1a31f );transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:2% 2% 2% 2%;--e-column-margin-right:2%;--e-column-margin-left:2%;}.elementor-308 .elementor-element.elementor-element-9c5351c > .elementor-element-populated, .elementor-308 .elementor-element.elementor-element-9c5351c > .elementor-element-populated > .elementor-background-overlay, .elementor-308 .elementor-element.elementor-element-9c5351c > .elementor-background-slideshow{border-radius:5px 5px 5px 5px;}.elementor-308 .elementor-element.elementor-element-9c5351c > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-308 .elementor-element.elementor-element-881ad2a img{border-radius:15px 15px 15px 15px;}.elementor-308 .elementor-element.elementor-element-482fc65{text-align:center;font-family:"Montserrat", Sans-serif;font-weight:400;color:var( --e-global-color-text );}.elementor-308 .elementor-element.elementor-element-c8d896f.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-308 .elementor-element.elementor-element-c8d896f > .elementor-element-populated >  .elementor-background-overlay{opacity:0.49;}.elementor-308 .elementor-element.elementor-element-c8d896f > .elementor-element-populated{border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-ff1a31f );transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:2% 2% 2% 2%;--e-column-margin-right:2%;--e-column-margin-left:2%;}.elementor-308 .elementor-element.elementor-element-c8d896f > .elementor-element-populated, .elementor-308 .elementor-element.elementor-element-c8d896f > .elementor-element-populated > .elementor-background-overlay, .elementor-308 .elementor-element.elementor-element-c8d896f > .elementor-background-slideshow{border-radius:5px 5px 5px 5px;}.elementor-308 .elementor-element.elementor-element-c8d896f > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-308 .elementor-element.elementor-element-3b8e098 img{border-radius:15px 15px 15px 15px;}.elementor-308 .elementor-element.elementor-element-9ba8fe9{text-align:center;font-family:"Montserrat", Sans-serif;font-weight:400;color:var( --e-global-color-text );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-308 .elementor-element.elementor-element-26b8c49:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-308 .elementor-element.elementor-element-26b8c49 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-308 .elementor-element.elementor-element-26b8c49 > .elementor-element-populated{padding:7em 0em 7em 0em;}.elementor-308 .elementor-element.elementor-element-35458c8 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-308 .elementor-element.elementor-element-32ce727 .elementor-heading-title{font-size:var( --e-global-typography-cf3deda-font-size );}}@media(max-width:767px){.elementor-308 .elementor-element.elementor-element-13b2159{margin-top:5%;margin-bottom:0%;}.elementor-308 .elementor-element.elementor-element-26b8c49:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-308 .elementor-element.elementor-element-26b8c49 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://gloalo.com/wp-content/uploads/2025/05/1.png");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-308 .elementor-element.elementor-element-26b8c49 > .elementor-element-populated{padding:0em 0em 2em 0em;}.elementor-308 .elementor-element.elementor-element-3eb81b1{padding:3em 1em 3em 1em;}.elementor-308 .elementor-element.elementor-element-32ce727 .elementor-heading-title{font-size:var( --e-global-typography-cf3deda-font-size );}}/* Start custom CSS for html, class: .elementor-element-4e1caf7 */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap');

/* Հիմնական բլոկ՝ սահմանափակված բարձրությամբ */
.gloalo-container {
    font-family: 'Montserraterrat', sans-serif; /* Montserrat ֆոնտ */
    background-color: #20BEC6;
    color: #fff; /* Բոլոր տեքստերը սպիտակ */
    padding: 20px 40px;
    border-radius: 38px;
    width: 95%;
    max-width: 1200px;
    margin: 0 auto; /* Կենտրոնացում */
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center; /* Բովանդակությունը ուղղահայաց կենտրոնացնելու համար */
    position: relative;
    margin-bottom: 20px;
}

/* Ձախ կողմի ձևավորում */
.gloalo-left {
    flex: 1;
    max-width: 50%;
    padding-right: 20px;
    margin-top: -30px;
}

.gloalo-left h1 {
    font-size: 40px;
    margin-bottom: 20px;
    color: #fff;
    font-family: 'Montserrat', sans-serif; /* Montserrat ֆոնտ */
    
}
.gloalo-left h3{
    font-size: 25px;
    margin-bottom: 20px;
    color: #fff;
    font-family: 'Montserrat', sans-serif; /* Montserrat ֆոնտ */
    font-weight: 600;
}

.gloalo-left h1 h2 h3 span {
    color: #fff; /* Gloalo բառի համար սպիտակ */
}

.gloalo-left .gloalo-buttons a {
    display: inline-block;
    margin: 10px 10px 10px 10px;
}

.gloalo-left .gloalo-buttons img {
    height: 50px;
    width: auto;
    transition: transform 0.3s;
}

.gloalo-left .scan-instruction {
    margin-top: 10px;
    font-size: 18px;
    font-weight: normal; /* Bold հանված */
    color: #fff;
    font-family: 'Montserrat', sans-serif; /* Montserrat ֆոնտ */
}

/* Աջ կողմի ձևավորում */
.gloalo-right {
    flex: 1;
    max-width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.phone-wrapper {
    position: relative;
    width: 300px; /* Հեռախոսի լայնությունը */
    height: 450px; /* Բլոկի բարձրությունը */
    overflow: hidden; /* Թաքցնում է ներքևի մասը */
}

.phone-image {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Կազմակերպում է պատկերը */
}

.qr-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 250px;
    height: auto;
}

/* Footer-ի ձևավորում */
.footer {
    background-color: #fff;
    padding: 20px;
    font-size: 14px;
    text-align: center;
    color: #000; /* Footer-ի տեքստը սև */
    border-top: 1px solid #ddd;
    font-family: 'Montserrat', sans-serif; /* Montserrat ֆոնտ */
}

.footer a {
    color: #20BEC6;
    text-decoration: none;
    margin: 0 5px;
}

.footer a:hover {
    text-decoration: underline;
}

/* Desktop-ի համար (1200px-ից մեծ էկրաններ) */
@media (min-width: 1200px) {
    .gloalo-container {
        max-width: 1200px;
        height: 400px;
    }

    .phone-wrapper {
        width: 300px;
        height: 380px;
    }

    .qr-overlay {
        width: 250px;
    }
}

/* Laptop-ի համար (1200px-ից փոքր, բայց 768px-ից մեծ էկրաններ) */
@media (max-width: 1200px) and (min-width: 768px) {
    .gloalo-container {
        max-width: 90%; /* Ամբողջ էկրանի 90% */
        height: auto; /* Բարձրությունը ադապտիվ */
        flex-wrap: nowrap; /* Բովանդակությունը շարքով */
    }

    .gloalo-left {
        max-width: 50%;
    }

    .gloalo-right {
        max-width: 50%;
    }

    .phone-wrapper {
        width: 250px; /* Հեռախոսի չափը փոքրացել է */
        height: 400px;
    }

    .qr-overlay {
        width: 200px; /* QR-ի չափը փոքրացել է */
    }
}

/* Tablet-ի համար (768px-ից փոքր, բայց 480px-ից մեծ էկրաններ) */
@media (max-width: 768px) and (min-width: 480px) {
    .gloalo-container {
        flex-wrap: wrap; /* Ձևափոխում է բովանդակությունը սյուների */
        height: auto; /* Բարձրությունը ավտոմատ */
        padding: 20px; /* Padding-ը նվազեցնում ենք */
    }

    .gloalo-left, .gloalo-right {
        max-width: 100%; /* Ձախ և աջ բլոկները 100% */
        text-align: center; /* Կենտրոնացնում ենք բովանդակությունը */
    }

    .gloalo-left h1 {
        font-size: 28px; /* Փոքր տառատեսակ */
    }

    .phone-wrapper {
        width: 200px; /* Հեռախոսի չափը նվազում է */
        height: 350px;
    }

    .qr-overlay {
        width: 150px; /* QR-ի չափը ևս նվազում է */
    }
}

/* Mobile-ի համար (480px-ից փոքր էկրաններ) */
@media (max-width: 480px) {
    .gloalo-container {
        flex-direction: column;
        padding: 32px 20px; /* equal top/bottom padding */
        height: auto;
    }

    .gloalo-left,
    .gloalo-right {
        max-width: 100%;
        text-align: center;
    }

    .gloalo-left {
        margin-top: 0; /* remove negative desktop offset */
        padding-right: 0;
    }

    .gloalo-left h1 {
        font-size: 24px;
        margin-top: 0;      /* remove 120px gap */
        margin-bottom: 12px;
    }

    .gloalo-left h3 {
        font-size: 18px;    /* smaller on mobile */
        line-height: 1.4;
        margin-bottom: 16px;
    }

    .gloalo-left .scan-instruction {
        font-size: 16px;
    }

    .phone-wrapper {
        width: 80%;
        height: 270px;
    }

    .phone-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .qr-overlay {
        width: 120px;
    }
}/* End custom CSS */