/*
Theme Name: Hello Elementor Child
Template: hello-elementor
Version: 2.0
Author: Triatama
*/


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

:root{

    --primary:#163A63;
    --secondary:#0F6CBD;
    --text:#4F5F73;
    --heading:#163A63;
    --border:#E8EDF3;
    --light:#F7FAFD;
    --white:#ffffff;

    --radius:8px;

    --transition:.35s ease;

    --container:1280px;

}

*,
*::before,
*::after{

    margin:0;
    padding:0;
    box-sizing:border-box;

}

html{

    scroll-behavior:smooth;

}

body{

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

    background:#fff;

    color:var(--text);

    font-size:16px;

    line-height:1.8;

    overflow-x:hidden;

}


/*==============================================================
TYPOGRAPHY
==============================================================*/

h1,
h2,
h3,
h4,
h5,
h6{

    color:var(--heading);

    font-weight:700;

    line-height:1.2;

}

a{

    color:inherit;

    text-decoration:none;

    transition:var(--transition);

}

img{

    display:block;

    max-width:100%;

    height:auto;

}

ul{

    margin:0;
    padding:0;

}

li{

    margin-bottom:8px;

}


/*==============================================================
CONTAINER
==============================================================*/

.site-container{

    width:100%;

    max-width:var(--container);

    margin:auto;

    padding:0 40px;

}

.product-wrapper{

    width:100%;

    max-width:1280px;

    margin:80px auto;

    padding:0 40px;

}


/*==============================================================
PRODUCT HERO
==============================================================*/

.product-detail{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:80px;

    align-items:flex-start;

}


/*==============================================================
LEFT COLUMN
==============================================================*/

.product-image{

    position:sticky;

    top:120px;

    align-self:start;

}

.product-image img{

    width:100%;

    object-fit:contain;

}


/*==============================================================
RIGHT COLUMN
==============================================================*/

.product-content{

    display:flex;

    flex-direction:column;

}

.product-brand{

    display:inline-block;

    font-size:16px;

    font-weight:700;

    color:var(--secondary);

    letter-spacing:1px;

    text-transform:uppercase;

    margin-bottom:22px;

}

.product-brand a{

    color:inherit;

}

.product-brand a:hover{

    opacity:.7;

}

.product-title{

    font-size:64px;

    line-height:1.02;
    
    font-weight:800;

    color:var(--primary);

    margin-bottom:34px;

}

.product-model{

    font-size:30px;

    font-weight:600;

    color:#536273;

    margin-bottom:28px;

}

.product-description{

    color:#5B6775;

    font-size:20px;

    line-height:2;

}

.product-description p{

    margin-bottom:28px;

}

.product-description ul{

    margin-left:28px;

}

.product-description li{

    margin-bottom:14px;

}


/*==============================================================
PRODUCT ACTION
==============================================================*/

.product-action{

    display:flex;

    gap:18px;

    flex-wrap:wrap;

    margin-top:50px;

    margin-bottom:30px;

}


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

.btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:14px;

    min-width:240px;

    height:60px;

    border-radius:6px;

    text-decoration:none;

    font-weight:700;

    font-size:18px;

    transition:all .3s ease;

}

.btn::after{

    content:"→";

    font-size:20px;

    font-weight:300;

    line-height:1;

    transition:transform .3s ease;

}

.btn:hover::after{

    transform:translateX(6px);

}


a:hover{
    color:#163A63;
}


.btn,
.btn:visited{

    color:#fff;

}

.btn:hover,
.btn:focus{

    color:#fff;

    text-decoration:none;

}




.btn-primary{

    background:var(--secondary);

    color:#fff;

}

.btn-primary:hover{

    background:#0B5CA8;

    transform:translateY(-3px);

}

.btn-secondary{

    background:var(--primary);

    color:#fff;

}

.btn-secondary:hover{

    background:#102D4C;

    transform:translateY(-3px);

}

.btn svg{

    width:18px;

    height:18px;

}


/*==============================================================
PRODUCT NOTE
==============================================================*/

.product-note{

    margin-top:18px;

    font-size:14px;

    color:#7A8797;

}



/*==============================================================
RELATED PRODUCT
==============================================================*/

.related-products{

    margin-top:120px;

}

.related-title{

    font-size:42px;

    color:var(--primary);

    margin-bottom:50px;

}


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

.related-grid{

    display:grid;

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

    gap:32px;

}


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

.related-card{

    background:#fff;

    border:1px solid var(--border);

    transition:var(--transition);

    overflow:hidden;

}

.related-card:hover{

    border-color:var(--secondary);

}

.related-card>a{

    display:flex;

    flex-direction:column;

    height:100%;

}


/*==============================================================
IMAGE
==============================================================*/

.related-image{

    display:flex;

    justify-content:center;

    align-items:center;

    height:340px;

    padding:40px;

    background:#fff;

}

.related-image img{

    max-width:100%;

    max-height:260px;

    object-fit:contain;

    transition:.35s;

}

.related-card:hover img{

    transform:scale(1.04);

}


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

.related-content{

    padding:34px;

    display:flex;

    flex-direction:column;

    flex:1;

}


/*==============================================================
BRAND
==============================================================*/

.related-brand{

    font-size:13px;

    font-weight:700;

    color:var(--secondary);

    text-transform:uppercase;

    letter-spacing:1px;

    margin-bottom:18px;

}


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

.related-content h3{

    font-size:26px;

    line-height:1.35;

    color:var(--primary);

    font-weight:700;

    min-height:108px;

}


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

.related-card:hover h3{

    color:var(--secondary);

}


/*==============================================================
REMOVE UNDERLINE
==============================================================*/

.related-card a{

    text-decoration:none;

    color:inherit;

}



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

.cta-section{

    margin-top:120px;

    background:linear-gradient(135deg,#163A63,#0F6CBD);

    border-radius:12px;

    overflow:hidden;

}

.cta-wrapper{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:60px;

    padding:70px;

}

.cta-content{

    max-width:650px;

}

.cta-content h2{

    font-size:44px;

    color:#fff;

    margin-bottom:20px;

}

.cta-content p{

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

    font-size:18px;

    line-height:1.8;

}

.cta-button{

    display:inline-flex;

    justify-content:center;

    align-items:center;

    padding:18px 36px;

    border-radius:6px;

    background:#fff;

    color:var(--primary);

    font-weight:700;

    transition:var(--transition);

}

.cta-button:hover{

    background:#F5F8FC;

    transform:translateY(-3px);

}



/*==============================================================
ARCHIVE PRODUCTS
==============================================================*/

.products-archive{

    padding:90px 0;

}

.archive-header{

    max-width:760px;

    margin:0 auto 70px;

    text-align:center;

}

.archive-label{

    display:inline-block;

    color:var(--secondary);

    font-size:14px;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;

    margin-bottom:18px;

}

.archive-title{

    font-size:64px;

    margin-bottom:20px;

}

.archive-description{

    font-size:18px;

    color:#697888;

    line-height:1.9;

}



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

.products-grid{

    display:grid;

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

    gap:32px;

    align-items:stretch;

}



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

.product-card{

    border:1px solid var(--border);

    background:#fff;

    transition:var(--transition);

}

.product-card:hover{

    border-color:var(--secondary);

}

.product-card a{

    display:flex;

    flex-direction:column;

    height:100%;

}

.product-card-image{

    display:flex;

    justify-content:center;

    align-items:center;

    padding:40px;

    height:320px;

}

.product-card-image img{

    max-width:100%;

    max-height:240px;

    object-fit:contain;

}

.product-card-content{

    padding:30px;

}

.product-card-brand{

    font-size:13px;

    color:var(--secondary);

    font-weight:700;

    text-transform:uppercase;

    margin-bottom:18px;

}

.product-card h2{

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

    color:var(--primary);

    line-height:1.25;

    min-height:95px;

}

.product-card:hover h2{

    color:var(--secondary);

}



/*==============================================================
PAGINATION
==============================================================*/

.archive-pagination{

    margin-top:80px;

    display:flex;

    justify-content:center;

}

.archive-pagination .page-numbers{

    display:inline-flex;

    justify-content:center;

    align-items:center;

    width:46px;

    height:46px;

    border:1px solid var(--border);

    margin:0 5px;

    transition:var(--transition);

}

.archive-pagination .current{

    background:var(--secondary);

    color:#fff;

    border-color:var(--secondary);

}



/*==============================================================
NO PRODUCT
==============================================================*/

.no-products{

    text-align:center;

    padding:120px 20px;

}

.no-products h2{

    font-size:36px;

    margin-bottom:16px;

}

.no-products p{

    color:#7B8794;

}



/*==============================================================
FOOTER
==============================================================*/

footer{

    margin-top:120px;

}


/*==============================================================
RESPONSIVE - LARGE DESKTOP
==============================================================*/

@media (min-width:1440px){

    .product-wrapper,
    .site-container{

        max-width:1320px;

    }

}


/*==============================================================
RESPONSIVE - LAPTOP
==============================================================*/

@media (max-width:1280px){

    .product-title{

        font-size:60px;

    }

    .related-grid{

        grid-template-columns:repeat(3,1fr);

    }

}


/*==============================================================
RESPONSIVE - TABLET
==============================================================*/

@media (max-width:1024px){

    .product-wrapper{

        padding:0 30px;

    }

    .product-detail{

        grid-template-columns:1fr;

        gap:50px;

    }

    .product-image{

        position:relative;

        top:auto;

    }

    .product-title{

        font-size:48px;

    }

    .product-model{

        font-size:24px;

    }

    .product-description{

        font-size:18px;

    }

    .related-grid{

        grid-template-columns:repeat(2,1fr);

    }

    .products-grid{

        grid-template-columns:repeat(2,1fr);

    }

    .cta-wrapper{

        flex-direction:column;

        align-items:flex-start;

        padding:50px;

    }

}


/*==============================================================
RESPONSIVE - MOBILE
==============================================================*/

@media (max-width:767px){

    .site-container,
    .product-wrapper{

        padding:0 20px;

    }

    .product-wrapper{

        margin:50px auto;

    }

    .product-title{

        font-size:34px;

        line-height:1.15;

    }

    .product-brand{

        font-size:14px;

    }

    .product-model{

        font-size:20px;

    }

    .product-description{

        font-size:16px;

    }

    .product-action{

        flex-direction:column;

    }

    .btn{

        width:100%;

    }

    .related-title{

        font-size:30px;

        margin-bottom:30px;

    }

    .related-grid{

        grid-template-columns:1fr;

        gap:24px;

    }

    .related-image{

        height:260px;

        padding:30px;

    }

    .related-content{

        padding:24px;

    }

    .related-content h3{

        font-size:22px;

        min-height:auto;

    }

    .archive-title{

        font-size:40px;

    }

    .products-grid{

        grid-template-columns:1fr;

    }

    .product-card-image{

        height:260px;

    }

    .product-card h2{

        font-size:22px;

        min-height:auto;

    }

    .cta-wrapper{

        padding:35px 25px;

    }

    .cta-content h2{

        font-size:30px;

    }

    .cta-content p{

        font-size:16px;

    }

    .cta-button{

        width:100%;

    }

}


/*==============================================================
UTILITY
==============================================================*/

.text-center{

    text-align:center;

}

.hidden{

    display:none;

}

.mt-0{

    margin-top:0 !important;

}

.mb-0{

    margin-bottom:0 !important;

}

.w-100{

    width:100%;

}


/*==============================================================
SMOOTH EFFECT
==============================================================*/

.product-card,
.related-card,
.btn,
.product-image img{

    transition:all .35s ease;

}


/*==============================================================
SELECTION
==============================================================*/

::selection{

    background:#163A63;

    color:#fff;

}


/*==============================================================
SCROLLBAR
==============================================================*/

::-webkit-scrollbar{

    width:10px;

}

::-webkit-scrollbar-track{

    background:#F3F6FA;

}

::-webkit-scrollbar-thumb{

    background:#163A63;

    border-radius:20px;

}

::-webkit-scrollbar-thumb:hover{

    background:#0F6CBD;

}


/*==============================================================
PART 5
POLISHING & COMPONENT
TRIATAMA UI
==============================================================*/


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

section{

    position:relative;

}

.section-padding{

    padding:100px 0;

}

.section-small{

    padding:70px 0;

}



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

.section-title{

    color:var(--primary);

    font-size:46px;

    font-weight:700;

    line-height:1.15;

    margin-bottom:20px;

}

.section-subtitle{

    color:#6B7788;

    font-size:18px;

    line-height:1.8;

    max-width:720px;

}



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

.product-card,
.related-card{

    transition:

        transform .35s ease,

        border-color .35s ease,

        box-shadow .35s ease;

}

.product-card:hover,
.related-card:hover{

    transform:translateY(-6px);

    border-color:var(--secondary);

    box-shadow:

        0 15px 45px rgba(22,58,99,.08);

}



/*==============================================================
IMAGE HOVER
==============================================================*/

.product-card img,
.related-card img,
.product-image img{

    transition:

        transform .4s ease;

}

.product-card:hover img,
.related-card:hover img{

    transform:scale(1.04);

}



/*==============================================================
BUTTON EFFECT
==============================================================*/

.btn{

    position:relative;

    overflow:hidden;

}

.btn:before{

    content:"";

    position:absolute;

    left:-120%;

    top:0;

    width:100%;

    height:100%;

    background:

    linear-gradient(

    90deg,

    transparent,

    rgba(255,255,255,.25),

    transparent

    );

    transition:.6s;

}

.btn:hover:before{

    left:120%;

}



/*==============================================================
FORM
==============================================================*/

input,
select,
textarea{

    width:100%;

    border:1px solid var(--border);

    border-radius:6px;

    padding:14px 18px;

    font-size:15px;

    outline:none;

    transition:.25s;

}

input:focus,
textarea:focus,
select:focus{

    border-color:var(--secondary);

}



/*==============================================================
TABLE
==============================================================*/

table{

    width:100%;

    border-collapse:collapse;

}

table th{

    background:#F7FAFD;

    color:var(--primary);

    padding:16px;

    text-align:left;

}

table td{

    padding:16px;

    border-top:1px solid var(--border);

}



/*==============================================================
BREADCRUMB
==============================================================*/

.breadcrumb{

    display:flex;

    gap:10px;

    align-items:center;

    font-size:14px;

    color:#7C8795;

    margin-bottom:35px;

}

.breadcrumb a{

    color:inherit;

}

.breadcrumb a:hover{

    color:var(--secondary);

}



/*==============================================================
PAGINATION
==============================================================*/

.pagination{

    display:flex;

    justify-content:center;

    gap:12px;

    margin-top:80px;

}

.pagination a,
.pagination span{

    width:44px;

    height:44px;

    display:flex;

    justify-content:center;

    align-items:center;

    border:1px solid var(--border);

    transition:.3s;

}

.pagination a:hover{

    border-color:var(--secondary);

    color:var(--secondary);

}

.pagination .current{

    background:var(--secondary);

    color:#fff;

}



/*==============================================================
LOADING IMAGE
==============================================================*/

img{

    background:none;

}



/*==============================================================
UTILITY
==============================================================*/

.flex{

    display:flex;

}

.grid{

    display:grid;

}

.align-center{

    align-items:center;

}

.justify-center{

    justify-content:center;

}

.justify-between{

    justify-content:space-between;

}

.gap-20{

    gap:20px;

}

.gap-30{

    gap:30px;

}

.gap-40{

    gap:40px;

}



/*==============================================================
PRINT
==============================================================*/

@media print{

    header,
    footer,
    .btn,
    .cta-section{

        display:none !important;

    }

}



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

.product-header{

    top:0;

    z-index:999;

    background:#ffffff;

}

.product-header .site-container{

    max-width:1320px;

    margin:0 auto;

    padding:0 20px;

    height:88px;

    display:flex;

    align-items:center;

    justify-content:space-between;

}

.header-logo img{
    
    width:160px;
    
    height:auto;
    
    max-width:100%;
    
    display:block;

    
}

.header-nav{

    flex:1;

    display:flex;

    justify-content:center;

}

.header-nav ul{

    display:flex;

    align-items:center;

    gap:72px;

    list-style:none;

    margin:0;

    padding:0;

}

.header-nav li{

    margin:0;

}

.header-nav a{

    color:#163A63;

    font-size:15px;

    font-weight:400;

    text-decoration:none;

    transition:.25s;

}

.header-nav li.active a{

    color:#0F6CBD;

    font-weight:700;

}

.header-nav a:hover{

    color:#0F6CBD;

}

.header-button{

    width:132px;

    height:40px;

    display:flex;

    justify-content:center;

    align-items:center;

    background:#0F6CBD;

    color:#fff;

    border-radius:2px;

    text-decoration:none;

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

    transition:.3s;

}

.header-button:hover{

    background:#0A5AA3;

    color:#fff;

}


/* ==========================================================
   PRODUCT HEADER RESPONSIVE
========================================================== */

/* ---------- Tablet ---------- */

@media (max-width:1024px){

.product-header .site-container{

    height:80px;

    justify-content:space-between;

}

.header-nav{

    display:none;

}

.header-logo{

    flex:1;

}

.header-logo img{

    height:42px;
    width:auto;
    max-width:220px;
    object-fit:contain;

}

.header-action{

    flex:none;

}

.header-button{

    min-width:160px;
    height:40px;
    font-size:14px;

}

}


/* ---------- Mobile ---------- */

@media (max-width:767px){

.product-header .site-container{

    height:72px;

    padding:0 18px;

}

.header-nav{

    display:none;

}

.header-logo{

    flex:1;

}

.header-logo img{

    height:34px;
    width:auto;
    max-width:170px;
    object-fit:contain;
    display:block;

}

.header-action{

    flex:none;

}

.header-button{

    min-width:100px;

    height:36px;

    padding:0 18px;

    font-size:14px;

}

}

/* ==========================================================
   PRODUCT FOOTER
   PART 1 - CTA DESKTOP
========================================================== */

.product-footer{
    margin-top:120px;
}

/* ==========================
   CTA
========================== */

.product-cta{
    position:relative;
    overflow:hidden;
    min-height:380px;
    display:flex;
    align-items:center;
    color:#ffffff;
}

.product-cta-bg{
    position:absolute;
    inset:0;
    z-index:1;
}

.product-cta-bg img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.product-cta-overlay{
    position:absolute;
    inset:0;
    z-index:2;

    background:
        linear-gradient(
            90deg,
            rgba(20,94,170,.92) 0%,
            rgba(33,112,191,.88) 35%,
            rgba(33,112,191,.55) 65%,
            rgba(33,112,191,.12) 100%
        );
}

.product-cta .site-container{
    position:relative;
    z-index:3;
    width:100%;
    max-width:1240px;
    margin:0 auto;
    padding:80px 20px;
}

.product-cta-content{
    max-width:720px;
}

.product-cta-content h2{
    margin:0 0 22px;

    font-size:40px;
    line-height:1.05;
    font-weight:800;
    letter-spacing:-1px;

    color:#ffffff;
}

.product-cta-content p{
    margin:0 0 38px;

    font-size:14px;
    line-height:1.2;

    color:rgba(255,255,255,.92);
}


/* ==========================
   CTA BUTTON
========================== */

.product-cta-button{

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:14px;

    min-width:160px;
    height:52px;

    padding:0 34px;

    background:#ffffff;
    color:#166CC2;

    border-radius:4px;

    font-size:14px;
    font-weight:600;
    text-decoration:none;

    transition:all .25s ease;

}

.product-cta-button img{

    width:20px;
    height:20px;

    display:block;

    transition:all .25s ease;

    filter: brightness(0) saturate(100%)
            invert(33%) sepia(92%)
            saturate(1630%)
            hue-rotate(196deg)
            brightness(93%)
            contrast(93%);
}

.product-cta-button:hover{

    background:#0E2348;
    color:#ffffff;

    transform:translateY(-2px);

}

.product-cta-button:hover img{

    transform:translateX(4px);

    filter: brightness(0) invert(1);

}


/* ==========================================================
   PRODUCT FOOTER
   PART 2 - FOOTER DESKTOP
========================================================== */

.product-footer-main{

    background:#172C58;
    padding:80px 0 0;

}

.footer-grid{

    display:grid;
    grid-template-columns:1.7fr .8fr 1fr;
    gap:90px;

}

.footer-column{

    min-width:0;

}

/* ==========================
   COMPANY
========================== */

.footer-logo{

    display:inline-block;
    margin-bottom:36px;

}

.footer-logo img{

    width:270px;
    height:auto;
    display:block;

}

.footer-address{

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

    font-size:18px;
    line-height:2;

    margin:0;

}

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

.footer-title{

    color:#fff;

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

    margin:0 0 34px;

}

/* ==========================
   MENU
========================== */

.footer-menu{

    list-style:none;
    padding:0;
    margin:0;

}

.footer-menu li{

    margin-bottom:22px;

}

.footer-menu a{

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

    text-decoration:none;

    font-size:18px;

    transition:.3s;

}

.footer-menu a:hover{

    color:#2E8EFF;

}

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

.footer-contact{

    list-style:none;
    padding:0;
    margin:0;

}

.footer-contact li{

    display:flex;
    align-items:center;

    gap:18px;

    margin-bottom:26px;

}

.footer-icon{

    width:24px;
    flex:none;

}

.footer-icon img{

    display:block;
    width:22px;
    height:auto;

}

.footer-contact a{

    color:#fff;

    text-decoration:none;

    font-size:18px;

    transition:.3s;

}

.footer-contact a:hover{

    color:#2E8EFF;

}



/* ==========================
   COPYRIGHT
========================== */

.footer-contact{

    list-style:none;
    padding:0;
    margin:0;
    

}


.footer-contact li{

    display:flex;
    align-items:center;

    gap:18px;

    margin-bottom:26px;

}

.footer-icon{

    width:24px;
    flex:none;

}

.footer-icon img{

    display:block;
    width:22px;
    height:auto;

}

.footer-contact a{

    color:#fff;

    text-decoration:none;

    font-size:18px;

    transition:.3s;

}

.footer-contact a:hover{

    color:#2E8EFF;

}

.footer-copyright{

    background:#172C58;
    
    padding-bottom:40px;

}


/* ==========================
FOOTER BOTTOM
========================== */

.footer-bottom{

    display:flex;

    justify-content:space-between;

    align-items:center;
    
    padding-top: 100px;
    
    padding-bottom: 16px;

}



/* ==========================
   COPYRIGHT LEFT
========================== */

.footer-copy{

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

    font-size:14px;

    line-height:1.8;
    

}


/* ==========================
   POLICY
========================== */

.footer-policy{

    display:flex;

    align-items:center;

    justify-content:flex-end;

    gap:60px;


}

.footer-policy a{

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

    text-decoration:none;

    font-size:14px;

    transition:.3s;

}

.footer-policy a:hover{

    color:#fff;

}




/* ==========================================================
   PRODUCT FOOTER RESPONSIVE
========================================================== */

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

@media (max-width:1024px){

.product-footer-main{

    padding:70px 0 0;

}

.footer-grid{

    grid-template-columns:1fr 1fr;

    gap:60px;

}

.footer-company{

    grid-column:1/-1;

}

.footer-logo img{

    width:230px;

}

.footer-address{

    font-size:17px;

}

.footer-bottom{

    flex-direction:column;

    align-items:flex-start;

    gap:26px;

}

.footer-policy{

    gap:36px;

}

}


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

@media (max-width:767px){

.product-footer-main{

    padding:60px 0 0;

}

.footer-grid{

    grid-template-columns:1fr;

    gap:48px;

}

.footer-title{

    margin-bottom:24px;

}

.footer-logo img{

    width:200px;

}

.footer-address{

    font-size:16px;

    line-height:1.8;

}

.footer-menu li{

    margin-bottom:16px;

}

.footer-menu a{

    font-size:17px;

}

.footer-contact li{

    margin-bottom:18px;

}

.footer-contact a{

    font-size:16px;

    word-break:break-word;

}

.footer-bottom{

    padding:28px 0;

}

.footer-copy{

    font-size:15px;

}

.footer-policy{

    display:flex;

    flex-direction:row;

    align-items:center;

    justify-content:flex-start;

    gap:24px;

    flex-wrap:wrap;

}

.footer-policy a{

    font-size:15px;

}

}


/* ==========================================
   PRODUCT FOOTER LINK COLOR
========================================== */

.product-footer .footer-contact a,
.product-footer .footer-menu a{
    color:#FFFFFF;
    text-decoration:none;
    transition:.3s;
}

.product-footer .footer-contact a:hover,
.product-footer .footer-menu a:hover{
    color:#49A6FF;
}