/* style for SMI page */
.f-thumbs__slide button{
  border-radius: 0;
}
.smi-page {
  background-color: #F2FAFD;
}
.smi-page img{
  max-width: 100%;
}

.ratio{
  position: relative;
  width: 100%;
}

.ratio::before{
  content: "";
  display: block;
  width: 100%;
}

.ratio > *{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.ratio img,
.ratio video,
.ratio iframe{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.ratio-16x9::before{
  padding-top: calc(9 / 16 * 100%); /* 56.25% */
}

.ratio-3x4::before{
  padding-top: calc(4 / 3 * 100%); /* 133.333% */
}

.ratio-4x3::before{
  padding-top: calc(3 / 4 * 100%); /* 75% */
}

.smi-page .main-block__title{
  color: #001A70;
}
section.smi-block.smi-who{
  background-color: #0091DA;
  padding: 64px 0 40px;
  background-image: url('../img/smi/bg-hero.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 90% center;
  color: #fff;
}
section.smi-block.smi-who .pretitle{
  font-size: 40px;
  font-weight: 900;
  margin-bottom: 28px;
}
section.smi-block.smi-who p{
  margin-bottom: 16px;
  font-size: 18px;
}
section.smi-block.smi-who .line-two{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
section.smi-block.smi-who .line-two .l-section{
  width: 100%;
  max-width: 960px;
}
section.smi-block.smi-who .line-two .r-section{
  width: 100%;
  max-width: 620px;
}


@media (min-width: 1300px) {
  section.smi-block.smi-who .line-two .r-section{
    margin-top: 140px;
  }
}
@media (max-width: 1800px) {
  section.smi-block.smi-who .line-two{
    gap: 60px;
  }
  section.smi-block.smi-who .line-two .l-section{
    max-width: 900px;
  }
}

section.smi-block.smi-find{
  background-color: #FFB43C;
  padding: 0;
  background-image: url('../img/smi/bg-find.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 90% center;
}
section.smi-block.smi-find .line-two{
  display: flex;
  align-items: flex-end;
}
section.smi-block.smi-find .l-section{
  padding: 40px 0;
}
section.smi-block.smi-find .l-section ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4px;
}
section.smi-block.smi-find .l-section ul li{
  background-color: #fff;
  padding: 4px 14px;
  font-size: 18px;
  font-weight: 500;
  display: inline-block;
}
section.smi-block.smi-find .l-section ul li span{
  font-weight: 700;
}

section.smi-block.smi-media{
  background-color: #F2FAFD;
  padding-top: 100px;
  padding-bottom: 66px;
}
.swiper-pagination {
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  margin-top: 30px;
}
.swiper-pagination-bullet{
  width: 18px;
  height: 18px;
  background-color: #001A70;
  opacity: 1;
}

.swiper-pagination-bullet-active{
  background-color: #FFB43C;
}

section.smi-block.smi-media .news-item{
  position: relative;
}
section.smi-block.smi-media .news-item:hover .news-detail{
  box-shadow: 4px 4px 10px rgba(0,0,0,.5);
}
section.smi-block.smi-media .news-item:hover .the_post_thumbnail img{
  transform: scale(1.1);
}
section.smi-block.smi-media .news-item a{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}
section.smi-block.smi-media .the_post_thumbnail{
  overflow: hidden;
}
section.smi-block.smi-media .the_post_thumbnail img{
  transition: all 0.3s;
}
section.smi-block.smi-media .news-detail{
  width: calc(100% - 80px);
  margin: -40px auto 0;
  background-color: #001A70;
  padding: 30px;
  position: relative;
  color: #fff;
  font-size: 18px;
  transition: all 0.3s;
}
section.smi-block.smi-media .news-detail .name-blog{
  font-size: 20px;
  font-weight: 800;
  margin-bottom: 6px;
}
section.smi-block.smi-media .news-detail .icon{
  position: absolute;
  width: 28px;
  height: 28px;
  background-color: #FFB43C;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: -14px;
  top: -14px;

}

@media (max-width: 1440px) {
  .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
  }
  section.smi-block.smi-media .news-detail{
    width: calc(100% - 60px);
  }
}

section.smi-block.smi-indicators{
  background-color: #F2FAFD;
  background-image: url('../img/smi/yakist_bg.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  padding-top: 34px;
  padding-bottom: 120px;
}

section.smi-block.smi-indicators .pretitle{
  max-width: 990px;
  margin: 0 auto 28px;
  font-size: 32px;
  font-weight: 700;
  color: #001A70;
  text-align: center;
}

section.smi-block.smi-indicators  .cirlce-wrap{
  width: 800px;
  height: 800px;
  position: relative;
  margin: 0 auto;
}
section.smi-block.smi-indicators  .cirlce-wrap .circle-white{
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
}
section.smi-block.smi-indicators  .cirlce-wrap .circle-blue{
  position: absolute;
  width: 654px;
  height: 654px;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 2px solid #001A70;
  
}
section.smi-block.smi-indicators  .main-block__title{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 300px;
  height: 300px;
  text-align: center;
  border-radius: 50%;
  background-color: #FFB43C;
  display: flex;
  justify-content: center;
  align-items: center;
}

section.smi-block.smi-indicators .ind_list .kpi-item{
  padding: 10px 20px;
  display: inline-block;
  background-color: #fff;
  border: 2px solid #001A70;
  color: #001A70;
  font-size: 18px;
  text-align: center;
  border-radius: 10px;
  white-space: nowrap;
}
section.smi-block.smi-indicators .ind_list .kpi-item .value{
  font-size: 80px;
  font-weight: 800;
  line-height: 1;
}

.kpi-ring {
  position: absolute; 
  /*inset: 0;*/
  left: 40%;
  top: 42%;
  list-style: none;
  margin: 0;
  padding: 0;

  animation: kpiOrbit var(--orbit-speed, 18s) linear infinite;
  transform-origin: 50% 50%;
}

.kpi-item {
  position: absolute;
  left: 50%;
  top: 50%;

  --r: var(--orbit-radius, 360px);

  transform:
    rotate(var(--a))
    translateX(var(--r))
    rotate(calc(var(--a) * -1));

  animation: kpiCounterOrbit var(--orbit-speed, 18s) linear infinite;
  transform-origin: 0 0;
}

@keyframes kpiOrbit {
  to { transform: rotate(360deg); }
}

@keyframes kpiCounterOrbit {
  to {
    transform:
      rotate(var(--a))
      translateX(var(--r))
      rotate(calc(var(--a) * -1))
      rotate(-360deg);
  }
}

.kpi-orbit:hover .kpi-ring,
.kpi-orbit:hover .kpi-item {
 /* animation-play-state: paused;*/
}

@media (prefers-reduced-motion: reduce) {
  .kpi-ring, .kpi-item { animation: none; }
}


section.smi-block.smi-achievements{
  position: relative;
}
section.smi-block.smi-achievements::before,
section.smi-block.smi-achievements::after{
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
  z-index: 0;
}

section.smi-block.smi-achievements::before{
  background-color: #0091da;
  left: 0;
}
section.smi-block.smi-achievements::after{
  background-color: #ffb43c;
  right: 0;
}
section.smi-block.smi-achievements .achievements-list{
  display: flex;
  gap: 1px;
}
section.smi-block.smi-achievements .achievement-item{
  max-width: 50%;
  width: 100%;
  padding: 80px 0;
  overflow: hidden;
}
section.smi-block.smi-achievements .achievement-1{
  padding-right: 110px;
}
section.smi-block.smi-achievements .achievement-2{
  padding-left: 110px;
}
.achievement-wrap{
  position: relative;
  z-index: 2;
  border-radius: 20px;
  background-color: #001A70;
  color: #fff;
  font-size: 18px;
}
section.smi-block.smi-achievements .achievement-item__top{
  display: flex;
  justify-content: start;
  align-items: flex-start;

}
section.smi-block.smi-achievements .achievement-item__top .logo{
  position: relative;
  width: 330px;
  min-width: 330px;
  height: 250px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
section.smi-block.smi-achievements .achievement-item__top .logo img{
  max-width: 190px;
}
section.smi-block.smi-achievements .achievement-item__top  .logo-line{
  position: absolute;
  width: calc(100% + 45px);
  height: calc(100% + 45px);
  left: -45px;
  top: -45px;
  border-radius: 0 0 20px 0;
  border-right: 10px;
  border-bottom: 10px;
  border-style: solid;
}
section.smi-block.smi-achievements .achievement-item__top .detail{
  padding: 40px;
  line-height: 1.1;
  font-size: 32px;
  font-weight: 700;
}
section.smi-block.smi-achievements .achievement-item__top  .detail-flex{
  margin-top: 16px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
section.smi-block.smi-achievements .achievement-item__top .more-btn{
  border: 1px solid #fff;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 500;
  background-image: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 12.0002L12 6.00024M8 3.00031L8.463 2.46431C9.40081 1.52663 10.6727 0.999906 11.9989 1C13.325 1.00009 14.5968 1.527 15.5345 2.46481C16.4722 3.40261 16.9989 4.6745 16.9988 6.00066C16.9987 7.32682 16.4718 8.59863 15.534 9.53631L15 10.0003M10.0001 15.0002L9.60314 15.5342C8.65439 16.4724 7.37393 16.9986 6.03964 16.9986C4.70535 16.9986 3.42489 16.4724 2.47614 15.5342C2.0085 15.0718 1.63724 14.5213 1.38385 13.9144C1.13047 13.3075 1 12.6564 1 11.9987C1 11.3411 1.13047 10.69 1.38385 10.0831C1.63724 9.47622 2.0085 8.92564 2.47614 8.46324L3.00014 8.00024" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-position: 10% center;
  padding: 4px 14px 4px 42px;
  margin-left: 0;
}
section.smi-block.smi-achievements .achievement-item__bottom{
  padding: 24px 46px;
  font-size: 18px;
  line-height: 1.5;
}
section.smi-block.smi-achievements .achievement-item__bottom a{
  text-decoration: underline;
}
@media (max-width: 1800px) {
  section.smi-block.smi-achievements .achievement-item__top .logo{
    width: 250px;
    min-width: 250px; 
  }
}
@media (max-width: 1600px) {
  section.smi-block.smi-achievements .achievement-1{
    padding-right: 50px;
  }
  section.smi-block.smi-achievements .achievement-2{
    padding-left: 50px;
  }
  section.smi-block.smi-achievements .achievement-item__top .detail{
    font-size: 28px;
  }
  section.smi-block.smi-achievements .achievement-item__top .detail-flex{
    flex-direction: column;
    align-items: flex-start;
  }
  section.smi-block.smi-achievements .achievement-item__top .more-btn{
    margin-left: 0;
    margin-top: 16px;
  }
}

section.smi-block.smi-history{
 padding: 100px 0; 
}
section.smi-block.smi-history .main-block__title{
  text-align: center;
  margin-bottom: 30px;
}
section.smi-block.smi-history .logo-list{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
  max-width: 1150px;
  margin: 0 auto;
}
section.smi-block.smi-history .logo-item{
  width: 136px;
  height: 80px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.smi-block.smi-history .logo-item a{
  display: block;
  height: 100%;
}
section.smi-block.smi-history .logo-item img{
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  filter: grayscale(1);
  transition: all 0.3s ease;
}
section.smi-block.smi-history .logo-item:hover img{
  filter: grayscale(0);
}

section.smi-block.smi-directions {
  padding: 80px;
  background-image: url('../img/smi/directions-bg.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
section.smi-block.smi-directions .main-block__title{
  text-align: center;
  margin-bottom: 40px;
  color: #fff;
}
section.smi-block.smi-directions .directions-list{
  display: flex;
  gap: 30px;
  justify-content: space-between;
  align-items: flex-start;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}
section.smi-block.smi-directions .directions-item{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
}
section.smi-block.smi-directions .directions-list .icon{
  margin-bottom: 10px;
}

section.smi-block.smi-communication{
  padding: 60px 0 100px;
}

section.smi-block.smi-communication  .main-block__title{
  text-align: center;
  margin-bottom: 30px;
}


/* превʼю */
.yt-card{
  width:100%;
  border:0;
  padding:0;
  background:transparent;
  cursor:pointer;
  position:relative;
  text-align:left;
}

.yt-play{
  position:absolute;
  left:50%; 
  top:50%;
  width:120px; 
  height:120px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  /*background:rgba(0,0,0,.55);*/
  background-image: url('data:image/svg+xml,<svg width="86" height="98" viewBox="0 0 86 98" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M83.25 45.1424C85.9167 46.682 85.9167 50.5309 83.25 52.0705L5.99999 96.6709C3.33332 98.2105 2.94443e-06 96.286 3.07903e-06 93.2068L6.97811e-06 4.00612C7.11271e-06 0.92692 3.33334 -0.997568 6.00001 0.542033L83.25 45.1424Z" fill="white"/></svg>');
  background-repeat: no-repeat;
  background-size: 60%;
  background-position: center;
}


/* модалка */
.yt-modal{ position:fixed; inset:0; display:none; z-index:9999; }
.yt-modal.is-open{ display:block; }
.yt-modal__backdrop{ position:absolute; inset:0; background:rgba(0,0,0,.65); }
.yt-modal__dialog{
  position:relative;
  max-width:960px;
  width:calc(100% - 32px);
  margin:64px auto;
  background:#000;
  border-radius:14px;
  overflow:hidden;
  z-index:2;
}
.yt-modal__close{
  position:absolute;
  right:10px; top:10px;
  width:40px; height:40px;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.12);
  color:#fff;
  font-size:26px;
  line-height:40px;
  cursor:pointer;
  z-index:3;
}


.swiper-youtube{
  overflow: visible; /* щоб видно було частину слайдів */
}

.swiper-youtube .swiper-wrapper{
  align-items: center;
}

.swiper-youtube .swiper-slide{
  height: auto;
}

/* внутрішній контейнер під превʼю */
.swiper-youtube .yt-card{
  width: 100%;
}

/* за бажанням: трохи прозорості крайніх */
.swiper-youtube .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-next){
  opacity: .3;
  transition: opacity .25s ease;
}

.yt-channel-wrap{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
}
.yt-channel-wrap .yt-channel-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #001A70;
  font-weight: 500;
  gap: 4px;
  background-color: #fff;
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 15.5002L15 9.50024M11 6.50031L11.463 5.96431C12.4008 5.02663 13.6727 4.49991 14.9989 4.5C16.325 4.50009 17.5968 5.027 18.5345 5.96481C19.4722 6.90261 19.9989 8.1745 19.9988 9.50066C19.9987 10.8268 19.4718 12.0986 18.534 13.0363L18 13.5003M13.0001 18.5002L12.6031 19.0342C11.6544 19.9724 10.3739 20.4986 9.03964 20.4986C7.70535 20.4986 6.42489 19.9724 5.47614 19.0342C5.0085 18.5718 4.63724 18.0213 4.38385 17.4144C4.13047 16.8075 4 16.1564 4 15.4987C4 14.8411 4.13047 14.19 4.38385 13.5831C4.63724 12.9762 5.0085 12.4256 5.47614 11.9632L6.00014 11.5002" stroke="%23001A70" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-position: 5% center;
  background-repeat: no-repeat;
  padding: 6px 14px 4px 42px;
}

/* tabs */
.smi-tabs__nav{
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0px 0 35px;
}

.smi-tabs__btn{
  border: 1px solid #B4B4B4;
  background: transparent;
  padding: 4px 14px;
  border-radius: 0;
  cursor: pointer;
  transition: .2s;
  color: #001A70;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4;
}

.smi-tabs__btn.is-active{
  background: #B4B4B4;
  color: #fff;
}

.smi-tabs__panel[hidden]{
  display:none !important;
}

section.smi-block.smi-photos {
  position: relative;
}
section.smi-block.smi-photos .main-block__title{
  text-align: center;
}
section.smi-block.smi-photos .smi-photo-item{
  position: relative;
}
section.smi-block.smi-photos .smi-photo-cats{
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  right: 0;
  bottom: 0;
}
section.smi-block.smi-photos .smi-photo-cat{
  font-size: 14px;
  font-weight: 800;
  line-height: 1.3;
  padding: 10px 30px;
}
section.smi-block.smi-photos .smi-photo-cat--novynky{
  background-color: #0091DA;
  color: #fff;
}
section.smi-block.smi-photos .smi-photo-cat--vyrobnytstvo{
  background-color: #001A70;
  color: #fff;
}
section.smi-block.smi-photos .smi-photo-cat--produkty{
  background-color: #FFB43C;
  color: #001A70;
}
section.smi-block.smi-photos .smi-photo-cat--sklady,
section.smi-block.smi-photos .smi-photo-cat--logotypy{
  background-color: #fff;
  color: #0091DA;
}
section.smi-block.smi-photos .smi-photo-card .badge{
  position: absolute;
  top: 0;
  left: 0;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.3;
  padding: 10px 30px;
  background-color: #fff;
}

section.smi-block.smi-photos .smi-photo-link{
  display: block;
  outline: 0;
}

section.smi-block.smi-brandbook{
  margin: 100px 0;
  background-color: #fff;
  font-size: 18px;
  color: #001A70;
  position: relative;
}
section.smi-block.smi-brandbook::after{
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  border-top: 1px solid #001A70;
  border-bottom: 1px solid #001A70;
  width: 50%;
}
section.smi-block.smi-brandbook .brandbook-item{
  padding: 80px 0;
  width: 100%;
  max-width: 50%;
}
section.smi-block.smi-brandbook .brandbook-1{
  padding-right: 110px;
}
section.smi-block.smi-brandbook .brandbook-2{
  padding-left: 110px;
  border-left: 1px solid #001A70;
}
section.smi-block.smi-brandbook .brandbook-item__name{
  font-size: 40px;
  font-weight: 900;
  line-height: 1;
  margin-bottom: 28px;
}
section.smi-block.smi-brandbook .brandbook-item__text{
  margin-bottom: 20px;
  line-height: 1.4;
}
section.smi-block.smi-brandbook .brandbook-item__links{
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
section.smi-block.smi-brandbook .brandbook-item__links .link-item{
  color: #001A70;
  border: 1px solid #001A70;
  padding: 4px 14px 4px 42px;
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 3V7C14 7.26522 14.1054 7.51957 14.2929 7.70711C14.4804 7.89464 14.7348 8 15 8H19M14 3H7C6.46957 3 5.96086 3.21071 5.58579 3.58579C5.21071 3.96086 5 4.46957 5 5V13M14 3L19 8M19 8V19C19 19.5304 18.7893 20.0391 18.4142 20.4142C18.0391 20.7893 17.5304 21 17 21H11.5M2 19H9M9 19L6 16M9 19L6 22" stroke="%23001A70" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-position: 5% center;
  font-weight: 500;
}
section.smi-block.smi-brandbook .brandbook-item__links .link-item.is-pdf{
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 3V7C14 7.26522 14.1054 7.51957 14.2929 7.70711C14.4804 7.89464 14.7348 8 15 8H19M14 3H7C6.46957 3 5.96086 3.21071 5.58579 3.58579C5.21071 3.96086 5 4.46957 5 5V12M14 3L19 8M19 8V12M5 18H6.5C6.89782 18 7.27936 17.842 7.56066 17.5607C7.84196 17.2794 8 16.8978 8 16.5C8 16.1022 7.84196 15.7206 7.56066 15.4393C7.27936 15.158 6.89782 15 6.5 15H5V21M17 18H19M20 15H17V21M11 15V21H12C12.5304 21 13.0391 20.7893 13.4142 20.4142C13.7893 20.0391 14 19.5304 14 19V17C14 16.4696 13.7893 15.9609 13.4142 15.5858C13.0391 15.2107 12.5304 15 12 15H11Z" stroke="%23001A70" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
section.smi-block.smi-brandbook .brandbook-line{
  display: flex;
  position: relative;
  z-index: 2;
}


section.smi-block.smi-subscribe{
  margin: 100px 0; 
  text-align: center;
}
section.smi-block.smi-subscribe .subscribe-text{
  max-width: 980px;
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  color: #001A70;
  margin: 0 auto;
}
section.smi-block.smi-subscribe .subscribe-text span{
  color: #0091DA;
}

section.smi-block.smi-subscribe .social-footer__list{
  justify-content: center;
}
section.smi-block.smi-subscribe .social-footer__item{
  border: none;
}

section.smi-block.smi-recipes{
  background-color: #FFB43C;
  position: relative;
}

section.smi-block.smi-recipes .l-section{
  max-width: 420px;
  padding: 80px 0;
}
.btn-doc{
  background-color: #fff;
  color: #001A70;
  padding: 6px 14px 6px 42px;
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 3V7C14 7.26522 14.1054 7.51957 14.2929 7.70711C14.4804 7.89464 14.7348 8 15 8H19M14 3H7C6.46957 3 5.96086 3.21071 5.58579 3.58579C5.21071 3.96086 5 4.46957 5 5V12M14 3L19 8M19 8V12M5 18H6.5C6.89782 18 7.27936 17.842 7.56066 17.5607C7.84196 17.2794 8 16.8978 8 16.5C8 16.1022 7.84196 15.7206 7.56066 15.4393C7.27936 15.158 6.89782 15 6.5 15H5V21M17 18H19M20 15H17V21M11 15V21H12C12.5304 21 13.0391 20.7893 13.4142 20.4142C13.7893 20.0391 14 19.5304 14 19V17C14 16.4696 13.7893 15.9609 13.4142 15.5858C13.0391 15.2107 12.5304 15 12 15H11Z" stroke="%23001A70" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-position: 5% center;
  font-weight: 500;
  font-size: 18px;
}

.btn-custom-link{
  background-color: #fff;
  color: #001A70;
  padding: 6px 14px 6px 42px;
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 15.5002L15 9.50024M11 6.50031L11.463 5.96431C12.4008 5.02663 13.6727 4.49991 14.9989 4.5C16.325 4.50009 17.5968 5.027 18.5345 5.96481C19.4722 6.90261 19.9989 8.1745 19.9988 9.50066C19.9987 10.8268 19.4718 12.0986 18.534 13.0363L18 13.5003M13.0001 18.5002L12.6031 19.0342C11.6544 19.9724 10.3739 20.4986 9.03964 20.4986C7.70535 20.4986 6.42489 19.9724 5.47614 19.0342C5.0085 18.5718 4.63724 18.0213 4.38385 17.4144C4.13047 16.8075 4 16.1564 4 15.4987C4 14.8411 4.13047 14.19 4.38385 13.5831C4.63724 12.9762 5.0085 12.4256 5.47614 11.9632L6.00014 11.5002" stroke="%23001A70" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-position: 5% center;
  font-weight: 500;
  font-size: 18px;
}

.recipes-images{
  display: flex;
  justify-content: flex-end;
  gap: 6px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 65%;
}

.single-post .news-single__thumb{
  position: relative;
  overflow: hidden;
  margin: 60px 0;
}
.single-post .news-single__thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.single-post .single-post__header .news-single__actions{
  display: flex;
  gap: 20px;
  position: absolute;
  right: 58px;
  top: 54px;
}
.single-post .news-single__actions.after-content{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-top: 60px;
}
.single-post .news-single__content h2,
.single-post .news-single__content h3,
.single-post .news-single__content h4,
.single-post .news-single__content h5,
.single-post .news-single__content h6,
.single-post .news-single__content blockquote,
.single-post .news-single__content ul,
.single-post .news-single__content p{
  width: 100%;
  max-width: 1270px;
  margin: 0 auto 16px;
  
}
.single-post .news-single__content p{
  margin-bottom: 16px;
}
.single-post .news-single__content h2,
.single-post .news-single__content h3,
.single-post .news-single__content h4,
.single-post .news-single__content h6,
.single-post .news-single__content h5{
  font-weight: 700;
}
.single-post .news-single__content h2,
.single-post .news-single__content h3,
.single-post .news-single__content h4,
.single-post .news-single__content h5,
.single-post .news-single__content blockquote{
  margin-bottom: 20px;
}
.single-post .news-single__content blockquote{
  padding: 14px;
  background-color: #FFFFFF;
}
.single-post .news-single__content img{
  max-width: 100%;
  
}
.single-post .news-single__content figure{
  text-align: center;
}
.single-post .news-single__content {
  color: #001A70;
  font-size: 18px;
  line-height: 1.4;
}

.news-related__grid{
  display: flex;
  gap: 42px;
  justify-content: space-between;
}
.news-related__grid .news-item{
  width: 100%;
  max-width: 33.33%;
}

@media (max-width: 1400px) {
  section.smi-block.smi-recipes .l-section{
    max-width: 400px;
  }
}

@media (max-width: 1200px) {
  section.smi-block.smi-brandbook .brandbook-line,
  section.smi-block.smi-find .line-two,
  section.smi-block.smi-achievements .achievements-list,
  section.smi-block.smi-who .line-two{
    flex-direction: column;
    align-items: flex-start;
  }
  
  section.smi-block.smi-achievements{
    padding: 20px 0;
  }
  section.smi-block.smi-achievements .achievement-item{
    max-width: 100%;
    padding: 30px 0;
  }
  section.smi-block.smi-brandbook .brandbook-1,
  section.smi-block.smi-achievements .achievement-1{
    padding-right: 0;
  }
  section.smi-block.smi-brandbook .brandbook-2,
  section.smi-block.smi-achievements .achievement-2{
    padding-left: 0;
  }
  section.smi-block.smi-brandbook .brandbook-2{
    border-left: 0;
    
    
  }
  section.smi-block.smi-achievements::before, section.smi-block.smi-achievements::after{
    width: 100%;
  }
  section.smi-block.smi-achievements::before{
    top: 0;
    bottom: auto;
    height: 50%;
  }
  section.smi-block.smi-achievements::after{
    bottom: 0;
    top: auto;
    height: 50%;
  }
  section.smi-block.smi-brandbook .brandbook-item{
    max-width: 100%;
  }
  section.smi-block.smi-brandbook::after{
    width: 100%;
    top: auto;
    height: 50%;
    border-top: 0;
  }
  section.smi-block.smi-brandbook .brandbook-2{
    position: relative;
  }
  section.smi-block.smi-brandbook .brandbook-2::before{
    content: '';
    position: absolute;
    top: 0;
    left: -1.25rem;
    right: -1.25rem;
    border-top: 1px solid #001A70;
  }
  .recipes-images{
    position: relative;
    top: auto;
    bottom: auto;
    width: 100%;
  }
  section.smi-block.smi-recipes{
    padding: 60px 0;
  }
  section.smi-block.smi-recipes .l-section{
    max-width: 100%;
    padding: 0;
    margin-bottom: 24px;
  }
  section.smi-block.smi-photos .main-block__title{
    position: relative;
    top: auto;
    left: auto;
    transform: translateX(0);
  }
  .smi-tabs__nav{
    justify-content: flex-start;
  }
  section.smi-block.smi-directions .directions-list{
    flex-wrap: wrap;
    justify-content: space-around;
  }
  section.smi-block.smi-media,
  section.smi-block.smi-communication,
  section.smi-block.smi-directions,
  section.smi-block.smi-history{
    padding: 60px 0;
  }
  section.smi-block.smi-subscribe{
    margin: 0;
    padding: 60px 0;
  }
  section.smi-block.smi-indicators{
    padding-bottom: 60px;
  }
  section.smi-block.smi-brandbook{
    margin-top: 60px;
    margin-bottom: 0;
  }
  .news-related__grid{
    flex-wrap: wrap;
  }
  .news-related__grid .news-item{
    max-width: 47.33%;
  }
}

@media (max-width: 996px) {
  
  section.smi-block.smi-indicators .cirlce-wrap{
    width: 100%;
  }
  section.smi-block.smi-indicators .ind_list .kpi-item .value{
    font-size: 50px;
  }
  section.smi-block.smi-indicators .ind_list .kpi-item{
    white-space: normal;
    max-width: 200px;
  }
  section.smi-block.smi-indicators{
    overflow: hidden;
  }
  section.smi-block.smi-directions .directions-item{
    width: 30%;
  }
  section.smi-block.smi-brandbook .brandbook-item{
    padding: 50px 0;
  }
  .news-related__grid .news-item{
    max-width: 100%;
  }
  section.smi-block.smi-indicators .cirlce-wrap .circle-white{
    position: absolute;
    width: 800px;
    height: 800px;
    left: 50%;
    transform: translateX(-50%);
  }
}

@media (max-width: 767px) {
  section.smi-block.smi-achievements .achievement-item__top .logo {
    width: 200px;
    min-width: 200px;
    height: 200px;
  }
  section.smi-block.smi-who{
    padding-top: 40px;
  }
  section.smi-block.smi-media, section.smi-block.smi-communication, section.smi-block.smi-directions, section.smi-block.smi-history{
    padding: 40px 0;
  }
  section.smi-block.smi-indicators .cirlce-wrap .circle-blue{
    width: 424px;
    height: 424px;
  }
  .kpi-ring{
    animation: none;
    left: auto;
    top: auto;
    width: 100%;
    height: 100%;
  }
  .kpi-item{
   animation: none;
   transform: none;
  }
  section.smi-block.smi-indicators .ind_list .kpi-item.indication-1{
    top: 30%;
    left: 0%;
  }
  section.smi-block.smi-indicators .ind_list .kpi-item.indication-2{
    top: 14%;
    left: 50%;
  }
  section.smi-block.smi-indicators .ind_list .kpi-item.indication-3{
    top: 40%;
    left: 75%;
  }
  section.smi-block.smi-indicators .ind_list .kpi-item.indication-4{
    top: 60%;
    left: 0%;
  }
  section.smi-block.smi-indicators .ind_list .kpi-item.indication-5{
    top: 73%;
    left: 45%;
  }
  section.smi-block.smi-media .news-detail {
    width: calc(100% - 20px);
  }
  section.smi-block.smi-achievements .achievement-item__top{
    flex-direction: column;
  }
  section.smi-block.smi-achievements .achievement-item__top .logo{
    width: 100%;
  }
  section.smi-block.smi-achievements .achievement-item__top .logo-line{
    border-radius: 0;
    border-right: 0;
  }
  section.smi-block.smi-achievements .achievement-item__bottom,
  section.smi-block.smi-achievements .achievement-item__top .detail{
    padding: 24px;
    text-align: center;
  }
  section.smi-block.smi-achievements .achievement-item__top .detail-flex{
    align-items: center;
  }
  section.smi-block.smi-achievements::before{
    height: 49%;
  }
  section.smi-block.smi-achievements::after{
    height: 51%;
  }
  section.smi-block.smi-history .logo-item{
    width: 120px;
  }
  .single-post .single-post__header .news-single__actions{
    position: relative;
    top: auto;
    right: auto;
    margin-bottom: 40px;
  }
  .single-post .news-single__thumb{
    margin-bottom: 20px;
    margin-top: 40px;
  }
}

@media (max-width: 580px) {
  section.smi-block.smi-indicators .cirlce-wrap .circle-white{
    height: 640px;
    width: 640px;
  }
  section.smi-block.smi-indicators .cirlce-wrap .circle-blue{
    width: 376px;
    height: 376px;
  }
  section.smi-block.smi-indicators .cirlce-wrap{
    height: 640px;
  }
  section.smi-block.smi-indicators .ind_list .kpi-item .value {
    font-size: 30px;
  }
  section.smi-block.smi-indicators .main-block__title{
    width: 240px;
    height: 240px;
    text-align: center;
    font-size: 32px;
  }
  section.smi-block.smi-indicators .ind_list .kpi-item.indication-2{
    top: 17%;
  }
  section.smi-block.smi-recipes {
    padding: 60px 0 20px;
  }
  .smi-tabs__btn{
    font-size: 12px;
  }
  section.smi-block.smi-brandbook .brandbook-item__links{
    gap: 14px;
  }
  .single-post .news-single__actions.after-content,
  .single-post .single-post__header .news-single__actions{
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 14px;
  }
  section.smi-block.smi-indicators .main-block__title{
    font-size: 24px;
  }
  section.smi-block.smi-indicators .ind_list .kpi-item.indication-1 {
    top: 24%;
    left: 2%;
  }
  section.smi-block.smi-indicators .ind_list .kpi-item.indication-2 {
    top: 22%;
    left: 66%;
  }
  section.smi-block.smi-indicators .ind_list .kpi-item.indication-3 {
    top: 53%;
    left: 70%;
  }
  section.smi-block.smi-indicators .ind_list .kpi-item.indication-4 {
    top: 57%;
    left: 0%;
  }
  section.smi-block.smi-indicators .ind_list .kpi-item.indication-5 {
    top: 75%;
    left: 40%;
  }
}
@media (max-width: 480px) {
  section.smi-block.smi-indicators .cirlce-wrap .circle-blue {
    width: 280px;
    height: 280px;
  }
  section.smi-block.smi-indicators .ind_list .kpi-item{
    font-size: 14px;
    padding: 10px;
  }
  section.smi-block.smi-indicators .main-block__title{
    width: 180px;
    height: 180px;
  }
  section.smi-block.smi-indicators .ind_list .kpi-item{
    max-width: 130px;
  }
  section.smi-block.smi-indicators .cirlce-wrap {
    height: 440px;
  }
  section.smi-block.smi-indicators .cirlce-wrap .circle-white {
    height: 440px;
    width: 440px;
  }
  
}