.elementor-469 .elementor-element.elementor-element-827be28{--display:flex;--overlay-opacity:1;--padding-top:75px;--padding-bottom:75px;--padding-left:25px;--padding-right:25px;}.elementor-469 .elementor-element.elementor-element-827be28:not(.elementor-motion-effects-element-type-background), .elementor-469 .elementor-element.elementor-element-827be28 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://southgatecc.org/wp-content/uploads/2026/10/Entrada-South-Gate-al-atardecer.webp");background-position:center center;}.elementor-469 .elementor-element.elementor-element-827be28::before, .elementor-469 .elementor-element.elementor-element-827be28 > .elementor-background-video-container::before, .elementor-469 .elementor-element.elementor-element-827be28 > .e-con-inner > .elementor-background-video-container::before, .elementor-469 .elementor-element.elementor-element-827be28 > .elementor-background-slideshow::before, .elementor-469 .elementor-element.elementor-element-827be28 > .e-con-inner > .elementor-background-slideshow::before, .elementor-469 .elementor-element.elementor-element-827be28 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(90deg, var( --e-global-color-dea41e4 ) 29%, #00245800 77%);}.elementor-469 .elementor-element.elementor-element-d02dd0a .elementor-heading-title{color:var( --e-global-color-a291686 );}.elementor-469 .elementor-element.elementor-element-8d8df04{width:var( --container-widget-width, 800px );max-width:800px;--container-widget-width:800px;--container-widget-flex-grow:0;}.elementor-469 .elementor-element.elementor-element-8d8df04 .elementor-image-box-wrapper{text-align:start;}.elementor-469 .elementor-element.elementor-element-8d8df04 .elementor-image-box-title{font-family:"Cormorant Garamond", Sans-serif;font-size:56px;color:#FFFFFF;}.elementor-469 .elementor-element.elementor-element-8d8df04 .elementor-image-box-description{color:#FFFFFF;}.elementor-469 .elementor-element.elementor-element-870418c{--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;--padding-top:75px;--padding-bottom:75px;--padding-left:25px;--padding-right:25px;}.elementor-469 .elementor-element.elementor-element-870418c:not(.elementor-motion-effects-element-type-background), .elementor-469 .elementor-element.elementor-element-870418c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://southgatecc.org/wp-content/uploads/2026/10/Fondo-minimalista-azul-con-arquitectura-difusa.webp");background-position:center center;background-size:cover;}.elementor-469 .elementor-element.elementor-element-a223113{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-469 .elementor-element.elementor-element-52cc349{--display:flex;}.elementor-469 .elementor-element.elementor-element-2192deb{--display:flex;}.elementor-469 .elementor-element.elementor-element-43a9b5e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-469 .elementor-element.elementor-element-42acb0d{--display:flex;--overlay-opacity:1;--border-radius:16px 16px 16px 16px;--padding-top:25px;--padding-bottom:75px;--padding-left:25px;--padding-right:25px;}.elementor-469 .elementor-element.elementor-element-42acb0d:not(.elementor-motion-effects-element-type-background), .elementor-469 .elementor-element.elementor-element-42acb0d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-dea41e4 );background-image:url("https://southgatecc.org/wp-content/uploads/2026/10/Arco-ornamental-de-South-Gate.webp");background-position:center left;background-size:cover;}.elementor-469 .elementor-element.elementor-element-42acb0d::before, .elementor-469 .elementor-element.elementor-element-42acb0d > .elementor-background-video-container::before, .elementor-469 .elementor-element.elementor-element-42acb0d > .e-con-inner > .elementor-background-video-container::before, .elementor-469 .elementor-element.elementor-element-42acb0d > .elementor-background-slideshow::before, .elementor-469 .elementor-element.elementor-element-42acb0d > .e-con-inner > .elementor-background-slideshow::before, .elementor-469 .elementor-element.elementor-element-42acb0d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(90deg, var( --e-global-color-dea41e4 ) 39%, #00245854 79%);}@media(max-width:767px){.elementor-469 .elementor-element.elementor-element-827be28{--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-469 .elementor-element.elementor-element-d02dd0a{text-align:center;}.elementor-469 .elementor-element.elementor-element-8d8df04 .elementor-image-box-wrapper{text-align:center;}.elementor-469 .elementor-element.elementor-element-8d8df04 .elementor-image-box-title{font-size:36px;line-height:1em;}.elementor-469 .elementor-element.elementor-element-870418c{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-469 .elementor-element.elementor-element-a223113{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-469 .elementor-element.elementor-element-52cc349{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-469 .elementor-element.elementor-element-42acb0d{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}}/* Start custom CSS for html, class: .elementor-element-d26f302 *//* =========================================================
   SOUTH GATE · INTERNSHIP INFO
========================================================= */

.sg-internship-info{
    width: 100%;
    min-width: 0;
    font-family: "Poppins", sans-serif;
    color: #07386A;
}

/* =========================================================
   TAG
========================================================= */

.sg-internship-info__tag{
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 0 18px;
    margin-bottom: 18px;

    background: linear-gradient(
        180deg,
        #EDF7FF 0%,
        #DCEFFC 100%
    );

    border-radius: 10px;
    color: #0B71C3;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    line-height: 1;
}

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

.sg-internship-info h2{
    margin: 0 0 18px;
    color: #072F5B;

    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: clamp(42px, 4vw, 58px);
    font-weight: 600;
    line-height: 1.02;
    letter-spacing: -.5px;
}

/* =========================================================
   TEXT
========================================================= */

.sg-internship-info__lead,
.sg-internship-info__text{
    max-width: 760px;
    margin: 0;

    color: #5E7185;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.65;
}

.sg-internship-info__lead{
    margin-bottom: 18px;
}

.sg-internship-info__text{
    margin-bottom: 30px;
}

/* =========================================================
   STATS
========================================================= */

.sg-internship-stats{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 26px;
}

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

.sg-internship-stat{
    min-width: 0;
    min-height: 92px;

    display: flex;
    align-items: center;
    gap: 15px;

    padding: 16px 18px;
    box-sizing: border-box;

    background: linear-gradient(
        180deg,
        #F3F9FE 0%,
        #EAF4FC 100%
    );

    border: 1px solid rgba(21,105,166,.06);
    border-radius: 15px;

    box-shadow:
        0 8px 18px rgba(23,74,112,.035);
}

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

.sg-internship-stat__icon{
    width: 54px;
    height: 54px;
    flex: 0 0 54px;

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

    border-radius: 50%;

    background: linear-gradient(
        145deg,
        #D7EFFF 0%,
        #C4E5FA 100%
    );

    color: #0876C8;
}

.sg-internship-stat__icon span{
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
}

.sg-internship-stat__icon svg{
    width: 28px;
    height: 28px;

    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* =========================================================
   STAT CONTENT
========================================================= */

.sg-internship-stat__content{
    min-width: 0;
}

.sg-internship-stat__content strong{
    display: block;
    margin-bottom: 5px;

    color: #073567;
    font-size: 23px;
    font-weight: 700;
    line-height: 1.15;
}

.sg-internship-stat__content span{
    display: block;
    color: #65788B;

    font-size: 10px;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 1.2;
}

/* =========================================================
   DOWNLOAD BUTTON
========================================================= */

.sg-internship-download,
.sg-internship-download:link,
.sg-internship-download:visited{
    width: 100%;
    min-height: 58px;

    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) 24px;
    align-items: center;
    gap: 14px;

    padding: 12px 24px;
    box-sizing: border-box;

    background: linear-gradient(
        110deg,
        #06447D 0%,
        #005A9E 100%
    );

    border-radius: 999px;
    color: #FFFFFF !important;

    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    text-decoration: none !important;

    box-shadow:
        0 10px 24px rgba(5,75,132,.16);

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        background .2s ease;
}

.sg-internship-download:hover{
    color: #FFFFFF !important;
    transform: translateY(-2px);

    background: linear-gradient(
        110deg,
        #053C70 0%,
        #0064AE 100%
    );

    box-shadow:
        0 14px 30px rgba(5,75,132,.22);
}

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

.sg-internship-download__icon{
    width: 28px;
    height: 28px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.sg-internship-download__icon svg{
    width: 24px;
    height: 24px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* =========================================================
   ARROW
========================================================= */

.sg-internship-download__arrow{
    font-size: 20px;
    transition: transform .2s ease;
}

.sg-internship-download:hover
.sg-internship-download__arrow{
    transform: translateX(4px);
}

/* =========================================================
   CONTACT LINK
========================================================= */

.sg-internship-contact,
.sg-internship-contact:link,
.sg-internship-contact:visited{
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-top: 20px;

    color: #0874C8 !important;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none !important;
}

.sg-internship-contact span{
    font-size: 18px;
    transition: transform .2s ease;
}

.sg-internship-contact:hover span{
    transform: translateX(4px);
}

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

@media (max-width: 900px){

    .sg-internship-stats{
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .sg-internship-stat{
        min-height: 82px;
    }
}

/* =========================================================
   MOBILE · COMPACT LAYOUT
========================================================= */

@media (max-width: 600px){

    /* TAG */

    .sg-internship-info__tag{
        min-height: 32px;
        padding: 0 13px;
        margin-bottom: 14px;

        font-size: 10px;
        letter-spacing: 1.2px;
    }

    /* TITLE */

    .sg-internship-info h2{
        margin-bottom: 14px;
        font-size: clamp(32px, 9vw, 38px);
        line-height: 1.05;
    }

    /* TEXT */

    .sg-internship-info__lead,
    .sg-internship-info__text{
        font-size: 13px;
        line-height: 1.6;
    }

    .sg-internship-info__lead{
        margin-bottom: 14px;
    }

    .sg-internship-info__text{
        margin-bottom: 20px;
    }

    /* STATS · TWO COLUMNS */

    .sg-internship-stats{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        margin-bottom: 20px;
    }

    /* GENERAL STAT */

    .sg-internship-stat{
        min-width: 0;
        min-height: 98px;

        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 10px;

        padding: 14px 13px;
        border-radius: 13px;
    }

    /* FIRST STAT · FULL WIDTH */

    .sg-internship-stat:first-child{
        grid-column: 1 / -1;

        min-height: 76px;

        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 15px;

        padding: 13px 17px;
    }

    /* ICONS */

    .sg-internship-stat__icon{
        width: 40px;
        height: 40px;
        flex: 0 0 40px;
    }

    .sg-internship-stat__icon span{
        font-size: 23px;
    }

    .sg-internship-stat__icon svg{
        width: 22px;
        height: 22px;
    }

    .sg-internship-stat:first-child
    .sg-internship-stat__icon{
        width: 46px;
        height: 46px;
        flex-basis: 46px;
    }

    /* TEXT VALUES */

    .sg-internship-stat__content strong{
        margin-bottom: 4px;
        font-size: 19px;
        line-height: 1.2;
    }

    .sg-internship-stat:first-child
    .sg-internship-stat__content strong{
        font-size: 24px;
    }

    .sg-internship-stat__content span{
        font-size: 9px;
        line-height: 1.25;
        letter-spacing: .4px;
    }

    /* DOWNLOAD */

    .sg-internship-download,
    .sg-internship-download:link,
    .sg-internship-download:visited{
        min-height: 54px;

        grid-template-columns: 24px minmax(0, 1fr) 18px;
        gap: 10px;

        padding: 12px 17px;
        font-size: 12px;
        line-height: 1.3;
    }

    .sg-internship-download__icon{
        width: 24px;
        height: 24px;
    }

    .sg-internship-download__icon svg{
        width: 21px;
        height: 21px;
    }

    .sg-internship-download__arrow{
        font-size: 18px;
    }

    /* CONTACT */

    .sg-internship-contact{
        margin-top: 16px;
        font-size: 13px;
    }
}

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

@media (max-width: 360px){

    .sg-internship-stats{
        gap: 8px;
    }

    .sg-internship-stat{
        padding: 12px 10px;
    }

    .sg-internship-stat__content strong{
        font-size: 17px;
    }

    .sg-internship-stat__content span{
        font-size: 8px;
    }

    .sg-internship-download,
    .sg-internship-download:link,
    .sg-internship-download:visited{
        padding: 12px 14px;
        gap: 8px;
        font-size: 11px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d9f4f2a *//* =========================================================
   SOUTH GATE · WHY APPLY
   SIN FONDO GLOBAL
========================================================= */

.sg-why-apply{
    width: 100%;

    font-family: "Poppins", sans-serif;

    color: #07386A;
}


/* =========================================================
   HEADER
========================================================= */

.sg-why-apply__head{
    max-width: 920px;

    margin-bottom: 28px;
}


/* =========================================================
   EYEBROW
========================================================= */

.sg-why-apply__eyebrow{
    display: flex;
    align-items: center;

    gap: 14px;

    margin-bottom: 10px;
}

.sg-why-apply__eyebrow span{
    color: #0B6DB9;

    font-size: 12px;
    font-weight: 700;

    letter-spacing: 1.7px;

    line-height: 1;
}

.sg-why-apply__eyebrow i{
    display: block;

    width: 74px;
    height: 1px;

    background: #A9CCE7;
}


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

.sg-why-apply h2{
    margin: 0 0 12px;

    color: #073568;

    font-family: "Cormorant Garamond", Georgia, serif;

    font-size: clamp(40px, 4vw, 56px);
    font-weight: 600;

    line-height: 1;

    letter-spacing: -.4px;
}


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

.sg-why-apply__head > p{
    max-width: 900px;

    margin: 0;

    color: #5D7186;

    font-size: 15px;
    font-weight: 400;

    line-height: 1.6;
}


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

.sg-why-apply__grid{
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 16px;
}


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

.sg-benefit-card{
    min-height: 190px;

    padding: 24px 24px 22px;

    box-sizing: border-box;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.98) 0%,
            rgba(255,255,255,.95) 100%
        );

    border: 1px solid rgba(20,92,145,.07);

    border-radius: 16px;

    box-shadow:
        0 12px 30px rgba(17,70,108,.055),
        0 2px 7px rgba(17,70,108,.025);

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

.sg-benefit-card:hover{
    transform: translateY(-4px);

    border-color: rgba(20,105,167,.15);

    box-shadow:
        0 18px 38px rgba(17,70,108,.09),
        0 3px 8px rgba(17,70,108,.03);
}


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

.sg-benefit-card__icon{
    width: 48px;
    height: 48px;

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

    margin-bottom: 16px;

    color: #0876C9;
}

.sg-benefit-card__icon svg{
    width: 40px;
    height: 40px;

    fill: none;

    stroke: currentColor;
    stroke-width: 2.4;

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

.sg-benefit-card__icon--bars svg{
    fill: #0876C9;

    stroke: none;
}


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

.sg-benefit-card h3{
    margin: 0 0 10px;

    color: #07386A;

    font-size: 15px;
    font-weight: 700;

    line-height: 1.25;
}


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

.sg-benefit-card p{
    margin: 0;

    color: #627589;

    font-size: 13px;
    font-weight: 400;

    line-height: 1.55;
}


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

@media(max-width: 1024px){

    .sg-why-apply__grid{
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}


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

@media(max-width: 600px){

    .sg-why-apply__head{
        margin-bottom: 22px;
    }

    .sg-why-apply__eyebrow span{
        font-size: 10px;

        letter-spacing: 1.5px;
    }

    .sg-why-apply__eyebrow i{
        width: 48px;
    }

    .sg-why-apply h2{
        font-size: 37px;
    }

    .sg-why-apply__head > p{
        font-size: 13px;

        line-height: 1.55;
    }

    .sg-why-apply__grid{
        grid-template-columns: 1fr;

        gap: 12px;
    }

    .sg-benefit-card{
        min-height: auto;

        display: grid;
        grid-template-columns: 52px 1fr;

        column-gap: 15px;

        padding: 18px;

        border-radius: 14px;
    }

    .sg-benefit-card__icon{
        width: 48px;
        height: 48px;

        grid-row: 1 / span 2;

        margin: 0;
    }

    .sg-benefit-card__icon svg{
        width: 34px;
        height: 34px;
    }

    .sg-benefit-card h3{
        margin-bottom: 6px;

        font-size: 14px;
    }

    .sg-benefit-card p{
        font-size: 12px;

        line-height: 1.5;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4cfe140 *//* =========================================================
   SOUTH GATE · GALLERY CTA
========================================================= */

.sg-gallery-cta{
    width: 100%;

    padding: 42px 48px;

    box-sizing: border-box;

    font-family: "Poppins", sans-serif;
}


/* =========================================================
   EYEBROW
========================================================= */

.sg-gallery-cta__eyebrow{
    display: flex;
    align-items: center;

    gap: 16px;

    margin-bottom: 14px;
}

.sg-gallery-cta__eyebrow span{
    color: rgba(255,255,255,.78);

    font-size: 11px;
    font-weight: 700;

    letter-spacing: 1.8px;

    line-height: 1;
}

.sg-gallery-cta__eyebrow i{
    width: 58px;
    height: 1px;

    display: block;

    background: rgba(255,255,255,.50);
}


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

.sg-gallery-cta h2{
    max-width: 900px;

    margin: 0 0 14px;

    color: #FFFFFF;

    font-family: "Cormorant Garamond", Georgia, serif;

    font-size: clamp(38px, 4.2vw, 58px);
    font-weight: 600;

    line-height: 1;

    letter-spacing: -.4px;
}


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

.sg-gallery-cta p{
    max-width: 760px;

    margin: 0 0 28px;

    color: rgba(255,255,255,.84);

    font-size: 15px;
    font-weight: 400;

    line-height: 1.55;
}


/* =========================================================
   ACTIONS
========================================================= */

.sg-gallery-cta__actions{
    display: flex;
    align-items: center;

    gap: 18px;

    flex-wrap: wrap;
}


/* =========================================================
   BUTTON BASE
========================================================= */

.sg-gallery-cta .sg-gallery-cta__btn,
.sg-gallery-cta .sg-gallery-cta__btn:link,
.sg-gallery-cta .sg-gallery-cta__btn:visited{
    min-height: 52px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 12px;

    padding: 0 28px;

    box-sizing: border-box;

    border-radius: 999px;

    font-family: "Poppins", sans-serif;

    font-size: 13px;
    font-weight: 600;

    line-height: 1;

    text-decoration: none !important;

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


/* =========================================================
   PRIMARY
========================================================= */

.sg-gallery-cta .sg-gallery-cta__btn--primary,
.sg-gallery-cta .sg-gallery-cta__btn--primary:link,
.sg-gallery-cta .sg-gallery-cta__btn--primary:visited{
    min-width: 220px;

    color: #FFFFFF !important;

    background:
        linear-gradient(
            110deg,
            #0B8EEB 0%,
            #0876D1 100%
        );

    border: 1px solid transparent;

    box-shadow:
        0 10px 24px rgba(3,97,174,.22);
}

.sg-gallery-cta .sg-gallery-cta__btn--primary:hover{
    color: #FFFFFF !important;

    transform: translateY(-2px);

    background:
        linear-gradient(
            110deg,
            #149AF4 0%,
            #087EDC 100%
        );

    box-shadow:
        0 14px 30px rgba(3,97,174,.28);
}


/* =========================================================
   SECONDARY
========================================================= */

.sg-gallery-cta .sg-gallery-cta__btn--secondary,
.sg-gallery-cta .sg-gallery-cta__btn--secondary:link,
.sg-gallery-cta .sg-gallery-cta__btn--secondary:visited{
    min-width: 150px;

    color: #FFFFFF !important;

    background: rgba(255,255,255,.035);

    border: 1px solid rgba(255,255,255,.80);

    box-shadow: none;
}

.sg-gallery-cta .sg-gallery-cta__btn--secondary:hover{
    color: #FFFFFF !important;

    transform: translateY(-2px);

    background: rgba(255,255,255,.10);

    border-color: #FFFFFF;
}


/* =========================================================
   ARROW
========================================================= */

.sg-gallery-cta__arrow{
    display: inline-flex;

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

    font-size: 19px;

    line-height: 1;

    transition: transform .2s ease;
}

.sg-gallery-cta__btn--primary:hover
.sg-gallery-cta__arrow{
    transform: translateX(4px);
}


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

@media(max-width: 900px){

    .sg-gallery-cta{
        padding: 36px;
    }

}


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

@media(max-width: 600px){

    .sg-gallery-cta{
        padding: 30px 22px;
    }

    .sg-gallery-cta__eyebrow{
        margin-bottom: 12px;
    }

    .sg-gallery-cta__eyebrow span{
        font-size: 10px;

        letter-spacing: 1.5px;
    }

    .sg-gallery-cta h2{
        font-size: 36px;
    }

    .sg-gallery-cta p{
        margin-bottom: 22px;

        font-size: 13px;
    }

    .sg-gallery-cta__actions{
        flex-direction: column;

        align-items: stretch;

        gap: 10px;
    }

    .sg-gallery-cta .sg-gallery-cta__btn{
        width: 100%;

        min-width: 0;

        min-height: 48px;
    }

}/* End custom CSS */