/* home start ---------------------------------------------------------------- */

@import url("setting.css");
.underline li{
  border-bottom: solid 1px #bfbfbf ;
  margin-top:0.5rem;
  margin-bottom:0.5rem;
}
.mod-news li p{
  margin-bottom: 0.2rem;
}
.legal-container li a,
.mod-reading li a,
.mod-news li a{
  /*font-weight: bold;*/
  font-size: 1.32rem;
}
.mod-reading li a {
  padding-bottom:8px;
}
.reading-label   {
  margin-top:20px;

}

.reading-label {
  padding-top:20px;
}
/*.btn-reading-more */ #sppb-addon-1635612151017,
.reading-label,
.mod-reading {
  background-color: var(--bg-gray-color);

}
/*.legal-label,*/
/*.news-label,
.mod-news,*/
/*.btn-reading-more */ #sppb-addon-1635612151017,
.reading-label,
.mod-reading {
    padding-top :36px;
    padding-right :36px;
    padding-left :36px;
    /*margin-left:-16px; */	
}

/*.btn-reading-more */ #sppb-addon-1635612151017 {
    padding-bottom:26px;
 } 
.mod-reading {
    padding-top:6px;
    padding-bottom:16px;
 } 


.sppb-btn {
  font-size: 28px;
  background-color: transparent ; /*var(--white-color); */
  border:none;
}
.sppb-btn:hover {
  color: var(--label-brwonlight-color);
  background-color:transparent;
}


/*.legal-container .legal-left-block .sppb-column-addons {*/
.legal-left-block .sppb-column-addons {
      margin-bottom:10px;
      padding:36px 36px ;
      /*box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px!important;*/
      box-shadow: rgba(0, 0, 0, 0.2) 10px 10px 15px 3px !important;

}

.news-right-panel .sppb-column-addons:nth-child(1) {
  /*margin-top: 40px;*/
}
.news-right-panel .sppb-btn {
  /*background-color: transparent;*/

}
.news-left-panel {
 /*background-color: yellow;*/
  
}

.mod-reading ul {
  list-style:none;
    padding-left: 16px;
    padding-right: 16px;
}
.mod-reading li a:before {
  margin-right:5px;
  content: '-';
  display: inline-block;
  color : var(--primary-color);
  font-size: 28px;

/*  background:url('../images/home/dash.png');
 *    width: 20px;
 *      height: 2px;
 *        margin-bottom:5px;*/

}


.news-right-panel {
    padding-right: 0px;
}

.img-goal img {
  margin: 0 auto;
  width:85vw;
}

.legal-label img,
.news-label img,
.reading-label img,
.news-label img
{
  width:150px;
}
@media (min-width: 992px) {
  .news-right-panel {
      padding-right: 130px;
  }

  .img-goal img {
    width:50vw;
  }

/*  .img-goal img {
 *      width:85vh;
 *        }
 *        */

}
/* ==== shape === */
.buttom-curve {
    background:linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(236,241,244,1) 30%, rgba(206,225,229,1) 90%, rgba(206,225,229,1) 100%);
    width:100%;
    height:150px;
    margin-top:-1px;
    margin-bottom: -1px;
/*    border-bottom-left-radius:90%;
 *        border-bottom-right-radius:90%;*/
}
#sp-bottom1i,#sp-bottom2,#sp-bottom3 {
  border-left: solid 1px #fff ;
}
/*  delete later */

/* delete later end */

.news-container-curve {
  background: linear-gradient(0deg, #DCDDA9 0%, #C9CC7D 70%, #C5C871 100%); 

}
.news-container {
   background: linear-gradient(0deg, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%, #F1F4DE 60%, #E6E8C2 85%, #DCDDA9 100%); 

}
.legal-container { /*blue section*/
	background: rgb(255,255,255);
	/*background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(236,241,244,1) 60%, rgba(206,225,229,1) 100%);*/
	background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(236,241,244,1) 30%, rgba(206,225,229,1) 90%, rgba(206,225,229,1) 100%);

}
.buttom-container {
}
.sp-convex,
.svg-convex {
  width :100vw!important;
}
.convex-wrapper {
height: 100px; width: 100%;
padding-bottom:50px;
margin-bottom: -13px;
}
.home-btn, 
.home-more-btn {
  color:var(--primary-dark-color);
}
.home-more-btn {
  font-size:18px;
  color:var(--label-orangedark-color);
}

/* circle overlay */
.overlay-left-wraper,
/*.legal-container,*/
.row-hero .custom {
    position: relative;
}
.overlay-right img{
    height: 200px;
}
.overlay-right {
    position: absolute;
    bottom : -15px;
    right: -30px;
    z-index: 99;
    }
.overlay-left img{
    /*width: 250px; */
    height: 125px;
}
.overlay-left {
	position: absolute;
	top : -80px; 
	left: -45px;
	z-index: 9;
	/*background-color: pink;*/
}


@media(max-width: 992px) {
    .overlay-right img{
        width: 120px;
        height: 120px;
    }
    .overlay-right {
        bottom : -20px; 
    }     
    .overlay-left img{
        height: 180px;
    }
    .overlay-left {
        top : -90px;
        left: -105px;
    }    
}
@media(max-width: 576px) {
    .overlay-right img{
        width: 80px;
        height: 80px;
    }
    .overlay-right {
        bottom : -20px; 
    }    
    .overlay-left img{
        height: 100px;
    }
    .overlay-left {
        top : -75px;
        left: -45px;
    }    
.reading-label,
.mod-reading {
    padding-right :12px;
    padding-left:12px;
    /*margin-left:-16px; */	
}
.legal-left-block .sppb-column-addons {
      padding:36px 14px ;
}
}

/* home end ---------------------------------------------------------------- */
/* custom start ------------------------------------------------------------- */
/*hero image*/
.sect-container img {
  width:100%; height:100%;
   /*background-size: cover;*/
  object-fit: : fill;

}

/*change*/
.svg-hero {
  position: absolute;
  z-index: 1000;
  bottom : -55px;
  height:  100px!important;
  width:100%;
}
/*bottom*/
#sp-bottom li{
  line-height:70%;
}

/* custom end ------------------------------------------------------------- */

/* sw start  ---------------------------------------------------------------- */

    /*mobile */
    .sect-container {
      z-index: 1;
      position: relative;
      width: 100%;
      margin: 0 auto;
      overflow:hidden;
      /*background:pink;*/
      /* box-shadow: 0 2px 20px rgb(0 0 0 / 20%); */
      
    }

    .swiper-container {
      width: 100%;
      height: 100%;
      background:#e0e0e0;
      position: relative; 
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;


      /* Center slide text vertically */
      /*conflict w/ ken-burns*/
/*    display: flex;
 *          justify-content: center;
 *                align-items: center;*/
    }

    .swiper-slide h1 {
      font-size: 40px!important;
      color: yellow;
    }
    /*.swiper-slide-cover,  testing */
    .swiper-slide {
      background-repeat: no-repeat;
      background-position: center;
      background-size: 100% auto;
    }
    .swiper-slide img  {
    }
    .swiper-container img {
      width: 100%; 
      /* height: 100%; */
      object-fit: contain;
    }

    /*big screen */
    @media screen and (min-width:780px) {
      .sect-container {
        width: 100%;
        /* 202110 padding:12px; */
      }
    }

    .sw-circle img {
      border-radius: 50%;
      width: 15vw;
      height: 15vw;
      object-fit: fill;
    }


    /*ken*/
    /*------------------------------------------------*/
    .swiper-slide:nth-child(odd)  {
      transform-origin: 0 100%;
    }
    .swiper-slide:nth-child(even)  {
      transform-origin: 100% 0%;
    }

    /*ken burns*/
    .swiper-scale-effect .swiper-slide-cover {
      transition: 35s ease-out;
      transform: scale(1);
    }

    .swiper-scale-effect .swiper-slide.swiper-slide-active .swiper-slide-cover {
      transform: scale(1.2);
    }


/* --- */


    .swiper-container img {
      /*height: 45vh; */
     /* width: 100%; */
      /*object-fit: contain;*/
      /* object-fit: fill; */
    }

   /*big screen */
    @media screen and (min-width:968px) {
      .swiper-container img {
        height: auto; 
        width: 100%!important; 
        object-fit: contain;
        /*object-fit: fill;*/
      }
    }

/* sw end  ---------------------------------------------------------------- */

.page-1 {
  font-size: 16px;
}
.page-1 p {
  color:#7c4933;
}
/* 20211027 */
.home-p {
  font-size: 16px;
  /* font-weight: bold; */
}
#sp-bottom,#sp-bottom a  {
  color : white!important;	

}
#sp-bottom a:hover {
    color: var(--label-brwonlight-color)!important;
}

.img-fit img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-line {
  width: 250px;

}
#sp-bottom {
    padding: 60px 0 1px;
    margin-top: 0px;
}
.home-copyright {
   text-align:center;
   font-size:0.7rem;
   background:#000;
   color:#fff;
}
.home-copyright img {
  height:40px;
  margin: 0 auto;
}
.home-cc {
  margin:16px 0 2px;
}
.hero-container .swiper-button-next::after, .hero-container .swiper-button-prev::after {
    content: "";
}
.hero-container .swiper-button-prev, .hero-container .swiper-button-next {
  color: var(--label-brwonlight-color);
}
.swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;
}

.swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;
}