/* Start custom CSS for html, class: .elementor-element-53e5a9c *//* =====================================================
   S.K. & SONS SERVICES INTRO
===================================================== */

.sk-services-intro{
    width:100%;

    padding:85px 20px;

    background:#F7F3EC;

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

    overflow:hidden;

    box-sizing:border-box;
}

.sk-services-intro *,
.sk-services-intro *::before,
.sk-services-intro *::after{
    box-sizing:border-box;
}


/* =====================================================
   MAIN LAYOUT
===================================================== */

.sk-services-intro-inner{
    max-width:1200px;

    margin:0 auto;

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:65px;

    align-items:center;
}


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

.sk-services-intro-content{
    max-width:620px;
}


/* Small Heading */

.sk-services-kicker{
    display:inline-block;

    margin-bottom:15px;

    color:#5A3420;

    font-size:14px;

    font-weight:600;

    letter-spacing:2.5px;

    text-transform:uppercase;
}


/* Main Heading */

.sk-services-intro-content h1{
    margin:0 0 25px;

    color:#171717;

    font-size:45px;

    line-height:1.2;

    font-weight:700;

    letter-spacing:-1px;
}

.sk-services-intro-content h1 strong{
    display:block;

    color:#5A3420;

    font-weight:700;
}


/* Description */

.sk-services-intro-content p{
    margin:0 0 30px;

    color:#666;

    font-size:16px;

    line-height:1.85;
}

.sk-services-intro-content p b{
    color:#333;

    font-weight:600;
}


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

.sk-services-quote-btn{
    display:inline-flex;

    align-items:center;

    gap:14px;

    padding:13px 13px 13px 24px;

    background:#5A3420;

    color:#fff;

    text-decoration:none;

    border-radius:50px;

    font-size:14px;

    font-weight:600;

    transition:.35s ease;
}

.sk-services-quote-btn span{
    width:34px;
    height:34px;

    display:flex;

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

    background:#D7B27A;

    color:#5A3420;

    border-radius:50%;

    font-size:18px;

    transition:.35s ease;
}

.sk-services-quote-btn:hover{
    background:#3F2416;

    color:#fff;

    transform:translateY(-3px);
}

.sk-services-quote-btn:hover span{
    transform:translateX(5px);
}


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

.sk-services-intro-image{
    position:relative;

    width:100%;

    height:500px;

    overflow:hidden;

    border-radius:28px;

    box-shadow:0 18px 45px rgba(0,0,0,.15);

    background:#ddd;
}


/* Image */

.sk-services-intro-image img{
    width:100%;
    height:100%;

    display:block;

    object-fit:cover;

    transition:transform .7s ease;
}


/* Image Hover */

.sk-services-intro-image:hover img{
    transform:scale(1.06);
}


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

.sk-services-image-label{
    position:absolute;

    left:25px;
    right:25px;
    bottom:25px;

    padding:18px 20px;

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

    backdrop-filter:blur(8px);

    border-radius:15px;

    box-shadow:0 8px 25px rgba(0,0,0,.10);
}

.sk-services-image-label span{
    display:block;

    margin-bottom:5px;

    color:#5A3420;

    font-size:11px;

    font-weight:600;

    letter-spacing:2px;
}

.sk-services-image-label strong{
    color:#222;

    font-size:18px;

    font-weight:600;
}


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

@media(max-width:991px){

    .sk-services-intro{
        padding:70px 20px;
    }

    .sk-services-intro-inner{
        grid-template-columns:1fr;

        gap:45px;
    }

    .sk-services-intro-content{
        max-width:800px;
    }

    .sk-services-intro-content h1{
        font-size:40px;
    }

    .sk-services-intro-image{
        height:430px;
    }

}


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

@media(max-width:600px){

    .sk-services-intro{
        padding:60px 18px;
    }

    .sk-services-intro-inner{
        gap:35px;
    }

    .sk-services-intro-content h1{
        font-size:31px;

        line-height:1.25;
    }

    .sk-services-intro-content p{
        font-size:14px;

        line-height:1.75;
    }

    .sk-services-kicker{
        font-size:12px;

        letter-spacing:2px;
    }

    .sk-services-intro-image{
        height:350px;

        border-radius:20px;
    }

    .sk-services-image-label{
        left:15px;
        right:15px;
        bottom:15px;

        padding:14px 15px;
    }

    .sk-services-image-label strong{
        font-size:15px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9a8a116 *//* =====================================================
   S.K. & SONS - SERVICES SECTION
   LARGE & READABLE TEXT VERSION
===================================================== */

.sksons-services-section{
    width:100%;
    padding:40px 20px;
    background:#fff;
    font-family:'Poppins',sans-serif;
}


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

.sksons-services-heading{
    max-width:900px;
    margin:0 auto 70px;
    text-align:center;
}

.sksons-services-heading > span{
    display:block;
    margin-bottom:14px;

    color:#5A3420;
    font-size:15px;
    font-weight:600;
    letter-spacing:2px;
}

.sksons-services-heading h2{
    margin:0 0 20px;

    color:#222;
    font-size:44px;
    line-height:1.25;
    font-weight:700;
}

.sksons-services-heading p{
    margin:0;

    color:#666;
    font-size:17px;
    line-height:1.8;
}

.sksons-services-heading strong{
    color:#444;
    font-weight:600;
}


/* =====================================================
   SERVICE ITEM
===================================================== */

.sksons-service-item{
    max-width:1200px;
    margin:0 auto;

    padding:65px 0;

    display:grid;
    grid-template-columns:110px 1fr;
    gap:45px;

    border-top:1px solid #e3d9cf;
}


/* =====================================================
   NUMBER
===================================================== */

.sksons-service-number{
    width:76px;
    height:76px;

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

    border-radius:50%;

    background:#5A3420;
    color:#fff;

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

    letter-spacing:1px;

    position:sticky;
    top:30px;

    transition:.35s ease;
}


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

.sksons-service-content{
    max-width:950px;
}


/* Small Title */

.sksons-service-content > span{
    display:block;

    margin-bottom:12px;

    color:#5A3420;

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

    letter-spacing:2px;
}


/* Service Heading */

.sksons-service-content h3{
    margin:0 0 20px;

    color:#222;

    font-size:34px;
    line-height:1.3;

    font-weight:650;
}


/* Main Paragraph */

.sksons-service-content > p{
    max-width:900px;

    margin:0 0 25px;

    color:#666;

    font-size:16px;
    line-height:1.85;
}


/* =====================================================
   LIST INTRO
===================================================== */

.sksons-service-content h4{
    margin:10px 0 18px;

    color:#333;

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

    line-height:1.5;
}


/* =====================================================
   LIST
===================================================== */

.sksons-service-content ul{
    margin:0 0 25px;
    padding:0;

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

    gap:13px 40px;

    list-style:none;
}

.sksons-service-content li{
    display:flex;
    align-items:flex-start;

    gap:12px;

    color:#555;

    font-size:15px;
    line-height:1.7;

    transition:.3s ease;
}


/* Check Circle */

.sksons-service-content li span{
    flex-shrink:0;

    width:25px;
    height:25px;

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

    margin-top:1px;

    background:#F7F3EC;

    color:#5A3420;

    border-radius:50%;

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

    transition:.3s ease;
}


/* =====================================================
   LAST PARAGRAPH
===================================================== */

.sksons-service-content .sksons-service-last{
    margin:25px 0 0;

    padding:20px 22px;

    border-left:3px solid #D7B27A;

    background:#F7F3EC;

    color:#555;

    font-size:15px;

    line-height:1.8;
}


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

.sksons-service-item:hover .sksons-service-number{
    background:#D7B27A;
    color:#5A3420;

    transform:scale(1.08);
}

.sksons-service-content li:hover{
    transform:translateX(5px);
}

.sksons-service-content li:hover span{
    background:#5A3420;
    color:#fff;
}


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

@media(max-width:991px){

    .sksons-services-section{
        padding:75px 20px;
    }

    .sksons-services-heading h2{
        font-size:38px;
    }

    .sksons-services-heading p{
        font-size:16px;
    }

    .sksons-service-item{
        grid-template-columns:85px 1fr;
        gap:30px;

        padding:55px 0;
    }

    .sksons-service-number{
        width:64px;
        height:64px;

        font-size:16px;
    }

    .sksons-service-content h3{
        font-size:30px;
    }

    .sksons-service-content > p{
        font-size:15px;
    }

}


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

@media(max-width:700px){

    .sksons-services-section{
        padding:60px 18px;
    }

    .sksons-services-heading{
        margin-bottom:45px;
    }

    .sksons-services-heading h2{
        font-size:31px;
    }

    .sksons-services-heading p{
        font-size:14px;
        line-height:1.75;
    }


    .sksons-service-item{
        display:block;
        padding:45px 0;
    }


    .sksons-service-number{
        position:static;

        width:54px;
        height:54px;

        margin-bottom:25px;

        font-size:14px;
    }


    .sksons-service-content > span{
        font-size:13px;
    }


    .sksons-service-content h3{
        font-size:27px;
        line-height:1.3;
    }


    .sksons-service-content > p{
        font-size:14px;
        line-height:1.8;
    }


    .sksons-service-content h4{
        font-size:15px;
    }


    .sksons-service-content ul{
        grid-template-columns:1fr;
        gap:11px;
    }


    .sksons-service-content li{
        font-size:14px;
    }


    .sksons-service-content .sksons-service-last{
        padding:17px;

        font-size:14px;
        line-height:1.75;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ad8c1ca *//* =====================================================
   S.K. & SONS
   OUR APPROACH - MODERN EDITORIAL DESIGN
===================================================== */

.sksons-approach-modern{
    width:100%;

    padding:50px 20px;

    background:#F7F3EC;

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

    overflow:hidden;

    box-sizing:border-box;
}

.sksons-approach-modern *,
.sksons-approach-modern *::before,
.sksons-approach-modern *::after{
    box-sizing:border-box;
}


/* =====================================================
   HEADING
===================================================== */

.sksons-approach-modern-head{
    max-width:1200px;

    margin:0 auto 50px;

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:80px;

    align-items:end;
}

.sksons-approach-modern-head span{
    display:block;

    margin-bottom:14px;

    color:#5A3420;

    font-size:14px;

    font-weight:600;

    letter-spacing:2.5px;
}

.sksons-approach-modern-head h2{
    margin:0;

    color:#222;

    font-size:45px;

    line-height:1.18;

    font-weight:700;

    letter-spacing:-1px;
}

.sksons-approach-modern-head p{
    max-width:520px;

    margin:0 0 5px;

    color:#666;

    font-size:16px;

    line-height:1.85;
}


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

.sksons-approach-modern-grid{
    max-width:1200px;

    margin:0 auto;

    display:grid;

    grid-template-columns:1fr 1fr;

    column-gap:80px;

    row-gap:0;
}


/* =====================================================
   ITEM
===================================================== */

.sksons-approach-modern-item{
    position:relative;

    min-height:260px;

    padding:30px 20px 40px 0;

    display:flex;

    gap:28px;

    border-top:1px solid #D8CBBF;

    transition:.4s ease;
}


/* Offset Items */

.sksons-modern-offset{
    margin-top:100px;
}


/* Final */

.sksons-modern-final{
    grid-column:2;

    margin-top:100px;
}


/* =====================================================
   LARGE NUMBER
===================================================== */

.sksons-modern-number{
    flex-shrink:0;

    color:#D7B27A;

    font-size:65px;

    line-height:1;

    font-weight:700;

    letter-spacing:-3px;

    transition:.4s ease;
}


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

.sksons-modern-content{
    padding-top:5px;
}

.sksons-modern-content > span{
    display:block;

    margin-bottom:8px;

    color:#9A765C;

    font-size:11px;

    font-weight:600;

    letter-spacing:2px;
}

.sksons-modern-content h3{
    margin:0 0 14px;

    color:#222;

    font-size:30px;

    line-height:1.25;

    font-weight:650;

    transition:.3s ease;
}

.sksons-modern-content p{
    max-width:390px;

    margin:0;

    color:#666;

    font-size:14px;

    line-height:1.8;
}


/* =====================================================
   DECORATIVE LINE
===================================================== */

.sksons-approach-modern-item::after{
    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:0;

    height:3px;

    background:#5A3420;

    transition:.45s ease;
}


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

.sksons-approach-modern-item:hover{
    padding-left:12px;

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

.sksons-approach-modern-item:hover::after{
    width:100%;
}

.sksons-approach-modern-item:hover .sksons-modern-number{
    color:#5A3420;

    transform:translateX(5px);
}

.sksons-approach-modern-item:hover .sksons-modern-content h3{
    color:#5A3420;
}


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

@media(max-width:991px){

    .sksons-approach-modern{
        padding:80px 20px;
    }

    .sksons-approach-modern-head{
        gap:40px;

        margin-bottom:60px;
    }

    .sksons-approach-modern-head h2{
        font-size:38px;
    }

    .sksons-approach-modern-grid{
        column-gap:40px;
    }

    .sksons-modern-offset,
    .sksons-modern-final{
        margin-top:70px;
    }

    .sksons-modern-number{
        font-size:55px;
    }

    .sksons-modern-content h3{
        font-size:27px;
    }

}


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

@media(max-width:700px){

    .sksons-approach-modern{
        padding:65px 18px;
    }

    .sksons-approach-modern-head{
        display:block;

        margin-bottom:45px;
    }

    .sksons-approach-modern-head h2{
        font-size:31px;

        line-height:1.25;
    }

    .sksons-approach-modern-head p{
        margin-top:20px;

        font-size:14px;

        line-height:1.75;
    }


    .sksons-approach-modern-grid{
        display:block;
    }


    .sksons-approach-modern-item,
    .sksons-modern-offset,
    .sksons-modern-final{
        min-height:auto;

        margin-top:0;

        padding:35px 0;

        display:flex;

        gap:20px;
    }


    .sksons-modern-number{
        font-size:48px;

        letter-spacing:-2px;
    }


    .sksons-modern-content{
        padding-top:3px;
    }


    .sksons-modern-content h3{
        font-size:25px;
    }


    .sksons-modern-content p{
        font-size:13px;

        line-height:1.75;
    }

}


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

@media(max-width:400px){

    .sksons-approach-modern-head h2{
        font-size:28px;
    }

    .sksons-modern-number{
        font-size:40px;
    }

    .sksons-modern-content h3{
        font-size:22px;
    }

    .sksons-modern-content p{
        font-size:12.5px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a6068f3 *//* =====================================================
   S.K. & SONS
   WHY CHOOSE OUR PACKAGING SERVICES
===================================================== */

.sksons-why-services{
    width:100%;

    padding:40px 20px;

    background:#fff;

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

    overflow:hidden;

    box-sizing:border-box;
}

.sksons-why-services *,
.sksons-why-services *::before,
.sksons-why-services *::after{
    box-sizing:border-box;
}


/* =====================================================
   HEADING
===================================================== */

.sksons-why-heading{
    max-width:850px;

    margin:0 auto 60px;

    text-align:center;
}

.sksons-why-heading > span{
    display:block;

    margin-bottom:12px;

    color:#5A3420;

    font-size:14px;

    font-weight:600;

    letter-spacing:2.5px;
}

.sksons-why-heading h2{
    margin:0 0 18px;

    color:#222;

    font-size:43px;

    line-height:1.2;

    font-weight:700;
}

.sksons-why-heading p{
    margin:0;

    color:#666;

    font-size:16px;

    line-height:1.8;
}


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

.sksons-why-grid{
    max-width:1200px;

    margin:0 auto;

    display:grid;

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

    gap:0;

    border-top:1px solid #ded3ca;

    border-left:1px solid #ded3ca;
}


/* =====================================================
   ITEM
===================================================== */

.sksons-why-item{
    min-height:270px;

    padding:35px 35px 38px;

    border-right:1px solid #ded3ca;

    border-bottom:1px solid #ded3ca;

    background:#fff;

    position:relative;

    transition:.4s ease;
}


/* =====================================================
   TOP
===================================================== */

.sksons-why-top{
    display:flex;

    align-items:center;

    gap:13px;

    margin-bottom:24px;
}

.sksons-why-top > span{
    color:#9A765C;

    font-size:11px;

    font-weight:600;

    letter-spacing:1.8px;
}


/* =====================================================
   NUMBER
===================================================== */

.sksons-why-icon{
    width:48px;
    height:48px;

    display:flex;

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

    border-radius:50%;

    background:#F7F3EC;

    color:#5A3420;

    font-size:13px;

    font-weight:600;

    transition:.4s ease;
}


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

.sksons-why-item h3{
    margin:0 0 14px;

    color:#222;

    font-size:22px;

    line-height:1.35;

    font-weight:650;

    transition:.3s ease;
}


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

.sksons-why-item p{
    margin:0;

    color:#666;

    font-size:14px;

    line-height:1.8;
}


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

.sksons-why-item:hover{
    background:#F7F3EC;

    transform:translateY(-5px);

    z-index:2;

    box-shadow:0 15px 35px rgba(90,52,32,.10);
}

.sksons-why-item:hover .sksons-why-icon{
    background:#5A3420;

    color:#fff;

    transform:scale(1.08);
}

.sksons-why-item:hover h3{
    color:#5A3420;
}


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

@media(max-width:991px){

    .sksons-why-services{
        padding:75px 20px;
    }

    .sksons-why-heading h2{
        font-size:37px;
    }

    .sksons-why-grid{
        grid-template-columns:repeat(2,1fr);
    }

}


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

@media(max-width:700px){

    .sksons-why-services{
        padding:65px 18px;
    }

    .sksons-why-heading{
        margin-bottom:45px;
    }

    .sksons-why-heading h2{
        font-size:30px;

        line-height:1.3;
    }

    .sksons-why-heading p{
        font-size:14px;

        line-height:1.75;
    }

    .sksons-why-grid{
        grid-template-columns:1fr;

        border-left:1px solid #ded3ca;
    }

    .sksons-why-item{
        min-height:auto;

        padding:30px 25px 32px;
    }

    .sksons-why-item h3{
        font-size:21px;
    }

    .sksons-why-item p{
        font-size:13.5px;

        line-height:1.75;
    }

}


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

@media(max-width:400px){

    .sksons-why-heading h2{
        font-size:27px;
    }

    .sksons-why-item{
        padding:27px 20px 30px;
    }

    .sksons-why-item h3{
        font-size:20px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5f4fc0b *//* =====================================================
   S.K. & SONS
   SERVICES CTA
===================================================== */

.sksons-services-cta{
    width:100%;

    padding:75px 20px;

    background:#5A3420;

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

    position:relative;

    overflow:hidden;

    box-sizing:border-box;
}

.sksons-services-cta *,
.sksons-services-cta *::before,
.sksons-services-cta *::after{
    box-sizing:border-box;
}


/* =====================================================
   DECORATIVE CIRCLE
===================================================== */

.sksons-services-cta::before{
    content:"";

    position:absolute;

    width:360px;
    height:360px;

    right:-170px;
    top:-180px;

    border:55px solid rgba(215,178,122,.10);

    border-radius:50%;

    pointer-events:none;
}


.sksons-services-cta::after{
    content:"";

    position:absolute;

    width:180px;
    height:180px;

    left:-100px;
    bottom:-110px;

    border:35px solid rgba(255,255,255,.05);

    border-radius:50%;

    pointer-events:none;
}


/* =====================================================
   INNER
===================================================== */

.sksons-services-cta-inner{
    position:relative;

    z-index:2;

    max-width:1200px;

    margin:0 auto;

    display:grid;

    grid-template-columns:1fr 280px;

    gap:70px;

    align-items:center;
}


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

.sksons-cta-tag{
    display:block;

    margin-bottom:12px;

    color:#D7B27A;

    font-size:13px;

    font-weight:600;

    letter-spacing:2.5px;
}


/* =====================================================
   HEADING
===================================================== */

.sksons-cta-content h2{
    margin:0 0 20px;

    color:#fff;

    font-size:42px;

    line-height:1.2;

    font-weight:700;

    letter-spacing:-.5px;
}

.sksons-cta-content h2 strong{
    display:block;

    color:#D7B27A;

    font-weight:700;
}


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

.sksons-cta-content p{
    max-width:750px;

    margin:0;

    color:#eadfd6;

    font-size:15px;

    line-height:1.85;
}


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

.sksons-cta-action{
    display:flex;

    justify-content:flex-end;
}


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

.sksons-cta-btn{
    display:inline-flex;

    align-items:center;

    gap:18px;

    padding:7px 8px 7px 25px;

    background:#D7B27A;

    color:#5A3420;

    text-decoration:none;

    border-radius:50px;

    font-size:14px;

    font-weight:600;

    transition:.4s ease;
}


/* Arrow Circle */

.sksons-cta-btn b{
    width:43px;
    height:43px;

    display:flex;

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

    border-radius:50%;

    background:#5A3420;

    color:#fff;

    font-size:21px;

    font-weight:400;

    transition:.4s ease;
}


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

.sksons-cta-btn:hover{
    background:#fff;

    color:#5A3420;

    transform:translateY(-4px);

    box-shadow:
        0 12px 30px rgba(0,0,0,.15);
}

.sksons-cta-btn:hover b{
    transform:translateX(5px);

    background:#5A3420;

    color:#fff;
}


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

@media(max-width:991px){

    .sksons-services-cta{
        padding:65px 20px;
    }

    .sksons-services-cta-inner{
        grid-template-columns:1fr 220px;

        gap:40px;
    }

    .sksons-cta-content h2{
        font-size:36px;
    }

}


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

@media(max-width:700px){

    .sksons-services-cta{
        padding:60px 18px;
    }

    .sksons-services-cta-inner{
        display:block;
    }

    .sksons-cta-content h2{
        font-size:30px;

        line-height:1.3;
    }

    .sksons-cta-content p{
        font-size:14px;

        line-height:1.75;
    }

    .sksons-cta-action{
        justify-content:flex-start;

        margin-top:28px;
    }

    .sksons-cta-btn{
        font-size:13px;
    }

}/* End custom CSS */