/** Shopify CDN: Minification failed

Line 476:21 Unexpected "{"

**/
:root{
    --orane:#db7b3c;
}
.page-width{
    max-width:1440px;
    margin:0 auto;
}
header [data-sticky-state="active"] .header__row{
    background-color:#000 !important;
}
/* header css start */
.header-section {
    z-index: 99;
}
.header-section .header__column .header-drawer .menu-drawer .menu-drawer__navigation .menu-drawer__menu li {
    margin: 0;
}
.header-section .header__column .header-drawer .menu-drawer .menu-drawer__navigation .menu-drawer__menu li .menu-drawer__menu-item {
    font-size: 20px;
}
/* header css end */

/* hero section css start */
.hero-sec .group-block-content h2 {
    font-size: 100px;
}
.hero-sec .group-block-content p, .hero-banner .hero__content-wrapper p {
    font-size: 18px;
}
/* hero section css end */

/* marquee css start */

.custom-marquee img {
    width: 25px;
    height: 25px;
}

/* marquee css end */

.home-benner-main{
    /* margin-top:-150px !important; */
    z-index:0;
    height:730px;
}
.home-benner-main slideshow-slide{
    height:730px;
}
.announcement-bar{
    z-index:1;
}
.home-benner-main .text-block p{ 
    font-size:18px;
}
.main-btn {
    border-radius: 50px;
    text-transform: uppercase;
    font-size: 16px;
    line-height: normal;
    display: flex;
    gap: 20px;
    padding: 10px 20px;
    align-items: center;
    background-color: var(--orane);
    color: #fff;
    border: 1px solid var(--orane);
    transition: all .5s;
    width:fit-content;
}
.main-btn:hover{
    background-color:#fff;
    color:#000;
}
.main-btn:hover .btn-svg{
    background-color:var(--orane);
}
.main-btn:hover .btn-svg svg{
    filter: invert(1);

}
.main-btn .btn-svg{
    padding:5px;
    border-radius:50px;
    background-color:#fff;
}
.main-btn .btn-svg svg {
    width: 15px;
    height: 15px;
}
.main-img-content .new-arrivals-sec ul li{
    list-style:none;
    position:relative;
}
.main-img-content .new-arrivals-sec ul li:before {
    content: '';
    position: absolute;
    height: 15px;
    width: 15px;
    background: url('/cdn/shop/files/checked.png?v=1759722673');
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-size: contain;
}
.main-img-content .new-arrivals-sec ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-left:30px;
}


/* contact page css start */
/* .hero-banner .hero__container {
    margin-top: -85px;
} */
.contact_icon_main-box .section-content-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.contact_icon_box {
    flex: unset !important;
    width: 32.5%;
    height: 200px;
    background: #fff;
    padding: 25px;
    border-radius: 15px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}

.contact_icon_box .icon-block {
    position: relative;
    align-items: center;
}
.contact_icon_box .icon-block:before {
    content: "";
    position: absolute;
    width: 60px;
    height: 60px;
    background: #eee;
    border-radius: 50px;
    left: -10px;
    transition: 0.3s ease-in-out;
}
.contact_icon_box:hover .icon-block:before {
    background: #DB7B3C;
}
.contact_icon_box:hover .icon-block img {
    filter: invert(100%);
}
.contact_icon_box .icon-block__media {
    z-index: 1;
    transition: filter 0.3s linear;
}
.contact_icon_box .group-block-content p {
    font-size: 18px;
}
.contact_icon_box .group-block-content p a {
    text-decoration: none;
    position: relative;
    transition: color 0.3s ease-in-out; 
    font-size: 18px;
    display: inline-block;
}
.contact_icon_box .group-block-content p a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0;
    height: 1px;
    background-color: #000;
    transition: width 0.3s ease-in-out;
}
.contact_icon_box .group-block-content p a:hover {
    color: #000 !important;
}
.contact_icon_box .group-block-content p a:hover::after {
    width: 100%;
}

.contact-form input, .contact-form textarea {
    padding: 20px 20px;
    font-size: 16px;
}
.contact-form .contact-form__form, .contact-form .contact-form__form-row {
    gap: 30px;
}
/* contact page css end */


/* privacy-policy page css start */

.policy-rich-text .section-content-wrapper .text-block p {
    font-size: 20px;
}
.policy-rich-text .section-content-wrapper .text-block ul li, .policy-rich-text .section-content-wrapper .text-block ol li {
    font-size: 20px;
    word-wrap: break-word;
    line-height: 28px;
}
.policy-rich-text .section-content-wrapper .text-block h4 {
    font-size: 32px;
}
.policy-rich-text .section-content-wrapper .text-block ul, .policy-rich-text .section-content-wrapper .text-block ol {
    margin: 0;
    margin-left: 25px;
}
/* privacy-policy page css end */

/* home-testi-slider css start */
.home-testi-slider {
    padding-left: 20px;
    padding-right: 20px;
}
.home-testi-slider .slider_main-box {
    position: relative;
}

/* home-testi-slider css end */

/* services page css start */
.section-services-carousel {
    padding-left: 20px;
    padding-right: 20px;
}
.our-expertise-sec .section-content-wrapper .image-block img {
    border-radius: 10px;
    height: 650px;
}
.our-expertise-sec .section-content-wrapper .group-block-content {
    gap: 25px;
}
.our-expertise-sec .section-content-wrapper .group-block-content h2 {
    font-size: var(--font-h2--size);
}
.our-expertise-sec .section-content-wrapper .group-block-content p {
    font-size: 16px;
}
/* services page css end */


.projects-section .large-card .image-wrapper, .projects-section .wide-card .image-wrapper {
    margin-bottom: 25px;
}
.projects-main-section .projects-section .page-width {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

.pawprint-gallery .section-title {
    margin-bottom: 25px !important;
}


/* three images gallery css start */

.image-hover-gallery {
    padding-left: 15px;
    padding-right: 15px;
}

/* three images gallery css end */








.home-form .contact-form{
    background-color:#fff;
    border-radius:12px;
}
.home-form .contact-form h2{
    font-weight:400;
    margin-bottom:20px;
}
.home-form .contact-form input,
.home-form .contact-form textarea{
    line-height:normal;
    background-color:#f5f5f5;
    color:#000;
}
.home-form .contact-form input::placeholder,
.home-form .contact-form textarea::placeholder{
    color:#000;
}
.contact-form__form .contact-form__form label{
    color:#000;
}
.home-form .form-description{
    font-size:16px;
    line-height:normal;
    margin-top:0px;
    margin-bottom:30px;
}
footer p{
    font-size:16px;
}
footer .list-unstyled li a{
    font-size:16px;
    position:relative;
    transition:all .5s;
}
footer .list-unstyled li a:before,
header .overflow-menu li a span:before {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0%;
    height: 2px;
    border-radius: 15px;
    background: var(--orane);
    transition: all .5s;
}
footer .list-unstyled li:hover a::before,
header .overflow-menu li:hover a span:before{
    width:100%;
}
footer .footer-content{
    --grid-columns:1 !important;
}
footer .footer-bott{
    border-top:1px solid #fff;
}
header .overflow-menu li a span{
    position:relative;
}
footer .main-btn {
    position: unset;
    cursor: pointer;
    aspect-ratio: unset;
    font-size: 18px !important;
    line-height:normal;
    padding: 10px 20px;
}
footer .email-signup__input{
    background-color:#fff;
    padding:15px 20px;
}
footer .email-signup__input-group {
    display:flex;
    flex-direction:column;
    gap:20px;
}
footer .main-btn .btn-svg{
    padding:5px !important;
}

@media (max-width:1440px){
    .home-benner-main,
    .home-benner-main slideshow-slide{
    height:750px;
}
.hero-sec .group-block-content h2 {
    font-size: 80px;
}
}
@media (max-width:1366px){
    .main-img-content .custom-section-content{
        --narrow-page-width:100% !important;
        --page-width:100% !important;
    }
}
@media (max-width:1200px){
     .home-benner-main,
    .home-benner-main slideshow-slide,
    .home-benner-main slideshow-slides{
    height:650px;
    min-height:650px !important;
}
.hero-sec .group-block-content h2 {
    font-size: 70px;
}
.contact_icon_box {
    flex: unset !important;
    width: 40%;
    height: 200px;
    background: #fff;
    padding: 25px;
    border-radius: 15px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}
}
@media (max-width:1024px){
    .home-benner-main  .group-block{
        width:100%;
    }
    .main-img-content .layout-panel-flex{
        gap:30px;
    }
    .main-img-content .group-block-content{
        gap:0px;
    }
    .main-icon-box .at-icon-text h5{
        font-size:20px;
    }
    .main-img-content .new-arrivals-sec ul li:before{
        height:20px;
        width:20px;
    }


    .project-card__image-full_wrapper {
        aspect-ratio: 30 / 12;
    }
}
@media (max-width:991px){
     .main-img-content .spacing-style{
        flex-direction:column;
     }
     .home-form .spacing-style{
        flex-direction:column;
     }
     .home-form .image-block,
     .home-form .contact-form{
        width:100%;
     }
     footer .group-block-content{
        flex-wrap:wrap;
     }
     footer .group-block-content .group-block{
        width:calc(60% - 20px) !important;
        flex:unset;
     }
     

    .contact_icon_box {
        width: 48%;
    }
    .map_location .map-iframe-container iframe {
        height: 400px;
    }

    .our-expertise-sec .section-content-wrapper {
        flex-direction: column;
    }
    .hero-sec .group-block-content p {
        font-size: 16px;
    }
}

@media (max-width: 767px){
    .map_location .map-iframe-container iframe {
        height: 300px;
    }

    .our-expertise-sec .section-content-wrapper .image-block img {
        height: 450px;
    }
    .hero-sec .group-block-content h2 {
        font-size: 50px;
    }
    .home-testi-slider .swiper-button-prev, .home-testi-slider .swiper-button-next {
        top: 97% !important;
        bottom: 0% !important;
    }
    .custom-marquee  .track span {
        font-size: 16px !important;
    }

    div#shopify-section-template--25601160478904__section_K3KQcH,  .home-parallax .video-background, div#shopify-section-template--25650069799096__section_EBpKqe {
        height: 400px !important;
    }
    .home-parallax,  {
        min-height: 400px;
    }
    .contact_icon_box .group-block-content p {
        word-break: break-all;
    }
}
@media (max-width: 749px){
    .contact_icon_main-box .section-content-wrapper {
        flex-wrap: wrap;
        flex-direction: row;
    }
    .hero_slideshow_sec .custom-section-content .section-content-wrapper {
        flex-direction: column-reverse;
    }
}
@media (max-width: 576px){
    .hero-banner .hero__content-wrapper h3 {
        font-size: 36px;
    }
    .contact_icon_box {
        width: 80%;
    }
    .contact_icon_box .group-block-content h3 {
        font-size: 22px;
    }
    .contact_icon_box .group-block-content p, .contact_icon_box .group-block-content p a {
        font-size: 16px;
    }
    .contact_icon_box .group-block-content p a {
        width: 100%;
    }

    .policy-rich-text .section-content-wrapper .text-block p, .policy-rich-text .section-content-wrapper .text-block ul li, .policy-rich-text .section-content-wrapper .text-block ol li {
        font-size: 16px;
    }
    .policy-rich-text .section-content-wrapper .text-block h4 {
        font-size: 22px;
    }
    .policy-rich-text .section-content-wrapper .text-block h2 {
        font-size: 32px;
        line-height: 42px;
    }
    

    .policy-rich-text .section-content-wrapper .text-block ul, .policy-rich-text .section-content-wrapper .text-block ol {
        margin-left: 10px;
    }
    .our-expertise-sec .section-content-wrapper .image-block img {
        height: 300px;
    }


    .hero-sec .group-block-content h2 {
        font-size: 40px;
    }
    .hero-sec {
        padding: 0 20px 20px 20px;
    }
}
@media (max-width:549px){
    .main-btn{
        font-size:16px;
        padding:10px 20px;
    }
    .main-btn .btn-svg{
        padding:5px;
    }
    .home-benner-main .group-block{
        padding-top:150px;
    }
    .home-benner-main h2,
    .main-img-content h2{
        font-size:30px;
    }
    .home-benner-main .text-block p {
    font-size: 16px;
}
.projects-section .main-title{
    font-size:30px;
    margin-bottom:30px !important;
}

.main-icon-box {
    padding-top:50px !important;
    padding-bottom:50px !important;
}
.testimonial-slider {
    padding-top:50px !important;
    padding-bottom:20px !important;
}
.projects-section {
    padding-bottom: 50px !important;
}
.pawprint-gallery {
    padding-top:50px !important;
}
.projects-section .project-content h2,
.projects-section .wide-card h3{
    font-size:25px !important;
}
.projects-section .small-card{
    grid-column: span 2;
}
.main-icon-box .main-titl,
.home-parallax h2,
.testimonial-slider h2,
.home-form .contact-form h2, .our-expertise-sec .section-content-wrapper .group-block-content h2 {
    font-size:30px !important;
    line-height:35px !important;
}
.pawprint-gallery .section-title{
    font-size:30px;
    margin-bottom:30px;
    line-height:35px;
}
 footer .group-block-content .group-block{
        width:100% !important;
        flex:unset;
     }
     .home-benner-main .group-block{
        padding-left:15px;
        padding-right:15px;
     }
    

}

@media (max-width: 425px){
    .contact_icon_box {
        width: 100%;
    }
}
