/*slide*/
h6.sppb-sp-slider-title {
    font-family: 'Inter';
    font-size: 14px!important;
    font-weight: normal;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.teoh-slide h2 {
    font-size: 40px!important;
    font-family: 'Lora'!important;
}

.teoh-slider p {
    font-size: 14px!important;
}

.teoh-slide  .sppb-sp-slider-button {
    margin-top: 30px;
}

@media only screen and (min-width: 992px) {
.teoh-slide  .sp-slider-content-align-left {
    width: 60%;
}}

.teoh-slide .sppb-sp-slider-text {
    font-size: 14px!important;
    margin-top: 20px;
}

.sppb-sp-slider-button .sp-slider-btn-text {
    display: block;
    color: #fff;
    background: transparent;
    padding: 10px 0px;
    transition-duration: .4s;
    transition-property: color,background;
    font-size: 14px;
    border-radius: 2px
}

span.sp-slider-btn-icon {
    margin-left: 10px;
}

.teoh-slide i:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.teoh-slide .nav-control {
    background: transparent!important;
    border: 0px!important;
}

@media (max-width: 767px){
.teoh-slide h2 {
    font-size: 25px!important;
    margin-top: 0;
    margin-bottom: 0
}}


/*image*/
.img01 {
    position: relative;
    width: fit-content;
    margin: auto;
}

.img01:before {
    content: '';
    background: #09142b;
    width: 80px;
    height: 80px;
    position: absolute;
    left: -36px;
    top: -30px;
    transition:0.5s ease;
}

.img01:hover:before {
    content: '';
    background: #09142b;
    width: 80px;
    height: 80px;
    position: absolute;
    left: -20px;
    top: -20px;
    transition:0.5s ease;
}

.img01:after {
    content: '';
    border: 1px solid #09142b;
    z-index:-1;
    width: 200px;
    height: 300px;
    position: absolute;
    right: -30px;
    bottom: -30px;
    transition:0.5s ease;
}

.img01:hover:after {
    content: '';
    position: absolute;
    right: -20px;
    bottom: -20px;
    transition:0.5s ease;
}

/*image3*/
.img03 {
    position: relative;
    width: fit-content;
    margin: auto;
}

.img03:before {
    content: '';
    background: #09142b;
    width: 80px;
    height: 80px;
    position: absolute;
    right: -36px;
    bottom: -30px;
    transition:0.5s ease;
}

.img03:hover:before {
    content: '';
    background: #09142b;
    width: 80px;
    height: 80px;
    position: absolute;
    right: -20px;
    bottom: -20px;
    transition:0.5s ease;
}

.img03:after {
    content: '';
    border: 1px solid #09142b;
    z-index:-1;
    width: 200px;
    height: 300px;
    position: absolute;
    left: -30px;
    top: -30px;
    transition:0.5s ease;
}

.img03:hover:after {
    content: '';
    position: absolute;
    left: -20px;
    top: -20px;
    transition:0.5s ease;
}


/*white shape*/
.img01.white:before {
    background: #fff;
}
.img01.white:after {
    border: 1px solid #fff;
}
  
.img03.white:before {
    background: #fff;
}
.img03.white:after {
    border: 1px solid #fff;
}
    
  
/*banner*/
.sppb-addon.sppb-addon-animated-heading.animated-heading-01 {min-height: 100px;}
.animated-heading-01 span.animated-heading-before-part {font-weight: 300;}
.animated-heading-01 {font-weight: 300!important;}
.animated-text span {position: relative;}
.animated-text span:before {
    content: '';
    position: absolute;
    bottom: 0;
    background: #fff!important;
    height: 5px;
    left: 0;
    z-index: 5;
    width: 100%;
}

@media (max-width: 768px){
.animated-heading-01 h1.sppb-addon-title {
    font-size: 28px !important;
    line-height: 1.2!important;
  }

.animated-heading-01 .animated-text span:before {
    content: '';
    position: absolute;
    bottom: 0;
    background: #fff!important;
    height: 3px!important;
    left: 0;
    z-index: 5;
    width: 100%;
}}


/*home*/
.service-box {position: relative;transition:0.5s ease;padding:10px 15px;}

.service-box:before {content: '';background: #09142bad;height: 100%;width: 100%;position: absolute;left: 0px;top: 0;bottom: 0;margin: auto;transition:0.5s ease;}

.service-box:hover:before {background: #09142b00;transition:0.5s ease;}
.service-box:hover .home-service{opacity:0;}
.service-box:hover .home-service a {
    padding: 300px!important;
}
.home-service {position: relative;}
.home-service .sppb-addon-text {display: none;}
.home-service img.sppb-img-responsive {width: 50px;margin-bottom: 10px;}

.home-service .sppb-addon-title.sppb-feature-box-title {
    font-family: 'Inter';
    font-weight: normal;
    width: 90%;
}

.service-box {
    justify-content: left!important;
}




/*testimonial*/
.teoh-testimonial .sppb-testimonial-carousel-name{
    position:relative;
    font-size: 16px;
}

.teoh-testimonial .sppb-testimonial-carousel-name:before {
    content: '';
    background: black;
    height: 1px;
    width: 65px;
    position: absolute;
    left: -80px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.teoh-testimonial .sppb-carousel-extended-item {
    padding-left: 80px;
}

.teoh-testimonial .sppb-testimonial-carousel-designation {
    font-size: 14px;
}

.teoh-testimonial .sppb-testimonial-carousel-name-designation {
    margin-bottom: 20px;
}


/*stats*/
.teoh-stats .sppb-blocknumber.sppb-media {
    overflow: visible;
}

.teoh-stats .pull-left {
    float: inherit!important;
}

span.sppb-blocknumber-number {
    font-size: 90px!important;
    border: 0px;
    width: auto!important;
    text-align: left!important;
    display: block!important;
    -webkit-text-stroke-width: 0.5px;
    -webkit-text-stroke-color: #ffffff94;
    color: transparent!important;
    font-family: 'Inter';
    font-weight: 700;
    margin-bottom: -14px;
}

.sppb-addon.sppb-addon-blocknumber.teoh-stats {padding: 0px 80px;}

.stats-row {
    display: flex;
    align-items: center;
}

.teoh-stats .sppb-blocknumber-text {
    display: none!important;
}


.dot-controller-dot.sp-slider .sp-dots ul li::after {content: none;}.dot-controller-dot.sp-slider .sp-dots ul li{border-color: transparent!important;border-style: solid;border-width: 2px;transition: .4s;overflow: hidden;background: #ffffff75;}.dot-controller-dot.sp-slider .sp-dots ul li.active{background: #fff;}.sp-slider .sp-dots ul li {border-radius: 14px!important;height: 14px!important;width: 14px!important;}