/*!
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */
*{
    padding:0px;
    margin:0px;
    box-sizing: border-box;
}
a,
button,
input,
textarea,
i {
  -webkit-tap-highlight-color: transparent;
}
html{
    --compact-width:1300px;
    --primary-color:#1ea4de;
    --secondary-color:#001845;
}
#main-header .site-container,
#mobile-header .site-container{
    width:100% !important;
    padding:0px !important;
    max-width: 100% !important;
}
[data-section="kadence_customizer_header_html"],
[data-section="kadence_customizer_mobile_html"],
.custom-header-container{
    width:100%;
    background-color:white;
}
#main-header .site-header-main-section-center.site-header-section.site-header-section-center{
    height:140px;
}
#mobile-header .site-header-main-section-center.site-header-section.site-header-section-center{
    min-height:130px;
}
.scrolling [data-section="kadence_customizer_header_html"],
.scrolling [data-section="kadence_customizer_mobile_html"]{
    position: fixed;
    top:0px;
    box-shadow:0px 5px 20px rgba(0, 24, 69,.3);
}
.custom-header-container{
    display: flex;
    align-items: center;
    max-width:var(--compact-width);
    padding:15px 30px;
    margin:0 auto;
    background-color:white;
}
#mobile-header .custom-header-container{
    padding:15px 30px;
}
.custom-header-container a{
    color:var(--secondary-color) !important;
    text-decoration: none;
    letter-spacing: 1px;
}
.custom-header-logo,
.custom-header-btn{
    flex:1;
}
.custom-header-container .custom-header-logo a{
    display: block;
    width:110px;
    aspect-ratio:1/1;
    background-image:url('/wp-content/uploads/2026/01/354919726_985240805840923_9023706258207011304_n-1.jpeg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.custom-header-btn{
    display: flex;
    justify-content: end;
}

.custom-header-container ul{
    list-style: none;
    margin:0px;
    padding:0px;
    display: flex;
    align-items: center;
    gap:35px;
}
.custom-header-container ul li{
    display: flex;
}
.custom-header-container ul li > a,
.custom-products-menu-desktop{
    padding:10px 15px;
    font-weight: 600;
    transition:color .2s ease;
    position: relative;
    cursor: pointer;
}
.custom-header-container ul li > a span,
.custom-products-menu-desktop > a{
    position: relative;
    z-index:2;
}
.custom-header-container ul li > a::before,
.custom-products-menu-desktop::before{
    position: absolute;
    content:' ';
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    background-color:var(--primary-color);
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
    transition:clip-path .2s ease;
}
.custom-products-menu-desktop {
    display: flex;
    align-items: center;
    gap:5px;
    position: relative;
}
.custom-products-menu-desktop i{
    font-size:22px;
    transition:color .2s ease , transform .3s ease;
    position: relative;
    z-index: 2;
    color:var(--secondary-color);

}
.custom-products-menu-desktop.active i{
    color:white;
}
.custom-header-container ul li > a:hover,
.custom-header-container ul li > a.active,
.custom-products-menu-desktop:hover > a,
.custom-products-menu-desktop.active > a,
.custom-products-menu-desktop.show > a{
    color:white !important;
}
.custom-header-container ul li > a:hover::before,
.custom-header-container ul li > a.active::before,
.custom-products-menu-desktop:hover::before,
.custom-products-menu-desktop.active::before,
.custom-products-menu-desktop.show::before{
    clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
}
.custom-products-menu-desktop:hover i{
    color: white;
}
.custom-products-menu-desktop.show i{
    color:white;
    transform-origin: center center;
    transform: rotate(180deg);
}
.custom-header-btn a{
    padding: 15px 50px;
    background-color: white;
    color: var(--secondary-color) !important;
    font-weight: 600;
    border-radius: .5vw;
    cursor: pointer;
    border: 2px solid var(--secondary-color);
    transition:color .2s ease;
    position: relative;
    overflow: hidden;
}
.custom-header-btn a::before{
    position: absolute;
    content:' ';
    top:-5px;
    bottom:-5px;
    left:-5px;
    right:-5px;
    background-color:var(--secondary-color);
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    transition:clip-path .25s ease;
}
.custom-header-btn a span{
    position: relative;
    z-index:2;
}
.custom-header-btn a:hover{
    color: white !important;
}
.custom-header-btn a.in::before{
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.custom-header-btn a.out::before{
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
}
/*products menu selector*/
.custom-products-menu-selector{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    width: 500px;
    background-color: white;
    position: absolute;
    top: 190%;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0px 0px 15px rgba(0, 24, 69, .1);
    border-radius: .5vw;
    gap:5px;
    opacity: 0;
    pointer-events: none;
    transition:opacity .3s ease , top .3s ease;
}
.custom-products-menu-desktop.show .custom-products-menu-selector{
    opacity: 1;
    top: 150%;
    pointer-events: all;
}
.custom-products-menu-selector  a{
    width:100%;
    padding:30px 10px;
    color:var(--secondary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    transition:color .2s ease;
    cursor: pointer;
}
.custom-products-menu-selector a:hover{
    color:var(--primary-color);
}

/* mobile header */
#mobile-header .custom-header-container .custom-header-logo a{
    width:100px;
}
.custom-header-burger{
    flex:1;
    display: flex;
    align-items: center;
    justify-content: end;
}
.custom-header-burger button{
    box-shadow: none !important;
    border-radius: 0px;
    padding:0px !important;
    --w:50px;
    --h:30px;
    width:var(--w);
    height:var(--h);
    background-color: rgb(0, 24, 69,0) !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: end;
    cursor: pointer;
    transition:height 1s ease, background-color 1s ease;
}
.custom-header-burger button > span{
    height: 5.8px;
    background-color:var(--primary-color);
    transform-origin: center center;
    transition:width .5s ease , transform .5s ease , opacity .3s ease , background-color .3s ease;
}
.custom-header-burger button > span:first-child{
    width:calc(var(--w)/2);
}
.custom-header-burger button > span:nth-child(2){
    width:calc(var(--w)/1.25);
}
.custom-header-burger button > span:last-child{
    width:var(--w);
}
.show-mobile-bar .custom-header-burger button{
    height:50px;
}
.show-mobile-bar .custom-header-burger button > span{
    background-color:var(--secondary-color);
}

.show-mobile-bar .custom-header-burger button > span:first-child{
    width: 50px;
    transform: rotate(-45deg) translate(-15px, 15px);
}
.show-mobile-bar .custom-header-burger button > span:nth-child(2){
    opacity: 0;
    pointer-events: none;
}
.show-mobile-bar .custom-header-burger button > span:last-child{
    width: 50px;
    transform: rotate(45deg) translate(-16px, -15px);
}
[data-section="kadence_customizer_mobile_html"]{
    position:relative;
    display: flex;
    flex-direction: column;
}
.custom-mobile-bar{
    display: flex;
    flex-direction: column;
    width: 100%;
    max-height: 0px;
    overflow: scroll;
    pointer-events: none;
    transition:max-height .5s ease;
    background-color:white;
}
.show-mobile-bar .custom-mobile-bar{
    max-height:388px;
    pointer-events: all;
}
.products-menu-show .custom-mobile-bar{
    max-height:753px;
}
.custom-mobile-bar-border{
    min-height: 10px;
    width: 0%;
    background-color: var(--secondary-color);
    transition:width .5s ease;
    transition-delay: .8s;
}
.show-mobile-bar .custom-mobile-bar-border{
    width:100%;
}
.custom-mobile-bar .custom-mobile-menu{
    padding:20px 30px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.custom-mobile-bar .custom-mobile-menu li{
    display: flex;
    flex-direction: column;
}
.custom-mobile-bar .custom-mobile-menu a{
    padding:10px 15px;
    font-weight: 600;
    color:var(--secondary-color);
    text-decoration: none;
    transition: color .2s ease;
    position: relative;
    cursor: pointer;
    letter-spacing: 1px;
    width:fit-content;
}
.custom-mobile-bar .custom-mobile-menu a span{
    position: relative;
    z-index: 2;
}
.custom-mobile-menu a.active::before{
    position: absolute;
    content: ' ';
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: var(--primary-color);
    clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
}
.custom-mobile-menu a.active{
    color:white;
}
.custom-mobile-bar ul{
    list-style: none;
    margin:0px !important;
}
.custom-products-menu-mobile{
    display: flex;
    align-items: center;
    position: relative;
    width: fit-content;
    padding:10px 15px;
    gap:5px;
}
.custom-products-menu-mobile >a{
    padding:0px !important;
}
.custom-products-menu-mobile.active::before{
    position: absolute;
    content: ' ';
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: var(--primary-color);
    clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
}

.custom-products-menu-mobile i{
    font-size: 22px;
    color:var(--secondary-color);
    transition:transform .3s ease;
    position: relative;
}
.products-menu-show .custom-products-menu-mobile i{
    transform: rotate(180deg);
}
.custom-products-menu-mobile.active > a,
.custom-products-menu-mobile.active i{
    color:white;
}
.custom-mobile-menu li > ul{
    padding-left:20px;
    max-height: 0px;
    transition:max-height .3s ease;
    overflow: scroll;
    pointer-events: none;
}
.products-menu-show .custom-mobile-menu li > ul{
    max-height: 160px;
    pointer-events: all;
    background-color: rgba(0, 0, 0, .05);
}
.products-menu-show .custom-mobile-menu li > ul li a{
    width:100%;
}
.custom-mobile-bar h5{
    padding: 5px 30px;
  color: var(--secondary-color);
  letter-spacing: 1px;
  text-transform: uppercase;
}
.custom-mobile-bar p{
    padding: 10px 30px;
    letter-spacing: 1px;
    color: var(--secondary-color);
}
.custom-socials-mobile{
    display: flex;
    align-items:center;
    padding:20px 30px;
    gap:15px;
}
.custom-socials-mobile li a{
    display: flex;
    text-decoration: none;
    color:var(--secondary-color);
    font-size: 35px;
}



/* footer */
#colophon{
    background-image:url("/wp-content/uploads/2026/01/footer-bg-desktop-scaled.png");
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    position:relative;
}
.custom-footer-container{
    display: flex;
    flex-direction: column;
    max-width: var(--compact-width);
    width:100vw;
    padding: 30px;
    margin: 0 auto;
    gap:50px;
    position:relative;
    z-index:2;
}
#colophon::before{
    position:absolute;
    content:' ';
    top:0px;
    bottom:0px;
    right:0px;
    left:0px;
    background-color:rgba(0,0,0,0.25);
}
@media (max-width:750px){
    #colophon{
     background-image:url("/wp-content/uploads/2026/01/footer-bg-mobile-scaled.png");
    }
}
@media (max-width:600px){
    #mobile-header .custom-header-container,
    .custom-footer-container,
    .custom-mobile-bar .custom-mobile-menu{
        padding:15px;
    }
    .custom-mobile-bar h5{
        padding: 5px 15px;
    }
    .custom-mobile-bar p{
        padding: 10px 15px;      
    }
    .custom-mobile-bar .custom-socials-mobile{
        padding:20px 15px;
    }
}
.footer-section-top{
    display: flex;
    gap: 200px;
}
@media(max-width:1000px){
.footer-section-top{
    gap: 100px;
}
}
@media(max-width:850px){
.footer-section-top{
    gap: 50px;
}
}
@media(max-width:680px){
.footer-section-top{
    flex-direction: column;
}
.section-2-footer ul a,
.section-3-footer ul a{
    width:fit-content;
}
}
.section-1-footer{
    display: flex;
    flex-direction: column;
}
.custom-icon-footer{
    width:150px;
    aspect-ratio:1/1;
    margin-bottom:40px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('/wp-content/uploads/2026/01/354919726_985240805840923_9023706258207011304_n-1.jpeg');
}
.custom-contact-detail-footer{
    display: flex;
    align-items: center;
    gap: 10px;
    color: white;
    margin-bottom:20px;
    letter-spacing: 1px;
}
.custom-contact-detail-footer i{
    font-size: 20px;
    color: var(--secondary-color);
    padding: 5px;
    border-radius: .5vw;
    background-color: white;
}
.custom-contact-detail-footer.socials{
    gap:0px;
    margin:10px 0px 0px 0px;
}
.custom-contact-detail-footer.socials ul{
    display: flex;
    align-items: center;
    margin:0px;
    list-style: none;
    gap:20px;
}
.custom-contact-detail-footer.socials ul a{
    display: flex;
    text-decoration: none;
}
.custom-contact-detail-footer.socials ul i{
    font-size: 40px;
    color:white;
    padding:0px;
    border-radius: 0vw;
    background-color:transparent;
}


.section-2-footer ul,
.section-3-footer ul{
    margin:0px;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap:10px;
}
.section-2-footer ul a,
.section-3-footer ul a{
    display: flex;
    text-decoration: none;
    color:white;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 10px 15px;
    transition: color .2s ease;
    position: relative;
    cursor: pointer;
}
.section-2-footer ul a span,
.section-3-footer ul a span{
    position: relative;
    z-index: 2;
}
.section-2-footer ul a.active,
.section-2-footer ul a:hover,
.section-3-footer ul a.active,
.section-3-footer ul a:hover{
    color:white;
}
.section-2-footer ul a::before,
.section-3-footer ul a::before{
    position: absolute;
    content: ' ';
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: var(--primary-color);
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
    transition: clip-path .2s ease;
}
.section-2-footer ul a.active::before,
.section-2-footer ul a:hover::before,
.section-3-footer ul a.active::before,
.section-3-footer ul a:hover::before{
    clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
}

.footer-section-bottom{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color:white;
    letter-spacing: 1px;
    font-size: 12px;
    padding: 50px 0px;
    border-top: 1px solid white;
    flex-wrap: wrap;
    gap: 20px;
}
.custom-dev{
    display: flex;
    align-items: center;
    gap:8px;
}
.custom-dev a,
.custom-dev a:hover{
    text-decoration: none;
    color:white;
    position: relative;
    padding:5px;
    font-weight: 600;
}
.custom-dev a span{
    position: relative;
    z-index: 2;
}
.custom-dev a::before{
    position: absolute;
    content:'';
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    background-color:var(--primary-color);
}


/*custom hero section*/
#primary{
    margin:0px !important;
}
#primary .content-container.site-container{
    max-width: 100% !important;
    padding:0px !important;
}
.hero-section{
    background-color: var(--secondary-color);
    min-height:85vh;
    width:100vw;
    display: flex;
}

.custom-hero-content-wrapper{
    display: flex;
    align-items: center;
    width:100%;
    padding:30px 30px;
    max-width: var(--compact-width);
    margin:0 auto;
}
@media (max-width:600px){
    .custom-hero-content-wrapper{
        padding:30px 15px;
    }
}
.custom-hero-content-wrapper .content-1,
.custom-hero-content-wrapper .content-2{
    flex:1;
}
.custom-hero-content-wrapper .content-1 h1{
    font-size: 60px;
    color:white;
    line-height: 1.8;
    letter-spacing: 1px;
    margin-bottom: 10px !important;
}
.custom-hero-content-wrapper .content-1 h1 .highlight{
    position: relative;
    cursor: pointer;
    width:fit-content;
}
@media (max-width:500px){
    .custom-hero-content-wrapper .content-1 h1 .highlight{
        display: flex;
    }
}
.custom-hero-content-wrapper .content-1 h1 .highlight span{
    position: relative;
    z-index: 2;
}
.custom-hero-content-wrapper .content-1 h1 .highlight::before{
    position: absolute;
    content:'';
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    background-color:var(--primary-color);
    clip-path: polygon(0 100%, 100% 100%, 100% 92%, 0 92%);
    transition:clip-path .25s ease;
}
.custom-hero-content-wrapper .content-1 h1 .highlight:hover::before{
    clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
}
.custom-hero-content-wrapper p{
    color:white;
    line-height: 2.5;
    letter-spacing: 1px;
}
.custom-hero-content-wrapper .content-1 a{
    display: flex;
    align-items: center;
    text-decoration: none;
    color: white;
    gap: 10px;
    padding: 10px 15px;
    background-color: var(--primary-color);
    width: fit-content;
    border-radius: .5vw;
    cursor: pointer;
}
.custom-hero-content-wrapper .content-1 a i{
    font-size: 25px;
    transition:transform .3s ease;
}
.custom-hero-content-wrapper .content-1 a:hover i{
    transform:rotate(180deg);
}
.custom-hero-content-wrapper .content-1 a span{
    font-weight: 600;
}
.custom-hero-content-wrapper .content-2{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.custom-hero-content-wrapper .content-2 .custom-hero-section-img{
    width: 100%;
    max-width: 550px;
    height: 500px;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("/wp-content/uploads/2026/01/hero-img-ice.webp");
    border-radius: .5vw;
    box-shadow: 0px 0px 20px rgba(30, 164, 222, .1);
    transition:background-size .3s ease;
    cursor: pointer;
}
@media (max-width:600px){
    .custom-hero-content-wrapper .content-2 .custom-hero-section-img{
    background-position: center right;
    }
    .custom-hero-content-wrapper .content-1 h1{
        display: flex;
    flex-direction: column;
    align-items: center;
    }
}
@media(min-height:1000px){
.custom-hero-content-wrapper .content-2 .custom-hero-section-img{
    width: 100%;
    max-width: 700px;
    height: 600px;
}
}
.custom-hero-content-wrapper .content-2 .custom-hero-section-stats{
    position: absolute;
    top:80%;
    z-index: 3;
}
.custom-hero-section-stats{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 10px;
}
.custom-hero-section-stat{
    position: relative;
    padding: 20px;
    border-radius: .5vw;
    cursor: pointer;
    overflow: hidden;
    box-shadow: 0px 0px 20px rgba(30, 164, 222, .1);
    transition:transform .3s ease;
}
.custom-hero-section-stat:hover{
    transform: translateY(-10px);
}
.custom-hero-section-stat > div.stat-bg{
    position: absolute;
    top: 0px;
    bottom:0px;
    left:0px;
    right:0px;
    backdrop-filter: blur(6px);
}
.custom-hero-section-stat > div.stat-content{
    width:100%;
    height:100%;
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    gap: 5px;
    color: white;
    align-items: center;
    text-align: center;
    letter-spacing: 1px;
}
.custom-hero-section-stat > div h4{
    color:white;
    font-size: 25px;
    margin-bottom:5px;
}

@media (max-width:1230px){
    .custom-hero-content-wrapper{
        flex-direction: column;
        gap:50px;
    }
    .custom-hero-content-wrapper .content-1,
    .custom-hero-content-wrapper .content-2{
        flex:auto;
        width:100%;
    }
    .custom-hero-content-wrapper .content-1{
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .custom-hero-content-wrapper .content-2{
        order:-1;
    }

}
@media (max-width:960px){
    .custom-hero-section-stats {
        display: grid;
        grid-template-columns: repeat(2,1fr);
    }
    .custom-hero-content-wrapper{
        gap:140px;
    }
}
@media (max-width:860px){
    .custom-hero-content-wrapper{
        gap:130px;
    }
}
@media (max-width:710px){
    .custom-hero-content-wrapper{
        gap:160px;
    }
}
@media (max-width:500px){

    .custom-hero-content-wrapper .content-2 .custom-hero-section-stats {
        position: absolute;
        top: 55%;
        padding: 10px;
    }

    .custom-hero-content-wrapper{
        gap:80px;
    }

}
/* about us */
.custom-about-us-section{
    width:100%;
    padding:60px 30px;
    max-width:var(--compact-width);
    margin:0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.custom-about-content-1{
    order: 1;
    flex: 1;
    padding: 40px 50px;
    display: flex;
    flex-direction: column;
    background-color: var(--secondary-color);
    color: white;
    border-radius: .5vw;
    box-shadow: 0px 0px 30px rgba(30, 164, 222, .2);
    max-width: 660px;
    position: relative;
    z-index: 2;
}
.custom-about-head{
    display: flex;
    align-items: center;
    gap: 5px;
}
.custom-about-head i{
    font-size: 25px;
    color:white;
}
.custom-about-head h6{
    margin:0px !important;
    color:white;
    font-size:20px;
    letter-spacing: 1px;
    position:relative;
    cursor: pointer;
}
.custom-about-head h6::before{
    content:'';
    position:absolute;
    top:0px;
    bottom:0px;
    right:0px;
    left:0px;
    background-color:var(--primary-color);
    clip-path: polygon(0 100%, 100% 100%, 100% 92%, 0 92%);
    transition:clip-path .25s ease;
}
.custom-about-head h6 span{
    position: relative;
    z-index: 2;
}
.custom-about-head h6:hover::before{
    clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
}
.custom-about-content-1 h3{
    color:white;
    font-size: 35px;
    letter-spacing: 1px;
    line-height: 1.8;
    margin:20px 0px 30px 0px !important;
}
.custom-about-content-1 p{
    letter-spacing: 1px;
    line-height: 2.5;
}
.custom-about-content-2{
    flex:1;
    position: relative;
    max-width: 500px;
    height: 450px;
    border-radius: 1vw 0vw 0vw 1vw;
    cursor: pointer;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: end;
    transform:translateX(400px);
    opacity: 0;
    transition:transform 1s ease , opacity 1s ease;
}
.custom-about-content-2.inView{
    transform:translateX(0px);
    opacity: 1;
}
.custom-about-content-2 a{
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 15px;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    background-color: var(--primary-color);
    justify-content: center;
    cursor: pointer;
    color:white !important;
}
.custom-about-content-2 a i{
    transition:transform .3s ease;
    font-size:25px;
}
.custom-about-content-2 a:hover i{
    transform:translateX(5px);
}
.custom-about-content-2 .custom-about-content-2-img{
    position: absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("/wp-content/uploads/2026/01/ice-blocks.jpg");
}
@media (max-width:850px){
    .custom-about-content-2{
        flex:auto;
        width:calc((100vw - 30px) - ((100vw - 30px) * .05) );
        max-width:550px;
        height: 450px;
        border-radius: 1vw 1vw 0vw 0vw;
        transform:translateX(0px) translateY(15px);
        transition:transform 1s ease , opacity 1s ease;
        pointer-events: none;
        opacity: 0;
        z-index: 3;
    }
    .custom-about-content-2.inView{
        transform:translateX(0px) translateY(0px);
        opacity: 1;     
    }
    .custom-about-us-section{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .custom-about-content-1 {
        border-radius: .5vw .5vw 0vw 0vw;
        align-items: center;
        text-align: center;
    }
}
@media (max-width:600px){
    .custom-about-us-section{
        padding:30px 15px;
    }  
}

@media (max-width:500px){
    .custom-about-content-1 {
        padding: 40px 20px;
    }
}


/* industires */
.custom-industries-container{
    display: flex;
    flex-direction: column;
    padding: 40px 30px;
    max-width: var(--compact-width);
    margin:0 auto;
}
@media (max-width:850px){
    .custom-industries-container{
        padding: 30px;
    }
}
@media(max-width:600px){
    .custom-industries-container{
        padding: 30px 15px; 
    }
}
.custom-industries-head{
    display: flex;
    align-items: center;
    gap:15px;
    justify-content: center;
}
@media (max-width:500px){
    .custom-industries-head{
        gap:5px;
    }
}
.custom-industries-head i{
    font-size: 55px;
    color: var(--secondary-color);
}
.custom-industries-head h2{
    margin: 0px !important;
    color: var(--secondary-color);
    font-size: 40px;
    letter-spacing: 1px;
    position: relative;
    cursor: pointer;
    transition: color .25s ease;
}
.custom-industries-head h2::before {
  content: '';
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  background-color: var(--primary-color);
  clip-path: polygon(0 100%, 100% 100%, 100% 92%, 0 92%);
  transition: clip-path .25s ease;
}
.custom-industries-head h2:hover{
    color:white;
}
.custom-industries-head h2:hover::before {
  clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
}
.custom-industries-head h2 span {
  position: relative;
  z-index: 2;
}
.custom-industries-grid{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    margin-top: 40px;
    column-gap: 50px;
    row-gap: 40px;
}
@media (max-width:650px){
    .custom-industries-grid{
        grid-template-columns: repeat(2,1fr);
    }
}
.custom-industries-grid > div{
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}
.custom-industries-grid > div span{
    font-weight: 600;
    color:var(--secondary-color);
    letter-spacing: 1px;
    text-align: center;
    max-width: 200px;
    line-height: 1.8;
    font-size: 18px;
}
@media (max-width:345px){
.custom-industries-grid > div span{
    font-size: 17.4px;
}  
}
.custom-industries-grid > div i{
    font-size: 60px;
    color: white;
    background-color: var(--secondary-color);
    padding: 20px;
    border-radius: .5vw;
    box-shadow: 0px 5px 30px rgba(0, 24, 69,.1);
    cursor: pointer;
    transition:transform .3s ease , box-shadow .3s ease;
}
.custom-industries-grid > div i:hover{
    box-shadow: 0px 5px 30px rgba(0, 24, 69,.3);
    transform: translateY(-10px);
}
@media (max-width:500px){
    .custom-industries-head i{
        font-size: 50px;
    }
    .custom-industries-head h2{
        font-size: 34px;
    }
}
@media (max-width:390px){
    .custom-industries-head i{
        font-size: 45px;
    }
    .custom-industries-head h2{
        font-size: 30px;
    }
}
@media (max-width:360px){
    .custom-industries-head i{
        font-size: 40px;
    }
    .custom-industries-head h2{
        font-size: 29px;
    }
}
@media (max-width:345px){
    .custom-industries-head h2{
        font-size: 27px;
    }
}


/* products section  */
.custom-products-section-container{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 30px;
    max-width: var(--compact-width);
    margin: 0 auto;
}
.custom-products-section-head{
    width:100%;
    display: flex;
    align-items: center;
    gap:15px;
    justify-content: center;
}
@media (max-width:500px){
    .custom-products-section-head{
        gap:5px;
    }
}
.custom-products-section-head i{
    font-size: 55px;
    color: var(--secondary-color);
}
.custom-products-section-head h2{
    margin: 0px !important;
    color: var(--secondary-color);
    font-size: 40px;
    letter-spacing: 1px;
    position: relative;
    cursor: pointer;
    transition: color .25s ease;
}
.custom-products-section-head h2::before {
  content: '';
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  background-color: var(--primary-color);
  clip-path: polygon(0 100%, 100% 100%, 100% 92%, 0 92%);
  transition: clip-path .25s ease;
}
.custom-products-section-head h2:hover{
    color:white;
}
.custom-products-section-head h2:hover::before {
  clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
}
.custom-products-section-head h2 span {
  position: relative;
  z-index: 2;
}
@media (max-width:500px){
    .custom-products-section-head i{
        font-size: 50px;
    }
    .custom-products-section-head h2{
        font-size: 34px;
    }
}
@media (max-width:390px){
    .custom-products-section-head i{
        font-size: 45px;
    }
    .custom-products-section-head h2{
        font-size: 30px;
    }
}
@media (max-width:360px){
    .custom-products-section-head i{
        font-size: 40px;
    }
    .custom-products-section-head h2{
        font-size: 29px;
    }
}
@media (max-width:345px){
    .custom-products-section-head h2{
        font-size: 27px;
    }
}

.custom-products-section-grid{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    max-width: var(--compact-width);
    margin: 0 auto;
    width: 100%;
    margin-top: 40px;
    column-gap: 50px;
    row-gap: 40px;
}
.custom-products-section-grid-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    color: white;
    max-width: 430px;
    margin: 0 auto;
}
.custom-products-section-grid-item-img{
    width:90%;
    height:230px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    cursor: pointer;
    border-radius: .5vw .5vw 0vw 0vw;
    transform:translateY(10px);
    opacity: 0;
    transition:transform 1s ease , opacity 1s ease;
}
.custom-products-section-grid-item:nth-child(1) .custom-products-section-grid-item-img{
    background-image: url('/wp-content/uploads/2026/02/fresh-tube-2.png');
}
.custom-products-section-grid-item:nth-child(2) .custom-products-section-grid-item-img{
    background-image: url('/wp-content/uploads/2026/01/pure-chill.webp');
}
.custom-products-section-grid-item:nth-child(3) .custom-products-section-grid-item-img{
    background-image: url('/wp-content/uploads/2026/02/fresh-ice-cups.png');
}
.custom-products-section-grid-item-img.inView{
    opacity: 1;
    transform:translateY(0px);
}
.custom-products-section-grid-item-content {
    width:100%;
    border-radius: 0.5vw 0.5vw 0vw 0vw;  
    background-color: var(--secondary-color);
    box-shadow: 0px 0px 30px rgba(30, 164, 222, .2);
}
.custom-products-section-grid-item-content h4{
    color: white;
    font-size: 25px;
    letter-spacing: 1px;
    line-height: 1.8;
    text-align: center;
    padding:20px 20px 5px 20px;
    margin:0px !important;
}
.custom-products-section-grid-item-content p{
    color: white;
    line-height: 2.5;
    letter-spacing: 1px;
    text-align: center;
    padding:0px 20px 20px 20px;
    margin:0px !important;
}
.custom-products-section-grid-item-content a{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 15px;
    text-decoration: none;
    gap: 10px;
    font-weight: 600;
    background-color: var(--primary-color);
    cursor: pointer;
    color: white !important;
}
.custom-products-section-grid-item-content a i {
  transition: transform .3s ease;
  font-size: 25px;
}
.custom-products-section-grid-item-content a:hover i {
  transform: translateX(5px);
}

.custom-products-section-btn{
    margin-top:35px;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 10px 35px;
    border-radius: .5vw;
    color: var(--secondary-color) !important;
    font-weight: 600;
    background-color: white;
    width: fit-content;
    text-decoration: none;
    border: 2px solid var(--secondary-color);
    position: relative;
    transition: color .25s ease;
    overflow: hidden;
}
.custom-products-section-btn.in{
    color:white !important;
}
.custom-products-section-btn i{
    font-size: 25px;
}
.custom-products-section-btn::before{
    position: absolute;
    content: ' ';
    top: -5px;
    bottom: -5px;
    left: -5px;
    right: -5px;
    background-color: var(--secondary-color);
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    transition: clip-path .25s ease;
}
.custom-products-section-btn.in::before {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.custom-products-section-btn.out::before {
  clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
}
.custom-products-section-btn  span,
.custom-products-section-btn   i {
  position: relative;
  z-index: 2;
}

@media (max-width:1100px){
    .custom-products-section-grid{
        grid-template-columns: repeat(2,1fr);
    } 
}
@media (max-width:600px){
    .custom-products-section-container {
        padding: 30px 15px;
    }
    .custom-products-section-grid{
        grid-template-columns: repeat(1,1fr);
    } 
    .custom-products-section-btn{
        color:white !important;
    }
    .custom-products-section-btn::before {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
}

/* custom contact us section */
.custom-section-contact-us{
    display: flex;
    width: 100%;
    background-color: var(--secondary-color);
    margin-top: 30px;
}
.custom-container-contact-us{
    padding: 0px 30px;
    display: flex;
    gap:30px;
    width:100%;
    max-width: var(--compact-width);
    margin:0 auto;
}
.custom-img-contact-us{
    width:530px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("/wp-content/uploads/2026/01/contact-5-scaled.jpg");
    cursor: pointer;
    position: relative;
}
.custom-content-contact-us{
    flex:1;
    padding: 40px 0px;
    display: flex;
    flex-direction: column;
}
.custom-contact-us-head {
  display: flex;
  align-items: center;
  gap: 10px;
}
.custom-contact-us-head h6 {
  margin: 0px !important;
  color: white;
  font-size: 20px;
  letter-spacing: 1px;
  position: relative;
  cursor: pointer;
}
.custom-contact-us-head h6::before {
  content: '';
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  background-color: var(--primary-color);
  clip-path: polygon(0 100%, 100% 100%, 100% 92%, 0 92%);
  transition: clip-path .25s ease;
}
.custom-contact-us-head h6 span {
  position: relative;
  z-index: 2;
}
.custom-contact-us-head h6:hover::before  {
  clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
}
.custom-contact-us-head .custom-question-mark-icon{
    color: white;
    background-color: var(--primary-color);
    font-weight: 600;
    border-radius: .1vw;
    width: 25px;
    aspect-ratio: 1/1;
    text-align: center;
    order:2;
}
.custom-content-contact-us h3{
    color: white;
    font-size: 35px;
    letter-spacing: 1px;
    line-height: 1.8;
    margin: 20px 0px 10px  0px !important;
}
.custom-content-contact-us p{
    color: white;
    letter-spacing: 1px;
    line-height: 2.5;
}
.custom-content-contact-us a{
    display: flex;
    align-items: center;
    text-decoration: none;
    padding:10px 15px;
    color:white !important;
    background-color:var(--primary-color);
    border-radius: .5vw;
    gap:5px;
    width:fit-content;
    font-weight: 600;
}
.custom-content-contact-us i{
    font-size: 25px;
    transition:transform .3s ease;
}
.custom-content-contact-us a:hover i{
    transform:translateX(5px);
}
@media (max-width:930px){
    .custom-container-contact-us{
        flex-direction:column;
        text-align:center;
        padding:0px;
        gap:40px;
    }
    .custom-content-contact-us{
        align-items:center;
        padding:40px 30px;
        padding-top:0px;
    }
    .custom-img-contact-us{
    	width:100%;
        height:350px;
    }
    
}

@media (max-width:600px){
    .custom-content-contact-us{
        align-items:center;
        padding:40px 15px;
          padding-top:0px;
    }
    
}

/* About Us */
.custom-about-us-hero{
    min-height: 65vh;
    width: 100vw;
    display: flex;
    background-image:url('/wp-content/uploads/2026/02/tube-ice-bg.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}
.custom-about-us-hero::before{
    position: absolute;
    content:' ';
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    background-color:rgba(0,0,0,.3);
}
.custom-about-us-hero-content{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 30px 30px;
    max-width: var(--compact-width);
    margin: 0 auto;
    justify-content: center;
    position: relative;
    z-index: 2;
}
@media (max-width: 600px) {
.custom-about-us-hero-content {
    padding: 30px 15px;
  }
}

.custom-about-us-hero-content h1{
    font-size: 60px;
    color: white;
    line-height: 1.8;
    letter-spacing: 1px;
    margin-bottom: 10px !important;
}
.custom-about-us-hero-content p{
    color: white;
    line-height: 2.5;
    letter-spacing: 1px;
    text-align: center;
}

/* custom about us page , about content */
.custom-about-us-page-section{
    width: 100%;
    padding: 60px 30px;
    max-width: var(--compact-width);
    margin: 0 auto;
    display: flex;
    justify-content: center;
    gap:60px;
}
@media (max-width:840px){
    .custom-about-us-page-section{
        flex-direction:column;
        gap:50px;
    }
}
@media (max-width:600px){
    .custom-about-us-page-section{
        padding:30px 15px;
    }
}
.custom-about-us-page-section .custom-about-us-page-content-1,
.custom-about-us-page-section .custom-about-us-page-content-2{
    flex:1;
}
.custom-about-us-page-section .custom-about-us-page-content-1 h2{
    color: var(--secondary-color);
    font-size: 40px;
    letter-spacing: 1px;
    position: relative;
    cursor: pointer;
    transition: color .25s ease;
    width: fit-content;
}
@media (max-width:500px){
    .custom-about-us-page-section .custom-about-us-page-content-1 h2{
        font-size: 34px;
    }
}
@media (max-width:390px){
    .custom-about-us-page-section .custom-about-us-page-content-1 h2{
        font-size: 30px;
    }
}
@media (max-width:360px){
    .custom-about-us-page-section .custom-about-us-page-content-1 h2{
        font-size: 29px;
    }
}
@media (max-width:345px){
    .custom-about-us-page-section .custom-about-us-page-content-1 h2{
        font-size: 27px;
    }
}
.custom-about-us-page-section .custom-about-us-page-content-1 h2 span {
  position: relative;
  z-index: 2;
}
.custom-about-us-page-section .custom-about-us-page-content-1 h2::before {
  content: '';
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  background-color: var(--primary-color);
  clip-path: polygon(0 100%, 100% 100%, 100% 92%, 0 92%);
  transition: clip-path .25s ease;
}
.custom-about-us-page-section .custom-about-us-page-content-1 h2:hover::before{
  clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
}
.custom-about-us-page-section .custom-about-us-page-content-1 h2:hover{
  color:white;
}
.custom-about-us-page-section .custom-about-us-page-content-1 p{
    letter-spacing: 1px;
    line-height: 2.5;
    color:black;
    margin-bottom:10px;
}
.custom-about-us-page-section .custom-about-us-page-content-1 a{
    display: flex;
    align-items: center;
    text-decoration: none;
    color: white;
    gap: 20px;
    padding: 10px 15px;
    background-color: var(--primary-color);
    width: fit-content;
    border-radius: .5vw;
    cursor: pointer;
    margin-top:20px;
    transition: gap .3s ease;
}
.custom-about-us-page-section .custom-about-us-page-content-1 a:hover{
    gap: 30px;
}
.custom-about-us-page-section .custom-about-us-page-content-1 a i {
  font-size: 25px;
}
.custom-about-us-page-section .custom-about-us-page-content-1 a span{
    font-weight: 600;
}
.custom-about-us-page-content-2{
    display: flex;
    flex-direction: column;
    width:100%;
    align-items: center;
}
@media (max-width:840px){
    .custom-about-us-page-content-2{
        max-width: 600px;
        margin: 0 auto;
    }
}
.custom-about-us-page-content-2 .custom-about-us-page-content-img-1{
    background-image: url('/wp-content/uploads/2026/02/ice-tubes-fresh-ice.webp');
}
.custom-about-us-page-content-2 .custom-about-us-page-content-img-1,
.custom-about-us-page-content-2 .custom-about-us-page-content-img-3{
    height: 150px;
    width: 80%;
    border-radius: .5vw .5vw 0vw 0vw;
    cursor: pointer;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-width: 300px;
}
.custom-about-us-page-content-2 .custom-about-us-page-content-img-3{
    border-radius: 0vw 0vw .5vw .5vw;   
    background-image: url('/wp-content/uploads/2026/02/ice-bucket.jpg')
}
.custom-about-us-page-content-2 .custom-about-us-page-content-img-2{
    height: 300px;
    width: 100%;
    background-image: url('/wp-content/uploads/2026/02/ice-tubes-bucket.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: .5vw;
    cursor: pointer;
    box-shadow: 0px 5px 20px rgba(0, 24, 69,.2);
    position: relative;
    z-index: 2;
}

/* why us section */
.custom-why-us{
    display: flex;
    flex-direction: column;
    padding: 40px 30px;
    max-width: var(--compact-width);
    margin:0 auto;
    align-items: center;
}
@media (max-width:850px){
    .custom-why-us{
        padding: 30px;
    }
}
@media(max-width:600px){
    .custom-why-us{
        padding: 30px 15px; 
    }
}
.custom-why-us h2{
    margin: 0px !important;
    color: var(--secondary-color);
    font-size: 40px;
    letter-spacing: 1px;
    position: relative;
    cursor: pointer;
    transition: color .25s ease;
    width:fit-content;
}
.custom-why-us h2::before {
  content: '';
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  background-color: var(--primary-color);
  clip-path: polygon(0 100%, 100% 100%, 100% 92%, 0 92%);
  transition: clip-path .25s ease;
}
.custom-why-us h2:hover{
    color:white;
}
.custom-why-us h2:hover::before {
  clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
}
.custom-why-us h2 span {
  position: relative;
  z-index: 2;
}
.custom-why-us-grid{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    margin-top: 40px !important;
    column-gap: 50px;
    row-gap: 40px;
}
@media (max-width:650px){
    .custom-why-us-grid{
        grid-template-columns: repeat(2,1fr);
    }
}
@media (max-width:500px){
    .custom-why-us-grid{
        grid-template-columns: repeat(1,1fr);
    }
}
.custom-why-us-grid > div{
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}
.custom-why-us-grid > div span{
    font-weight: 600;
    color:var(--secondary-color);
    letter-spacing: 1px;
    text-align: center;
    max-width: 200px;
    line-height: 1.8;
    font-size: 18px;
}
.custom-why-us-grid > div i{
    font-size: 60px;
    color: white;
    background-color: var(--secondary-color);
    padding: 20px;
    border-radius: .5vw;
    box-shadow: 0px 5px 30px rgba(0, 24, 69,.1);
    cursor: pointer;
    transition:transform .3s ease , box-shadow .3s ease;
}
.custom-why-us-grid > div i:hover{
    box-shadow: 0px 5px 30px rgba(0, 24, 69,.3);
    transform: translateY(-10px);
}
@media (max-width:500px){
    .custom-why-us h2{
        font-size: 34px;
    }
}
@media (max-width:390px){
    .custom-why-us h2{
        font-size: 30px;
    }
}
@media (max-width:360px){
    .custom-why-us h2{
        font-size: 29px;
    }
}
@media (max-width:345px){
    .custom-why-us h2{
        font-size: 27px;
    }
}
.custom-why-us-grid > div p{
    letter-spacing: 1px;
    line-height: 2.5;
    color: black;
    text-align: center;
}

/* products banner about us */
.custom-products-banner-wrapper{
    display: flex;
    width: 100%;
    background-color: var(--secondary-color);
    margin-top: 30px;
}
.custom-products-banner-container{
    padding: 0px 30px;
    display: flex;
    gap: 30px;
    width: 100%;
    max-width: var(--compact-width);
    margin: 0 auto;
}
.custom-products-banner-img {
  width: 530px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image:url('/wp-content/uploads/2026/01/pure-chill.webp');
  cursor: pointer;
  position: relative;
}
.custom-products-banner-content {
  flex: 1;
  padding: 40px 0px;
  display: flex;
  flex-direction: column;
}
.custom-products-banner-content h6 {
  margin: 0px !important;
  color: white;
  font-size: 20px;
  letter-spacing: 1px;
  position: relative;
  cursor: pointer;
  width: fit-content;
}
.custom-products-banner-content h6::before {
  content: '';
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  background-color: var(--primary-color);
  clip-path: polygon(0 100%, 100% 100%, 100% 92%, 0 92%);
  transition: clip-path .25s ease;
}
.custom-products-banner-content h6:hover::before{
  clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
}
.custom-products-banner-content h6 span {
  position: relative;
  z-index: 2;
}
.custom-products-banner-content h3 {
  color: white;
  font-size: 35px;
  letter-spacing: 1px;
  line-height: 1.8;
  margin: 20px 0px 10px 0px !important;
}
.custom-products-banner-content  p {
  color: white;
  letter-spacing: 1px;
  line-height: 2.5;
}
.custom-products-banner-content a {
  display: flex;
  align-items: center;
  text-decoration: none;
  padding: 10px 15px;
  color: white !important;
  background-color: var(--primary-color);
  border-radius: .5vw;
  gap: 5px;
  width: fit-content;
  font-weight: 600;
}
.custom-products-banner-content a  i {
  font-size: 25px;
  transition: transform .3s ease;
}
.custom-products-banner-content a:hover  i {
  transform: translateX(5px);
}
@media (max-width: 930px) {
  .custom-products-banner-container {
        flex-direction: column;
        text-align: center;
        padding: 0px;
        gap: 40px;
  }
    .custom-products-banner-img {
        width: 100%;
        height: 350px;
    }
    .custom-products-banner-content{
        align-items: center;
        padding: 40px 30px;
        padding-top: 0px;
  }
}
@media (max-width: 600px) {
    .custom-products-banner-content {
        align-items: center;
        padding: 0px 15px 40px;
    }
}


/* contact us */
.custom-contact-us-hero {
  min-height: 65vh;
  width: 100vw;
  display: flex;
  background-image: url('/wp-content/uploads/2026/02/contact-us-banner-scaled.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.custom-contact-us-hero::before {
  position: absolute;
  content: ' ';
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: rgba(0,0,0,.3);
}
.custom-contact-us-hero-content{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 30px 30px;
    max-width: var(--compact-width);
    margin: 0 auto;
    justify-content: center;
    position: relative;
    z-index: 2;
}
.custom-contact-us-hero-content h1 {
  font-size: 60px;
  color: white;
  line-height: 1.8;
  letter-spacing: 1px;
  margin-bottom: 10px !important;
}
.custom-contact-us-hero-content p {
    color: white;
    line-height: 2.5;
    letter-spacing: 1px;
    text-align: center;
}

.custom-contact-content-container{
    width: 100%;
    padding: 40px 30px;
    max-width: var(--compact-width);
    margin: 0 auto;
    display: flex;
    gap: 60px;
}
.custom-contact-content-details-wrapper{
    width: 580px;
    display: flex;
    flex-direction: column;
}
.custom-contact-content-details{
    display: flex;
    gap: 25px;
    width:100%;
    flex-wrap: wrap;
    justify-content: center;
}
.custom-contact-content-detail{
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding:30px;
    background-color:var(--secondary-color);
    border-radius: .5vw;
    color: white;
    width:270px;
    cursor: pointer;
}
.custom-contact-content-detail i{
    font-size: 55px;
    margin-bottom: 15px;
}
.custom-contact-content-detail span{
    line-height: 2.5;
    letter-spacing: 1px;
    text-align: center;
}
.custom-contact-content-socials{
    margin-bottom:25px;
    order:-1;
}
.custom-contact-content-socials ul{
    padding: 0px !important;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: center;
}
.custom-contact-content-socials ul a{
    display: flex;
    text-decoration: none;
    font-size: 30px;
    padding:10px;
    border-radius: .5vw;
    color:white !important;
}
.custom-contact-content-socials ul li:nth-child(1) a{
    background-color: #25D366;
}
.custom-contact-content-socials ul li:nth-child(2) a{
    background-color: #1877F2;
}
.custom-contact-content-socials ul li:nth-child(3) a{
  background: linear-gradient(
    135deg,
    #405DE6, /* Blue */
    #833AB4, /* Purple */
    #C13584, /* Magenta */
    #E1306C, /* Red-Violet */
    #FD1D1D, /* Red */
    #F56040, /* Orange */
    #FCAF45  /* Yellow */
  );
}
.custom-contact-content-socials ul li:nth-child(4) a{
  background:linear-gradient( 135deg, #010101 0%, #010101 25%, #FE2C55 95%, #010101 75%, #25F4EE 100% );
}



.custom-form-contact-us-container{
    flex:1;
    display: flex;
    flex-direction: column;
}

.custom-form-contact-us-container h2 {
  margin: 0px !important;
  color: var(--secondary-color);
  font-size: 40px;
  letter-spacing: 1px;
  position: relative;
  cursor: pointer;
  transition: color .25s ease;
  width: fit-content;
}
.custom-form-contact-us-container h2::before {
  content: '';
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  background-color: var(--primary-color);
  clip-path: polygon(0 100%, 100% 100%, 100% 92%, 0 92%);
  transition: clip-path .25s ease;
}
.custom-form-contact-us-container h2 span {
  position: relative;
  z-index: 2;
}
.custom-form-contact-us-container h2:hover{
    color: white;
}
.custom-form-contact-us-container h2:hover::before {
  clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
}
#wpforms-159{
    margin-top: 25px 0px 0px 0px !important;
}
#wpforms-form-159 > .wpforms-field-container{
    display: flex;
    flex-direction: column;
    gap:30px;
}
#wpforms-159-field_1-container,
#wpforms-159-field_2-container,
#wpforms-159-field_3-container,
#wpforms-159-field_4-container{
    padding:0px !important;
}

#wpforms-159 fieldset legend {
    font-size: 16px;
    color: var(--secondary-color);
    letter-spacing: 1px;
    font-weight: 600;
}
#wpforms-159  input,
#wpforms-159  textarea{
    border: 1px solid var(--secondary-color);
    box-shadow: none !important;
    color: var(--secondary-color);
    max-width: 100%;
}
#wpforms-159 .wpforms-submit-container{
    margin-top: 20px !important;
}
#wpforms-submit-159{
    font-size: 16px;
    display: flex;
    align-items: center;
    text-decoration: none;
    color: white;
    gap: 10px;
    padding: 10px 15px;
    background-color: var(--primary-color);
    width: fit-content;
    border-radius: .5vw;
    cursor: pointer;
    text-transform:capitalize;
    font-weight: 600;
}
#wpforms-submit-159:hover{
    background: var(--primary-color);
}
#wpforms-submit-159::after{
    display: none;
}
#wpforms-159  label {
  color: var(--secondary-color);
  letter-spacing: 1px;
}
#wpforms-confirmation-159{
    padding: 20px;
    border: none;
}
#wpforms-confirmation-159 p{
    line-height: 2.5;
    letter-spacing: 1px;
    text-align: center;
    color:black;
}


@media (max-width:1024px){
    .custom-contact-content-container{
        flex-direction: column;
        gap:20px;
    }    
    .custom-contact-content-details-wrapper{
        width:100%;
        max-width: 580px;
        margin:0 auto;
    }
    .custom-form-contact-us-container{
        width:100%;
        flex:auto;
        max-width: 600px;
    }
    .custom-form-contact-us-container{
        order:-1;
    }
}
@media (max-width: 600px) {
    .custom-contact-content-container {
        padding:30px 15px;
    }
}



/* products hero section */
.custom-products-hero{
    min-height: 65vh;
    width: 100vw;
    display: flex;
    background-image: url('/wp-content/uploads/2026/02/products-banner-2.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}
.custom-products-hero-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 30px 30px;
  max-width: var(--compact-width);
  margin: 0 auto;
  justify-content: center;
  position: relative;
  z-index: 2;
}
.custom-products-hero::before {
  position: absolute;
  content: ' ';
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: rgba(0,0,0,.3);
}
.custom-products-hero-content h1 {
font-size: 60px;
  color: white;
  line-height: 1.8;
  letter-spacing: 1px;
  margin-bottom: 10px !important;
}
.custom-products-hero-content p {
  color: white;
  line-height: 2.5;
  letter-spacing: 1px;
  text-align: center;
}


/* products grid */
.custom-products-grid{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap:50px;
    align-items: center;
    padding: 40px 30px;
    max-width: 1900px;
    margin: 0 auto;
}
.custom-products-grid-item{
    display: flex;
    align-items: center;
    width:100%;
}
@media (max-width:1600px){
    .custom-products-grid{
        grid-template-columns: repeat(1,1fr);
    }
    .custom-products-grid-item{
        max-width: 950px;
        margin:0 auto;
    }
}

.custom-products-grid-item-img{
    flex:1;
    max-width:350px;    
    height:300px;
    border-radius: .5vw 0vw 0vw .5vw;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    cursor: pointer;
}
.custom-products-grid .custom-products-grid-item:nth-child(1) .custom-products-grid-item-img{
    background-image: url('/wp-content/uploads/2026/02/fresh-tube-2.png');
}
.custom-products-grid .custom-products-grid-item:nth-child(2) .custom-products-grid-item-img{
    background-image: url('/wp-content/uploads/2026/01/pure-chill.webp');
}
.custom-products-grid .custom-products-grid-item:nth-child(3) .custom-products-grid-item-img{
    background-image: url('/wp-content/uploads/2026/02/fresh-ice-cups.png');
}
.custom-products-grid-item-content{
    flex:1;
    background-color:var(--secondary-color);
    padding: 30px;
    border-radius: 0.5vw 0vw 0vw 0.5vw;
}
.custom-products-grid-item h2 {
  margin: 0px !important;
  margin-bottom:5px;
  color: white;
  font-size: 40px;
  letter-spacing: 1px;
}
.custom-products-grid-item p{
    color: white;
  line-height: 2.5;
  letter-spacing: 1px;
}
.custom-products-grid-item a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    text-decoration: none;
    gap: 10px;
    font-weight: 600;
    background-color: var(--primary-color);
    cursor: pointer;
    color: white !important;
    width: fit-content;
    border-radius: .5vw;
}
.custom-products-grid-item a i {
  transition: transform .3s ease;
  font-size: 25px;
}
.custom-products-grid-item a:hover i {
  transform: translateX(5px);
}


@media (max-width:600px){
    .custom-products-grid{
        padding:40px 15px;
    }
}
@media (max-width:650px){
    .custom-products-grid-item{
        width:100%;
        flex-direction: column;
    }
    .custom-products-grid-item-img{
        width:100%;
        flex:auto;
        max-width: 90%;
        border-radius: .5vw .5vw 0vw 0vw;
    }
    .custom-products-grid-item-content{
        flex:auto;
        width:100%;
        border-radius: .5vw .5vw 0vw 0vw;
    }
    .custom-products-grid-item h2 {
        text-align: center;
    }
    .custom-products-grid-item p {
        text-align: center;
    }
    .custom-products-grid-item a{
        margin:0 auto;
    }
}
@media (max-width:350px){
    .custom-products-hero-content h1{
        font-size:55px;
    }
}

/* single product page */
.custom-single-product-hero {
  min-height: 65vh;
  width: 100vw;
  display: flex;
  position: relative;
  background-color:var(--secondary-color);
}
.custom-single-product-hero-content{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 30px 30px;
    max-width: var(--compact-width);
    margin: 0 auto;
    justify-content: center;
    position: relative;
    z-index: 2;
}
.custom-single-product-hero-content h1 {
  font-size: 60px;
  color: white;
  line-height: 1.8;
  letter-spacing: 1px;
  margin-bottom: 10px !important;
}
.custom-single-product-hero-content p {
  color: white;
  line-height: 2.5;
  letter-spacing: 1px;
  text-align: center;
}

.custom-single-product-content-container {
    width: 100%;
    padding: 60px 30px;
    max-width: var(--compact-width);
    margin: 0 auto;
    display: flex;
    gap: 60px;
}
.custom-single-product-content{
    display: flex;
    flex-direction: column;
    gap: 20px;
    flex:1;
}
.custom-single-product-content p {
  letter-spacing: 1px;
  line-height: 2.5;
  color: black;
  margin:0px !important;
}
.custom-single-product-content-img{
    flex:1;
    max-width: 500px;
    height:400px;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('/wp-content/uploads/2026/02/fresh-tube.png');
    border-radius: .5vw;
    box-shadow: 0px 5px 30px rgba(0, 24, 69,.3);
    transition:border-radius .3s ease , box-shadow .3s ease ,  transform .3s ease;
}
.custom-single-product-content-img.ice-bag{
    background-image:url('/wp-content/uploads/2026/01/pure-chill.webp');
}
.custom-single-product-content-img.ice-cup{
    background-image:url('/wp-content/uploads/2026/02/fresh-ice-cups.png');
}
.custom-single-product-content-img:hover{
    transform: translateY(-10px);
}


@media (max-width:900px){
    .custom-single-product-content-container {
        flex-direction: column;
        gap:30px;
        padding: 30px;
    }
    .custom-single-product-content{
        flex:auto;
        gap:10px;
    }
    .custom-single-product-content-img{
        flex:auto;
        width:100%;
        max-width: 500px;
        height:400px;
    }
}
@media (max-width: 600px) {
    .custom-single-product-content-container {
        padding: 30px 15px;
    }
}
/* cusotm single product grid */
.custom-single-product-extra-info-grid {
  padding: 60px 30px;
  padding-top: 0px;
  max-width: var(--compact-width);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3,1fr);
  width: 100%;
  column-gap: 50px;
  row-gap: 40px;
}
.custom-single-product-extra-info-grid-item {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}
.custom-single-product-extra-info-grid-item i {
  font-size: 60px;
  color: white;
  background-color: var(--secondary-color);
  padding: 20px;
  border-radius: .5vw;
  box-shadow: 0px 5px 30px rgba(0, 24, 69,.1);
  cursor: pointer;
  transition: transform .3s ease , box-shadow .3s ease;
}
.custom-single-product-extra-info-grid-item i:hover {
  box-shadow: 0px 5px 30px rgba(0, 24, 69,.3);
  transform: translateY(-10px);
}
.custom-single-product-extra-info-grid-item span {
  font-weight: 600;
  color: var(--secondary-color);
  letter-spacing: 1px;
  text-align: center;
  max-width: 200px;
  line-height: 1.8;
  font-size: 18px;
}

@media (max-width: 650px) {
  .custom-single-product-extra-info-grid {
    grid-template-columns: repeat(2,1fr);
  }
}
@media (max-width: 600px) {
  .custom-single-product-extra-info-grid {
    padding:30px 15px;
    padding-top: 0px;
  }
}