.header .nav-inner, .topbar .social-icons {
     margin-right: 0px; 
}

.small-list-feature ul li {
    line-height: 23px;
    position: relative;
    padding-left: 40px;
    font-weight: 400;
}

.small-list-feature ul li i {    
    position: absolute;
    left: 0;
    top: 2px;
}


.special-heading {
    background-color: #2e2751;
    padding: 7px 15px;
    color: #ffffff;
    display: inline-block;
    margin-bottom: 15px;
    border-radius: 50px;
}

.home-h2 {
    font-weight: 400;
    line-height: 27px;
}

.single-counter {
     padding-left: 0px; 
}

.single-counter h3 {
    font-size: 50px;
    font-weight: 500;    
    line-height: 70px;
}

.bizwheel-btn {    
    background: #f3a712;
    color: #fff;
    border-radius: 50px;
}

.modern-img-feature:before {
    background: #393068;
}

.header .nav li a {
    font-size: 15px;
}

.header .img-logo {
    margin-top: 7px;
}

.logo{
    width: 260px;
}

.footer p {
    color: #ccc;
    font-size: 15px;
    letter-spacing: 0.8px;
    font-weight: 100;
}

.footer .copyright-content p {
    font-weight: 100;
}

.footer .copyright-content a {
    color: #F3A712;
    font-weight: normal;
}

.topbar .single-contact {
    display: block;
}

.bizwheel-btn:hover, .bizwheel-btn.theme-2:hover {
    background: #ffffff;
    color: #2e2751;
    box-shadow: 0 10px 10px -8px rgb(0 0 0 / 50%);
}

.spc_list{
    color: #ffffff;
    padding: 10px 19px;
    margin-bottom: 5px;
    font-size: 17px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.spc_list_1 {
    background-color: #2e2751;              
}

.spc_list_2 {
    background-color: #dd7600;              
}

.cer-border {
    border: 16px solid blanchedalmond;
    box-shadow: 0 0 0px 15px darkblue;
}

.whatsapp_no {
    color: #ffffff;
    font-weight: 100;
}

.whatsapp_no:hover {
    color: #f3a712;
}

.slide_title {
    font-weight: 400 !important;
}

.footer {
    background-color: #393068;
}

.footer .f-link ul li a, .footer p {
    color: #ffffff;
    font-weight: normal;
}

.counterup {
    background: #393068;
}
.topbar {
    background-color: #393068;   
}

.contact-form-area.faq-form {
    background: #393068;
}



/* SPINNER  */

.cp-rotate:before {
    position: absolute;
    top: -31px;
    left: -4px;
    bottom: 0;
    width: 100%;
    height: 100%;
    /*z-index: -1;*/
    background: url(../img/spinner/letter.png) no-repeat center center;
    background-size: auto;
    content: "";
}

.portfolio-head {
        background-color: #2e2751;
}

.rotate {
  animation: rotation 4s;
}

.effect5
{
  position: relative;
}
.effect5:before, .effect5:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 25px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 35px 20px #777;
  -moz-box-shadow: 0 35px 20px #777;
  box-shadow: 0 35px 20px #777;
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
  -o-transform: rotate(-8deg);
  -ms-transform: rotate(-8deg);
  transform: rotate(-8deg);
}

.effect5:after
{
  -webkit-transform: rotate(8deg);
  -moz-transform: rotate(8deg);
  -o-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  transform: rotate(8deg);
  right: 10px;
  left: auto;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

.linear {
  animation-timing-function: linear;
}

.infinite {
  animation-iteration-count: infinite;
}

/* SPINNER END */


.full-img {
    display: block;
    height: auto;
    max-width: 100%;
    line-height: 1;
    width: 100%; /* Add This */
}

.hero-slider .hero-text h4:before {    
    border-top: 8px solid #f2a712;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}


/*========== CONTACT FORM ==============*/
.add_width {
    max-width: 350px;
}

.c-icon {
    margin-bottom: 39px;
}

.contact-form-area  h4, .contact-form-area  h2, .contact-form-area  p {
    color: #ffffff;
}

.contact-form-area  p, .contact-form-area  a {
    font-weight: 100;
    letter-spacing: 0.3px;
}

.contact-form-area .contact-title h2 {
    font-size: 25px;
    margin-bottom: 10px;
}

.contact-form-area h4 {
    font-size: 18px;
    font-weight: 600;
}

.single-contact-box i {
    background: #a7730f;
    color: #fff;            
    font-size: 22px;
    width: 45px;
    height: 45px;
    line-height: 45px;              
    text-align: center;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.spc-mb {
    margin-bottom: 1.5rem;
}

.single-contact-box {
    margin-bottom: 30px;
}

.mb-2rem {
    margin-bottom: 2rem !important;
}

/*========== CONTACT FORM ==============*/



@media (min-width: 767px)
{
    .middle-inner {
        padding: 12px 0px;
    }
}

@media only screen and (max-width: 767px)
{
    .slicknav_btn {
        margin-top: -10px;
    }

    .header .img-logo {
        margin-top: 0px;
    }

    .middle-header {
        padding: 20px 0 36px;
    }
    .spc-mb {
        margin-bottom: 0rem;
    }
    .hero-slider .hero-text h1 {
        font-size: 35px;
        line-height: 50px;
        width: 350px;
    }
}

@media only screen and (max-width: 768px)
{
    .spc-mb {
        margin-bottom: 0rem;
    }
}

@media (max-width: 576px) {
    .justify-content-xs-center {
        -ms-flex-pack: center!important;
        justify-content: center!important;
    }
}

@media (max-width: 400x) {
    .cp-rotate:before {
        top: -17px;
    }
}