.mistri-case-read-block {
  padding: 80px 0;
}
.mistri-case-read-block .left-view .image {
  height: 397px;
}
@media (max-width: 1399px) {
  .mistri-case-read-block .left-view .image {
    height: auto;
  }
}
.mistri-case-read-block .left-view .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mistri-case-read-block .left-view h3 {
  margin: 37px 0 28px 0;
}
.mistri-case-read-block .left-view .rich-text p {
  font-size: 16px;
  line-height: 28px;
}
@media (max-width: 991px) {
  .mistri-case-read-block .right-view {
    margin-top: 20px;
  }
  .mistri-case-read-block {
  padding: 40px 0;
}
}
.mistri-case-read-block .right-view .item-one {
  text-align: center;
  background-color: var(--title-text-color);
  margin-bottom: 30px;
  padding-bottom: 30px;
  width: 374px;
}
@media (max-width: 991px) {
  .mistri-case-read-block .right-view .item-one {
    width: 100%;
  }
}
.mistri-case-read-block .right-view .item-one .image {
  height: 415px;
}
@media (max-width: 1399px) {
  .mistri-case-read-block .right-view .item-one .image {
    height: auto;
  }
}
.mistri-case-read-block .right-view .item-one .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mistri-case-read-block .right-view .item-one h3 {
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 32px;
  padding: 0 20px;
}
@media (max-width: 991px) {
  .mistri-case-read-block .right-view .item-one h3 {
    font-size: 20px;
    padding: 10px 20px;
  }
}
.mistri-case-read-block .right-view .item-one a {
  color: var(--color-primary);
  padding: 12px 22px;
  background-color: #fff;
  border-radius: var(--button-radius);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  border: 1px solid #fff;
}

.mistri-case-read-block .right-view .item-one a:hover {
  color: #fff;
  padding: 12px 22px;
  background-color: var(--color-primary);
  border-radius: var(--button-radius);
   border: 1px solid #fff;
}





@media (max-width: 991px) {
  .mistri-case-read-block .right-view .item-one a {
    font-size: 14px;
    padding: 8px 12px;
  }
}
.mistri-case-read-block .right-view .item-one a .icon {
  padding: 10px;
  background-color: #ffffff;
  color: var(--color-primary);
  border-radius: 5px;
  margin-left: 10px;
  display: inline-block;
}
.mistri-case-read-block .right-view .item-one a .icon .arrow {
  width: 14px;
  height: 16px;
  display: flex;
  font-size: 14px !important;
}
.mistri-case-read-block .right-view .item-two {
  width: 374px;
  text-align: center;
  padding: 40px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .mistri-case-read-block .right-view .item-two {
    width: 100%;
  }
}
.mistri-case-read-block .right-view .item-two .icon {
  width: 100px;
  height: 100px;
  color: var(--color-primary);
  margin: 0 auto;
  border-radius: 50%;
  border: 2px solid #ffffff;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mistri-case-read-block .right-view .item-two .icon .phone {
  font-size: 50px;
}
.mistri-case-read-block .right-view .item-two .icon .ring-animation {
  animation: ring-animation 1.5s ease-in-out infinite;
}
@keyframes ring-animation {
  0% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
  20%,
  32%,
  44%,
  56%,
  68% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
  23%,
  35%,
  47%,
  59%,
  71% {
    transform: rotate3d(0, 0, 1, 15deg);
  }
  26%,
  38%,
  50%,
  62%,
  74% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
  29%,
  41%,
  53%,
  65%,
  77% {
    transform: rotate3d(0, 0, 1, -15deg);
  }
  80% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.mistri-case-read-block .right-view .item-two h3 {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .mistri-case-read-block .right-view .item-two h3 {
    font-size: 20px;
  }
}
.mistri-case-read-block .right-view .item-two .line {
  display: flex;
  align-items: center;
}
.mistri-case-read-block .right-view .item-two .line span {
  display: inline-block;
  color: #888888;
}
.mistri-case-read-block .right-view .item-two .line .sm-line {
  width: 48px;
  height: 2px;
  background-color: var(--color-primary);
  margin-right: 10px;
}
.mistri-case-read-block .right-view .item-two .line .big-line {
  width: 100%;
  height: 2px;
  background-color: var(--color-primary);
}
.mistri-case-read-block .right-view .item-two a {
  color: #fff;
  font-weight: 600;
  font-size: 22px;
  margin-top: 28px;
  text-decoration: none;
  display: inline-block;
}
@media (max-width: 991px) {
  .mistri-case-read-block .right-view .item-two a {
    font-size: 20px;
  }
}
.mistri-case-read-block .right-view .item-three {
  background-color: #f3f3f3;
  width: 374px;
}
@media (max-width: 991px) {
  .mistri-case-read-block .right-view .item-three {
    width: 100%;
  }
}
.mistri-case-read-block .right-view .item-three .content {
  padding: 30px;
  padding-top: 27px;
}
.mistri-case-read-block .right-view .item-three .content h3 {
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 600;
}
@media (max-width: 991px) {
  .mistri-case-read-block .right-view .item-three .content h3 {
    font-size: 20px;
  }
}
.mistri-case-read-block .right-view .item-three .content p {
  margin: 0;
  padding: 0;
  line-height: 28px;
  font-size: 16px;
}
@media (max-width: 991px) {
  .mistri-case-read-block .right-view .item-three .content p {
    font-size: 14px;
  }
}

@media (max-width: 691px) {
  .mistri-case-read-block .right-view .item-three .content p {
    font-size: 13px;
  }
}





.mistri-case-read-block .right-view .item-three a {
  color: #fff;
  padding: 12px 22px;
  background-color: var(--color-primary);
  font-weight: 600;
  margin-bottom: 30px;
  /*border-top-right-radius: var(--button-radius);*/
  /*border-bottom-right-radius: var(--button-radius);*/
  text-decoration: none;
  display: inline-block;
  border: 1px solid var(--color-primary);
  margin-left: 30px;
  border-radius: var(--button-radius);
}


.mistri-case-read-block .right-view .item-three a:hover {
 background: none;
    border: 1px solid var(--color-primary);
    color: var(--color-primary);
}


@media (max-width: 991px) {
  .mistri-case-read-block .right-view .item-three a {
    font-size: 14px;
    padding: 7px 9px;
  }
}
.mistri-case-read-block .right-view .item-three a .icon {
  padding: 10px;
  background-color: #fff;
  color: var(--color-primary);
  margin-right: 10px;
  border-radius: 5px;
  display: inline-block;
}
.mistri-case-read-block .right-view .item-three a .icon .arrow {
  width: 14px;
  height: 16px;
  display: flex;
  font-size: 14px !important;
  text-align: center;
}