@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('../fonts/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400;500;700&family=Noto+Sans+Display&family=Roboto+Condensed:wght@700&family=Sarabun:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400;500;700&family=Noto+Sans+Display&family=Playfair+Display&family=Roboto+Condensed:wght@700&family=Sarabun:wght@400;500;600&display=swap');
/*-------------------ELEMENT STYLE--------------------------*/

a, a:hover{text-decoration:none;}
h1{font-size:55px; font-family: 'Roboto', sans-serif; font-weight:300; line-height:70px;}
h1 span{font-size:20px; font-family: 'Roboto', sans-serif;}
h3{font-size:30px; font-family: 'Roboto', sans-serif;}
h2{font-size:35px; font-family: 'Roboto', sans-serif; font-weight:400; line-height:40px; }
h2 span{font-size:17px; font-family: 'Roboto', sans-serif; font-weight:400; line-height:70px;background-color:#e8f2fc;padding: 10px 30px;border-right: 5px solid #de4929;border-left: 5px solid #de4929;border-radius: 5px;margin-bottom: 15px;}
h5 {font-size: 18px;font-weight: 400;line-height: 26px;font-family: 'Roboto', sans-serif;}
p{font-size:16px; font-family: 'Roboto', sans-serif; font-weight:400; line-height:26px; }
p a{font-size:16px; font-family: 'Roboto', sans-serif; font-weight:400; line-height:26px; }
a:hover{color:#de4929 !important;}
ul, ul li{margin: 0; padding: 0;}
/*-------------------COMMAN CLASS-------------------*/
.btn-primary{background-color: #0f5ba6;color: #fff;border: 1px solid #0f5ba6!important;; padding: 14px 25px;}
.btn-primary:hover{background-color: #fff;color:#0f5ba6!important;border: 1px solid #0f5ba6!important;}
.sectionpadding{padding:90px 0;}
.bg-section-green{background: #f4f9fc;}
/*-------------------HEADER-------------------*/
#header {position: sticky;z-index:999;top: 0; background-color:#fff;border-bottom: 2px solid #0f5ba6 ;}
#header .bi-telephone{border-radius: 50%;border: 1px solid transparent ;background-color: #0f5ba6;  padding: 10px 12px;font-size: 20px;}
#header .nav-item{white-space: nowrap;}
#header .navbar-nav .active .nav-link{color:#de4929!important;}
#header .dropdown-toggle::after {display: none;}
#header .bi-chevron-down::before{font-size: 10px;}
#header .dropdown-item.active, .dropdown-item:active{background-color:unset;}
@media(max-width:1199px){header .nav-item{padding:0px 4px !important;}	}	
@media (max-width:991px){.navbar-toggler{background-color: #0d5ba8;}
.navbar-toggler:hover{background-color: #0e549d; border:1px solid #0d5ba8;}
.navbar-toggler .navbar-toggler-icon {background-color: #fff;height: 2px;border-radius: 25%;display: flex;margin: 6px -3px;}
.navbar { top: 36px;z-index: 1; background: #fff; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;position: absolute;}
.navbar-nav .dropdown-menu,.navbar-collapse{text-align: center;}
}
/*-------------------HM-BANNER-------------------*/
#hm-banner .carousel-caption{text-align: left;color:#000;left: 7%;right: 7%; height: 80%}
#hm-banner .container-fluid{padding-right: 0;padding-left: 0;overflow: hidden;}
#hm-banner .carousel-control-next{top: 75%;left: 60px;}
#hm-banner .carousel-control-prev{top: 75%;left: 30px;}
@media(max-width:1200px){#hm-banner .carousel-caption{bottom: 55px;}}
@media (max-width:991px){#hm-banner .carousel-caption{bottom: 0px;}#hm-banner .carousel-caption h1{font-size:40px;line-height: 56px; }}
@media (max-width:768px){#hm-banner .carousel-caption h1{font-size:20px;line-height: 25px; }}
/*-----------------DRC-Presence-map-----------------*/
/* .img-magnifier-container {position: relative;}
.img-magnifier-glass { position: absolute; border: 3px solid #9999; border-radius: 50%; cursor: none; width: 130px;  height: 130px;} */
/*-------------------HM-SERIVICES-------------------*/
#hm-services .card-columns {column-count: 1;}
#hm-services .card {column-count: 1;}
@media (min-width: 768px) { #hm-services .card-columns { -moz-column-count: 2;   column-count: 2;}}
@media (min-width: 1200px) { #hm-services .card-columns { -moz-column-count: 3;  column-count: 3; }}
#hm-services .card-img-overlay .card-block {  position: absolute;   top: 0; right: 0; bottom: 0; left: 0; z-index: 1;}
#hm-services .img-text { position: relative;bottom: 35px;}
#hm-services .card:hover .img-text{opacity:0;}
#hm-services .card .card-img-overlay {opacity:0;}
#hm-services .card .card-img-overlay:hover {opacity:1; background:#0f5ba6cc;transition: all 0.5s ease-in-out;border-radius:25px;}
/*-------------------HM-ABOUT US-------------------*/
.bghmcompprofile{min-height: 30rem; background: url(../../assets/img/img-hmprofile.png) center right no-repeat;}
@media (max-width: 768px){.bghmcompprofile{min-height: 30rem; background: url(../../assets/img/img-hmprofile.png) center center no-repeat;}}
/*-------------------INNER-SERVICES-PAGE-------------------*/
.list-group-item-action:focus,.list-group-item.active{background-color:#de4929;border-color:#e3e3e3;color:#fff!important; }
/* #services .services-content .list-group .list-group-item{border:unset!important;} */
@media (max-width: 1200px) { .services-banner  {background-position: 0% 50% !important;}}
@media (max-width:991px){.services-banner {text-align:center;}}
/*-------------------INNER-COMPANY-OVERVIEW-------------------*/
/* .company-overview-banner {background: url(../../assets/img/company-overview-banner.png) center center no-repeat;position: relative;height: 500px;}
#compprofile{margin-top: -86px;}
#compprofile .bghmcompprofile{min-height: 30rem; background: url(../../assets/img/img-compprofile.png) center right no-repeat;}
@media (max-width: 1200px) { .company-overview-banner {background-position: 0% 50% !important;  }}
@media (max-width:991px){ .company-overview-banner{text-align:center;}} */
/*-------------------INNER-COMPANY-OVERVIEW-------------------*/
/* #contactus .contactus-details {padding-bottom:90px;} */
#contactus .bg-primary{margin-left:-12px !important;}
#contactus .shadow-lg{box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px !important;}
@media (max-width: 1200px) { .contact-us-banner  {background-position: 0% 50% !important;  }}
@media (max-width:991px){ .contact-us-banner {text-align:center;}}
/*-------------------FOOTER-------------------*/
.contact-box1{background-color: #e8f2fc;}
/* #footer { background: url("../../assets/img/footer-bg.png") top center no-repeat;} */
#footer { background-color: #0d7bbd;}
#footer .list-group{display: block;}
#footer .list-group-item{background-color: unset;border: none;border-bottom: 2px solid transparent;}
#footer .list-group-item a .active {border-bottom: 2px solid #fff;padding-bottom: 5px;color:#fff !important;}
#footer .list-group-item a:hover {border-bottom: 2px solid #fff;padding-bottom: 5px;color:#fff !important;}
@media(max-width:768px){#footer .list-group{display: block !important;} #footer .list-group-item{padding: 0px;}}

/*-------------------why-rubatek-------------------*/

#hm-why-rubatek{background-color: #fff;}
#hmcontactform{background-color: #e8f2fc;}
#header1{background-color:#0f5ba6;}
#header1 span{float:right;}
@media(max-width:1200px)
{
    #header1{text-align: center;}
    #header1 span{float: unset;}
}


.contact-box-btn{background-color: #0f5ba6;color: #fff;border: 1px solid #0f5ba6!important;; padding: 10px 14px;}
.contact-box-btn:hover{background-color: #fff;color:#0f5ba6!important;border: 1px solid #0f5ba6!important;}
.contact-box h3{font-family: 'Roboto Condensed', sans-serif;}

.carousel .carousel-indicators button{width: 10px;height: 10px;border-radius: 100%;background-color: #053860;}
.owl-theme .owl-dots .owl-dot span{background: #053860!important;opacity: 0.5!important;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background: #053860!important;opacity: 1!important;}


.contact-form{background-color: #f4f9fc;}

#client .content{display:none;}
#client img{ border: 2px solid #de49294f;border-radius: 20px;}
#client img:hover{border: none;cursor: pointer;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}

#sheq-1{background-color: #e8f2fc;}
/* .technical-banner{background: url(../../assets/img/technical-banner.png) center center no-repeat;position: relative;height: 500px;} */
#services .services-content .list-group .list-group-item{border:unset!important;padding: 2px 16px;color:#000;}
#inner-banner h1{position:absolute;bottom:0;font-weight:300;}
#services .img-services-box {  border: 2px solid #de49294f;  padding: 10px; border-radius: 20px;}
.img-border{ border: 2px solid #de49294f;  padding: 10px; border-radius: 20px;}

/* .nav-tabs .nav-link.active img {border: 2px solid black;border-radius: 150px;}  */
.nav-tabs {border-bottom: 0px solid #dee2e6;}
.nav-tabs .nav-link{border: unset;}
@media(max-width:992px){.sheq-banner{background: url(../../assets/img/sheq-banner.png) center center no-repeat;  position: relative;   height: 240px !important;  background-size: cover;}}
@media(max-width:992px){.contact-us-banner {background: url(../../assets/img/contact-banner.png) center center no-repeat;position: relative;height: 240px !important;}}
@media(max-width:992px){.clientele-banner{background: url(../../assets/img/clientele-banner.png) center center no-repeat;  position: relative;   height: 240px !important;  background-size: cover;}}
@media(max-width:992px){.driling-banner {background: url(../../assets/img/driling-banner.png) center center no-repeat;  position: relative;   height: 240px !important;  background-size: cover;}}
@media(max-width:992px){.projects-banner{background: url(../../assets/img/projects-banner.png);background-position:cover;background-repeat: no-repeat; position:relative;background-size: cover;height: 240px!important;}}
@media(max-width:992px){.commodity-banner{background: url(../../assets/img/commodity-banner.png) center center no-repeat;position: relative;height:240px !important;}}
@media(max-width:992px){.epcm-banner{background: url(../../assets/img/epcm-banner.png) center center no-repeat;position: relative;height: 240px !important;}}
@media(max-width:992px){.mining-banner{background: url(../../assets/img/mining-banner.png) center center no-repeat;position: relative;height: 240px !important;}}
@media(max-width:992px){.other-banner{background: url(../../assets/img/other-banner.png) center center no-repeat;position: relative;height: 240px !important;}}
@media(max-width:992px){.gas-banner {background: url(../../assets/img/gas-banner.png) center center no-repeat;position: relative;height:240px !important;}}
@media(max-width:992px){.hemm-banner {background: url(../../assets/img/hemm-banner.png) center center no-repeat;position: relative;height:240px !important;}}
@media(max-width:992px){.error-banner {background: url(../../assets/img/error-banner.png) center center no-repeat;position: relative;height:240px !important;}}
@media(max-width:992px){.smpp-banner {background: url(../../assets/img/smpp-banner.png) center center no-repeat;position: relative;height:240px !important;}}

@media(max-width:1400px) and (min-width:991px){.sheq-banner{background: url(../../assets/img/sheq-banner.png) center center no-repeat;  position: relative;   height: 500px !important; background-size: cover;}}
@media(max-width:1400px) and (min-width:991px){.contact-us-banner {background: url(../../assets/img/contact-banner.png) center center no-repeat;position: relative;height: 500px !important;}}
@media(max-width:1400px) and (min-width:991px){.clientele-banner{background: url(../../assets/img/clientele-banner.png) center center no-repeat;  position: relative;   height: 500px !important;  background-size: cover;}}
@media(max-width:1400px) and (min-width:991px){.driling-banner {background: url(../../assets/img/driling-banner.png) center center no-repeat;  position: relative;   height: 500px !important;  background-size: cover;}}
@media(max-width:1400px) and (min-width:991px){.projects-banner{background: url(../../assets/img/projects-banner.png);background-position:cover;background-repeat: no-repeat; position:relative;background-size: cover;height: 500px!important;}}
@media(max-width:1400px) and (min-width:991px){.commodity-banner{background: url(../../assets/img/commodity-banner.png) center center no-repeat;position: relative;height:500px !important;}}
@media(max-width:1400px) and (min-width:991px){.epcm-banner{background: url(../../assets/img/epcm-banner.png) center center no-repeat;position: relative;height: 500px !important;}}
@media(max-width:1400px) and (min-width:991px){.mining-banner{background: url(../../assets/img/mining-banner.png) center center no-repeat;position: relative;height: 500px !important;}}
@media(max-width:1400px) and (min-width:991px){.other-banner{background: url(../../assets/img/other-banner.png) center center no-repeat;position: relative;height: 500px !important;}}
@media(max-width:1400px) and (min-width:991px){.gas-banner {background: url(../../assets/img/gas-banner.png) center center no-repeat;position: relative;height:500px !important;}}
@media(max-width:1400px) and (min-width:991px){.hemm-banner {background: url(../../assets/img/hemm-banner.png) center center no-repeat;position: relative;height:500px !important;}}
@media(max-width:1400px) and (min-width:991px){.error-banner {background: url(../../assets/img/error-banner.png) center center no-repeat;position: relative;height:500px !important;}}
@media(max-width:1400px) and (min-width:991px){.smpp-banner {background: url(../../assets/img/smpp-banner.png) center center no-repeat;position: relative;height:500px !important;}}

.sheq-banner{background: url(../../assets/img/sheq-banner.png) center center no-repeat;  position: relative;   height: 600px;  background-size: cover;}
.contact-us-banner {background: url(../../assets/img/contact-banner.png) center center no-repeat;position: relative;height: 600px;background-size: cover;}
.clientele-banner{background: url(../../assets/img/clientele-banner.png) center center no-repeat;  position: relative;   height: 600px;  background-size: cover;}
.driling-banner {background: url(../../assets/img/driling-banner.png) center center no-repeat;  position: relative;   height: 600px;  background-size: cover;}
.projects-banner{background: url(../../assets/img/projects-banner.png);background-position:cover;background-repeat: no-repeat; position:relative;background-size: cover;height: 600px;}
.commodity-banner{background: url(../../assets/img/commodity-banner.png) center center no-repeat;position: relative;height:600px; background-size: cover;}
.epcm-banner{background: url(../../assets/img/epcm-banner.png) center center no-repeat;position: relative;height: 600px; background-size: cover;}
.mining-banner{background: url(../../assets/img/mining-banner.png) center center no-repeat;position: relative;height: 600px;background-size: cover;}
.other-banner{background: url(../../assets/img/other-banner.png) center center no-repeat;position: relative;height: 600px;background-size: cover;}
.gas-banner {background: url(../../assets/img/gas-banner.png) center center no-repeat;position: relative;height:600px;background-size: cover;}
.hemm-banner {background: url(../../assets/img/hemm-banner.png) center center no-repeat;position: relative;height:600px;background-size: cover;}
.error-banner {background: url(../../assets/img/error-banner.png) center center no-repeat;position: relative;height:600px;background-size: cover;}
.smpp-banner {background: url(../../assets/img/smpp-banner.png) center center no-repeat;position: relative;height:600px;background-size: cover;}

@media (max-width:992px){#inner-banner h1{position:unset;bottom:unset;font-weight:unset;font-size: 40px !important;}}
.container{max-width: 1140px;}
.carousel-indicators{bottom: 38px !important;}
@media (max-width: 768px) { .carousel-indicators{ bottom: 1px !important;}}
.nav-tabs .nav-link.active {
    color: unset;
    background-color:unset;
    border-color: unset;
}
#service-value .card{border: unset;}
.values-font{font-family: 'Playfair Display', serif;color: #de4929;}
.owl-theme .owl-nav{margin-top: 10px !important;}
@media (max-width:991px){#inner-banner{margin-top: 74px;}#hm-banner{margin-top: 75px;}}
.side-border{position: relative;padding-left: 15px;}
.side-border:before{content: "";width:4px;height: 39px;position: absolute;top: 1px;left: 0;background-color: #de4929;}
@media(max-width:991px){.side-border{position: relative;padding-left: 0px;width: fit-content;margin: auto;border-right: 2px solid #de4929; border-left: 2px solid #de4929; padding: 0px 20px;}
.side-border:before{content: "";width:0px;height: 0px;position: absolute;top: 0px;left: 0;background-color:unset}}
@media(max-width:768px){.side-border{font-size: 25px !important;padding: 0px 10px!important;}}
@media(min-width:1200px){#contactus .shadow-lg{height: 192px !important;}}
@media(max-width:1200px){.shadow-lg{height:250px;}}
.nav-tabs .nav-link.active img {border: 2px solid #de4929;border-radius: 50%;transform: scale(1.1);}
/* Star */
.swiper-slide{text-align:center;font-size:18px;background:center/cover #fff;display:flex;justify-content:center;align-items:center}.swiper{width:100%;height:300px;margin-left:auto;margin-right:auto}.mySwiper2{height:80%;width:100%}.bg_slide{background:url(https://rubatekrdc.com/assets/img/star-bg.png) center center/contain no-repeat fixed;min-height:400px}.swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}
.bg_slide1,.bg_slide2,.bg_slide3,.bg_slide4{min-height:440px}.swiper-button-next:after,.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{bottom:-10 !important;font-size:16px!important;position:absolute;background:#fff!important;width:35px;height:35px;border-radius:100%;color:#000;padding:0 12px;font-weight:700;line-height:38px !important}.bg_slide1{background:url(https://rubatekrdc.com/assets/img/value1.png) center center/cover no-repeat fixed}.bg_slide2{background:url(https://rubatekrdc.com/assets/img/value2.png) center center/cover no-repeat fixed}.bg_slide3{background:url(https://rubatekrdc.com/assets/img/value3.png) center center/cover no-repeat fixed}.bg_slide4{background:url(https://rubatekrdc.com/assets/img/value4.png) center center/cover no-repeat fixed}#values .side-border:before{background-color:#fff}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev';left:4px}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next';right:4px}.mw-400{max-width:400px}

.key-detail .tab-content{border: 2px solid #de4929;padding:30px;}