.baskerville-promo {
  background: url("../img/bg_01.jpg");
  height: 800px;
  position: relative;
  overflow: hidden;
  margin: 100px 0;
}
.c1 {
  width: 600px;
  height: 600px;
  clip-path: path(
    "M1436,1363s27.73,5.41,39-27c5.56-11.25,17.7-52.19,33-54,24.63-7.08,33.96,11.97,38,14,0.91,3.16,27.59,19.46,59,13,32.79-5.17,59.35-42.55,53-78-0.51-5.66-4.7-25.49-24-44-15.5-29.38,12.89-44.2,28-47,15.89-4.7,45.57-13.74,44-45-4.62-19.78-19-24-19-24L1377,953s-38.51-9.409-65,22c-26.57,28.59-11,71-11,71l112,298s5.59,18.66,23,19"
  );
  background-size: 100%;
  background: url("../img/sp1.jpg");
}
#clipped {
  margin-bottom: 20px;
  clip-path: url(#cross);
  width: 120%;
}
#clipped2 {
  margin-bottom: 20px;
  clip-path: url(#cross2);
  width: 120%;
}
#clipped3 {
  margin-bottom: 20px;
  clip-path: url(#cross3);
  width: 148%;
}
#clipped4 {
  margin-bottom: 20px;
  clip-path: url(#cross4);
  width: 133%;
}
#clipped5 {
  margin-bottom: 20px;
  clip-path: url(#cross5);
  width: 133%;
}
.paw-dog {
  width: 600px;
  height: 600px;
  position: absolute;
  left: 280px;
  top: 278px;
}
.paw-cat {
  width: 330px;
  height: 330px;
  position: absolute;
  overflow: hidden;
  top: 80px;
  right: -110px;
}
.paw-lizard {
  width: 330px;
  height: 330px;
  position: absolute;
  overflow: hidden;
  top: 1px;
  right: 200px;
}
.paw-bird {
  width: 330px;
  height: 330px;
  position: absolute;
  overflow: hidden;
  top: 124px;
  right: 344px;
}
.paw-fish {
  width: 330px;
  height: 330px;
  position: absolute;
  overflow: hidden;
  top: 426px;
  right: 289px;
}
.baskerville-paw {
  position: absolute;
  right: 22%;
  top: 50px;
  overflow: hidden;
  height: 700px;
  z-index: 10;
}
.baskerville-paw-inner {
  position: relative;
  overflow: hidden;
  width: 690px;
  height: 700px;
}
#c1 {
  width: 1200px;
  height: 1200px;
  border-radius: 1000px;
  border: 3px solid rgb(228 231 237 / 57%);
  position: absolute;
  z-index: 10;
  right: -190px;
  top: -180px;
}
#c2 {
  width: 2000px;
  height: 2000px;
  border-radius: 1000px;
  border: 3px solid rgb(228 231 237 / 57%);
  position: absolute;
  z-index: 10;
  right: -980px;
  top: -165px;
}
.baskerville-circles {
  position: relative;
  z-index: 5;
}
.promo-text {
  width: 100%;
}
.promo-text .subh2 {
    font-family: Geologica;
    font-weight: 300;
    font-size: 18px;
    letter-spacing: -1.3px;
    display: block;
    line-height: 22px;
    color: #373a36;
    margin: 0 0 30px;
    padding: 30px 0 0 30px;
}
.promo-text h2 span {
  font-family: "Geologica";
  font-weight: 600;
}
.promo-content {
  position: absolute;
  left: 180px;
  top: 90px;
}

.col211{
  color:var(--newpink);
}



.col1 {
  color: var(--newgreen);
  border-bottom: 3px solid var(--newgreen);
  display: inline-block;
  font-family: "Nunito" !important;
  font-weight: bold;
}
.col2 {
  color: var(--newpink);
}
.ptb-one__title {
  font-family: "Geologica";
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.7px;
  margin-bottom: 5px;
  color: var(--darkblue);
}
.ptb-one__text {
  font-size: 14px;
  line-height: 16px;
  color: #5f5f5f;
}

.ptb-one {
    margin-bottom: 15px;
    padding-left: 99px;
    position: relative;
    padding-right: 42px;
    border-bottom: 2px solid #fff;
    padding-bottom: 15px;
}

.ptb-one:before {
     content: "";
    width: 40px;
    height: 40px;
    background: #dfdfdf;
    background-size: 100%;
    display: block;
    position: absolute;
    left: 30px;
    top: 10px;
    border-radius: 8px;
}

.ptb-one.eleven:before{
  background: url('/assets/top/1.svg');
  background-size: 100%;
   width:50px;
  height: 50px;
  top:5px;
  left: 28px;
}

.ptb-one.pack:before{
  background: url('/assets/top/2.svg');
  background-size: 100%;
   width:50px;
  height: 50px;
  top:3px;
  left: 28px;
}

.ptb-one.services:before{
  background: url('/assets/top/3.svg');
  background-size: 100%;
  width:50px;
  height: 50px;
  top:3px;
  left: 25px;
}

.ptb-one.truck:before{
  background: url('/assets/top/4.svg');
  background-size: 100%;
  top:5px;
  width: 48px;
  height: 48px;
}

.ptb-one.truck{
  border-bottom: none;
  padding-bottom: 0;


}

.ptb-button a{
  display: block;
    background: var(--newpink);
    border-radius: 8px;
    height: 50px;
    margin: 37px 30px 0;
    line-height: 50px;
    color: white;
    text-decoration: none;
    text-align: center;
    font-size: 18px;
}


@media (min-width: 1920px) {
  .promo-content {
    position: relative;
    left:auto;
    top: auto;
  }
  .baskerville-paw {
    right: 10%;
  }
}
@media (max-width: 1920px) {
  .promo-content {
   position: relative;
    left:auto;
    top: auto;
  }
  .baskerville-paw {
    right: 8%;
  }

  .ptb-one{border-bottom: 2px solid transparent;}
}
@media (max-width: 1680px) {
  .promo-text h2 {
    font-size: 54px;
  }
  .promo-text {
    width: 610px;
  }
  .baskerville-paw {
    right: 8%;
    transform: scale(0.85);
  }
}
@media (max-width: 1420px) {
  .promo-text h2 {
    font-size: 54px;
  }
  .promo-text {
    width: 610px;
  }
  .baskerville-paw {
    right: 4%;
    transform: scale(0.7);
    top: 0;
  }
  .ptb-one__text {
    width: 400px;
  }
  .promo-text h2 {
    font-size: 46px;
    line-height: 46px;
  }
  .ptb-one__title {
    font-size: 22px;
  }
  .baskerville-promo {
    height: 700px;
  }
  .ptb-one {
    padding-left: 90px;
  }
  .promo-content {
    position: absolute;
    left: 10%;
    top: 70px;
  }

  .stories .promo-content {
    position: relative;
    left: auto;
    top: auto;
  }

  .stories .ptb-one__text {
    width: auto;
  }
}
@media (max-width: 1320px) {
  .baskerville-paw {
    right: 0;
  }
  .promo-content {
    left: 8%;
  }
  .promo-text {
    width: 500px;
  }
}


@media (max-width: 1180px) {
  .baskerville-paw {
    transform: scale(0.6);
    top: -50px;
    right: -50px;
  }
  .promo-text h2 {
    font-size: 40px;
    line-height: 40px;
  }
  .promo-text {
    width: 400px;
  }
  .ptb-one__text {
    font-size: 16px;
    color: #5f5f5f;
  }
  .ptb-one__text {
    font-size: 16px;
    color: #5f5f5f;
    width: 278px;
    line-height: 16px;
  }
  .ptb-one {
    margin-bottom: 20px;
  }
  .baskerville-promo {
    height: 600px;
  }
  .promo-content {
    left: 12%;
    top: 48px;
  }
}
@media (max-width: 1080px) {
  .promo-content {
    left: 7%;
    top: 48px;
  }
  .baskerville-paw {
    transform: scale(0.6);
    top: -50px;
    right: -50px;
  }
}
@media (max-width: 980px) {
  .promo-content {
    left: 0;
    top: 410px;
  }
  .promo-text-blocks {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  .promo-text {
    width: 100%;
  }
  .baskerville-paw {
    transform: scale(0.4);
    top: -140px;
    right: auto;
    left: auto;
    margin-left: 0;
    width: 100%;
  }
  .promo-text h2 {
    font-size: 36px;
    line-height: 36px;
    text-align: center;
  }
  .baskerville-promo {
    height: 800px;
  }
  .promo-text-blocks {
    width: 86%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
  }
  .ptb-one__title {
    font-size: 18px;
    margin-bottom: 5px;
  }
  .baskerville-paw-inner {
    margin: 0 auto;
  }
}
@media (max-width: 860px) {
  .baskerville-paw {
    transform: scale(0.4);
    top: -140px;
  }
  .ptb-one__text {
    font-size: 16px;
    color: #5f5f5f;
    width: 230px;
    line-height: 16px;
  }
  .promo-text-blocks {
    width: 86%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    column-gap: 30px;
  }
  .ptb-one {
    margin-bottom: 40px;
  }
  .promo-text {
    width: 60%;
    margin: 0 auto;
  }
  .baskerville-promo {
    height: 850px;
  }
}
@media (max-width: 780px) {
  .baskerville-paw {
    transform: scale(0.4);
    top: -140px;
  }
  .baskerville-promo {
    height: 1065px;
  }
}
@media (max-width: 700px) {
  .baskerville-paw {
    transform: scale(0.35);
    top: -140px;
    width: 100%;
    overflow: initial;
  }
}
@media (max-width: 500px) {
  .baskerville-paw {
    transform: scale(0.35);
    top: -140px;
    width: 400px;
    left: 0;
    overflow: initial;
  }
  .promo-text h2 {
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    letter-spacing: -1.2px;
  }
  .ptb-one {
    padding-left: 0;
    text-align: center;
    padding-top: 70px;
  }
  .ptb-one:before {
    left: 86px;
  }
  .baskerville-promo {
    height: 1380px;
  }
}
@media (max-width: 460px) {
  .baskerville-paw {
    width: 320px;
  }
}
@media (max-width: 400px) {
  .baskerville-paw {
    width: 240px;
  }
}
@media (max-width: 320px) {
  .baskerville-paw {
    transform: scale(0.25);
    width: 200px;
    top: -180px;
  }
  .promo-content {
    left: 0;
    top: 320px;
  }
}