.hero--container{background-image:url(/images/HomePage-dogs-v2.png);background-position:50%;background-size:cover;flex-direction:column;justify-content:center;align-items:center;width:100%;height:91.5vh;display:flex;box-shadow:inset 0 0 0 1000px #161a1d33}.hero--image{object-fit:contain;width:60%;min-width:750px;height:60%}.hero--text{text-align:center;text-shadow:0 0 10px #0003;color:#fff;margin:30px 10px;font-size:24px;font-weight:500}.hero--box{color:#fff;text-align:center;background-color:var(--red);border-radius:10px;padding:4px 40px;font-size:20px;font-weight:400;box-shadow:0 0 10px #0003}.icons--container{flex-direction:row;justify-content:center;align-items:center;gap:40px;margin-top:30px;display:flex}.instagram--icon,.facebook--icon{color:#fff;size:30px;text-shadow:0 0 10px #0003;transition:all .2s ease-in-out}.instagram--icon:hover,.facebook--icon:hover{color:var(--red);cursor:pointer;filter:drop-shadow(0 0 10px #f00c);transition:all .2s ease-in-out;transform:scale(1.15)}.instagram--icon,.facebook--icon{width:42px;height:42px}@media (max-width:960px){.instagram--icon,.facebook--icon{width:36px;height:36px}}@media (max-width:499px){.instagram--icon{width:32px;height:32px}}@media only screen and (max-width:768px){.hero--socials>p{font-size:18px}.hero--text{font-size:20px}.hero--image{width:50%;height:50%}}@media only screen and (max-width:480px){.hero--image{min-width:100%}.hero--socials>p{font-size:16px}.hero--text{padding:0 80px;font-size:16px}}
.overall--container{background-color:var(--black);border-radius:0 0 80%;justify-content:space-between;align-items:center;padding:100px;display:flex;box-shadow:0 0 10px #0003}.about--container{flex-direction:column;justify-content:center;width:100%;max-width:50%;height:100%;padding-right:120px;display:flex}.about--title{color:#fff;width:fit-content;margin-bottom:10px;font-size:50px}.about--text{color:#fff;margin-top:4px;font-size:16px;font-weight:300}.about--image{object-fit:cover;border:10px solid var(--black);border-radius:20px;width:40vw;height:600px}@media only screen and (max-width:960px){.overall--container{flex-direction:column;align-items:center;width:100%;padding:60px 0}.about--container{flex-direction:column;align-items:center;max-width:100%;margin-left:0;padding:0}.about--title{font-size:40px}.about--text{color:#fff;text-align:center;margin:4px 80px 0;font-size:18px;font-weight:300}.about--image{object-fit:cover;border:10px solid var(--black);border-radius:20px;align-self:center;width:500px;height:500px;margin-top:20px;margin-right:0}}@media only screen and (max-width:768px){.about--title{font-size:30px}.about--text{color:#fff;text-align:center;margin:4px 80px 0;font-size:16px;font-weight:300}.about--image{width:400px;height:400px}}@media only screen and (max-width:480px){.about--text{font-size:15px}.about--image{width:340px;height:340px}}
.home--dogs--overall--container{flex-direction:column;justify-content:center;align-items:center;padding:40px 0;display:flex}.home--dogs--title{color:#fff;align-self:center;margin-bottom:30px;font-size:42px}.home--dogs--swiper--container{width:100%;margin-bottom:30px;padding:0 80px;position:relative}.home--dogs--swiper--container .swiper-pagination{margin-top:15px;position:relative;bottom:0}.home--dogs--swiper--container .swiper-pagination-bullet{opacity:.5;background:#fff!important;width:10px!important;height:10px!important}.home--dogs--swiper--container .swiper-pagination-bullet-active{opacity:1!important}.home--dogs--swiper--container{position:relative}.custom-nav-buttons{z-index:10;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.custom-prev-button{position:absolute;top:50%;left:20px;transform:translateY(-50%)}.custom-next-button{position:absolute;top:50%;right:20px;transform:translateY(-50%)}.custom-prev-button,.custom-next-button{cursor:pointer;pointer-events:all;z-index:10;background-color:#fffffff2;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:all .3s;display:flex;box-shadow:0 2px 8px #00000026}.custom-prev-button:hover,.custom-next-button:hover{background-color:#fff;box-shadow:0 4px 12px #0003}.custom-prev-button i,.custom-next-button i{color:#333;font-size:20px}.home--dogs--see--more{color:#fff;border:2px solid var(--red);background-color:var(--red);border-radius:6px;align-self:center;align-items:center;gap:8px;margin-top:10px;padding:10px 24px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.home--dogs--see--more:hover{color:var(--red);background-color:#0000}.home--dogs--see--more:active{opacity:.7;transition:all}@media only screen and (max-width:960px){.home--dogs--swiper--container{padding:0 70px}.home--dogs--title{font-size:36px}}@media only screen and (max-width:768px){.home--dogs--title{font-size:30px}.home--dogs--see--more{padding:8px 20px;font-size:14px}.home--dogs--swiper--container{padding:0 60px}.home--dogs--swiper--container .swiper-button-prev{left:5px}.home--dogs--swiper--container .swiper-button-next{right:5px}}@media only screen and (max-width:500px){.home--dogs--swiper--container .swiper-button-prev:after,.home--dogs--swiper--container .swiper-button-next:after{font-size:20px!important}.home--dogs--swiper--container{padding:0 50px}.home--dogs--swiper--container .swiper-button-prev{left:0}.home--dogs--swiper--container .swiper-button-next{right:0}}
