.text-justify{
    color: #000;
    text-align: justify;
}
.ptb-70{
    padding: 70px 0;
}
.service-section-content .service-text{
    text-align: justify;
    color: #000;
}
.service-section-content .all-service-btn{
    display: flex;
    justify-content: end;
}
.testimonial-content-section .site-heading p{
    text-align: justify;
}
.blog-content-box .blog-item-info p{
    text-align: justify;
    color: #000;
}
.ptb-foot-70{
    padding: 70px 0 30px 0;
}
.footer-contact .content a:hover, .copyright a:hover{
    transform: scale(1.1);
    margin-left: 20px;
}
.service-single .content p{
    text-align: justify;
    color: #000;
}
.service-page-section-content .site-heading{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.service-page-section-content .site-title{
    text-align: center;
}

/* Steps Of Delivering Css Start*/ 
 .step-wrapper{
   margin:30px;  position:relative;
 }
 
 .linestep{ 
    text-align:center;  max-width:250px; position:absolute;
     .num {
         color:#fff; border-radius:100px;
         display:inline-block;
         width: 60px;
         height: 60px; 
         text-align:center;
         line-height:40px; font-weight:bold;
         background: #832515;
     }
     p{
         width: 250px;
         position: absolute;
         margin-top:7px;
         font-weight: 500;
         line-height: normal;
         font-size: 18px;
     }
 
     p.top{	
        bottom: 70px;
        left: -51px;	
        border-radius: 10px;
        padding: 10px;
        background: #832515;
        width: 160px;
        color: #fff;
    }
    p.top::after {
        content: "";
        position: absolute;
        bottom: -18px;
        left: 50%;
        transform: translateX(-50%);
        border-width: 10px;
        border-style: solid;
        border-color: #832515 transparent transparent transparent;
    }
     p.bottom{		
        color: #fff;
        border-radius: 10px;
        padding: 10px;
        left: -49px;
        background: #832515;
        width: 160px;
        top: 63px;
    }
    p.bottom::after {
        content: "";
        position: absolute;
        top: -18px;
        left: 50%;
        transform: translateX(-50%);
        border-width: 10px;
        border-style: solid;
        border-color:  transparent transparent #832515 transparent;
    }
    
     p.left{   
        right: 72px; 
        top: 3px;
        border-radius: 10px;
        padding: 10px;
        background: #832515;
        width: 160px;
        color: #fff;
    }
    p.left::after {
        content: "";
        position: absolute;
        top: 11px;
        left: 105%;
        transform: translateX(-50%);
        border-width: 10px;
        border-style: solid;
        border-color:  transparent transparent transparent #832515;
    }
     p.right{   
        left: 70px;
        top: 0px;
        border-radius: 10px;
        padding: 10px;
        background: #832515;
        width: 160px;
        color: #fff;
    }
    p.right::after {
        content: "";
        position: absolute;
        top: 11px;
        left: -5%;
        transform: translateX(-50%);
        border-width: 10px;
        border-style: solid;
        border-color:  transparent #832515 transparent transparent;
    }
 }
 
 .linestep{ visibility:hidden;  }
 .path{ visibility:hidden; }
 
 .move-line{
   .path{
     visibility:visible;
         stroke-dasharray: 3700;
         stroke-dashoffset: 3700;
         animation: moveline 4s linear forwards;
     }
     .linestep{
         animation-name: show-step-item;
         animation-duration:.2s;
         animation-fill-mode: forwards;
     }
     .linestep1{ animation-delay:.4s; }
     .linestep2{ animation-delay:.8s; }
     .linestep3{ animation-delay:1.2s; }
     .linestep4{ animation-delay:1.6s; }
     .linestep5{ animation-delay:2s; }
     .linestep6{ animation-delay:2.4s; }
     .linestep7{ animation-delay:2.8s; }
     .linestep8{ animation-delay:3.2s; }
 }
 
 
 @keyframes show-step-item{
     from {  transform: scale(.2); opacity: 0}
     to{ visibility:visible; transform: scale(1); opacity: 1 }
 }
 
 @keyframes moveline {
       to {
         stroke-dashoffset: 0;
       }
 }
/* Steps Of Delivering Css End*/
/* Whatsapp Section Css Start*/
#whatsapp .wtsapp{
    position:fixed;
    transform: all .5s ease;
    background-color: #25d366;
    display: block;
    text-align: center;
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
    border-radius: 50px;
    border-right: none;
    color: #fff;
    font-weight: 700;
    font-size: 30px;
    bottom: 30px;
    left: 20px;
    border: 0;
    z-index: 9999;
    width:50px;
    height: 50px;
    line-height: 50px;
  }
  
  #whatsapp .wtsapp:before{
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 50px;
    background-color: #25d366;
    -webkit-animation:pulse-border 1500ms ease-out infinite;
    animation:pulse-border 1500ms ease-out infinite;
  }
  .whatsapp-icon{
    margin-top: 10px;
  }
  
  #whatsapp .wtsapp:focus{
    border: none;
    outline: none;
  }
  
  @keyframes pulse-border{
    0%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity:1;}
    100%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity:0;}
  }
  
/* Whatsapp Section Css End */

@media only screen and (min-width:700px){
    .all-service-btn-bottom{
        display: none !important;
    }
}
@media only screen and (min-width:991px){
    .service-single .service-sidebar{
        position: sticky;
        top: 120px;
    }
}
@media only screen and (max-width:1199px){
    .service-section-content .theme-btn{
        padding: 5px 13px;
    }
    .choose-img .img-shape {
        position: absolute;
        left: -28px;
        top: 43px;
    }
    .transpotaion-steps-content .linestep p{
        font-size: 14px;
    }
    p.left::after{
        top: 9px !important;
    }
    p.right::after{
        top: 9px !important;
    }
}
@media only screen and (max-width:991px){
    .ptb-70{
        padding: 50px 0;
    }
    .about-section-content .about-left{
        width: 530px;
        margin: auto;
    }
    .about-right {
        margin-top: 20px;
    }
    .site-title-tagline {
        font-size: 15px;
        padding: 4px 15px 4px 3px;
    }
    .site-title{
        font-size: 30px;
    }
    .why-section-content .choose-img .img-2{
        margin-bottom: 40px;
    }
    .why-section-content .site-heading, .testimonial-content-section .site-heading{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .why-section-content .site-title, .testimonial-content-section .site-title{
        text-align: center;
    }
    .cat-content-box .cta-content h1{
        font-size: 30px;
    }
    .testimonial-content-section .site-heading p{
        text-align: center;
    }
    .ptb-foot-70{
        padding: 50px 0 0 0;
    }
    p.bottom, p.top, p.right, p.left{
        padding: 6px !important;
    }
    .transpotaion-steps-content .linestep p {
        font-size: 11px;
    }
    .transpotaion-steps-content .site-heading {
        margin-bottom: 0px
    }
    p.bottom {
        left: -25px !important;
        width: 113px !important;
    }
    p.left {
        right: 72px !important;
        top: 12px !important;
        width: 97px !important;
    }
    p.left::after {
        top: 3px !important;
    }
    p.top {
        left: -27px !important;
        width: 115px !important;
    }
    p.right {
        top: 10px !important;
        width: 99px !important;
    }
    p.right::after {
        top: 3px !important;
    }
}
@media only screen and (max-width:700px){
    .ptb-70{
        padding: 30px 0;
    }
    .all-service-btn-top{
        display: none !important;
    }
    .about-section-content .about-left {
        width: 301px;
        margin: auto;
    }
    .about-section-content .about-experience h5 {
        color: var(--color-white);
        font-size: 25px;
    }
    .about-section-content .about-experience p {
        color: var(--color-white);
        font-size: 12px;
    }
    .about-section-content .about-experience{
        padding: 5px 20px;
    }
    .about-section-content .about-experience {
        bottom: -20px;
    }
    .about-section-content .read-btn{
        display: flex;
        justify-content: center;
    }
    .about-section-content .about-item{
        align-items: center;
    }
    .service-section-content .site-heading, .why-section-content .site-heading{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .service-section-content .site-title, .why-section-content .site-title{
        text-align: center;
    }
    .service-section-content .all-service-btn {
        justify-content: center;
    }
    .why-section-content .choose-img .img-shape{
        display: none;
    }
    .cat-content-box .cta-content h1 {
        font-size: 20px;
    }
    .cat-content-box .cta-content p {
        font-size: 13px;
    }
    .cat-content-box .theme-btn, .theme-btn2, .testimonial-content-section .theme-btn{
        font-size: 13px;
        padding:8px 15px;
    }
    .header-top::before {
        width: 50%;
    }
    .footer-widget-box.about-us {
        margin-right: 0px;
    }
    .site-breadcrumb{
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .site-breadcrumb .breadcrumb-title{
        font-size: 22px;
    }
    .contact-info{
        height: auto;
    }
    .header-top-list ul li:nth-child(2){
        display: none;
    }
    .navbar .nav-item .dropdown-menu .dropdown-item {
        color: var(--color-dark);
        font-size: 12px;
    }
    .transpotaion-steps-content{
        display: none;
    }
}