.sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg {
    height: 700px;
}
.sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg {
    position: relative;
}

.home-article .sppb-addon-article {
    margin-bottom: 20px;
}

@media (max-width: 767px) {
  .sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg {height: 500px;background-position: 10% 50% !important;}
  .customNavigation>a.sppbSlidePrev { right: 55px; }
  .customNavigation>a {bottom: 0px;padding: 10px 12px !important;padding: 0;font-size: 14px;text-align: center;}
}

/*.sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg:before{
  content:"";
  position:absolute;
  top:0;
  width:100%;
  height:100%;
  background-image:linear-gradient(180deg,rgb(24 92 142 / 60%),transparent);
}*/
.sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg .details {
    color: #fff;
    margin-bottom: 25px;
}
.sppb-slideshow-fullwidth-item-text {
    background-image: linear-gradient(180deg, rgb(237 70 62 / 80%), rgb(24 92 142 / 80%));
    max-width: 100%;
    width: 480px;
    height: 480px;
    text-align: center;
    overflow: hidden;
    border-radius: 50%;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    /* left: 0; */
    right: 15%;
    margin-left: 80px;
    padding: 80px 45px 80px 45px;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
}
.sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg .sppb-fullwidth-title {flex: 0 0 100%;max-width:100%;padding: 20px 25px 0px 25px;}
.sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg .details{
flex: 0 0 100%;
max-width:100%;
}
.sppb-fw-slider-button-wrapper {
flex: 0 0 100%;
max-width:100%;
}
h1.sppb-fullwidth-title {
  color: #fff!important;
  font-size:32px!important;
  margin-bottom: 20px!important;
  font-weight: normal!important;
}
.sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg .details {
    color: #fff;
}
@media(max-width:767px){
  .sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg .sppb-fullwidth-title {line-height: 1.3;margin-bottom: 0 !important;padding: 20px 30px 0;}
  .sppb-slideshow-fullwidth-item-text {
    padding:30px 20px;
    margin-left: 0px;
    width: 340px;
    height: 340px;
    margin:auto;
  }
  .sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg .details { margin-bottom: 0; }
  h1.sppb-fullwidth-title {
  color: #fff!important;
  font-size: 2rem!important;
  margin-bottom: 10px!important;
}
  .sppb-slide-item-bg.sppb-slideshow-fullwidth-item-bg .sppb-fw-slider-button-wrapper a { padding: 10px 20px; }
}
@media(max-width:320px){
  .sppb-slideshow-fullwidth-item-text {
    width: 310px;
    height: 310px;
  }
}
/**home - what we do**/
#sec-home-about img {
  border-top-left-radius: 40px;
  border-bottom-right-radius: 40px;
  max-width: 90%;
  text-align: left;
  overflow: hidden;
}
#sec-home-about h4.sppb-addon-title.sppb-feature-box-title {
    min-height:60px;
}

@media (max-width: 991px) {
    #sec-home-about img { max-width: 100%; }
}

/**pattern**/
.cls-pattern001:before{
  content:"";
  background-image:url("/images/0_sawarak/home/pattern-line001.png");
  background-repeat:no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  position:absolute;
  left: -200px;
  top: -200px;
}
.cls-overflow {overflow:hidden;}

/**moments**/
#column-wrap-id-1689490377940 {
    padding-left: 7px;
    padding-right: 7px;
}












/*slide*/

@media (min-width: 992px) {
    .videoslide-item {height: 650px;}
}

@media (min-width: 1400px) {
    .videoslide-item { height: 700px; }
}

.videoslide-item .background {
    height: 100%;
}

.videoslide-item .background img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.content-div span.title {
    display: block;
    font-weight: 700;
    text-transform: uppercase;
    /* font-family: "Avenir" !important; */
    font-size: 32px;
    line-height: 1.1;
    padding: 30px 20px 0;
}

.content-div {
    color: #fff;
    width: 480px !important;
    height: 480px;
    padding: 50px;
    background-image: linear-gradient(180deg, rgb(237 70 62 / 80%), rgb(24 92 142 / 80%));
    border-radius: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-right: 10%;
}

.content-div p.content {
    font-size: 16px;
    line-height: 1.5;
}

.content-div a.videoslide-btn {
    padding: 10px 20px;
    border-top-right-radius: 50px;
    border-bottom-left-radius:50px;
    border-bottom-right-radius:50px;
    border-top-left-radius:0px;
    outline:none!important;
    text-transform:uppercase;
    border: 3px solid #1BAC4B;
    background-color:#1BAC4B;
    transition: all 0.5s;
    color: #fff!important;
    font-size: 14px;
    margin: auto;
}

.content-div a.videoslide-btn:hover, .content-div a.videoslide-btn:focus {
     box-shadow: 0 0 10px 0 #1BAC4B; inset, 0 0 20px 2px #1BAC4B;
}

.videoslide-pro-text {
    justify-content: end;
}

.videoslide-item .background a {
    padding: 0;
}


@media (max-width: 991px) {
  .content-div {margin: 0;width: 350px !important;max-height: 350px !important;padding: 40px;}
  .videoslide-pro-text {justify-content: center;padding: 0;}
  .content-div span.title { font-size: 20px; line-height: 1.2; }
  .content-div p.content {font-size: 13px; }
  .content-div a.videoslide-btn { font-size: 12px; padding: 8px 15px; }
}


.slick-dots li button:before {
    font-size: 20px;
    color: #fff;
}

.slick-dots li button {
}

.slick-dots {
    bottom: 20px;
}

.slick-dots li {
    margin: 0;
}