.pet-food-distribution-container{--sample-width:1650;--container-max-width:min(1650px,100vw - 140px);padding-bottom:200px;overflow:hidden}@media screen and (max-width:1200px){.pet-food-distribution-container{--sample-width:1450;--container-max-width:min(1450px,100vw - 140px)}}@media screen and (max-width:991px){.pet-food-distribution-container{--sample-width:1350;--container-max-width:min(1350px,100vw - 140px)}}@media screen and (max-width:767px){.pet-food-distribution-container{--sample-width:767;--container-max-width:min(767px,100vw - 140px)}}@media screen and (max-width:450px){.pet-food-distribution-container{--sample-width:575;--container-max-width:min(575px,100vw - 140px)}}.pet-food-distribution-container .banner-container{background-color:#fcfbff;position:relative}.pet-food-distribution-container .banner-container:before{content:"";width:100%;height:calc(760/var(--sample-width)*var(--container-max-width));z-index:0;background:url(/media/portfolio/portfolio-detail/pet-food-distribution/banner-background.webp);position:absolute;top:0;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important}@media screen and (max-width:767px){.pet-food-distribution-container .banner-container:before{height:calc(910/var(--sample-width)*var(--container-max-width));background:url(/media/portfolio/portfolio-detail/pet-food-distribution/banner-background-mobile.webp)}}@media screen and (max-width:575px){.pet-food-distribution-container .banner-container:before{height:calc(1065/var(--sample-width)*var(--container-max-width))}}@media screen and (max-width:450px){.pet-food-distribution-container .banner-container:before{height:calc(1094/var(--sample-width)*var(--container-max-width))}}@media screen and (max-width:375px){.pet-food-distribution-container .banner-container:before{height:calc(1680/var(--sample-width)*var(--container-max-width))}}.pet-food-distribution-container .banner-container .image-wrapper{position:relative}.pet-food-distribution-container .banner-container .image-wrapper .phones{z-index:3;left:calc(648/var(--sample-width)*var(--container-max-width));top:calc(-72/var(--sample-width)*var(--container-max-width));width:calc(1100/var(--sample-width)*var(--container-max-width));height:auto;position:absolute}@media screen and (max-width:1200px){.pet-food-distribution-container .banner-container .image-wrapper .phones{width:calc(900/var(--sample-width)*var(--container-max-width));top:calc(35/var(--sample-width)*var(--container-max-width))}}@media screen and (max-width:767px){.pet-food-distribution-container .banner-container .image-wrapper .phones{position:unset;width:calc(767/var(--sample-width)*var(--container-max-width));margin:0 auto;margin-left:calc(112/var(--sample-width)*var(--container-max-width));margin-top:calc(-24/var(--sample-width)*var(--container-max-width));display:flex}}@media screen and (max-width:450px){.pet-food-distribution-container .banner-container .image-wrapper .phones{width:calc(1002/var(--sample-width)*var(--container-max-width));margin-left:calc(-40/var(--sample-width)*var(--container-max-width))}}@media screen and (max-width:375px){.pet-food-distribution-container .banner-container .image-wrapper .phones{width:calc(1090/var(--sample-width)*var(--container-max-width))}}.pet-food-distribution-container .banner-container .image-wrapper .introduce{background-image:var(--image-background);max-width:1650px;height:calc(942/var(--sample-width)*var(--container-max-width));top:calc(304/var(--sample-width)*var(--container-max-width));z-index:2;background-repeat:no-repeat;background-size:100% 100%;justify-content:center;align-items:center;margin:0 auto;display:flex;position:relative}.pet-food-distribution-container .banner-container .image-wrapper .introduce .form_content{height:fit-content;margin-top:calc(-256/var(--sample-width)*var(--container-max-width));max-width:calc(1304/var(--sample-width)*var(--container-max-width))}.pet-food-distribution-container .banner-container .image-wrapper .introduce h2{font-size:calc(64/var(--sample-width)*var(--container-max-width));color:#22094e;font-weight:700;line-height:110%}.pet-food-distribution-container .banner-container .image-wrapper .introduce .description{font-size:calc(18/var(--sample-width)*var(--container-max-width));margin-top:calc(24/var(--sample-width)*var(--container-max-width));margin-bottom:0;font-weight:400;line-height:180%}@media screen and (max-width:767px){.pet-food-distribution-container .banner-container .image-wrapper .introduce{width:calc(800/var(--sample-width)*var(--container-max-width));height:calc(790/var(--sample-width)*var(--container-max-width));top:calc(-106/var(--sample-width)*var(--container-max-width))}.pet-food-distribution-container .banner-container .image-wrapper .introduce .form_content{margin-top:calc(-92/var(--sample-width)*var(--container-max-width));padding-left:calc(0/var(--sample-width)*var(--container-max-width));max-width:calc(558/var(--sample-width)*var(--container-max-width))}.pet-food-distribution-container .banner-container .image-wrapper .introduce h2{font-size:calc(40/var(--sample-width)*var(--container-max-width))}.pet-food-distribution-container .banner-container .image-wrapper .introduce .description{font-size:calc(18/var(--sample-width)*var(--container-max-width));margin-top:calc(8/var(--sample-width)*var(--container-max-width))}}@media screen and (max-width:575px){.pet-food-distribution-container .banner-container .image-wrapper .introduce{width:calc(873/var(--sample-width)*var(--container-max-width));height:calc(1082/var(--sample-width)*var(--container-max-width));top:calc(-141/var(--sample-width)*var(--container-max-width))}.pet-food-distribution-container .banner-container .image-wrapper .introduce .form_content{margin-top:calc(-92/var(--sample-width)*var(--container-max-width));padding-left:calc(0/var(--sample-width)*var(--container-max-width));max-width:calc(558/var(--sample-width)*var(--container-max-width))}.pet-food-distribution-container .banner-container .image-wrapper .introduce h2{font-size:calc(56/var(--sample-width)*var(--container-max-width))}.pet-food-distribution-container .banner-container .image-wrapper .introduce .description{font-size:calc(24/var(--sample-width)*var(--container-max-width))}}@media screen and (max-width:375px){.pet-food-distribution-container .banner-container .image-wrapper .introduce{width:calc(886/var(--sample-width)*var(--container-max-width));height:calc(2030/var(--sample-width)*var(--container-max-width));top:calc(-144/var(--sample-width)*var(--container-max-width))}.pet-food-distribution-container .banner-container .image-wrapper .introduce .form_content{margin-top:calc(-270/var(--sample-width)*var(--container-max-width));padding-left:calc(15/var(--sample-width)*var(--container-max-width));max-width:calc(690/var(--sample-width)*var(--container-max-width))}.pet-food-distribution-container .banner-container .image-wrapper .introduce h2{font-size:calc(88.5/var(--sample-width)*var(--container-max-width))}.pet-food-distribution-container .banner-container .image-wrapper .introduce .description{font-size:calc(39.5/var(--sample-width)*var(--container-max-width))}}.pet-food-distribution-container .banner-container img{width:100%;height:auto}.pet-food-distribution-container .section-container{width:100%;margin-top:calc(-178/var(--sample-width)*var(--container-max-width));z-index:0;background:url(/media/portfolio/portfolio-detail/pet-food-distribution/background-section.webp) 50%/cover no-repeat;position:relative}.pet-food-distribution-container .section-container .first-section{justify-content:space-evenly;align-items:center;gap:calc(165/var(--sample-width)*var(--container-max-width));padding-top:calc(290/var(--sample-width)*var(--container-max-width));max-width:1650px;padding-bottom:clamp(72px,7.29167vw,140px);display:flex}.pet-food-distribution-container .section-container .first-section .section-image{width:calc(803/var(--sample-width)*var(--container-max-width));height:calc(1148/var(--sample-width)*var(--container-max-width));margin-left:calc(-187/var(--sample-width)*var(--container-max-width))}.pet-food-distribution-container .section-container .first-section .section-image img{width:100%;height:auto}.pet-food-distribution-container .section-container .first-section .section-information{flex-direction:column;gap:clamp(56px,5vw,96px);width:35%;display:flex}.pet-food-distribution-container .section-container .first-section .section-information .image{width:clamp(64px,4.58333vw,88px);height:auto}.pet-food-distribution-container .section-container .first-section .section-information .title{color:#000;margin-top:24px;font-size:clamp(24px,2.08333vw,40px);font-weight:600;line-height:140%}@media screen and (max-width:767px){.pet-food-distribution-container .section-container .first-section .section-information .title{margin-top:16px}}.pet-food-distribution-container .section-container .first-section .section-information .description{color:#000;margin-top:16px;font-size:clamp(16px,.9375vw,18px);font-weight:400;line-height:180%}@media screen and (max-width:767px){.pet-food-distribution-container .section-container .first-section .section-information .description{margin-top:12px;line-height:150%}.pet-food-distribution-container .section-container .first-section .section-information{text-align:left;width:100%;padding:72px 24px 0}}.pet-food-distribution-container .section-container .last-section{max-width:1382px;margin:0 auto;padding:0 24px clamp(80px,7.29167vw,140px) 32px}.pet-food-distribution-container .section-container .last-section img{filter:drop-shadow(0 40px 160px #492b7d1a);width:100%;height:auto}@media screen and (max-width:767px){.pet-food-distribution-container .section-container{margin-top:calc(-454/var(--sample-width)*var(--container-max-width))}.pet-food-distribution-container .section-container .first-section{padding-top:calc(289/var(--sample-width)*var(--container-max-width))}.pet-food-distribution-container .section-container .first-section .section-image{width:calc(1036/var(--sample-width)*var(--container-max-width));margin-left:calc(-164/var(--sample-width)*var(--container-max-width))}}@media screen and (max-width:575px){.pet-food-distribution-container .section-container{margin-top:calc(-590/var(--sample-width)*var(--container-max-width))}.pet-food-distribution-container .section-container .first-section{padding-top:calc(336/var(--sample-width)*var(--container-max-width))}}@media screen and (max-width:375px){.pet-food-distribution-container .section-container{margin-top:calc(-830/var(--sample-width)*var(--container-max-width))}.pet-food-distribution-container .section-container .first-section{padding-top:calc(514/var(--sample-width)*var(--container-max-width));padding-bottom:clamp(88px,7.29167vw,140px)}.pet-food-distribution-container .section-container .first-section .section-image{width:calc(1036/var(--sample-width)*var(--container-max-width));margin-left:calc(-164/var(--sample-width)*var(--container-max-width))}}.pet-food-distribution-container .container_content{margin:0 24px}.pet-food-distribution-container ._title{color:#22094e;font-size:64px;font-weight:700;line-height:110%}.pet-food-distribution-container .description{letter-spacing:0%;font-size:18px;font-weight:400;line-height:180%}.pet-food-distribution-container .content{z-index:1;color:#000;z-index:2;border:1px solid #ffffffe5;border-top-right-radius:160px;border-bottom-left-radius:140px;padding:clamp(80px,6.25vw,120px) 200px clamp(80px,6.25vw,120px) 140px;position:relative;overflow:hidden;box-shadow:0 20px 80px #362b7d0f}.pet-food-distribution-container .content .glass-background{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:-1;background:#fff9;width:100%;height:100%;position:absolute;top:0;left:0}.pet-food-distribution-container .related-work{border-top:none;padding-top:clamp(80px,8.33333vw,160px)}@media screen and (max-width:767px){.pet-food-distribution-container .section-container{background:url(/media/portfolio/portfolio-detail/pet-food-distribution/background-section-mobile.webp) 50%/cover no-repeat}.pet-food-distribution-container .section-container .first-section{flex-direction:column}}
