@charset "utf-8";
/* CSS Document */
html {scroll-padding-top: 150px;scroll-behavior: smooth;}
body{width:100%;padding:0;margin:0;background:#fff;color:#0c0c0c;font-family: 'Poppins', sans-serif;font-weight:400;}
a{ outline:none; padding:0; margin:0; transition:all 500ms ease-in-out;}
a:focus, a:hover{ outline:none; text-decoration:none; }
ul,li{ padding:0; margin:0; list-style:none; }

.inline-block{display: inline-block}
.center-block {display: table;margin-left: auto;margin-right: auto;}
.w-full{width: 100%;}

.text-sm{font-size: 10px; line-height: 1.2}

.pad-20 {padding:20px}
.pad-30 {padding:30px}

.bg-primary-yellow{background: #f6b207}
.bg-primary-red{background: #e52b12}

/*-------- Top header start -------*/
header .header-top {background: #f6b207; height: 60px; display: flex; align-items: center; }
header .header-top .nav-top {}
header .header-top .social-icon {display: flex; justify-content: start; gap: 9px; }
header .header-top .topBtn {display: flex; justify-content: end; }
header .header-top .mint-btn {background: #e52b12; font-size: 24px; font-family: 'Poppins', sans-serif; text-transform: uppercase; padding: 2px 30px; border: none; border-radius: 50px; color: #fff; }

/*-------- Top header end -------*/

/*-------header start--------*/
header {
    position: sticky;
    top: 0;
    z-index: 999;
}
header .navbar{padding:6px 0 0;}
header .navbar-expand-lg .navbar-collapse{justify-content: end;}
header .navbar-nav {
    position: relative;
}
header .navbar-nav a.nav-item.nav-link {
    font-size: 22px;
    font-family: 'Poppins', sans-serif;
    color: #3e2a15 !important;
    padding: 81px 40px 40px;
    margin-top: -45px;
    text-transform: uppercase;
    position: relative;
}
header .navbar-nav a.nav-item.nav-link:hover {
    color: #e52b12 !important;
}
header .navbar-nav a:hover {
    background: #f6b207;
    border-radius: 0 0 50% 50%;
    color: #e52b12 !important;
}
header .navbar-nav a:hover:before {
    content: '';
    background-image: url(../img/menu-icon-ball.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 56px;
    height: 56px;
    z-index: 1;
    transition: all 500ms ease-in-out;
}
header .header-sticky.sticky {
    background: #fff;
    transition: all 0.5s ease-in-out;
    box-shadow: 0 8px 22px -13px;
}
header .navbar-brand img{transition: all 500ms ease-in-out;}
header .header-sticky.sticky .navbar-brand img{max-width: 120px;}
header .header-sticky.sticky .navbar-nav a.nav-item.nav-link{padding: 65px 40px 16px;margin-top: -15px;font-size: 18px;}
header .header-sticky.sticky .navbar-nav a:hover:before{width: 45px;height: 45px;}

/*-------header end--------*/

/*---- Banner Strat ----*/
.hero-banner {background-image: url(../img/hero-dog-park-background.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; height: 730px; margin-top: -190px; }
.compact-hero {background-image: url(../img/dawgs-day-park-slim-header.png); background-repeat: no-repeat; background-size: cover; background-position: center; height: 400px; margin-top: -250px; }
/*---- Banner End ----*/

.bone-bg {padding-bottom: 160px;padding-top: 36px;background: url(../img/form-bg1.jpg);background-position: center;background-size: cover;}

/*------ About Start -----*/
.about-sec {background-image: url(../img/about-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; padding: 60px 0 200px; }
.about-sec .about-mint img {max-width: 100%; }
.about-sec .about-mint {border: 10px solid #756242; background-color: #eff2bd; padding:20px}
.about-sec .about-img img {max-width: 100%; }
.about-sec .about-con h4 {font-family: 'Fredoka One', sans-serif; color: #766242; font-size: 50px; text-transform: uppercase; }
.about-sec .about-con h2 {font-family: 'Fredoka One', sans-serif; color: #312010; font-size: 75px; text-transform: uppercase; margin: -25px 0 0 -6px; }
.about-sec  h5 {font-family: 'Poppins', sans-serif; color: #000; font-size: 30px; text-transform: uppercase; font-weight: bold}
.about-sec .about-con p {color: #312010; font: 300 20px/31px 'Poppins', sans-serif; }
/*------ About End -----*/

/*------ Static Container Start -----*/
.static-sec {background-image: url(../img/about-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; padding: 60px 0 200px; }
.static .static-con img {max-width: 100%; }
.static .static-con h4 {font-family: 'Fredoka One', sans-serif; color: #766242; font-size: 50px; text-transform: uppercase; }
.static .static-con h2 {font-family: 'Fredoka One', sans-serif; color: #312010; font-size: 75px; text-transform: uppercase; margin: -25px 0 0 -6px; }
.static .static-con p {color: #312010; font: 300 20px/31px 'Poppins', sans-serif; }
/*------ Static Container End -----*/


/*-------home-heading start--------*/
.home-heading{position: relative;}
.home-heading h2{color: #312010;margin: 0;font-size: 70px;line-height: 75px;text-transform: uppercase;font-family: 'Fredoka One', sans-serif;padding-bottom: 46px;}
/*-------home-heading end--------*/

/*-------home-form start--------*/
.home-form{position: relative;}
.home-form .top-form {padding-bottom: 160px;padding-top: 36px;background: url(../img/form-bg1.jpg);background-position: center;background-size: cover;}
.home-form .top-form .form-box{border-radius: 200px;height: 555px;}
.home-form .top-form .col-12:nth-child(1) .form-box{background: #c17641;}
.home-form .top-form .col-12:nth-child(2) .form-box{background: #766242;}
.home-form .top-form .col-12:nth-child(3) .form-box{background: #db8e1d;}
.home-form .top-form .form-box .form-icon{text-align: center;padding-top: 31px;}
.home-form .top-form .form-box h3{color: #f3f2e3;font-size: 24px;line-height: 26px;font-family: 'Fredoka One', sans-serif;text-transform: uppercase;margin: 0;padding-top: 9px;padding-bottom: 25px;}
.home-form .top-form .form-box h4{color: #fefff2;font: 500 30px/32px 'Poppins', sans-serif;margin: 0;padding-left: 28px;padding-bottom: 28px;}
.home-form .top-form .form-box .form-check{padding-bottom: 18px;margin-left: 25px;margin-right: 25px;}
.home-form .top-form .form-box .form-check label{color: #f3f2e3;font: 500 18px/20px 'Poppins', sans-serif;margin: 0;padding-left: 2px;}
.home-form .top-form .form-box .form-img{position: absolute;left: 50%;transform: translateX(-50%);bottom: -40px;}

.home-form .bottom-form {padding-bottom: 63px;padding-top: 67px;background: url(../img/form-bg2.jpg);background-position: center;background-size: cover;}
.home-form .bottom-form .bottom-form-box h2{color: #ffffff;font-size: 75px;line-height: 77px;font-family: 'Fredoka One', sans-serif;text-transform: uppercase;margin: 0;}
.home-form .bottom-form .bottom-form-box input[type="submit"]{float: right;color: #fefff2;font-family: 'Fredoka One', sans-serif;font-size: 34px;line-height: 36px;background: #e52b12;border-radius: 50px;border:2px solid #e52b12;padding: 19px 42px 21px 42px;transition: all 500ms ease-in-out;}
.home-form .bottom-form .bottom-form-box input[type="submit"]:hover{background: transparent;}
.home-form .bottom-form .bottom-form-box a{float: right;color: #fefff2;font-family: 'Fredoka One', sans-serif;font-size: 34px;line-height: 36px;background: #e52b12;border-radius: 50px;border:2px solid #e52b12;padding: 19px 42px 21px 42px;transition: all 500ms ease-in-out;}
.home-form .bottom-form .bottom-form-box a:hover{background: transparent;}

/*-------home-form end--------*/

/*-------home-team start--------*/
.home-team{position: relative;padding-bottom: 277px;padding-top: 49px;background: url(../img/team-bg.jpg);background-position: center bottom;background-size: cover; }
.home-team:after{content: '';position: absolute;background: url(../img/dog-leash-icon.png);width: 149px;height: 170px;left: 15px;top: -80px;}
.home-team .team-text{max-width: 700px;padding-top: 55px;}
.home-team .team-text p{font: 400 24px/36px 'Poppins', sans-serif;color: #3a3a3a;}
.home-team .team-img{text-align: right;}

/*-------home-team end--------*/

/*-------home-faq start--------*/
.home-faq{position: relative;padding-bottom: 228px;padding-top: 40px;background: url(../img/faq-banner.jpg);background-position: center bottom;background-size: cover; }
.home-faq:after{content: '';position: absolute;background: url(../img/faq-icon-rope-jump.png);width: 203px;height: 127px;left: 30px;top: -80px;}
.home-faq:before{content: '';position: absolute;background: url(../img/faq-icon-ball.png);width: 156px;height: 156px;right: 30px;bottom: 60px;}

.home-faq .faq-details{max-width: 1002px;margin: 0 auto;}

.home-faq .faq-details .card{margin-bottom: 12px;border:none;border-radius: 0;}
.home-faq .faq-details .card .card-header{border:1px solid #d6d7d7;}
.home-faq .faq-details .card:nth-child(1) .card-header{background: #25a8e0;}
.home-faq .faq-details .card:nth-child(2) .card-header{background: #766242;}
.home-faq .faq-details .card:nth-child(3) .card-header{background: #c17641;}
.home-faq .faq-details .card:nth-child(4) .card-header{background: #db8e1d;}
.home-faq .faq-details .card:nth-child(5) .card-header{background: #287818;}
.home-faq .faq-details .card .card-header .btn-link{font: bold 23px/25px 'Poppins', sans-serif;color: #ffffff;padding-left: 9px;padding-bottom: 9px;padding-top: 9px;}
.home-faq .faq-details .card .card-header .btn-link:focus,.home-faq .faq-details .card .card-header .btn-link:hover{text-decoration: none;}
.home-faq .faq-details .card .card-header .btn:focus{box-shadow: none;}
.home-faq .faq-details .card .btn-link:before{content: url('/img/right-circle-icon.svg');position: absolute;right: 25px;transition: all 500ms ease-in-out;}
.home-faq .faq-details .card-body{border:1px solid #d6d7d7;background: transparent;font: 400 18px/22px 'Poppins', sans-serif; color: #626161;padding: 29px 29px 39px 29px;}
/*-------home-faq end--------*/


/*-------footer start--------*/
#footer{position: relative;background: url(../img/footer-background.jpg);background-position: center;background-size: cover;}

#footer .top-footer{padding-bottom: 40px;padding-top: 33px;border-bottom: 1px solid #434343;}

#footer .top-footer .footer-box{position: relative;}

#footer .top-footer .footer-box .footer-social-icon{display: flex;position: relative;margin-top: 57px;}
#footer .top-footer .footer-box .footer-social-icon li{margin-right: 5px;}
#footer .top-footer .footer-box .footer-social-icon li a{width: 50px;height: 50px;border-radius: 50%;border:2px solid #eae9e9;display: inline-block;text-align: center;line-height: 40px;}

#footer .top-footer .footer-box .footer-logo{text-align: center;}

#footer .top-footer .footer-box .footer-menu{display: flex;justify-content: end;position: relative;margin-top: 70px;}
#footer .top-footer .footer-box .footer-menu li a{color: #e7e8e7;font-size: 16px;line-height: 18px;font-family: 'Poppins', sans-serif; padding-right: 19px;padding-left: 18px;border-right: 2px solid #cbcccb;}
#footer .top-footer .footer-box .footer-menu li:last-child a{border:none;padding-right: 0px;}

#footer .button-footer{padding-bottom: 35px;padding-top: 34px;}
#footer .button-footer p{margin: 0;color: #ffffff;font-size: 16px;line-height: 18px;font-family: 'Poppins', sans-serif;}
/*-------footer end--------*/


/*------ Privacy Pocily Start -----*/
.privacy-policy {padding: 60px 0 205px; background-image: url(../img/faq-banner.jpg); background-repeat: no-repeat; background-position: bottom; background-size: cover; }
.privacy-policy h2 {font: 900 50px/45px 'Poppins', sans-serif; color: #212121; text-transform: uppercase; margin-bottom: 30px; }
.privacy-policy h4 {font:  500 26px/61px 'Poppins', sans-serif; color: #212121; /* margin-bottom: 25px;*/ }
.privacy-policy p {text-align: justify; font:  400 16px/24px 'Poppins', sans-serif; color: #212121; margin-bottom: 20px; }
/*------ Privacy Pocily End -----*/


/*------ Mint Page Start -----*/
.mint-sec {padding: 60px 0 205px; background-image: url(../img/faq-banner.jpg); background-repeat: no-repeat; background-position: bottom; background-size: cover; }
.mint-sec h2 {font-family: 'Fredoka One', sans-serif; color: #312010; font-size: 75px; text-transform: uppercase; margin: -25px 0 0 -6px; }
.mint-sec h4 {font-family: 'Fredoka One', sans-serif; color: #766242; font-size: 50px; text-transform: uppercase; }
.mint-sec p {text-align: justify; font:  400 16px/24px 'Poppins', sans-serif; color: #212121; margin-bottom: 20px; }
.mint-sec .form-check {display:inline;}
.mint-qty-btn{width:40px}
#mint-quantity-input{max-width:60px;text-align:center;}
/*------ Mint Page End -----*/


/* responsive */
@media screen and (max-width: 1299px){

}


@media screen and (max-width: 1199px){

}

@media screen and (max-width: 1024px){

    /*-------home-heading start--------*/
    .home-heading .heading-img img{max-width: 130px;}
    .hero-banner {margin-top:0}
    .compact-hero {margin-top: -50px}

    .home-heading h2{font-size: 64px;line-height: 66px;padding-bottom: 35px;}
    /*-------home-heading end--------*/


    /*-------about-sec start--------*/
    .about-sec{padding: 60px 0 120px;}
    .about-sec .about-con h4{font-size: 38px;}
    .about-sec .about-con h2{font-size: 64px;}
    /*-------about-sec end--------*/

    /*-------home-form start--------*/
    .home-form .top-form .form-box .form-img img{max-height: 120px;}
    .home-form .top-form{padding-bottom: 130px;}
    .home-form .bottom-form .bottom-form-box h2{font-size: 52px;line-height: 54px;}
    .home-form .bottom-form .bottom-form-box input[type="submit"]{font-size: 26px;line-height: 28px;}
    /*-------home-form end--------*/

    /*-------home-team start--------*/
    .home-team{padding-bottom: 212px;}
    .home-team .team-img img{max-width: 100%;}
    /*-------home-team end--------*/

}

@media screen and (max-width: 991px){

    /*-------header start--------*/
    header .navbar-brand img{max-width: 120px;}
    header .header-sticky.sticky .navbar-nav a.nav-item.nav-link{padding: 15px 0px;}
    header .navbar-nav a.nav-item.nav-link{margin-top: 0px;padding: 10px 0px;}
    header .navbar-nav a:hover{background: inherit;}
    header .navbar-nav a:hover::before{background: none;}
    header .header-sticky.sticky .navbar-brand img {max-width: 92px;}

    header .navbar-nav a{border-bottom: 2px solid #f6b207;}
    header .navbar-nav a:last-child{border:none;}
    header .header-sticky{background: #fff;position: absolute;width: 100%;}
    header .navbar-nav a:hover{border-radius: 0}
    header .header-sticky-details{position: relative;}

    /*-------header end--------*/

    /*-------home-form start--------*/
    .home-form .col-md-4{flex: 50%;max-width: 50%;}
    .home-form .top-form .form-box .form-img{bottom: 40px;}
    .home-form .top-form .form-box{margin-bottom: 80px;}
    .home-form .top-form {padding-bottom: 56px;}
    .home-form .bottom-form .bottom-form-box h2{font-size: 48px;line-height: 50px;}
    .home-form .bottom-form .bottom-form-box input[type="submit"] {font-size: 23px;line-height: 25px;}
    /*-------home-form end--------*/

    /*-------about-sec start--------*/
    .about-sec .col-md-6{flex: 100%;max-width: 100%;}
    .about-sec .about-img{text-align: center;}
    .about-sec h4{text-align: center;padding-top: 25px;}
    .about-sec h2,.about-sec p{text-align: center;}
    /*-------about-sec end--------*/

    /*-------home-team start--------*/
    .home-team .team-text{padding-top: 0px;}
    .home-team .team-text p{font: 400 20px/32px 'Poppins', sans-serif;}
    .home-team{padding-bottom: 164px;}
    /*-------home-team end--------*/

}


@media screen and (max-width: 767px){

    /*-------home-heading start--------*/
    .home-heading .heading-img img{max-width: 120px;}
    .home-heading h2{font-size: 36px;line-height: 38px;padding-bottom: 30px;}
    /*-------home-heading end--------*/

    /*-------footer start--------*/
    #footer .top-footer .footer-box .footer-social-icon{justify-content: center;margin-top: 16px;margin-bottom: 20px;}
    #footer .top-footer .footer-box .footer-menu{justify-content: center;margin-top: 28px;}
    #footer .top-footer .footer-box .footer-logo img{max-width: 120px;}
    /*-------footer end--------*/

    /*-------faq start--------*/
    .home-faq{padding-bottom: 170px;}
    .home-faq::after{width: 100px;height: 62px;background-size: cover;top: -40px;}
    .home-faq::before{width: 100px;height: 100px;background-size: cover;}
    .home-faq .faq-details .card .card-header .btn-link{font: bold 18px/20px 'Poppins', sans-serif;padding-left: 0px;padding-bottom: 2px;
        padding-top: 2px;}
    .home-faq .faq-details .card .btn-link::before{right: 18px;}
    .home-faq .faq-details .card-body{padding: 18px 20px 24px 20px;font: 400 16px/20px 'Poppins', sans-serif;}
    /*-------faq end--------*/

    /*-------home-team start--------*/
    .home-team .team-img-box{order: -1;}
    .home-team .team-img{text-align: center;}
    .home-team .team-text{padding-top: 20px;}
    .home-team .team-text p{text-align: center;font: 400 18px/30px 'Poppins', sans-serif;}
    .home-team{padding-bottom: 170px;}
    .home-team::after{width: 100px;height: 114px;background-size: cover;top: -66px;}
    /*-------home-team end--------*/

    /*-------home-form start--------*/
    .home-form .col-md-4{flex: 100%;max-width: 100%;}
    .home-form .bottom-form .bottom-form-box h2{text-align: center;font-size: 46px;line-height: 48px;padding-bottom: 20px;}
    .home-form .bottom-form .bottom-form-box input[type="submit"]{float: inherit;position: relative;left: 50%;transform: translateX(-50%);font-size: 24px;line-height: 26px;padding: 12px 36px 14px 36px;}
    .home-form .bottom-form{padding-bottom: 48px;padding-top: 52px;}

    .home-form .top-form .form-box{margin-bottom: 60px;}
    .home-form .top-form .form-box .form-img{bottom: 25px;}
    .home-form .top-form .form-box .form-img img{max-width: 150px;}
    .home-form .top-form .form-box .form-check{padding-bottom: 12px;}
    .home-form .top-form .form-box{height: 520px;}
    .home-form .top-form{padding-bottom: 40px;}
    /*-------home-form end--------*/

    /*-------about-sec start--------*/
    .about-sec{padding: 60px 0 68px;}
    .about-sec .about-con h4{text-align: center;font-size: 38px;padding-top: 24px;}
    .about-sec .about-con h2{font-size: 58px;text-align: center;}
    .about-sec .about-con p{text-align: center;}
    .about-sec .about-img{text-align: center;}
    /*-------about-sec end--------*/

    /*-------header start--------*/
    header .navbar-brand img{max-width: 120px;}
    header .header-sticky.sticky .navbar-nav a.nav-item.nav-link{padding: 15px 0px;}
    header .navbar-nav a.nav-item.nav-link{margin-top: 0px;padding: 10px 0px;}
    header .navbar-nav a:hover{background: inherit;}
    header .navbar-nav a:hover::before{background: none;}
    header .header-sticky.sticky .navbar-brand img {max-width: 92px;}

    header .header-top .social-icon a img{max-width: 30px;}
    header .header-top .mint-btn{font-size: 18px;padding: 2px 24px;}

    header .navbar-nav a{border-bottom: 2px solid #f6b207;}
    header .navbar-nav a:last-child{border:none;}
    header .header-sticky{background: #fff;}
    header .navbar-nav a:hover{border-radius: 0}

    /*-------header end--------*/



    /*-------privacy-policy start--------*/
    .privacy-policy h2{font: 900 38px/40px 'Poppins', sans-serif;margin-bottom: 10px;}
    .privacy-policy h4{font: 500 22px/38px 'Poppins', sans-serif;}
    .privacy-policy{padding: 60px 0 80px;}
    /*-------privacy-policy end--------*/


}

@media screen and (max-width: 575px){


    /*-------footer start--------*/
    #footer .top-footer .footer-box .footer-logo img{max-width: 120px;}
    #footer .top-footer .footer-box .footer-social-icon li a{width: 42px;height: 42px;line-height: 36px;}
    #footer .top-footer .footer-box .footer-social-icon li a img{max-width: 28px;}
    #footer .button-footer {padding-bottom: 28px;padding-top: 24px;}
    /*-------footer end--------*/

    /*-------home-form start--------*/
    .home-form .top-form{padding-bottom: 40px;}
    .home-form .top-form .form-box{height: inherit;}
    .home-form .top-form .form-box .form-details{padding-bottom: 130px;}
    .home-form .top-form .form-box h4{font: 500 28px/30px 'Poppins', sans-serif;padding-bottom: 18px;}
    .home-form .top-form .form-box h3{font-size: 20px;line-height: 22px;padding-bottom: 12px;}
    .home-form .top-form .form-box .form-icon img{max-width: 50px;}
    .home-form .top-form .form-box .form-img img {max-width: 130px;}
    .home-form .bottom-form .bottom-form-box h2{font-size: 34px;line-height: 36px;}
    /*-------home-form end--------*/

    /*-------about-sec start--------*/
    .about-sec .about-con h4{font-size: 30px;padding-bottom: 5px;}
    .about-sec .about-con h2{font-size: 46px;}
    .about-sec .about-con p{font: 300 17px/28px 'Poppins', sans-serif;}
    .about-sec {padding: 50px 0 50px;}
    /*-------about-sec end--------*/





}

@media screen and (max-width: 400px){

}