@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;600;700&display=swap');

.videoslide-btn {
    margin-top: 0px!important;
}

/*-------------------------
   row-padding
--------------------------*/
.wsi-padding-top {
    padding-top: 80px!important;
}
@media screen and (max-width: 991px){
.wsi-padding-top {
    padding-top: 50px!important;
}}

.wsi-padding-bottom {
    padding-bottom: 80px!important;
}
@media screen and (max-width: 991px){
.wsi-padding-bottom {
    padding-bottom: 50px!important;
}}
.wsi-padding-both {
    padding: 80px 0 80px 0!important;
}
@media screen and (max-width: 991px){
.wsi-padding-both {
    padding: 50px 0 50px 0!important;
}}

/*-------------------------
   border 
--------------------------*/
.border-top-01 {
  border-top: 10px solid;
  border-image-slice: 1;
  border-width: 8px;
  border-image-source: linear-gradient(90deg, rgba(46,248,252,1) 42%, rgba(24,162,250,1) 100%);
}

@media (max-width: 767px){
.home-icon-001 img.sppb-img-responsive {
    margin-top: 20px;
}}

@media screen and (max-width: 992px){
.slick-dotted.slick-slider {
    margin-bottom: -8px;
}}


@media (max-width: 767px){
#sp-header .logo {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}}


.feature-box-001.hover-scale-icon.about-icon-01 img {
    margin-bottom: 20px;
}

/*-------------------------
   top 1
--------------------------*/
.sp-module.gtranslate {margin-right:30px;margin-top: 0;}

@media screen and (max-width:768px){
.sp-module.gtranslate {
    margin-right: 0px;
}}

div#sp-top1 {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}

div#sp-top1 .sp-column {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}


/*-------------------------
   translate
--------------------------*/
.gtranslate .sp-module-content a.flag:nth-child(1){
    color: transparent;
    position: relative;
}
.gtranslate a:hover, .gtranslate a:focus {
    color: #0000007d;
}
.gtranslate .sp-module-content a.flag:nth-child(1):before {
    content: '|';
    position: absolute;
    color: #000;
}
.gtranslate a:hover:before {
    color: #000;
}


.languagetransen,
.languagetranszh-CN{
    position: relative;margin-right:10px;
}
.languagetransen:before,
.languagetranszh-CN:before{
    content: '|';
    position: absolute;
    color: #000;
    right: -10px;
}





/*-------------------------
   book now
--------------------------*/
@media screen and (min-width:1255px){
.book-now-top .sppb-btn.sppb-btn-default{
    font-size: 15px!important;
}}

.book-now-top.sp-module {
  margin-top: 0px!important;
}

@media only screen and (min-width: 992px) {
.book-now-top.sp-module {
  width: 180px;
}}

@media (min-width: 768px) and (max-width: 991px){
.book-now-top.sp-module {
 width: 180px;
}}


@media (max-width: 767px){
.book-now-top.sp-module {
  margin-right: 20px;
}}







/*-------------------------
   service
--------------------------*/
@media only screen and (max-width: 767px){
.service-arrow-01 .sppb-icon .sppb-icon-container >i{
    font-size: 27px !important;
    width: 8px !important;
    height: 15px !important;
    line-height: 19px !important;
  }}

@media screen and (min-width: 768px){
.service-arrow-01 .sppb-addon-text {
    min-height: 120px!important;
}}


.wsi-image-01{
    position: relative;
}
.wsi-image-01:before {
    position: absolute;
    background-size: contain !important;
    width: 200px;
    height: 200px;
    content: '';
    background: rgb(46,248,252);
    background: linear-gradient(90deg, rgba(46,248,252,1) 42%, rgba(24,162,250,1) 100%);
    top: -30px;
    border-radius:30px;
    right: -100px;
    margin:auto;
    background-repeat:no-repeat;
}


@media (max-width: 767px){
.wsi-image-01:before {
    width: 500px;
    height: 300px;
}}


div#sales-executive, div#inventory-executive {
    background: #ffffff12;
    border-radius: 30px;
}


/*-------------------------
   franchise
--------------------------*/
.franchise-icon-01 .sppb-media {
    overflow: visible;
}