@font-face {
  font-family: "Apple";
  font-style: normal;
  font-weight: 400;
  /* Браузер сначала попробует найти шрифт локально */
  src: local("/fonts/sf_ui_display_light.eot"),
       /* Если не получилось, загрузит woff2 */
       url("/fonts/sf_ui_display_light.woff2") format("woff2"),
       /* Если браузер не поддерживает woff2, загрузит woff */
       url("/fonts/sf_ui_display_light.woff") format("woff");
}

/* Теперь можно использовать шрифт */
body {
  font-family: "Apple", "Arial", sans-serif;
}


.adminAuthorization {
max-width:500px;
margin:auto;
margin-top:15%;
padding:15px;
}

.menuroot:hover {
cursor:pointer;
}

.nav-link:hover {
cursor:pointer;	
}

.dropdown-item:hover {
cursor:pointer;		
}

.palitra {
width:50px;
height:50px;
}

.palitra:hover {
cursor:pointer;	
}

.navbar-primary {
color:#ffffff;	
}

.logoHeaderSite {
/*margin-right:10px;*/
}

.svgrootpage {
margin-left:10px;
}

.svgrootpage:hover {
cursor:pointer;	
}

.editPageIco:hover {
cursor:pointer;	
}

.deletePageIco:hover {
cursor:pointer;	
}

.visiblePageIco:hover {
cursor:pointer;
}

.outModuleRootDiv {
clear:both;	
}

.bgGrey {
background:#f5f5f7;
}

.bgBlue {
background:#a7c1d9;
}

.bgViolet {
background:#f6e8fa;
}

.bgYellow {
background:#edf593;
}

.bgLime {
background:#c9f593;
}

.clGrey {
color:#696969;	
}

.bgRed {
background:#fe5656;
}

.clRed {
color:#fe5656;	
}

.clBlue {
color:#0a74c1;
}

.bgBlue {
background:#0a74c1;	
}

.bg-white {
background:#ffffff;
}

.navbar-white {
font-size:18px;
}

.borderPunktRed {
border-bottom:2px dashed #fe5656;	
}

.borderPunktBlue {
border-bottom:2px dashed #0a74c1;	
}

.sizeGrey {
font-size:14px;
}

.fontLogo {
font-size:24px;
}

.btnRed {
color: #ffffff;
background-color: #fe5656;
border-color: #fe5656;
}

.btnRed:hover {
color:#ffffff;
background:#FF8080;
}

.btnLiteRed {
color: #fe5656;
border:2px solid #fe5656;
}

.btnLiteRed:hover {
color: #ffffff;
background-color: #fe5656;
border-color: #fe5656;
}

.btnBlue {
color:#ffffff;
background-color:#0a74c1;
border-color:#0a74c1;	
}

.btnBlue:hover {
color:#ffffff;
background:#097d96;	
}

.btnLiteBlue {
color: #0a74c1;
border:2px solid #0a74c1;
}

.btnLiteBlue:hover {
color: #ffffff;
background-color: #0a74c1;
border-color: #0a74c1;
}

/*h2:after, h2:before {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%,0);
-webkit-transform: translate(-50%,0);
height: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #0a74c1;
width: 140px;
} */

.moduleRootOutSvPage {
background:#7952b3;
color:#ffffff;
text-align:center;
padding:5px;
border-radius: .25rem;
}

.moduleRootOutSvPageBox {
background:#7952b3;
color:#ffffff;
text-align:center;
padding:5px;
border-radius: .25rem;	
}

.moduleRootOutSvPage:hover {
cursor:move;
}

.moduleRootOutSvPageBox:hover {
cursor:move;	
}

.deleteModuleOfBox:hover {
cursor:pointer;	
}

.actColRowPage svg {
margin-left:10px;
}

.editColRowPage:hover {
cursor:pointer;	
}

.deleteColRowPage:hover {
cursor:pointer;		
}


.backgroundCarusel {
background:#000000;
opacity: 0.5;
filter: alpha(Opacity=50);
}

.carousel {
  height: 400px !important;
  overflow: hidden;
}

.carousel-inner {
  overflow: visible;
}

.carousel-inner img {
  left: 50%;
  max-width: none !important;
  min-height: 400px;
  min-width: 100%;
  position: absolute;
  top: 200px;
  transform: translate(-50%,-50%);
}

.myCarouserlText {
color:#ffffff;
text-align:center;
padding:25px;
margin-top:280px;
}

.display-5 {
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-6 {
  font-size: 2rem;
  font-weight: 300;
  line-height: 1.2;
}

.calendarDivGL {
display:inline-block;
}

.clear {
clear:both;
}

.calendarDiv {
padding:20px;
background:#f0f0f0;
display:inline-block;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}

.calendarBodyTime {
clear:both;
border:1px solid red;
display:inline-block;

}

.calendarPTO {
	
}

.elCalendar {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
width:30px;
text-align:center;
margin:2px;
}

.dayWeekCalendar {
color:#a9a9a9;
font-size:16px;
text-align:center;
}

.elCalendarActive {
color:#1f1f27;
}

.elCalendarActive:hover {
cursor:pointer;
background:#0a74c1;
color:#ffffff;	
}

.elCalendarToday {
background:#0a74c1;
color:#ffffff;
}

.elCalendarNoActive {
color:#d1d1d1;
}

.elCalendarNoWrite {
background:#E98282;
}

.btnTimeCalendar {
display:inline-block;
margin:5px;
background:#ffffff;
padding:10px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border:1px solid #ffffff;
}

.btnTimeCalendarActive:hover {
cursor:pointer;
}

.inputBtnTimeCalendar {
background:#c9f7cc;
border: 1px solid #a5e3a9;
}

.btnTimeCalendarNoActive {
background: #ffb4b4;
border:1px solid #ffb4b4;	
}

.btnTimeCalendarNoActiveD {
background: #fff3cd;
border:1px solid #fff3cd;
}

div.scrollup {
position: fixed;
color: #f37335;
/*background-color:#343a40!important;*/
right: 20px;
bottom: 20px;
padding: 7px 7px;
font-size: 20px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
cursor: pointer;
display: none;
text-align: center;
}

div.scrollup:hover {
color:#696969;
}

.hiddenForm {
display:none;
}

#addBaseWriteRoot {
display:none;	
}

#editBaseWriteRoot {
display:none;
}

.editWrite:hover {
cursor:pointer;
}

.deleteWrite:hover {
cursor:pointer;	
}

.hiddenWriteGibdd {
display:none;
}

.deleteWriteGibdd:hover {
cursor:pointer;
}

.infoTextOutD {
display:none;
}

#videoDiet {
width:100%;
}

.zindexLay {
position: relative;
margin-left:-15px;
margin-top:115px;
background: rgba(0, 0, 0, 0.5);
width: 100%;
padding: 15px;
z-index:9999;
}

.btn-outline-white {
color: #ffffff;
border-color: #ffffff;
}

.btn-site-cvet {
color:rgba(150,171,81);
border-color:rgba(150,171,81);
}

.navbar-light .navbar-nav .nav-link {
color:#040404;
font-size:14px;
}

.navbar-light .navbar-nav .active>.nav-link {
color:rgba(37,53,10);
font-size:14px;
text-decoration:underline;
}

.predirect:hover {
cursor:pointer;
}

.borderBottomRaduga {
border-bottom: 2px solid;
border-image: linear-gradient(-45deg, #f19828 0%, #cd2c53 100%) 100;
}

.textGradietn {
color:transparent;
-webkit-background-clip:text;
background-clip:text;
background-image:linear-gradient(90deg,#2ca2b4,#5598de 24%,#7f87ff 45%,#f65aad 76%,#ec3d43);
will-change:transform;
background-color:#2ca2b4 0%;
}

.textAnimation1 {
overflow: hidden;
}

a {
color:#5598de;
}

a:hover {
color:#ec3d43;
text-decoration:none;
}

.bgGradient {
background: rgb(86,158,184);
background: linear-gradient(90deg, rgba(86,158,184,1) 0%, rgba(123,137,242,1) 25%, rgba(202,125,199,1) 50%, rgba(227,97,156,1) 75%, rgba(218,78,79,1) 100%);
}

.hrefIndexPage a {
color:#ffffff;
margin-left:15px;
margin-right:15px;
}

.btnBackground {
background: #f19828;
color:#ffffff;
text-decoration:none;
}

.btnBackground:hover {
background: #cd2c53;
color:#ffffff;
text-decoration:none;
}

.btnBackground a {
color:#ffffff;
text-decoration:none;
}

.btnBackground a:hover {
color:#ffffff;
text-decoration:none;
}

ul {
margin-left: 0;
padding-left: 0;
}

ul li {
list-style-type: none;
}

hr {
background: rgb(86,158,184);
background-image:linear-gradient(-45deg, #f19828 0%, #cd2c53 100%);
height:1px;
}

.titleOffer {
font-size:2rem;
}

.backgroundViolet {
background: rgb(86,158,184);
background: linear-gradient(90deg, #000000 0%, #0f022e 50%, #1f0321 70%);
}

.tableBorderGradientMy {
background: rgb(86,158,184);
background-image:linear-gradient(90deg,#2ca2b4,#5598de 24%,#7f87ff 45%,#f65aad 76%,#ec3d43);
border: 1px solid;
}

.galochka {
color: #ec3d43;
}

h1 {
font-size: 2.2rem    
}

.btnBackground2 {
background: #cd2c53;
color:#ffffff;
text-decoration:none;
}

.btnBackground2:hover {
background: #f19828;
color:#ffffff;
text-decoration:none;
}

.btnBackground2 a {
color:#ffffff;
text-decoration:none;
}

.btnBackground2 a:hover {
color:#ffffff;
text-decoration:none;
}

.backgroundYoll {
background:#f19828;  
}

/*.plitka_tag {
	height:200px;
	overflow: hidden;
}

.plitka_tag a {
    background-color: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 50px;
    bottom: -16px;
    color: #4c4c4c;
    display: inline-block;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 7px 20px 6px;
    float:left;
    margin-top:10px;
    margin-right:10px;
    text-transform: uppercase;
}

.plitka_tag a:hover {
    background: #e90659;
    color: #fff;
    border-color: transparent;
} */

.plitka_tag {
overflow: hidden;
 background-color: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 50px;
    bottom: -16px;
    color: #4c4c4c;
    display: inline-block;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 7px 20px 6px;
    margin-top:10px;
    margin-right:10px;
    text-transform: uppercase;
}

.bgYell {
background:#f9f3d9;
}

.hrefIndexPage {
color:#000000;
}

a {
color:#f19828;
}

.blockCalcHidden {
display:none;
}

iframe {
    max-width: 100%;
}

.actim:hover {
cursor:pointer;
text-decoration:underline;
}

#outVisibleProduct {
display:none;
}

.galochka {
color: #ec3d43;
}


@media (min-width: 768px) {
  .navbar-container {
    position: sticky;
    top: 0;
    overflow-y: auto;
    height: 100vh;
  }
  .navbar-container .navbar {
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: nowrap;
    flex-direction: column;
    height: 100%;
  }
  .navbar-container .navbar-collapse {
    align-items: flex-start;
  }
  .navbar-container .nav {
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .navbar-container .navbar-nav {
    flex-direction: column !important;
  }
}

.info-orange {
background-color: #f37335;
    border-radius: 15px; /* Радиус закругления углов */
    padding: 20px; /* Отступы внутри дива */
    color: #ffffff; /* Цвет текста (если нужен текст внутри дива) */
    line-height:1.5;
    font-size:14.23px;
}

.info-orange ul li {
margin-bottom:10px;
}

.info-blublu {
background-color:#f3f7fc;
border-radius: 15px; /* Радиус закругления углов */
padding: 20px; /* Отступы внутри дива */
color: #ffffff; /* Цвет текста (если нужен текст внутри дива) */
line-height:1.5;
font-size:14.23px;
}

.bg-blublu {
background-color:#f3f7fc;
}

h3 span {
color:#f37335;
}

#advantages {
    padding: 20px;
    background-color: #f9f9f9;
}

#advantages h2 {
    text-align: center;
    margin-bottom: 20px;
    font-size: 24px;
    color: #333;
}

.advantages-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

.advantage-card {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 15px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    text-align: center;
    background-color: #fff;
}

.advantage-icon {
    font-size: 40px;
    margin-bottom: 10px;
    color: #f37335;
}

.advantage-card h3 {
    font-size: 18px;
    margin-bottom: 10px;
    color: #333;
}

.advantage-card p {
    font-size: 14px;
    color: #555;
    line-height: 1.6;
}

.divider {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 20px 0;
}

.divider span {
    flex: 1;
    height: 2px;
    background: linear-gradient(to right, #f37335, #2b2b2b);
}

.divider p {
    margin: 0 15px;
    font-size: 16px;
    color: #333;
    font-weight: bold;
    text-transform: uppercase;
}

.services {
    padding: 20px;
    max-width: 1200px;
    margin: 0 auto;
}

.services h2 {
    text-align: center;
    font-size: 24px;
    margin-bottom: 20px;
    color: #333;
}

.services-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    max-height: 250px; /* Показываем только часть */
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.services-container-my {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
	overflow: hidden;
    transition: max-height 0.3s ease;
}

.service-item {
    text-decoration: none;
    background: #fff;
    padding: 15px 15px 10px;
    display: flex;
    align-items: center;
    position: relative;
    border-radius: 8px;
    transition: transform 0.2s, box-shadow 0.2s;
    color: #333;
    border: none;
}

.service-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.service-item i {
    font-size: 24px;
    color: #f37335;
    margin-right: 15px;
}

.service-item p {
    margin: 0;
    font-size: 16px;
    color: inherit;
}

.toggle-services {
    margin-top: 20px;
    padding: 10px 15px;
    background: #f37335;
    color: #fff;
    font-size: 16px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    display: block;
    width: 100%;
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
    transition: box-shadow 0.3s;
}

.toggle-services:hover {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}

.services-container.expanded {
    max-height: 1000px; /* Раскрываем контейнер */
}

@media (max-width: 768px) {
    .services-container {
        grid-template-columns: 1fr;
    }
}

.founder {
    padding: 20px;
    max-width: 1200px;
    margin: 40px auto;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.founder-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    align-items: center;
}

.founder-info {
    padding: 20px;
}

.founder-info h2 {
    font-size: 24px;
    color: #333;
    margin-bottom: 15px;
}

.founder-info p {
    font-size: 16px;
    color: #555;
    line-height: 1.6;
    margin-bottom: 15px;
}

.founder-info strong {
    color: #f37335;
}

.founder-photo img {
    width: 100%;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    object-fit: cover;
}

/* Стиль кнопки */
.btn_a {
    display: inline-block;
    padding: 10px 15px;
    background: #f37335;
    color: #fff;
    font-size: 16px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    text-decoration: none;
    transition: box-shadow 0.3s;
}

.btn_a:hover {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    color:#fff;
}


/* Адаптивность */
@media (max-width: 768px) {
    .founder-container {
        grid-template-columns: 1fr;
    }

    .founder-photo img {
        margin-top: 20px;
    }
}


.news {
    padding: 20px;
    max-width: 1200px;
    margin: 40px auto;
 /*   background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); */
}

.news h2 {
    text-align: center;
    font-size: 24px;
    margin-bottom: 20px;
    color: #333;
}

.news-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

.news-item {
    position: relative;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: transform 0.2s;
    max-width:344px;
}

.news-item:hover {
    transform: translateY(-5px);
}

.news-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: #f37335;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px;
    border-radius: 20px;
    z-index: 10;
}

.news-item img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.news-content {
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.news-content h3 {
    font-size: 18px;
    color: #333;
    margin: 0;
}

.news-content p {
    font-size: 14px;
    color: #555;
    line-height: 1.6;
    max-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-meta {
    display: flex;
    gap: 15px;
    font-size: 14px;
    color: #777;
    align-items: center;
}

.news-meta i {
    color: #f37335;
    margin-right: 5px;
}


@media (max-width: 768px) {
    .news-container {
        grid-template-columns: 1fr;
    }

    .news-item img {
        height: 150px;
    }
}

.contact_my {
    padding: 20px;
    max-width: 1200px;
    margin: 40px auto;
    background: #fff;
 /*   border-radius: 8px;
    box-shadow: 0 4px 6px rgba(243, 115, 53, 0.1); */
}

.contact-title_my {
    text-align: center;
    font-size: 24px;
    margin-bottom: 20px;
    color: #333;
}

.contact-container_my {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

.contact-info_my {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.info-item_my {
    display: flex;
    align-items: center; /* Выравниваем текст по центру иконок */
    gap: 10px;
    font-size: 16px;
    color: #333;
    line-height: 1; /* Убираем лишние отступы вокруг текста */
}

.info-item_my i {
    font-size: 24px;
    color: #f37335;
}

.info-item_my p {
    margin: 0; /* Убираем стандартные отступы */
    display: flex;
    align-items: center; /* Выравниваем текст по центру относительно иконок */
}

.contact-form_my {
    background: #f9f9f9;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(243, 115, 53, 0.1); /* Оранжевая тень */
}

.contact-form_my form {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.form-label_my {
    font-size: 14px;
    color: #333;
}

.form-input_my,
.form-textarea_my {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    background: #fff;
}

.form-input_my:focus,
.form-textarea_my:focus {
    outline: none;
    border-color: #f37335;
    box-shadow: 0 0 4px rgba(243, 115, 53, 0.5);
}

.form-button_my {
    padding: 10px 15px;
    background: #f37335;
    color: #fff;
    font-size: 16px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: box-shadow 0.3s;
}

.form-button_my:hover {
    box-shadow: 0 4px 6px rgba(243, 115, 53, 0.5);
}

@media (max-width: 768px) {
    .contact-container_my {
        grid-template-columns: 1fr;
    }
}

.menu_my {
    background: #fff;
    padding: 15px;
    z-index:9999;
}

.menu_my ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.menu_my ul > li {
    position: relative;
    display: inline-block;
    margin-right: 10px; /* Уменьшенный отступ между пунктами */
}

.menu_my ul > li:last-child {
    margin-right: 0;
}

.menu_my a {
    text-decoration: none;
    font-size: 16px;
    color: #333;
    padding: 8px 10px; /* Уменьшенные внутренние отступы */
    display: flex;
    align-items: center;
    gap: 8px; /* Уменьшенный отступ между иконкой и текстом */
    transition: color 0.3s, border-bottom 0.3s;
    border-bottom: 1px solid transparent;
}

.menu_my a i {
    font-size: 18px;
    color: #f5a375; /* Бледно-оранжевый цвет иконок */
    transition: color 0.3s;
}

.menu_my a:hover i {
    color: #f37335; /* Более яркий оранжевый при наведении */
}

.menu_my a:hover {
    border-bottom: 1px solid #f37335; /* Подчеркивание оранжевой линией при наведении */
}

.menu_my ul li ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    padding: 10px 0;
    list-style: none;
}

.menu_my ul li:hover ul {
    display: block;
}

.menu_my ul li ul li {
    display: block;
    margin: 0;
}

.menu_my ul li ul li a {
    display: flex;
    align-items: center;
    padding: 8px 10px; /* Уменьшенные внутренние отступы в подменю */
    white-space: nowrap;
    color: #333;
    transition: color 0.3s, border-bottom 0.3s;
    border-bottom: 1px solid transparent;
}

.menu_my ul li ul li a i {
    color: #f5a375; /* Бледно-оранжевый цвет для подменю */
}

.menu_my ul li ul li a:hover i {
    color: #f37335; /* Более яркий оранжевый при наведении */
}

.menu_my ul li ul li a:hover {
    border-bottom: 1px solid #f37335; /* Подчеркивание подменю пунктов */
}

@media (max-width: 768px) {
    .menu_my ul {
        display: flex;
        flex-direction: column;
    }

    .menu_my ul > li {
        margin-right: 0;
        margin-bottom: 5px; /* Уменьшенный отступ для вертикального меню */
    }

    .menu_my ul > li ul {
        position: static;
    }
}


.responsive-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 300px;
    background-color: #f79133; /* Оранжевый фон меню */
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    height: 100%;
    padding: 50px 15px; /* Добавлен отступ для контента */
    opacity: 0;
    transform: translateX(-100%);
    visibility: hidden;
    transition: all 0.4s ease-in-out;
    z-index: 1000;
}

.responsive-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.responsive-menu ul > li {
    margin-bottom: 15px;
}

.responsive-menu ul > li:last-child {
    margin-bottom: 0;
}

.responsive-menu a {
    text-decoration: none;
    font-size: 16px;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: color 0.3s;
}

.responsive-menu a i {
    font-size: 18px;
    color: #ffe0c1; /* Бледно-оранжевый для иконок */
}

.responsive-menu ul li ul {
    margin-top: 10px;
    padding-left: 15px;
    list-style: none;
}

.responsive-menu ul li ul li a {
    font-size: 14px;
    color: #ffd8b5; /* Более светлый цвет для подменю */
}

.responsive-menu ul li ul li a i {
    font-size: 16px;
}

.responsive-menu a:hover {
    color: #fffaeb; /* Легкий светлый оттенок текста при наведении */
}

.responsive-menu ul li ul li a:hover {
    color: #fff; /* Белый цвет при наведении на подменю */
}

.responsive-menu.active {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
}


.footer_my {
    background: #2b2b2b; /* Тёмный фон */
    color: #fff; /* Белый текст */
    padding: 30px 15px;
    text-align: center;
}

.footer-container_my {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.footer-logo_my img {
    max-width: 150px;
    height: auto;
}

.footer-menu_my ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
}

.footer-menu_my ul li {
    display: inline-block;
}

.footer-menu_my ul li a {
    text-decoration: none;
    color: #fff; /* Белый цвет текста */
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: color 0.3s;
}

.footer-menu_my ul li a i {
    font-size: 18px;
    color: #f5a375; /* Бледно-оранжевый цвет иконок */
    transition: color 0.3s;
}

.footer-menu_my ul li a:hover {
    color: #f79133; /* Оранжевый цвет текста при наведении */
}

.footer-menu_my ul li a:hover i {
    color: #f37335; /* Ярко-оранжевый цвет иконок при наведении */
}

.footer-bottom_my {
    margin-top: 20px;
    font-size: 12px;
    color: #aaa; /* Светло-серый текст внизу */
}

.footer-bottom_my p {
    margin: 0;
}

@media (max-width: 768px) {
    .footer-menu_my ul {
        flex-direction: column;
        gap: 10px;
    }
}

.about-kennel_my {
    max-width: 1200px;
    margin: 10px auto;
    padding: 20px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.about-content_my {
    flex: 1 1 60%;
}

.about-content_my h1 {
    font-size: 28px;
    color: #333;
    margin-bottom: 15px;
}

.about-content_my h2 {
    font-size: 20px;
    color: #333;
    margin-top: 20px;
    margin-bottom: 10px;
}

.about-content_my p {
    font-size: 16px;
    color: #555;
    line-height: 1.8;
    margin-bottom: 15px;
}

.about-content_my ul {
    padding-left: 20px;
    list-style: disc;
    color: #555;
}

.about-content_my ul li {
    margin-bottom: 10px;
}

.about-content_my strong {
    color: #f37335;
}

.about-images_my {
    flex: 1 1 35%;
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center;
}

.about-images_my img {
    width: 100%;
    max-width: 300px;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    object-fit: cover;
}

.about-links_my {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    margin-top: 30px;
}

.about-link_my {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #f37335;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    padding: 15px 20px;
    border-radius: 8px;
    transition: background 0.3s, transform 0.3s;
    flex: 1;
    text-align: center;
    justify-content: center;
}

.about-link_my i {
    font-size: 20px;
    color: #fff;
}

.about-link_my:hover {
    background: #d95d28;
    transform: translateY(-3px);
    color:#fff;
}

@media (max-width: 768px) {
    .about-links_my {
        flex-direction: column;
        gap: 10px;
    }

    .about-link_my {
        padding: 10px 15px;
        font-size: 14px;
    }
}

.history_my {
    max-width: 1200px;
    margin: 40px auto;
    padding: 20px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.history-header_my h1 {
    font-size: 28px;
    color: #333;
    text-align: center;
    margin-bottom: 20px;
}

.history-content_my {
    font-size: 16px;
    color: #555;
    line-height: 1.8;
    margin-bottom: 30px;
}

.history-content_my strong {
    color: #f37335;
}

.history-images_my {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
}

.history-images_my img {
    width: 100%;
    max-width: 350px;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    object-fit: cover;
}

.services-info_my {
    max-width: 1200px;
    margin: 40px auto;
    padding: 20px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.services-content_my h1 {
    font-size: 28px;
    color: #333;
    text-align: center;
    margin-bottom: 20px;
}

.services-content_my p {
    font-size: 16px;
    color: #555;
    line-height: 1.8;
    margin-bottom: 15px;
}

.services-content_my strong {
    color: #f37335;
}

.contact-add .contact-info {
    display: flex;
    align-items: center;
    gap: 10px; /* Отступ между иконкой и текстом */
    margin-bottom: 15px;
}

.contact-add .contact-info i {
    font-size: 24px; /* Размер иконок */
    color: #f37335; /* Цвет иконок */
}

.contact-add .contact-tt h4 {
    font-size: 16px;
    color: #333;
    margin: 0;
}

.contact-add .contact-tt span {
    font-size: 14px;
    color: #555;
}

.grooming-intro_my {
    max-width: 1200px;
    margin: 20px auto;
    padding: 20px;
  /*  background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); */
}

.grooming-header_my h1 {
    font-size: 28px;
    color: #333;
    text-align: center;
    margin-bottom: 20px;
}

.grooming-content_my p {
    font-size: 16px;
    color: #555;
    line-height: 1.8;
    margin-bottom: 15px;
}

.grooming-content_my strong {
    color: #f37335;
}

.grooming-importance_my {
    max-width: 1200px;
    margin: 0px auto;
    padding: 20px 0;
    background: #f9f9f9; /* Легкий фон для блока */
    text-align: center;
}

.grooming-header_my h2 {
    font-size: 26px;
    color: #333;
    margin-bottom: 20px;
}

.grooming-content_my p {
    font-size: 16px;
    color: #555;
    line-height: 1.8;
    margin-bottom: 30px;
    padding: 0 20px;
}

.grooming-benefits_my {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin: 20px auto;
    padding: 0 20px;
}

.benefit-item_my {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: transform 0.3s, box-shadow 0.3s;
}

.benefit-item_my:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2);
}

.benefit-item_my i {
    font-size: 40px;
    color: #f37335;
    margin-bottom: 15px;
}

.benefit-item_my h3 {
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
}

.benefit-item_my p {
    font-size: 14px;
    color: #555;
    line-height: 1.6;
}

@media (max-width: 768px) {
    .grooming-benefits_my {
        grid-template-columns: 1fr;
    }
}

.grooming-services_my {
    max-width: 1200px;
    margin: 40px auto;
    padding: 40px 20px;
    background: linear-gradient(135deg, #f37335, #fa8235);
    border-radius: 12px;
    color: #fff;
    text-align: center;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.services-header_my h2 {
    font-size: 28px;
    color: #fff;
    margin-bottom: 20px;
}

.services-header_my p {
    font-size: 16px;
    color: #ffe4d6;
    margin-bottom: 40px;
    line-height: 1.8;
}

.services-cards_my {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

.service-card_my {
    background: #fff;
    color: #333;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s, box-shadow 0.3s;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    text-align: center;
}

.service-card_my:hover {
    transform: translateY(-10px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.card-icon_my {
    background: #f37335;
    color: #fff;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 28px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.service-card_my h3 {
    font-size: 18px;
    color: #333;
}

.service-card_my p {
    font-size: 14px;
    color: #555;
    line-height: 1.6;
}

@media (max-width: 768px) {
    .services-cards_my {
        grid-template-columns: 1fr;
    }

    .service-card_my {
        padding: 15px;
    }
}

.grooming-preparation_my {
    max-width: 1200px;
    margin: 40px auto;
    padding: 40px 20px;
    background: #f9f9f9; /* Светлый фон */
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.preparation-header_my h2 {
    font-size: 26px;
    color: #333;
    margin-bottom: 20px;
}

.preparation-header_my p {
    font-size: 16px;
    color: #555;
    margin-bottom: 40px;
    line-height: 1.8;
}

.preparation-steps_my {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

.step-item_my {
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: transform 0.3s, box-shadow 0.3s;
}

.step-item_my:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}

.step-number_my {
    background: #f37335;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-bottom: 15px;
}

.step-item_my h3 {
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
}

.step-item_my p {
    font-size: 14px;
    color: #555;
    line-height: 1.6;
    text-align: center;
}

@media (max-width: 768px) {
    .preparation-steps_my {
        grid-template-columns: 1fr;
    }
}

.exhibition-grooming_my {
    max-width: 1200px;
    margin: 40px auto;
    padding: 40px 20px;
    background: #fff; /* Белый фон для легкости */
    text-align: center;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.exhibition-header_my h2 {
    font-size: 26px;
    color: #333;
    margin-bottom: 20px;
}

.exhibition-header_my p {
    font-size: 16px;
    color: #555;
    margin-bottom: 40px;
    line-height: 1.8;
}

.exhibition-steps_my {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-top: 20px;
}

.step-my {
    background: linear-gradient(135deg, #f4f4f4, #eaeaea);
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: transform 0.3s, box-shadow 0.3s;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.step-my:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}

.step-icon_my {
    background: #f37335;
    color: #fff;
    font-size: 32px;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-bottom: 10px;
}

.step-my h3 {
    font-size: 18px;
    color: #333;
}

.step-my p {
    font-size: 14px;
    color: #555;
    line-height: 1.6;
    margin: 0;
}

@media (max-width: 768px) {
    .exhibition-steps_my {
        grid-template-columns: 1fr;
    }
}

.why-choose-us_my {
    max-width: 1200px;
    margin: 40px auto;
    padding: 40px 20px;
    background: linear-gradient(135deg, #f9f9f9, #ffffff); /* Светлый градиентный фон */
    text-align: center;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.choose-header_my h2 {
    font-size: 26px;
    color: #333;
    margin-bottom: 20px;
}

.choose-header_my p {
    font-size: 16px;
    color: #555;
    margin-bottom: 40px;
    line-height: 1.8;
}

.choose-benefits_my {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-top: 20px;
}

.benefit-item_my {
    background: #fff;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: transform 0.3s, box-shadow 0.3s;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.benefit-item_my:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}

.benefit-icon_my i {
    background: #f37335;
    color: #fff;
    font-size: 32px;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-bottom: 10px;
}

.benefit-item_my h3 {
    font-size: 18px;
    color: #333;
}

.benefit-item_my p {
    font-size: 14px;
    color: #555;
    line-height: 1.6;
    margin: 0;
}

@media (max-width: 768px) {
    .choose-benefits_my {
        grid-template-columns: 1fr;
    }
}

.faq-section_my {
    max-width: 1200px;
    margin: 40px auto;
    padding: 40px 20px;
    background: #f9f9f9; /* Светлый фон */
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.faq-header_my h2 {
    font-size: 26px;
    color: #333;
    text-align: center;
    margin-bottom: 20px;
}

.faq-header_my p {
    font-size: 16px;
    color: #555;
    margin-bottom: 40px;
    line-height: 1.8;
    text-align: center;
}

.faq-content_my {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.faq-item_my {
    background: #fff;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s, box-shadow 0.3s;
}

.faq-item_my:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}

.faq-question_my h3 {
    font-size: 18px;
    color: #333;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 10px 0;
}

.faq-question_my i {
    color: #f37335; /* Оранжевая иконка вопроса */
    font-size: 22px;
}

.faq-answer_my p {
    font-size: 14px;
    color: #555;
    line-height: 1.6;
    margin: 0;
}

@media (max-width: 768px) {
    .faq-content_my {
        gap: 15px;
    }

    .faq-question_my h3 {
        font-size: 16px;
    }

    .faq-answer_my p {
        font-size: 14px;
    }
}

.consultation-intro_my {
    max-width: 1200px;
    margin: 40px auto;
    padding: 40px 20px;
    background: #f9f9f9; /* Легкий светлый фон */
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.consultation-header_my h1 {
    font-size: 28px;
    color: #333;
    text-align: center;
    margin-bottom: 20px;
}

.consultation-content_my p {
    font-size: 16px;
    color: #555;
    line-height: 1.8;
    margin-bottom: 15px;
    text-align: justify;
}

.consultation-content_my strong {
    color: #f37335; /* Оранжевый акцент */
}

.consultation-importance-my {
    max-width: 1200px;
    margin: 40px auto;
    padding: 40px 20px;
    background: #f9f9f9; /* Светлый фон */
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.consultation-header-my h2 {
    font-size: 26px;
    color: #333;
    margin-bottom: 20px;
}

.consultation-header-my p {
    font-size: 16px;
    color: #555;
    margin-bottom: 40px;
    line-height: 1.8;
}

.consultation-benefits-my {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

.consultation-importance-my {
    max-width: 1200px;
    margin: 40px auto;
    padding: 40px 20px;
    background: linear-gradient(135deg, #f37335, #fa8235); /* Оранжевый градиент */
    color: #fff; /* Белый текст */
    border-radius: 12px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    text-align: center;
}

.consultation-header-my h2 {
    font-size: 26px;
    margin-bottom: 20px;
    color:#fff;
}

.consultation-header-my p {
    font-size: 16px;
    margin-bottom: 40px;
    line-height: 1.8;
    color:#fff;
}

.consultation-benefits-my {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

.benefit-item-my {
    background: #fff; /* Белый фон для карточек */
    color: #333; /* Тёмный текст внутри карточек */
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s, box-shadow 0.3s;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.benefit-item-my:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}

.benefit-item-my i {
    font-size: 40px;
    color: #f37335; /* Оранжевая иконка */
    margin-bottom: 15px;
}

.benefit-item-my h3 {
    font-size: 18px;
    margin-bottom: 10px;
}

.benefit-item-my p {
    font-size: 14px;
    line-height: 1.6;
}

@media (max-width: 768px) {
    .consultation-benefits-my {
        grid-template-columns: 1fr;
    }

    .benefit-item-my {
        padding: 15px;
    }
}

.consultation-topics-my {
    max-width: 1200px;
    margin: 40px auto;
    padding: 40px 20px;
    background: linear-gradient(135deg, #ffffff, #f9f9f9);
    border-radius: 12px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.topics-header-my h2 {
    font-size: 28px;
    color: #333;
    margin-bottom: 20px;
}

.topics-header-my p {
    font-size: 16px;
    color: #555;
    margin-bottom: 40px;
    line-height: 1.8;
}

.topics-cards-my {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-top: 20px;
}

.topic-card-my {
    background: #fff;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s, box-shadow 0.3s;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.topic-card-my:hover {
    transform: translateY(-10px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.topic-card-my i {
    font-size: 50px;
    color: #f37335;
    margin-bottom: 20px;
}

.topic-card-my h3 {
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
}

.topic-card-my p {
    font-size: 14px;
    color: #555;
    line-height: 1.6;
}

@media (max-width: 768px) {
    .topics-cards-my {
        grid-template-columns: 1fr;
    }

    .topic-card-my {
        padding: 15px;
    }
}

.consultation-formats-my {
    max-width: 1200px;
    margin: 40px auto;
    padding: 40px 20px;
/*    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); */
    text-align: center;
}

.formats-header-my h2 {
    font-size: 28px;
    color: #333;
    margin-bottom: 20px;
}

.formats-header-my p {
    font-size: 16px;
    color: #555;
    margin-bottom: 40px;
    line-height: 1.8;
}

.formats-list-my {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    margin-top: 20px;
}

.format-item-my {
    background: linear-gradient(135deg, #f37335, #fa8235); /* Оранжевый градиент */
    color: #fff;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s, box-shadow 0.3s;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.format-item-my:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
}

.format-item-my i {
    font-size: 40px;
    margin-bottom: 15px;
}

.format-item-my h3 {
    font-size: 18px;
    margin-bottom: 10px;
}

.format-item-my p {
    font-size: 14px;
    line-height: 1.6;
    color:#fff;
}

@media (max-width: 768px) {
    .formats-list-my {
        grid-template-columns: 1fr;
    }

    .format-item-my {
        padding: 15px;
    }
}

.consultation-advantages-my {
    max-width: 1200px;
    margin: 40px auto;
    padding: 40px 20px;
    background: linear-gradient(135deg, #f2f7fd, #e1ebf7); /* Оранжевый градиент */
    border-radius: 12px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    color: #333;
    text-align: center;
}

.advantages-header-my h2 {
    font-size: 28px;
    margin-bottom: 20px;
}

.advantages-header-my p {
    font-size: 16px;
    margin-bottom: 40px;
    line-height: 1.8;
}

.advantages-cards-my {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

.advantage-item-my {
    background: #fff;
    color: #333;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s, box-shadow 0.3s;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.advantage-item-my:hover {
    transform: translateY(-10px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.advantage-item-my i {
    font-size: 40px;
    color: #f37335;
    margin-bottom: 15px;
}

.advantage-item-my h3 {
    font-size: 18px;
    margin-bottom: 10px;
}

.advantage-item-my p {
    font-size: 14px;
    line-height: 1.6;
}

@media (max-width: 768px) {
    .advantages-cards-my {
        grid-template-columns: 1fr;
    }

    .advantage-item-my {
        padding: 15px;
    }
}

.exhibition-intro-my {
    max-width: 1200px;
    margin: 40px auto;
    padding: 40px 20px;
   /* background: #f9f9f9; */
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.intro-header-my h1 {
    font-size: 28px;
    color: #333;
    margin-bottom: 20px;
}

.intro-content-my p {
    font-size: 16px;
    color: #555;
    line-height: 1.8;
    margin-bottom: 15px;
    text-align: justify;
}

.intro-content-my strong {
    color: #f37335; /* Оранжевый акцент */
}

.exhibition-steps-my {
    max-width: 1200px;
    margin: 40px auto;
    padding: 40px 20px;
    background: linear-gradient(135deg, #f2f7fd, #e1ebf7);
    border-radius: 12px;
   /* box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);*/
    text-align: center;
}

.steps-header-my h2 {
    font-size: 28px;
    color: #333;
    margin-bottom: 20px;
}

.steps-header-my p {
    font-size: 16px;
    color: #555;
    margin-bottom: 40px;
    line-height: 1.8;
}

.steps-container-my {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    position: relative;
    flex-wrap: wrap;
}

.step-item-my {
    background: #fff;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    text-align: center;
    flex: 1;
    max-width: 220px;
    position: relative;
    z-index: 1;
}

.step-item-my:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
}

.step-icon-my {
    background: #f37335;
    color: #fff;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 auto 15px;
    font-size: 28px;
}

.step-line-horizontal-my {
    width: 100px;
    height: 4px;
    background: #f37335;
    margin: 0 -20px;
}

@media (max-width: 768px) {
    .steps-container-my {
        flex-direction: column;
        align-items: center;
    }

    .step-line-horizontal-my {
        width: 4px;
        height: 40px;
        margin: 0 auto;
    }
}

@media (max-width: 768px) {
    .steps-container-my {
        flex-direction: column;
        align-items: center;
    }

    .step-line-horizontal-my {
        width: 4px;
        height: 40px;
        margin: 0 auto;
    }
}

.exhibition-recommendations-my {
    max-width: 1200px;
    margin: 40px auto;
    padding: 40px 20px;
  /*  background: linear-gradient(135deg, #ffffff, #f9f9f9);
    border-radius: 12px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); */
    text-align: center;
}

.recommendations-header-my h2 {
    font-size: 28px;
    color: #333;
    margin-bottom: 20px;
}

.recommendations-header-my p {
    font-size: 16px;
    color: #555;
    margin-bottom: 40px;
    line-height: 1.8;
}

.recommendations-list-my {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-top: 20px;
}

.recommendation-item-my {
    background: #fff;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s, box-shadow 0.3s;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.recommendation-item-my:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
}

.recommendation-item-my i {
    font-size: 40px;
    color: #f37335;
    margin-bottom: 15px;
}

.recommendation-item-my h3 {
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
}

.recommendation-item-my p {
    font-size: 14px;
    color: #555;
    line-height: 1.6;
}

@media (max-width: 768px) {
    .recommendations-list-my {
        grid-template-columns: 1fr;
    }

    .recommendation-item-my {
        padding: 15px;
    }
}

.exhibition-training-my {
    max-width: 1200px;
    margin: 40px auto;
    padding: 40px 20px;
    background: #f37335; /* Оранжевый фон */
    border-radius: 12px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.training-header-my h2 {
    font-size: 28px;
    color: #fff; /* Белый текст */
    margin-bottom: 20px;
}

.training-header-my p {
    font-size: 16px;
    color: #fff; /* Белый текст */
    margin-bottom: 40px;
    line-height: 1.8;
}

.training-content-my {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

.training-item-my {
    background: #fa8235; /* Более светлый оранжевый фон для карточек */
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s, box-shadow 0.3s;
    text-align: center;
}

.training-item-my:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
}

.training-item-my i {
    font-size: 40px;
    color: #fff; /* Белый цвет для иконок */
    margin-bottom: 15px;
}

.training-item-my h3 {
    font-size: 18px;
    color: #fff; /* Белый цвет для заголовков */
    margin-bottom: 10px;
}

.training-item-my p {
    font-size: 14px;
    color: #fff; /* Белый текст */
    line-height: 1.6;
}

@media (max-width: 768px) {
    .training-content-my {
        grid-template-columns: 1fr;
    }

    .training-item-my {
        padding: 15px;
    }
}

.exhibition-mistakes-my {
    max-width: 1200px;
    margin: 40px auto;
    padding: 40px 20px;
/*    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); */
    text-align: center;
}

.mistakes-header-my h2 {
    font-size: 28px;
    color: #333;
    margin-bottom: 20px;
}

.mistakes-header-my p {
    font-size: 16px;
    color: #555;
    margin-bottom: 40px;
    line-height: 1.8;
}

.mistakes-list-my {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

.mistake-item-my {
    background: #8b0000; /* Красно-бордовый цвет */
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    text-align: center;
    color: #fff; /* Белый текст */
    transition: transform 0.3s, box-shadow 0.3s;
}

.mistake-item-my:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
}

.mistake-item-my i {
    font-size: 40px;
    margin-bottom: 15px;
    color: #fff; /* Белые иконки */
}

.mistake-item-my h3 {
    font-size: 18px;
    margin-bottom: 10px;
    color: #fff; /* Белый текст заголовка */
}

.mistake-item-my p {
    font-size: 14px;
    line-height: 1.6;
    color: #fff; /* Белый текст описания */
}

@media (max-width: 768px) {
    .mistakes-list-my {
        grid-template-columns: 1fr;
    }

    .mistake-item-my {
        padding: 15px;
    }
}

.nutrition-intro-my {
    max-width: 1200px;
    margin: 0px auto;
    padding: 40px 20px;
/*    background: #f9f9f9; 
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); */
    text-align: center;
}

.intro-header-my h1 {
    font-size: 28px;
    color: #333;
    margin-bottom: 20px;
}

.intro-content-my p {
    font-size: 16px;
    color: #555;
    line-height: 1.8;
    margin-bottom: 15px;
    text-align: justify;
}

.intro-content-my strong {
    color: #f37335; /* Оранжевый акцент */
}

.nutrition-aspects-my {
    max-width: 1200px;
    margin: 0px auto;
    padding: 0px 20px;
/*    background: #fff; 
    border-radius: 12px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); */
    text-align: center;
}

.aspects-header-my h2 {
    font-size: 28px;
    color: #333;
    margin-bottom: 20px;
}

.aspects-header-my p {
    font-size: 16px;
    color: #555;
    margin-bottom: 40px;
    line-height: 1.8;
}

.aspects-list-my {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    text-align: left;
}

.aspect-item-my {
    background: #f9f9f9; /* Светло-серый фон карточек */
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: transform 0.3s, box-shadow 0.3s;
}

.aspect-item-my:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
}

.aspect-item-my h3 {
    font-size: 18px;
    color: #f37335; /* Оранжевый заголовок */
    margin-bottom: 10px;
}

.aspect-item-my p {
    font-size: 14px;
    color: #555;
    line-height: 1.6;
}

.aspect-item-my i {
    color: #f37335;
    margin-right: 10px;
    font-size: 20px;
}

@media (max-width: 768px) {
    .aspects-list-my {
        grid-template-columns: 1fr;
    }

    .aspect-item-my {
        padding: 15px;
    }
}

.nutrition-steps-my1 {
    max-width: 1200px;
    margin: 40px auto;
    padding: 40px 20px;
    background: #f37335; /* Оранжевый фон */
    border-radius: 12px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    text-align: center;
    color:#fff;
}

.steps-header-my1 h2 {
    font-size: 28px;
    color: #fff; /* Белый текст */
    margin-bottom: 20px;
}

.steps-header-my1 p {
    font-size: 16px;
    color: #fff; /* Белый текст */
    margin-bottom: 40px;
    line-height: 1.8;
}

.steps-container-my1 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    justify-content: center; /* Центрирование карточек */
}

.step-item-my1 {
    background: #fa8235; /* Более светлый оранжевый фон для карточек */
    color: #fff; /* Белый текст */
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: transform 0.3s, box-shadow 0.3s;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%; /* Одинаковая высота карточек */
}

.step-item-my1:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
}

.step-icon-my1 {
    background: #fff; /* Белый фон для иконок */
    color: #f37335; /* Оранжевые иконки */
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 auto 15px;
    font-size: 28px;
}

.step-item-my1 h3 {
    font-size: 18px;
    color: #fff; /* Белый текст */
    margin-bottom: 10px;
}

.step-item-my1 p {
    font-size: 14px;
    color: #fff; /* Белый текст */
    line-height: 1.6;
    margin-top: auto; /* Отправляет текст вниз для равномерного выравнивания */
}

@media (max-width: 768px) {
    .steps-container-my1 {
        grid-template-columns: 1fr; /* Одна колонка на мобильных устройствах */
        justify-content: center; /* Центрируем карточки */
    }

    .step-item-my1 {
        padding: 15px;
        height: auto; /* Высота адаптируется для мобильных устройств */
        margin: 0 auto; /* Центрируем каждую карточку */
    }
}

.nutrition-options-my {
    max-width: 1200px;
    margin: 40px auto;
    padding: 40px 20px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.options-header-my h2 {
    font-size: 28px;
    color: #333;
    margin-bottom: 20px;
}

.options-header-my p {
    font-size: 16px;
    color: #555;
    margin-bottom: 40px;
    line-height: 1.8;
}

.options-container-my {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

.option-item-my {
    background: linear-gradient(135deg, #a8e063, #56ab2f); /* Зеленый градиент */
    color: #fff; /* Белый текст */
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* Более объемная тень */
    text-align: center;
    transition: transform 0.3s, box-shadow 0.3s;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}

.option-item-my:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); /* Усиленная тень при наведении */
}

.option-item-my i {
    background: #fff; /* Белый фон для иконки */
    color: #56ab2f; /* Зеленый цвет иконки */
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-bottom: 15px;
    font-size: 28px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Легкая тень для иконки */
}

.option-item-my h3 {
    font-size: 18px;
    margin-bottom: 10px;
    color: #fff; /* Белый текст */
}

.option-item-my p {
    font-size: 14px;
    line-height: 1.6;
    color: #fff; /* Белый текст */
}

@media (max-width: 768px) {
    .options-container-my {
        grid-template-columns: 1fr;
    }

    .option-item-my {
        padding: 15px;
        height: auto; /* Высота адаптируется для мобильных устройств */
    }
}


.breeding-intro-my {
    max-width: 1200px;
    margin: 20px auto;
    padding: 0px 20px;
  /*  background: #f9f9f9; 
    border-radius: 12px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); */
    text-align: center;
}

.intro-header-my h1 {
    font-size: 28px;
    color: #333;
    margin-bottom: 20px;
}

.intro-content-my p {
    font-size: 16px;
    color: #555;
    line-height: 1.8;
    margin-bottom: 15px;
    text-align: justify;
}

.intro-content-my strong {
    color: #f37335; /* Оранжевый акцент */
}

.breeding-planning-my {
    max-width: 1200px;
    margin: 40px auto;
    padding: 40px 20px;
 /*   background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); */
    text-align: center;
}

.planning-header-my h2 {
    font-size: 28px;
    color: #333;
    margin-bottom: 20px;
}

.planning-header-my p {
    font-size: 16px;
    color: #555;
    margin-bottom: 40px;
    line-height: 1.8;
}

.planning-content-my {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    text-align: left;
}

.planning-item-my {
    background: linear-gradient(135deg, #a8e063, #56ab2f); /* Зеленый градиент */
    color: #fff; /* Белый текст */
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* Объемная тень */
    transition: transform 0.3s, box-shadow 0.3s;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.planning-item-my:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); /* Усиленная тень при наведении */
}

.planning-item-my h3 {
    font-size: 18px;
    color: #fff; /* Белый текст */
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.planning-item-my h3 i {
    background: #fff; /* Белый фон для иконок */
    color: #56ab2f; /* Зеленый цвет иконки */
    padding: 10px;
    border-radius: 50%;
    margin-right: 10px;
    font-size: 24px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Легкая тень для иконок */
}

.planning-item-my p {
    font-size: 14px;
    color: #fff; /* Белый текст */
    line-height: 1.6;
}

@media (max-width: 768px) {
    .planning-content-my {
        grid-template-columns: 1fr;
    }

    .planning-item-my {
        padding: 15px;
    }
}

.breeding-preparation-my {
    max-width: 1200px;
    margin: 0px auto;
    padding: 0px 20px;
 /*   background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);*/
    text-align: center;
}

.preparation-header-my h2 {
    font-size: 28px;
    color: #333;
    margin-bottom: 20px;
}

.preparation-header-my p {
    font-size: 16px;
    color: #555;
    margin-bottom: 40px;
    line-height: 1.8;
}

.preparation-content-my {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    text-align: left;
}

.preparation-item-my {
    background: #f37335; /* Оранжевый фон */
    color: #fff; /* Белый текст */
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* Объемная тень */
    transition: transform 0.3s, box-shadow 0.3s;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.preparation-item-my:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); /* Усиленная тень при наведении */
}

.preparation-item-my h3 {
    font-size: 18px;
    color: #fff; /* Белый текст */
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.preparation-item-my h3 i {
    background: #fff; /* Белый фон для иконок */
    color: #f37335; /* Оранжевый цвет иконки */
    padding: 10px;
    border-radius: 50%;
    margin-right: 10px;
    font-size: 24px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Легкая тень для иконок */
}

.preparation-item-my p {
    font-size: 14px;
    color: #fff; /* Белый текст */
    line-height: 1.6;
}

@media (max-width: 768px) {
    .preparation-content-my {
        grid-template-columns: 1fr;
    }

    .preparation-item-my {
        padding: 15px;
    }
}

.breeding-organization-my {
    max-width: 1200px;
    margin: 40px auto;
    padding: 40px 20px;
/*    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); */
    text-align: center;
}

.organization-header-my h2 {
    font-size: 28px;
    color: #333;
    margin-bottom: 20px;
}

.organization-header-my p {
    font-size: 16px;
    color: #555;
    margin-bottom: 40px;
    line-height: 1.8;
}

.organization-content-my {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    text-align: left;
}

.organization-item-my {
    background: #fff; /* Белый фон */
    color: #333; /* Темный текст */
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); /* Легкая тень */
    transition: transform 0.3s, box-shadow 0.3s;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.organization-item-my:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); /* Усиленная тень при наведении */
}

.organization-item-my h3 {
    font-size: 18px;
    color: #f37335; /* Оранжевый заголовок */
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.organization-item-my h3 i {
    background: #f37335; /* Оранжевый фон для иконок */
    color: #fff; /* Белая иконка */
    padding: 10px;
    border-radius: 50%;
    margin-right: 10px;
    font-size: 24px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Легкая тень для иконок */
}

.organization-item-my p {
    font-size: 14px;
    color: #555; /* Серый текст */
    line-height: 1.6;
}

@media (max-width: 768px) {
    .organization-content-my {
        grid-template-columns: 1fr;
    }

    .organization-item-my {
        padding: 15px;
    }
}

.breeding-consultation-my {
    max-width: 1200px;
    margin: 0px auto;
    padding: 0px 20px;
    text-align: center;
}

.consultation-header-my h2 {
    font-size: 28px;
    color: #333;
    margin-bottom: 20px;
}

.consultation-header-my p {
    font-size: 16px;
    color: #555;
    margin-bottom: 40px;
    line-height: 1.8;
}

.consultation-content-my {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.consultation-item-my {
    display: flex;
    align-items: center;
    gap: 20px;
}

.consultation-item-my.reverse-my {
    flex-direction: row-reverse; /* Меняем порядок элементов для чередования */
}

.consultation-icon-my {
    flex-shrink: 0;
    background: linear-gradient(135deg, #a8e063, #56ab2f); /* Зеленый градиент */
    color: #fff;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 36px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Легкая тень */
}

.consultation-text-my {
    flex: 1;
    text-align: left;
}

.consultation-text-my h3 {
    font-size: 20px;
    color: #333;
    margin-bottom: 10px;
}

.consultation-text-my p {
    font-size: 14px;
    color: #555;
    line-height: 1.6;
}

@media (max-width: 768px) {
    .consultation-item-my,
    .consultation-item-my.reverse-my {
        flex-direction: column;
        text-align: center;
    }

    .consultation-text-my {
        text-align: center;
    }
}

.photoshoot-intro-my {
    max-width: 1200px;
    margin: 0px auto;
    padding: 40px 20px;
    text-align: center;
}

.intro-header-my h1 {
    font-size: 28px;
    color: #333;
    margin-bottom: 20px;
}

.intro-content-my p {
    font-size: 16px;
    color: #555;
    line-height: 1.8;
    margin-bottom: 20px;
    text-align: justify;
}

.intro-content-my strong {
    color: #f37335; /* Оранжевый акцент для названия питомника */
}

.photoshoot-preparation-my {
    max-width: 1200px;
    margin: 0px auto;
    padding: 0px 20px;
    text-align: center;
}

.preparation-header-my h2 {
    font-size: 28px;
    color: #333;
    margin-bottom: 20px;
}

.preparation-header-my p {
    font-size: 16px;
    color: #555;
    margin-bottom: 40px;
    line-height: 1.8;
}

.preparation-content-my {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

.preparation-item-my {
    background: linear-gradient(135deg, #a8e063, #56ab2f); /* Зеленый градиент */
    color: #fff; /* Белый текст */
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s, box-shadow 0.3s;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.preparation-item-my:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2); /* Усиленная тень при наведении */
}

.preparation-item-my h3 {
    font-size: 18px;
    color: #fff; /* Белый текст */
    margin-bottom: 10px;
}

.preparation-item-my p {
    font-size: 14px;
    color: #fff; /* Белый текст */
    line-height: 1.6;
    text-align: center;
}

.preparation-item-my h3 i {
    font-size: 36px;
    margin-bottom: 15px;
    color: #fff;
    background: linear-gradient(135deg, #a8e063, #56ab2f); /* Зеленый градиент для иконок */
    padding: 15px;
    border-radius: 50%; /* Круглая форма */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Легкая тень */
}

@media (max-width: 768px) {
    .preparation-content-my {
        grid-template-columns: 1fr;
    }

    .preparation-item-my {
        padding: 15px;
    }
}

.photoshoot-process-my {
    max-width: 1200px;
    margin: 40px auto;
    padding: 40px 20px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.05);
    text-align: center;
}

.process-header-my h2 {
    font-size: 28px;
    color: #333;
    margin-bottom: 20px;
}

.process-header-my p {
    font-size: 16px;
    color: #555;
    margin-bottom: 40px;
    line-height: 1.8;
}

.process-content-my {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
}

.process-item-my {
    background: #fff; /* Белый фон карточек */
    color: #333; /* Темный текст */
    padding: 25px;
    border-left: 5px solid #f37335; /* Оранжевая линия слева для акцента */
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Легкая тень для объема */
    transition: transform 0.3s, box-shadow 0.3s;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
}

.process-item-my:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15); /* Усиленная тень при наведении */
}

.process-item-my h3 {
    font-size: 20px;
    color: #f37335; /* Оранжевый текст заголовка */
    margin-bottom: 15px;
}

.process-item-my p {
    font-size: 15px;
    color: #555;
    line-height: 1.6;
}

.process-item-my i {
    font-size: 40px;
    margin-bottom: 20px;
    color: #f37335; /* Оранжевый цвет иконки */
    background: #fff; /* Белый круглый фон для иконки */
    padding: 15px;
    border-radius: 50%;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Легкая тень для иконки */
    align-self: center;
}

@media (max-width: 768px) {
    .process-content-my {
        grid-template-columns: 1fr;
    }

    .process-item-my {
        padding: 20px;
    }
}

.photoshoot-technical-my {
    max-width: 1200px;
    margin: 0px auto;
    padding: 0px 20px;
    text-align: center;
}

.technical-header-my h2 {
    font-size: 28px;
    color: #333;
    margin-bottom: 20px;
}

.technical-header-my p {
    font-size: 16px;
    color: #555;
    margin-bottom: 40px;
    line-height: 1.8;
}

.technical-content-my {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    text-align: left;
}

.technical-item-my {
    background: #fff; /* Белый фон карточек */
    color: #333; /* Темный текст */
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Легкая тень для объема */
    transition: transform 0.3s, box-shadow 0.3s;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.technical-item-my:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15); /* Усиленная тень при наведении */
}

.technical-item-my h3 {
    font-size: 18px;
    color: #f37335; /* Оранжевый текст заголовка */
    margin-bottom: 10px;
}

.technical-item-my p {
    font-size: 14px;
    color: #555;
    line-height: 1.6;
    text-align: center;
}

.technical-item-my i {
    font-size: 24px;
    margin-bottom: 15px;
    color: #fff;
    background: #f37335; /* Оранжевый фон для иконок */
    padding: 10px;
    border-radius: 50%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Легкая тень для иконок */
}

@media (max-width: 768px) {
    .technical-content-my {
        grid-template-columns: 1fr;
    }

    .technical-item-my {
        padding: 15px;
    }
}

.photoshoot-postprocessing-my {
    max-width: 1200px;
    margin: 40px auto;
    padding: 40px 20px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.postprocessing-header-my h2 {
    font-size: 28px;
    color: #333;
    margin-bottom: 20px;
}

.postprocessing-header-my p {
    font-size: 16px;
    color: #555;
    margin-bottom: 40px;
    line-height: 1.8;
}

.postprocessing-content-my {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    text-align: left;
}

.postprocessing-item-my {
    background: linear-gradient(135deg, #a8e063, #56ab2f); /* Зеленый градиентный фон */
    color: #fff; /* Белый текст */
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Мягкая тень для объема */
    transition: transform 0.3s, box-shadow 0.3s;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.postprocessing-item-my:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15); /* Усиленная тень при наведении */
}

.postprocessing-item-my h3 {
    font-size: 18px;
    color: #fff; /* Белый текст заголовка */
    margin-bottom: 15px;
}

.postprocessing-item-my p {
    font-size: 14px;
    color: #fff; /* Белый текст */
    line-height: 1.6;
    text-align: center;
}

.postprocessing-item-my i {
    font-size: 24px;
    margin-bottom: 15px;
    color: #56ab2f; /* Зеленый цвет иконки */
    background: #fff; /* Белый круглый фон для иконки */
    padding: 15px;
    border-radius: 50%;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Легкая тень для иконки */
}

@media (max-width: 768px) {
    .postprocessing-content-my {
        grid-template-columns: 1fr;
    }

    .postprocessing-item-my {
        padding: 20px;
    }
}

.photoshoot-tips-my {
    max-width: 1200px;
    margin: 40px auto;
    padding: 40px 20px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.tips-header-my h2 {
    font-size: 28px;
    color: #333;
    margin-bottom: 20px;
}

.tips-header-my p {
    font-size: 16px;
    color: #555;
    margin-bottom: 40px;
    line-height: 1.8;
}

.tips-content-my {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

.tips-item-my {
    background: linear-gradient(135deg, #f37335, #ff8c42); /* Оранжевый градиентный фон */
    color: #fff; /* Белый текст */
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Мягкая тень для объема */
    transition: transform 0.3s, box-shadow 0.3s;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.tips-item-my:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15); /* Усиленная тень при наведении */
}

.tips-item-my i {
    font-size: 36px; /* Размер иконки */
    margin-bottom: 15px;
    color: #ff8c42; /* Оранжевый цвет иконки */
    background: #fff; /* Белый круглый фон для иконки */
    padding: 20px;
    border-radius: 50%;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Легкая тень для иконки */
}

.tips-item-my h3 {
    font-size: 18px;
    color: #fff; /* Белый текст заголовка */
    margin-bottom: 15px;
}

.tips-item-my p {
    font-size: 14px;
    color: #fff; /* Белый текст */
    line-height: 1.6;
}

@media (max-width: 768px) {
    .tips-content-my {
        grid-template-columns: 1fr;
    }

    .tips-item-my {
        padding: 20px;
    }
}

.goal-selection-my2 {
    background-color: #f9f9f9;
    padding: 40px 20px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    margin: 20px auto;
    width: 90%; /* Сделать секцию шире */
    max-width: 1200px; /* Ограничение максимальной ширины */
}

.goal-header-my2 {
    text-align: center;
    margin-bottom: 30px;
}

.goal-header-my2 h2 {
    font-size: 32px;
    color: #333;
    margin-bottom: 10px;
}

.goal-header-my2 p {
    font-size: 18px;
    color: #555;
}

.goal-container-my2 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-around; /* Равномерное распределение элементов */
}

.goal-item-my2 {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 20px;
    width: 300px; /* Увеличена ширина карточек */
    text-align: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.goal-item-my2:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

.goal-icon-my2 {
    font-size: 40px;
    color: #f37335; /* Оранжевый цвет для иконок */
    margin-bottom: 15px;
}

.goal-item-my2 h3 {
    font-size: 22px;
    color: #333;
    margin-bottom: 10px;
}

.goal-item-my2 p {
    font-size: 16px;
    color: #555;
    line-height: 1.5;
}

/* Адаптация для мобильных устройств */
@media (max-width: 768px) {
    .goal-container-my2 {
        flex-direction: column;
        align-items: center;
    }

    .goal-item-my2 {
        width: 90%; /* Подгон ширины под экран */
    }
}

.gender-selection-my2 {
    background-color: #f37335; /* Оранжевый фон секции */
    padding: 50px 20px;
    border-radius: 10px;
    margin: 20px auto;
    width: 100%; /* Секция во всю ширину */
    max-width: 1400px;
}

.gender-header-my2 {
    text-align: center;
    margin-bottom: 40px;
}

.gender-header-my2 h2 {
    font-size: 36px;
    color: #fff; /* Белый цвет текста */
    margin-bottom: 10px;
}

.gender-header-my2 p {
    font-size: 20px;
    color: #fff; /* Белый цвет текста */
}

/* Контейнер для карточек */
.gender-container-my2 {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
}

/* Карточки */
.gender-item-my2 {
    background: #ff884d; /* Более светлый оранжевый фон карточек */
    border-radius: 10px;
    padding: 30px;
    width: 350px; /* Увеличенная ширина карточек для компьютеров */
    text-align: center;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.gender-item-my2:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.25);
}

/* Иконки */
.gender-icon-my2 {
    font-size: 50px; /* Увеличенный размер иконок */
    color: #fff; /* Белый цвет иконок */
    margin-bottom: 20px;
}

/* Заголовок карточки */
.gender-item-my2 h3 {
    font-size: 24px;
    color: #fff; /* Белый цвет текста */
    margin-bottom: 15px;
}

/* Текст карточки */
.gender-item-my2 p {
    font-size: 18px;
    color: #fff; /* Белый цвет текста */
    line-height: 1.6;
}

/* Адаптация для мобильных устройств */
@media (max-width: 768px) {
    .gender-container-my2 {
        flex-direction: column;
        align-items: center;
    }

    .gender-item-my2 {
        width: 90%; /* Уменьшение ширины карточек на мобильных устройствах */
    }
}

.age-selection-my2 {
    background-color: #ffffff; /* Белый фон секции */
    padding: 50px 20px;
    border-radius: 10px;
    margin: 20px auto;
    width: 100%;
    max-width: 1400px;
}

.age-header-my2 {
    text-align: center;
    margin-bottom: 40px;
}

.age-header-my2 h2 {
    font-size: 36px;
    color: #2e7d32; /* Тёмно-зелёный цвет текста */
    margin-bottom: 10px;
}

.age-header-my2 p {
    font-size: 20px;
    color: #555; /* Тёмно-серый цвет текста */
}

/* Контейнер для карточек */
.age-container-my2 {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
}

/* Карточки */
.age-item-my2 {
    background: linear-gradient(135deg, #a8e063, #56ab2f); /* Градиентный фон карточек */
    border-radius: 10px;
    padding: 30px;
    width: 350px; /* Широкие карточки для компьютеров */
    text-align: center;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.age-item-my2:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.25);
}

/* Иконки */
.age-icon-my2 {
    font-size: 50px; /* Увеличенные иконки */
    color: #ffffff; /* Белый цвет иконок */
    margin-bottom: 20px;
}

/* Заголовок карточки */
.age-item-my2 h3 {
    font-size: 24px;
    color: #ffffff; /* Белый цвет текста */
    margin-bottom: 15px;
}

/* Текст карточки */
.age-item-my2 p {
    font-size: 18px;
    color: #ffffff; /* Белый цвет текста */
    line-height: 1.6;
}

/* Адаптация для мобильных устройств */
@media (max-width: 768px) {
    .age-container-my2 {
        flex-direction: column;
        align-items: center;
    }

    .age-item-my2 {
        width: 90%; /* Уменьшение ширины карточек на мобильных устройствах */
    }
}

.health-appearance-my2 {
    background: #ffffff; /* Белый фон секции */
    padding: 0px 20px;
    border-radius: 10px;
    margin: 0px auto;
    width: 100%;
    max-width: 1400px;
}

.health-header-my2 {
    text-align: center;
    margin-bottom: 40px;
}

.health-header-my2 h2 {
    font-size: 36px;
    color: #6a1b9a; /* Тёмно-фиолетовый заголовок */
    margin-bottom: 10px;
}

.health-header-my2 p {
    font-size: 20px;
    color: #555; /* Тёмно-серый цвет текста */
}

/* Контейнер для карточек */
.health-container-my2 {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
}

/* Карточки */
.health-item-my2 {
    background: linear-gradient(135deg, #ab47bc, #7b1fa2); /* Градиент в фиолетовых тонах */
    border-radius: 10px;
    padding: 30px;
    width: 350px; /* Широкие карточки для компьютеров */
    text-align: center;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.health-item-my2:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.25);
}

/* Иконки */
.health-icon-my2 {
    font-size: 50px; /* Увеличенные иконки */
    color: #ffffff; /* Белый цвет иконок */
    margin-bottom: 20px;
}

/* Заголовок карточки */
.health-item-my2 h3 {
    font-size: 24px;
    color: #ffffff; /* Белый цвет текста */
    margin-bottom: 15px;
}

/* Текст карточки */
.health-item-my2 p {
    font-size: 18px;
    color: #ffffff; /* Белый цвет текста */
    line-height: 1.6;
}

/* Адаптация для мобильных устройств */
@media (max-width: 768px) {
    .health-container-my2 {
        flex-direction: column;
        align-items: center;
    }

    .health-item-my2 {
        width: 90%; /* Уменьшение ширины карточек на мобильных устройствах */
    }
}

.character-behavior-my2 {
    background-color: #ffffff; /* Белый фон секции */
    padding: 50px 20px;
    border-radius: 10px;
    margin: 20px auto;
    width: 100%;
    max-width: 1400px;
}

.character-header-my2 {
    text-align: center;
    margin-bottom: 40px;
}

.character-header-my2 h2 {
    font-size: 36px;
    color: #0277bd; /* Тёмно-голубой заголовок */
    margin-bottom: 10px;
}

.character-header-my2 p {
    font-size: 20px;
    color: #555; /* Тёмно-серый текст */
}

/* Контейнер для карточек */
.character-container-my2 {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
}

/* Карточки */
.character-item-my2 {
    background: linear-gradient(135deg, #42a5f5, #1e88e5); /* Градиент в голубых тонах */
    border-radius: 10px;
    padding: 30px;
    width: 350px; /* Широкие карточки для компьютеров */
    text-align: center;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.character-item-my2:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.25);
}

/* Иконки */
.character-icon-my2 {
    font-size: 50px; /* Увеличенные иконки */
    color: #ffffff; /* Белый цвет иконок */
    margin-bottom: 20px;
}

/* Заголовок карточки */
.character-item-my2 h3 {
    font-size: 24px;
    color: #ffffff; /* Белый цвет текста */
    margin-bottom: 15px;
}

/* Текст карточки */
.character-item-my2 p {
    font-size: 18px;
    color: #ffffff; /* Белый цвет текста */
    line-height: 1.6;
}

/* Адаптация для мобильных устройств */
@media (max-width: 768px) {
    .character-container-my2 {
        flex-direction: column;
        align-items: center;
    }

    .character-item-my2 {
        width: 90%; /* Уменьшение ширины карточек на мобильных устройствах */
    }
}

.living-conditions-my2 {
    background-color: #ffffff; /* Белый фон секции */
    padding: 50px 20px;
    border-radius: 10px;
    margin: 20px auto;
    width: 100%;
    max-width: 1400px;
}

.living-header-my2 {
    text-align: center;
    margin-bottom: 40px;
}

.living-header-my2 h2 {
    font-size: 36px;
    color: #f37335; /* Оранжевый заголовок */
    margin-bottom: 10px;
}

.living-header-my2 p {
    font-size: 20px;
    color: #555; /* Тёмно-серый текст */
}

/* Контейнер для карточек */
.living-container-my2 {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
}

/* Карточки */
.living-item-my2 {
    background: linear-gradient(135deg, #ff884d, #f37335); /* Градиент в оранжевых тонах */
    border-radius: 10px;
    padding: 30px;
    width: 350px; /* Широкие карточки для компьютеров */
    text-align: center;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.living-item-my2:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.25);
}

/* Иконки */
.living-icon-my2 {
    font-size: 50px; /* Увеличенные иконки */
    color: #ffffff; /* Белый цвет иконок */
    margin-bottom: 20px;
}

/* Заголовок карточки */
.living-item-my2 h3 {
    font-size: 24px;
    color: #ffffff; /* Белый цвет текста */
    margin-bottom: 15px;
}

/* Текст карточки */
.living-item-my2 p {
    font-size: 18px;
    color: #ffffff; /* Белый цвет текста */
    line-height: 1.6;
}

/* Адаптация для мобильных устройств */
@media (max-width: 768px) {
    .living-container-my2 {
        flex-direction: column;
        align-items: center;
    }

    .living-item-my2 {
        width: 90%; /* Уменьшение ширины карточек на мобильных устройствах */
    }
}

.breeder-contact-my2 {
    background-color: #ffffff; /* Белый фон секции */
    padding: 50px 20px;
    border-radius: 10px;
    margin: 20px auto;
    width: 100%;
    max-width: 1400px;
}

.breeder-header-my2 {
    text-align: center;
    margin-bottom: 40px;
}

.breeder-header-my2 h2 {
    font-size: 36px;
    color: #1e88e5; /* Ярко-синий заголовок */
    margin-bottom: 10px;
}

.breeder-header-my2 p {
    font-size: 20px;
    color: #555; /* Тёмно-серый текст */
}

/* Контейнер для карточек */
.breeder-container-my2 {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
}

/* Карточки */
.breeder-item-my2 {
    background: linear-gradient(135deg, #64b5f6, #1e88e5); /* Градиент в синей гамме */
    border-radius: 10px;
    padding: 30px;
    width: 350px; /* Широкие карточки для компьютеров */
    text-align: center;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.breeder-item-my2:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.25);
}

/* Иконки */
.breeder-icon-my2 {
    font-size: 50px; /* Увеличенные иконки */
    color: #ffffff; /* Белый цвет иконок */
    margin-bottom: 20px;
}

/* Заголовок карточки */
.breeder-item-my2 h3 {
    font-size: 24px;
    color: #ffffff; /* Белый цвет текста */
    margin-bottom: 15px;
}

/* Текст карточки */
.breeder-item-my2 p {
    font-size: 18px;
    color: #ffffff; /* Белый цвет текста */
    line-height: 1.6;
}

/* Адаптация для мобильных устройств */
@media (max-width: 768px) {
    .breeder-container-my2 {
        flex-direction: column;
        align-items: center;
    }

    .breeder-item-my2 {
        width: 90%; /* Уменьшение ширины карточек на мобильных устройствах */
    }
}

.final-statement-my2 {
    background: linear-gradient(135deg, #ff884d, #f37335); /* Яркий оранжевый градиент */
    padding: 50px 20px;
    text-align: center;
    border-radius: 10px;
    margin: 30px auto;
    width: 100%;
    max-width: 1200px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}

.final-container-my2 h2 {
    font-size: 36px;
    color: #ffffff; /* Белый текст заголовка */
    margin-bottom: 20px;
}

.final-container-my2 p {
    font-size: 20px;
    color: #ffffff; /* Белый текст описания */
    line-height: 1.8;
    max-width: 900px;
    margin: 0 auto;
}

.final-container-my2 strong {
    color: #ffe082; /* Золотистый цвет для выделения названия питомника */
}

.delivery-intro-my2 {
    background-color: #ffffff; /* Белый фон */
    padding: 40px 20px; /* Уменьшенный отступ */
    border-radius: 10px;
    margin: 20px auto;
    width: 100%;
    max-width: 1200px;
    text-align: center;
}

.intro-header-my2 h2 {
    font-size: 28px; /* Уменьшенный размер заголовка */
    color: #f37335; /* Оранжевый заголовок */
    margin-bottom: 10px;
}

.intro-header-my2 p {
    font-size: 16px; /* Уменьшенный шрифт для текста */
    color: #333; /* Тёмный текст */
    margin-bottom: 15px;
    font-weight: bold;
}

.intro-body-my2 p {
    font-size: 14px; /* Уменьшенный шрифт для основного текста */
    color: #333; /* Тёмный текст */
    line-height: 1.5; /* Оптимальная читаемость */
    margin-bottom: 10px;
}

.why-choose-us-my2 {
    background-color: #ffffff; /* Белый фон */
    padding: 0px 20px;
    border-radius: 10px;
    margin: 20px auto;
    width: 100%;
    max-width: 1200px;
}

.why-header-my2 h2 {
    font-size: 28px; /* Уменьшенный размер заголовка */
    color: #000000; /* Чёрный цвет заголовка */
    margin-bottom: 10px;
    text-align: center; /* Выравнивание по центру */
}

.why-header-my2 p {
    font-size: 16px; /* Уменьшенный шрифт */
    color: #333; /* Тёмный текст */
    margin-bottom: 20px;
    font-weight: bold;
    text-align: center; /* Выравнивание по центру */
}

.why-container-my2 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

.why-item-my2 {
    flex: 1 1 calc(33.333% - 20px); /* Три колонки */
    background-color: #f9f9f9; /* Светлый фон карточек */
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.why-item-my2:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}

/* Иконки */
.why-icon-my2 {
    font-size: 40px; /* Размер иконок */
    color: #f37335; /* Оранжевый цвет иконок */
    margin-bottom: 15px;
}

.why-item-my2 h3 {
    font-size: 18px; /* Уменьшенный шрифт */
    color: #f37335; /* Оранжевый цвет заголовка карточки */
    margin-bottom: 10px;
}

.why-item-my2 p {
    font-size: 14px; /* Уменьшенный текст */
    color: #333;
    line-height: 1.6;
}

/* Адаптация для мобильных устройств */
@media (max-width: 768px) {
    .why-container-my2 {
        flex-direction: column;
        align-items: center;
    }

    .why-item-my2 {
        width: 90%; /* Карточки в одной колонке на мобильных устройствах */
    }
}

.delivery-conditions-my2 {
    background-color: #6a1b9a; /* Фиолетовый фон секции */
    padding: 40px 20px;
    border-radius: 10px;
    margin: 20px auto;
    width: 100%;
    max-width: 1200px;
}

.delivery-header-my2 h2 {
    font-size: 28px; /* Уменьшенный размер заголовка */
    color: #ffffff; /* Белый цвет заголовка */
    margin-bottom: 10px;
    text-align: center; /* Центрирование заголовка */
}

.delivery-header-my2 p {
    font-size: 16px;
    color: #f3e5f5; /* Светло-фиолетовый текст */
    margin-bottom: 20px;
    text-align: center; /* Центрирование подзаголовка */
}

/* Контейнер для карточек */
.delivery-container-my2 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

.delivery-item-my2 {
    flex: 1 1 calc(33.333% - 20px); /* Три колонки */
    background: linear-gradient(135deg, #ab47bc, #7b1fa2); /* Градиент фиолетового цвета */
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.delivery-item-my2:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

/* Иконки */
.delivery-icon-my2 {
    font-size: 40px; /* Размер иконок */
    color: #ffffff; /* Белый цвет иконок */
    margin-bottom: 15px;
}

.delivery-item-my2 h3 {
    font-size: 18px; /* Уменьшенный шрифт */
    color: #ffffff; /* Белый цвет заголовка карточки */
    margin-bottom: 10px;
}

.delivery-item-my2 p {
    font-size: 14px; /* Уменьшенный текст */
    color: #f3e5f5; /* Светло-фиолетовый текст */
    line-height: 1.6;
}

/* Адаптация для мобильных устройств */
@media (max-width: 768px) {
    .delivery-container-my2 {
        flex-direction: column;
        align-items: center;
    }

    .delivery-item-my2 {
        width: 90%; /* Карточки в одной колонке на мобильных устройствах */
    }
}

.puppy-preparation-my2 {
    background-color: #ffffff; /* Белый фон секции */
    padding: 20px 20px;
    border-radius: 10px;
    margin: 0px auto;
    width: 100%;
    max-width: 1200px;
}

.preparation-header-my2 h2 {
    font-size: 28px; /* Уменьшенный размер заголовка */
    color: #000000; /* Чёрный цвет заголовка */
    margin-bottom: 10px;
    text-align: center; /* Центрирование заголовка */
}

.preparation-header-my2 p {
    font-size: 16px;
    color: #333; /* Тёмно-серый текст */
    margin-bottom: 20px;
    text-align: center; /* Центрирование подзаголовка */
}

/* Контейнер для карточек */
.preparation-container-my2 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

.preparation-item-my2 {
    flex: 1 1 calc(33.333% - 20px); /* Три колонки */
    background: linear-gradient(135deg, #ffd54f, #ffb300); /* Градиент в золотистых тонах */
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.preparation-item-my2:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

/* Иконки */
.preparation-icon-my2 {
    font-size: 40px; /* Размер иконок */
    color: #ffffff; /* Белый цвет иконок */
    margin-bottom: 15px;
}

.preparation-item-my2 h3 {
    font-size: 18px; /* Уменьшенный шрифт */
    color: #ffffff; /* Белый цвет заголовка карточки */
    margin-bottom: 10px;
}

.preparation-item-my2 p {
    font-size: 14px; /* Уменьшенный текст */
    color: #ffffff; /* Белый текст */
    line-height: 1.6;
}

/* Адаптация для мобильных устройств */
@media (max-width: 768px) {
    .preparation-container-my2 {
        flex-direction: column;
        align-items: center;
    }

    .preparation-item-my2 {
        width: 90%; /* Карточки в одной колонке на мобильных устройствах */
    }
}

.delivery-process-my2 {
    background-color: #f57c00; /* Оранжевый фон секции */
    padding: 40px 20px;
    border-radius: 10px;
    margin: 20px auto;
    width: 100%;
    max-width: 1200px;
}

.process-header-my2 h2 {
    font-size: 28px; /* Уменьшенный размер заголовка */
    color: #ffffff; /* Белый цвет заголовка */
    margin-bottom: 10px;
    text-align: center; /* Центрирование заголовка */
}

.process-header-my2 p {
    font-size: 16px;
    color: #ffecb3; /* Светлый оранжевый текст */
    margin-bottom: 20px;
    text-align: center; /* Центрирование подзаголовка */
}

/* Контейнер для карточек */
.process-container-my2 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

.process-item-my2 {
    flex: 1 1 calc(33.333% - 20px); /* Три колонки */
    background: linear-gradient(135deg, #ffb74d, #f57c00); /* Градиент в оранжевых тонах */
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.process-item-my2:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

/* Иконки */
.process-icon-my2 {
    font-size: 40px; /* Размер иконок */
    color: #ffffff; /* Белый цвет иконок */
    margin-bottom: 15px;
}

.process-item-my2 h3 {
    font-size: 18px; /* Уменьшенный шрифт */
    color: #ffffff; /* Белый цвет заголовка карточки */
    margin-bottom: 10px;
}

.process-item-my2 p {
    font-size: 14px; /* Уменьшенный текст */
    color: #ffecb3; /* Светло-оранжевый текст */
    line-height: 1.6;
}

/* Адаптация для мобильных устройств */
@media (max-width: 768px) {
    .process-container-my2 {
        flex-direction: column;
        align-items: center;
    }

    .process-item-my2 {
        width: 90%; /* Карточки в одной колонке на мобильных устройствах */
    }
}

.training-intro-my2 {
    background-color: #f9f9f9; /* Светло-серый фон */
    padding: 50px 20px;
    border-radius: 10px;
    margin: 20px auto;
    width: 100%;
    max-width: 1200px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.intro-header-my2 h2 {
    font-size: 28px; /* Размер заголовка */
    color: #333; /* Тёмно-фиолетовый цвет заголовка */
    margin-bottom: 15px;
    text-align: center; /* Центрирование заголовка */
}

.intro-header-my2 p {
    font-size: 16px;
    color: #333; /* Тёмный текст */
    margin-bottom: 20px;
    font-weight: bold;
}

.intro-body-my2 p {
    font-size: 14px; /* Уменьшенный текст */
    color: #555; /* Нейтральный текст */
    line-height: 1.6;
    margin-bottom: 15px;
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
    .training-intro-my2 {
        padding: 30px 15px;
    }

    .intro-header-my2 h2 {
        font-size: 24px; /* Уменьшение заголовка для мобильных */
    }

    .intro-body-my2 p {
        font-size: 14px; /* Текст остаётся читаемым */
    }
}

.training-benefits-my2 {
    background-color: #f57c00; /* Оранжевый фон секции */
    padding: 50px 20px;
    border-radius: 10px;
    margin: 20px auto;
    width: 100%;
    max-width: 1200px;
}

.benefits-header-my2 h2 {
    font-size: 28px;
    color: #ffffff; /* Белый заголовок */
    margin-bottom: 15px;
    text-align: center;
}

.benefits-header-my2 p {
    font-size: 16px;
    color: #ffecb3; /* Светло-оранжевый текст */
    margin-bottom: 30px;
    text-align: center;
}

/* Контейнер для карточек */
.benefits-container-my2 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

.benefit-card-my2 {
    flex: 1 1 calc(33.333% - 20px); /* Три колонки */
    background: linear-gradient(135deg, #ffb74d, #f57c00); /* Градиент оранжевого цвета */
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.benefit-card-my2:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

/* Иконки */
.benefit-icon-my2 {
    font-size: 40px;
    color: #ffffff; /* Белые иконки */
    margin-bottom: 15px;
}

.benefit-card-my2 h3 {
    font-size: 18px;
    color: #ffffff; /* Белый текст заголовка карточки */
    margin-bottom: 10px;
}

.benefit-card-my2 p {
    font-size: 14px;
    color: #ffffff; /* Белый текст описания */
    line-height: 1.6;
}

/* Адаптация для мобильных устройств */
@media (max-width: 768px) {
    .benefits-container-my2 {
        flex-direction: column;
        align-items: center;
    }

    .benefit-card-my2 {
        width: 90%; /* Карточки в одну колонку */
    }
}

.training-programs-my2 {
    background-color: #4caf50; /* Зелёный фон секции */
    padding: 50px 20px;
    border-radius: 10px;
    margin: 20px auto;
    width: 100%;
    max-width: 1200px;
}

.programs-header-my2 h2 {
    font-size: 28px;
    color: #ffffff; /* Белый цвет заголовка */
    margin-bottom: 15px;
    text-align: center;
}

.programs-header-my2 p {
    font-size: 16px;
    color: #e8f5e9; /* Светло-зелёный текст */
    margin-bottom: 30px;
    text-align: center;
}

/* Контейнер для карточек */
.programs-container-my2 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

.program-card-my2 {
    flex: 1 1 calc(33.333% - 20px); /* Три колонки */
    background: linear-gradient(135deg, #66bb6a, #388e3c); /* Градиент зелёного цвета */
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.program-card-my2:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

/* Иконки */
.program-icon-my2 {
    font-size: 40px;
    color: #ffffff; /* Белые иконки */
    margin-bottom: 15px;
}

.program-card-my2 h3 {
    font-size: 18px;
    color: #ffffff; /* Белый цвет заголовка карточки */
    margin-bottom: 10px;
}

.program-card-my2 p {
    font-size: 14px;
    color: #e8f5e9; /* Светло-зелёный текст */
    line-height: 1.6;
}

/* Адаптация для мобильных устройств */
@media (max-width: 768px) {
    .programs-container-my2 {
        flex-direction: column;
        align-items: center;
    }

    .program-card-my2 {
        width: 90%; /* Карточки в одну колонку */
    }
}

.training-process-my2 {
    background-color: #ffffff; /* Белый фон секции */
    padding: 20px 20px;
    border-radius: 10px;
    margin: 0px auto;
    width: 100%;
    max-width: 1200px;
}

.process-header-my2 h2 {
    font-size: 28px; /* Размер заголовка */
    color: #fff; /* Оранжевый цвет заголовка */
    margin-bottom: 15px;
    text-align: center; /* Центрирование заголовка */
}

.process-header-my22 h2 {
    font-size: 28px; /* Размер заголовка */
    color: #333; /* Оранжевый цвет заголовка */
    margin-bottom: 15px;
    text-align: center; /* Центрирование заголовка */
}

.process-header-my2 p {
    font-size: 16px;
    margin-bottom: 30px;
    text-align: center;
    color: #fff;
}

/* Контейнер для карточек */
.process-container-my2 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

.process-card-my2 {
    flex: 1 1 calc(33.333% - 20px); /* Три колонки */
    background: linear-gradient(135deg, #ffa726, #fb8c00); /* Градиент оранжевого цвета */
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.process-card-my2:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

/* Иконки */
.process-icon-my2 {
    font-size: 40px; /* Размер иконок */
    color: #ffffff; /* Белый цвет иконок */
    margin-bottom: 15px;
}

.process-card-my2 h3 {
    font-size: 18px;
    color: #ffffff; /* Белый цвет заголовка карточки */
    margin-bottom: 10px;
}

.process-card-my2 p {
    font-size: 14px;
    color: #ffffff; /* Белый цвет текста */
    line-height: 1.6;
}

/* Адаптация для мобильных устройств */
@media (max-width: 768px) {
    .process-container-my2 {
        flex-direction: column;
        align-items: center;
    }

    .process-card-my2 {
        width: 90%; /* Карточки в одну колонку */
    }
}

.training-results-my2 {
    background-color: #6a1b9a; /* Фиолетовый фон секции */
    padding: 50px 20px;
    border-radius: 10px;
    margin: 0px auto;
    width: 100%;
    max-width: 1200px;
}

.results-header-my2 h2 {
    font-size: 28px; /* Размер заголовка */
    color: #ffffff; /* Белый цвет заголовка */
    margin-bottom: 15px;
    text-align: center;
}

.results-header-my2 p {
    font-size: 16px;
    color: #d1c4e9; /* Светло-фиолетовый текст */
    margin-bottom: 30px;
    text-align: center;
}

/* Контейнер для карточек */
.results-container-my2 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

.result-card-my2 {
    flex: 1 1 calc(33.333% - 20px); /* Три колонки */
    background: linear-gradient(135deg, #8e24aa, #6a1b9a); /* Градиент фиолетового цвета */
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.result-card-my2:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

/* Иконки */
.result-icon-my2 {
    font-size: 40px; /* Размер иконок */
    color: #ffffff; /* Белый цвет иконок */
    margin-bottom: 15px;
}

.result-card-my2 h3 {
    font-size: 18px;
    color: #ffffff; /* Белый цвет заголовка карточки */
    margin-bottom: 10px;
}

.result-card-my2 p {
    font-size: 14px;
    color: #e1bee7; /* Светло-фиолетовый текст */
    line-height: 1.6;
}

/* Адаптация для мобильных устройств */
@media (max-width: 768px) {
    .results-container-my2 {
        flex-direction: column;
        align-items: center;
    }

    .result-card-my2 {
        width: 90%; /* Карточки в одну колонку */
    }
}

.training-signup-my2 {
    background-color: #f44336; /* Красный фон секции */
    padding: 50px 20px;
    border-radius: 10px;
    margin: 20px auto;
    width: 100%;
    max-width: 1200px;
}

.signup-header-my2 h2 {
    font-size: 28px; /* Размер заголовка */
    color: #ffffff; /* Белый цвет заголовка */
    margin-bottom: 15px;
    text-align: center;
}

.signup-header-my2 p {
    font-size: 16px;
    color: #ffcccb; /* Светло-красный текст */
    margin-bottom: 30px;
    text-align: center;
}

/* Контейнер для карточек */
.signup-container-my2 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

.signup-card-my2 {
    flex: 1 1 calc(33.333% - 20px); /* Три колонки */
    background: linear-gradient(135deg, #e57373, #f44336); /* Градиент красного цвета */
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.signup-card-my2:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

/* Иконки */
.signup-icon-my2 {
    font-size: 40px; /* Размер иконок */
    color: #ffffff; /* Белые иконки */
    margin-bottom: 15px;
}

.signup-card-my2 h3 {
    font-size: 18px;
    color: #ffffff; /* Белый цвет заголовка карточки */
    margin-bottom: 10px;
}

.signup-card-my2 p {
    font-size: 14px;
    color: #ffe5e5; /* Светло-красный текст */
    line-height: 1.6;
}

/* Адаптация для мобильных устройств */
@media (max-width: 768px) {
    .signup-container-my2 {
        flex-direction: column;
        align-items: center;
    }

    .signup-card-my2 {
        width: 90%; /* Карточки в одну колонку */
    }
}

.adaptation-intro-my2 {
    background-color: #f9f9f9; /* Светло-серый фон */
    padding: 50px 20px;
    border-radius: 10px;
    margin: 20px auto;
    width: 100%;
    max-width: 1200px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.intro-header-my2 h2 {
    font-size: 28px; /* Размер заголовка */
    margin-bottom: 15px;
    text-align: center; /* Центрирование заголовка */
}

.intro-header-my2 p {
    font-size: 16px;
    color: #333; /* Тёмный текст */
    margin-bottom: 20px;
    font-weight: bold;
}

.intro-body-my2 p {
    font-size: 14px; /* Уменьшенный текст */
    color: #555; /* Нейтральный текст */
    line-height: 1.6;
    margin-bottom: 15px;
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
    .adaptation-intro-my2 {
        padding: 30px 15px;
    }

    .intro-header-my2 h2 {
        font-size: 24px; /* Уменьшение заголовка для мобильных */
    }

    .intro-body-my2 p {
        font-size: 14px; /* Текст остаётся читаемым */
    }
}

.home-preparation-my2 {
    background-color: #e3f2fd; /* Светло-голубой фон секции */
    padding: 50px 20px;
    border-radius: 10px;
    margin: 20px auto;
    width: 100%;
    max-width: 1200px;
}

.preparation-header-my2 h2 {
    font-size: 28px; /* Размер заголовка */
    color: #1565c0; /* Тёмно-голубой заголовок */
    margin-bottom: 15px;
    text-align: center;
}

.preparation-header-my2 p {
    font-size: 16px;
    color: #5c6bc0; /* Нейтральный текст */
    margin-bottom: 30px;
    text-align: center;
}

/* Контейнер для карточек */
.preparation-container-my2 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

.preparation-item-my2 {
    flex: 1 1 calc(33.333% - 20px); /* Три колонки */
    background: linear-gradient(135deg, #64b5f6, #1565c0); /* Градиент голубого цвета */
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    text-align: center;
    color: #ffffff; /* Белый текст */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.preparation-item-my2:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

.preparation-item-my2 h3 {
    font-size: 18px;
    margin-bottom: 10px;
}

.preparation-item-my2 p {
    font-size: 14px;
    line-height: 1.6;
}

/* Иконки */
.preparation-item-my2 h3 i {
    margin-right: 10px;
}

/* Адаптация для мобильных устройств */
@media (max-width: 768px) {
    .preparation-container-my2 {
        flex-direction: column;
        align-items: center;
    }

    .preparation-item-my2 {
        width: 90%; /* Карточки в одну колонку */
    }
}

.first-days-my2 {
    background-color: #e8f5e9; /* Светло-зелёный фон секции */
    padding: 50px 20px;
    border-radius: 10px;
    margin: 20px auto;
    width: 100%;
    max-width: 1200px;
}

.days-header-my2 h2 {
    font-size: 28px; /* Размер заголовка */
    color: #2e7d32; /* Тёмно-зелёный цвет */
    margin-bottom: 15px;
    text-align: center;
}

.days-header-my2 p {
    font-size: 16px;
    color: #4caf50; /* Зелёный текст */
    margin-bottom: 30px;
    text-align: center;
}

/* Контейнер для карточек */
.days-container-my2 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

.days-item-my2 {
    flex: 1 1 calc(33.333% - 20px); /* Три колонки */
    background: linear-gradient(135deg, #81c784, #2e7d32); /* Градиент зелёного цвета */
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    text-align: center;
    color: #ffffff; /* Белый текст */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.days-item-my2:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

.days-item-my2 h3 {
    font-size: 18px;
    margin-bottom: 10px;
}

.days-item-my2 p {
    font-size: 14px;
    line-height: 1.6;
    color:#fff;
}

/* Иконки */
.days-item-my2 h3 i {
    margin-right: 10px;
}

/* Адаптация для мобильных устройств */
@media (max-width: 768px) {
    .days-container-my2 {
        flex-direction: column;
        align-items: center;
    }

    .days-item-my2 {
        width: 90%; /* Карточки в одну колонку */
    }
}

.house-rules-my2 {
    background-color: #f57c00; /* Оранжевый фон секции */
    padding: 50px 20px;
    border-radius: 10px;
    margin: 20px auto;
    width: 100%;
    max-width: 1200px;
}

.rules-header-my2 h2 {
    font-size: 28px; /* Размер заголовка */
    color: #ffffff; /* Белый цвет */
    margin-bottom: 15px;
    text-align: center;
}

.rules-header-my2 p {
    font-size: 16px;
    color: #ffccbc; /* Светло-оранжевый текст */
    margin-bottom: 30px;
    text-align: center;
}

/* Контейнер для карточек */
.rules-container-my2 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

.rules-item-my2 {
    flex: 1 1 calc(33.333% - 20px); /* Три колонки */
    background: linear-gradient(135deg, #ffb74d, #f57c00); /* Градиент оранжевого цвета */
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    text-align: center;
    color: #ffffff; /* Белый текст */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.rules-item-my2:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

.rules-item-my2 h3 {
    font-size: 18px;
    margin-bottom: 10px;
}

.rules-item-my2 p {
    font-size: 14px;
    line-height: 1.6;
    color:#fff;
}

/* Иконки */
.rules-item-my2 h3 i {
    margin-right: 10px;
}

/* Адаптация для мобильных устройств */
@media (max-width: 768px) {
    .rules-container-my2 {
        flex-direction: column;
        align-items: center;
    }

    .rules-item-my2 {
        width: 90%; /* Карточки в одну колонку */
    }
}

.adaptation-problems-my2 {
    background-color: #6a1b9a; /* Фиолетовый фон секции */
    padding: 50px 20px;
    border-radius: 10px;
    margin: 20px auto;
    width: 100%;
    max-width: 1200px;
}

.problems-header-my2 h2 {
    font-size: 28px; /* Размер заголовка */
    color: #ffffff; /* Белый цвет */
    margin-bottom: 15px;
    text-align: center;
}

.problems-header-my2 p {
    font-size: 16px;
    color: #d1c4e9; /* Светло-фиолетовый текст */
    margin-bottom: 30px;
    text-align: center;
}

/* Контейнер для карточек */
.problems-container-my2 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

.problems-item-my2 {
    flex: 1 1 calc(33.333% - 20px); /* Три колонки */
    background: linear-gradient(135deg, #8e24aa, #6a1b9a); /* Градиент фиолетового цвета */
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    text-align: center;
    color: #ffffff; /* Белый текст */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.problems-item-my2:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

.problems-item-my2 h3 {
    font-size: 18px;
    margin-bottom: 10px;
}

.problems-item-my2 p {
    font-size: 14px;
    line-height: 1.6;
    color:#fff;
}

/* Иконки */
.problems-item-my2 h3 i {
    margin-right: 10px;
}

/* Адаптация для мобильных устройств */
@media (max-width: 768px) {
    .problems-container-my2 {
        flex-direction: column;
        align-items: center;
    }

    .problems-item-my2 {
        width: 90%; /* Карточки в одну колонку */
    }
}

.adaptation-support-my2 {
    background-color: #f57c00; /* Оранжевый фон секции */
    padding: 50px 20px;
    border-radius: 10px;
    margin: 20px auto;
    width: 100%;
    max-width: 1200px;
}

.support-header-my2 h2 {
    font-size: 28px; /* Размер заголовка */
    color: #ffffff; /* Белый цвет */
    margin-bottom: 15px;
    text-align: center;
}

.support-header-my2 p {
    font-size: 16px;
    color: #ffccbc; /* Светло-оранжевый текст */
    margin-bottom: 30px;
    text-align: center;
}

/* Контейнер для карточек */
.support-container-my2 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

.support-item-my2 {
    flex: 1 1 calc(33.333% - 20px); /* Три колонки */
    background: linear-gradient(135deg, #ffb74d, #f57c00); /* Градиент оранжевого цвета */
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    text-align: center;
    color: #ffffff; /* Белый текст */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.support-item-my2:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

.support-item-my2 h3 {
    font-size: 18px;
    margin-bottom: 10px;
}

.support-item-my2 p {
    font-size: 14px;
    line-height: 1.6;
    color:#fff;
}

/* Иконки */
.support-item-my2 h3 i {
    margin-right: 10px;
}

/* Адаптация для мобильных устройств */
@media (max-width: 768px) {
    .support-container-my2 {
        flex-direction: column;
        align-items: center;
    }

    .support-item-my2 {
        width: 90%; /* Карточки в одну колонку */
    }
}

.adaptation-benefits-my2 {
    background-color: #2e7d32; /* Зелёный фон секции */
    padding: 50px 20px;
    border-radius: 10px;
    margin: 20px auto;
    width: 100%;
    max-width: 1200px;
}

.benefits-header-my2 h2 {
    font-size: 28px; /* Размер заголовка */
    color: #ffffff; /* Белый цвет текста */
    margin-bottom: 15px;
    text-align: center;
}

.benefits-header-my2 p {
    font-size: 16px;
    color: #fff; /* Светло-зелёный текст */
    margin-bottom: 30px;
    text-align: center;
}

/* Контейнер для карточек */
.benefits-container-my2 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

.benefits-item-my2 {
    flex: 1 1 calc(33.333% - 20px); /* Три колонки */
    background: linear-gradient(135deg, #81c784, #388e3c); /* Градиент зелёного цвета */
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    text-align: center;
    color: #ffffff; /* Белый текст внутри карточек */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.benefits-item-my2:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

.benefits-item-my2 h3 {
    font-size: 18px;
    margin-bottom: 10px;
}

.benefits-item-my2 p {
    font-size: 14px;
    line-height: 1.6;
    color: #ffffff; /* Белый цвет текста */
}

/* Иконки */
.benefits-item-my2 h3 i {
    margin-right: 10px;
}

/* Адаптация для мобильных устройств */
@media (max-width: 768px) {
    .benefits-container-my2 {
        flex-direction: column;
        align-items: center;
    }

    .benefits-item-my2 {
        width: 90%; /* Карточки в одну колонку */
    }
}

.adaptation-conclusion-my2 {
    background: linear-gradient(135deg, #8e24aa, #6a1b9a); /* Фиолетовый градиент */
    padding: 50px 20px;
    border-radius: 10px;
    margin: 20px auto;
    width: 100%;
    max-width: 1200px;
    text-align: center;
    color: #ffffff; /* Белый текст */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.conclusion-header-my2 h2 {
    font-size: 28px; /* Размер заголовка */
    color: #ffffff; /* Белый цвет текста */
    margin-bottom: 15px;
}

.conclusion-header-my2 p {
    font-size: 16px;
    color: #d1c4e9; /* Светло-фиолетовый текст */
    margin-bottom: 30px;
}

.conclusion-body-my2 p {
    font-size: 14px;
    line-height: 1.8;
    color: #ffffff; /* Белый текст */
}

/* Адаптация для мобильных устройств */
@media (max-width: 768px) {
    .adaptation-conclusion-my2 {
        padding: 30px 15px;
    }

    .conclusion-header-my2 h2 {
        font-size: 24px; /* Уменьшение заголовка */
    }

    .conclusion-body-my2 p {
        font-size: 14px; /* Текст остаётся читаемым */
    }
}

.vet-intro-my2 {
    background-color: #f9f9f9; /* Светло-серый фон */
    padding: 50px 20px;
    border-radius: 10px;
    margin: 20px auto;
    width: 100%;
    max-width: 1200px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.intro-header-my2 h2 {
    font-size: 28px; /* Размер заголовка */
    margin-bottom: 15px;
    text-align: center; /* Центрирование заголовка */
}

.intro-header-my2 p {
    font-size: 16px;
    color: #333; /* Тёмный текст */
    margin-bottom: 20px;
    font-weight: bold;
}

.intro-body-my2 p {
    font-size: 14px; /* Уменьшенный текст */
    color: #555; /* Нейтральный текст */
    line-height: 1.6;
    margin-bottom: 15px;
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
    .vet-intro-my2 {
        padding: 30px 15px;
    }

    .intro-header-my2 h2 {
        font-size: 24px; /* Уменьшение заголовка для мобильных */
    }

    .intro-body-my2 p {
        font-size: 14px; /* Текст остаётся читаемым */
    }
}

.chip-info-my2 {
    background-color: #ffffff; /* Белый фон секции */
    padding: 50px 20px;
    border-radius: 10px;
    margin: 20px auto;
    width: 100%;
    max-width: 1200px;
    text-align: left; /* Выравнивание текста по левому краю */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.chip-header-my2 h2 {
    font-size: 28px; /* Размер заголовка */
    color: #333; /* Тёмно-серый цвет текста */
    margin-bottom: 15px;
}

.chip-header-my2 p {
    font-size: 16px;
    color: #333; /* Тёмно-серый текст */
    margin-bottom: 20px;
    font-weight: bold;
}

.chip-body-my2 p {
    font-size: 14px;
    color: #333; /* Тёмно-серый текст */
    line-height: 1.6;
    margin-bottom: 15px;
}

/* Карточки списка */
.chip-benefits-my2 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
    list-style: none; /* Убираем маркеры списка */
    padding: 0;
    margin: 0;
}

.chip-benefit-item-my2 {
    flex: 1 1 calc(33.333% - 20px); /* Три карточки в строку */
    background: linear-gradient(135deg, #ffb74d, #f57c00); /* Оранжевый градиент */
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    text-align: center;
    color: #ffffff; /* Белый текст */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.chip-benefit-item-my2:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

.chip-benefit-item-my2 i {
    font-size: 30px; /* Размер иконок */
    color: #ffffff; /* Белый цвет иконок */
    margin-bottom: 10px;
    display: block;
}

.chip-benefit-item-my2 h3 {
    font-size: 16px;
    margin-bottom: 10px;
    color: #ffffff; /* Белый цвет заголовка карточки */
}

.chip-benefit-item-my2 p {
    font-size: 14px;
    line-height: 1.6;
    color: #ffffff; /* Белый текст */
}

/* Адаптация для мобильных устройств */
@media (max-width: 768px) {
    .chip-benefits-my2 {
        flex-direction: column;
        align-items: center;
    }

    .chip-benefit-item-my2 {
        width: 100%; /* Карточки в одну колонку */
    }
}

.vet-passport-my2 {
    background: linear-gradient(135deg, #8e24aa, #6a1b9a); /* Фиолетовый градиент */
    padding: 50px 20px;
    border-radius: 10px;
    margin: 20px auto;
    width: 100%;
    max-width: 1200px;
    text-align: left; /* Выравнивание текста по левому краю */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.passport-header-my2 h2 {
    font-size: 28px; /* Размер заголовка */
    color: #ffffff; /* Белый текст заголовка */
    margin-bottom: 15px;
}

.passport-header-my2 p {
    font-size: 16px;
    color: #d1c4e9; /* Светло-фиолетовый текст */
    margin-bottom: 20px;
    font-weight: bold;
}

.passport-body-my2 p {
    font-size: 14px;
    color: #ffffff; /* Белый текст */
    line-height: 1.6;
    margin-bottom: 15px;
}

/* Карточки списка */
.passport-benefits-my2 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
    list-style: none; /* Убираем маркеры списка */
    padding: 0;
    margin: 0;
}

.passport-benefit-item-my2 {
    flex: 1 1 calc(33.333% - 20px); /* Три карточки в строку */
    background: linear-gradient(135deg, #ab47bc, #8e24aa); /* Фиолетовый градиент карточек */
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    text-align: center;
    color: #ffffff; /* Белый текст */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.passport-benefit-item-my2:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

.passport-benefit-item-my2 i {
    font-size: 30px; /* Размер иконок */
    color: #ffffff; /* Белый цвет иконок */
    margin-bottom: 10px;
    display: block;
}

.passport-benefit-item-my2 h3 {
    font-size: 16px;
    margin-bottom: 10px;
    color: #ffffff; /* Белый цвет заголовка карточки */
}

.passport-benefit-item-my2 p {
    font-size: 14px;
    line-height: 1.6;
    color: #ffffff; /* Белый текст */
}

/* Адаптация для мобильных устройств */
@media (max-width: 768px) {
    .passport-benefits-my2 {
        flex-direction: column;
        align-items: center;
    }

    .passport-benefit-item-my2 {
        width: 100%; /* Карточки в одну колонку */
    }
}

.chip-support {
    background: linear-gradient(135deg, #43a047, #2e7d32); /* Яркий зелёный градиент */
    padding: 50px 20px;
    border-radius: 10px;
    max-width: 1200px;
    margin: 20px auto;
    text-align: center; /* Центрирование заголовка и текста */
    color: #ffffff; /* Белый текст */
}

.chip-support-header h2 {
    font-size: 28px;
    margin-bottom: 15px;
    color: #ffffff; /* Белый заголовок */
}

.chip-support-header p {
    font-size: 16px;
    color: #a5d6a7; /* Светло-зелёный текст */
    margin-bottom: 30px;
}

/* Контейнер карточек */
.chip-support-cards {
    display: flex;
    flex-wrap: wrap; /* Перенос карточек на новых строках */
    gap: 20px; /* Расстояние между карточками */
    justify-content: space-between; /* Равномерное распределение карточек */
}

/* Карточка */
.chip-card {
    flex: 1 1 calc(33.333% - 20px); /* Карточки занимают треть ширины с учётом промежутков */
    background: linear-gradient(135deg, #66bb6a, #43a047); /* Градиент карточек */
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    text-align: center;
    color: #ffffff; /* Белый текст */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.chip-card:hover {
    transform: translateY(-5px); /* Лёгкое поднятие при наведении */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

.chip-card i {
    font-size: 40px; /* Размер иконки */
    color: #ffffff;
    margin-bottom: 10px;
}

.chip-card h3 {
    font-size: 18px;
    margin-bottom: 10px;
    color: #ffffff; /* Белый текст заголовка */
}

.chip-card p {
    font-size: 14px;
    line-height: 1.6;
    color: #ffffff; /* Белый текст */
}

/* Адаптация для мобильных устройств */
@media (max-width: 768px) {
    .chip-support-cards {
        flex-direction: column; /* Перевод карточек в колонку */
        align-items: center;
    }

    .chip-card {
        width: 100%; /* Карточки занимают всю ширину */
    }
}

.passport-support {
    background: linear-gradient(135deg, #f57c00, #ffb74d); /* Оранжевый градиент */
    padding: 50px 20px;
    border-radius: 10px;
    max-width: 1200px;
    margin: 20px auto;
    text-align: center;
    color: #ffffff; /* Белый текст */
}

.passport-support-header h2 {
    font-size: 28px;
    margin-bottom: 15px;
    color: #ffffff; /* Белый заголовок */
}

.passport-support-header p {
    font-size: 16px;
    color: #ffe0b2; /* Светло-оранжевый текст */
    margin-bottom: 30px;
}

/* Контейнер карточек */
.passport-support-cards {
    display: flex;
    flex-wrap: wrap; /* Перенос карточек на новую строку */
    gap: 20px; /* Расстояние между карточками */
    justify-content: space-between; /* Равномерное распределение карточек */
}

/* Карточка */
.passport-card {
    flex: 1 1 calc(33.333% - 20px); /* Три карточки в строку */
    background: linear-gradient(135deg, #ff9800, #f57c00); /* Оранжевый градиент карточек */
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    text-align: center;
    color: #ffffff; /* Белый текст */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.passport-card:hover {
    transform: translateY(-5px); /* Лёгкое поднятие при наведении */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

.passport-card i {
    font-size: 40px; /* Размер иконки */
    color: #ffffff;
    margin-bottom: 10px;
}

.passport-card h3 {
    font-size: 18px;
    margin-bottom: 10px;
    color: #ffffff; /* Белый текст заголовка */
}

.passport-card p {
    font-size: 14px;
    line-height: 1.6;
    color: #ffffff; /* Белый текст */
}

/* Адаптация для мобильных устройств */
@media (max-width: 768px) {
    .passport-support-cards {
        flex-direction: column; /* Карточки в колонку */
        align-items: center; /* Центрирование карточек */
    }

    .passport-card {
        width: 100%; /* Карточки занимают всю ширину */
    }
}

.benefits-section {
    background: linear-gradient(135deg, #2196f3, #64b5f6); /* Сине-голубой градиент секции */
    padding: 50px 20px;
    border-radius: 10px;
    max-width: 1200px;
    margin: 20px auto;
    text-align: center;
    color: #ffffff; /* Белый текст */
}

.benefits-header h2 {
    font-size: 28px;
    margin-bottom: 15px;
    color: #ffffff; /* Белый заголовок */
}

.benefits-header p {
    font-size: 16px;
    color: #bbdefb; /* Светло-голубой текст */
    margin-bottom: 30px;
}

/* Контейнер карточек */
.benefits-cards {
    display: flex;
    flex-wrap: wrap; /* Перенос карточек на новую строку */
    gap: 20px; /* Расстояние между карточками */
    justify-content: space-between; /* Равномерное распределение карточек */
}

/* Карточка */
.benefit-card {
    flex: 1 1 calc(33.333% - 20px); /* Три карточки в строку */
    background: linear-gradient(135deg, #42a5f5, #1e88e5); /* Сине-голубой градиент карточек */
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    text-align: center;
    color: #ffffff; /* Белый текст */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.benefit-card:hover {
    transform: translateY(-5px); /* Лёгкое поднятие при наведении */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

.benefit-card i {
    font-size: 40px; /* Размер иконки */
    color: #ffffff;
    margin-bottom: 10px;
}

.benefit-card h3 {
    font-size: 18px;
    margin-bottom: 10px;
    color: #ffffff; /* Белый текст заголовка */
}

.benefit-card p {
    font-size: 14px;
    line-height: 1.6;
    color: #ffffff; /* Белый текст */
}

/* Адаптация для мобильных устройств */
@media (max-width: 768px) {
    .benefits-cards {
        flex-direction: column; /* Карточки в колонку */
        align-items: center; /* Центрирование карточек */
    }

    .benefit-card {
        width: 100%; /* Карточки занимают всю ширину */
    }
}

.oporode-section {
    padding: 50px 20px;
    border-radius: 10px;
    max-width: 1200px;
    margin: 20px auto;
    color: #ffffff; /* Белый текст */
}

.oporode-section .highlight {
	background: #e3f2fd;
	padding: 10px;
	border-left: 4px solid #1e88e5;
}

.oporode-section h2 {
	font-size: 26px;
	margin-top: 40px;
	margin-bottom: 15px;
	color:#333;
}
.oporode-section h3 {
	font-size: 22px;
	margin-top: 20px;
	margin-bottom: 10px;
	color:#333;
}

.oporode-section ul {
	list-style: disc;
	margin: 15px 0 15px 20px;
	color:#333;
}
.oporode-section ul li {
	margin-bottom: 10px;
}

@media (max-width: 768px) {
  body, .content, .container {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.album-index {
display: flex; 
flex-wrap: wrap; /* Позволяет альбомам переходить на новую строку, если не хватает места */
gap: 20px; /* Отступы между альбомами */
justify-content: flex-start; /* Выравнивание альбомов по левому краю */
}

.album {
   background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    width: 300px; /* Устанавливаем фиксированную ширину для альбомов */
    display: flex;
    flex-direction: column; /* Чтобы элементы располагались вертикально */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
}

.album:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
}

/* Стили для изображения альбома */
.album img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    transition: opacity 0.3s ease;
}

.album img:hover {
    opacity: 0.8;
}

/* Стили для информации об альбоме */
.album-info {
    padding: 15px;
    text-align: center;
}

/* Название альбома */
.album-name {
    font-size: 1.2rem;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

/* Описание альбома */
.album-description {
    font-size: 1rem;
    color: #777;
    margin-bottom: 20px;
}

/* Кнопка "Открыть" */
.album-open {
    background-color: #f37335;
    color: #fff;
    padding: 8px 15px;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 0.875rem;
    cursor: pointer;
    transition: background-color 0.3s ease;
    margin-top: auto;
}

.album-open:hover {
    background-color: #e55c2f;
}

.photo-index {
display:none;
}

.photodiv {
    display: flex;
    flex-wrap: wrap; /* Позволяет фотографиям переходить на новую строку */
    gap: 20px; /* Отступы между фотографиями */
    justify-content: center; /* Выравнивание по центру */
    padding: 20px;
    background-color: #f8f9fa; /* Легкий фон для всего блока */
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); /* Легкая тень для контейнера */
}

/* Стили для каждой фотографии */
.photo-s {
    position: relative;
    width: 150px; /* Фиксированная ширина фотографий */
    height: 150px; /* Фиксированная высота фотографий */
    overflow: hidden;
    border-radius: 10px; /* Скругляем углы */
    cursor: pointer;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); /* Легкая тень для фотографий */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Эффект при наведении */
.photo-s:hover {
    transform: scale(1.05); /* Легкое увеличение при наведении */
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2); /* Усиленная тень */
}

/* Стили для изображения внутри фотографии */
.photo-s img {
    width: 100%; /* Изображение подгоняется под контейнер */
    height: 100%;
    object-fit: cover; /* Обрезка изображений по контейнеру */
    transition: opacity 0.3s ease;
}

/* Эффект прозрачности на изображении */
.photo-s img:hover {
    opacity: 0.9; /* Легкое уменьшение прозрачности */
}

.modal-okno {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
    z-index: 10000;
}

.modal-okno.active-okno {
    display: flex;
}

.modal-content-okno {
    position: relative;
    max-width: 90%;
    max-height: 90%;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
    background: #fff;
}

.modal-content-okno img {
    width: 100%;
    height: auto;
}

.modal-content-okno .close-okno {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    color: #333;
    cursor: pointer;
    background: none;
    border: none;
}

/* Обертка для новости */
.news-wrapper {
    width: 100%;
    margin: 40px 0;
    padding: 0 20px;
    box-sizing: border-box;
}

/* Карточка новости */
.news-card {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

/* Изображение новости */
.news-image {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

/* Метаданные новости */
.news-meta {
    display: flex;
    justify-content: flex-start;
    gap: 20px;
    padding: 10px 20px;
    font-size: 14px;
    color: #777;
    background-color: #f3f3f3;
    border-bottom: 1px solid #ddd;
}

.news-meta i {
    color: #f37335;
    margin-right: 5px;
}

/* Содержимое новости */
.news-content {
    padding: 20px;
}

.news-title {
    font-size: 28px;
    color: #333;
    margin: 0 0 10px;
}

.news-short {
    font-size: 18px;
    color: #555;
    margin: 0 0 20px;
}

.news-full {
    font-size: 16px;
    color: #555;
    line-height: 1.6;
    margin: 0;
}

/* Медиа-запросы для адаптации */
@media (max-width: 768px) {
    .news-image {
        height: 250px;
    }

    .news-title {
        font-size: 22px;
    }

    .news-short {
        font-size: 16px;
    }

    .news-full {
        font-size: 14px;
    }
}

.dog-profile {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    max-width: 1200px;
    margin: 20px auto;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: #f9f9f9;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.dog-photo img {
    width: 300px;
    height: auto;
    border-radius: 8px;
    object-fit: cover;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.dog-details {
    flex: 1;
}

.dog-details h2 {
    margin-bottom: 15px;
    color: #333;
    font-size: 24px;
    font-weight: bold;
}

.dog-details p {
    margin: 5px 0;
    font-size: 16px;
    line-height: 1.6;
    color: #555;
}

.dog-details p strong {
    color: #333;
}

.dog-details a {
    color: #007bff;
    text-decoration: none;
}

.dog-details a:hover {
    text-decoration: underline;
}