.elementor-6153 .elementor-element.elementor-element-a4dd96a:not(.elementor-motion-effects-element-type-background), .elementor-6153 .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-6153 .elementor-element.elementor-element-a4dd96a > .elementor-container{max-width:1440px;}.elementor-6153 .elementor-element.elementor-element-a4dd96a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-6153 .elementor-element.elementor-element-a4dd96a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6153 .elementor-element.elementor-element-13b2159 > .elementor-container{max-width:1440px;}.elementor-6153 .elementor-element.elementor-element-13b2159{margin-top:1%;margin-bottom:0%;}.elementor-6153 .elementor-element.elementor-element-26b8c49:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-6153 .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/2026/10/superglo.jpg");background-position:center center;background-size:cover;}.elementor-bc-flex-widget .elementor-6153 .elementor-element.elementor-element-26b8c49.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-6153 .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-6153 .elementor-element.elementor-element-26b8c49 > .elementor-element-populated, .elementor-6153 .elementor-element.elementor-element-26b8c49 > .elementor-element-populated > .elementor-background-overlay, .elementor-6153 .elementor-element.elementor-element-26b8c49 > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-6153 .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-6153 .elementor-element.elementor-element-26b8c49 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6153 .elementor-element.elementor-element-f23006a{--spacer-size:140px;}.elementor-6153 .elementor-element.elementor-element-3eb81b1:not(.elementor-motion-effects-element-type-background), .elementor-6153 .elementor-element.elementor-element-3eb81b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-6153 .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-6153 .elementor-element.elementor-element-3eb81b1 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6153 .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-6153 .elementor-element.elementor-element-9574f1b{margin-top:4%;margin-bottom:0%;}.elementor-bc-flex-widget .elementor-6153 .elementor-element.elementor-element-a3970c7.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-6153 .elementor-element.elementor-element-a3970c7.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-6153 .elementor-element.elementor-element-a3970c7 > .elementor-element-populated{margin:3% 3% 3% 3%;--e-column-margin-right:3%;--e-column-margin-left:3%;padding:0em 0em 0em 0em;}.elementor-6153 .elementor-element.elementor-element-67f3bd4 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:32px;font-weight:600;line-height:1.2em;letter-spacing:0.5px;color:var( --e-global-color-45e3f37 );}.elementor-6153 .elementor-element.elementor-element-f8fa27c{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:300;text-transform:none;line-height:2em;letter-spacing:-0.5px;color:var( --e-global-color-text );}.elementor-6153 .elementor-element.elementor-element-1b7545d > .elementor-widget-container{margin:0px 1px 0px 0px;}.elementor-6153 .elementor-element.elementor-element-1b7545d img{border-radius:10px 10px 10px 10px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-6153 .elementor-element.elementor-element-a3970c7{width:70%;}.elementor-6153 .elementor-element.elementor-element-f25eb76{width:30%;}}@media(max-width:1024px){.elementor-6153 .elementor-element.elementor-element-26b8c49:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-6153 .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-6153 .elementor-element.elementor-element-26b8c49 > .elementor-element-populated{padding:7em 0em 7em 0em;}.elementor-6153 .elementor-element.elementor-element-35458c8 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-6153 .elementor-element.elementor-element-67f3bd4 .elementor-heading-title{font-size:30px;}.elementor-6153 .elementor-element.elementor-element-f8fa27c{font-size:15px;}}@media(max-width:767px){.elementor-6153 .elementor-element.elementor-element-13b2159{margin-top:5%;margin-bottom:0%;}.elementor-6153 .elementor-element.elementor-element-26b8c49:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-6153 .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-6153 .elementor-element.elementor-element-26b8c49 > .elementor-element-populated{padding:0em 0em 2em 0em;}.elementor-6153 .elementor-element.elementor-element-3eb81b1{padding:3em 1em 3em 1em;}.elementor-6153 .elementor-element.elementor-element-67f3bd4 .elementor-heading-title{font-size:30px;}.elementor-6153 .elementor-element.elementor-element-f8fa27c{text-align:start;font-size:14px;}}/* 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 */