#work-with-us{
    margin-top: 86px;
}

.work-intro{
    display: flex!important;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: absolute!important;
    top: 50%;
    right: 0;
    left: 0;
}
.back-image{    position: relative;}

.back-image img{width:100%!important;}

.btn{
    background-color:#00509a ;
    color: white !important;
}
.btn:hover{background-color:#232f84;}

.feature-box i{
    font-size: 45px;
    margin-bottom: 25px;
}


.about-box{
    background-color: #f2f2f2;
}

.other-services ul{
    list-style-type: none;
    color: rgb(107, 107, 107);
}

.other-services ul li{
    margin-bottom: 12px;
    text-align: right;
    color: #232f84;
}
.other-services ul li:before{
    content: "\f00c";
    font: normal normal normal 14px/1 FontAwesome;
    margin-left: 7px;
    color: #ffda00;
    font-size: 8px;
    background: #232f84;
    width: 15px;
    height: 15px;
    display: inline-block;
    text-align: center;
    border-radius: 100%;
    line-height: 15px;
}
.signup-box {
    background-color: #fff;
    transform: scale(0.95);
    padding: 30px 30px 0px 30px;
    border-radius: 15px;
}

.signup-box i{
    font-size: 40px;
    margin-bottom: 25px;
    background-color: rgb(255, 218, 0);
    padding: 15px;
    border-radius: 100px;
    color: #232f84;
}

.progress-number{
    background-color:rgb(255, 218, 0);
    width: 55px;
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    box-shadow: 0 0 5px 5px #f2f2f2;
    padding-top: 12px;
}

.progress-number span{
    color: #232f84;
}

.signup-progress-section ul li{
    padding-bottom: 20px;
}

.signup-progress-section

.signup-progress-section hr{
    height: 2px;
    opacity: 0.08;
}

.multiple-items .slick-slide {
    display: block;
    padding: 10px 0;
    border-radius: 12px;
    box-shadow: rgba(20, 26, 40, 0.18) 0px 2px 5px;
    background: #fff;
    overflow: hidden;
    margin: 5px;
    border: 0;
}
.multiple-items .slick-slide img{width: 70px;
    display: block;
    margin: 0 auto;
    float: none;}

.multiple-items .slick-slide span {
         word-break: break-word;
         display: block;
         margin: 0 auto;
         text-align: center;
         font-size: 14px;
         padding-top: 7px;}


@media(max-width:768px){
    .signup-progress-desc{
        justify-content: center!important;
        margin-bottom: 65px;
    }
    .download-app-phone{
        justify-content: center!important;
        margin-top: 65px;
    }
}
.register-step{
    background: #f2f2f2;
    padding: 1px 0 30px;
    margin-top: 30px;
}
.signup-progress-section ul li{display: flex;align-items: center;}
.signup-progress-section ul li .progress-number{margin-left:27px;}
.signup-progress-desc img{max-height: 450px;width: auto;}















.gtco-testimonials {
    position: relative;
    margin-top: 30px;
  }
  .gtco-testimonials h2 {
    font-size: 30px;
    text-align: center;
    color: #333333;
    margin-bottom: 50px;
  }
  .gtco-testimonials .owl-stage-outer {
    padding: 30px 0;
  }
  .gtco-testimonials .owl-nav {
    display: none;
  }
  .gtco-testimonials .owl-dots {
    text-align: center;
  }
  .gtco-testimonials .owl-dots span {
    position: relative;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: block;
    background: #fff;
    border: 2px solid #1d3457;
    margin: 0 5px;
  }
  .gtco-testimonials .owl-dots .active {
    box-shadow: none;
  }
  .gtco-testimonials .owl-dots .active span {
    background: #1d3457;
    box-shadow: none;
    height: 12px;
    width: 12px;
    margin-bottom: -1px;
  }
  .gtco-testimonials .card {
    background: #fff;
    box-shadow: 0 8px 30px -7px #c9dff0;
    margin: 0 20px;
    padding: 0 10px;
    border-radius: 20px;
    border: 1px solid #eee;
  }
  .gtco-testimonials .card .card-img-top {
    max-width: 100px;
    border-radius: 50%;
    margin: 15px auto 0;
    box-shadow: 0 8px 20px -4px #95abbb;
    width: 100px;
    height: 100px;
  }
  .gtco-testimonials .card h5 {
    color: #1d3457;
    font-size: 18px;
    line-height: 1.3;
  }
  .gtco-testimonials .card h5 span {
    font-size: 13px;
    color: #666666;
  }
  .gtco-testimonials .card p {
    font-size: 13px;
    color: #555;
    padding-bottom: 15px;
  }
  .gtco-testimonials .active {
    opacity: 0.5;
    transition: all 0.3s;
  }
  .gtco-testimonials .center {
    opacity: 1;
  }
  .gtco-testimonials .center h5 {
    font-size: 22px;
  }
  .gtco-testimonials .center h5 span {
    font-size: 18px;
  }
  .gtco-testimonials .center .card-img-top {
    max-width: 100%;
    height: 120px;
    width: 120px;
  }

  .owl-theme .owl-dots .owl-dot span{
      background-color:#fff;
  }
  .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
    background-color:#1d3457;

  }

  @media (max-width: 767px) {
    .gtco-testimonials {
      margin-top: 20px;
    }
  }
  .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    outline: 0;
  }
  .owl-carousel button.owl-dot {
    outline: 0;
  }
.videoabout .video{border-top: 28px solid #65666b;border: 12px solid #505156;border-top-left-radius: 15px;border-top-right-radius: 15px;margin: 0 auto 3px;width:50%;display: table;min-height:330px;}
.bottom-pc {max-width: 990px;max-height: 3px;padding: 3px;background-color: #3b3b41;margin: 0 auto;border-radius: 2px;box-shadow: -1px -1px 8px 0 rgba(122,122,122,1);}
.pc-Trapezius {max-width: 990px;margin: 0 auto;border-bottom: 15px solid #65666b;border-left: 40px solid transparent;border-right: 40px solid transparent;}
.videoabout{margin-top:38px;}
.section_alopiping_serve #list-tab a{display: inline-block;width: 16.6666%;text-align: center;border: 1px solid transparent !important;background: transparent !important;border-radius: 3px;padding: 2rem 1rem;}
.section_alopiping_serve #list-tab a.active{border:1px solid #00509a!important;}
.section_alopiping_serve #list-tab a.active span{color:#00509a!important;}
.section_alopiping_serve #list-tab a img{max-width:100%;height:auto;max-height: 60px;margin: 0 auto 8px;display: table;}
.section_alopiping_serve .list-group{flex-direction: row;}
.section_alopiping_serve #list-tab a span{font-size:14px;}
h5.title-tab-content{color: #333;margin: 3rem 0 !important;}
img.img-work{max-height:100px;margin-bottom:15px;}
.work-intro h1{color:#fff;font-size:35px;margin-bottom:12px;}
.work-intro h2{color:#fff;}
.signup-box p{font-size:14px;color: #555;margin-top: 8px;}
img.Get-app{max-height:60px;}
.gtco-testimonials .active .card{box-shadow: 0 8px 30px -7px #bfc8cf;}
.download-app-phone{padding-left:2rem;}
.txt-download-app{padding:0 2rem 0 9rem;}
.txt-download-app p{text-align: justify;}
/*.accordion-button:not(.collapsed),.accordion-button.collapsed{background: #f5f6fd;color:#333;}*/
.accordion-item{margin-bottom:8px;border:none;box-shadow: none!important;border-radius: 7px !important;overflow: hidden;}
.accordion-body{font-size:14px;line-height:28px;color:#555;}
.h2, h2 {font-size: 1.7rem;}
.r-Required-Documents{padding-left: 4rem;}
.r-Required-Documents ul li{list-style: none;line-height: 35px;font-size:15px;}
.r-Required-Documents ul li:before{content: "\f046";font: normal normal normal 14px/1 FontAwesome;float: right;position: relative;top: 4px;margin-left: 7px;color: #00509a;font-size: 20px;}
button.accordion-button.collapsed {
    background: #eff0f6;
}
button.accordion-button:not(.collapsed){background:#232f84;color:#fff;}
button.accordion-button.collapsed:after{content: "\f107";font: normal normal normal 14px/1 FontAwesome;color:#333;background-image: none;font-size:20px;}
button.accordion-button:not(.collapsed):after{content: "\f106";font: normal normal normal 14px/1 FontAwesome;color:#ffda00;background-image: none;transform:unset;font-size:20px;}
.accordion-button:focus{box-shadow: none!important;}



@media screen and (max-width: 1280px) and (min-width: 1024px) {
    .work-intro {
        top: 36%;
    }
   #nav-tabContent .w-auto {
        float: right;
        flex: 0 0 auto;
        width: 25% !important;
    }

}

@media (max-width: 992px) {
    .work-intro h1 {
        color: #fff;
        font-size: 28px;
    }
    .work-intro {
        top: 30%;
    }
    #nav-tabContent .w-auto {
        float: right;
        flex: 0 0 auto;
        width: 25% !important;
    }

}


@media (max-width:768px) {
    .work-intro h1 {
        color: #fff;
        font-size: 28px;
    }
    .work-intro {
        top: 24%;
    }
    #nav-tabContent .w-auto {
        float: right;
        flex: 0 0 auto;
        width: 25% !important;
    }
.mazayaalo .col-md-3 {
                flex: 0 0 auto;
                width: 50%!important;
            }
    #nav-tabContent .w-auto {
        width: 50% !important;
    }
    .signup-box {
        padding: 30px 15px 0px 15px;
    }
    .progress-number span {
        color: #232f84;
        font-size: 21px !important;
    }
    .signup-progress-desc {
        margin-bottom: 0 !important;
    }
}

@media (max-width:641px) {
    .work-intro {
        position: relative !important;
        background: #f3f3f4;
    }
    #technician_register{margin-top:0 !important;}

    .work-intro h1 {
        color: #2a2a2a;}

    .work-intro h2 {
        color: #606060;
    }
    .section_alopiping_serve #list-tab a {
        width: 49%!important;}


    #nav-tabContent .other-services .w-auto {
        width: 100% !important;}

    .section_alopiping_serve{margin-top: 20px;}

    .signup-box i {
        font-size: 30px;
        margin-bottom: 7px;
        padding: 12px;}

    .signup-progress-section ul li .progress-number {
        margin-left: 14px;
    }
    .videoabout {
        margin-top: 0;
    }
    .gtco-testimonials .owl-stage-outer {
        padding: 0;
    }
    .gtco-testimonials .active .card {
        box-shadow: 0 0px 1px 0px #bfc8cf8a;
    }
    .owl-theme .owl-nav.disabled + .owl-dots {
        margin-top: 4px;
    }
    .accordion-body {
        font-size: 13px;
        line-height: 22px;
        color: #555;
        padding: 5px 10px;
    }





}