.elementor-721 .elementor-element.elementor-element-3fb8f3b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overflow:hidden;}.elementor-721 .elementor-element.elementor-element-3fb8f3b:not(.elementor-motion-effects-element-type-background), .elementor-721 .elementor-element.elementor-element-3fb8f3b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://loveabowlpets.com.my/wp-content/uploads/H-hero-img-01.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-721 .elementor-element.elementor-element-8f2667b{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-721 .elementor-element.elementor-element-cae57c8 img{width:200px;}.elementor-721 .elementor-element.elementor-element-c75babf img{width:100px;}.elementor-721 .elementor-element.elementor-element-a9dca05 img{width:66px;}.elementor-721 .elementor-element.elementor-element-c566d6b img{width:200px;}.elementor-721 .elementor-element.elementor-element-23b4b78 img{width:52px;}.elementor-721 .elementor-element.elementor-element-2c4cfd5 img{width:180px;}.elementor-721 .elementor-element.elementor-element-557ec22 img{width:111px;}.elementor-721 .elementor-element.elementor-element-de1daab img{width:89px;}.elementor-721 .elementor-element.elementor-element-aace40b img{width:200px;}.elementor-721 .elementor-element.elementor-element-8a41861{--display:flex;}.elementor-721 .elementor-element.elementor-element-2cc8e5d img{width:155px;}.elementor-721 .elementor-element.elementor-element-5733c29 img{width:70px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-721 .elementor-element.elementor-element-ef452e5{text-align:center;}.elementor-721 .elementor-element.elementor-element-ef452e5 .elementor-heading-title{font-family:"DK Framboisier", Sans-serif;font-size:60px;font-weight:400;line-height:1.3em;color:var( --e-global-color-text );}.elementor-721 .elementor-element.elementor-element-4c5a311 img{width:224px;}.elementor-721 .elementor-element.elementor-element-d8faabf{--display:flex;--z-index:2;}.elementor-721 .elementor-element.elementor-element-642233f img{width:100%;}.elementor-721 .elementor-element.elementor-element-b3d6951{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-721 .elementor-element.elementor-element-b3d6951:not(.elementor-motion-effects-element-type-background), .elementor-721 .elementor-element.elementor-element-b3d6951 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-721 .elementor-element.elementor-element-409db54{--display:flex;}.elementor-721 .elementor-element.elementor-element-f4847a0{text-align:center;}.elementor-721 .elementor-element.elementor-element-f4847a0 .elementor-heading-title{font-family:"DK Framboisier", Sans-serif;font-size:28px;font-weight:400;line-height:1.3em;color:var( --e-global-color-text );}.elementor-721 .elementor-element.elementor-element-f5231e0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-end;}.elementor-721 .elementor-element.elementor-element-95205e4{--display:flex;--overflow:hidden;}.elementor-721 .elementor-element.elementor-element-36255a6{--display:flex;--overflow:hidden;}.elementor-721 .elementor-element.elementor-element-4251f38{--display:flex;}.elementor-721 .elementor-element.elementor-element-1f7af35{--display:flex;}.elementor-721 .elementor-element.elementor-element-79b4595{--display:flex;--overflow:hidden;}.elementor-721 .elementor-element.elementor-element-496517d img{width:420px;}.elementor-721 .elementor-element.elementor-element-d5f6588{text-align:center;}.elementor-721 .elementor-element.elementor-element-d5f6588 .elementor-heading-title{font-family:"Museo Sans", Sans-serif;font-size:16px;font-weight:400;line-height:1.3em;color:var( --e-global-color-text );}.elementor-721 .elementor-element.elementor-element-c3ac9ab{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-start;}.elementor-721 .elementor-element.elementor-element-2f2d4c7{--display:flex;--overflow:hidden;}.elementor-721 .elementor-element.elementor-element-baf86cd{--display:flex;--overflow:hidden;}.elementor-721 .elementor-element.elementor-element-735fc3e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-721 .elementor-element.elementor-element-735fc3e:not(.elementor-motion-effects-element-type-background), .elementor-721 .elementor-element.elementor-element-735fc3e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-721 .elementor-element.elementor-element-7bfa978{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-721 .elementor-element.elementor-element-3d61ddf{--display:flex;}.elementor-721 .elementor-element.elementor-element-fa045aa{text-align:left;}.elementor-721 .elementor-element.elementor-element-fa045aa img{width:515px;}.elementor-721 .elementor-element.elementor-element-1cdbc20{--display:flex;--justify-content:center;}.elementor-721 .elementor-element.elementor-element-6fee9f9{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-721 .elementor-element.elementor-element-3a5b836 img{width:230px;}.elementor-721 .elementor-element.elementor-element-aaada8d img{width:418px;}.elementor-721 .elementor-element.elementor-element-0bcb533{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-721 .elementor-element.elementor-element-94f8a36{font-family:"Museo Sans", Sans-serif;font-size:16px;font-weight:400;}.elementor-721 .elementor-element.elementor-element-ba40198 img{width:150px;}.elementor-721 .elementor-element.elementor-element-b190b0c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-721 .elementor-element.elementor-element-b190b0c:not(.elementor-motion-effects-element-type-background), .elementor-721 .elementor-element.elementor-element-b190b0c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-721 .elementor-element.elementor-element-d370431{--display:flex;}.elementor-721 .elementor-element.elementor-element-4cdb7e2 img{width:100%;}.elementor-721 .elementor-element.elementor-element-10e82a2 img{width:100%;}.elementor-721 .elementor-element.elementor-element-99aac2f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 048px;--row-gap:0px;--column-gap:048px;}.elementor-721 .elementor-element.elementor-element-60dbf36 img{width:105px;}.elementor-721 .elementor-element.elementor-element-06d5d49 img{width:90px;}.elementor-721 .elementor-element.elementor-element-7e56a70 img{width:117px;}.elementor-721 .elementor-element.elementor-element-60ab438 img{width:84px;}.elementor-721 .elementor-element.elementor-element-f167c6e img{width:116px;}.elementor-721 .elementor-element.elementor-element-e87564e img{width:123px;}.elementor-721 .elementor-element.elementor-element-4d649ac{text-align:center;font-family:"Museo Sans", Sans-serif;font-size:16px;font-weight:400;}.elementor-721 .elementor-element.elementor-element-c2028f5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-721 .elementor-element.elementor-element-c2028f5:not(.elementor-motion-effects-element-type-background), .elementor-721 .elementor-element.elementor-element-c2028f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-721 .elementor-element.elementor-element-a08e416{--display:flex;}.elementor-721 .elementor-element.elementor-element-a08e416:not(.elementor-motion-effects-element-type-background), .elementor-721 .elementor-element.elementor-element-a08e416 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://loveabowlpets.com.my/wp-content/uploads/AU-grainfree-img-01.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-721 .elementor-element.elementor-element-1b1bd07{text-align:center;}.elementor-721 .elementor-element.elementor-element-1b1bd07 .elementor-heading-title{font-family:"DK Framboisier", Sans-serif;font-size:60px;font-weight:400;line-height:1.3em;color:var( --e-global-color-accent );}.elementor-721 .elementor-element.elementor-element-23d4bae{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;}.elementor-721 .elementor-element.elementor-element-83f8f81{--display:flex;}.elementor-721 .elementor-element.elementor-element-b2c3560 img{width:300px;}.elementor-721 .elementor-element.elementor-element-bc2530e{text-align:center;}.elementor-721 .elementor-element.elementor-element-bc2530e .elementor-heading-title{font-family:"Sketchnote Square", Sans-serif;font-size:24px;font-weight:400;color:var( --e-global-color-accent );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-721 .elementor-element.elementor-element-3c46868 .elementor-button{background-color:#E14F3D00;font-family:"Sketchnote Square", Sans-serif;font-size:16px;font-weight:400;fill:#F5E5DE;color:#F5E5DE;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-accent );border-radius:100px 100px 100px 100px;}.elementor-721 .elementor-element.elementor-element-3c46868 .elementor-button:hover, .elementor-721 .elementor-element.elementor-element-3c46868 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-primary );}.elementor-721 .elementor-element.elementor-element-3c46868 .elementor-button:hover svg, .elementor-721 .elementor-element.elementor-element-3c46868 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-721 .elementor-element.elementor-element-883648c{--display:flex;}.elementor-721 .elementor-element.elementor-element-48c88b4 img{width:300px;}.elementor-721 .elementor-element.elementor-element-0825f99{text-align:center;}.elementor-721 .elementor-element.elementor-element-0825f99 .elementor-heading-title{font-family:"Sketchnote Square", Sans-serif;font-size:24px;font-weight:400;color:var( --e-global-color-accent );}.elementor-721 .elementor-element.elementor-element-88e1b19 .elementor-button{background-color:#E14F3D00;font-family:"Sketchnote Square", Sans-serif;font-size:16px;font-weight:400;fill:#F5E5DE;color:#F5E5DE;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-accent );border-radius:100px 100px 100px 100px;}.elementor-721 .elementor-element.elementor-element-88e1b19 .elementor-button:hover, .elementor-721 .elementor-element.elementor-element-88e1b19 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-primary );}.elementor-721 .elementor-element.elementor-element-88e1b19 .elementor-button:hover svg, .elementor-721 .elementor-element.elementor-element-88e1b19 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-721 .elementor-element.elementor-element-1539836{--display:flex;}.elementor-721 .elementor-element.elementor-element-9c76fd4 img{width:300px;}.elementor-721 .elementor-element.elementor-element-22bacd5{text-align:center;}.elementor-721 .elementor-element.elementor-element-22bacd5 .elementor-heading-title{font-family:"Sketchnote Square", Sans-serif;font-size:24px;font-weight:400;color:var( --e-global-color-accent );}.elementor-721 .elementor-element.elementor-element-a471e83 .elementor-button{background-color:#E14F3D00;font-family:"Sketchnote Square", Sans-serif;font-size:16px;font-weight:400;fill:#F5E5DE;color:#F5E5DE;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-accent );border-radius:100px 100px 100px 100px;}.elementor-721 .elementor-element.elementor-element-a471e83 .elementor-button:hover, .elementor-721 .elementor-element.elementor-element-a471e83 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-primary );}.elementor-721 .elementor-element.elementor-element-a471e83 .elementor-button:hover svg, .elementor-721 .elementor-element.elementor-element-a471e83 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-721 .elementor-element.elementor-element-8c657ad{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-721 .elementor-element.elementor-element-8c657ad:not(.elementor-motion-effects-element-type-background), .elementor-721 .elementor-element.elementor-element-8c657ad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-721 .elementor-element.elementor-element-7509250{--display:flex;}.elementor-721 .elementor-element.elementor-element-5cf5b07 img{width:410px;}.elementor-721 .elementor-element.elementor-element-6f273e5{--display:flex;}.elementor-721 .elementor-element.elementor-element-0ca8d6b.elementor-element{--align-self:flex-start;}.elementor-721 .elementor-element.elementor-element-0ca8d6b{text-align:left;}.elementor-721 .elementor-element.elementor-element-0ca8d6b img{width:485px;}.elementor-721 .elementor-element.elementor-element-ba19d9c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-721 .elementor-element.elementor-element-17c6d43{--display:flex;}.elementor-721 .elementor-element.elementor-element-e672756{--display:flex;}.elementor-721 .elementor-element.elementor-element-e9c6a4a{text-align:left;}.elementor-721 .elementor-element.elementor-element-e9c6a4a img{width:515px;}.elementor-721 .elementor-element.elementor-element-200adba{--display:flex;}.elementor-721 .elementor-element.elementor-element-f5f9b62{text-align:left;}.elementor-721 .elementor-element.elementor-element-f5f9b62 img{width:217px;}.elementor-721 .elementor-element.elementor-element-2ef43fd{--display:flex;}.elementor-721 .elementor-element.elementor-element-051d971{text-align:left;font-family:"Museo Sans", Sans-serif;font-size:16px;font-weight:400;}.elementor-721 .elementor-element.elementor-element-7d7f3ac{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-721 .elementor-element.elementor-element-7d7f3ac:not(.elementor-motion-effects-element-type-background), .elementor-721 .elementor-element.elementor-element-7d7f3ac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-721 .elementor-element.elementor-element-3c11077{--display:flex;}.elementor-721 .elementor-element.elementor-element-bd47781{text-align:center;}.elementor-721 .elementor-element.elementor-element-bd47781 .elementor-heading-title{font-family:"DK Framboisier", Sans-serif;font-size:60px;font-weight:400;color:var( --e-global-color-text );}.elementor-721 .elementor-element.elementor-element-0e1a2c2{text-align:center;font-family:"Museo Sans", Sans-serif;font-size:16px;font-weight:400;}.elementor-721 .elementor-element.elementor-element-ad9fe79{--display:flex;}.elementor-721 .elementor-element.elementor-element-ebb520e{--e-image-carousel-slides-to-show:4;}.elementor-721 .elementor-element.elementor-element-ebb520e .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:10px 10px 10px 10px;}.elementor-721 .elementor-element.elementor-element-0f94b4c{--display:flex;--z-index:2;}.elementor-721 .elementor-element.elementor-element-0827e1b img{width:100%;}.elementor-721 .elementor-element.elementor-element-6503959{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:1024px){.elementor-721 .elementor-element.elementor-element-3d61ddf{--justify-content:center;}.elementor-721 .elementor-element.elementor-element-99aac2f{--gap:0px 040px;--row-gap:0px;--column-gap:040px;}.elementor-721 .elementor-element.elementor-element-ebb520e{--e-image-carousel-slides-to-show:3;}}@media(min-width:768px){.elementor-721 .elementor-element.elementor-element-8f2667b{--content-width:1440px;}.elementor-721 .elementor-element.elementor-element-409db54{--content-width:1440px;}.elementor-721 .elementor-element.elementor-element-7bfa978{--content-width:1240px;}.elementor-721 .elementor-element.elementor-element-d370431{--content-width:1240px;}.elementor-721 .elementor-element.elementor-element-a08e416{--content-width:1440px;}.elementor-721 .elementor-element.elementor-element-7509250{--content-width:1240px;}}@media(max-width:767px){.elementor-721 .elementor-element.elementor-element-f5231e0{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;}.elementor-721 .elementor-element.elementor-element-36255a6{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-721 .elementor-element.elementor-element-b56cae2{width:100%;max-width:100%;}.elementor-721 .elementor-element.elementor-element-c3ac9ab{--justify-content:center;}.elementor-721 .elementor-element.elementor-element-fb27b62{width:100%;max-width:100%;}.elementor-721 .elementor-element.elementor-element-3d61ddf{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-721 .elementor-element.elementor-element-10e82a2{width:100%;max-width:100%;}.elementor-721 .elementor-element.elementor-element-a08e416:not(.elementor-motion-effects-element-type-background), .elementor-721 .elementor-element.elementor-element-a08e416 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://loveabowlpets.com.my/wp-content/uploads/AU-grainfree-img-01-xs.png");}.elementor-721 .elementor-element.elementor-element-ebb520e{--e-image-carousel-slides-to-show:2;}}/* Start JX Custom Fonts CSS *//* End JX Custom Fonts CSS */
/* Start JX Custom Fonts CSS *//* End JX Custom Fonts CSS */
/* Start JX Custom Fonts CSS *//* End JX Custom Fonts CSS */
/* Start custom CSS */.mobile-v{
    display: none;
}

/*CTA button*/
.cta-btn-s{
    z-index: 9;
}

.cta-btn-s .elementor-button{
    width: 150px;    
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}

/*Hero*/
#hero{
    padding: 12rem 0 4% 0;
}

#hero .hero-wrap{
    max-width: 1440px;
    margin: auto;
}

#hero .divider-wrap{
    position: absolute;
    bottom: 0;
}

#hero .content-col{
    width: fit-content;
    margin: auto;
}

#hero .can-logo{
    margin-top: -20px;
}

#hero .heading{
    margin-top: 60px;
    margin-bottom: 80px;
}

#hero .cat-tin-pk,
#hero .lobster,
#hero .pumpkin,
#hero .cat-pack,
#hero .veggie,
#hero .dog-pack,
#hero .crab,
#hero .cat-tin-yl,
#hero .berry{
    position: absolute;
}

#hero .cat-tin-pk{
    transform: rotate(-23deg);
    animation: ltr-rotate-tin 3s ease-in-out infinite;
}

#hero .lobster{
    left: 25%;
}

#hero .pumpkin{
    transform: rotate(23deg);
    top: 55%;
    left: 5%;
}

#hero .cat-pack{
    bottom: -8%;
    left: 15%;
    transform: rotate(-10deg);
    animation: rtl-rotate-pack 3s ease-in-out infinite;
}

#hero .veggie{
    top: 50%;
    left: 30%;
}

#hero .dog-pack{
    transform: rotate(11deg);
    right: 15%;
    animation: ltr-rotate-pack 3s ease-in-out infinite;
}

#hero .crab{
    transform: rotate(15deg);
    right: 25%;
    bottom: 30%;
}

#hero .cat-tin-yl{
    transform: rotate(25deg);
    right: 5%;
    bottom: 5%;
    animation: rtl-rotate-tin 3s ease-in-out infinite;
}

#hero .berry{
    right: 5%;
    top: -5%;
}

@keyframes ltr-rotate-tin {
  0%   { transform: rotate(-23deg); }
  50%  { transform: rotate(-20deg); }
  100% { transform: rotate(-23deg); }
}

@keyframes rtl-rotate-tin {
  0%   { transform: rotate(25deg); }
  50%  { transform: rotate(22deg); }
  100% { transform: rotate(25deg); }
}

@keyframes ltr-rotate-pack {
  0%   { transform: rotate(11deg); }
  50%  { transform: rotate(8deg); }
  100% { transform: rotate(11deg); }
}

@keyframes rtl-rotate-pack {
  0%   { transform: rotate(-10deg); }
  50%  { transform: rotate(-13deg); }
  100% { transform: rotate(-10deg); }
}

/*Intro*/
#intro{
    padding: 4rem 0 15% 0;
}

#intro .intro-wrap{
    max-width: 1440px;
    margin: auto;
}

#intro .desp{
    max-width: 575px;
    margin: auto;
}

#intro .subheading span{
    color: #E14F3D;
}

#intro .img-block{
    border-radius: 10px;
}

#intro .img-block img{
    transform: scaleY(1.1);
}

#intro .content-center-col .img-block{
    max-width: 748px;
    margin: 75px auto 100px auto;
}

#intro .content-top-col{
    position: absolute;
    top: 8%;
    z-index: 2;
}

#intro .content-top-col .img-block.left{
    width: 277px;
}

#intro .content-top-col .img-block.right{
    width: 163px;
}

#intro .content-bottom-col{
    position: absolute;
    bottom: -20%;
}

#intro .content-bottom-col .img-block.left{
    width: 163px;
}

#intro .content-bottom-col .img-block.right{
    width: 277px;
}

#intro .text-media{
    position: absolute;
    z-index: 3;
}

#intro .text-media.left{
    top: 38%;
    left: 10%;
}

#intro .text-media.right{
    bottom: 38%;
    right: 15%;
}

/*Variety*/
#variety{
    padding-bottom: 8rem;
}

#variety .img-col{
    width: 45%;
}

#variety .content-col{
    width: 55%;
    gap: 50px;
}

#variety .title-block{
    gap: 20px;
}

#variety .fish{
    transform: rotate(-16deg);
}

#variety .crab{
    position: absolute;
    transform: rotate(-6deg);
    bottom: -10%;
    right: 0;
}

#variety .desp{
    max-width: 485px;
    margin: auto;
}

/*Superfood*/
#superfood{
    padding-bottom: 6rem ;
}

#superfood .superfood-col{
    margin: 80px 0;
}

#superfood .sf-img {
  opacity: 0.5;
  transform: scale(0.7);
  transition: transform 0.5s ease-out, opacity 0.5s ease-out;
  will-change: transform, opacity;
}

#superfood .desp{
    max-width: 485px;
    margin: auto;
}

/*Product*/
#product .product-wrap{
    max-width: 1440px;
    width: 95%;
    margin: auto;
    border-radius: 24px;
    padding: 4rem;
}

#product .product-wrap > .e-con-inner{
    gap: 50px;
}

#product .heading br{
    display: none;
}

#product .product-col{
    max-width: 1100px;
    margin: auto;
    gap: 100px;
}

#product .product-block{
    gap: 30px;
}

/*Natural*/
#natural{
    padding: 10rem 0 8rem 0;
}

#natural .dog-food{
    transform: rotate(-20deg);
    position: absolute;
    right: -5%;
    top: -12%;
}

#natural .natural-wrap > .e-con-inner{
    gap: 50px;
}

#natural .img-inner-block{
    border-radius: 10px;
    width: fit-content;
    overflow: hidden;
}

#natural .img-inner-block.small{
    position: absolute;
    bottom: 0;
    right: -80%;
    z-index: 2;
}

#natural .natural-img img{
    transform: scaleY(1.1);
}

#natural .desp{
    max-width: 400px;
    top: 15%;
}

/*Love*/
#love{
    gap: 60px;
    padding-bottom: 15%;
}

#love .heading br{
    display: none;
}

#love .content-col > .e-con-inner{
    gap: 35px;
}

#love .desp{
    max-width: 575px;
    margin: auto;
}

#love .divider-col{
    position: absolute;
    bottom: 0;
}

#love .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    -moz-transition-timing-function: linear !important;
    -o-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
    pointer-events: none;
}

/*Resoonsive*/
@media (max-width: 1440px){
    #intro .content-top-col .img-block.left,
    #intro .content-bottom-col .img-block.left{
        border-radius: 0 10px 10px 0;
    }
    #intro .content-top-col .img-block.right,
    #intro .content-bottom-col .img-block.right{
        border-radius: 10px 0 0 10px;
    }
    #intro .content-top-col{
        top: 10%;
    }
    #intro .content-top-col .img-block.left{
        width: 20%;
    }
    #intro .content-top-col .img-block.right{
        width: 12%;
    }
    #intro .content-center-col .img-block{
        width: 55%;
        margin: 5% auto 7% auto;
    }
    #intro .content-bottom-col .img-block.left{
        width: 12%;
    }
    #intro .content-bottom-col .img-block.right{
        width: 20%;
    }
    #intro .text-media.left{
        width: 45%;
        top: 35%;
    }
    #intro .text-media.right{
        width: 30%;
        right: 13%;
    }
}

@media (max-width: 1360px) {
    #hero .cat-tin-pk{
        width: 180px;
    }
    #hero .cat-pack{
        width: 180px;
        bottom: -4%;
    }
    #hero .dog-pack{
        width: 160px;
        right: 16%;
    }
    #hero .cat-tin-yl{
        width: 180px;
    }
    #variety .variety-wrap,
    #superfood .superfood-wrap,
    #natural .natural-wrap{
        max-width: 90%;
        margin: auto;
    }
    #natural .dog-food{
        right: -10%;
    }
}

@media (max-width: 1280px) {
    #product .heading .elementor-heading-title,
    #love .heading .elementor-heading-title{
        font-size: 56px;
    }
    #intro .subheading .elementor-heading-title{
        font-size: 26px;
    } 
    #hero .cat-tin-pk{
        width: 160px;
    }
    #hero .cat-pack{
        width: 160px;
    }
    #hero .dog-pack{
        width: 140px;
    }
    #hero .crab{
        width: 90px;
    }
    #hero .cat-tin-yl{
        width: 160px;
    }
    #hero .berry{
        width: 75px;
    }
    #variety .fish{
        width: 35%;
    }
    #variety .crab{
        width: 130px;
    }
    #natural .dog-food{
        width: 350px;
    }
    #natural .text-media{
        width: 450px;
    }
    #natural .content-col .img-block{
        width: 45%;
    }
    #natural .content-col .content-block{
        width: 55%;
    }
    #natural .img-inner-block.small{
        right: -100%;
    }
    #natural .desp{
        left: 80px;
    }
}

@media (max-width: 1180px) {
    #product .heading .elementor-heading-title,
    #love .heading .elementor-heading-title{
        font-size: 52px;
    }
    #intro .subheading .elementor-heading-title{
        font-size: 24px;
    } 
    #hero .cat-tin-pk{
        width: 145px;
    }
    #hero .lobster{
        width: 80px;
    }
    #hero .pumpkin{
        left: 3%;
    }
    #hero .cat-pack{
        width: 145px;
    }
    #hero .dog-pack{
        width: 130px;
        right: 18%;
    }
    #hero .crab{
        width: 80px;
    }
    #hero .cat-tin-yl{
        width: 150px;
    }
    #hero .berry{
        width: 65px;
    }
    #variety .variety-wrap > .e-con-inner{
        gap: 30px;
    }
    #product .product-wrap{
        padding: 4rem 3rem;
    }
    #natural .dog-food{
        width: 325px;
    }
    #natural .desp{
        left: 60px;
    }
    #natural .img-inner-block.small{
        width: 45%;
    }
    #love{
        padding-bottom: 12rem;
    }
}

@media (max-width: 1080px) {
    #product .heading .elementor-heading-title,
    #love .heading .elementor-heading-title{
        font-size: 48px;
    }
    #intro .subheading .elementor-heading-title{
        font-size: 22px;
    }
    #hero .elementor-motion-effects-element{
        transform: none !important;
    }
    #hero .cat-tin-pk{
        width: 140px;
    }
    #hero .lobster{
        width: 75px;
        left: 25%;
    }
    #hero .pumpkin{
        top: 40%;
    }
    #hero .cat-pack{
        width: 140px;
        bottom: -2%;
        left: 12%;
    }
    #hero .veggie{
        left: 25%;
    }
    #hero .dog-pack{
        width: 125px;
    }
    #hero .crab{
        width: 70px;
    }
    #hero .cat-tin-yl{
        width: 140px;
    }
    #hero .berry{
        width: 60px;
    }
    #intro .content-center-col .img-block{
        width: 50%;
    }
    #intro .desp{
        max-width: 50%;
    }
    #intro .desp br{
        display: none;
    }
    #variety .elementor-motion-effects-element{
        transform: none !important;
    }
    #variety .crab{
        width: 110px;
    }
    #superfood .superfood-col{
        max-width: 1000px;
    }
    #natural .dog-food{
        width: 300px;
    }
    #natural .img-inner-block.small{
        transform: translateX(50%);
    }
}

@media (max-width: 980px) {
    #product .heading .elementor-heading-title,
    #love .heading .elementor-heading-title{
        font-size: 46px;
    }
    #intro .subheading .elementor-heading-title{
        font-size: 20px;
    }
    #intro .desp .elementor-heading-title,
    #variety .desp,
    #superfood .desp,
    #natural .desp,
    #love .desp{
        font-size: 15px;
    }
    #variety .title-block{
        flex-direction: column;
        align-items: start;
        gap: 0;
    }
    #variety .fish{
        margin-bottom: -20px;
    }
    #variety .crab{
        bottom: -20%;
    }
    #superfood{
        padding-bottom: 5rem ;
    }
    #product .product-col{
        gap: 80px;
    }
    #natural {
        padding: 8rem 0;
    }
    #natural .text-media{
        width: 425px;
    }
    #natural .desp{
        max-width: 85%;
    }
    #love{
        padding-bottom: 10rem;
    }
}

@media (max-width: 900px) {
    #product .heading .elementor-heading-title,
    #love .heading .elementor-heading-title{
        font-size: 44px;
    }
    #hero{
        padding: 10rem 0 2% 0;
    }
    #hero .heading{
        margin-top: 70px;
        margin-bottom: 180px;
    }
    #hero .cat-tin-pk{
        top: -5%;
    }
    #hero .lobster{
        top: 15%;
        left: 18%;
    }
    #hero .pumpkin{
        top: 35%;
    }
    #hero .cat-pack{
        bottom: 10%;
        left: 5%;
    }
    #hero .veggie{
        top: 45%;
    }
    #hero .dog-pack{
        top: 8%;
        right: 12%;
    }
    #hero .crab{
        bottom: 35%;
    }
    #hero .cat-tin-yl{
        bottom: 15%;
        right: -3%;
    }
    #intro .content-bottom-col{
        bottom: -15%;
    }
    #variety .crab{
        width: 100px;
    }
    #superfood .superfood-col {
        margin: 70px 0;
    }
    #product .product-col{
        gap: 60px;
    }
    #natural .dog-food{
        width: 280px;
        right: -20%;
    }
    #natural .text-media{
        width: 400px;
    }
    #natural .desp{
        top: 10%;
        left: 40px;
    }
}

@media (max-width: 767px) {
    .divider{
        height: 100px;
    }
    .divider img{
        height: 100px;
        object-fit: cover;
        object-position: bottom 0 right 10%;
    } 
    #product .heading .elementor-heading-title,
    #love .heading .elementor-heading-title{
        font-size: 42px;
    }
    #intro .desp .elementor-heading-title,
    #variety .desp,
    #superfood .desp,
    #love .desp{
        font-size: 16px;
    }
    #hero{
        padding: 9rem 0 2rem 0;
    }
    #hero .heading{
        margin-bottom: 190px;
    }
    #hero .cat-tin-pk{
        width: 130px;
        top: 0%;
    }
    #hero .lobster{
        top: 18%;
    }
    #hero .pumpkin{
        width: 55px;
    }
    #hero .cat-pack{
        width: 130px;
        bottom: 15%;
    }
    #hero .veggie{
        width: 45px;
    }
    #hero .dog-pack{
        width: 120px;
        right: 10%;
    }
    #hero .crab{
        bottom: 40%;
    }
    #hero .cat-tin-yl{
        width: 130px;
        bottom: 20%;
    }
    #hero .berry{
        width: 55px;
        top: 0;
        right: 0;
    }
    #intro{
        padding: 2rem 0 0 0;
    }
    #intro .intro-wrap{
        width: 90%;
    }
    #intro .content-top-col,
    #intro .content-bottom-col{
        position: relative;  
        gap: 15px;
    }
    #intro .content-top-col{
        margin-top: 40px;
    }
    #intro .img-block img {
        width: 100%;
    }
    #intro .content-top-col .img-block.left{
        width: 48%;
    }
    #intro .content-top-col .img-block.right{
        width: 48%;
        margin-top: 15%;
    }
    #intro .content-center-col .img-block{
        width: 90%;
        margin: 15% auto 15% auto;
    }
    #intro .img-block{
        border-radius: 10px !important;
    }
    #intro .text-media.left{
        width: 100%;
        left: 0;
        top: 8%;
    }
    #intro .text-media.right{
        width: 70%;
        right: 0;
        bottom: 10%;
    }
    #intro .desp{
        max-width: 100%;
        width: 550px;
    }
    #intro .content-bottom-col{
        margin-top: 50px;
    }
    #intro .content-bottom-col .img-block.left{
        width: 45%;
    }
    #intro .content-bottom-col .img-block.right{
        width: 50%;
        margin-top: 8%;
    }
    #variety{
        padding-bottom: 6rem;
    }
    #variety .variety-wrap{
        max-width: 85%;
    }
    #variety .variety-wrap > .e-con-inner{
        flex-direction: column-reverse;
    }
    #variety .img-col,
    #variety .content-col{
        width: 100%;
    }
    #variety .fish{
        width: 200px;
        left: -15%;
        margin-bottom: 20px;
        margin-top: -3%;
    }
    #variety .text-media{
        margin: auto;
    }
    #variety .desp{
        text-align: center;
    }
    #variety .crab{
        bottom: unset;
        top: 180px;
        right: -12%;
    }
    #superfood .superfood-wrap{
        max-width: 85%;
    }
    #superfood .text-media.desktop-v{
        display: none;
    }
    #superfood .text-media.mobile-v{
        display: block;
    }
    #superfood .superfood-col{
        display: grid;
        grid-template-columns: repeat(3, auto);
        gap: 25px 35px;
        margin: 60px auto;
        max-width: 80%;
    }
    #product .product-wrap{
        padding: 5rem 2rem;
    }
    #product .product-block.wet-fd{
        margin-top: -100px;
    }
    #natural {
        padding: 4rem 0 5rem 0;
    }
    #natural .natural-wrap{
        max-width: 85%;
    }
    #natural .natural-wrap > .e-con-inner{
        gap: 80px;
    }
    #natural .content-col{
        flex-direction: column;
        gap: 35px;
    }
    #natural .content-col .img-block{
        width: 100%;
    }
    #natural .content-col .content-block{
        width: 100%;
    }
    #natural .img-block {
        flex-direction: column-reverse;
    }
    #natural .img-inner-block.small{
        position: relative;
        transform: none;
        right: unset;
        margin-bottom: -90px;
        max-width: 210px;
    }
    #natural .desp{
        left: 0;
        text-align: center;
        max-width: 100%;
    }
    #natural .dog-food{
        right: -25%;
        top: 8%;
    }
    #natural .img-inner-block.big{
        margin-left: auto;
        max-width: 90%;
    }
    #love {
        gap: 40px;
    }
    #love .content-col{
        max-width: 85%;
        margin: auto;
    }
}

@media (max-width: 580px) {
    #hero .heading{
        margin-bottom: 170px;
    }
    #hero .cat-tin-pk{
        width: 120px;
    }
    #hero .lobster{
        left: 15%;
    }
    #hero .pumpkin{
        left: -3%;
    }
    #hero .cat-pack{
        width: 110px;
        bottom: 20%;
        left: 2%;
    }
    #hero .dog-pack{
        width: 110px;
        right: 8%;
    }
    #hero .cat-tin-yl{
        width: 120px;
        right: -5%;
    }
    #hero .berry{
        right: -2%;
    }
    #variety .content-col{
        gap: 70px;
    }
    #natural .dog-food{
        width: 250px;
    }
}

@media (max-width: 480px) {
    #hero .heading .elementor-heading-title{
        font-size: 55px;
    }   
    #product .heading .elementor-heading-title,
    #love .heading .elementor-heading-title{
        font-size: 40px;
    }
    #hero .text-media img{
        width: 140px;
    }
    #hero .can-logo img{
        width: 65px;
    }
    #hero .pet-img img{
        width: 200px;
    }
    #hero .cat-tin-pk{
        width: 110px;
    }
    #hero .cat-pack{
        width: 100px;
        bottom: 20%;
    }
    #hero .dog-pack{
        width: 100px;
    }
    #hero .crab{
        bottom: 35%;
    }
    #hero .cat-tin-yl{
        width: 110px;
    }
    #intro{
        padding: 1rem 0 0 0;
    }
    #intro .intro-wrap{
        width: 85%;
    }
    #intro .content-top-col,
    #intro .content-bottom-col{
        gap: 4%;
    }
    #intro .subheading br{
        display: none;
    }
    #intro .img-block img{
        transform: scaleY(1.15);
    }
    #variety{
        padding-bottom: 5rem;
    }
    #variety .fish{
        width: 180px;
    }
    #superfood {
        padding-bottom: 4rem;
    }
    #superfood .superfood-col {
        margin: 55px auto;
    }
    #product .product-wrap{
        border-radius: 0;
        width: 100%;
    }
    #product .heading br{
        display: block;
    }
    #product .product-col{
        max-width: 80%;
    }
    #natural .dog-food{
        right: -35%;
    }
    #natural .img-block img{
        transform: scaleY(1.15);
    }
    #love .heading br{
        display: block;
    }
}

@media (max-width: 420px) {
    .divider img{
        object-position: bottom 0 right 15%;
    } 
    #intro .subheading .elementor-heading-title{
        font-size: 18px;
    }
    #intro .desp .elementor-heading-title,
    #variety .desp,
    #superfood .desp,
    #love .desp{ 
        font-size: 15px;
    }
    #hero{
        padding: 8rem 0 2rem 0;
    }
    #hero .heading .elementor-heading-title{
        font-size: 52px;
    }   
    #hero .text-media img{
        width: 130px;
    }
    #hero .pet-img img{
        width: 190px;
    }
    #hero .cat-tin-pk{
        width: 100px;
    }
    #hero .pumpkin{
        width: 50px;
    }
    #hero .cat-pack{
        width: 90px;
        bottom: 22%;
    }
    #hero .dog-pack{
        width: 90px;
        top: 10%;
    }
    #hero .crab{
        width: 60px;
    }
    #hero .cat-tin-yl{
        width: 100px;
    }
    #variety .fish{
        width: 160px;
    }
    #variety .crab{
        width: 90px;
    }
    #natural .dog-food{
        width: 225px;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'DK Framboisier';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('/wp-content/uploads/DKFramboisier-Regular.eot');
	src: url('/wp-content/uploads/DKFramboisier-Regular.eot?#iefix') format('embedded-opentype'),
		url('/wp-content/uploads/DKFramboisier-Regular.woff2') format('woff2'),
		url('/wp-content/uploads/DKFramboisier-Regular.woff') format('woff'),
		url('/wp-content/uploads/DKFramboisier-Regular.ttf') format('truetype'),
		url('/wp-content/uploads/DKFramboisier-Regular.svg#DKFramboisier') format('svg');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Museo Sans';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('/wp-content/uploads/Museo_Sans_500.eot');
	src: url('/wp-content/uploads/Museo_Sans_500.eot?#iefix') format('embedded-opentype'),
		url('/wp-content/uploads/Museo-Sans-500.woff2') format('woff2'),
		url('/wp-content/uploads/Museo_Sans_500.woff') format('woff'),
		url('/wp-content/uploads/Museo-Sans-500.ttf') format('truetype'),
		url('/wp-content/uploads/Museo_Sans_500.svg#MuseoSans') format('svg');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Sketchnote Square';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('/wp-content/uploads/Sketchnote_Square_Regular.eot');
	src: url('/wp-content/uploads/Sketchnote_Square_Regular.eot?#iefix') format('embedded-opentype'),
		url('/wp-content/uploads/Sketchnote-Square-Regular.woff2') format('woff2'),
		url('/wp-content/uploads/Sketchnote_Square_Regular.woff') format('woff'),
		url('/wp-content/uploads/Sketchnote-Square-Regular.ttf') format('truetype'),
		url('/wp-content/uploads/Sketchnote_Square_Regular.svg#SketchnoteSquare') format('svg');
}
/* End Custom Fonts CSS */