.about-banner-sec .banner-content {position:absolute; bottom:-60px; left:100px;}
.about-banner-sec picture img {height:320px; object-fit:cover; border-radius:0px;}
.about-banner-sec .banner-content h1 {font-family:"Caveat",serif; font-size:50px; z-index: 11;}
.about-banner-sec .banner-content h1 svg {position:absolute; top:-50px; right:-30px; z-index:-1;}
.about-banner-sec .banner-content h1 span {color:var(--bs-success);}
.about-banner-sec .banner-content .card {border-radius:30px 30px; box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.04); position: relative; bottom:-30px;}
.about-banner-sec .banner-content .card .card-body {padding:30px 40px 100px 40px;}
.about-banner-sec .banner-content .card .card-body p {opacity:0.6; font-weight:400; font-size:20px;}
.pups-sec {margin-top:170px;}
.pups-sec .right img {border-radius:12px; height:350px; object-fit:cover;}
.pups-sec .left figure img {height:411px; object-fit:contain;}
.pups-sec .right figure img {height:350px; object-fit:contain;}
/* Pawfect Way Section CSS Start */
.pawfect-way-sec {background:rgba(223, 235, 221, 1); padding:60px 0px;}
.pawfect-way-sec .accordion {max-width: 100%;}
.pawfect-way-sec .accordion-item {background:none; border:none;}
.nav-tabs .nav-link {width:100%; text-align:left; padding-left:0; border:none; border-bottom: 1px solid rgba(17, 17, 17, 0.12); font-size:24px; color:var(--bs-body-color); opacity:0.6; display:flex; align-items:center; justify-content:space-between; font-family:var(--bs-heading-faro-family); position:relative; padding:20px 0px;}
.nav-tabs .nav-link svg {display:none;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {border:none; border-bottom: 1px solid rgba(17, 17, 17, 0.12); color:var(--bs-success); opacity:1; background:none;}
.nav-tabs .nav-item.show .nav-link svg, .nav-tabs .nav-link.active svg {display:block;}
.nav-tabs .nav-item .nav-link:hover {color:var(--bs-success); opacity:1;}
.nav-tabs .nav-link.active::before {content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:var(--bs-success);}
.pawfect-accordion-body {padding:0px 0px 0px 0px;}
.pawfect-accordion-body figure img {height:420px; object-fit:cover; border-radius:0;}
.pawfect-accordion-body ul li {display:flex; align-items:baseline; padding-bottom:20px;}
.pawfect-accordion-body ul li svg {margin-right:12px; flex-shrink:0;}
.pawfect-way-sec .accordion-button {background:none; color:rgba(17, 17, 17, 0.6);  border-bottom: 1px solid rgba(17, 17, 17, 0.12);}
.pawfect-way-sec .accordion-button:not(.collapsed) {color:var(--bs-success);}




.vision-mission-sec .tabcontent .flex-shrink-0 img {height:256px; object-fit:cover; border-radius:0;}
  /* Pawmise Section CSS Start */
  .about-pawmis-sec .section-ttl h1 img {position:absolute; top:-40px; right:80px; width:100px;}
  .about-pawmis-sec .left figure img {height:464px; object-fit:cover; border-radius:0;}

  /* Our Resident Section CSS Start */
  .resident-sec .left {display:flex; align-items:center; justify-content: space-between; flex-direction:column;}
  .resident-sec .card {background:rgba(34, 49, 72, 1); color:var(--bs-white); padding:32px 40px;}
  .resident-sec .card img {position:absolute; top:-32px;}
  .resident-sec .left > div h1 img {position:absolute; top:-90px; right:80px;}
  .resident-sec .thought {position:absolute; left:0; bottom:50px;}
  .resident-sec .right figure img {height:600px; object-fit:cover; border-radius:40px;}
  /* Award Section CSS Star */
  .award-sec {background:rgba(225, 231, 244, 1); padding:60px 0px;}
  .award-slider-box .card .card-body {padding:40px;}
  .award-slider-box .content {
      flex-direction: column;
    align-items: center;
    }
  .award-slider-box span.note {position:absolute; top:40px; left:0; background:#F2A300; color:var(--bs-white); padding:10px 24px; font-size: 16px;}
  /* .award-slider-box span.note {
    width: 50px;
    height: 50px;
    box-sizing: content-box;
    padding-top: 15px;
    position: relative;
    background: #333;
  } */
  .award-slider-box span.note:after {
    content: "";
    position: absolute;
    right: -19px;
    bottom: 19px;
    width: 0;
    height: 0;
    border-bottom:8px solid #fff;
    border-left: 20px solid transparent;
    border-right: 25px solid transparent;
    transform: rotate(270deg);
  }
  .award-slider-box figure {margin-bottom:40px;}
  .award-slider-box figure img {margin:0 auto; /*height:220px;*/ height: 320px;}

  /* Love Section CSS Start */
  .love-sec .left a.common-btn-anim {width:200px;}
  .love-sec .left a.common-btn-anim:hover img {left:77%;}


@media (max-width: 991px) {
    .tab-content>.tab-pane {
      display: block;
      opacity: 1;
    }
  }

  /* Tab To Dropdown CSS Start */
  .vision-mission-sec select {height:auto;}
  .vision-mission-sec .tab {
    overflow: hidden;
    transition: all 3s;
    padding: 0px 50px;
  }
  .vision-mission-sec .tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    color:rgba(17, 17, 17, 0.6);
    font-size:20px;
    font-family:var(--bs-heading-faro-family);
    font-weight:700;
    border-radius:0;
  }
  .vision-mission-sec .tab button:hover {
    background:rgba(225, 231, 244, 1);
    color:rgba(17, 17, 17, 0.6);
  }
  .vision-mission-sec .tab button.active {
    background:rgba(225, 231, 244, 1);
    color:var(--bs-secondary);
  }
  
  .vision-mission-sec .tabcontent {
    display: none;
    padding: 32px;
    background:rgba(225, 231, 244, 1);
    border-top: none;
    border-radius:0;
  }
  
  .vision-mission-sec .is-hidden {
    display: none !important;
  }
  
  .vision-mission-sec .is-desktop {
    display: block;
  }
  @media (max-width: 768px) {
    .is-desktop {
      display: none !important;
    }
    .pawfect-way-sec .accordion-body , .pawfect-way-sec .pawfect-accordion-body{padding-top: 20px;}
  }
  
.is-mobile {
    display: none !important;
  }
  @media (max-width: 768px) {
    .is-mobile {
      display: block !important;
    }
  }
  
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Remove default arrow */
    width: 100%;
    padding: 1rem;
    font-size: 1.125rem;
    background-color: #f0f0f0;
    border: none;
  }
  
  .vision-mission-sec select::-ms-expand {
    display: none;
  }
  
  .vision-mission-sec .select {
    position: relative;
  }
  @media (max-width: 768px) {
    .vision-mission-sec .select:after {
      content: "";
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg stroke='none'%3E%3Cpath d='M21.293,12.293,16,17.586l-5.293-5.293a1,1,0,0,0-1.414,1.414l6,6a1,1,0,0,0,1.414,0l6-6a1,1,0,0,0-1.414-1.414Z' fill='%23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
      background-position: center;
      background-size: contain;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 1rem;
      pointer-events: none;
      width: 32px;
      height: 32px;
    }
  }


  @media (max-width: 576px) {
    .pups-sec .left figure img {height: 240px;}
    .pups-sec .right figure img {height:220px;}
  }