/* .mr-108{
    margin-left: 10px !important;
} */
.mgl-75{
    margin-left: -22px !important;
}
@media only screen and (max-width: 500px) {
    .mgl-75{
        margin-left: 1px !important;
        min-width: 187px !important;
    }
}
@media only screen and (min-width: 992px) {

.menu-hh{
      display: none !important;
}}
.main-header.main-header-four.main-header-five .button-area .btn-primary-4 {
    background: #3878bc !important;
}
.header-top-one.header-top-four.header-top-five .right-h-three .header-top-right .email i {
    color:#3878bc !important;
}
.header-top-one.header-top-four .right-h-three .header-top-right .email a:hover {
    color:#3878bc !important;
}
.header-top-one.header-top-four.header-top-five .right-h-three .header-top-right .call i {
    color:#3878bc !important;

}
.pt-38{
    padding-top: 38px !important;
}
.rts-service-area5 .container .service-one-inner-four .btn-primary-3 {
    background: #3878bc !important;
}
.rts-callto-acation-area5 .container .cta-two-wrapper .btn-secondary-3:hover {
    background: #3878bc !important;
}
.rts-business-goal5 .container .content-box .content:hover{
    background: #3878bc !important ;
}
.rts-business-goal5 .container .content-box .content:hover .desc{
    color: #fff !important;
}
.bg_testimonials-h2{
    background-image: none !important;
    background: #3878bc !important;
}
.single-testimonials-h2 .footer .right .stars-area ul li a i {
    color: #3878bc !important;
}
.single-testimonials-h2 .footer .left .desig p span{
    color:#3878bc !important;
}
 .home-blue2 .progress-wrap::after{
    border-color: #3878bc !important;
    box-shadow: 0px 3px 20px 6px #3878bc !important;
    color: #3878bc !important;    

}
.rts-business-solution-right .content-area p.disc{
    text-align: justify !important;
}
.sl-img{
 
    width:100% !important;
    height:450px !important;
}
@media only screen and (max-width: 500px) {
    .sl-img{
 
        width:100% !important;
        height:150px !important;
    }
}
.justify-align{
    text-align: justify !important;
}

.about-progress-inner .title-area span{
    color:#3878bc !important;
}
.faq-two-inner .title-area-faq .sub{
    color: #3878bc !important;
}
.faq-two-inner .title-area-faq span.sm-title span{
    color: #3878bc !important;
}
.faq-two-inner .faq-accordion-area .accordion .accordion-item .accordion-header button span {
    color: #3878bc !important;
}
.faq-two-inner .faq-accordion-area .accordion .accordion-item .accordion-header button::after {
    color:#de5161 !important;
}
.rts-faq-bg{
    background-color: #03325e !important;
    background-image: none !important;
}
.main-header.main-header-four.main-header-five .nav-main ul li a::after {
    background: #3878bc !important;
}
.main-header.main-header-four.main-header-five .nav-main ul li .submenu::after {
    border-bottom-color: #3878bc !important;
}
.rts-breadcrumb-area .bread-tag span{
    color:#de5161 !important;
}
/* .breadcrumb-bg{
    background-image: url(../images/breadcrumb/ourcompany.jpg);
}
.breadcrumb-bg1{
    background-image: url(../images/breadcrumb/vision.jpg);

} */
p.disc{
    font-size: 18px !important;
}
@media only screen and (max-width: 500px) {
    p.disc{
        font-size: 16px !important;
    }
}
.rts-business-solution-right .content-area p.disc{
    font-size: 18px !important;
}
@media only screen and (max-width: 500px) {
    .rts-business-solution-right .content-area p.disc{
        font-size: 16px !important;
    }
}
/* .rts-section-gap-30{
    padding: 30px 0 !important;
}
.about-progress-inner .title-area .title{
 
    margin-top: -94px !important;
} */
.our-vision{
    text-align: center !important;
}
.mg-top--116{
    margin-top: -94px !important;
    background-color: #eee !important;
    margin-bottom: -53px !important;
}
@media only screen and (max-width: 500px) {
    .mg-top--116{
        margin-top: -38px !important;
        background-color: #eee !important;
        margin-bottom: -53px !important;
    }
}
.pd-bt-48{
  padding-bottom: 48px !important;
}
.service-two-inner .thumbnail::after{
    color:#3878bc !important;
}
.accordion-service-inner .accordion-area .accordion .accordion-item::after {
    border: 1px dashed #3878bc !important;
}
.img-h-250{
 height: 250px !important;
}
.single-contact-one-inner .content .info span{
    color:#ffff !important;
}
.single-contact-one-inner .content .info a:hover h5{
    color:#ffff !important;
}
.single-contact-one-inner .content .info a h5{
    color:#ffff !important;
}
.single-contact-one-inner .content{
    background-color: #3878bc !important;
}
.clr-phone{
    color:#ffff !important;
    font-size: 40px !important;
}
.address-upper{
   text-transform: uppercase !important;
}
.single-contact-one-inner .content .info a h5 {
    font-size: 13px !important;
}
.single-contact-one-inner .content{
    height: 30px !important;
}
@media only screen and (max-width: 500px) {
    .single-contact-one-inner .content{
        height: 87px !important;
    }
}
.rts-btn.btn-primary{
    background-color: #3878bc;
}
.rts-btn.btn-primary:hover{
    background-color: #03325e !important;
    color: #fff !important;
}
.btn-customer{
    background: #3878bc !important;
}
.btn-customer:hover{
    background: #03325e !important;
    color: #fff !important;
}
.bg-1{
    background:#3878bc !important;
}
.header-top-one .left .mail::after{
    background: #ffff !important;
}
.phone-fa {
    color:#fff !important;
}
.header-top-one .right .social-wrapper-one::after{
 background: #fff !important;   
}
.phne-clr{
 
    color:#fff !important;
}
.main-header .nav-main ul li a::after{
    background: #3878bc !important;
}
.main-header .nav-main ul li a:hover{
    color:#3878bc !important;
}
.mainmenu li.has-droupdown .submenu::after{
    border-bottom-color: #3878bc !important;
}
.nav-main ul li:hover a.nav-link::before{
    color:#3878bc !important;
}
.mainmenu li.has-droupdown .submenu{
    border-top: 4px solid #3878bc !important;
}
.progress-wrap::after{
    color:#3878bc !important;
    border: 2px solid #3878bc !important;
}
.progress-wrap::before{
    background: #3878bc !important;
    color:#3878bc !important;
}
.nav-main ul li:hover a.nav-link{
    color:#3878bc !important;
}
.rts-title-area p.pre-title{
    color: #3878bc !important;
}
.progress-wrap svg{
    color:#3878bc !important;
}
.progress-wrap svg.progress-circle path{
    stroke:#3878bc !important;
}
.rts-contact-fluid .form-wrapper input:focus{
    border: 1px solid #3878bc !important;
}
.rts-contact-fluid .form-wrapper textarea:focus{
    border: 1px solid #3878bc !important;
}
.company{
    font-weight: 800 !important;
}
.company:hover{
    color:#03325e !important;
    text-decoration: underline !important;
}
.contact-form-area-one form input:focus{
    border: 1px solid #3878bc !important;
}
.rts-contact-area.contact-one::after{
    background-image: none !important;
}
.login-customer{
   margin-bottom: 42px !important;
   margin-left: 283px !important;
}
@media only screen and (max-width: 500px) {
    .login-customer{
        background-color:#eee !important ;
        margin-bottom: 23px !important;
        margin-left: 1px !important;
     }
}
.mt-91-cus{
    margin-top: -91px !important;
    color:#3878bc !important;

}
@media only screen and (max-width: 500px) {
    .mt-91-cus{
        margin-top: -34px !important;
        color:#3878bc !important;
        font-size: 33px !important;
    
    }
}

.gap-mb{
    margin-bottom: -81px !important;
}
@media only screen and (max-width: 500px) {
    .gap-mb{
        margin-bottom: -35px !important; 
       }
}
#menu-btn:hover{
    background:  #3878bc!important;
}
input:focus, input:active, button:focus, button:active, select:focus, select:active, textarea:focus, textarea:active {
    border-color: #3878bc !important;
}
@media only screen and (max-width: 479px){
#menu-btn {
    background: #f4f6f9 !important;
}
}
.side-bar button i{
    background: #3878bc !important;
}
.rts-sidebar-menu-desktop .body-mobile .menu-item:hover .menu-link{
    color:#3878bc !important;
}
.rts-sidebar-menu-desktop .body-mobile .mainmenu li.has-droupdown .submenu .mobile-menu-link:hover a {

    color:#3878bc !important;
}
.social-wrapper-two.menu.mobile-menu a i{
    color: #3878bc !important;
}
.social-wrapper-two.menu.mobile-menu a:hover::after {
    background: #fff!important;
   
}
.mobile-ffa-fff:hover{
 color:#fff !important;
}
.mt-46{
    margin-top:-46px !important;
}
.mt-52{
    margin-top: -52px !important;
}
.mt-63{
    margin-top:-65px !important;
}
@media only screen and (max-width: 500px) {
    .mt-63{
        margin-top:-97px !important;
    }
}
.mt-72{
    margin-top:-71px !important;
}
.mt-92-test{
    margin-top:-97px !important;
}
.mg-top-55{
    margin-top:-60px !important;
    margin-bottom: -75px !important;
}
@media only screen and (max-width: 500px) {
    .mg-top-55{
        margin-top:-22px !important;
        margin-bottom: -34px !important;
    }
}
.service-two-bg{
    background-image: none !important;
    background-color: #eee !important;
}
.mt-157{
    margin-top:-157px !important;
}
@media only screen and (max-width: 500px) {
    .mt-157{
        margin-top:-87px !important;
    }
}
.m-b-64{
    margin-bottom: -64px !important;
}
@media only screen and (max-width: 500px) {
    .m-b-64{
        margin-bottom: -31px !important;
    }
}
.m-t-57{
    margin-top:-57px !important;
}
@media only screen and (max-width: 500px) {
    .m-t-57{
        margin-top:-13px !important;
    }
}
.bg-footer-one .bg-shape-f1::after{
    background-image: none !important;
}
.footer-one-single-wized.mid-bg{
    background: none !important;
}
.bg-footer-one::after{
    background-image: none !important;
}
.bg-footer-one{
    background-color: #ddd !important;
}
.footer-one .rts-copyright-area{
    border-top: 1px solid  #fff !important;
    padding: 21px 0 !important;
}
.mt-206{
    margin-top:-213px !important;
}
@media only screen and (max-width: 500px) {
    .mt-206{
        margin-top:-130px !important;
    }
}

@media only screen and (max-width: 500px) {
.footer-title-mb{
    margin-bottom: 13px !important;
    margin-left: -9px !important;
}}
@media only screen and (max-width: 500px) {
.mt-quick-link{
    margin-top: 132px !important;
}}
@media only screen and (max-width: 500px) {
.quick-link-title{
    margin-bottom: -46px !important;
  
}
}
@media only screen and (max-width: 500px) {
.ml-26-opening-time{

    margin-left: -37px !important;
}
}
@media only screen and (max-width: 500px) {
.mt-67-contact{
    margin-top: 67px !important;
    margin-left: 3px !important;
}
}
@media only screen and (max-width: 500px) {
.mt-42-post{
    margin-top: -42px !important;
}
}
@media only screen and (max-width: 500px) {
.mb-12-phone{
    margin-bottom: 25px !important; 
}
}
.pt-5-footer-phone{
  margin-top: 31px !important;
}
@media only screen and (max-width: 500px) {
    .pt-5-footer-phone{
        margin-top: 1px !important;
      }
}
.footer-one .rts-copyright-area p{
    color:#222 !important;
}
.pd-00{
    padding-bottom: 1px !important;
}
.footer-one-single-wized .quick-link-inner{
    text-align: justify !important;
    color: #222 !important;
}
.footer-one-single-wized .wized-title .title{
    color: #222;
}
.pt-36-contact{
    padding-top: 36px !important;
}
.about-link{
    color: #222 !important;

}
.about-link:hover{
  color:#03325e !important;
  text-decoration: underline !important;
  font-weight: 800;
}
.clr-phone1{
    font-size: 20px !important;
    color: #222 !important;

}
.loader::after {

    border-top-color: #3878bc !important;
}
.loader-wrapper{
    --inner-line-color: #3878bc;
    --middle-line-color:  #03325e;
    --outer-line-color: #e25e6d;
}
@media only screen and (max-width: 500px) {

.mtb{
    margin-top: 21px;
    margin-bottom: 29px;
}}
.mg-r-38{
    margin-right: 38px !important;
}
.bg-footer-one::before{
    background-image: none !important;
}
.pd-rts-bussiness{
    margin-left: 118px !important;
}
@media only screen and (max-width: 500px) {      
.pd-rts-bussiness{
    margin-left: 1px !important;
    padding-left: 9px !important;
    padding-right: 9px !important;
}}
.pd-l-502{
    padding-left:453px !important;
}
@media only screen and (max-width: 500px) {   
.pd-l-502{
    padding-left:107px !important;
}}
.pd-l-about{
    padding-left:408px !important;
}

@media only screen and (max-width: 500px) {   
    .pd-l-about{
        padding-left:90px !important;
    }}
.mb-any-52{
    margin-bottom: 52px !important;
}    

@media only screen and (max-width: 500px) {   
    .mb-any-52{
        margin-bottom: 21px !important;
    }    }
.rts-business-solution-right .content-area p.disc{

    color: #37434F !important;
}    
.mt-15-inner-opening{
    margin-top: -15px !important;
    margin-left: -39px !important;
}
@media only screen and (max-width: 500px) {   

  
.mt-15-inner-opening{
    margin-top: 1px !important;
}   
}
.img-footer-h{
    height: 80px !important;
    margin-left: -12px !important;
    margin-top: 27px !important;
}
@media only screen and (max-width: 500px) {
    .img-footer-h{
        height: 74px !important;
        margin-left: 1px !important;
    margin-top: 1px !important;
    }}
.customer-login-card{
    margin-top: -27px;
    margin-left: 30px;
    font-size: 30px;
    padding: 14px;
    font-weight: bolder;
}  
@media only screen and (max-width: 500px) {
    .customer-login-card{
        margin-top: -27px;
        margin-left: 30px;
        font-size: 25px;
        padding: 9px;
        font-weight: bolder;
    }
}
.customer-login-card:hover{
    color:#03325e !important;
}
.customer-login-card1{
    margin-top: -27px;
    margin-left: 30px;
    font-size: 30px;
    padding: 14px;
    font-weight: bolder;
    background-color: #03325e;
    color: #fff !important;
}  
@media only screen and (max-width: 500px) {
    .customer-login-card1{
        margin-top: -27px;
        margin-left: 30px;
        font-size: 25px;
        padding: 9px;
        font-weight: bolder;
    }
}
.customer-icon{
    font-size: 30px !important;
    position: relative;
    top:20px !important;
    color:#03325e;
}
@media only screen and (max-width: 500px) {
    .customer-icon{
        font-size: 25px !important;
        position: relative;
        top:12px !important;
        color:#03325e;
    }
}
.customer-icon1{
    font-size: 30px !important;
    position: relative;
    top:20px !important;
    color:#fff;
}
@media only screen and (max-width: 500px) {
    .customer-icon1{
        font-size: 25px !important;
        position: relative;
        top:12px !important;
        color:#03325e;
    }
}

.card-box-shadow{
    box-shadow: 0px 21px 46px #0000000a;
    background-color: #fff;
}
.card-box-shadow1{
    
    box-shadow: 0px 21px 46px #0000000a;
    background-color: #03325e;
}
.border-card{
 border:none !important;
}
.customer-login-card-11{
    color:#222 !important;
}

.customer-login-card-11:hover{
    color:#03325e !important;
}
.customer-login-card-12{
    color:#fff!important;
}
.customer-login-card-12:hover{
    color:#fff !important;
}
@media only screen and (max-width: 500px) {
.mt-39-customer{

    margin-top: -39px !important;
}}
.pd-contact-area{
    padding: 35px 42px !important;
    box-shadow: 0px 21px 46px #0000000a;
    background-color: #fff;
    margin-top: 44px;
    margin-left: 250px;
    margin-bottom: 44px;
}
@media only screen and (max-width: 500px) {

    .pd-contact-area{
        padding: 35px 42px !important;
        box-shadow: 0px 21px 46px #0000000a;
        background-color: #fff;
        margin-top: 20px !important;
        margin-left: 1px;
        margin-bottom: 20px !important;
    }
}
.pd-left-113{
    padding-left: 113px !important;
}
@media only screen and (max-width: 500px) {
    .pd-left-113{
        padding-left: 15px !important;
    }
}
.pd-complaint-left{
    padding-left: 73px !important;
}
@media only screen and (max-width: 500px) {
    .pd-complaint-left{
        padding-left: 37px !important;
    }
}
.submit-pd-left{
    margin-left: 200px !important;
}
@media only screen and (max-width: 500px) {
    .submit-pd-left{
        margin-left: 74px !important;
    }
}
p.disc{
    color: #1F2428 !important;
    line-height: 1.9 !important;
}
@media only screen and (max-width: 500px) {
    p.disc{
        color: #1F2428 !important;
        line-height: 1.9 !important;
    } 
    .about-progress-inner {
        padding-left: 36px !important;
        padding-right: 36px !important;
    }   
    .pd-left-about{
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .mb-33-footer{
        margin-bottom: 33px !important;
    }
}
.pd-thanks{
    margin-left: 320px !important;
    font-weight: bolder !important;
    color:#03325e !important;
}


/* New CSS Codes Start Here... */

.header-main-one .thumbnail a {
    padding: 22px 0;
    display: block;
    max-width: max-content;
}

.bg-footer-one {
    background-color: #fff !important;
}

.footer-one-single-wized .post-wrapper .single-footer-post .left-thumbnail
{
    overflow: unset;
}

.custom-slider-image
{
    width: 100%;
    height: 480px;
}

.rts-business-solution5 .container .rts-business-solution-right .content-area
{
    margin-right: 0px !important;
}

.rts-service-area5 .container .service-one-inner-four
{
    text-align: center;
}

.rts-service-area5 .container .service-one-inner-four .content {
    margin: 20px 0;
}

.rts-service-area5 .container .service-one-inner-four {
    padding: 20px !important;
}

.custom-logo
{
    max-width: 90% !important;
}

.rts-title-area.contact-appoinment::after
{
    content: "";
}

.rts-title-area p.pre-title {
    color: #eee !important;
}

.background-contact-appoinment .contact-form-area-one
{
    background-image: unset;
    background-color: #3878bc !important;
    padding: 50px 100px 100px 80px;
}

.contact-form-area-one form input{
    height: 55px;
    background: #3878bc !important;
    margin-bottom: 20px;
    border-radius: 15px;
    padding: 0 25px;
    border: 1px solid #eee;
}

.background-contact-appoinment .contact-form-area-one textarea {
    color: #fff;
    background: #3878bc !important;
}

.contact-form-area-one form textarea
{
    border: 1px solid #eee;
}

input:focus, input:active, button:focus, button:active, select:focus, select:active, textarea:focus, textarea:active, .contact-form-area-one form input:focus {
    border-color: #fff !important;
}

.main-header .nav-main ul li a
{
    padding: 44px 0px;
}

.company {
    font-weight: 500 !important;
    color: #3878bc;
}

.rts-btn.btn-white
{
    color: #3878bc;
}

.footer-one .rts-copyright-area {
    border-top: 1px solid #e7e5e5 !important;
    padding: 8px 0 !important;
}

.main-header .nav-main ul li a::after
{
    bottom: 30px;
}

.rts-service-area5 .container .service-one-inner-four .btn-primary-3:hover
{
    color: #eee;
}

@media only screen and (max-width: 500px) {
    .pd-thanks{
        margin-left: -5px !important;
        font-weight: bolder !important;
        color:#03325e !important;
    }

    .custom-slider-image
    {
        height: 220px;
    }

    .custom-logo {
        max-width: 208px !important;
        padding-left: 10px;
    }

    .rts-service-area5 {
        margin-top: 0px;
    }

    .service-one-inner-four
    {
        margin:0px 20px !important;
    }

    .background-contact-appoinment .contact-form-area-one {
        background-image: unset;
        background-color: #3878bc !important;
        padding: 30px 20px 30px 50px !important;
    }
}

@media only screen and (max-width: 479px)
{
    .main-header .button-area {
        margin: 18px 10px !important;
    }

    .header-one-btn.rts-btn {
        padding: 15px 67px;
        font-size: 14px;
    }
}