/***kyo update css ***/
.coin-product-description img {
  width: 100px;
  height: 100px;
  object-fit: contain;
 }
 @media only screen and (min-width: 991px) {
   .coin-kyo-page-component
     .coin-filter-component
     .view-filters
     .form--inline.clearfix {
     padding-left: 0;
     padding-top: 0;
   }
   .coin-kyo-page-component .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--first {
    width: 67%;
}

   .coin-kyo-product-component
     .coin-filter-component
     .view-filters
     .form--inline.clearfix {
     padding-left: 0;
     padding-top: 0;
   }
 }
 .more-btn {
   background: var(--white);
   border-radius: 6px;
   text-align: center;
   padding: 4px 10px;
   width: fit-content;
   height: auto;
   display: block;
   margin-left: auto;
   margin-top: 10px;
   padding-bottom: 6px;
 }
 .more-btn a {
   text-decoration: none;
   font-style: normal;
   font-size: 14px;
   line-height: 22px;
   text-align: center;
   color: var(--primary-one);
   vertical-align: middle;
   font-family: proximanovabold;
 }
 .more-icon:hover {
   background: var(--secondary-five);
 }
 .more-icon a:after {
   content: "";
   background: url(../images/kyo-grey-icon.png);
   background-repeat: no-repeat;
   padding-left: 15px;
   background-position: right;
   background-position: 6px;
 }
 .coin-overlay {
   width: 100%;
   position: absolute;
   background: var(--black-overlay);
   height: 100%;
   border-radius: 18px;
 }
 
 div#flexslider-cluster ul.slides li .field-content {
   border-radius: 18px;
   overflow: hidden;
 }
 .coin-kyo-page-component #flexslider-cluster ul li img {
   height: 23px;
   object-fit: cover;
   width: 23px;
 }
 /** kyo page **/
 
 .coin-yellow-block-img img {
   width: 100%;
   height: 200px;
   border-radius: 18px;
   margin-bottom: 10px;
   object-fit: cover;
 }
 
 .coin-yellow-block-text {
   font-style: normal;
   font-size: 18px;
   line-height: 25px;
   color: var(--pur-white);
   display: -webkit-box;
   max-width: 100%;
   -webkit-line-clamp: 4;
   -webkit-box-orient: vertical;
   overflow: hidden;
 }
 .coin-yellow-block-heading {
   font-style: normal;
   font-size: 18px;
   line-height: 25px;
   color: var(--pur-white);
   text-decoration: none;
   font-family: proximanovabold;
 }
 
 .coin-yellow-block-designation {
   font-style: normal;
   font-size: 18px;
   line-height: 25px;
   color: var(--pur-white);
   font-family: proximanovasemibold;
 }
 /* .coin-yellow-block-text p {
   display: -webkit-box;
   max-width: 100%;
   -webkit-line-clamp: 4;
   -webkit-box-orient: vertical;
   overflow: hidden;
 } */
 
 /**slider - timeline**/
 div#flexislider-timeline .flex-direction-nav a,
 .flexslider .flex-direction-nav a {
   display: block;
 }
 
 div#flexislider-timeline .flex-direction-nav .flex-next {
   opacity: 1;
   right: 6px !important;
 }
 
 div#flexislider-timeline .flexslider .flex-direction-nav .flex-prev {
   opacity: 1;
   right: 0;
   left: 36px;
 }
 
 div#flexislider-timeline:hover .flex-direction-nav .flex-prev {
   opacity: 0.7;
   left: 2px;
   opacity: 1;
 }
 div#flexislider-timeline .flex-direction-nav a.flex-next:before {
   color: var(--secondary-six) !important;
   background: var(--secondary-six) !important;
   width: 20px;
   height: 40px;
   clip-path: polygon(0 0, 15% 0, 100% 50%, 15% 100%, 0 100%, 85% 50%);
   box-shadow: 1px 1px 3px var(--primary-one);
 }
 div#flexislider-timeline .flex-direction-nav a.flex-prev:before {
   color: var(--secondary-six) !important;
   background: var(--secondary-six) !important;
   width: 20px;
   height: 40px;
   clip-path: polygon(85% 0, 100% 0, 15% 50%, 100% 100%, 85% 100%, 0% 50%);
 }
 
 @media only screen and (max-width: 991px) {
   div#flexislider-timeline .flexslider .flex-direction-nav .flex-prev {
     left: 0;
   }
 
   div#flexislider-timeline .flex-direction-nav .flex-next {
     right: 0px !important;
   }
 
   .coin-kyo-page-component .flexslider {
     margin: 0 0 10px 0;
     border: none;
   }
   .coin-kyo-page-component .coin-yellow-card-row .coin-block-card-component {
     margin-bottom: 10px;
   }
 
   .region-content {
     padding: 0;
   }
 }
 
 div#flexislider-timeline .flex-direction-nav .flex-prev {
   left: 6px !important;
 }
 
 div#flexislider-timeline {
   background: var(--secondary-five);
   border-radius: 18px;
   padding: 30px 40px;
 }
 .coin-grid-slide-title {
   font-style: normal;
   font-size: 36px;
   line-height: 44px;
   color: var(--primary-one);
   padding-bottom: 10px;
   font-family: proximanovabold;
 }
 
 .coin-grid-slide-text {
   font-style: normal;
   font-size: 14px;
   line-height: 22px;
   color: var(--primary-one);
 }
 
 /**slider - timeline**/
 
 /**slider - banner**/
 .flex-control-paging li a {
   background: rgba(255, 255, 255, 0.5);
   border-radius: 0px;
   width: 30px;
   height: 5px;
 }
 
 .flex-control-paging li a.flex-active {
   background: var(--pur-white);
 }
 
 div#flexslider-1 .flex-control-paging li a:hover {
   background: rgba(255, 255, 255, 0.5);
 }
 
 div#flexslider-1 .flex-control-nav {
   bottom: 0;
   z-index: 10;
 }
 /**slider - banner**/
 
 /**slider - cluster**/
 div#flexslider-cluster .flex-direction-nav a.flex-prev:before {
   background-repeat: no-repeat;
   font-size: 233px;
   content: "\f001";
   color: transparent !important;
   text-shadow: none !important;
   background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="22" viewBox="0 0 14 22" fill="none"><path d="M13 1L2 11L13 21" stroke="white" stroke-width="2"/></svg>');
   background-repeat: no-repeat;
   background-size: 10px;
 }
 
 div#flexslider-cluster .flex-direction-nav a.flex-next:before {
   background-repeat: no-repeat;
   font-size: 233px;
   content: "\f001";
   color: transparent !important;
   text-shadow: none !important;
   background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="22" viewBox="0 0 14 22" fill="none"><path d="M1 1L12 11L1 21" stroke="white" stroke-width="2"/></svg>');
   background-repeat: no-repeat;
   background-size: 10px;
 }
 
 div#flexslider-cluster .coin-slider-title {
   width: 100%;
   position: absolute;
   z-index: 99;
   background: rgba(0, 0, 0, 0.5);
   height: -webkit-fill-available;
   border-radius: 14px;
 }
 
 div#flexslider-cluster .coin-slider-title span a {
   font-style: normal;
   font-weight: 700;
   font-size: 37px;
   line-height: 52px;
   color: var(--pur-white);
   text-decoration: none;
   display: -webkit-box;
   max-width: 100%;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
   overflow: hidden;
 }
 
 div#flexslider-cluster .flexslider .slides img {
   height: auto;
   border-radius: 14px;
 }
 
 div#flexslider-cluster .flexslider .flex-direction-nav a,
 .flexslider .flex-direction-nav a {
   display: block;
 }
 
 div#flexslider-cluster .flexslider .flex-direction-nav .flex-next {
   opacity: 1;
   right: -12px;
 }
 
 div#flexslider-cluster .flexslider .flex-direction-nav .flex-prev {
   opacity: 1;
   right: 0;
   left: 36px;
 }
 
 div#flexslider-cluster .flexslider:hover .flex-direction-nav .flex-prev {
   opacity: 0.7;
   left: 2px;
   opacity: 1;
 }
 
 @media only screen and (max-width: 991px) {
   div#flexslider-cluster .flexslider .flex-direction-nav .flex-prev {
     left: 0;
   }
 
   div#flexslider-cluster .flex-direction-nav .flex-next {
     right: 0px !important;
   }
 
   div#flexslider-cluster.flexslider .flex-direction-nav .flex-prev {
     left: 0px !important;
   }
 
   .region-content {
     padding: 0;
   }
 }
 div#flexslider-cluster .flexslider .flex-direction-nav .flex-prev {
   left: 0;
 }
 
 div#flexslider-cluster.flexslider .flex-direction-nav .flex-prev {
   opacity: 1;
   right: 0;
   left: -12px !important;
   top: 28px;
 }
 
 div#flexslider-cluster.flexslider .flex-direction-nav .flex-next {
   opacity: 1;
   right: -42px !important;
   top: 28px;
 }
 @media only screen and (max-width: 991px) {
   div#flexslider-cluster.flexslider .flex-direction-nav .flex-next {
     right: -2px !important;
   }
   div#flexislider-timeline .flex-direction-nav .flex-prev {
     left: 0px !important;
   }
 }
 
 /**slider - cluster*/
 @media only screen and (max-width: 991px) and (min-width: 640px) {
  .coin-kyo-page-component div#flexslider-1.flexslider .slides img {
    height: 430px;
  }
  .coin-kyo-page-component .coin-yellow-card-row .coin-block-card-component {
    height: 430px;
  }
  body.coin-kyo-page-component #flexslider-1 {
    padding-right: 10px;
  }
  .coin-yellow-block-img img {
    height: 150px;
  }
  body.coin-kyo-page-component
    div#flexslider-1.flexslider
    .flex-direction-nav
    .flex-next {
    right: 10px !important;
  }
}
 
 @media only screen and (min-width: 991px) {
  /* .coin-kyo-page-component div#flexslider-1 .slides img {
    height: 460px;
  }
  .coin-kyo-page-component .coin-yellow-card-row .coin-block-card-component {
    height: 460px;
  }
  */
   .coin-yellow-card-row {
     padding-left: 10px;
   }
 
   .coin-kyo-page-component .coin-card-row-component {
     padding-right: 45px;
     padding-left: 0px;
   }
 
   .coin-kyo-page-component .coin-section-page-title h2 {
     /*padding-left: 0;*/
     margin-bottom: 20px;
   }
 
   .coin-grid-slide-title {
     padding: 0px 20px 10px 0px;
   }
 
   .coin-grid-slide-text {
     padding: 0px 20px 0px 0px;
   }
 }
 
 svg.coin-grid-img-slide,
 .coin-grid-img-slide {
   position: absolute;
   margin-top: 10px;
   left: 5%;
   width: 25px !important;
   height: 25px !important;
   color: var(--pur-white);
 }
 
 div#flexslider-cluster ul.slides li {
   position: relative;
 }
 
 .coin-kyo-slide-title a {
   position: absolute;
   left: 4%;
   text-decoration: none;
   font-style: normal;
   font-size: 18px;
   color: var(--pur-white);
   bottom: 4%;
   font-family: 'proximanovasemibold';
 }
 
 /**** kyo listing page ***/
 .coin-kyo-product-col {
   display: flex;
   position: relative;
 }
 
 .coin-kyo-product-col .views-field-field-news-media-image-video-pdf {
   width: 25%;
 }
 
 .coin-kyo-product-col .views-field-field-news-media-image-video-pdf img {
   width: 100%;
   border-radius: 18px;
   height: auto;
   object-fit: inherit;
   height: 260px;
 }
 
 .coin-kyo-product-col .views-field.views-field-body {
   display: flex;
   padding-right: 0px;
   background: var(--secondary-five);
   padding: 30px 30px;
   border-radius: 18px;
   margin: 0px 0px 0px 20px;
 }
 .coin-kyo-product-col .views-field.views-field-body {
   width: 80%;
 }
 
 @media only screen and (max-width: 991px) {
   .coin-kyo-product-col {
     display: block;
     margin-bottom: 20px;
   }
   .coin-kyo-prod-detail-banner img {
     margin-bottom: 10px !important;
   }
   .coin-kyo-product-col .views-field.views-field-body {
     width: 100%;
   }
 
   .coin-kyo-product-col .views-field-field-news-media-image-video-pdf {
     width: 100%;
   }
 
   .coin-kyo-product-col .views-field-field-news-media-image-video-pdf img {
     width: 100%;
     padding: 10px;
     height: auto;
   }
 
   .coin-kyo-product-col .views-field.views-field-body {
     display: block;
     padding: 20px;
     margin: 0;
   }
 }
 
 .coin-product-description * {
   font-style: normal;
   font-weight: 400;
   font-size: 16px;
   padding-top: 10px;
   color: var(--primary-one);
   text-decoration: none;
 }
 
 .coin-kyo-product-component .page-title {
   text-align: left !important;
 }
 
 @media only screen and (min-width: 991px) {
   .coin-kyo-product-col {
     margin-bottom: 20px;
   }
 }
 /*** kyo listing page 88***/
 
 /** kyo detail page **/
 .coin-kyo-prod-detail-banner img {
   width: 100%;
   margin-bottom: 30px;
   border-radius: 18px;
 }
 
 .coin-kyo-brand-component span.coin-yellow-block-heading {
   font-style: normal;
   font-weight: 700;
   font-size: 24px;
   line-height: 33px;
   color: var(--pur-white);
 }
 
 .coin-kyo-brand-subheading a {
   font-style: normal;
   font-weight: 700;
   font-size: 24px;
   line-height: 33px;
   color: var(--pur-white);
   text-decoration: none;
 }
 
 .coin-kyo-brand-description {
   font-style: normal;
   font-size: 15px;
   line-height: 19px;
   color: var(--pur-white);
 }
 .gray-postioning-block {
   padding: 30px 30px !important;
   margin-bottom: 10px !important;
 }
 .yellow-card-positioning {
   margin-bottom: 10px !important;
 }
 
 .coin-kyo-brand-name {
   font-style: normal;
   font-size: 18px;
   color: var(--primary-one);
   margin-bottom: 8px;
   font-family: proximanovabold;
 }
 
 .coin-kyo-brand-text {
   font-style: normal;
   font-weight: 400;
   font-size: 14px;
   line-height: 20px;
   color: var(--primary-one);
   margin-bottom: 4px;
 }
 @media only screen and (min-width: 640px) {
   body.coin-kyo-page-component.page-node-type-product .layout--twocol-section{
     gap:10px;
     width: 100%;
 }
 .yellow-card-positioning{
    flex: 0 1 calc(70% - 5px) !important;
 
 }
 .gray-postioning-block{
    flex: 0 1 calc(30% - 5px) !important;
 }
 
 }
 
 
 @media only screen and (min-width: 991px) {
   body.coin-kyo-page-component .flexslider {
     margin-bottom: 20px;
     border: none;
   }

   /*.gray-postioning-block {
     position: relative;
     left: 5px;
   }
   .yellow-card-positioning {
     position: relative;
     right: 5px;
   }*/
   .yellow-card-positioning{
     flex: 0 1 calc(75% - 5px) !important;
  
  }
  .gray-postioning-block{
     flex: 0 1 calc(25% - 5px) !important;
  }
  .yellow-card-positioning .coin-yellow-block-heading{
 font-size: 22px;
}
.yellow-card-positioning .coin-kyo-brand-description{
 font-size:18px;
 margin-top: 10px;
 line-height: 1.4;
}
  
 }
 @media only screen and (max-width: 991px) {
   svg.coin-grid-img-slide,
   .coin-grid-img-slide {
     left: 2% !important;
   }
   .coin-kyo-brand-description *:last-child{
     margin-bottom:0px;
    }  
  
 }


 /* brand image  */


.cluster-brand-section-image .field.field--name-field-brand-product-image > .field__item {
  width: calc(24% - 10px);
}

.cluster-brand-section-image .field.field--name-field-brand-product-image {
  display: flex;
  gap: 10px;
  align-items: center;
  width: 100%;
}
@media only screen and (max-width: 991px) {
   .cluster-brand-section-image .field.field--name-field-brand-product-image > .field__item {
   width: calc(49% - 10px);
}
}

  .coin-kyo-page-component .coin-product-description{
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 5px;
}