/* Global */
:root {
    --primary: #FFD37E;
    --secondary: #78B7FF;
    --light-blue: #DBF0FF;
    --bgColor: #F7FCFF;
    --blue: #0066FF;
    --pinkLight: #FFDBF5;
    --yellow: #F9B300;
    --white: #ffffff;
    --black: #000000;
    --pink: #FF00C3;
    --pink-light: #FF62DA;
    --skyblue: #00B2FF;
    --yellow-dark: #F6A800;
    --iot-primary: #0094FF;
    --orange: #FFB52A;
    --bluish: #0F7EAE;
}

body {
    font-family: 'Nunito Sans', sans-serif !important;
    overflow-x: hidden;
    overflow-y: unset !important;
    padding: 0px !important;
    scroll-behavior: auto !important;
}

@font-face {
    font-family: 'Marvin W01 Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Marvin'), url('../fonts/marvin-font.ttf') format('truetype');
}

@font-face {
    font-family: 'Marvin';
    src: local('Marvin Round'), local('Marvin-Round'),
        url('../fonts/Marvin-Round/Marvin-Round.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
	font-family: 'marvin';
	src: url('../fonts/Marvin.otf') format('opentype');
}
@font-face {
	font-family: 'marvin';
    font-weight: 400;
	src: url('../fonts/marvin400.otf') format('opentype');
}
@font-face {
	font-family: 'marvin';
    font-weight: 400;
	src: url('../fonts/Marvin-Round/Marvin-Round.ttf') format('truetype');
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Marvin W01 Regular" !important;
}

.heading h4 {
    font-size: 2rem;
}

.heading h2 {
    font-size: 2.4rem;
}

.heading .yellow {
    color: var(--yellow);
}

.heading .secondary {
    color: var(--secondary);
}

.heading .blue {
    color: var(--skyblue);
}
.pink{
    color: var(--pink);
}

.black-btn {
    background: var(--black) !important;
    padding: 8px 24px !important;
    border-radius: 40px !important;
    max-width: 200px;
}

.black-btn:hover {
    background: var(--blue) !important;
    border: 1px solid var(--blue);
}

.blue-btn {
    background: var(--blue) !important;
    padding: 8px 24px !important;
    border-radius: 40px !important;
    max-width: 160px;
}

.black-btn:hover {
    background: var(--blue) !important;
    border: 1px solid var(--blue);
}
.toggle-heading{
    position: relative;
}
.toggle-side-bar {
    width: 50px !important;
    position: relative;
    right: 0px;
    background: var(--white);
    height: 50px;
    border-radius: 40px;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
    box-shadow: 0px 0px 8px 0px #b7b7b7;
    align-items: center;
    justify-content: center;
}
.toggle-side-bar img{
    max-width: 30px !important;
}

/* Header */
.connect-wallet {
    padding: 8px 24px;
    border-radius: 30px;
    min-width: 166px;
    background: var(--pink);
}

nav .nav-link:hover {
    color: var(--bluish) !important;
}

.navbar {
    box-shadow: 0px 1px 4px 0px #f1f1f1;
    padding-right: 0px !important;
}

.navbar-toggler:focus {
    box-shadow: 0 0 0 0 !important;
}

.connect-wallet:hover {
    background: rgb(255 0 195 / 70%);
    border-color: var(--blue);
    border: 2px solid var(--blue);
}

.navbar-brand {
    width: 210px;
    margin: 12px 0px;
}

.navbar-nav .nav-link.active,
.navbar-nav .show>.nav-link {
    color: var(--pink) !important;
    border-radius: 8px;
}
.nav-link{
    color: var(--bluish) !important;
    font-weight: 700 !important;
}
.offcanvas-header img{
    max-width: 240px;
    margin: 0px auto;
}
.navbar-expand-lg .navbar-nav {
    border-radius: 8px;
}

nav .navbar-nav {
    border-radius: 8px;
}

/* Slider */
.slider{
    background: url('../assets/images/bg-main.png');
    width: 100%;
    height: 100vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.slider-container{
    height: 100vh;
}
.slider-img img {
    width: 75%;
    margin: auto;
}
.slider-buttons .learn-more-btn{
    background: var(--pink);
    padding: 8px 28px;
    font-size: 18px;
    font-weight: 500;
    min-width: 175.6px;
}
.slider-buttons .learn-more-btn:hover{
    background: rgb(255 0 195 / 70%);
}
.slider .social-icons ul{
    list-style: none;
}
.slider .social-icons li a{
    background: transparent;
    width: 64px;
    height: 64px;
}
.slider-buttons .nft-collecion-btn{
    background: var(--yellow-dark);
    padding: 8px 28px;
    font-size: 18px;
    font-weight: 500;
    min-width: 175.6px;
}
.slider-buttons .nft-collecion-btn:hover{
    background: rgb(246 168 0 / 70%);
}
a:-webkit-any-link:focus-visible {
    outline-offset: 0px;
}
.scroll-down-btn {
    position: relative;
    cursor: pointer;
    bottom: 120px;
    animation: 4s ease-in-out 0s infinite normal none running moves;
    margin-top: -114px;
}
.slider-buttons a{
    text-decoration: none;
}
.overflowx-hidden,
.overflowy-hidden {
    overflow-x: hidden;
}

@keyframes moves {
    0% {
        transform: translate(0px, 0px);
    }

    50% {
        transform: translate(0px, 50px);
    }

    100% {
        transform: translate(0px, 0px);
    }
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: var(--pink) !important;
    background-color: #0d6efd00 !important;
}

.white-bg-img {
    position: relative;
    margin: -40px 0px;
}

/* About Us */
.about-us {
    background: url('../assets/images/about-bg.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 90px 0px;
}

.about-us-container {
    border-radius: 24px;
}

/* Nft Marketplace */
.nft-market {
    background: url('../assets/images/nft-bg.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.nft-market-container {
    border-top: 0px solid;
    border-radius: 0px 0px 12px 12px;
}

.nft-item {
    border: 1px solid #c4c4c4;
    border-radius: 12px;
}

.pawpular-price {
    font-size: 14px;
}

#search-nft-box {
    padding: 10.5px 10px 10.5px 40px;
    border-radius: 30px;
}

.form-control:focus {
    border-color: #ced4da !important;
    box-shadow: 0 0 0 0 !important;
}

.input-group .fa-search {
    position: absolute;
    z-index: 4;
    top: 14px;
    left: 18px;
    color: #aeaeae;
}

.nft-title {
    font-size: 18px;
    font-weight: 600;
}

.nft-market-img,
.nft-market-img img {
    border-radius: 12px 12px 0px 0px;
}

.pawpular-price .price {
    font-size: 28px;
    font-weight: 800;
    line-height: 0px;
}

.token-img {
    width: 30px;
}

.btn-nft-marketplace {
    border: 2px solid black;
    padding: 6px 36px;
    border-radius: 30px;
    max-width: 196px;
    margin: auto;
    cursor: pointer;
    color: black;
    text-decoration: none;
}

.btn-nft-marketplace:hover {
    color: var(--white);
    background: var(--blue);
    border-color: var(--blue);
}

.yellow-light {
    background: #FFFAED;
}

.service-item {
    height: 100%;
    border-radius: 20px;
}

.sky-light {
    background: var(--bgColor);
}

/* Our services */
.our-services h2{
    color: #6F4B00;
}
.service-img {
    width: 120px;
    margin: auto;
    position: relative;
    margin-top: -66px;
    top: -20px;
}

.service-content h5 {
    font-family: 'Nunito Sans', sans-serif !important;
    font-weight: 800;
    text-transform: uppercase;
}

.service-content p {
    color: #3A3A3A;
    max-width: 85%;
    margin: 20px auto 0px auto;
}

/* Features */

.features {
    background: url('../assets/images/features-bg.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.podium-img {
    width: 36%;
    margin: auto;
    display: block;
    left: 0px;
    transform: translateX(91%);
    bottom: -12%;
}

.podium-img {
    position: absolute;
    z-index: 9;
}

.owner-profile {
    position: relative;
}

.features-heading h2 {
    margin-left: 150px;
}

.owner-profile h3 {
    font-family: 'Nunito Sans', sans-serif !important;
    font-weight: 900;
    line-height: 40px;
}

.owner-profile p {
    color: #656565;
}

.features .swiper-button-prev {
    left: -70px !important;
    margin-top: -90px !important;
}

.features .swiper-button-next {
    right: auto !important;
    left: 10px !important;
    margin-top: -90px !important;
}

.features .swiper-button-next:after,
.features .swiper-button-prev:after {
    font-size: 20px;
}

.features .swiper-button-prev,
.features .swiper-button-next {
    background: #FBF1D1;
    width: 42px;
    min-width: 42px;
    height: 42px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    border: 2px solid #000;
}

.swiper-slide:nth-child(even) .row>div:nth-child(odd) {
    order: 0;
}

.features .screenshot-img {
    width: 48%;
    margin: 0px auto 10px 33%;
}

/* Roadmap */
.roadmap h2 {
    color: #6C1E69 !important;
}
.roadmap .heading span {
    color: var(--pink);
}
.roadmap ul{
    list-style: unset;
    font-size: 16px;
    padding-left: 18px;
}
.roadmap ul li{
    margin-bottom: 8px;
}
.phase-1 h4 {
    color:#FFA800;
}
.phase-2 h4{
    color: var(--secondary);
}
.phase-3 h4 {
    color:var(--pink);
}
.phase-4 h4 {
    color:#0080FF;
}

/* Our mission */
.our-mission .heading h2 span{
    color: var(--skyblue);
}
.our-mission h5{
    font-family: 'Nunito Sans', sans-serif !important;
    font-weight: 700;
    color: #72C5FF;
}
.our-mission h2{
    color: var(--bluish);
}
/* Pawpular go */
.pawpular-go{
    background: linear-gradient(107.56deg, #FFF7E8 32.26%, #FFE2F1 100%);
}
.pawpular-go .heading h2{
    color: var(--pink);
    font-size: 2.4rem;
}
.pawpular-go .heading h2 span{
    color: var(--skyblue);
}
.border-bottom-skyblue{
    border-bottom: 5px solid #9CD7FF;
    max-width: 240px;
    margin: 0px auto;
}
.pawpular-go h4.coming-soon-heading{
    color: var(--yellow-dark);
}
.pawpular-go .pawpular-pink{
    color: var(--pink);
    font-size: 24px;
    font-weight: 700;
}
.pawpular-go .join-skyblue{
    color: #0291F6;
    font-family: 'Nunito Sans', sans-serif !important;
    font-weight: 700;
}
.pawpular-go .social-icons img{
    max-width: 60px;
}
.pawpular-go-img-1{
    max-width: 76%;
}
/* NFT Collections */
.nft-collection{
    background: linear-gradient(102.57deg, #FFEBFF 39.69%, #D5F2FF 98.79%) !important;
    height: auto !important;
}
.nft-collection p span{
    font-weight: 700;
    text-transform: uppercase;
}
.sky-blue-medium{
    color: var(--skyblue);
    font-weight: 700;
    font-size: 24px;
}
.nft-collection .discord-btn img{
    max-width: 22px;
    filter: brightness(0);
}
.nft-collection-main{
    color: #3A3A3A;
    font-size: 24px;
    font-weight: 700;
}
.future-collection-item, .future-collection-item .future-collection-content{
    height: 100%;
}
.nft-collection-content .heading span{
    color: var(--pink);
}
.nft-collection h2{
    color: #6C1E69 !important;
}
.yellow-bg{
    background-color: var(--yellow) !important;
    padding: 8px 32px !important;
}
.yellow-bg:hover{
    background-color: rgb(249 179 0 / 70%) !important;
    border: 1px solid var(--yellow) !important;
}
.discord-btn{
    border: 2px solid var(--yellow) !important;
    padding: 8px 32px !important;
    color: var(--black) !important;
    background: rgb(249 178 0 / 23%) !important;
}
/* Future collection */
.future-collection-content{
    background: linear-gradient(106.88deg, #FFF8BA 0%, #FFB7EE 60.51%, #FF77DF 111.24%), #FFF4F9;;
}
.future-collection-content h4{
    color: #6C1E69;
}
.nft-collections-nft{
    max-width: 130px;
    display: flex;
    align-items: end;
}
.pawpets-img{
    max-width: 156px;
}
.coming-soon-collection{
    top: -20px;
    left: 30px;
    font-family: 'Mochiy Pop P One', sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    color: var(--pink);
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08);
}
.biz-paws-nft-img{
    max-width: 192px;
    margin-right: -15px;
}

.future-collection-content h4 span{
    color: var(--pink);
}
.future-collections .heading h2 span{
    color: var(--skyblue);
}
.future-collections h2{
    color: var(--bluish);
}
.sky-blue .future-collection-content h4 span, .sky-blue .coming-soon-collection {
    color: var(--skyblue);
}
.sky-blue .future-collection-content h4{
    color: var(--bluish);
}
.sky-blue .future-collection-content{
    background: linear-gradient(107.56deg, #CAFCFF 0%, #79F8FF 46.98%, #55A9FF 100%), linear-gradient(107.56deg, #7DF7FF 0%, #027EFE 100%), #F4FBFF;
}
.yellow .future-collection-content h4 span, .yellow .coming-soon-collection {
    color: var(--yellow-dark);
}
.yellow .future-collection-content{
    background: linear-gradient(106deg, #FFF8BA 0%, #FFEF5F 47.76%, #FFC700 97.55%), #FFF4F9;;
}
.yellow .future-collection-content h4{
    color: #6F4B00;
}

/* IOT Tracker */

.iot-tracker .container{
    background: url('../assets/images/tracker-bg.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 40px;
}
.iot-tracker .heading h2{
    background: linear-gradient(180deg, #FF00B8 0%, #E26DFF 36.62%, #2DF2FF 85.62%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-size: 4rem;
}
.iot-tracker-content{
    max-width: 500px !important;
    margin: 188px 205px 188px 120px !important;
}
.iot-tracker-content button{
    background: linear-gradient(0deg, #0291F6, #0291F6), var(--yellow);
    padding: 10px 30px;
    border: 0px solid !important;
    color: var(--white);
    border-radius: 8px;
}
.iot-tracker-content .dog-img{
    max-width: 136px;
    bottom: 30px;
    left: 30px;
}
/* Team */

.team {
    background: linear-gradient(180deg, #FFF5D1 0%, #D5EFFF 100%);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.team-member-info p {
    color: var(--black);
    font-size: 18px;
}
.team-bg-img {
    position: relative;
    margin-top: -130px;
    bottom: -60px;
    z-index: 1;
}
.team-member-img{
    max-width: 300px;
    margin: 0px auto;
}
.founder-text{
    font-weight: 700;
    color: #6C1E69 !important;
}
.team h2{
    color: #6C1E69;
}

.team p{
    color: #6C1E69;
}
.future-collection-content p{
    color: #6C1E69;
    font-weight: 700;
    font-size: 14px;
}
.sky-blue p{
    color: var(--bluish);
}
.yellow p{
    color: #6F4B00;
}
/* footer */

footer {
    position: relative;
}

footer ul {
    list-style: none;
}

.home-page .social-icons li a {
    border-radius: 50px;
    display: inline-block;
    color: var(--white);
    text-decoration: none;
}

.social-icons li a .fa {
    font-size: 20px;
}
#pointer {
    width: 100px;
    height: 40px;
    position: relative;
    background: var(--pinkLight);
  }
  #pointer:before {
    content: "";
    position: absolute;
    right: -20px;
    bottom: 0;
    width: 0;
    height: 0;
    border-right: 20px solid var(--white);
    border-top: 20px solid var(--pinkLight);
    border-bottom: 20px solid var(--pinkLight);
  }
  .nft-details-img{
      border-radius: 48px;
  }
  .nft-details-img img{
    border-radius: 48px;
}
.btn-close{
    position: absolute;
    top: -60px;
    left: 48%;
    background-color: var(--white) !important;
    color: black;
    width: 40px !important;
    height: 40px !important;
    border-radius: 40px !important;
    opacity: 1 !important;
}
button:focus {
    box-shadow: 0 0 0 0 !important;
}

.input-group-text {
    background-color: var(--light-blue) !important;
    border-radius: 24px 0px 0px 24px !important;
}
.right-text {
    background-color: var(--white) !important;
    border-radius: 0px 24px 24px 0px !important;
    border-left: 0px solid transparent !important;
    font-weight: 700 !important;
}
.text-box{
    border-right: 0px solid transparent !important;
    font-weight: 700 !important;
}
/*modal  */
.offcanvas-body .auction-sale-container {
    width: 100%;
}
.offcanvas-body .auction-sale-end {
    padding: 15px;
    border-radius: 12px;
}
.offcanvas.offcanvas-bottom {
    height: unset !important;
    border-radius: 42px 42px 0px 0px;
}
.offcanvas-bottom .offcanvas-title{
    font-family: 'Nunito Sans', sans-serif !important;
    font-weight: 700;
}
.bids{
    width: 40%;
}

/* Subscription */
.subscription-container{
    background: linear-gradient(90deg, #D4F2FF 9.55%, #FDA3FF 90.77%);
    border-radius: 16px;
}
.subscription-container .heading h2{
    color: #6C1E69;
}
.subscription-box input{
    padding: 10px 50px 10px 10px;
    border-radius: 6px;
}
.subscription-box button{
    background-color: var(--pink) !important;
    padding: 10px 50px !important;
    border-radius: 6px !important;
}
.subscription-img{
    max-width: 460px;
}
.subscription-box{
    max-width: 656px;
}

.subscribtion-modal{
    background-color: rgb(0 0 0 / 50%);
}
.subscribtion-modal h4, .subscribtion-modal p{
    color: #6C1E69;
}
.subscribtion-modal button{
    background-color: var(--pink);
    padding: 10px 60px;
}
.subscribtion-modal button:hover{
    background-color: var(--pink);
    padding: 10px 60px;
}
.subscribtion-modal .modal-dialog{
    max-width: 300px;
    border-radius: 24px;
    margin: auto;
}
.subscribtion-modal .modal-body{
    box-shadow: 0px 5px 10px rgba(0, 8, 33, 0.15);
    border-radius: 24px;
}
.error{
    color: red;
}
:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
}
.subscription-btn{
    max-width: 150px;
    width: 100%;
    text-align: center;
}
.subscription-btn img{
    max-width: 44px;
}
.subscribtion-modal .modal-content{
    border-radius: 24px;
}

/* Privacy policy */
.privacy-policy a{
    color: rgba(15, 126, 174, 0.7);
    text-decoration: none;
}
.privacy-policy a:hover{
    color: rgba(15, 126, 174, 0.7);
    text-decoration: none;
}
.privacy-policy p{
    font-weight: 600;
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) !important;
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) !important;
}
.coming-soon{
    background: url('../assets/images/bgimg.png');
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
}
.animal-vector{
    position: absolute;
    max-width: 400px;
    bottom: 0px;
    left: 0px;
}
.h-100vh{
    height: 76vh;
}
.pawpular-logo{
    max-width: 130px;
    margin: auto;
}

.service-img img{
    mix-blend-mode: darken;
}
footer .social-icons ul li img{   
    filter: brightness(0) invert(1);
    width: 24px;
}

.text-justify{
    text-align: justify;
}
.terms-conditions-item h5{
    font-family: 'Nunito Sans', sans-serif !important;
    font-weight: 700;
}
.terms-conditions-item .heading h2{
    color: var(--skyblue);
}
.terms-conditions-item ul{
    list-style: none;
}

/* IOT TRACKER PAGE */

.iot-tracker-page p {
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    color: #656565;
}
/* Main */
main h1{
    font-family: 'Marvin' !important;
    box-shadow: inset(0px 4px 16px 0px);
    font-size: 100px;
  }
  main{
    background: url('../assets/images/iot-tracker/bg-img.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 606px;
    height: 606px;
  }
  main .main-content-img img:nth-child(1){
    max-width: 400px;
  }
  main .main-content-img img:nth-child(2){
    max-width: 330px;
    margin-top: -40px;
  }
  main .main-content-img img:nth-child(3){
    max-width: 400px;
    margin-top: -88px;
  }
  main .main-content-img{
    position: relative;
    top: 40px;
    height: auto;
  }
  
  
  /* Connect tracker */
  
  .connect-tracker .connect-tracker-content h3{
    text-transform: uppercase;
    color: var(--pink);
    font-weight: 700;
    font-family: 'Open Sans', sans-serif !important;
  }
  
  /* Step Tracker */
  
  .step-tracker{
    background:url('../assets/images/iot-tracker/step-tracker-bg.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 56px 0px;
  }
  .step-tracker h3{
    font-family:'Marvin' !important;
    font-size: 3.8rem;
  }
  .step-tracker h5{
    font-size: 1.5rem;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif !important;
  }
  .step-tracker-img{
    max-width: 400px;
    margin: 0px auto;
    display: block;
  }
  .step-tracker .steps-count{
    background-color: var(--white);
    font-weight: 800;
    padding: 15px 40px;
    right: -30px;
    top: -80px;
}
.dropdown-item {
    padding: 8px 10px !important;
}
.dropdown-item.active, .dropdown-item:active {
    background-color: var(--skyblue) !important;
}
.step-tracker .steps-count p{
    font-size: 1.5rem;
    color: var(--orange) !important;
  }
  
  /* PTN */
  
  .ptn .ptn-content h3{
    color: var(--iot-primary);
    font-size: 4rem;
    font-family:'Marvin' !important;
  }
  .ptn .ptn-content h5{
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif !important;
  }
  .ptn-content img{
    max-width: 700px;
    width: 100%;
  }
  
  /* GEO fencing alarm */
  
  .geo-fencing-alarm{
    background: url('../assets/images/iot-tracker/fencing-alarm-bg.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .geo-fencing-alarm h3{
    font-family: 'Marvin' !important;
    font-size: 4.2rem;
  
  }
  .geo-fencing-alarm-content img{
    width: 100%;
    max-width: 720px;
  }
  .geo-fencing-alarm-content h5{
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.5rem;
    font-family: 'Open Sans', sans-serif !important;
  }
  
  /* Multi Pet Tracking */
  
  .multi-pet-tracking img{
    max-width: 720px;
    width: 100%;
  }
  .multi-pet-tracking-content h3{
    font-size: 5rem;
    font-family: 'Marvin' !important;
    color: var(--iot-primary);
  }
  .multi-pet-tracking-content h5{
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif !important;
  }
  
  .activity-tracker-content .activity-tracker-img{
    max-width: 760px;
    position: relative;
    z-index: 1;
    margin: 0px auto;
  }
  .activity-tracker .bg-img{
    z-index: 0;
    top: 22%;
    width: 100%;
  }
  .activity-tracker-content h3{
    font-size: 5rem;
    font-family: 'Marvin' !important;
    background: linear-gradient(180deg, #FFD43A -8.2%, #FF3A8D 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    margin-bottom: -100px;
    letter-spacing: 8px;
  }
  
  /* QR COde */
  .qr-code-container img{
    max-width: 320px;
  }
  .qr-code-container h3{
    color: var(--pink);
    font-family: 'Marvin' !important;
    font-size: 4rem;
  }
  
  /* Footer */
  .footer-container h2{
    font-family: 'Marvin' !important;
    font-size: 3.6rem;
  }
  .footer-container p{
    font-weight: 700;
    text-align: center;
  }
  



  /* Buy NfT page */

  .counter-number button{
    border: 2px solid #00B4FF;
    background-color: var(--white);
    padding: 10px;
    min-width: 120px;
  }
  .counter-number img{
    width: 20px;
    height: 20px;
  }
  .counter-number button:first-child{
    border-radius: 8px 0px 0px 8px;
  }
  .counter-number button:last-child{
    border-radius: 0px 8px 8px 0px;
  }
  .counter-number .counter{
    background: linear-gradient(96.1deg, var(--skyblue) 3.54%, #00D1FF 96.46%);
    padding: 8.6px 18px;
    color: var(--white);
    font-weight: 700;
    font-size: 20px;
    min-width: 72px;
    text-align: center;
  }
  .buy-now-btn button{
    background: linear-gradient(96.1deg, var(--skyblue) 3.54%, #00D1FF 96.46%);
    padding: 10px;
    border-radius: 12px;
    border: 0px solid !important;
    color: var(--white);
    min-width: 313px;
  }
  .buy-nft-container h4{
    font-family: 'Nunito Sans', sans-serif !important;
    font-weight: 700;
  }
  .buy-nft-container h2{
    font-family: 'Nunito Sans', sans-serif !important;
    font-weight: 800;
    color: var(--skyblue);
    font-size: 3rem;
  }
  .buy-nft-container h2 img{
    max-width: 60px;
  }
  .buy-nft-container .description{
    color: #AEAEAE;

    font-weight: 600;
  }






























  /* pawpular go app page */


  /* Global */
@font-face {
	font-family: 'marvin';
	src: url('../fonts/Marvin.otf') format('opentype');
}
@font-face {
	font-family: 'Helvetica Neue';
	src: url('../fonts/HelveticaNeueBold/HelveticaNeue.otf') format('opentype');
}
@font-face {
	font-family: 'Helvetica Neue';
	src: url('../fonts/HelveticaNeueMedium/HelveticaNeue.otf') format('opentype');
}


@font-face {
	font-family: 'marvin';
    font-weight: 400;
	src: url('../fonts/marvin400.otf') format('opentype');
}
.pawpular-go-app-page{
    font-family: 'Nunito', sans-serif;
}
.pawpular-go-app-page .pawpular-go-slider-img img{
    max-width: 600px;
}
.pawpular-go-app-page h1{
    font-family: 'marvin',serif;
    font-size: 3.2rem !important;
    line-height: 64px;
}
.pawpular-go-app-page p{
    font-size:18px;
    color: #656565;
    font-family: 'Nunito Sans', sans-serif;
}
.pawpular-go-app-page .pawpular-go-slider p{
    font-size: 20px;
}
.pawpular-go-app-page ul{
    list-style: none;
}
.pawpular-go-app-page a{
    padding: 11px 44px !important;
    text-decoration: none;
    color: black;
}
.pawpular-go-app-page .download-btn a{
    padding: 0px !important;
}
.pawpular-go-app-page .social-icons a{
    padding: 0px !important;
}
.pawpular-go-app-page .social-media-icons a{
    padding: 0px !important;
}
.pawpular-go-app-page .heading h2{
    font-family: 'Open Sans', sans-serif !important;
    font-size: 42px;
    font-weight: 700;
}
.pawpular-go-app-page h2 {
    font-size: 2rem;
    font-weight: 700;
}
.pawpular-go-app-page h2,.pawpular-go-app-page h3,.pawpular-go-app-page h4,.pawpular-go-app-page h5,.pawpular-go-app-page h6{
    font-family: 'Nunito', sans-serif !important;
}
/* Header */
.navbar-brand {
    max-width: 248px;
    margin: 11px 0;
}
.btn-close:focus {
    box-shadow: 0 0 0 0;
}
.offcanvas-title img{
    max-width: 160px;
}
.navbar-toggler:focus {
    box-shadow: 0 0 0 0 !important;
}
.navbar-toggler-icon {
    filter: brightness(0)invert(0);
}
.navbar-toggler{
    border: 1px solid var(--white);
    margin-right: 0px !important;
}
.scroll{
    background-color: var(--white);
    box-shadow: 0px 0px 8px 0px #00000014;
}
.scroll .navbar-toggler-icon {
    filter: brightness(1)invert(0);
}
.scroll .navbar-toggler{
    border: 1px solid var(--black);
}


.pawpular-go-app-page .social-icons img{
    max-width: 64px;
}
.pawpular-go-app-page .social-icons{
    position: absolute;
    bottom: 24px;
}
.pawpular-go-app-page .connect-wallet-btn{
    text-decoration: none;
    border-radius: 32.5px;
    background: var(--pink-light);
}
.navbar-nav .nav-item .nav-link{
    color: var(--bluish);
    font-weight: 600;
    font-size: 16px;
}
.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {
    color: var(--pink-light);
}
.connect-wallet-btn{
    padding: 13px 36px;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: transparent !important;
}
.content p {
    color: #12100B;
}
.pawpular-go-app-page .social-icons li a{
    background-color: unset !important;
    width: 64px;
    height: 64px;
}
/* Subscription */
.subscription-container{
    background: linear-gradient(90deg, #D4F2FF 9.55%, #FDA3FF 90.77%);
    border-radius: 16px;
}
.subscription-container .heading h2{
    color: #6C1E69;
}
.subscription-box input{
    padding: 10px 50px 10px 10px;
    border-radius: 6px;
}
.subscription-box button{
    background-color: var(--pink);
    padding: 10px 50px !important;
    border-radius: 6px;
}
.subscription-img{
    max-width: 460px;
}
.subscription-box{
    max-width: 656px;
}
.error {
    color: red;
}
.subscribtion-modal{
    background-color: rgb(0 0 0 / 50%);
}
.subscribtion-modal h4, .subscribtion-modal p{
    color: #6C1E69;
}
.subscribtion-modal button{
    background-color: var(--pink);
    padding: 10px 60px;
}
.subscribtion-modal button:hover{
    background-color: var(--pink);
    padding: 10px 60px;
}
.subscribtion-modal .modal-dialog{
    max-width: 300px;
    border-radius: 24px;
    margin: auto;
}
.subscribtion-modal .modal-body{
    box-shadow: 0px 5px 10px rgba(0, 8, 33, 0.15);
    border-radius: 24px;
}
.subscribtion-modal .modal-content{
    border-radius: 24px;
}
:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
}
.subscription-btn{
    max-width: 150px;
    width: 100%;
    text-align: center;
}
.subscription-btn img{
    max-width: 44px;
}

.select-pets h2 span{
    color: var(--skyblue);
}
/* Team */
.team{
    background: linear-gradient(356.23deg, #FFE0F6 18.8%,#DEF3FF 96.91%);
}
.bottom-img{
    margin-bottom: -108px;
}
.team h3{
    font-family: "marvin";
}
.team h5{
    color: #6C1E69;
    font-family: 'Asap', sans-serif;
}
.team .heading h2{
    color: #6C1E69;
}
.team .heading h2 span{
    color: var(--pink);
}
.team h3{
    color: var(--pink);
}
.team p{
    color: #6C1E69;
}
/* Footer */
.social-media-icons ul li{
    background: black;
    min-width: 40px;
    height: 40px;
    border-radius: 50%;
}
footer .social-media-icons ul li a img{
    max-width: 30px;
}
footer .social-media-icons a{
    width: 40px;
    height: 40px;
    border-radius: 40px;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

.content h4{
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    color: #FF53D5;
    line-height: 36px;
}
.pawpular-go-app-page .content p{
    font-size: 24px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}
.nft-collection-content h2{
    text-transform: uppercase;
    font-weight: 700 !important;
    font-size: 2.2rem !important;
}

.text-justify{
    text-align: justify;
}
.terms-conditions-item h5{
    font-family: 'Nunito Sans', sans-serif !important;
    font-weight: 700;
}
.terms-conditions-item .heading h2{
    color: var(--skyblue);
}
.terms-conditions-item ul{
    list-style: none;
}
.terms-conditions-item p{
    font-size: 16px;
}
.privacy-policy a {
    color: rgba(15, 126, 174, 0.7);
    text-decoration: none;
}


/* pawpular go app */
.pawpular-go-app-page .pawpular-go-slider{
    background-image: url('../assets/images/pawpular-go-app/pawpular-go-app-slider.png');
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;

}
.h-100vh{
    height: 100vh;
}
.yellow-light-btn{
    background-color: #FFDD74;
    border: 0px solid #FFDD74;
    border-radius: 12px;
    font-weight: 800;
    font-size: 18px;
}

.steps-item h3{
    font-weight: 700;
    font-size: 18px;
}
.steps-item p{
    font-size: 16px;
}
.process-steps{
    background-color: #EDFCFF;
}
.steps-item{
    width: 24%;
}
.border-height{
    width: 1px;
    height: 100px;
    background-color: rgba(0, 0, 0, 0.24);
}
.our-app-container h3{
    font-size: 2.8rem;
    font-weight: 700;
}
.our-app-container h3 span{
color: #FF94E5;
}
.our-app-container p{
    font-size: 22px; 
}
.pink-color{
    color: #FF47D2;
}
.our-app{
    background: url('../assets/images/pawpular-go-app/our-app-bg.png');
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 930px;
}
.our-app .our-app-img{
    max-width: 480px;
}
.select-pets.step-out .select-pets-img{
    max-width: 630px;
}
.select-pets .select-pets-img {
    max-width: 560px;
}
.h-85vh{
    height: 95vh;
}
.features-app-content li{
    background-color: #FFF0E4;
    width: 100%;
    border-radius: 16px;
}
.download-btn img{
    max-width: 200px;
}
.select-your-pets-content h2 span{
    color: var(--skyblue);
}
.pawpular-go-app-page .nft-collection{
    background: url('../assets/images/pawpular-go-app/nft-collection-bg.png') !important;
    width: 100%;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 855px !important;
}
.pawpular-go-app-page .nft-collection .heading h2.text-white{
    font-family: 'Nunito', sans-serif !important;
    font-size: 2.4rem;
    text-transform: none;
    color: var(--white) !important;
}
.pawpular-go-app-page .nft-collection .heading h2{
    color: #FF94E5 !important;
    font-family: 'marvin',serif !important;
}
.pawpular-go-app-page .nft-collection .nft-collection-main{
    font-size: 22px;
    font-weight: 600;
}
.how-to-earn-item p{
    color: #12100B;
    font-weight: 600;
}
.features-our-app ul li{
    min-height: 125px;
}
.features-our-app ul li p {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: var(--black);
}
.how-to-earn .heading h2 {
    font-family: 'Nunito', sans-serif;
}
.features-our-app ul li img {
    max-width: 40px;
}
.pawpular-go-app-page .footer{
    background: url('../assets/images/pawpular-go-app/footer-bg.png');
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 611px;
    margin-top: 300px;
}
.footer .subscription-box {
    max-width: 80%;
    margin: auto;
}
.footer .container{
    overflow: unset;
}
.nft-collections-img{
    max-width: 500px;
}
.cat-img{
max-width: 336px;
margin: -350px auto 0px auto;
}
.footer .subscription-box input {
    padding: 20px 250px 20px 24px;
    border-radius: 16px;
    font-size: 18px;
    color: #000;
}
.footer .subscription-box input::placeholder{
    color: #000;
    font-size: 18px;
}
.footer .subscription-btn {
    max-width: 206px;
    width: 100%;
    text-align: center;
    margin: 8px 0px 8px 27px;
}
.notice{
    background: linear-gradient(270.17deg, rgba(255, 30, 30, 0.06) 0%, rgba(255, 30, 30, 0.09) 100%);
    border-radius: 76px;
}
.notice p{
    color: #FF3535;
    font-weight: 700;
    font-size: 24px;
    padding: 10px;
    text-align: center;
}
.select-pets-content .pink-color{
    font-weight: 600;
}
.pawpular-go-app-page .subscription-box button {
    background-color: #49CEFF !important;
    padding: 11px 57px !important;
    border-radius: 10px !important;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
}
.border-pink {
    border-bottom: 7px solid #FF94E5;
    width: 60px;
    border-radius: 40px;
    margin: auto;
}
footer .heading h2{
    text-transform: uppercase;
}
footer ul li a{
    font-size: 20px;
    color: var(--white);
    text-decoration: none;
    background-color: black;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}



/* Pawpular go collar nft */

.pawpular-go-collar-page h1{
    font-family: 'marvin',serif !important;
    font-size: 3rem !important;
}
.pawpular-go-collar-page p{
    font-size:18px;
    color: #656565;
    line-height: 32px;
}
.pawpular-go-collar-page ul{
    list-style: none;
}
.pawpular-go-collar-page button{
    padding: 11px 44px !important;
}
.pawpular-go-collar-page .heading h2{
    font-family: 'Open Sans', sans-serif;
    font-size: 42px;
    font-weight: 700;
    color: rgba(51, 64, 72, 0.87) !important;
}
.pawpular-go-collar-page h2 {
    font-size: 2.4rem;
    font-weight: 700;
    font-family: 'Nunito', sans-serif !important;
}
/* Header */
.navbar-brand {
    max-width: 248px;
    margin: 11px 0;
}
.btn-close:focus {
    box-shadow: 0 0 0 0;
}
.offcanvas-title img{
    max-width: 160px;
}
.navbar-toggler:focus {
    box-shadow: 0 0 0 0 !important;
}
.navbar-toggler-icon {
    filter: brightness(0)invert(0);
}
.navbar-toggler{
    border: 1px solid var(--white);
}
.scroll{
    background-color: var(--white);
    box-shadow: 0px 0px 8px 0px #00000014;
}
.scroll .navbar-toggler-icon {
    filter: brightness(1)invert(0);
}
.scroll .navbar-toggler{
    border: 1px solid var(--black);
}

.pawpular-go-collar-page .social-icons{
    display: inline-block;
    max-width: 256px;
}
.pawpular-go-collar-page .social-icons img{
    max-width: 48px;
}
.pawpular-go-collar-page .connect-wallet-btn{
    text-decoration: none;
    border-radius: 32.5px;
    background: var(--pink-light);
}
.navbar-nav .nav-item .nav-link{
    color: var(--bluish);
    font-weight: 600;
    font-size: 16px;
}
.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {
    color: var(--pink-light);
}
.connect-wallet-btn{
    padding: 13px 36px;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: transparent !important;
}
.pawpular-go-collar-page .download-apps-btn img{
    max-width: 200px;
}
.pawpular-go-collar-page .pawpular-go-slider-content{
    height: 72vh;
}
.pawpular-go-collar-page .social-icons ul{
    background: linear-gradient(92.66deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.24) 100%);
    border-radius: 8px;
}
.work-item{
    max-width: 240px;
}
.pawpular-go-collar-page .heading h2{
    color: var(--black) !important;
}
.pawpular-go-collar-page .features-item h4{
    font-weight: 700;
    font-size: 1.2rem;
    font-family: 'Nunito Sans', sans-serif !important;
}
.features-item p{
    font-weight: 400;
    font-size: 1rem;
}
.features{
    background: url('../assets/images/pawpular-go-collar/features-bg.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.features-item{
    width: 24%;
}
.border-y{
    height: 100px;
    width: 1px;
    background-color: rgb(181, 181, 181);   
}
.pawpular-go-collar-page .how-it-works .heading h2{
    font-family: 'marvin',serif !important;
}
.pawpular-go-collar-page .how-it-works .heading h2 span{
    color: #8F77E7;
}
/* Subscription */
.subscription-container{
    background: linear-gradient(90deg, #D4F2FF 9.55%, #FDA3FF 90.77%);
    border-radius: 16px;
}
.subscription-container .heading h2{
    color: #6C1E69;
}
.subscription-box input{
    padding: 10px 50px 10px 10px;
    border-radius: 6px;
}
.subscription-box button{
    background-color: var(--pink);
    padding: 10px 50px !important;
    border-radius: 6px;
}
.subscription-img{
    max-width: 460px;
}
.h-120vh{
    height: 124vh;
}
.pawpular-go-collar-nft .heading h2 span{
    color: #FF94E5;
    font-size: 36px;
}
.subscription-box{
    max-width: 656px;
}
.error {
    color: red;
}
.subscribtion-modal{
    background-color: rgb(0 0 0 / 50%);
}
.subscribtion-modal h4, .subscribtion-modal p{
    color: #6C1E69;
}
.subscribtion-modal button{
    background-color: var(--pink);
    padding: 10px 60px;
}
.subscribtion-modal button:hover{
    background-color: var(--pink);
    padding: 10px 60px;
}
.subscribtion-modal .modal-dialog{
    max-width: 300px;
    border-radius: 24px;
    margin: auto;
}
.subscribtion-modal .modal-body{
    box-shadow: 0px 5px 10px rgba(0, 8, 33, 0.15);
    border-radius: 24px;
}
.subscribtion-modal .modal-content{
    border-radius: 24px;
}
:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
}
.subscription-btn{
    max-width: 150px;
    width: 100%;
    text-align: center;
}
.subscription-btn img{
    max-width: 44px;
}

.pawpular-go-collar-nft .heading h2{
    color: var(--white) !important;
    font-family: "marvin" !important;
    text-transform: uppercase;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.pawpular-go-collar-nft .heading h2 span{
    color: #FFDE96 !important;
}
.exclusive-membership h4{
    color: var(--skyblue) !important;
    font-weight: 700;
}
.exclusive-membership-container .add-link-btn{
    color: var(--white);
    background: linear-gradient(131.35deg, #0291F6 0%, #00EEFE 97.16%);
    border-radius: 36px;
    padding: 10px 50px;
    text-decoration: none;
    font-weight: 600;
}
/* Team */
.team{
    background: linear-gradient(356.23deg, #FFE0F6 18.8%,#DEF3FF 96.91%);
}
.bottom-img{
    margin-bottom: -108px;
}
.team h3{
    font-family: "marvin";
}
.team h5{
    color: #6C1E69;
    font-family: 'Asap', sans-serif;
}
.team .heading h2{
    color: #6C1E69;
}
.team .heading h2 span{
    color: var(--pink);
}
.team h3{
    color: var(--pink);
}
.team p{
    color: #6C1E69;
}
.collars .heading h2{
    background: linear-gradient(180deg, #CFEEFF 12.44%, rgba(255, 255, 255, 0) 85.97%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #CFEEFF;
    font-size: 16rem;
    text-transform: uppercase;
}
.collars .heading{
    margin-bottom: -245px;
}
.collars .collar-bg{
    margin-top: -300px;
}
.collars .container{
    z-index: 1;
    position: relative;
}
/* Footer */
.social-media-icons ul li{
    background: black;
    min-width: 40px;
    height: 40px;
    border-radius: 50%;
    max-width: 50px;
}
.privacy-policy a{
    padding: unset !important;
}
footer .social-media-icons ul li a img{
    max-width: 24px;
}
footer .social-media-icons a{
    width: 40px;
    height: 40px;
    border-radius: 40px;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}
.nft-collection-content h2{
    text-transform: uppercase;
    font-weight: 700;
    font-size: 2.8rem;
}

.text-justify{
    text-align: justify;
}
.terms-conditions-item h5{
    font-family: 'Nunito Sans', sans-serif !important;
    font-weight: 700;
}
.terms-conditions-item .heading h2{
    color: var(--skyblue);
}
.terms-conditions-item ul{
    list-style: none;
}
.terms-conditions-item p{
    font-size: 16px;
}
.privacy-policy a {
    color: rgba(15, 126, 174, 0.7);
    text-decoration: none;
    font-size: 16px;
}


/* pawpular go app */
.pawpular-go-slider{
    background-image: url('../assets/images/pawpular-go-collar/pawpular-go-app-slider.png');
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;

}
.h-100vh{
    height: 100vh;
}
.pawpular-go-collar-page .yellow-light-btn{
    background-color: #FFDD74;
    border: 0px solid #FFDD74;
    border-radius: 12px;
    font-weight:700;
    font-family: 'Nunito', sans-serif;
}

.steps-item h5{
    font-weight: 700;
}
.steps-item p{
    font-size: 16px;
}
.process-steps{
    background-color: #F8F8F8;
}
.pawpular-go-collar-page .process-steps .steps-item{
    border-right: 1px solid rgba(0, 0, 0, 0.12);
}
.pawpular-go-collar-nft-container h3{
    text-transform: uppercase;
    font-size: 3.2rem;
    font-weight: 700;
}
.collar-nft-item{
    max-width: 360px;
}
.pawpular-go-collar-nft{
    background: url('../assets/images/pawpular-go-collar/pawpular-go-collar-nft-bg.png');
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 1047px;
    margin-top: -160px;
    position: relative;
}
.pawpular-go-collar-nft .pawpular-go-collar-nft-img{
    max-width: 480px;
}
.select-pets-img{
    max-width: 500px;
}
.select-pets-content h2 span{
    color: var(--skyblue);
}
.h-85vh{
    height: 85vh;
}
.features-app-content li{
    background-color: #FFFBF8;
    width: 100%;
    border-radius: 16px;
}
.pawpular-go-collar-page .nft-collection button{
    background-color: var(--yellow);
    border: 0px solid black;
    border-radius: 12px;
    padding: 10px 80px;
    color: var(--white);
}
.nft-collection{
    background: url('../assets/images/pawpular-go-collar/nft-collection-bg.png');
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 115vh;
}
.nft-collection .heading h2{
    color: #FF94E5;
}
.nft-collection .nft-collection-main{
    font-size: 22px;
    font-weight: 600;
}
.features-pawpular-go-collar-nft ul li{
    min-height: 125px;
}
.features-pawpular-go-collar-nft ul li p {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}
.features-pawpular-go-collar-nft ul li img {
    max-width: 40px;
}
.footer{
    background: url('../assets/images/pawpular-go-collar/footer-bg.png');
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 606px;
    margin-top: -115px;
    z-index: 1;
    position: relative;
}
.footer .subscription-box {
    max-width: 80%;
    margin: auto;
}
.footer .container{
    overflow: unset;
}
.nft-collections-img{
    max-width: 500px;
}
.cat-img{
max-width: 336px;
margin: -362px auto 0px auto;
}
.footer .subscription-box input {
    padding: 20px 250px 20px 24px;
    border-radius: 16px;
    font-size: 18px;
    color: #000;
}
.footer .subscription-box input::placeholder{
    color: #000;
    font-size: 18px;
}
.footer .subscription-btn {
    max-width: 206px;
    width: 100%;
    text-align: center;
    margin: 8px 0px;
}
.subscribe{
    height: auto;
}
.pawpular-go-collar-page .subscription-box button {
    background-color: #49CEFF !important;
    padding: 11px 57px !important;
    border-radius: 10px;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
}
.border-pink {
    border-bottom: 7px solid #FF94E5;
    width: 50px;
    border-radius: 40px;
    margin: auto;
}
footer .heading h2{
    text-transform: uppercase;
    color: var(--white) !important;
}
.pawpular-go-collar-page footer .heading h2 {
    color: var(--white) !important;
}
.pawpular-card-item{
    background-color: #FF8DE4;
}
.pawpular-card-img{
    max-width: 80px;
}
.pawpular-card-content h3{
    font-family: 'marvin',serif;
}
.exclusive-membership-container h2, .exclusive-membership-container h4{
    font-family: 'marvin',serif;
}
.exclusive-membership-container h4{
    color: #012995;
    font-family: 'Nunito', sans-serif !important;
    text-transform: uppercase;
}
.exclusive-membership-container h2{
    line-height: 52px;
    font-family: 'Nunito', sans-serif;
    text-transform: uppercase;
}
.green-color{
    background-color: #87F8CD;
}
.yellow-color{
    background-color: #FFDD74;
}

.slider-buttons{
    display: flex;
}
.slider-buttons a{
    display: block;
    max-width: 200px;
}
.slider-buttons a img{
    max-width: 100%;
}
.our-partners .heading h2{
    color: var(--skyblue);
}
.our-partners .heading h2 span{
    color: var(--pink);
}
.partner-item img{
    max-height: 152px;
}
.offcanvas-backdrop{
    display: none;
}
.offcanvas-start.show + .offcanvas-backdrop{
    display: block;
}
.partner-item a{
    display: block;
}
.backdrop-shadow{
    position: fixed;
    background-color: #0000009c;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100vh;
}
.offcanvas.offcanvas-start, .offcanvas.offcanvas-start.show{
    transition: all 0.4s ease-in-out;
}
.team-member-img{
    width: 300px;
    height: 300px;
}
.team-member-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.profile-img{
    max-width: 264px;
    width: 100%;
    margin: -132px auto 0px auto;
    position: relative;
}
.create-nft-btn{
    background-color: #005BE4;
    padding: 10px 30px;
    border-radius: 52px;
    color: var(--white);
    border: 0px solid;
    font-weight: 700;
    height: 80px;
    min-width: 300px;
    font-size: 24px;
}
.profile-details h5{
    font-size: 24px;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: transparent !important;
}
.nft-purchase{
    border: 1px solid #dadada;
    border-radius: 8px;
}
.cover-img{
    position: relative;
}
.profile .back-btn {
    position: absolute;
    top: 20px;
    left: 20px;
    border-radius: 20px;
    max-width: 140px;
    cursor: pointer;
}
.profile-cover{
    min-height: 280px;
    background: url('../assets/images/profile-cover.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.cover-img .edit-btn {
    right: 20px;
    bottom: 20px;
}
.cover-img .share-btn{
    position: absolute;
    right: 20px;
    top: 20px;
    width: 64px;
    cursor: pointer;
    height: 64px;
}
.edit-btn {
    position: absolute;
    right: 8px;
    bottom: 0px;
    background: transparent;
    width: 64px;
    height: 64px;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 1;
}
.user-id{
    background: var(--light-blue);
    border: 1px solid #C4C4C4;
    border-radius: 28px;
    padding: 10px 40px;
    min-width: 260px;
    height: 64px;
    align-items: center;
    font-size: 24px;
}
.nft-details-show{
    width: 44%;
}
.nft-name{
    font-family: "Marvin W01 Regular" !important;
    font-size: 26px;
}
.nft-name p{
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 16px;
}
.profile-btns button {
    width: 210px;
    max-width: 210px;
}
.profile{
    background: url('../images/profile-bg.svg');
    background-size: cover;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
    margin-top: 81.3px;
}
.nft-name div{
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 16px;
}
.offers-item{
    border: 1px solid #c4c4c4;
    border-radius: 12px;
}
.created .nft-name p{
    font-family: 'Nunito Sans', sans-serif !important;
    font-size: 16px;
}
#createdSell .nft-market-container .nav-tabs {
    max-width: 420px;
    width: 100%;
}
#createdSell .nft-market-container .nav-tabs .nav-item {
    width: 50%;
}
.start-date-item .form-control[readonly], .end-date-item .form-control[readonly] {
    background-color: #ffffff00 !important;
}
.complete-listing-btn button{
    max-width: 200px !important;
}
.start-date-item input, .end-date-item input{
    padding: .375rem 2.2rem;
}
.fa-calendar{
    position: absolute;
    top: 10px;
    font-size: 18px !important;
    left: 10px;
}
.create-nft{
    background: url('../images/create-nft.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}
.choosen-file {
    border: 2px dashed #c2c2c2;
    border-radius: 20px;
    background: var(--white);
}
.form-heading{
    font-weight: 700;
    font-size: 18px;
}
.create-nft .plus-btn{
    background: var(--blue);
    color: var(--white);
    border-radius: 40px;
    width: 36px;
    min-width: 36px;
    height: 36px;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.25);
    cursor: pointer;
}
.select2-container--default .select2-selection--single {
    background-color: #fff !important;
    border: 1px solid #ced4da !important;
    border-radius: .375rem !important;
}
.select2-container .select2-selection--single {
    height: 38px !important;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 5px 20px 5px 10px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-left: -8px !important;
    margin-top: 2px !important;
}
.profile-tabs select{
    width: unset !important;
    box-shadow: 0px 4px 16px 0px rgb(0 0 0 / 25%);
    background-color: #F6F6F6;
    border-radius: 32px;
    padding: 10px 31px;
    border: 1px solid transparent;
    font-weight: 600;
    height: 56px;
}
.profile-tabs h4{
    font-size: 32px;
    font-family:'Nunito Sans', sans-serif !important;
    font-weight: 700;
}
.nft-name h2{
    font-size: 40px;
}
.nft-name p{
    font-size: 24px !important;
}
.profile-details{
    background: url('../assets/images/profile-bg-img.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.description p{
    font-size: 28px;
}
.place-bid-btn button {
    min-width: 280px;
    box-shadow: 0px 4px 16px 0px rgb(0 0 0 / 25%);
    height: 65px;
    font-size: 24px;
}
.connect-wallet-btn{
    background-color: #F6F6F6;
    box-shadow: 0px 4px 16px 0px rgb(0 0 0 / 25%);
    font-size: 20px !important;
    border: 1px solid transparent;
    border-radius: 40px;
    font-weight: 600;
    position: absolute;
    display: flex;
    align-items: center;
    right: 0px;
}
.connect-wallet-btn img{
    max-width: 32px;
}
.modal-title{
    font-family:'Nunito Sans', sans-serif !important;
    font-weight: 700;
}
.wallet-item .wallet-img{
    max-width: 40px;
}
.wallet-item .wallet-name{
    color: black;
}
.wallet-btn button{
    background-color: black;
    color: var(--white);
    padding: 7px 24px;
    border-radius: 24px;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.25);
}
.wallet-text{
    font-size: 18px;
}
.wallet-text a{
    color: #005BE4;
    text-decoration: none;
}
.form-bg{
    background-color: var(--white);
    box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.1);
}
.hm {
    margin-top: 76px;
}
.create-nft{
    background: url('../assets/images/create-nft.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}

.polygon-field{
    width: 100%;
  box-sizing: border-box;
  background-color: var(--white);
  background-image: url('../assets/images/polygon.png');
  background-size:28px;
  background-position: 1% 50%; 
  background-repeat: no-repeat;
  border-color: #ced4da !important;
}
.para-text{
    color: #6B6B6B;
    font-size: 15px;
}
.choosen-file p{
    color: #6B6B6B;
    font-size: 18px;
}
.form-control{
    height: 42px;
}
textarea.form-control{
    height: 108px;
}
.create-btn{
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.25);
    max-width: 240px;
    height: 42px;
}
.input-info-box img{
    max-width: 36px;
}
.input-info-box ul{
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0px;
}
.input-info-box ul li{
    border: 1px solid #005BE4;
    border-radius: 8px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 12px;
    margin-right: 10px;
    color: #005BE4;
}
.nft-preview .nft-img{
    width: 220px;
    min-width: 220px;
    height: 230px;
    margin-right: 20px;
}
.nft-preview .nft-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
}
.nft-preview .nft-info p{
    color: var(--black);
    font-size: 18px;
    font-weight: 700;
}
.nft-preview .nft-info p.description{
    font-weight: 400;
}
.nft-preview .nft-info h6{
    font-size: 32px;
}

/* Responsiveness */
@media screen and (min-width:1700px) {
    body {
        font-size: 22px !important;
    }
    .subscription-box {
        max-width: 800px !important;
    }
    .subscription-img {
        max-width: 600px !important;
    }
    .subscription-box input {
        padding: 22px 50px 23px 10px !important;
        font-size: 22px !important;
    }
    .social-icons li a .fa{
        font-size: 24px;
    }
    footer .social-icons ul li img {
        width: 28px;
    }
    .team-member-info p {
        font-size: 22px;
    }
    footer ul li a {
        font-size: 24px !important;
        width: 60px !important;
        height: 60px !important;
    }
    .btn {
        font-size: 22px !important;
    }

    .black-btn {
        max-width: 220px;
    }


    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1640px !important;
    }

    .connect-wallet {
        font-size: 22px;
    }

    .navbar-brand {
        width: 300px;
    }

    .heading h2 {
        font-size: 3.6rem;
    }

    .heading h4 {
        font-size: 2.4rem;
    }

    .nft-title {
        font-size: 24px;
    }

    .pawpular-price {
        font-size: 20px;
    }

    .pawpular-price .price {
        font-size: 32px;
    }

    .token-img {
        width: 40px;
    }

    .btn-nft-marketplace {
        padding: 12px 36px;
        max-width: 280px;
    }
    .service-img {
        width: 156px;
        top: -70px;
    }
    .service-content h5 {
        font-size: 28px;
    }

    .owner-profile h3 {
        font-size: 2rem;
    }

    .features-heading h2 {
        margin-left: 190px;
    }

    .podium-img {
        width: 40%;
        transform: translateX(77%);
        bottom: -12%;
    }
    .roadmap-content h5 {
        font-size: 1.6rem;
    }
    .roadmap-content h4 {
        font-size: 1.85rem;
    }

    .roadmap-content ul li {
        margin-bottom: 15px;
    }

    .roadmap-bottom-bg {
        margin-bottom: 320px;
    }

    .team-member-info h3 {
        font-size: 2rem;
    }
    .filter {
        max-width: 360px;
        min-width: 360px;
        height: 90vh;
        top: 98px;
    }
    .nft-marketplace {
        margin-left: 360px;
        margin-top: 98px;
    }
    .accordion-button {
        padding: 22px !important;
        font-size: 22px !important;
    }
    #search-nft-box {   
        font-size: 22px;
        padding: 10.5px 10px 10.5px 50px;
    }
    .input-group .fa-search {
        top: 16px;
        left: 20px;
    }
    .roadmap ul {
        font-size: 22px;
    }
    .phase-1::after {
        height: 690px;
    }
    .phase-2::after {
        height: 848px;
    }
    .phase-3::after {
        height: 940px !important;
    }
    .phase-4::after {
        height: 960px !important;
    }
    .earth-img {
        max-width: 560px;
    }
    .features .screenshot-img {
        width: 50%;
        margin: 0px auto 30px 32%;
    }
}
@media screen and (min-width:1600px) {
    .phase-4::after {
        height: 640px;
    }
    .iot-tracker-content {
        max-width: 720px !important;
    }
    .slider-img img {
        width: 100%;
    }
    .team-bg-img img{
        width: 100%;
    }
    .nft-collections-nft {
        max-width: 170px;
    }
    .pawpets-img {
        max-width: 236px;
    }
    .future-collection-content  h4{
        font-size: 1.6rem;
    }
    .future-collection-content p {
        font-size: 12px;
    }
    .biz-paws-nft-img {
        max-width: 282px;
    }
    .nav-link{
        font-size: 16px !important;
    }
    .phase-4::after {
        height: 640px ;
    }
    .phase-3::after {
        height: 605px;
    }
    .team-bg-img {
        bottom: -76px;
    }
    .slider-buttons .learn-more-btn, .slider-buttons .nft-collecion-btn {
        padding: 16.4px 28px;
        font-size: 20px;
    }
    .slider .social-icons li a {
        width: 80px;
        height: 80px;
    }
    .h5, h5 {
        font-size: 1.5rem;
    }
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1520px !important;
    }
      .iot-tracker-page p {
          font-size: 24px;
      }
      main .main-content-img img:nth-child(2) {
          max-width: 408px;
      }
      main .main-content-img img:nth-child(3) {
          max-width: 520px;
          margin-top: -107px;
      }
      main .main-content-img img:nth-child(1) {
          max-width: 520px;
      }
      .iot-tracker-page main h1 {
          font-size: 12rem !important;
      }
      .main-content-img {
        height: 40vh;
      }
      .step-tracker h3 {
        font-size: 4.8rem;
      }
      .step-tracker-img {
        max-width: 560px;
      }
      p {
        font-size: 24px;
      }
      .step-tracker h5 {
        font-size: 2.2rem;
      }
      .step-tracker .steps-count p {
        font-size: 2rem;
      }
      .step-tracker .steps-count {
          padding: 18px 50px;
          top: -90px;
      }
      .ptn-content img {
        max-width: 800px;
      }
      .ptn .ptn-content h3 {
        font-size: 5rem;
      }
      .ptn .ptn-content h5 {
        font-size: 2.2rem;
      }
      .geo-fencing-alarm-content img {
        max-width: 820px;
      }
      .geo-fencing-alarm-content h5 {
        font-size: 2rem;
      }
      .multi-pet-tracking-content h3 {
        font-size: 6rem;
      }
      .multi-pet-tracking-content h5 {
        font-size: 2rem;
      }
      .multi-pet-tracking img {
        max-width: 954px;
    }
      .geo-fencing-alarm h3 {
        font-size: 5.2rem;
      }
      .step-tracker {
        padding: 116px 0px !important;
      }
      main {
        height: 780px;
      }
      h1 {
        font-size: 136px;
      }
      .nav-link {
        font-size: 24px;
        font-weight: 500;
      }
      .navbar-brand {
        max-width: 240px;
      }
      .activity-tracker-content h3 {
        font-size: 6rem;
      }
      .activity-tracker-content .activity-tracker-img {
        max-width: 948px;
      }
      .qr-code-container h3 {
        font-size: 5rem;
      }
      .qr-code-container img {
        max-width: 496px;
      }
      .footer-container h2 {
        font-size: 4.6rem;
      }
      .connect-tracker .connect-tracker-content h3{
        font-size: 2.4rem;
      }
      .step-tracker {
          padding: 108px 0px !important;
      }
    .pawpular-go-collar-nft {
        margin-top: -230px;
    }
    .collar-nft-item {
        max-width: 400px;
    }
    .pawpular-go-collar-page h1 {
        font-size: 4rem !important;
    }
    .pawpular-go-collar-page p {
        font-size: 22px;
    }
    .pawpular-go-collar-page .download-apps-btn img {
        max-width: 260px;
    }
    .pawpular-go-collar-page .social-icons img {
        max-width: 64px;
    }
    .pawpular-go-collar-page .social-icons {
        max-width: 324px;
    }
    .pawpular-go-collar-page .heading h2 {
        font-size: 64px;
    }
    .work-item {
        max-width: 280px;
    }
    .features{
        min-height: 810px;
    }
    .steps-item p{
        font-size: 18px;
    }
    h1 {
        font-size: 60px !important;
    }
    .navbar-brand {
        max-width: 360px;
    }
    .nft-collections-img{
        max-width: 600px;
    }
    .steps-item h5 {
        font-size: 28px;
    }
    .navbar-nav .nav-item .nav-link {
        font-size: 16px;
    }
    .pawpular-go-collar-nft .pawpular-go-collar-nft-img {
        max-width: 600px;
    }
    .select-pets-img {
        max-width: 600px;
    }
    .nft-collection .row{
        height: 71vh;
    }
    .cat-img{
        max-width: 456px;
        margin: -460px auto 0px auto;
    }
    .footer {
        margin-top: -200px;
    }
    .collars .heading h2 {
        font-size: 20rem;
    }
    .footer .subscription-btn {
        max-width: 260px;
    }
    .pawpular-go-collar-page .subscription-box button {
        padding: 14px 80px !important;
        font-size: 22px;
    }
    .privacy-policy p a{
        font-size: 22px !important;
    }
    .collars .collar-bg {
        margin-top: -448px;
    }
    .pawpular-go-collar-page h2 {
        font-size: 3rem;
        line-height: 64px;  
    }
    .heading h2 {
        font-size: 60px;
    }
    .footer .subscription-box input {
        padding: 30px 250px 30px 24px;
        font-size: 22px;
    }
    .footer .subscription-box input::placeholder {
        font-size: 22px;
    }
    .subscription-box button {
        padding: 21px 46px !important;
        font-size: 24px;
    }
    footer .social-media-icons a {
        width: 60px;
        height: 60px;
    }
    .social-media-icons ul li {
        min-width: 60px;
        height: 60px;
    }
    footer .social-media-icons a .fa{
        font-size: 28px;
    }
    footer .social-media-icons ul li a img {
        max-width: 42px;
    }
    p {
        font-size: 22px;
    }
    .features-pawpular-go-collar-nft ul li p {
        font-size: 17px;
        line-height: 24px;
    }
    .features-pawpular-go-collar-nft ul li img {
        max-width: 60px;
    }
    .features-pawpular-go-collar-nft ul li {
        min-height: 146px;
    }
    .footer .subscription-box {
        max-width: 80%;
        margin: 60px auto 30px auto;
    }
    .footer {
        height: auto;
        padding: 35px 0px;
    }
    .nft-collection, .pawpular-go-collar-nft {
        height:010px1px;
    }
    .h-85vh {
        height: unset;
    }
    .pawpular-go-app-page .nft-collection {
        height: 1080px !important;
    }
    .pawpular-go-app-page .pawpular-go-slider-img img {
        max-width: 750px;
    }
    .pawpular-go-app-page h1 {
        font-size: 4rem !important;
        line-height: 84px;
    }
    .download-btn img {
        max-width: 280px;
    }
    .pawpular-go-app-page .social-icons img {
        max-width: 84px;
    }
    .steps-item p {
        font-size: 18px;
    }
    .navbar-brand {
        max-width: 360px;
    }
    .nft-collections-img{
        max-width: 600px;
    }
    .steps-item h3 {
        font-size: 24px;
    }
    .our-app-container h3 {
        font-size: 3.6rem;
    }
    .pawpular-go-app-page .heading h2 {
        font-size: 56px;
    }
    .pawpular-go-app-page p {
        font-size: 24px;
    }
    .navbar-nav .nav-item .nav-link {
        font-size: 20px !important;
    }
    .select-pets-img {
        max-width: 600px;
    }
    .nft-collection .row{
        height: 71vh;
    }
    .cat-img{
        max-width: 456px;
        margin: -460px auto 0px auto;
    }
    .footer {
        margin-top: 200px;
    }
    .heading h2 {
        font-size: 60px;
    }
    .pawpular-go-app-page h2 {
        font-size: 3rem;
    }
    .footer .subscription-box input {
        padding: 30px 250px 30px 24px;
        font-size: 22px;
    }
    .footer .subscription-box input::placeholder {
        font-size: 22px;
    }
    .subscription-box button {
        padding: 21px 46px !important;
        font-size: 24px;
    }
    footer .social-media-icons a {
        width: 60px;
        height: 60px;
    }
    .social-media-icons ul li {
        min-width: 60px;
        height: 60px;
    }
    footer .social-media-icons a .fa{
        font-size: 28px;
    }
    footer .social-media-icons ul li a img {
        max-width: 42px;
    }
    .pawpular-go-app-page p {
        font-size: 24px;
    }
    .yellow-light-btn {
        font-size: 24px;
    }
    .select-pets .select-pets-img {
        max-width: 656px;
    }
    .nft-collection-content h2 {
        font-size: 3rem !important;
    }
    .pawpular-go-app-page .footer {
        height: auto;
        margin-top: 420px;
        padding-bottom: 24px;
    }
    .pawpular-go-app-page .subscription-box button {
        padding: 13px 76px !important;
        font-size: 24px;
    }
    footer .heading h2 {
        font-size: 64px;
    }
    .features-our-app ul li p {
        font-size: 17px;
        line-height: 24px;
    }
    .features-our-app ul li img {
        max-width: 60px;
    }
    .features-our-app ul li {
        min-height: 146px;
    }
    .footer .subscription-box {
        max-width: 80%;
        margin: 60px auto 30px auto;
    }
    .footer {
        height: 72vh;
    }
    .nft-collection, .our-app {
        height: 1170px;
    }
    .our-app .our-app-img {
        max-width: 680px;
    }
    .h-85vh {
        height: unset;
    }
}
@media screen and (max-width:1600px) {
    .create-nft-btn {
        height: 60px;
        min-width: 260px;
        font-size: 20px;
    }
    .our-services .pt-5{
        padding-top: 0px !important;
    }
    .user-id {
        min-width: 236px;
        height: 56px;
        font-size: 20px;
    }
    .profile-img {
        max-width: 248px;
        margin: -124px auto 0px auto;
    }
    .profile .back-btn {
        max-width: 128px;
    }
    .nft-name p {
        font-size: 18px !important;
    }
    .nft-name h2 {
        font-size: 32px;
    }
    .description p {
        font-size: 20px;
    }
    .place-bid-btn button {
        min-width: 240px;
        height: 48px;
        font-size: 20px;
    }
    .profile-tabs select{
        height: 48px;
    }
    .connect-wallet-btn {
        font-size: 16px !important;
        padding: 11px 24px;
    }
    .connect-wallet-btn img{
        max-width: 28px;
    }
}
@media screen and (max-width:1600px) and (min-width:1500px){
    .phase-4::after {
        height: 579px;
    }
}
@media screen and (max-width:1400px) {
    .phase-3-text,
    .phase-2-text,
    .phase-1-text {
        width: 315px;
    }

    .phase-2-text {
        margin-left: -460px;
    }

    .screenshot-img {
        margin: 0px auto 0px auto;
    }

    .features-heading h2 {
        margin-left: 120px;
    }

    .owner-profile {
        top: 75%;
    }

    .features-heading {
        top: 100%;
    }

    .mb {
        margin-bottom: 212px !important;
    }
    .time{
        font-size: 11px;
    }
    .phase-4::after {
        height: 590px;
    }
    .phase-3::after {
        height: 617px;
    }
    .phase-2::after {
        height: 576px;
    }
    .phase-1::after {
        height: 502px;
    }
    .activity-tracker-content h3 {
        font-size: 4rem;
      }
      .activity-tracker-content .activity-tracker-img {
        max-width: 624px;
      }
    .main-content-img img:nth-child(1) {
        max-width: 310px !important;
      }
      .main-content-img img:nth-child(2) {
        max-width: 220px !important;
      }
      .main-content-img img:nth-child(3) {
        max-width: 310px !important;
      }
      .activity-tracker-content .activity-tracker-img {
        max-width: 504px;
      }
      main .main-content-img {
          top: 120px;
      }
    .collars .heading h2 {
        font-size: 12rem;
    }
    .pawpular-go-collar-page h1 {
        font-size: 2.6rem !important;
    }
    .pawpular-go-slider-content {
        height: auto;
    }
    .collars-img{
        margin: auto;
        max-width: 400px;
    }
    .collars .heading {
        margin-bottom: -170px;
    }
    .footer {
        height: auto;
    }
    .navbar-nav .nav-item .nav-link {
        font-size: 15px;
    }
    .our-app {
        min-height: 830px;
    }
    .nft-collection-content h2 {
        font-size: 2rem !important;
    }
    .pawpular-go-app-page .nft-collection {
        min-height: 726px !important;
    }
    .pawpular-go-app-page .footer {
        min-height: 588px;
    }
}
@media screen and (max-width:1300px) {
    .nft-market-container .blue-btn {
        padding: 8px 16px !important;
    }
    .nft-market-container .black-btn {
        padding: 8px 16px !important;
    }
    .phase-4::after {
        height: 548px;
    }
    .phase-3::after {
        height: 590px;
    }
    .iot-tracker-content {
        margin: 142px 205px 142px 120px !important;
    }
}
@media screen and (max-width:1200px) {
    .pawpular-go-app-page .pawpular-go-slider-img img {
        max-width: 436px;
    }
    .place-bid-btn button {
        min-width: 200px;
    }
    #pyramid-level-3 {
        border-left: 70px solid transparent;
        border-right: 70px solid transparent;
        width: 140px;
    }
    .iot-tracker-content {
        margin: 100px 205px 100px 120px !important;
    }
    .features-heading h2 {
        margin-left: 70px;
    }

    .podium-img {
        transform: translateX(90%) !important;
        bottom: -6% !important;
    }

    #pyramid-level-2 {
        width: 266px;
    }

    #pyramid-level-1 {
        width: 434px;
    }

    .phase-3-text {
        margin-left: 350px;
    }

    .phase-3-text,
    .phase-2-text,
    .phase-1-text {
        width: 280px;
    }

    .phase-1-text {
        margin-left: 130px;
    }

    .phase-2-text {
        margin-left: -380px;
    }

    .connect-wallet {
        box-shadow: 0px 0px 0px rgb(0 0 0 / 25%);
        margin: auto;
        display: block;
    }

    .filter {
        transition: all 0.4s ease-in-out;
        transform: translateX(-305px);
    }
    .side-bar .show{
        transform: translateX(0px);
        transition: all 0.4s ease-in-out;
    }
    .nft-marketplace {
        margin-left: 0px;
    }
    .phase-4::after {
        height: 508px;
    }
    .phase-3::after {
        height: 564px;
    }
    main {
        height: 528px;
    }
    main h1{
        font-size: 6rem !important;
    }
    main .main-content-img {
        top: 50px;
    }  
    .subscribe {
        height: unset;
    }
    .offcanvas .btn-close{
        position: relative;
        top: 0px;
        left: 0px;
    }
    .pawpular-go-collar-page h1 {
        font-size: 2.4rem !important;
    }
    .work-item {
        max-width: 154px;
    }
    .collar-nft-item {
        max-width: 200px;
    }
    .h-120vh {
        height: 92vh;
    }
}
@media screen and (max-width:1100px) and (min-width:992px){
    .phase-4::after {
        height: 487px;
    }
    .phase-1::after {
        height: 511px;
    }
}
@media screen and (max-width:1200px) and (min-width: 992px) {
    h1 {
        font-size: 2.2rem !important;
    }
    .pawpular-go-collar-nft-container h3 { 
        font-size: 3rem;
    }
    .nft-collection-content h2 {
        font-size: 2.4rem;
    }
    .nft-collection {
        height: 86vh;
    }
    .h-85vh {
        height: 75vh;
    }
    .pawpular-go-collar-nft {
        min-height: 772px;
    }
    .pawpular-go-app-page h1 {
        font-size: 2.2rem !important;
    }
    .our-app-container h3 { 
        font-size: 3rem;
    }
    .nft-collection-content h2 {
        font-size: 2.4rem;
    }
    .nft-collection {
        height: 86vh;
    }
    .footer {
        height: 67vh;
        margin-top: 152px;
    }
}
@media screen and (max-width:992px) {
    .pawpular-go .pawpular-go-img-1{
        max-width: 280px;
        margin: 0px auto;
    }
    .pawpular-go .pawpular-go-img{
        max-width: 320px;
        margin: 0px auto;
    }
    .iot-tracker-content {
        max-width: 396px !important;
        margin: 50px 205px 50px 84px !important;
    }
    .iot-tracker-content .dog-img {
        max-width: 84px;
    }
    .iot-tracker .heading h2 {
        font-size: 3rem;
    }
    .animal-vector {
        max-width: 280px;
    }
    .subscription-btn {
        max-width: 110px;
    }
    .subscription-box button {
        padding: 10px 30px;
    }
    .offcanvas.offcanvas-start {
        width: 300px !important;
    }
    
    .rocket-img {
        margin-bottom: 0px;
    }

    .slider {
        margin-top: 76px;
    }
    .subscription-img {
        max-width: 280px !important;
        margin-left: -40px;
    }
    .home-page .subscription-btn {
        max-width: 120px !important;
    }
    .future-collection-content p{
        text-align: left;
    }
    .subscription-container .heading h2 {
        font-size: 32px;
    }

    .scroll-down-btn {
        bottom: 20px;
        animation: 4s ease-in-out 0s infinite normal none running moves;
        width: 80px;
        margin: -114px auto 0px auto;
    }

    .features .swiper-button-prev {
        left: 10px !important;
        margin-top: unset;
    }

    .roadmap-bottom-bg {
        margin-bottom: 20px;
    }

    .mb {
        margin-bottom: 0px !important;
    }

    .features .swiper-button-next {
        right: 10px !important;
        left: auto !important;
    }
    .phase-item::before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 50%;
        height: 66px;
        border-left: 3px dotted rgb(0, 0, 0);
        top: -58px;
    }

    .features-heading {
        top: unset;
    }

    .owner-profile {
        top: unset;
    }

    .swiper-slider {
        margin-top: 0px;
    }

    .screenshot-img {
        width: 100%;
    }

    .screenshot-img {
        margin: 0px auto 0px auto;
    }

    .podium-img {
        width: 90%;
        margin: auto;
        transform: translateX(6%) !important;
        bottom: -15% !important;
    }
    .features .screenshot-img {
        width: 50%;
        margin: 0px auto 60px auto;
    }
    .white-bg-img {
        position: relative;
        margin: -20px 0px;
    }

    footer {
        margin-top: -30px;
    }

    .swiper-slide:nth-child(even) .row>div:nth-child(odd) {
        order: 0;
    }

    .roadmap {
        background-size: contain;
    }

    .phase-4-mb {
        margin-bottom: 100px;
    }
    .roadmap-content::after {
        height: 48px;
        left: 48%;
        bottom: -48px;
        top: unset;
    }
    .phase-4::after {
        height: 48px;
        left: 48%;
        bottom: -48px;
        top: unset;
        border-left: 0px dashed #0080ff;
    }
    .team-bg-img {
        margin-top: -40px;
        bottom: -38px;
    }
    .bids {
        width: 100%;
    }
    .connect-wallet-btn {
        position: relative !important;
    }
    main .main-content-img {
        top: 50px;
    }
    main {
        height: 466px;
    }
    .main-content-img {
      height: 18vh;
    }
    .main-content-img img:nth-child(1) {
      max-width: 220px !important;
    }
    .main-content-img img:nth-child(2) {
      max-width: 140px !important;
    }
    .main-content-img img:nth-child(3) {
      max-width: 220px !important;
      margin-top: -44px !important;
    }
    .activity-tracker-content .activity-tracker-img {
      max-width: 504px;
    }
    .ptn-content img {
     max-width: 600px;
    }
    .ptn .ptn-content h3 {
      font-size: 3rem;
    }
    .ptn .ptn-content h5 {
      font-size: 1.4rem;
    }
    .geo-fencing-alarm h3 {
      font-size: 3rem;
    }
    .geo-fencing-alarm-content img {
      max-width: 600px;
    }
    .multi-pet-tracking-content h3 {
      font-size: 3.2rem;
    }
    .multi-pet-tracking-content h5 {
      font-size: 1.2rem;
      line-height: 28px;
    }
    .activity-tracker-content .activity-tracker-img {
      max-width: 396px;
    }
    .activity-tracker-content h3 {
      font-size: 2rem;
    }
    .qr-code-container h3 {
      font-size: 3rem;
    }
    .qr-code-container img {
      max-width: 260px;
    }
    .footer-container h2 {
      font-size: 3rem;
    }
    .pawpular-go-collar-page .h-100vh{
        height: auto;
    }
    .offcanvas-header img {
        max-width: 200px;
        margin: 0px;
    }
    .pawpular-go-slider {
        background-position: center left;
    }
    .pawpular-go-slider {
        height: auto;
    }
    .pawpular-go-collar-page .pawpular-go-slider-content {
        height: auto;
    }
    .pawpular-go-slider-content{
        text-align: center;
    }
    .social-icons ul{
        justify-content: center;
    }
    .process-steps .steps-item {
        border-right: 0px solid rgba(0, 0, 0, 0.12);
    }    
    .cat-img {
        margin: -310px auto 0px auto;
    }
    .select-your-pets-img{
        max-width: 500px;
        margin: auto;
    }
    .pawpular-go-collar-nft {
        min-height: auto;
    }
    .collars .heading {
        margin-bottom: -112px;
    }
    .collars .heading h2 {
        font-size: 8rem;
    }
    .pawpular-go-slider-content {
        height: auto;
    }
    .pawpular-slider-img{
        max-width: 330px;
        margin: auto;
    }
    .features-item {
        width: 49%;
    }
    .pawpular-go-collar-nft {
        margin-top: -130px;
    }
    .footer {
            margin-top: -52px;
    }
    .exclusive-membership-img{
        max-width: 520px;
        margin: auto;
    }
    .features-item p {
        text-align: center;
    }
    .pawpular-go-app-page .social-icons {
        position: relative;
        bottom: 24px;
    }
    .pawpular-go-app-page .nft-collection {
        height: auto !important;
    }
    .pawpular-go-app-page .pawpular-go-slider-img img {
        max-width: 280px;
        right: unset !important;
        left: 30%;
    }
    .steps-item {
        width: 49%;
    }
    .our-app {
        padding: 60px 0px;
        height: auto;
        background: #02b9fb;
        min-height: auto;
        position: relative;
    }
    .our-app h2 {
        color: var(--white) !important;
    }
    .our-app .h-85vh{
        height: auto;
    }
    .pawpular-go-slider {
        background-position: center left;
    }
    .pawpular-go-slider-content{
        text-align: center;
    }
    .social-icons ul{
        justify-content: center;
    }
    .process-steps .steps-item {    
        border-right: 0px solid rgba(0, 0, 0, 0.12);
    }
    .pawpular-go-app-page .footer {
        height: auto;
        margin-top: 280px;
    }
    .cat-img {
        margin: -310px auto 0px auto;
    }
    .select-your-pets-img{
        max-width: 500px;
        margin: auto;
    }
}
@media screen and (max-width:819px) {
    main .main-content-img {
        height: 19vh;
    }
  }
@media screen and (max-width:768px) {
    .nft-collection {
        height: 128vh;
    }
    .features .screenshot-img {
        width: 50%;
    }
    .podium-img {
        width: 100%;
        transform: translateX(0%) !important;
        bottom: -12% !important;
        max-width: 100%;
    }
    .subscription-box button {
        padding: 10px 32px;
    }
    .pawpular-go-collar-nft .pawpular-go-collar-nft-img {
        max-width: 400px;
    }
    .select-pets-img {
        max-width: 400px;
    }
    .select-your-pets-img{
        max-width: 400px;
    }
    .nft-collection {
        height: 128vh;
    }
    .pawpular-go-app-page .pawpular-go-slider-img img {
        left: 25%;
    }
    .our-app .our-app-img {
        max-width: 400px;
    }
    .select-pets-img {
        max-width: 400px;
    }
    .select-your-pets-img{
        max-width: 400px;
    }
}
@media screen and (max-width:767px) {
    .nft-preview .nft-img {
        width: 100%;
        height: 100%;
    }
    .slider-img {
        height: auto;
    }
    .slider-img img {
        width: 75%;
        margin: auto;
    }
    .heading h2 {
        font-size: 2.2rem;
    }
    .step-tracker .steps-count {
        right: 0px;
     }
     main .main-content-img {
         top: 0px;
         height: 68vh;
     }
     main h1 {
       font-size: 42px !important;
     }
     .activity-tracker-content h3 {
       font-size: 1.5rem;
     }
     .activity-tracker .bg-img {
       top: 40%;
     }
     .geo-fencing-alarm h3 {
       font-size: 2rem;
     }
     .multi-pet-tracking-content h3 {
       font-size: 2rem;
     }
     .qr-code-container h3 {
       font-size: 2rem;
     }
     .footer-container h2 {
       font-size: 2rem;
     }
     .step-tracker h3 {
       font-size: 2.4rem;
     }
     .ptn .ptn-content h3 {
       font-size: 2rem;
     }
     .activity-tracker-content .activity-tracker-img {
       max-width: 318px;
       margin: 96px auto 0px auto;
     }
     main {
       height: 60vh;
       margin-top: 64.8px;
     }
     .main-content-img img:nth-child(2) {
       margin: 44px auto 80px auto !important;
     }
     .main-content-img {
      top: 0px;
     }
     p{
       text-align: justify;
     }
    .h-120vh {
        height: 64vh;
    }
    .exclusive-membership-img {
        max-width: 420px;
    }
    .collars .heading h2 {
        font-size: 3rem;
    }
    .work-item {
        max-width: 40%;
    }
    .pawpular-go-collar-page .download-apps-btn img {
        max-width: 140px;
    }
    .pawpular-go-collar-page h1 {
        font-size: 1.6rem !important;
    }
    .work-item {
        margin: auto;
    }
    .features-item {
        width: 100%;
    }
    .pawpular-go-collar-nft {
        margin-top: -160px;
    }
    .pawpular-go-app-page h1 {
        font-size: 2.6rem !important;
        line-height: 48px;
    }
    .our-app {
        height: auto;
    }
    .our-app .our-app-img {
        margin-top: 60px;
    }
    .pawpular-go-app-page .select-pets-content p {
        text-align: center;
    }
    .pawpular-go-app-page .nft-collection {
        height: auto !important;
    }
    .footer .subscription-box {
        max-width: 100% !important;
    }
    .footer .subscription-box input {
        padding: 20px 210px 20px 24px;
    }
}
@media screen and (max-width:576px) {
    .subscription-btn.position-absolute{
        position: relative !important;
        margin: 20px auto 0px auto;
    }
    .future-collection-content{
        text-align: center;
    }
    .coming-soon-collection {
        left: 25%;
    }
    .iot-tracker-content {
        margin: unset !important;
        padding: 64px 15px;
    }
    .iot-tracker .container {
        border-radius: 0px;
    }
    .slider-buttons .learn-more-btn {
        padding: 8px 16px;
        font-size: 16px;
    }
    .slider-buttons .nft-collecion-btn {
        padding: 8px 16px;
        font-size: 16px;
    }
    .animal-vector {
        max-width: 180px;
    }
    .comingsoon-content p{
        font-size: 24px !important;
    }
    .pawpular-logo {
        max-width: 100px;
    }
    .subscription-btn {
        max-width: 115px;
    }
    .slider-img {
        height: auto;
        margin-bottom: 10px;
        width: 90%;
    }
    
    .about-us{
        margin-top: 15px;
        z-index: 9;
        position: relative;
        padding: 20px 0px;
    }
    .slider {
        margin-top: 0px;
    }
    .toggle-side-bar {
        position: relative;
    }
    .time {
        font-size: 14px;
    }
    .features .screenshot-img {
        width: 54%;
        margin: 0px auto 0px auto;
    }
    .white-bg-img {
        margin: 16px 0px;
    }

    .offcanvas-title img {
        width: 180px;
    }

    .slider {
        background-position: initial;
    }

    .scroll-down-btn {
        bottom: 60px;
        width: 77px;
        margin: -87px auto 0px auto;
    }
    .podium-img {
        margin: auto;
        bottom: -3% !important;
    }
    .team-bg-img {
        margin-top: 0px;
        bottom: -11px;
    }
    .auction-sale-container {
        width: 100%;
    }
    .podium-img {
        bottom: -8% !important;
    }
    .features .swiper-button-prev , .features .swiper-button-next {
        margin-top: 0px !important;
    }
    .place-bid-btn button {
        min-width: 130px;
    }
    .profile-img {
        max-width: 180px;
        margin: -80px auto 0px auto;
    }
    .profile-cover {
        min-height: 200px;
    }
    .iot-tracker-content .dog-img {
        max-width: 72px;
        bottom: 24px;
    }
    .activity-tracker-content .activity-tracker-img {
        max-width: unset;
    }
    .work-item {
        max-width: 48%;
    }
    .collar-nft-item {
        margin: auto;
    }
    .collars-img {
        max-width: 280px;
    }
    .collars .collar-bg {
        margin-top: -100px;
    }
    .h-120vh {
        height: auto;
    }
    .pawpular-go-collar-nft {
        margin-top: 0px;
    }
    .navbar-brand {
        max-width: 200px;
    }
    nav button {
        padding: 11px 11px !important;
    }
    .pawpular-slider-img {
        max-width: 320px;
    }
    .pawpular-go-collar-nft .pawpular-go-collar-nft-img {
        max-width: 300px;
    }
    .pawpular-go-collar-nft-container h3 {
        font-size: 2rem;
    }
    .exclusive-membership-container h2 {
        font-size: 2rem;
        line-height: 42px !important;
    }
    .select-pets-img {
        max-width: 300px;
    }
    .features-app-content li {
        width: 46%;
        min-width: 46%;
    }
    .nft-collection-content h2 {
        font-size: 2rem;
    }
    .nft-collection {
        height: 140vh;
    }
    .footer {
        height: auto;
    }
    .footer .subscription-box input {
        padding: 20px 15px;
        font-size: 16px;
    }
    .footer .subscription-box {
        max-width: 100%;
    }
    .footer .subscription-btn {
        max-width: 206px;
        margin: 20px auto;
    }
    .footer .position-absolute{
        position: relative !important;
    }
    .pawpular-go-collar-nft .h-85vh{
        height: auto;
    }
    .pawpular-go-collar-nft {
        height: auto;
        background: linear-gradient(158deg, #b9a3ff, 30%, #0865d1);
    }
    .pawpular-go-collar-nft .heading h2 {
        color: var(--white) !important;
        margin-top: 40px;
    }
    .collars .heading {
        margin-bottom: -40px;
    }
    .navbar-brand {
        max-width: 200px;
    }
    .h-85vh {
        height: 96vh !important;
    }
    nav button {
        padding: 11px 11px !important;
    }
    .pawpular-go-app-page h1 {    
        font-size: 1.8rem !important;
        line-height: 42px;
    }
    .pawpular-go-app-page .download-btn img {
        max-width: 148px;
    }
    .steps-item {
        width: 100%;
    }
    .pawpular-go-app-page .nft-collection {
        height: auto !important;
    }
    .pawpular-go-app-page .nft-collection .heading h2 {
        font-size: 2rem !important;
    }
    .our-app .our-app-img {
        max-width: 300px;
    }
    .pawpular-go-app-page .pawpular-go-slider-img img {
        max-width: 240px;
        width: 100%;
        position: relative !important;
        left: 0px;
        margin: 0px auto;
        display: block;
    }
    .our-app-container h3 {
        font-size: 2rem;
    }
    .pawpular-go-app-page h2 {
        font-size: 2rem;
    }
    .select-pets-img {
        max-width: 300px;
    }
    .features-app-content li {
        width: 46%;
        min-width: 46%;
    }
    .nft-collection-content h2 {
        font-size: 2rem;
    }
    .nft-collection {
        height: 140vh;
    }
    .footer {
        height: 70vh;
    }
    .footer .subscription-box input {
        padding: 20px 15px;
        font-size: 16px;
    }
    .footer .subscription-box {
        max-width: 100%;
    }
    .footer .subscription-btn {
        max-width: 206px;
        margin: 20px auto;
    }
    .footer .position-absolute{
        position: relative !important;
    }
    .pawpular-go-app-page .pawpular-go-slider {
        margin-top: 80px;
    }
    .pawpular-go-app-page .social-icons img {
        max-width: 48px;
    }
    .pawpular-go-app-page .pawpular-go-slider {
        height: 91vh;
    }
    .pawpular-go-app-page .h-100vh {
        height: 100vh;
    }
}
@media screen and (max-width:365px) {
    .activity-tracker-content h3 {
        font-size: 1rem;
    }
    .slider-buttons .learn-more-btn {
        padding: 8px 22px;
    }
    .slider-buttons .nft-collecion-btn {
        padding: 8px 22px;
    }
    footer .privacy-policy{
        display: block !important;
        text-align: center;
    }
    footer .privacy-policy p{
        text-align: center;
    }
  }
@media screen and (max-width:360px) {
    .pawpular-go-app-page .nft-collection {
        height: auto !important;
    }
}
@media screen and (max-width:340px) {
    .iot-tracker .heading h2 {
        font-size: 2rem;
    }
    .iot-tracker-content button {
        margin-bottom: 72px;
    }
}
@media screen and (max-width:320px) {
    .slider-buttons .learn-more-btn, .slider-buttons .nft-collecion-btn {
        font-size: 12px;
        padding: 10px 14px;
    }
    .slider .social-icons li a {
        width: 40px;
        height: 40px;
    }
    .pawpular-go .social-icons img {
        max-width: 40px;
    }
    .heading h2 {
        font-size: 1.4rem;
    }
    
    .navbar-brand {
        width: 140px;
        margin: 4px 0px;
    }
    .nft-collection-main {
        font-size: 16px;
    }
    .sky-blue-medium {
        font-size: 16px;
    }
    .nft-collections-buttons a{
        margin-bottom: 10px;
    }
    .subscription-btn button{
        padding: 10px 15px;
        margin-top: 10px;
    }
    
    .slider-img {
        height: auto;
    }
    .navbar-toggler-icon {
        width: 1.1em !important;
        height: 1.1em !important;
    }
    .our-mission h5, .pawpular-go .join-skyblue{
        font-size: 16px !important;
    }
    .pawpular-go .pawpular-pink {
        font-size: 16px;
    }
    .service-img {
        width: 80px;
        margin-top: -50px;
    }
    .sky-blue .future-collection-content, .yellow .future-collection-content, .future-collection-item .future-collection-content {
        display: block !important;
        padding-top: 32px !important;
    }
    .biz-paws-nft-img {
        max-width: 156px;
        margin-right: 0px;
        margin-bottom: 20px;
    }
    .future-collection-content{
        display: block !important;
    }
    .nft-collections-nft {
        margin: auto;
    }
    .future-collection-content h4{
        font-size: 18px;
    }
    body {
        font-size: 14px;
    }
    .team-member-info p {
        font-size: 15px;
    }
    input::placeholder{
        font-size: 15px !important;
    }
    .subscription-box input {
        padding: 10px 10px 10px 10px;
    }
}
@media screen and (max-width: 230px) {
    .slider-buttons .learn-more-btn, .slider-buttons .nft-collecion-btn {
        font-size: 10px;
        padding: 8px 10px;
    }
    .subscription-container .heading h2 {
        font-size: 24px;
    }
    .social-icons li a {
        width: 36px;
        height: 36px;
    }
    .coming-soon-collection{
        font-size: 10px;
    }
    .pawpular-go .social-icons img {
        max-width: 36px;
    }
    .navbar-brand {
        width: 120px;
        margin: 4px 0px;
    }
    .navbar-toggler {
        padding: 5px 10px;
        margin-right: 8px;
    }
    .slider .social-icons li a {
        width: 32px;
        height: 32px;
    }
}