.elementor-414 .elementor-element.elementor-element-d6187a0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--padding-top:10%;--padding-bottom:10%;--padding-left:0%;--padding-right:0%;}.elementor-414 .elementor-element.elementor-element-d6187a0:not(.elementor-motion-effects-element-type-background), .elementor-414 .elementor-element.elementor-element-d6187a0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://theptamtphcm.com/wp-content/uploads/2026/08/banner-lien-he-gap.jpg");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-414 .elementor-element.elementor-element-d6187a0::before, .elementor-414 .elementor-element.elementor-element-d6187a0 > .elementor-background-video-container::before, .elementor-414 .elementor-element.elementor-element-d6187a0 > .e-con-inner > .elementor-background-video-container::before, .elementor-414 .elementor-element.elementor-element-d6187a0 > .elementor-background-slideshow::before, .elementor-414 .elementor-element.elementor-element-d6187a0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-414 .elementor-element.elementor-element-d6187a0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, var( --e-global-color-astglobalcolor0 ) -50%, var( --e-global-color-astglobalcolor7 ) 100%);}.elementor-414 .elementor-element.elementor-element-53b62fa{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-414 .elementor-element.elementor-element-94e3402{text-align:center;}.elementor-414 .elementor-element.elementor-element-94e3402 .elementor-heading-title{color:#FFFFFF;}.elementor-414 .elementor-element.elementor-element-8b98e13{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:75px;--padding-bottom:75px;--padding-left:0px;--padding-right:0px;}.elementor-414 .elementor-element.elementor-element-8b98e13:not(.elementor-motion-effects-element-type-background), .elementor-414 .elementor-element.elementor-element-8b98e13 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-414 .elementor-element.elementor-element-25cc7de{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-414 .elementor-element.elementor-element-d3b6bcf{text-align:center;}.elementor-414 .elementor-element.elementor-element-4d1fc57{text-align:center;}.elementor-414 .elementor-element.elementor-element-c7f8b4b{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-414 .elementor-element.elementor-element-c7f8b4b .elementor-divider-separator{width:50px;margin:0 auto;margin-center:0;}.elementor-414 .elementor-element.elementor-element-c7f8b4b .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-414 .elementor-element.elementor-element-0dfb24f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-414 .elementor-element.elementor-element-7f18638{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}.elementor-414 .elementor-element.elementor-element-7f18638:not(.elementor-motion-effects-element-type-background), .elementor-414 .elementor-element.elementor-element-7f18638 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-astglobalcolor4 ) 0%, var( --e-global-color-astglobalcolor5 ) 100%);}.elementor-414 .elementor-element.elementor-element-9050820{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:90px;--padding-bottom:0px;--padding-left:0px;--padding-right:100px;}.elementor-414 .elementor-element.elementor-element-fc2a1e1 > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-414 .elementor-element.elementor-element-556be50 .hfe-infocard{text-align:left;}.elementor-414 .elementor-element.elementor-element-556be50 .hfe-infocard-title{margin:0px 0px 25px 0px;}.elementor-414 .elementor-element.elementor-element-556be50 .hfe-infocard-text{margin:0px 0px 0px 0px;}.elementor-414 .elementor-element.elementor-element-3d4ce27{--display:flex;--border-radius:5px 5px 5px 5px;box-shadow:0px 30px 30px -10px rgba(0, 0, 0, 0.05);--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;--padding-top:30px;--padding-bottom:30px;--padding-left:40px;--padding-right:40px;}.elementor-414 .elementor-element.elementor-element-3d4ce27:not(.elementor-motion-effects-element-type-background), .elementor-414 .elementor-element.elementor-element-3d4ce27 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor5 );}body.elementor-page-414:not(.elementor-motion-effects-element-type-background), body.elementor-page-414 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-414 .elementor-element.elementor-element-53b62fa{--width:100%;}.elementor-414 .elementor-element.elementor-element-8b98e13{--content-width:1210px;}.elementor-414 .elementor-element.elementor-element-9050820{--width:50%;}.elementor-414 .elementor-element.elementor-element-3d4ce27{--width:50%;}}@media(min-width:1025px){.elementor-414 .elementor-element.elementor-element-d6187a0:not(.elementor-motion-effects-element-type-background), .elementor-414 .elementor-element.elementor-element-d6187a0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-414 .elementor-element.elementor-element-d6187a0:not(.elementor-motion-effects-element-type-background), .elementor-414 .elementor-element.elementor-element-d6187a0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:top center;}.elementor-414 .elementor-element.elementor-element-d6187a0{--padding-top:150px;--padding-bottom:150px;--padding-left:50px;--padding-right:50px;}.elementor-414 .elementor-element.elementor-element-8b98e13{--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-414 .elementor-element.elementor-element-7f18638{--padding-top:0px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-414 .elementor-element.elementor-element-9050820{--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:75px;--padding-bottom:0px;--padding-left:0px;--padding-right:50px;}.elementor-414 .elementor-element.elementor-element-556be50 .hfe-infocard-title{margin:0px 0px 10px 0px;}.elementor-414 .elementor-element.elementor-element-3d4ce27{--margin-top:0px;--margin-bottom:0px;--margin-left:5px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}}@media(max-width:767px){.elementor-414 .elementor-element.elementor-element-d6187a0{--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-414 .elementor-element.elementor-element-7f18638{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-414 .elementor-element.elementor-element-9050820{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-414 .elementor-element.elementor-element-fc2a1e1{text-align:center;}.elementor-414 .elementor-element.elementor-element-556be50 .hfe-infocard{text-align:center;}.elementor-414 .elementor-element.elementor-element-556be50 .hfe-infocard-title{margin:0px 0px 10px 0px;}.elementor-414 .elementor-element.elementor-element-3d4ce27{--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}}/* Start custom CSS for html, class: .elementor-element-102b13c *//* =====================================================
   GIA AN PHÚ - CONTACT INFO CARDS
===================================================== */

.elementor-414 .elementor-element.elementor-element-102b13c{
    --gap-navy:#071A26;
    --gap-navy-2:#0B2635;
    --gap-cyan:#28C7D9;
    --gap-lime:#7AD151;
    --gap-gold:#D4A017;
    --gap-white:#FFFFFF;
    --gap-text:#50636D;
    --gap-border:#DCE7EA;
}


/* =====================================================
   GLOBAL
===================================================== */

.elementor-414 .elementor-element.elementor-element-102b13c .gap-contact-info,
.elementor-414 .elementor-element.elementor-element-102b13c .gap-contact-info *{
    box-sizing:border-box;
    font-family:"Segoe UI",Arial,Helvetica,sans-serif !important;
    font-style:normal !important;
}


/* =====================================================
   SECTION
===================================================== */

.elementor-414 .elementor-element.elementor-element-102b13c .gap-contact-info{
    width:100%;
    padding:28px 0;
}


/* =====================================================
   GRID
===================================================== */

.elementor-414 .elementor-element.elementor-element-102b13c .gap-contact-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px;

    max-width:1240px;
    margin:0 auto;
}


/* =====================================================
   CARD
===================================================== */

.elementor-414 .elementor-element.elementor-element-102b13c .gap-contact-card{
    position:relative;

    min-height:315px;

    padding:34px 24px 30px;

    text-align:center;

    background:
        linear-gradient(
            180deg,
            #FFFFFF 0%,
            #FBFDFD 100%
        );

    border:1px solid var(--gap-border);
    border-radius:18px;

    box-shadow:
        0 12px 32px rgba(7,26,38,.06);

    overflow:hidden;

    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}


/* Accent line trên card */

.elementor-414 .elementor-element.elementor-element-102b13c .gap-contact-card::before{
    content:"";

    position:absolute;
    left:0;
    top:0;

    width:100%;
    height:3px;

    background:
        linear-gradient(
            90deg,
            var(--gap-gold),
            var(--gap-cyan),
            var(--gap-lime)
        );

    transform:scaleX(0);

    transform-origin:left;

    transition:transform .3s ease;
}


.elementor-414 .elementor-element.elementor-element-102b13c .gap-contact-card:hover{
    transform:translateY(-6px);

    border-color:rgba(40,199,217,.35);

    box-shadow:
        0 20px 42px rgba(7,26,38,.11);
}


.elementor-414 .elementor-element.elementor-element-102b13c .gap-contact-card:hover::before{
    transform:scaleX(1);
}


/* =====================================================
   ICON
===================================================== */

.elementor-414 .elementor-element.elementor-element-102b13c .gap-contact-icon{
    display:flex;

    align-items:center;
    justify-content:center;

    width:74px;
    height:74px;

    margin:0 auto 23px;

    border-radius:18px;

    color:#159EB0;

    background:
        linear-gradient(
            135deg,
            rgba(40,199,217,.12),
            rgba(122,209,81,.10)
        );

    border:
        1px solid rgba(40,199,217,.18);

    transition:.3s ease;
}


.elementor-414 .elementor-element.elementor-element-102b13c .gap-contact-icon svg{
    width:38px;
    height:38px;

    fill:none;

    stroke:currentColor;

    stroke-width:2.5;

    stroke-linecap:round;
    stroke-linejoin:round;
}


.elementor-414 .elementor-element.elementor-element-102b13c .gap-contact-card:hover
.gap-contact-icon{
    color:var(--gap-navy);

    background:
        linear-gradient(
            135deg,
            var(--gap-cyan),
            var(--gap-lime)
        );

    border-color:transparent;

    transform:translateY(-3px);
}


/* =====================================================
   TITLE
===================================================== */

.elementor-414 .elementor-element.elementor-element-102b13c .gap-contact-card h3{
    margin:0 0 16px !important;

    color:var(--gap-navy) !important;

    font-size:23px !important;

    line-height:1.35 !important;

    font-weight:700 !important;

    letter-spacing:0 !important;

    text-transform:none !important;
}


/* =====================================================
   DESCRIPTION
===================================================== */

.elementor-414 .elementor-element.elementor-element-102b13c .gap-contact-card p{
    margin:0 !important;

    color:var(--gap-text) !important;

    font-size:15.5px !important;

    line-height:1.75 !important;

    font-weight:400 !important;
}


.elementor-414 .elementor-element.elementor-element-102b13c .gap-contact-card p span{
    color:#7A8C95;

    font-size:14px;
}


/* =====================================================
   EMAIL + PHONE
===================================================== */

.elementor-414 .elementor-element.elementor-element-102b13c .gap-contact-card a{
    display:inline-block;

    margin-top:14px;

    color:#159EB0 !important;

    font-size:16px;

    line-height:1.45;

    font-weight:700;

    text-decoration:none !important;

    word-break:break-word;

    transition:
        color .25s ease,
        transform .25s ease;
}


.elementor-414 .elementor-element.elementor-element-102b13c .gap-contact-card a:hover{
    color:var(--gap-lime) !important;

    transform:translateY(-2px);
}


/* hotline nổi bật hơn */

.elementor-414 .elementor-element.elementor-element-102b13c .gap-contact-card a[href^="tel:"]{
    font-size:22px;

    color:var(--gap-navy) !important;
}


.elementor-414 .elementor-element.elementor-element-102b13c .gap-contact-card a[href^="tel:"]:hover{
    color:#159EB0 !important;
}


/* =====================================================
   TABLET
===================================================== */

@media(max-width:1024px){

    .elementor-414 .elementor-element.elementor-element-102b13c .gap-contact-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


/* =====================================================
   MOBILE
===================================================== */

@media(max-width:767px){

    .elementor-414 .elementor-element.elementor-element-102b13c .gap-contact-info{
        padding:20px 0;
    }


    .elementor-414 .elementor-element.elementor-element-102b13c .gap-contact-grid{
        grid-template-columns:1fr;

        gap:14px;
    }


    .elementor-414 .elementor-element.elementor-element-102b13c .gap-contact-card{
        min-height:0;

        padding:27px 20px;
    }


    .elementor-414 .elementor-element.elementor-element-102b13c .gap-contact-icon{
        width:64px;
        height:64px;

        margin-bottom:19px;
    }


    .elementor-414 .elementor-element.elementor-element-102b13c .gap-contact-icon svg{
        width:33px;
        height:33px;
    }


    .elementor-414 .elementor-element.elementor-element-102b13c .gap-contact-card h3{
        font-size:20px !important;
    }


    .elementor-414 .elementor-element.elementor-element-102b13c .gap-contact-card p{
        font-size:15px !important;
    }


    .elementor-414 .elementor-element.elementor-element-102b13c .gap-contact-card a{
        font-size:15px;
    }


    .elementor-414 .elementor-element.elementor-element-102b13c .gap-contact-card a[href^="tel:"]{
        font-size:20px;
    }

}/* End custom CSS */