/* screen - training-all-breakpoints */

.training-all-breakpoints {
  align-items: flex-end;
  background-color: var(--white);
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 76px;
  min-width: 1200px;
  position: relative;
}

.training-all-breakpoints .header {
  align-self: stretch;
  background-color: transparent;
  background-image: url(../img/rectangle-1296-3.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 751px;
  min-width: 1200px;
  position: relative;
}

.training-all-breakpoints .frame-286 {
  align-items: center;
  background-color: var(--red-devil);
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  right: 0px;
  padding: 126px 20px;
  position: absolute;
  top: 0;
  width: fit-content;
}

.training-all-breakpoints .frame-287 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 34px;
  justify-content: center;
  position: relative;
  width: fit-content;
}

.training-all-breakpoints .socials {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 30px;
  justify-content: center;
  position: relative;
  width: fit-content;
}

.training-all-breakpoints .icon-facebook {
  cursor: pointer;
  height: 24px;
  min-width: 24px;
  position: relative;
}

.training-all-breakpoints .you-tube {
  cursor: pointer;
  height: 24px;
  min-width: 24px;
  opacity: 0.6;
  position: relative;
}

.training-all-breakpoints .subtract {
  height: 17px;
  left: 0;
  position: absolute;
  top: 4px;
  width: 24px;
}

.training-all-breakpoints .icon-instagram {
  height: 24px;
  min-width: 24px;
  position: relative;
}

.training-all-breakpoints .flex-col {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 77px;
  min-height: 663px;
  position: absolute;
  top: 9px;
  width: 1104px;
}

.training-all-breakpoints .overlap-group {
  height: 117px;
  position: relative;
  width: 1104px;
}

.training-all-breakpoints .just_dogs_logo_web-2 {
  cursor: pointer;
  height: 117px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 306px;
}

.training-all-breakpoints .navbar {
  align-items: flex-start;
  display: flex;
  gap: 60px;
  justify-content: center;
  left: 282px;
  position: absolute;
  top: 46px;
  width: 822px;
}

.training-all-breakpoints .navbar-link {
  -webkit-text-stroke: 0.3px var(--black);
  cursor: pointer;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.30px;
  position: relative;
  text-shadow: 0px 2px 2px #00000040;
  transition: all 0.2s ease;
  width: fit-content;
}

.training-all-breakpoints .navbar-link:hover {
  transform: scale(0.9); 
}

.training-all-breakpoints .frame-289 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 36px;
  margin-top: 183px;
  position: relative;
  width: 593px;
}

.training-all-breakpoints .all-of-our-training-opportunities {
  letter-spacing: 0;
  line-height: 60.7px;
  margin-top: -1.00px;
  position: relative;
  text-shadow: 0px 2px 2px #00000040;
  width: fit-content;
}

.training-all-breakpoints .fun-game-based-training {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-shadow: 0px 2px 2px #00000040;
  width: fit-content;
}

.training-all-breakpoints .frame-291 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 17px;
  margin-top: 126px;
  position: relative;
  width: 346px;
}

.training-all-breakpoints .check-out-our-events-for-2023:hover {
  transform: scale(0.9); 
}

.training-all-breakpoints .arrow-1 {
  margin-right: -0.50px;
  min-width: 34.5px;
}

.training-all-breakpoints .line-3 {
  height: 1px;
  min-width: 249px;
  object-fit: cover;
  position: relative;
}

.training-all-breakpoints .frame-333 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 1px;
  position: relative;
}

.training-all-breakpoints .frame-332 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 9px;
  position: relative;
  width: fit-content;
}

.training-all-breakpoints .just-dogs-1 {
  letter-spacing: 0;
  line-height: 15.4px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.training-all-breakpoints .classes-workshops-experiences {
  height: 44px;
  letter-spacing: 0;
  line-height: 44.0px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: 869px;
}

.training-all-breakpoints .training-all-breakpoints-item {
  align-items: center;
  align-self: stretch;
  display: flex;
  gap: 72px;
  justify-content: center;
  position: relative;
}

.training-all-breakpoints .image {
  height: 584px;
  min-width: 575px;
  object-fit: cover;
  position: relative;
}

.training-all-breakpoints .frame-331 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: relative;
  width: fit-content;
}

.training-all-breakpoints .frame-3 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 15px;
  position: relative;
  width: fit-content;
}

.training-all-breakpoints .just-dogs {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.training-all-breakpoints .service-info-1 {
  gap: 64px;
}

.training-all-breakpoints .the-rate-at-which-do {
  letter-spacing: 0;
  line-height: 25.6px;
  margin-top: -1.00px;
  position: relative;
  width: 575px;
}

.training-all-breakpoints .read-more-button {
  align-items: center;
  border: 1px solid;
  border-color: var(--milano-red);
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  gap: 12px;
  height: 34px;
  padding: 3px 10px;
  position: relative;
  width: fit-content;
}

.training-all-breakpoints .arrow-3 {
  min-width: 12.5px;
}

.training-all-breakpoints .book-onto-just-dogs-beginner-class {
  cursor: pointer;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  transition: all 0.2s ease;
  width: 272px;
}

.training-all-breakpoints .book-onto-just-dogs-beginner-class:hover {
  transform: scale(0.9); 
}

.training-all-breakpoints .frame-336 {
  align-items: center;
  align-self: stretch;
  display: flex;
  gap: 86px;
  justify-content: center;
  position: relative;
}

.training-all-breakpoints .frame-335 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 27px;
  position: relative;
  width: fit-content;
}

.training-all-breakpoints .service-info-2 {
  gap: 48px;
  height: 380px;
}

.training-all-breakpoints .text {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 380px;
  position: relative;
  width: fit-content;
}

.training-all-breakpoints .hopefully-by-now-you {
  height: 380px;
  letter-spacing: 0;
  line-height: 25.6px;
  margin-top: -1.00px;
  position: relative;
  width: 575px;
}

.training-all-breakpoints .book-onto-just-dogs-follow-on-class {
  cursor: pointer;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  transition: all 0.2s ease;
  width: 282px;
}

.training-all-breakpoints .book-onto-just-dogs-follow-on-class:hover {
  transform: scale(0.9); 
}

.training-all-breakpoints .project-development {
  background-image: url(../img/image-11.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 515px;
  min-width: 575px;
  position: relative;
}

.training-all-breakpoints .image-1 {
  height: 548px;
}

.training-all-breakpoints .frame-338 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 36px;
  position: relative;
  width: fit-content;
}

.training-all-breakpoints .service-info {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 48px;
  position: relative;
  width: 575px;
}

.training-all-breakpoints .just-scent-dogs-of {
  letter-spacing: 0;
  line-height: 25.6px;
  margin-top: -1.00px;
  position: relative;
  width: 575px;
}

.training-all-breakpoints .book-onto-just-dogs-scent-workshops {
  cursor: pointer;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  transition: all 0.2s ease;
  width: 306px;
}

.training-all-breakpoints .book-onto-just-dogs-scent-workshops:hover {
  transform: scale(0.9); 
}

.training-all-breakpoints .frame-34 {
  align-items: center;
  align-self: stretch;
  display: flex;
  gap: 89px;
  justify-content: center;
  position: relative;
}

.training-all-breakpoints .frame-341 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 30px;
  position: relative;
  width: fit-content;
}

.training-all-breakpoints .frame-34-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
  width: fit-content;
}

.training-all-breakpoints .service-info-3 {
  gap: 48px;
  height: 345px;
  overflow: hidden;
}

.training-all-breakpoints .it-is-always-useful {
  height: 380px;
  letter-spacing: 0;
  line-height: 25.6px;
  margin-top: -1.00px;
  position: relative;
  width: 575px;
}

.training-all-breakpoints .book-your-11-consul {
  cursor: pointer;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  transition: all 0.2s ease;
  width: 325px;
}

.training-all-breakpoints .book-your-11-consul:hover {
  transform: scale(0.9); 
}

.training-all-breakpoints .project-development-1 {
  background-image: url(../img/1-1_new_image.png);
  height: 486px;
}

.training-all-breakpoints .image-2 {
  height: 517px;
}

.training-all-breakpoints .frame-344 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 34px;
  position: relative;
  width: fit-content;
}

.training-all-breakpoints .you-may-already-be-p {
  letter-spacing: 0;
  line-height: 25.6px;
  margin-top: -1.00px;
  position: relative;
  width: 575px;
}

.training-all-breakpoints .explore-our-scent-ex {
  cursor: pointer;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  transition: all 0.2s ease;
  width: 376px;
}

.training-all-breakpoints .explore-our-scent-ex:hover {
  transform: scale(0.9); 
}

.training-all-breakpoints .frame-347 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 29px;
  position: relative;
  width: fit-content;
}

.training-all-breakpoints .service-info-4 {
  gap: 48px;
  height: 346px;
  overflow: hidden;
}

.training-all-breakpoints .this-is-a-regular-sc {
  height: 380px;
  letter-spacing: 0;
  line-height: 25.6px;
  margin-top: -1.00px;
  position: relative;
  width: 575px;
}

.training-all-breakpoints .span1 {
  text-decoration: underline;
}

.training-all-breakpoints .arrow-3-1 {
  height: 7.36px;
  min-width: 12.5px;
  object-fit: cover;
  position: relative;
}

.training-all-breakpoints .book-onto-the-just-d {
  cursor: pointer;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  transition: all 0.2s ease;
  width: 334px;
}

.training-all-breakpoints .book-onto-the-just-d:hover {
  transform: scale(0.9); 
}

.training-all-breakpoints .project-development-2 {
  background-image: url(../img/image-14.png);
  height: 473px;
}

.training-all-breakpoints .footer {
  align-self: stretch;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  height: 386px;
  justify-content: flex-start;
  min-width: 1314px;
  position: relative;
}

.training-all-breakpoints .site-map-footer {
  background-color: var(--log-cabin);
  display: flex;
  flex: 1;
  height: 316px;
  justify-content: center;
  max-height: 316px;
}

.training-all-breakpoints .frame-329 {
  align-items: flex-start;
  display: flex;
  gap: 115px;
  height: 228px;
  justify-content: center;
  margin-left: -1px;
  margin-top: 39px;
  position: relative;
  width: 1239px;
}

.training-all-breakpoints .frame-328 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-left: -27.50px;
  position: relative;
  width: fit-content;
}

.training-all-breakpoints .just_dogs_logo_web-2-1 {
  cursor: pointer;
  height: 66px;
  min-width: 214px;
  object-fit: cover;
  position: relative;
}

.training-all-breakpoints .just-dogs-is-a-fully {
  height: 90px;
  letter-spacing: 0;
  line-height: 27.2px;
  position: relative;
  width: 325px;
}

.training-all-breakpoints .socials-1 {
  align-items: center;
  display: flex;
  gap: 20px;
  position: relative;
  width: fit-content;
}

.training-all-breakpoints .links {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
  opacity: 0.6;
  position: relative;
  width: fit-content;
}

.training-all-breakpoints .link:hover {
  color: #B40D0C
}

.training-all-breakpoints .link-1 {
  cursor: pointer;
  letter-spacing: 0;
  line-height: 25.6px;
  position: relative;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: fit-content;
}

.training-all-breakpoints .link-1:hover {
  color: #B40D0C
}

.training-all-breakpoints .classes {
  letter-spacing: 1.00px;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.training-all-breakpoints .links-1 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 60px;
  min-width: 143px;
  position: relative;
}

.training-all-breakpoints .phone {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 8px;
  height: 26px;
  opacity: 0.6;
  position: relative;
  width: 131px;
}

.training-all-breakpoints .email {
  align-items: center;
  display: flex;
  gap: 8px;
  height: 26px;
  opacity: 0.6;
  position: relative;
  width: 143px;
}

.training-all-breakpoints .frame-325 {
  align-items: center;
  display: flex;
  flex: 1;
  gap: 660px;
  height: 21px;
  justify-content: center;
  margin-left: 23px;
  margin-right: 23px;
  margin-top: 24px;
  position: relative;
  width: 1268px;
}

.training-all-breakpoints .copyright {
  display: flex;
  flex: 1;
  gap: 5px;
  height: 18px;
  min-width: 533px;
  position: relative;
}

.training-all-breakpoints .copyright-1 {
  height: 18px;
  letter-spacing: 0;
  line-height: 18px;
  white-space: nowrap;
  width: 71px;
}

.training-all-breakpoints .frame-269 {
  align-items: center;
  display: flex;
  gap: 4px;
  height: 18px;
  position: relative;
  width: 210px;
}

.training-all-breakpoints .arrow {
  height: 7.36px;
  object-fit: cover;
  position: relative;
}

.training-all-breakpoints .image-3 {
  min-width: 575px;
  object-fit: cover;
  position: relative;
}

.training-all-breakpoints .project-development-3 {
  background-position: 50% 50%;
  background-size: cover;
  min-width: 575px;
  position: relative;
}

.training-all-breakpoints .service-info-5 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 575px;
}

.training-all-breakpoints .text-4 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: relative;
  width: fit-content;
}
/* screen - training-mobile */

.training-mobile {
  background-color: var(--white);
  border: 1px none;
  gap: 33px;
  min-width: 320px;
}

.training-mobile .training-frame {
  align-self: stretch;
  background-image: url(../img/rectangle-1302-1@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 269px;
  min-width: 320px;
  position: relative;
}

.training-mobile .flex-row {
  align-items: center;
  display: flex;
  gap: 129px;
  height: 54px;
  left: 22px;
  width: 100%;
  position: absolute;
  top: 5px;
}

.training-mobile .icon-burger-menu {
  height: 20px;
  margin-bottom: 0.32px;
  width: 18px;
}

.training-mobile .just_dogs_logo_web-2-2 {
  cursor: pointer;
  height: 54px;
  object-fit: cover;
  width: 133px;
  position: absolute;
  right: 50px;
}

.training-mobile .frame-380 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 31px;
  height: 112px;
  left: 22px;
  position: absolute;
  top: 143px;
  width: fit-content;
}

.training-mobile .heading {
  align-self: stretch;
}

.training-mobile .frame-431 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 7px;
  position: relative;
  width: fit-content;
}

.training-mobile .just-dogs-3 {
  line-height: 13.2px;
  white-space: nowrap;
  width: fit-content;
}

.training-mobile .line-20 {
  height: 2px;
  min-width: 49px;
  position: relative;
}

.training-mobile .frame-432 {
  align-items: flex-start;
  display: flex;
  gap: 10px;
  margin-left: -10.00px;
  margin-right: -10.00px;
  padding: 10px;
  position: relative;
  width: fit-content;
}

.training-mobile .classes-workshops-experiences-1 {
  letter-spacing: 0;
  line-height: 33.0px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 320px;
}

.training-mobile .training-mobile-item {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 21px;
  position: relative;
}

.training-mobile .image-3 {
  height: 190px;
  min-width: 320px;
  object-fit: cover;
  position: relative;
}

.training-mobile .frame-434 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 9px;
  position: relative;
  width: fit-content;
}

.training-mobile .just-dogs-2 {
  line-height: normal;
  width: 250px;
}

.training-mobile .line-2-1 {
  height: 2px;
  min-width: 22px;
  position: relative;
}

.training-mobile .the-rate-at-which-do-1 {
  height: 511px;
  letter-spacing: 0;
  line-height: 22.4px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 255px;
}

.training-mobile .read-more-button-1 {
  align-items: center;
  border: 1px solid;
  border-color: var(--milano-red);
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  gap: 12px;
  height: 34px;
  justify-content: center;
  padding: 3px 10px;
  position: relative;
  width: 241px;
}

.training-mobile .to-book {
  cursor: pointer;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  text-align: center;
  transition: all 0.2s ease;
  width: 59px;
}

.training-mobile .to-book:hover {
  transform: scale(0.9); 
}

.training-mobile .follow-on-frame {
  align-self: stretch;
  background-color: var(--gray-nurse);
  display: flex;
  height: 826px;
  justify-content: center;
  min-width: 320px;
  position: relative;
}

.training-mobile .follow-on {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 18px;
  height: 805px;
  position: relative;
  width: 320px;
}

.training-mobile .project-development-3 {
  background-image: url(../img/image-7@2x.png);
}

.training-mobile .frame-436 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 11px;
  position: relative;
  width: fit-content;
}

.training-mobile .text-5 {
  height: 489px;
  overflow: hidden;
}

.training-mobile .hopefully-by-now-you-1 {
  height: 511px;
  letter-spacing: 0;
  line-height: 22.4px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 255px;
}

.training-mobile .frame-4 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
  width: fit-content;
}

.training-mobile .text-6 {
  height: 470px;
  overflow: hidden;
}

.training-mobile .just-scent-dogs-of-1 {
  height: 511px;
  letter-spacing: 0;
  line-height: 22.4px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 255px;
}

.training-mobile .x11-follow-on-frame {
  align-self: stretch;
  background-color: var(--gray-nurse);
  display: flex;
  height: 911px;
  justify-content: center;
  min-width: 320px;
  position: relative;
}

.training-mobile .x11-consultation {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 884px;
  position: relative;
  width: 320px;
}

.training-mobile .project-development-4 {
  background-image: url(../img/1-1_new_mobile.png);
}

.training-mobile .frame-440 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 13px;
  position: relative;
  width: fit-content;
}

.training-mobile .text-7 {
  height: 560px;
}

.training-mobile .it-is-always-useful-1 {
  height: 560px;
  letter-spacing: 0;
  line-height: 22.4px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 255px;
}

.training-mobile .scent-experiences {
  align-self: stretch;
  gap: 20px;
}

.training-mobile .text-8 {
  height: 579px;
}

.training-mobile .you-may-already-be-p-1 {
  height: 511px;
  letter-spacing: 0;
  line-height: 22.4px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 255px;
}

.training-mobile .scent-club-frame {
  align-self: stretch;
  background-color: var(--gray-nurse);
  display: flex;
  height: 983px;
  justify-content: center;
  min-width: 320px;
  position: relative;
}

.training-mobile .scent-clubs {
  gap: 29px;
  height: 962px;
  width: 320px;
}

.training-mobile .project-development-5 {
  background-image: url(../img/image-9@2x.png);
}

.training-mobile .text-9 {
  height: 587px;
}

.training-mobile .this-is-a-regular-sc-1 {
  height: 587px;
  letter-spacing: 0;
  line-height: 22.4px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 255px;
}

.training-mobile .span1-1 {
  text-decoration: underline;
}

.training-mobile .footer-1 {
  align-self: stretch;
  background-color: transparent;
  height: 216px;
  min-width: 320px;
  position: relative;
}

.training-mobile .footer-container {
  height: 174px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.training-mobile .footer-background {
  background-color: var(--log-cabin);
  height: 169px;
  left: 0;
  position: absolute;
  top: 5px;
  width: 100%;
}

.training-mobile .logo-footer {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 11px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.training-mobile .frame-412 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 27px;
  padding: 6px 10px 0px;
  position: relative;
}

.training-mobile .just_dogs_logo_web-2-3 {
  align-self: stretch;
  height: 63px;
  min-width: 139px;
  object-fit: cover;
  position: relative;
}

.training-mobile .phone-1 {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 8px;
  opacity: 0.6;
  position: relative;
  width: fit-content;
}

.training-mobile .link-2 {
  cursor: pointer;
  letter-spacing: 0;
  line-height: 25.6px;
  margin-top: -1.00px;
  position: relative;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: fit-content;
}

.training-mobile .link-2:hover {
  color: #B40D0C
}

.training-mobile .email-1 {
  align-items: center;
  display: flex;
  gap: 8px;
  opacity: 0.6;
  position: relative;
  width: fit-content;
}

.training-mobile .socials-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  gap: 20px;
  justify-content: center;
  position: relative;
}

.training-mobile .icon-facebook-1 {
  cursor: pointer;
  height: 26px;
  min-width: 26px;
  position: relative;
}

.training-mobile .you-tube-1 {
  cursor: pointer;
  height: 27px;
  min-width: 26px;
  opacity: 0.6;
  position: relative;
}

.training-mobile .subtract-1 {
  height: 19px;
  left: 0;
  position: absolute;
  top: 4px;
  width: 26px;
}

.training-mobile .icon-instagram-1 {
  height: 26px;
  min-width: 26px;
  position: relative;
}

.training-mobile .overlap-group-1 {
  align-items: flex-end;
  background-color: var(--cod-gray);
  display: flex;
  height: 42px;
  left: 0;
  width: 100%;
  padding: 7.5px 36.9px;
  position: absolute;
  top: 174px;
}

.training-mobile .copyright-2 {
  align-items: flex-start;
  display: flex;
  gap: 2px;
  height: 22px;
  justify-content: center;
  padding: 0px 0px 14px;
  position: relative;
  width: 100%;
}

.training-mobile .copyright-3 {
  letter-spacing: 0;
  line-height: 15px;
  margin-bottom: -6.00px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.training-mobile .frame-269-1 {
  align-items: center;
  display: flex;
  gap: 4px;
  margin-bottom: -8.00px;
}

.training-mobile .frame-269-item {
  letter-spacing: 0;
  line-height: 15px;
  margin-top: -0.50px;
  white-space: nowrap;
}

.training {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: relative;
}

.training-mobile .arrow-3 {
  height: 7.36px;
  min-width: 12.5px;
  object-fit: cover;
  position: relative;
}

.training-mobile .frame-269 {
  position: relative;
  width: fit-content;
}

.training-mobile .just-dogs {
  letter-spacing: 0;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.training-mobile .project-development {
  background-position: 50% 50%;
  background-size: cover;
  height: 190px;
  min-width: 320px;
  position: relative;
}

.training-mobile .scent {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: relative;
}

.training-mobile .text {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: relative;
  width: 255px;
}
@media screen and (max-width: 1200px) {
  .screen.training-all-breakpoints { 
    display: none;
   }
}
@media screen and (min-width: 1200px) {
  .screen.training-mobile { 
    display: none;
   }
}

@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

#navbar * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  
}



#navbar .container {
  max-width: 1050px;
  width: 100%;
  margin: auto;

}

.navbar {
  width: 100%;
  
}

.nav-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 62px;
  font-family: "Poppins", sans-serif;
}

.navbar .menu-items {
  display: flex;
}

.navbar .nav-container li {
  list-style: none;
}

.navbar .nav-container a {
  text-decoration: none;
  color: #ffffff;
  font-weight: 400;
  font-size: 1.2rem;
  padding: 0.7rem;
}

.navbar .nav-container a:hover{
    font-weight: bolder;
	color: #B40D0C;
}

.nav-container {
  display: block;
  position: relative;
  height: 60px;
  
}

.nav-container .checkbox {
  position: absolute;
  display: block;
  height: 32px;
  width: 32px;
  top: 20px;
  left: 20px;
  z-index: 5;
  opacity: 0;
  cursor: pointer;
}

.nav-container .hamburger-lines {
  display: block;
  height: 26px;
  width: 32px;
  position: absolute;
  top: 17px;
  left: 20px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.nav-container .hamburger-lines .line {
  display: block;
  height: 4px;
  width: 100%;
  border-radius: 10px;
  background: #ffffff;
}

.nav-container .hamburger-lines .line1 {
  transform-origin: 0% 0%;
  transition: transform 0.4s ease-in-out;
}

.nav-container .hamburger-lines .line2 {
  transition: transform 0.2s ease-in-out;
}

.nav-container .hamburger-lines .line3 {
  transform-origin: 0% 100%;
  transition: transform 0.4s ease-in-out;
}

.navbar .menu-items {
  padding-top: 120px;
  padding-bottom: 50px;
  width: 100%;
  transform: translate(-150%);
  display: flex;
  flex-direction: column;
  padding-left: 50px;
  transition: transform 0.5s ease-in-out;
  text-align: center;
}

.navbar .menu-items li {
  margin-bottom: 1.2rem;
  font-size: 1.5rem;
  font-weight: 500;
}

.logo {
  position: absolute;
  top: 5px;
  right: 15px;
  font-size: 1.2rem;
  color: #0e2431;
}

.nav-container input[type="checkbox"]:checked ~ .menu-items {
  transform: translateX(0);
  background-color: #232121;
  position: relative;
  z-index: 1;
}

.nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line1 {
  transform: rotate(45deg);
	color: #ffffff;
}

.nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line2 {
  transform: scaleY(0);
}

.nav-container input[type="checkbox"]:checked ~ .hamburger-lines .line3 {
  transform: rotate(-45deg);
}

.nav-container input[type="checkbox"]:checked ~ .logo{
  display: none;
}