@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap');
/* body{font-family: 'Poppins', sans-serif;} */
body{font-family: 'Roboto', sans-serif;}
a:hover{text-decoration: none;}
.navbar-light .navbar-nav .nav-link {color: rgb(0, 165, 210);}
.ribha-feature-box:hover { border: 2px solid #00a5d2; background-color: transparent; color: #000;}
.ribha-feature-box { background:#005086; color: #fff;padding: 30px; margin-bottom: 10px; border: 2px solid transparent; -webkit-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; min-height:270px;}
.ribha-feature-box h3 { font-size: 18px; padding-bottom: 10px; font-weight: 600;}
.ribha-feature-box  p {  font-size: 14px;font-weight: 400;}

.carousel-caption h5 {font-size: 1.25rem;font-weight: 800; color: #fff;}
.pad-155{padding-top: 2rem;padding-bottom: 2rem;}
.pad-144{padding-top: 4rem;padding-bottom: 4rem;}
.ribha-philo{  background: rgba(0, 80, 134, 0.04);}
.ribha-link a{text-transform: uppercase; font-size: 14px; font-weight: 900!important; padding-top: 28px; padding-bottom: 7px; border-bottom: 2px solid #007bff;}
p{font-size: 14px;font-weight: 400;}
.serv-box .card-img-overlay { position: absolute; top: auto;right: 0; bottom: 0; left: 0;padding: 1rem; color: #fff; background: rgba(0, 0, 0, 0.27);}
.ribha-industry::before{content: ""; position: absolute; width: 50%; height: 100%; left: 0; top: 0; bottom: 0; background: #f5f8fa;}

.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y;  }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.owl-carousel .owl-item { float: left; }
.owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.grabbing { cursor: url(grabbing.png) 8 8, move; }
.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
.owl-demo .item { margin: 15px; }
.owl-demo .item img { display: block; width: 100%; height: auto; }
.owl-wrapper a { display: block; }
.owl-controls { text-align: center;   position:absolute; top:-36px; right:15px;}
.owl-controls .owl-buttons div { color: #666; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */margin: 5px; padding: 0 5px; font-size: 26px; }
.owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; }
.owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline;}
.owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; }
.owl-controls .owl-page.active span, .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; }
.owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.owl-item.loading { min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center }
.owl-demo .item .icon-bg img {width: auto;}
.owl-demo .item:hover .icon-bg{background:#058ad9; }
.owl-demo .item .icon-bg{transition:all 0.5s;background: #e94e18;display: inline-block;padding: 15px;position: absolute;right: 15px;bottom: 34%;}
.owl-demo .item .icon-image h3{margin: 0;padding: 8px 0;font-size: 17px; color: #000;font-weight: 700;}
.icon-bg{display: none !important;}
.ribha-breadcrumbs{ background: rgba(0, 80, 134, 0.47); padding: 25px;margin-bottom: 1rem;}
.ribha-breadcrumbs .breadcrumb{ background: transparent; padding: 0; margin: 0;}
.ribha-breadcrumbs h3{font-size: 2rem; line-height: 1.3;font-weight: 900!important;color: rgba(255, 255, 255, 0.98); margin: 0;}
.what-we-offer{padding: 25px 0;}
.pad-null {padding-top: 35px;}
.pad-25{padding: 40px 0;}
.growth-oprtunity{background: rgba(0, 80, 134, 0.03);padding: 25px 0;}
.growth-oprtunity h2, .what-we-offer h2, #inner-content h2{ font-size: 1.2rem;}
.growth-oprtunity  h1 ,.what-we-offer h1,#inner-content h1{ font-size: 1.5rem; margin-bottom: 1rem;font-weight: 400;color: #87acc6;}
 .request .btn-info {  margin-top: 15px;font-size: 20px; color: #fff;background-color:#00a5d2;border-color:#00a5d2; border-radius: 0; padding: 8px 35px;text-transform: capitalize;}
.request .btn-info .fa { padding-left: 10px; color: #000;}
.row-pad{margin-top: 2rem;margin-bottom: 1rem;}
#inner-content ul.steps li .fa {padding-right: 10px;}
#inner-content ul.steps li { font-size: 14px;padding-bottom: 11px;}
#inner-content .insure h3 { line-height: 50px; color: #00a5d2; font-size: 28px; text-align: center; padding-right: 0; text-transform: uppercase;}
#inner-content h4 { font-size: 0.9rem;margin-bottom: 15px;margin-top: 10px;}
#inner-content .solution-serv .serv-img {position: relative; text-align: center;padding: 50px 0 0 0;}
#inner-content .solution-serv ul li { text-align: center; min-width: 170px;}
#inner-content .solution-serv .img-circle {    display: inline-block;    width: 100px;    height: 100px;    line-height: 96px;    padding: 0px 23px; margin: 0; background: #ccc;border-radius: 50%;}
#inner-content .solution-serv h6 { font-size: 16px; color: #000; margin: 10px;}
#inner-content .thumbnail .caption h3 { text-transform: uppercase;    font-size: 15px;margin: 14px 0;}
#inner-content .request {background: #000; padding: 40px 16px 30px;}
#inner-content .request h3 {text-transform: uppercase;font-size: 24px;color: #fff;font-weight: 300;}
#inner-content .request .btn-info {margin-top: 15px; font-size: 24px; color: #fff; background-color: #0a76ef; border-color: #0a76ef; border-radius: 0; padding: 8px 35px; text-transform: uppercase;}
#inner-content .btn { margin-bottom: 5px;}
#inner-content .redevelop {background: #006593; padding: 40px 16px 30px;}
#inner-content .growth-oprtunity {background: rgba(0, 80, 134, 0.02);padding: 25px;}
.footer-link li span:last-child{ color: #6c757d;}
.footer-link li .fa{ padding-right: 5px;}
.footer-link li span:first-child{margin-bottom: 5px;font-weight: 600;}
footer{background: #f9f9f9;margin-top: 2rem;}
footer  h2 {text-transform: uppercase;margin-top: 0;margin-bottom: 20px; font-size: 1rem; font-weight: 300;  color: #2b0a3d;}
footer  ul li {padding-bottom: 8px;}
footer ul li a {font-size: 13px; color:#2b0a3d;}
.img-circle img{width: 48px;}
.serv-img ul{display: flex;align-items: center; justify-content: center; flex-wrap: wrap;}
.serv-box img{width: 100%;}
.serv-box{border: none;border-radius: 0;margin-bottom: 1rem;}

@media (min-width: 992px){
    .carousel-caption {position: absolute; right: 10%; top: 8%; left: auto; text-align: left; width: 375px; height: 375px; background: linear-gradient(to left, rgb(33, 147, 176), rgb(109, 213, 237)); border-radius: 100%; justify-content: center; align-items: center; border-radius: 100%; flex-direction: column; display: flex; padding: 38px;}
}

@media (max-width: 767px){
   footer .border-top, footer .border-top .text-right{text-align: center !important;margin-top: 10px;;}
   footer ul{margin: 0;}
   footer .col-md-3{margin-bottom: 2rem;}
   footer h2 {margin-bottom: 11px;border-bottom: 1px solid #dbdbdb; padding-bottom: 5px;}
   .tr-md {text-align: center;}
   .request{text-align: center;}
   .request h3{font-size: 1rem;}
   .growth-oprtunity h1, .what-we-offer h1, #inner-content h1 {font-size: 1rem;}
   .ribha-breadcrumbs {padding: 25px 0;}
   .ribha-breadcrumbs h3 {font-size: 1rem;}
   .contact-form{padding: 0 !important;}

}
@media (min-width: 768px){
    .tr-md {text-align: right;}
}
@media (max-width: 991px){
    .carousel-caption {right: 0;bottom: 0;left: 0;background: #00000047;}
    .carousel-item img{ height: 365px;max-height: 365px; min-height: 365px;}
}
@media (max-width: 1220px){
    .ribha-feature-box { padding: 8px;min-height: 316px;}
    .carousel-caption h5 {font-size: 1rem;}
    .navbar-expand-lg .navbar-nav .nav-link {padding-left: 1.5rem;}
}
@media (min-width: 1220px){
    .navbar-expand-lg .navbar-nav .nav-link {padding-left: 2.5rem;}
    #inner-content .solution-serv .barline { content: ""; position: absolute;left: 100px;right: 80px;  height: 3px;  background-color: #1a1e1f; bottom: 80px; z-index: -99;}

}
@media screen and (min-width:992px) and (max-width:1220px) {
    .carousel-caption {top: 0;width: 330px;height: 330px;padding: 42px;}
}
#myModal .modal-header{
    border: none;
    padding: 0;
}
#myModal .modal-header .close{
    position: absolute;
    top: -12px;
    right: -8px;
    background: #000;
    opacity: 1;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 1;
    padding: 0;
    margin: 0;
    text-shadow: none;
    color: #fff;
    cursor: pointer;
    z-index: 9999;
}
#myModal .modal-content{border-radius: 0;background: #f8f9fa;}
#myModal .modal-body{border: 3px solid #000;}
#myModal .modal-body p{font-size: 17px;}