.carousel-caption{
    background: linear-gradient(transparent,transparent);
    margin-bottom: 8%;
    left: 0;
    right: 0;
}

#bgcolor{
    background: linear-gradient(45deg, #8b5639, #ad7f57);
    border-bottom: 15px solid #393033;
}

#formcustomdesign input[type=text]{
    background-color: #79583e;
    color: #ffffff;
}

#formcustomdesign ::-webkit-input-placeholder{
    color: #dbdbdb;
}
#formcustomdesign :-ms-input-placeholder{
    color: #dbdbdb;
}
#formcustomdesign ::placeholder{
    color: #dbdbdb;
}

#formid{
    background-color:#f8fbff!important;
    background: url(../img/Order-Tracking-03.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 50%;
}
@media screen and (max-width: 992px){
    #formcap{
        display: none!important;
    }
    #formid{
        display: block!important;
    }
}
@media screen and (min-width: 992px) {
    #formid{
        display: none!important;
    }
}

.bgcusprimary{
    background-color: #ef851b!important;
}
.cusprimary {
    color: #ef851b!important;
}
.cusprimary-two{
    background-color: rgb(88 206 190)!important;
}

#homeshifting input[type=text]{
/*    background-color: #79583e;
    color: #ffffff;*/
}
#homeshifting ::-webkit-input-placeholder{
    /*color: red!important;*/
}
#homeshifting :-ms-input-placeholder{
    /*color: red!important;*/
}
#homeshifting ::placeholder{
    /*color: red!important;*/
}
.error{
    /*color: red!important;*/
}


  .carousel-inner img {
    width: 100%!important;
    height: 100%;
    margin-top: 60px;
  }

#hovereffect:hover img{
    transition: 1s;
    transform: scale(0.8);
}

#hovereffect a{
    background-color: color: white!important;
}

#hovereffect a:hover{
    background-color: #ef851b!important;
    color: white!important;
}


#hrcus{
    border-bottom: 0.2rem solid #ef851b!important;
    visibility: hidden;
    width: 100%;
    box-shadow: 3px 4px 5px gray;
}

#hovereffect:hover #hrcus{
    visibility: visible;
    }

/*---------Testimonial-Slider------------*/

#testimonial {
    /*background: linear-gradient(112deg, #ffffff 50%, antiquewhite 50%);*/
    max-width: 900px;
    margin: auto;
}

#carouselcaption {
    position: initial;
    z-index: 10;
    padding: 5rem 8rem;
    color: rgba(78, 77, 77, 0.856);
    text-align: center;
    font-size: 1.2rem;
    font-style: italic;
    font-weight: bold;
    line-height: 2rem;
}

@media(max-width:767px) {
    #carouselcaption {
        position: initial;
        z-index: 10;
        padding: 3rem 2rem;
        color: rgba(78, 77, 77, 0.856);
        text-align: center;
        font-size: 0.7rem;
        font-style: italic;
        font-weight: bold;
        line-height: 1.5rem;
    }
}

#carouselcaption img {
    width: 6rem!important;
    border-radius: 5rem;
    margin-top: 2rem;
}

@media(max-width:767px) {
    #carouselcaption img {
        width: 4rem!important;
        border-radius: 4rem;
        margin-top: 1rem;
    }
}

#imagecaption {
    font-style: normal;
    font-size: 1rem;
    margin-top: 0.5rem;
}

@media(max-width:767px) {
    #imagecaption {
        font-style: normal;
        font-size: 0.6rem;
        margin-top: 0.5rem;
    }
}

#fai {
    color: white;
    background-color: #ef851b;
    padding: 1.4rem;
    transform: translate(0%, -400%)!important;
}

@media(max-width:767px) {
    #fai {
        padding: 0.8rem;
    }
}

#carouselcontrolprev {
    justify-content: flex-start!important;
}

#carouselcontrolnext {
    justify-content: flex-end!important;
}

#carouselcontrolprev,
#carouselcontrolnext {
    transition: none;
    opacity: unset;
}
#boxshadow{
    box-shadow: 0px 1px 10px 2px rgb(0 0 0 / 34%);
}

#boxshadow i{
    background-color: #ef851b!important;
    padding: 10px;
    width: 3rem;
    height: 3rem;
    text-align: center;
    border-radius: 100%;
    line-height: 1.5rem;
}
#sitemap a{
    color: white;
    border-bottom: 1px solid gray;
    text-decoration: none;
    padding: 8px;
}
#sitemap a:hover{
    color: #ef851b;
}
#wordresp{
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
}
@media(max-width:767px){
    #wordresp h2{
        font-size: 1rem;
    }
    #wordresp h4{
        font-size: 1rem;
    }
}

.h2, h2 {
    font-size: 2.2rem!important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 800!important;
}

@media only screen and (max-width: 768px) {
  #mainNav .navbar-brand img{
    width:200px!important;
  }



}



        .icon {
            width: 40px;
            height: 40px;
            line-height: 35px;
            border: 2px solid #fff;
            display: inline-block;
            text-align: center;
            border-radius: 50%;
            position: relative;
            margin-right: 10px;
        }

        .icon:before {
            content: "";
            position: absolute;
            z-index: 0;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            display: block;
            width: 40px;
            height: 40px;
            background-color: rgba(255, 255, 255, 0.8);
            border-radius: 50%;
            animation: pulse-border 1.5s ease-out infinite;
        }

        @keyframes pulse-border {
            0% {
                transform: translate(-50%, -50%) scale(1);
                opacity: 1;
            }
            100% {
                transform: translate(-50%, -50%) scale(1.5);
                opacity: 0;
            }
        }

        .icon i {
            z-index: 1;
            position: relative;
            color: #fff;
            font-size: 20px;
            line-height: 40px;
        }
    
            .blink_me {
                  animation: blinker 1s linear infinite;
                }
        
        @keyframes blinker {
          50% {
            opacity: 0;
          }
        }