/** Shopify CDN: Minification failed

Line 409:12 Unexpected "{"
Line 409:21 Expected ":"
Line 410:16 Expected identifier but found whitespace
Line 410:18 Unexpected "{"
Line 410:27 Expected ":"
Line 410:78 Expected ":"
Line 411:19 Expected identifier but found whitespace
Line 411:21 Unexpected "{"
Line 411:30 Expected ":"
Line 411:84 Expected ":"
... and 10 more hidden warnings

**/
/** Shopify CDN: Minification failed

Line 394:12 Unexpected "{"
Line 394:21 Expected ":"
Line 395:16 Expected identifier but found whitespace
Line 395:18 Unexpected "{"
Line 395:27 Expected ":"
Line 395:78 Expected ":"
Line 396:19 Expected identifier but found whitespace
Line 396:21 Unexpected "{"
Line 396:30 Expected ":"
Line 396:84 Expected ":"
... and 10 more hidden warnings

**/
/** Shopify CDN: Minification failed

Line 379:12 Unexpected "{"
Line 379:21 Expected ":"
Line 380:16 Expected identifier but found whitespace
Line 380:18 Unexpected "{"
Line 380:27 Expected ":"
Line 380:78 Expected ":"
Line 381:19 Expected identifier but found whitespace
Line 381:21 Unexpected "{"
Line 381:30 Expected ":"
Line 381:84 Expected ":"
... and 10 more hidden warnings

**/
/** Shopify CDN: Minification failed

Line 364:12 Unexpected "{"
Line 364:21 Expected ":"
Line 365:16 Expected identifier but found whitespace
Line 365:18 Unexpected "{"
Line 365:27 Expected ":"
Line 365:78 Expected ":"
Line 366:19 Expected identifier but found whitespace
Line 366:21 Unexpected "{"
Line 366:30 Expected ":"
Line 366:84 Expected ":"
... and 10 more hidden warnings

**/
/** Shopify CDN: Minification failed

Line 349:12 Unexpected "{"
Line 349:21 Expected ":"
Line 350:16 Expected identifier but found whitespace
Line 350:18 Unexpected "{"
Line 350:27 Expected ":"
Line 350:78 Expected ":"
Line 351:19 Expected identifier but found whitespace
Line 351:21 Unexpected "{"
Line 351:30 Expected ":"
Line 351:84 Expected ":"
... and 10 more hidden warnings

**/
/** Shopify CDN: Minification failed

Line 334:12 Unexpected "{"
Line 334:21 Expected ":"
Line 335:16 Expected identifier but found whitespace
Line 335:18 Unexpected "{"
Line 335:27 Expected ":"
Line 335:78 Expected ":"
Line 336:19 Expected identifier but found whitespace
Line 336:21 Unexpected "{"
Line 336:30 Expected ":"
Line 336:84 Expected ":"
... and 10 more hidden warnings

**/
/** Shopify CDN: Minification failed

Line 319:12 Unexpected "{"
Line 319:21 Expected ":"
Line 320:16 Expected identifier but found whitespace
Line 320:18 Unexpected "{"
Line 320:27 Expected ":"
Line 320:78 Expected ":"
Line 321:19 Expected identifier but found whitespace
Line 321:21 Unexpected "{"
Line 321:30 Expected ":"
Line 321:84 Expected ":"
... and 10 more hidden warnings

**/
/** Shopify CDN: Minification failed

Line 304:12 Unexpected "{"
Line 304:21 Expected ":"
Line 305:16 Expected identifier but found whitespace
Line 305:18 Unexpected "{"
Line 305:27 Expected ":"
Line 305:78 Expected ":"
Line 306:19 Expected identifier but found whitespace
Line 306:21 Unexpected "{"
Line 306:30 Expected ":"
Line 306:84 Expected ":"
... and 10 more hidden warnings

**/
/** Shopify CDN: Minification failed

Line 289:12 Unexpected "{"
Line 289:21 Expected ":"
Line 290:16 Expected identifier but found whitespace
Line 290:18 Unexpected "{"
Line 290:27 Expected ":"
Line 290:78 Expected ":"
Line 291:19 Expected identifier but found whitespace
Line 291:21 Unexpected "{"
Line 291:30 Expected ":"
Line 291:84 Expected ":"
... and 10 more hidden warnings

**/
/** Shopify CDN: Minification failed

Line 274:12 Unexpected "{"
Line 274:21 Expected ":"
Line 275:16 Expected identifier but found whitespace
Line 275:18 Unexpected "{"
Line 275:27 Expected ":"
Line 275:78 Expected ":"
Line 276:19 Expected identifier but found whitespace
Line 276:21 Unexpected "{"
Line 276:30 Expected ":"
Line 276:84 Expected ":"
... and 10 more hidden warnings

**/
/** Shopify CDN: Minification failed

Line 259:12 Unexpected "{"
Line 259:21 Expected ":"
Line 260:16 Expected identifier but found whitespace
Line 260:18 Unexpected "{"
Line 260:27 Expected ":"
Line 260:78 Expected ":"
Line 261:19 Expected identifier but found whitespace
Line 261:21 Unexpected "{"
Line 261:30 Expected ":"
Line 261:84 Expected ":"
... and 10 more hidden warnings

**/
/** Shopify CDN: Minification failed

Line 244:12 Unexpected "{"
Line 244:21 Expected ":"
Line 245:16 Expected identifier but found whitespace
Line 245:18 Unexpected "{"
Line 245:27 Expected ":"
Line 245:78 Expected ":"
Line 246:19 Expected identifier but found whitespace
Line 246:21 Unexpected "{"
Line 246:30 Expected ":"
Line 246:84 Expected ":"
... and 10 more hidden warnings

**/
/** Shopify CDN: Minification failed

Line 229:12 Unexpected "{"
Line 229:21 Expected ":"
Line 230:16 Expected identifier but found whitespace
Line 230:18 Unexpected "{"
Line 230:27 Expected ":"
Line 230:78 Expected ":"
Line 231:19 Expected identifier but found whitespace
Line 231:21 Unexpected "{"
Line 231:30 Expected ":"
Line 231:84 Expected ":"
... and 10 more hidden warnings

**/
/** Shopify CDN: Minification failed

Line 214:12 Unexpected "{"
Line 214:21 Expected ":"
Line 215:16 Expected identifier but found whitespace
Line 215:18 Unexpected "{"
Line 215:27 Expected ":"
Line 215:78 Expected ":"
Line 216:19 Expected identifier but found whitespace
Line 216:21 Unexpected "{"
Line 216:30 Expected ":"
Line 216:84 Expected ":"
... and 10 more hidden warnings

**/
/** Shopify CDN: Minification failed

Line 199:12 Unexpected "{"
Line 199:21 Expected ":"
Line 200:16 Expected identifier but found whitespace
Line 200:18 Unexpected "{"
Line 200:27 Expected ":"
Line 200:78 Expected ":"
Line 201:19 Expected identifier but found whitespace
Line 201:21 Unexpected "{"
Line 201:30 Expected ":"
Line 201:84 Expected ":"
... and 10 more hidden warnings

**/
/** Shopify CDN: Minification failed

Line 184:12 Unexpected "{"
Line 184:21 Expected ":"
Line 185:16 Expected identifier but found whitespace
Line 185:18 Unexpected "{"
Line 185:27 Expected ":"
Line 185:78 Expected ":"
Line 186:19 Expected identifier but found whitespace
Line 186:21 Unexpected "{"
Line 186:30 Expected ":"
Line 186:84 Expected ":"
... and 10 more hidden warnings

**/
/** Shopify CDN: Minification failed

Line 169:12 Unexpected "{"
Line 169:21 Expected ":"
Line 170:16 Expected identifier but found whitespace
Line 170:18 Unexpected "{"
Line 170:27 Expected ":"
Line 170:78 Expected ":"
Line 171:19 Expected identifier but found whitespace
Line 171:21 Unexpected "{"
Line 171:30 Expected ":"
Line 171:84 Expected ":"
... and 10 more hidden warnings

**/
/** Shopify CDN: Minification failed

Line 154:12 Unexpected "{"
Line 154:21 Expected ":"
Line 155:16 Expected identifier but found whitespace
Line 155:18 Unexpected "{"
Line 155:27 Expected ":"
Line 155:78 Expected ":"
Line 156:19 Expected identifier but found whitespace
Line 156:21 Unexpected "{"
Line 156:30 Expected ":"
Line 156:84 Expected ":"
... and 10 more hidden warnings

**/
/** Shopify CDN: Minification failed

Line 139:12 Unexpected "{"
Line 139:21 Expected ":"
Line 140:16 Expected identifier but found whitespace
Line 140:18 Unexpected "{"
Line 140:27 Expected ":"
Line 140:78 Expected ":"
Line 141:19 Expected identifier but found whitespace
Line 141:21 Unexpected "{"
Line 141:30 Expected ":"
Line 141:84 Expected ":"
... and 10 more hidden warnings

**/
/** Shopify CDN: Minification failed

Line 124:12 Unexpected "{"
Line 124:21 Expected ":"
Line 125:16 Expected identifier but found whitespace
Line 125:18 Unexpected "{"
Line 125:27 Expected ":"
Line 125:78 Expected ":"
Line 126:19 Expected identifier but found whitespace
Line 126:21 Unexpected "{"
Line 126:30 Expected ":"
Line 126:84 Expected ":"
... and 10 more hidden warnings

**/
/** Shopify CDN: Minification failed

Line 109:12 Unexpected "{"
Line 109:21 Expected ":"
Line 110:16 Expected identifier but found whitespace
Line 110:18 Unexpected "{"
Line 110:27 Expected ":"
Line 110:78 Expected ":"
Line 111:19 Expected identifier but found whitespace
Line 111:21 Unexpected "{"
Line 111:30 Expected ":"
Line 111:84 Expected ":"
... and 10 more hidden warnings

**/
/** Shopify CDN: Minification failed

Line 94:12 Unexpected "{"
Line 94:21 Expected ":"
Line 95:16 Expected identifier but found whitespace
Line 95:18 Unexpected "{"
Line 95:27 Expected ":"
Line 95:78 Expected ":"
Line 96:19 Expected identifier but found whitespace
Line 96:21 Unexpected "{"
Line 96:30 Expected ":"
Line 96:84 Expected ":"
... and 10 more hidden warnings

**/
/** Shopify CDN: Minification failed

Line 79:12 Unexpected "{"
Line 79:21 Expected ":"
Line 80:16 Expected identifier but found whitespace
Line 80:18 Unexpected "{"
Line 80:27 Expected ":"
Line 80:78 Expected ":"
Line 81:19 Expected identifier but found whitespace
Line 81:21 Unexpected "{"
Line 81:30 Expected ":"
Line 81:84 Expected ":"
... and 10 more hidden warnings

**/
/** Shopify CDN: Minification failed

Line 64:12 Unexpected "{"
Line 64:21 Expected ":"
Line 65:16 Expected identifier but found whitespace
Line 65:18 Unexpected "{"
Line 65:27 Expected ":"
Line 65:78 Expected ":"
Line 66:19 Expected identifier but found whitespace
Line 66:21 Unexpected "{"
Line 66:30 Expected ":"
Line 66:84 Expected ":"
... and 10 more hidden warnings

**/
/** Shopify CDN: Minification failed

Line 49:12 Unexpected "{"
Line 49:21 Expected ":"
Line 50:16 Expected identifier but found whitespace
Line 50:18 Unexpected "{"
Line 50:27 Expected ":"
Line 50:78 Expected ":"
Line 51:19 Expected identifier but found whitespace
Line 51:21 Unexpected "{"
Line 51:30 Expected ":"
Line 51:84 Expected ":"
... and 10 more hidden warnings

**/
/** Shopify CDN: Minification failed

Line 34:12 Unexpected "{"
Line 34:21 Expected ":"
Line 35:16 Expected identifier but found whitespace
Line 35:18 Unexpected "{"
Line 35:27 Expected ":"
Line 35:78 Expected ":"
Line 36:19 Expected identifier but found whitespace
Line 36:21 Unexpected "{"
Line 36:30 Expected ":"
Line 36:84 Expected ":"
... and 10 more hidden warnings

**/
/** Shopify CDN: Minification failed

Line 19:12 Unexpected "{"
Line 19:21 Expected ":"
Line 20:16 Expected identifier but found whitespace
Line 20:18 Unexpected "{"
Line 20:27 Expected ":"
Line 20:78 Expected ":"
Line 21:19 Expected identifier but found whitespace
Line 21:21 Unexpected "{"
Line 21:30 Expected ":"
Line 21:84 Expected ":"
... and 10 more hidden warnings

**/
.joe-title{
  
}
  .section-{{ section.id }}-padding {
    padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 }}px;
    padding-bottom: {{ section.settings.padding_bottom | times: 0.75 | round: 0 }}px;
  }

.joe-title{
  text-align: center;
}
.joe-title h2{
    display: inline-block;
    position:relative;
  }
 .joe-title h2::after{
   content:'';
   display:block;
   width:90%;
   height:2px;
   background:#000;
   margin:0 auto;
   max-width: 200px;
   margin-top: 5px;
 } 
  @media screen and (min-width: 750px) {
    .section-{{ section.id }}-padding {
      padding-top: {{ section.settings.padding_top }}px;
      padding-bottom: {{ section.settings.padding_bottom }}px;
    }
  }

.certificates{
  position:relative;
  width: 100%;
  height: 100%;
  max-width: 1400px;
  margin:2em auto;
}
.certificates__item{}
.certificates__img-wrap{
    padding-bottom: 127%;
    position: relative;
    border: 2px solid;
    width: 100%;
}
.certificates__img-wrap img{
  
width: auto;
  
height: 99%;
  
object-fit: cover;
  
position: absolute;
  
top: 0;
  
left: 50%;
  
transform: translateX(-50%);
}

.certificates__container.swiper-container {
  width:96%;
  margin:0 auto;
  padding-bottom: 2em;
}
.certificates__container .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  transition: 300ms;
  transform: scale(0.8);
}
.certificates__container .swiper-slide-active,.swiper-slide-duplicate-active{
    transform: scale(1);
    z-index: 2;
}

.certificates .swiper-button-next,
.certificates .swiper-button-prev{
  display:block;
  color:#e6e6e6
}
.certificates .swiper-pagination-bullet-active{
    color:#e6e6e6
}
.certificates .swiper-button-next:hover,
.certificates .swiper-button-prev:hover{
 color:#91b94c;
}
.certificates .swiper-pagination-bullet-active{
background:#91b94c
}

/*banner start*/
.home-pages-banner__item{
}
.home-pages-banner__img-wrap{
  position:relative;
  padding-bottom: 35%;
  width:100%
}
.home-pages-banner__img-wrap img{
  position:absolute;
  width:100%;
  height:100%;
  
}
.home-pages-banner .swiper-button-next,
.home-pages-banner .swiper-button-prev{
  display:block;
  color:#000000
}
.home-pages-banner .swiper-pagination-bullet-active{
    color:#e6e6e6
}
.home-pages-banner .swiper-button-next:hover,
.home-pages-banner .swiper-button-prev:hover{
 color:#91b94c;
}
.home-pages-banner .swiper-pagination-bullet-active{
background:#91b94c
}
/*banner end*/

.joe-news-title{

display: flex;

flex-direction: column;
}
.joe-news-title h2{
  
}
.joe-news-title p{
  
}
.joe-home-news{

}
.joe-home-news-list__items{
  background:#f6f8f9;
}
.joe-home__faqs-tab-wrap{

display: grid;

gap: 2em;

grid-template-columns: 65% calc(35% - 2em);

list-style: none;

margin-top: 2em;
}
.joe-home__faqs-tab{}
.joe-home__faqs-tab-title{
    border-bottom: 1px solid #000;
    display: flex;
}
.joe-home__img-wrap{}
.joe-home__img-wrap img{
  width:100%;
  max-width: 360px;
  display:block;
  margin: 0 auto;
}
.joe-home__faqs-tab-title-item{
      transition: opacity .15s linear;
      flex: 1 1 auto;
      text-align: center;
      margin: 0;
      padding: .8em;
}
.joe-home__faqs-tab-title-item:hover{
  cursor:pointer
}
.joe-home__faqs-tab-title-item.cur{
  display:block;
  text-align: center;
  background: #91b94c;
  color: #fff;
  font-weight: 900;
}

.joe-home__faqs-tab-content{}
.joe-home__faqs-tab-content-item{
     transition: opacity .15s linear;
      display:none
}
.joe-home__faqs-tab-content-item.cur{
  display:block;
}
.joe-home__faqs-tab-content-item ul{
    padding-left: 1em;
}
.joe-home__faqs-tab-content-item ul li{
    list-style-type: none;
    padding: 10px;
}
.joe-home__faqs-tab-content-item ul li:not(:last-child){
  border-bottom: 1px solid #ddd;
}
.joe-home__faqs-tab-content-item ul li strong{
    display: flex;
    align-items: center;
}
.joe-home__faqs-tab-content-item ul li strong:before{
  content:'';
  display:inline-block;
  width: 16px;
  height: 16px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzU2NzA0NjI3NTUxIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjE0NzkiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTkyNS42OTYgMzg0cTE5LjQ1NiAwIDM3LjM3NiA3LjY4dDMwLjcyIDIwLjQ4IDIwLjQ4IDMwLjcyIDcuNjggMzcuMzc2cTAgMjAuNDgtNy42OCAzNy44ODh0LTIwLjQ4IDMwLjIwOC0zMC43MiAyMC40OC0zNy4zNzYgNy42OGwtMjg3Ljc0NCAwIDAgMjg3Ljc0NHEwIDIwLjQ4LTcuNjggMzcuODg4dC0yMC40OCAzMC4yMDgtMzAuNzIgMjAuNDgtMzcuMzc2IDcuNjhxLTIwLjQ4IDAtMzcuODg4LTcuNjh0LTMwLjIwOC0yMC40OC0yMC40OC0zMC4yMDgtNy42OC0zNy44ODhsMC0yODcuNzQ0LTI4Ny43NDQgMHEtMjAuNDggMC0zNy44ODgtNy42OHQtMzAuMjA4LTIwLjQ4LTIwLjQ4LTMwLjIwOC03LjY4LTM3Ljg4OHEwLTE5LjQ1NiA3LjY4LTM3LjM3NnQyMC40OC0zMC43MiAzMC4yMDgtMjAuNDggMzcuODg4LTcuNjhsMjg3Ljc0NCAwIDAtMjg3Ljc0NHEwLTE5LjQ1NiA3LjY4LTM3LjM3NnQyMC40OC0zMC43MiAzMC4yMDgtMjAuNDggMzcuODg4LTcuNjhxMzkuOTM2IDAgNjguMDk2IDI4LjE2dDI4LjE2IDY4LjA5NmwwIDI4Ny43NDQgMjg3Ljc0NCAweiIgcC1pZD0iMTQ4MCIgZmlsbD0iIzA1MmM2NSI+PC9wYXRoPjwvc3ZnPg==);
  background-size: cover;
  margin-right: 7px;
}
.joe-home__faqs-tab-content-item ul li.cur strong:before{

background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzU2NzA0OTM1ODUyIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI1NDciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTkyOCA0MjUuNnYxNDRIOTZ2LTE0NHoiIGZpbGw9IiMwMDAwMDAiIHAtaWQ9IjI1NDgiPjwvcGF0aD48L3N2Zz4=);
}
.joe-home__faqs-tab-content-item ul li:first-child strong{

}
.joe-home__faqs-tab-content-item ul li em{
    font-style: inherit;
  display:none;
}
.joe-home__faqs-tab-content-item ul li.cur{
  background:#eee;
}
.joe-home__faqs-tab-content-item ul li.cur em{
  display:block;
}
@media only screen and (max-width : 810px) {
  .joe-home__faqs-tab-wrap{
  gap: 20px;
  grid-template-columns: 100%;
  margin-bottom: 2em;
  }
  .home-pages-banner .swiper-button-next:after,
  .home-pages-banner .swiper-button-prev:after{
   font-size:2em;
  }
}


/* home projects */
.home-pages__projects{}
.home-pages__projects-section-title{
    background: #91b94c;
    padding: .5em;
    color: #fff;
    font-weight: 800;
}
.home-pages__projects-ul{
    display: grid;
    column-gap: 20px;
    row-gap: 3em;
    grid-template-columns: repeat(3, calc((100% - 20px * 2) / 3));
    align-items: self-start;
    justify-content: center;
    margin: 2em auto;
}
.home-pages__projects-item{
    list-style: none;
}
.home-pages__projects-img-wrap{
  width:100%;
  position:relative;
  padding-bottom:83%
}
.home-pages__projects-img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
}
.home-pages__projects-text-content{}
.home-pages__projects-text-title{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin: 1em 0;
}
.home-pages__projects-text-description{}
.home-pages__projects-link{
    background: #000000;
    display: inline-block;
    padding: .2em 1em;
    border-radius: 4px;
    color: #fff;
    text-decoration: none;
    margin-top: 1em;
}
.home-pages__projects-link:hover{
  background: #404040;
}
@media only screen and (max-width : 960px) {
  .home-pages__projects-ul{
    display: grid;
    column-gap: 20px;
    row-gap: 3em;
    margin: 2em 20px;
}
}
@media only screen and (max-width : 760px) {
  .home-pages__projects-ul{
  
      grid-template-columns: repeat(2, calc((100% - 20px) / 2));
}
}
@media only screen and (max-width : 640px) {
  .home-pages__projects-ul{
    
      grid-template-columns: 100%;
}
}
/* home projects end */


.joe-news-title p{
  
margin-bottom: 3em;
  
margin-top: 2em;
}
.joe-title{
  margin-top:6em;
  margin-bottom:5em;
}
.index-news{
  margin-top: 6em;
    margin-bottom: 5em;
}
@media only screen and (max-width : 768px) {
  .joe-title,.index-news{
  margin-top:2em;
  margin-bottom:2em;
}
.joe-news-title p{
  
margin-bottom: .6em;
  
margin-top: 1em;
}
}



.multiple-images .swiper-button-next,
.multiple-images .swiper-button-prev{
  display:block;
}
.multiple-images .swiper-button-next:after,
.multiple-images .swiper-button-prev:after{
  color:#fff;
}
.multiple-images .swiper-pagination-bullet-active{
  background:#fff;
}
.multiple-images{
  position:relative;
}
.multiple-images__left,.video-and-text__right{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction: column;
}
.multiple-images__wrap,.video-and-text__wrap{
    display: grid;
    grid-template-columns: 50% 50%;

}
.multiple-images__img-wrap,.video-and-text__left{
  position:relative;
  padding-bottom: 58%;
}
.multiple-images__img-wrap img{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  object-fit:cover
}
.multiple-images__left{

}
.video-and-text__wrap{
  margin-top:6em;
}
.video-and-text__left iframe{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.video-and-text__text-wrap{
    text-align: center;
    width: 96%;
    margin: 0 auto;
    max-width: 480px;
    color: #000;
}
.video-and-text__text-p{
  margin-top:0;
}
.video-and-text__text-text{}
.video-and-text__text-text{
    margin-bottom: 1em;
}
.video-and-text__text-link{
    background: #91b94c;
    padding: .3em 1em;
    border-radius: 7px;
    font-weight: 900;
    color: #fff;
    text-decoration: none;
}
@media only screen and (max-width : 810px) {
.multiple-images__wrap,.video-and-text__wrap{
    display: flex;
    width: 100%;
    flex-direction: column;
}
.video-and-text__left,.video-and-text__right,.multiple-images__left,multiple-images__right{
  width:100%
}
.multiple-images__wrap{
      flex-direction: column-reverse;
}
.video-and-text__right,.multiple-images__left{
  margin:4em auto;
}

}


.index-video-list{}
.index-video-list__title{
  text-align:center;
  display: flex;
  flex-direction: column;
  margin-top: 6em;
  margin-bottom:4em;
}
.index-video-list__list{
      display: grid;
      gap: 20px;
      grid-template-columns: repeat(4, calc((100% - 20px*3) / 4));
      list-style: none;
      padding: 0;
      margin-bottom: 6em;
}
.index-video-list__item{
}

.index-video-list__iframe{

margin: 0 auto;
}
.index-video-list__video-wrap{
  margin:0 auto;
  display: flex;
  background: #000;
  border-radius: 10px 10px 0 0;
}
.index-video-list__content{
    padding: 2em 10px;
    background: #f6f8f9;
    border-radius: 0 0 10px 10px;
}
.index-video-list__title-x{
    color: #000;
}
.index-video-list__textarea{
    color: #000;
}

@media only screen and (max-width : 1366px) {
  .index-video-list__list{
     
      gap: 20px;
      grid-template-columns: repeat(3, calc((100% - 20px*2) / 3));
      
  }
}
@media only screen and (max-width : 1080px) {
  .index-video-list__list{
     padding:0 20px;
      gap: 20px;
      grid-template-columns: repeat(2, calc((100% - 20px) / 2));
      
  }
}
@media only screen and (max-width : 640px) {
  .index-video-list__list{
    
     
      grid-template-columns: 100%;
      
  }
}